@charset "utf-8";
/* 重置样式 start */
/* 清除内外边距 */
html{font-size: 62.5%;}
body{font: 14px/1.5 "Microsoft Yahei",'Arial',"ledemei",  Helvetica Neue, Helvetica;}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td{/* table elements 表格元素 */ margin: 0; padding: 0;}
ol,
ul{margin: 0; padding: 0; list-style: none;}
button,
input,
select,
textarea{font: 14px/1.5 "ledemei", 'Arial', "Microsoft Yahei", Helvetica Neue, Helvetica;}
h1,
h2,
h3,
h4,
h5,
h6{font-weight: normal;}
address,
cite,
dfn,
em,
var{font-style: normal;}
/* 将斜体扶正 */
img,
input{border: 0 none;}
div,
a{outline: none;}
a{text-decoration: none;}
a,
a:hover,
a:active,
a:focus{text-decoration: none; cursor: pointer;}
:focus{outline: 0;}
/*a, a:active, a:visited{*/
a,
a:active{color: inherit; text-decoration: none; cursor: pointer;}
.clear{clear: both;}
.hide{display: none;}
/*字体*/
@font-face{font-family: 'ledemei'; src: url('https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/fonts/EFFRA_STD.TTF'); src: url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/fonts/EFFRA.TTF"); font-weight: normal; font-style: normal;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button{-webkit-appearance: none;}
/*动画效果*/
*{transition-property: all;}
/*动画*/
a:hover{-moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
.animation{-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.mt20{margin-top: 20px;}
.mb10{margin-bottom: 10px;}
.mt80{margin-top: 80px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb80{margin-bottom: 80px;}
/*.fa{*/
/*color:black;*/
/*}*/
body{}
.honor-pic{background:#fff;}
*.modal-open{overflow-y: scroll; padding-right: 0 !important;}
section{color: black;}
.wrapper{height: 81px;}
.web-bann{display:none;}
.wrapper nav.navbar.bootsnav ul.nav > li > a:hover{color:#fff;background:#0075c1;}
.wrapper nav.navbar.bootsnav ul.nav > li > a.active{color: #fff;background:#0075c1;}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:hover{background:#0075c1;}

.navbar .sub-menu{position:absolute;width:200px;line-height:50px;background:rgba(0, 0, 0, 0.8);color:#fff;top:0px;left:179px;display:none;z-index:23;}
.navbar .sub-menu a{padding:10px 20px;border-bottom: solid 1px #4c4848;line-height:25px;}
.dropdown-menu{z-index:22;}
.dropdown-menu li:hover .sub-menu{display:block;}
.dropdown-menu li:hover .sub-menu a{color:#fff;}
.dropdown-menu li a{display:block;}
.wrapper .hidea{display: none;}
.wrapper .attr-nav > ul > li.dropdown ul.dropdown-menu.EN-list{position: absolute; right: 0px; margin-left: 0;}
.wrapper .iconsearch{display: inline-block; width: 17px; height: 17px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/search.jpg) no-repeat;}
.index-section .pstd{display:block; position: relative;}
.index-section .time-p{background: #080000; position: absolute; bottom: 0; padding: 5px 20px; color: #fff; margin-bottom: 0;}
.index-section .module01 .overlay .content{width: 40%;}
.index-section .module01 .overlay .content h2{font-size: 3.5rem;}
/*轮播*/
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{background: none; color: black; width: 35px; height: 35px; line-height: 35px; background: #fff; text-align: center; right: 0;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{background: none; color: black; width: 35px; height: 35px; line-height: 35px; background: #fff; text-align: center;}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{opacity: 0;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{right: 60px; left: inherit;}
.swiper-button-next,
.swiper-button-prev{bottom: 50px; top: inherit;}
.overlay{/*display: none;*/ opacity: 0; background: rgba(0, 0, 0, 0.9); position: absolute; z-index: 6; top: 0; left: 0; right: 0; width: 100%; height: 100%; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari 和 Chrome */ -o-transition: all 1s; /* Opera */}
.overlay{color:#fff;}
.case-tit{color:#fff;margin-top:15%;margin-left:5%;}
.on{opacity: 1;}
.label{position: absolute; left: 0; bottom: 50px; z-index: 6; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; padding: 0;}
.hover-img{position: relative; overflow: hidden; margin-bottom: 10px; display: inline-block;z-index:1;}
.photos .hover-img{margin-bottom:0px;}
.CaseDetails .hover-img{display:block;}
.hover-img .text{width: 90px; height:40px; line-height:40px; background: #0075c1; color: #fff;font-size:16px;}
.hover-img:hover .label{transform: translateX(-100%); opacity: 1;}
.hover-img:hover .content .p1{top: -10px;}
.hover-img:hover .content h2{top: 0;}
.hover-img:hover .content .p2{top: 0;}
.hover-img .content{width: 100%; font-size: 9px; position: absolute; top: 50%; padding: 0 30px; -ms-transform: translateY(-50%) translateX(0px); -moz-transform: translateY(-50%) translateX(0px); -webkit-transform: translateY(-50%) translateX(0px); transform: translateY(-50%) translateX(0px);}
.hover-img .content h2{color: #0075c1; text-transform: none; position: relative; top: 30px; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; margin-bottom: 20px; font-size: 2.3em; line-height: 1;}
.hover-img .content .p1{color: #fff; top: 10px; font-size: 1.5em; /*opacity: 0;*/ position: relative; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s;}
.hover-img .content .p2{color: #fff; top: 40px; font-size: 1.5em; /*opacity: 0;*/ position: relative; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s;}
.Product-display a.column-2{display: inline-block; color: black; font-size: 2rem; font-weight: bold;}
.Product-display a.column-2 :hover{opacity: .5;}
.Product-display .text{position: absolute; bottom: 10%; left: 50%; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); font-size: 2rem; font-weight: bold; z-index: 1;}
.overlay .case-tit h2{color: #0075c1; text-transform: none; position: relative; top:30px; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; margin-bottom: 20px; font-size: 2.3em; line-height: 1;}
.overlay .case-tit p{width:95%;}
.address{margin: 20px 0;}
.address > p{margin-bottom: 20px;}
.address a.address-a,
.new a.new-a{display: block; color: black; font-size: 2rem; font-weight: bold;}
.triangle{display: inline-block; width: 17px; height: 11px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/triangle.jpg) no-repeat;}
.new > p{margin-bottom: 20px;}
.new .new-text{margin-top: 20px;}
.new .new-text h4{color:#222; font-weight:bold; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new .new-text strong{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new .new-text p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#666;}
.video-bg{position: relative; background: url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/video-bg.jpg") no-repeat; width: 100%; min-height: 700px; background-size: cover;}
.video-bg .video-btn{background: url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/video-btn.png") no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90px; height: 90px;}
.video-bg .vd-text{position: absolute; top: 66%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; letter-spacing: 5px;font-size: 26px;}
/*视频*/
.media-modal{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: fixed; top: 0px; left: 0px; z-index: 9999; display: none; opacity: 0;}
.media-modal .mediaModal-contain{width: 960px; height: 540px; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto;}
.mediaModal-contain .mediaModal-box,
.mediaModal-contain video,
.mediaModal-contain .mejs-container,
.mediaModal-contain .mejs-overlay-play,
.mediaModal-contain .mejs-poster,
.mediaModal-contain .mejs-layers,
.mediaModal-contain .mejs-overlay{width: 100% !important; height: 100% !important;}
.mediaModal-contain .close{display: block; width: 32px; height: 32px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/icon-close.png) no-repeat center center / cover; position: absolute; right: 5px; top: 5px; z-index: 2; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.mlist-modal .mediaModal-box iframe{width: 100%; height: 100%;}
/*about关于我们 */
.nonepadding{padding: 0;}
.about-section .banner-img img{width:100%;}
.banner-img img{width:100%;max-width:100%;}
.about-section .Cohesion{padding: 80px 15px;}
.about-section .Cohesion .col-md-5{padding: 0;}
.about-section .Cohesion .title{font-size: 5rem; line-height: 1.2; padding:30px 0 50px; color:#333;background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/xtzs.png) no-repeat 100px top; background-size: contain;}
.about-section .Cohesion .title-content{font-size: 1.6rem; line-height: 2; color: #666666;}
.about-section .Cohesion .content-center{margin-top: 30px;}
.about-section .Slide3D{background: url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/style/images/banner.png") no-repeat; background-size: 100% 100%; margin-bottom: 80px; margin-top: 40px;}
.about-section .Slide3D .titmetop{text-align: center;}
.about-section .Slide3D .titmetop .swiper-slide-active span{color:#0075c1;font-size:16px;}
.about-section .Slide3D .titmetop .inlin-hx{position: absolute; width: 100%; border-bottom: 1px solid #eee; bottom: 0; margin-bottom: 11px;}
.about-section .Slide3D .titmetop .time-y{margin: 0 auto; display: block; width: 19px; height: 28px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/time-y.png);}
.about-section .Slide3D .history.swiper-container{width: 100%; }
.about-section .Slide3D .history.swiper-container div .swiper-pagination-bullet{margin: 0 4em; position: relative; opacity: .5; background: #007aff;}
.about-section .Slide3D .history.swiper-container div .swiper-pagination-bullet span{position: absolute; top: -40px; left: -12px; color: black; font-size: 1.7rem;}
.about-section .Slide3D .history.swiper-container div .swiper-pagination-bullet .Line{width: 19px; height: 30px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/2.png) no-repeat; top: -16px; left: -6px;}
.about-section .Slide3D .history .swiper-slide{background-position: center; background-size: 130% 120%; width: 55%;}
.history .Ayea{display:none;}
.history .img3 .Ayea{display:block;position: absolute; left:7px; bottom: 20px; display: inline-block; padding: 10px 40px; text-align: center; color: #fff; background: #0075c1; font-size: 1.6rem;}
.about-section .Slide3D .history .swiper-slide img{display: block; width: 809px; height: 503px; display: inline-block; text-align: center;}
.about-section .Slide3D .history .swiper-button-next,
.about-section .Slide3D .history .swiper-button-prev{top: 50%; margin-top: 20px;}
.about-section .Slide3D .history .swiper-button-next{background: url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/btnright.jpg") no-repeat; right: 0;}
.about-section .Slide3D .history .swiper-button-prev{background: url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/btnleft.jpg") no-repeat; left: 0;}
.about-section .Slide3D .history .swiper-container-horizontal > .swiper-pagination-bullets,
.about-section .Slide3D .history .swiper-pagination-custom,
.about-section .Slide3D .history .swiper-pagination-fraction{top: -40px; bottom: inherit; position: relative;}
.about-section .Slide3D .history div .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.panel-group{width: 100%; max-width: 210px;height:auto;margin: 20px auto 20px; background: #FFF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow-Y: hidden;}
.panel-group .panel{border: none;}
.panel-group .panel + .panel{margin-top: 1px;}
.panel-group .panel-heading{padding: 0;}
.panel-group .panel-title .fa{float: right; margin-top: 8px;}
.panel-group .panel-collapse .panel-body{padding: 0; margin-top: 0;}
.panel-group .link{cursor: pointer; display: block; color: black; font-size: 14px; font-weight: 700; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; padding: 2px 10px; background: #d1cfd0;}
.panel-group li:last-child .link{border-bottom: 0;}
.panel-group li i{position: absolute; top: 7px; left: 12px; font-size: 18px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.panel-group li i.fa-chevron-down{right: 12px; left: auto; font-size: 14px;}
.panel-group li.open .link,
.panel-group li.open i{color: #0075c1;}
.panel-group .submenu{display: block; background: #e8e6e7; font-size: 14px;}
.panel-group a{display: block; text-decoration: none; color: black; padding: 5px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}
.panel-group a:hover{background: #0075c1; color: black;}
/*proudcts产品页*/
.flipy{-moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1);}
.proudcts-section{border-top: 1px solid #ddd;}
.proudcts-section .pdt-left{width: 87%; padding: 0 10px; float: left;}
.proudcts-section .pdt-left .list-inline{margin-left: 0; text-align: center; overflow: hidden;display:block;}
.proudcts-section .pdt-left .list-inline li{display:block;}
.proudcts-section .pdt-right{width:195px; padding: 0 10px; float:right;}
.proudcts-section .pdt-right .panel-title{position:relative;}
.proudcts-section .pdt-right .panel-title i{position:absolute;right:10px;top:5px;}
.proudcts-section .pdt-right .panel-title a{width:100%;padding-right:10%;}
.proudcts-section .title{font-size:2.4rem; font-weight: bold;}
.proudcts-section .Series{border-bottom: 1px solid #ddd; padding-bottom: 35px; overflow: hidden;}
.proudcts-section .Series .title{padding-top: 40px; padding-bottom: 20px;}
.proudcts-section .Series li{position: relative; padding: 0; margin-right: 8px; float: left; margin-bottom: 10px;width:205px;}
.proudcts-section .Series li .box-overlay{display: inline-block; opacity: 0; text-align: center; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.8); transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari 和 Chrome */ -o-transition: all 1s; /* Opera */}
.proudcts-section .Series li .box-overlay h3{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1.8rem; font-weight: bold; width: 100%;}
.proudcts-section .Series li:hover .box-overlay{display: block; width: 100%; opacity: 1;}
.proudcts-section .Series .triangle{float: right; margin-right: 31px; display: inline-block; width: 14px; height: 11px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/triangle.jpg) no-repeat; background-size: 80%; cursor: pointer;}
.proudcts-section .panel-body{padding: 5px 8px;}
.pdtDetalis{margin-top:20px;}
.pdtDetalis .LedStrip{display: block;}
.pdtDetalis .LedStrip img{max-width:100%;height:550px;object-fit:cover;}
.rel-product li img{width:100%;}
.pdtDetalis .Accessories{display: none;height:543px;background:#eaeaea;}
.pdtDetalis .swiper-wrapper{padding:50px 100px;}
.pdtDetalis .is-selected{display: block;}
.pdtDetalis .switch{position: absolute; bottom: 0; left: 50%; margin-left: -70px; z-index: 10;}
.pdtDetalis .switch a{color: #888888; margin: 30px 20px; display: inline-block;}
.pdtDetalis .switch a.on{color: black;}
.pdtDetalis .pdt-header-left{width: 64%; float: left;/* padding-left: 15px;*/ position: relative;height:550px;background:#eaeaea;}
.pdtDetalis .pdt-header-left .swiper-button-next.swiper-button-disabled{opacity: 1;}
.pdtDetalis .pdt-header-left .swiper-button-prev,
.pdtDetalis .pdt-header-left .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.pdtDetalis .pdt-header-left .swiper-button-prev:hover,
.pdtDetalis .pdt-header-left .swiper-button-prev.swiper-button-disabled:hover{opacity: 1;}

.pdtDetalis .pdt-header-right .abiao{position: absolute; width: 100%; height: 100%; top: 0; z-index: 11;left:0px;}
.pdtDetalis .riga{border-bottom: 1px solid #ccc; position: relative; font-size: 23px; margin-bottom: 20px;}
.pdtDetalis .riga span{display: inline-block; padding-right: 15px; background: #fff; position: relative; bottom: -0.5em; text-transform: none; font-weight: bold;}
.pdtDetalis .mgtm20{margin-top: 20px; margin-bottom: 20px;}
.pdtDetalis .strong{font-size: 3rem; font-weight: bold; color: black;}
.pdtDetalis .share{margin-top: 20px !important;}
/*.pdtDetalis .share .fa-bbb{display: inline-block; background: url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/productDetail-share.jpg") no-repeat -1px 0; width: 31px; height: 30px; margin-right: 6px;}*/

.pdtDetalis  .share .bshare-facebook{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_facebook.jpg) no-repeat center !important;}
.pdtDetalis  .share .bshare-linkedin{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_linkedin.jpg) no-repeat center !important;}
.pdtDetalis  .share .bshare-twitter{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_twitter.jpg) no-repeat center !important;}
.pdtDetalis  .share .bshare-gplus{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_gplus.jpg) no-repeat center !important;}
.pdtDetalis  .share a{display:inline-block !important;margin:0 0 0 3px !important;width:25px !important;height:25px !important;margin-bottom:20px !important;}

.pdtDetalis .share .fa-bbb-2{background-position: -37px 0;}
.pdtDetalis .share .fa-bbb-3{background-position: -75px 0;}
.pdtDetalis .share .fa-bbb-4{background-position: -112px 0;}
.pdtDetalis .share .fa-bbb-5{background-position: -148px 0;}
.pdtDetalis .description .img{vertical-align: middle;/* display: inline-block; */width: 38%;display:none;}
.pdtDetalis .description .text{vertical-align: middle; display: inline-block; width: 60%;}
.pdtDetalis .description .text li{padding: 4px;}
.pdtDetalis .description .text li .circular{display: inline-block; width: 4px; height: 4px; margin-bottom: 2px; margin-right: 5px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/circular.jpg) no-repeat center center;}
.pdtDetalis .Parameters img{display:none;}
.pdtDetalis .Parameters .text{display: inline-block; vertical-align: top; width: 49%;}
.pdtDetalis .Parameters .text li{padding: 4px;}
.pdtDetalis .Parameters .text li span{display: inline-block; width: 100px;}
.pdtDetalis .download .text{margin-bottom: 80px;}
.pdtDetalis .download .text li{background: #0075c1; color: #fff; margin: 15px 0; padding: 4px 20px 4px;}
.pdtDetalis .download .text li span{float: right;}
.pdtDetalis .download .text li .load{width: 13px; height: 16px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/load.png) no-repeat; display: inline-block; vertical-align: top; margin-right: 5px;}
.pdtDetalis .download .Model-img li{padding: 15px 0; border-bottom: 1px solid #ddd; width: 100%; float: left;}
.pdtDetalis .download .Model-img li img{max-width:100%; float: left; margin: 0 2px 2px 0;}
.pdtDetalis .download .Model-img li:last-child{border-bottom: none;}
.pdtDetalis .Description{margin-bottom: 50px;}
.pdtDetalis .Description li{position: relative;}
.rel-product{margin-left:-30px;}
.rel-product li{width:350px;height:350px;margin-left:25px;text-align:center;margin-bottom:25px;}
.pdtDetalis .Description li:hover{opacity: .8;}
.pdtDetalis .Description li span{position: absolute; bottom: 40px; transform: translateX(-50%); left: 50%; font-size: 1.6rem;color:#666; /*font-weight: bold;*/}
.tabAccessoriesTit{font-size:16px;font-weight:bold;margin-bottom:10px;}
.tabAccessoriesImg span{width:250px;text-align:center;margin-right:10px;display:inline-block; font-size: 12px;}
.tabAccessoriesImg img{display:inline-block;max-width:100%;height:auto;}

/*资质荣誉*/
.qualifications-section .banner-img img{width: 100%; height:550px; object-fit: cover; max-width: 100%;}
.qualifications-section .main{margin: 30px auto;}
.qualifications-section .main img.sort{height: 336px; margin: 0 auto;}
.qualifications-section .main .sort-bg{display: inline-block; background: #e8e5e591; width: 94%; position: absolute; height: 336px; top: 0; z-index: -1;}
.qualifications-section .main img.sort:hover{opacity: .8;}
.qualifications-section .main .search-zz{display: inline-block; width: 100%; background: #b1b1b1; padding: 10px 20px; color: #fff; font-size: 1.6rem; margin-top: 10px;}
.qualifications-section .main .search-zz span{float: left;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.qualifications-section .main .search-zz i{float: right;}
.qualifications-section .main #myModal .modal-content .close{position: absolute; top: 10px; right: 20px; font-size: 3rem; color: 0 blue; z-index: 1;}
.qualifications-section .main .enlarge-img{width: 100%;}
ul.pagination{display: inline-block; padding: 0; margin: 20px 0;}
ul.pagination li{display: inline;}
ul.pagination li a{color: black; float: left; padding: 8px 16px; text-decoration: none; border: 0;}
ul.pagination a{color: black; float: left; padding: 8px 16px; text-decoration: none; border: 0; border-radius: 4px}
ul.pagination a.active{background-color: #0075c1; color: #fff;}
ul.pagination li a.active{background-color: #0075c1; color: white;}
ul.pagination li a.on{background-color: #0075c1; color: white; }
ul.pagination li ahover:not(.active){background-color: #ddd;}
.case-section{border-top: 1px solid #ddd;}
.case-section .Projects-title{margin: 20px 0;}
.case-section .Projects-title a{display: block; color: black; font-size: 2.5rem;}
.case-section .dropdownBox{padding: 0 15px 0 0;}
 select::-ms-expand { display: none; }   
.case-section .dropdownBox select{float: left; font-size: 1.8rem; margin-right: 80px;background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/triangle.jpg) no-repeat scroll right center transparent; padding-right: 26px;border: none;outline: none;  appearance:none;-moz-appearance:none;-webkit-appearance:none;    -ms-appearance:none;}
.case-section .flowLayout-box{position: relative; padding: 0 -3px; list-style: none; width: 100%; margin: 0 auto;}
.case-section .flowLayout-box li{max-width: 100%; position: absolute; box-sizing: border-box; display: block;}
.case-section .flowLayout-box li:hover .hover{display: block;}
.case-section .flowLayout-box li:hover .luogo-hover{top: 5px;}
.case-section .flowLayout-box li:hover span{top: 5px;}
.case-section .flowLayout-box li:hover h2{top: 5px;}
.case-section .flowLayout-box img{width: 100%; height: auto; display: block;}
.case-section .datouwang-container .photos{margin: auto; font-size: 0px;}
.case-section .datouwang-container .photo{position: relative; height:270px;width:100%;}
.case-section .datouwang-container .photo img{width: 100%; height:270px; object-fit:cover;}
.CaseDetails .module01 .content{width: 40%;}
.CaseDetails .module01 .content h2{font-size: 3.5rem;}
.CaseDetails .label{padding: 15px; background: #0075c1; color: #fff; font-size: 1.8rem; border-radius: 0;}
.CaseDetails .mgtm20{margin-top: 20px; margin-bottom: 20px; overflow:hidden;}
.CaseDetails .mgtm20 img{width:100%;height:270px;object-fit:cover;}
.CaseDetails .mgtm20 .col-md-3{padding:0px 2px;height:270px;margin:2px 0;}
.CaseDetails .strong{font-size: 3rem; font-weight: bold; color: black;}
.CaseDetails .share{margin-top: 20px !important;}
.CaseDetails .share .bshare-facebook{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_facebook.jpg) no-repeat center !important;}
.CaseDetails .share .bshare-linkedin{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_linkedin.jpg) no-repeat center !important;}
.CaseDetails .share .bshare-twitter{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_twitter.jpg) no-repeat center !important;}
.CaseDetails .share .bshare-gplus{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_gplus.jpg) no-repeat center !important;}
.CaseDetails .share a{display:inline-block !important;margin:0 0 0 3px !important;width:25px !important;height:25px !important;margin-bottom:20px !important;}
.CaseDetails .news-conten .share:hover{opacity: .8;}
/*.CaseDetails .share .fa-bbb{display: inline-block; background: url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/productDetail-share.jpg") no-repeat -1px 0; width: 31px; height: 30px; margin-right: 6px;}*/
.CaseDetails .share .fa-bbb-2{background-position: -37px 0;}
.CaseDetails .share .fa-bbb-3{background-position: -75px 0;}
.CaseDetails .share .fa-bbb-4{background-position: -112px 0;}
.CaseDetails .share .fa-bbb-5{background-position: -148px 0;}
.CaseDetails .main-2 .contactUs{width: 185px; padding: 5px 5px; color: #fff; background: #0075c1; text-align: center; margin: 15px 0 30px 0; font-size: 1.6rem; font-weight: bold;}
.CaseDetails .main-2 .dati-progetto{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 25px 0;}
.CaseDetails .main-2 .dati-progetto li{padding: 5px 0;}
.CaseDetails .main-2 .dati-progetto li .label-ul{font-weight: bold; font-size: 1.6rem;}
.CaseDetails .main-2 .post-content{padding: 25px 0;}
.CaseDetails .main-2 .post-content p{margin: 5px 0;}
.CaseDetails .main-2 .banda-tit p{font-size: 20px; float: left; font-weight: bold; margin-bottom: 10px;}
.CaseDetails .main-2 .banda-tit p .verde{color: #0075c1;}
.CaseDetails .main-2 .freccia{float: right; font-size: 1.6rem;}
.DownloadCenter .banner-img img,.DownloadCenter-2 .banner-img img{width:100%;max-width:100%;}
.DownloadCenter .switch,
.DownloadCenter-2 .switch{font-size: 2rem; margin: 20px 0 15px; border-bottom: 1px solid #eee;}
.DownloadCenter .switch li,
.DownloadCenter-2 .switch li{padding: 10px 30px 20px; color: #cdcdcd;}
.DownloadCenter .switch li.cur a,
.DownloadCenter-2 .switch li.cur a{color: black; border-bottom: 1px solid black;}
.DownloadCenter .switch li.cur a:hover,
.DownloadCenter-2 .switch li.cur a:hover{color: black; border-bottom: 1px solid black;}
.DownloadCenter .switch li a:hover,
.DownloadCenter-2 .switch li a:hover{color: #0075c1; border-bottom: #0075c1;}
.DownloadCenter .main,
.DownloadCenter-2 .main{margin-bottom: 30px;}
.DownloadCenter .main img:hover,
.DownloadCenter-2 .main img:hover{opacity: .8;}
.DownloadCenter .main .search-zz,
.DownloadCenter-2 .main .search-zz{display: inline-block; width: 100%; background: #b1b1b1; padding: 10px 20px; color: #fff; font-size: 1.6rem; margin-top: 10px; margin-bottom: 20px;}
.DownloadCenter .main .search-zz span,
.DownloadCenter-2 .main .search-zz span{float: left;width:80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.DownloadCenter .main .search-zz i,
.DownloadCenter-2 .main .search-zz i{float: right;}
.DownloadCenter .main .search-down,
.DownloadCenter-2 .main .search-down{display: inline-block; width: 100%; background: #b1b1b1; padding: 10px 20px; color: #fff; font-size: 1.6rem; margin-top: 10px; margin-bottom: 20px;}
.DownloadCenter .main .search-down span,
.DownloadCenter-2 .main .search-down span{float: left;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.DownloadCenter .main .search-down i,
.DownloadCenter-2 .main .search-down i{float: right;}
.DownloadCenter .main .fa-load-md,
.DownloadCenter-2 .main .fa-load-md{display: inline-block; width: 23px; height: 22px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/load-md.png) no-repeat 0;}
.DownloadCenter .main #myModal .modal-content .close,
.DownloadCenter-2 .main #myModal .modal-content .close{position: absolute; top: 10px; right: 20px; font-size: 3rem; color: 0 blue; z-index: 10;}
.DownloadCenter .main .enlarge-img,
.DownloadCenter-2 .main .enlarge-img{width: 100%;}
.DownloadCenter-2 .switch li.cur a{color: black; border-bottom: 1px solid black;}
.DownloadCenter-2 .switch li.cur a:hover{color: black; border-bottom: 1px solid black;}
.DownloadCenter-2 .switch li a:hover{color: #0075c1; border-bottom: #0075c1;}
.DownloadCenter-faq .switch{font-size: 2rem; margin: 20px 0 15px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.DownloadCenter-faq .switch li{padding: 10px 40px; color: #cdcdcd;}
.DownloadCenter-faq .switch li.cur a{color: black; border-bottom: 1px solid black;}
.DownloadCenter-faq .switch li.cur a:hover{color: black; border-bottom: 1px solid black;}
.DownloadCenter-faq .switch li a:hover{color: #0075c1;}
.DownloadCenter-faq .panel-group{max-width: none;}
.DownloadCenter-faq .panel-group .link{background: #fff; padding: 20px 0; font-size: 2.2rem; border-bottom: 1px solid #ddd;}
.DownloadCenter-faq .panel-group .link i.fa-plus-1{float: right; width: 13px; height: 13px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/plus.png) no-repeat;}
.DownloadCenter-faq .panel-group .link i.fa-reduce{float: right; width: 13px; height: 13px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/reduce.png) no-repeat;}
.DownloadCenter-faq .panel-body p{padding: 10px; font-size: 1.6rem;}
.news-section .banner-img img{width:100%;max-width:100%;}
.newsList-section .banner-img img{width:100%;max-width:100%;}
.news-section .switch{font-size: 2rem; margin: 20px 0 15px; border-bottom: 1px solid #eee;}
.news-section .switch li{padding: 10px 40px; color: #cdcdcd;}
.news-section .switch li.cur a{color: black; border-bottom: 1px solid black;}
.news-section .switch li.cur a:hover{color: black; border-bottom: 1px solid black;}
.news-section .switch li a:hover{color: #0075c1;}
.news-section .news-conten{margin-top: 50px; margin-bottom: 50px;}
.news-section .news-conten .headline{font-size: 2rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px;}
.news-section .news-conten .time{font-size: 1.8rem; margin-bottom: 20px;}
.news-section .news-conten .share .bshare-facebook{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_facebook.jpg) no-repeat center !important;}
.news-section .news-conten .share .bshare-linkedin{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_linkedin.jpg) no-repeat center !important;}
.news-section .news-conten .share .bshare-twitter{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_twitter.jpg) no-repeat center !important;}
.news-section .news-conten .share .bshare-gplus{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_gplus.jpg) no-repeat center !important;}
.news-section .news-conten .share a{display:inline-block !important;margin:0 0 0 3px !important;width:25px !important;height:25px !important;margin-bottom:20px !important;}
.news-section .news-conten .share:hover{opacity: .8;}
.news-section .news-conten .share-2{background-position: -34px 0;}
.news-section .news-conten .share-3{background-position: -68px 0;}
.news-section .news-conten .share-4{background-position: -101px 0;}
.news-section .news-conten .introduce{color: #666; line-height: 2;}
.news-section .news-conten .bt-link{color: black;}
.news-section .news-conten .list-left{width: 80%; float: left;}
.news-section .news-conten .list-left .news-list{width: 100%; overflow: hidden; margin-bottom: 20px;}
.news-section .news-conten .list-left .news-list .img-left{width: 50%; float: left; text-align: center;}
.news-section .news-conten .list-left .news-list .img-left img{max-width: 100%;}
.news-section .news-conten .list-left .news-list .text-left{width: 45%; float: left; padding: 0 15px;}
.news-section .news-conten .LatestNews{width: 19%; float: left;}
.news-section .news-conten .LatestNews li{padding: 7px 15px; background: #ddd; color: #666; border-bottom: 1px solid #fff;}
.news-section .news-conten .LatestNews li p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-section .news-conten .LatestNews li:first-child{font-size: 2rem; color: #fff; background: black;}
.newsList-section .switch{font-size: 2rem; margin: 20px 0 15px;}
.newsList-section .switch li{color: #cdcdcd; padding: 10px 30px 20px;}
.newsList-section .switch li:first-child{color: black;}
.newsList-section .switch li:first-child a{border-bottom: 1px solid black;}
.newsList-section .switch li:first-child a:hover{color: #0075c1; border-color: #0075c1;}
.newsList-section .switch.list-inline{border-bottom: 1px solid #ddd;}
.newsList-section .news-conten{margin-top: 50px; margin-bottom: 50px;}
.newsList-section .news-conten .headline{font-size: 2.4rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px;}
.newsList-section .news-conten .time{font-size: 1.8rem; margin-bottom: 20px;}
.newsList-section .news-conten .share .bshare-facebook{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_facebook.jpg) no-repeat center !important;}
.newsList-section .news-conten .share .bshare-linkedin{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_linkedin.jpg) no-repeat center !important;}
.newsList-section .news-conten .share .bshare-twitter{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_twitter.jpg) no-repeat center !important;}
.newsList-section .news-conten .share .bshare-gplus{background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/ico_gplus.jpg) no-repeat center !important;}
.newsList-section .news-conten .share a{display:inline-block !important;margin:0 0 0 3px !important;width:25px !important;height:25px !important;margin-bottom:20px !important;}
.newsList-section .news-conten .share:hover{opacity: .8;}
.newsList-section .news-conten .share-2{background-position: -34px 0;}
.newsList-section .news-conten .share-3{background-position: -68px 0;}
.newsList-section .news-conten .share-4{background-position: -101px 0;}
.newsList-section .news-conten .introduce{color: #666; line-height: 2; padding: 30px 0;}
.newsList-section .news-conten .bt-link{color: black;}
.newsList-section .news-conten .list-left{width: 80%; float: left; padding: 0 30px 0 15px; color: #333333;}
.newsList-section .news-conten .list-left .text-left img{ max-width: 100%;}
.newsList-section .news-conten .list-left .list-inline{border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.newsList-section .news-conten .list-left .main p{line-height: 2;}
.newsList-section .news-conten .list-left .news-list{width: 100%; overflow: hidden; margin-bottom: 20px;}
.newsList-section .news-conten .list-left .news-list .img-left{width: 50%; float: left; text-align: center;}
.newsList-section .news-conten .list-left .news-list .img-left img{max-width: 100%;}
.newsList-section .news-conten .list-left .news-list .text-left{width: 45%; float: left; padding: 0 15px;}
.newsList-section .news-conten .list-left .bottom-nav-content{margin-top: 20px;overflow:hidden;}
.newsList-section .news-conten .list-left .bottom-nav-content .bt-prev,
.newsList-section .news-conten .list-left .bottom-nav-content .bt-next{width:23%; display:block; background: black;float:left;text-align:center;}
.newsList-section .news-conten .list-left .bottom-nav-content .btn-area{width:50%; display: block; background: black;float:left;margin:0px 2%;text-align:center;}
.newsList-section .news-conten .list-left .bottom-nav-content .bt-prev a,
.newsList-section .news-conten .list-left .bottom-nav-content .btn-area a,
.newsList-section .news-conten .list-left .bottom-nav-content .bt-next a{padding: 10px 15px; display: inline-block; color: #fff; font-size: 1.6rem; font-weight: bold;}
.newsList-section .news-conten .LatestNews{width: 20%; float: left;}
.newsList-section .news-conten .LatestNews li{padding: 7px 15px; background: #ddd; color: #666; border-bottom: 1px solid #fff;}
.newsList-section .news-conten .LatestNews li p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsList-section .news-conten .LatestNews li:first-child{font-size: 2rem; color: #fff; background: black;}
.contact-section{overflow: hidden; background: #FAFAFA; margin-bottom: 0;}
.contact-section .Map{width: 50%; float: left; border: 1px solid #ddd;}
.contact-section .contactRight{width: 50%; float: left; padding: 15px;}
.contact-section .contactRight .main{margin-left: 80px; margin-top: 50px; width: 70%}
.contact-section .contactRight h1{font-size: 3rem; color: black; position: relative; margin-bottom: 20px;}
.contact-section .contactRight .fa-lin{display: inline-block; width: 20px; border: 1px solid black; position: absolute; bottom: 0; left: 0;}
.contact-section .contactRight dl{margin-bottom: 35px;}
.contact-section .contactRight dl dt{font-size: 1.9rem; font-weight: bold; margin-bottom: 5px;}
.contact-section .contactRight dl dd{font-size: 1.8rem;}
.contact-section .contactRight .GetDirections{display: inline-block; width: 165px; height: 40px; background: url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/fa-place.jpg) no-repeat;}
.contact-section .contactRight .GetDirections:hover{opacity: .8;}

/*album download*/
.swp-box{position:fixed;left:0px;display:none;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:99999;}
.swp-box .swiper-container{width:100%;height:100%;}
.swp-box .swiper-button-prev,.swp-box .swiper-button-next{width:40px;height:40px;background:#000;border-radius:50%;color:#fff;font-family:"宋体";font-weight:bold;font-size:24px;text-align:center;line-height:40px;}
.swp-box .swiper-slide img{display:block;max-width:100%;max-height:100%;position:absolute;left:0px;top:0px;right:0px;bottom:0px;margin:auto;}
.swp-box .swiper-button-prev{left:3%;top:50%;margin-top:-40px;}
.swp-box .swiper-button-next{right:3%;top:50%;margin-top:-40px;}
.close-swp{width:45px;height:45px;position:absolute;right:20px;top:20px;background:#000;cursor:pointer;z-index:99;font-size:18px;color:#fff;text-align:center;line-height:50px;border-radius:50%;}
#honorbd{max-width:1200px;margin:0px auto;}
#honorbd li{width:23.08333333333333%;float:left;margin-right:2.53333%;}
#honorbd li:nth-child(4n){margin-right:0px;}

/*footer尾部*/
footer{background: black; color: #fff;}
footer .col-md-3{max-height: 380px; margin-bottom: 80px; margin-top: 20px;}
footer ul li{padding: 8px 0;}
footer ul li a:hover{opacity: 0.8; color: #fff;}
footer ul li i.fa-angle-right{margin-right: 10px;}
footer .Bold{font-size: 1.8rem; margin-top: 10px; font-weight: bold;}
footer .Bold i{font-weight: normal; font-size: 1.4rem;}
footer .share{margin-top: 20px;}
footer .share p{margin-bottom: 10px;}
footer .share .fa-zdy{display: inline-block; background: url("https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/share.png") no-repeat 0 0; width: 25px; height: 25px; margin-right: 8px;}
footer .share .fa-zdy-2{background-position: -34px 0;}
footer .share .fa-zdy-3{background-position: -67px 0;}
footer .share .fa-zdy-4{background-position: -101px 0;}
footer .share .fa-zdy-5{background-position: -134px 0;}
footer #footer-bottom-swiper{height: 300px;}
footer #footer-bottom-swiper .swiper-pagination{text-align: left; bottom: 0;}
footer #footer-bottom-swiper .swiper-pagination-bullet{border-radius: 0; background: #38393a; width: 10px; height: 10px; opacity: 1;}
footer #footer-bottom-swiper .swiper-pagination-bullet-active{background: #007aff;}
footer .footer-bottom{padding: 20px 15px; color: #ffffff8a; font-size: 1.4rem; background-image: linear-gradient(#222 50%, transparent 50%); background-size: 100% 1px; background-repeat: no-repeat;}

.video-wrap{position:fixed;width:100%;left:0px;top:0px;height:100%;background:rgba(0,0,0,0.5);z-index:999;display:none;}
.video-wrap .video-box{position:absolute;width:960px;height:540px;left:50%;top:50%;margin-left:-480px;margin-top:-270px;}
.video-wrap .video-box span{background:#333;line-height:40px;cursor:pointer;width:40px;height:40px;font-size:24px;color:#fff;position:absolute;right:0px;top:-45px;z-index:999;text-align:center;border-radius:50%;}
.active-cate{display:none;}
.pro-icon-show{display:none!important;}
.Product-display img{width:100%;max-width:100%;}
.close-proc{display:none;}

.desc_fl{width:64%;}
.desc_fr{width:36%;}

.module02 a{display:block;}

.pdtDetalis .swiper-wrapper{Padding:0;}
.pdtDetalis .swiper-wrapper .swiper-slide{Padding:50px 100px;}
.tabAccessoriesImg{margin-bottom:20px}
.hover-img{max-width:100%;}

#dituContent *{box-sizing: content-box!important;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left:0px;}


.navbar-brand>img.logo-scrolled{display:none;}
.com-img img{transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.ofH{overflow:hidden;}
#caseList .hover-img{margin-bottom:0px;}
.tabAccessoriesImg span{width:160px;}
.pdtDetalis .pdt-header-right{width: 36%; float: left; padding: 0 0 0 15px;}

.panel-group a.cur{color:#0075c1;}
.panel-group a:hover{color:#fff;}


/*2018-10-25新增产品详情-table*/
.product-table-warp{ width:100%; overflow: auto; padding-top:4rem; margin-bottom: 4rem;}
.product-table-warp .content{ width: 100%; min-width: 460px;}
.product-table-warp table{ width: 100%; margin-bottom: 4rem}
.product-table-warp table:last-child{margin-top: 0px}
.product-table-warp table td{ padding: 5px}
.product-table-warp table .line{ border-bottom:1px solid #f4f4f4;}
.product-table-warp table tr td.text-left{ text-align: left}
.product-table-warp table tr td.padLR{padding: 5px 15px}
.product-table-warp table tbody tr td.line{ border-bottom: 1px solid #f4f4f4; height: 1px; padding: 5px;}
.product-table-warp table tbody.list tr:nth-child(odd){ background: #f4f4f4;}
.product-table-warp table tbody tr td.name-wid{ width: 300px;}
.product-table-warp .content i{ width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 5px; margin-left: 15px;}
.product-table-warp .content i.round1{background: #f68b1f}
.product-table-warp .content i.round2{background: #faaa5f}
.product-table-warp .content i.round3{background: #fee4c9}
.product-table-warp .content i.round4{background: #e1eeed}
.product-table-warp .content i.round5{background: #e7eaed}
.product-table-warp .content i.roundR{background: #ff0000}
.product-table-warp .content i.roundG{background: #00ff00}
.product-table-warp .content i.roundB{background: #0000ff}
.product-table-warp .content i.round6{background: #CF651B}
.product-table-warp .content i.round7{background: #D4771D}
.product-table-warp .content i.roundY{background: #ffff00}
.product-table-warp .table-tit{ text-align: center; width: 280px; display: inline-block;}
.product-table-warp .icon-star{color: #faaa5f; font-size: 1.4rem; font-style: normal; line-height: 100%;}
.product-table-warp .color-yellow{color: #faaa5f; padding-left: .5rem;}

@media screen and (min-width:1000px) and (max-width:1200px){
	.pdtDetalis .swiper-wrapper .swiper-slide{Padding:20px 30px;}
}

@media (min-width: 1500px){
	.container{width: 1500px;}

}
@media (min-width:1920px){
	.module01 .swiper-slide img{width:100%;}
}

@media (max-width:1500px){
	.news-section .news-conten .introduce{height:110px;overflow:hidden;}
	.proudcts-section .pdt-left{width:80%;}
}

@media (max-width:1200px){
	.news-section .news-conten .introduce{height:65px;overflow:hidden;}
	.pdtDetalis .switch a{margin:15px 20px;}
	.about-section .Cohesion .title{background-size:contain;}
	footer .Bold{margin-top:0px;}
	.newsList-section .news-conten .list-left .bottom-nav-content .bt-prev{width:32%;}
	.newsList-section .news-conten .list-left .bottom-nav-content .bt-next{width:32%;}
	.newsList-section .news-conten .list-left .bottom-nav-content .btn-area{width:32%;}
	.newsList-section .news-conten .list-left{padding:0px 15px;}
	.proudcts-section .pdt-left{width:70%;}
}

@media (max-width: 992px){
	
	.contact-section .contactRight h1{font-size:2.4rem;}
	.contact-section .contactRight dl dt{font-size:1.6rem;}
	.contact-section .contactRight dl dd{font-size:1.4rem;}
	.news-section .news-conten .headline{font-size:1.8rem;margin:10px 0;}
	.pdtDetalis .Description li span{width:100%;font-size:1.6rem;}
	.pdtDetalis .strong{font-size:2.4rem;}
	.overlay .case-tit p{display:none;}
	.pro-icon-show span{padding:30px 27px 15px;font-size: 1.6rem;background:url(https://xxfseo.eastshiny.net/template/Boutique/Dandy-092/images/icon-pmenu.png) no-repeat center;}
	.pdt-right span.close-proc{display:block;width:40px;height:40px;line-height:40px;font-size:18px;position:fixed;right:10px;top:10px;z-index:9999;background:#333;border-radius:50%;color:#fff;text-align:center;}
	.active-cate{display:block;width:100%;height:45px;line-height:45px;background:#eee;margin-top:20px;color:#333;text-align:center;}
	#honorbd li{width:49%;margin-right:0px;}
	.ind-bann{display:none !important;}
	#honorbd li:nth-child(2n){float:right;}
	.video-wrap .video-box{width:96%;left:2%;margin-left:0px;height:300px;margin-top:-150px;}
	.wrapper nav.navbar.bootsnav ul.nav > li > a:hover{background:none;}
	.proudcts-section .pdt-right{width:100%;display:none;position:fixed;z-index:999;left:0px;top:0px;height:100%;background:rgba(0,0,0,0.8);overflow-y:auto;}
	.panel-group{max-width:100%;}
	.rel-product{margin-left:0px;}
	.rel-product ul{margin-left:0px;}
	.rel-product li{width:100%;margin-left:0px;height:auto;background:#eaeaea;}
	.rel-product li:nth-child(2n){float:right;}
	.rel-product li img{max-width:100%;}
	.pdtDetalis .description .img{display:none;}
	.pdtDetalis .description .text{width:100%;}
	.module01{/*display:none;*/}.web-bann{display:block;}.about-section .Slide3D .history .swiper-slide img{width:100%;height:300px;object-fit:cover;} .wrapper{height: 50px;} .wrapper .navbar-nav > li:hover{background: none;} .wrapper nav.navbar.bootsnav ul.nav > li > a.hidea{position: absolute; border: 0; top: 0; width: 80%; height: 100%; z-index: 2;} .label{display: none;} .content p{display: none;} .about-section .Cohesion{padding: 20px 15px;} .about-section .Cohesion .title{font-size: 2.5rem; line-height: 1.2; margin-bottom: 20px;} .media-modal .mediaModal-contain{width: 90%; max-height: 90%;} .video-bg .vd-text{position: absolute; top:68%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; letter-spacing: 1px; width: 100%; text-align: center;} .index-section .module01 .swiper-slide img{height: 350px; width: 100%; object-fit: cover;} .index-section .module01 .overlay .content h2, .CaseDetails .module01 .overlay .content h2{font-size: 2.3rem;} .proudcts-section .pdt-left{width: 100%;} .proudcts-section .Series .title{padding-top: 10px; font-size:2.2rem;} .proudcts-section .Series li{width: 49%; margin-right: 0;} .proudcts-section .Series li:nth-child(2n){float:right;} 
	.pdtDetalis .pdt-header-left{width: 100%; float: left; padding: 0 15px;height:auto;} 
	.pdtDetalis .swiper-wrapper{padding:30px 0px 120px;}
	.pdtDetalis .Accessories .swiper-button-next,.pdtDetalis .Accessories .swiper-button-prev{bottom:80px;}
	.pdtDetalis .Accessories{height:auto;}
	.pdtDetalis .pdt-header-right{width: 100%; float: left; padding: 15px 0;} 
	.pdtDetalis .rightTopImg, .pdtDetalis .rightBottomImg{max-width: 100%;} .pdtDetalis .download .text{margin-bottom: 20px;} .pdtDetalis .Description{margin-bottom: 20px;} .pdtDetalis .Parameters .text{width: 100%;} .CaseDetails .main-2 .banda-tit p, .CaseDetails .main-2 .freccia{float: none;} .banner-img img{height: 300px; width: 100%; object-fit: cover;} .newsList-section .banner-img img{height:200px;} .about-section .Slide3D{margin-bottom: 30px; margin-top: 20px;} .about-section .Slide3D .swiper-container div .swiper-pagination-bullet{margin: 0 10px;} 
	.about-section .Slide3D .swiper-container div .swiper-pagination-bullet span{font-size: 1rem;} .about-section .Slide3D .swiper-slide .Ayea{padding: 0;} .about-section .Slide3D .swiper-slide img{width: 207px; height: 186px;} .news-section .switch li{padding: 10px; font-size: 1.5rem;} .news-section .news-conten .list-left{width: 100%;} .news-section .news-conten .list-left .news-list{width: 100%;} .news-section .news-conten .list-left .news-list .img-left{width: 100%;} .news-section .banner-img img{height:200px;} .about-section .banner-img img{height:200px;} .qualifications-section .banner-img img{height:200px;} .DownloadCenter .banner-img img, .DownloadCenter-2 .banner-img img{height:200px;} .news-section .news-conten .list-left .news-list .text-left{width: 100%;} .news-section .news-conten .LatestNews{width: 100%; padding: 0 15px;} .news-section .news-conten .introduce{height: 64px;line-height:32px;} .newsList-section .news-conten .list-left{width: 100%;} .newsList-section .news-conten .list-left img{max-width:100%;} .newsList-section .news-conten .list-left .bottom-nav-content{margin-bottom: 20px;} .newsList-section .news-conten .list-left .bottom-nav-content .bt-prev a, .newsList-section .news-conten .list-left .bottom-nav-content .btn-area a, .newsList-section .news-conten .list-left .bottom-nav-content .bt-next a{padding: 8px 10px; font-size: 1.4rem;} .newsList-section .news-conten .LatestNews{width: 100%;} .newsList-section .switch li{padding: 10px;} .contact-section .Map{width: 100%; height: 300px; overflow:hidden;} .contact-section .contactRight{width: 100%;} .contact-section .contactRight .main{margin-left: 0; margin-top: 0;} .DownloadCenter .switch, .DownloadCenter-2 .switch, .DownloadCenter-faq .switch{border-bottom: 1px solid #eee;} .DownloadCenter .switch li, .DownloadCenter-2 .switch li, .DownloadCenter-faq .switch li{padding: 10px; font-size: 1.5rem;} .switch{border-bottom: 1px solid #eee;} .switch li{padding: 10px; font-size: 1.5rem;} ul.pagination{margin: 0;} ul.pagination li a{padding: 8px 11px; margin: 5px 0;} footer .share{margin-top: 0;} footer .share p{margin-bottom: 0; display: inline-block; margin-right: 20px; font-size: 2rem; vertical-align: bottom;} footer .col-md-3{margin-bottom: 0; margin-top: 10px;}
	.case-section .datouwang-container .photo{width:100%!important;}
	.pdtDetalis .swiper-wrapper .swiper-slide{Padding:0px;}
}


	



@media all and (max-width: 980px){
	.mediaModal-contain .close{opacity: 1;top:-30px;} 
	.video-bg{min-height:400px;} .LedStrip img{max-width:100%;}
	#honorbd .col-md-4{margin-bottom:10px;}
	.history .img3 .Ayea p:nth-child(2){display:none;}
	.about-section .Slide3D .history .swiper-button-next,
	.about-section .Slide3D .history .swiper-button-prev{top:35%;}
	.desc_fl,.desc_fr{width:100%;}
	nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:hover{color:#fff;}
}

@media screen and (max-width:768px){
	.case-section .dropdownBox{ padding:0 15px}
	.rel-product li{width:100%;}
	.case-section .datouwang-container .photo h3{text-align: center}
}