/* CSS Document */
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;}
.wow{visibility:inherit !important;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{ font-family:'NotoSansHans-Light','Microsoft YaHei'; font-size:12px;}
code, kbd, pre, samp { font-family:'NotoSansHans-Light','Microsoft YaHei';}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:100; font-family: 'NotoSansHans-Light','Microsoft YaHei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;font-weight:100;}
select{ margin:0; padding:0; font-family:'NotoSansHans-Light','Microsoft YaHei'; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:100;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
-moz-border-radius:0px;
-webkit-border-radius:0;
-khtml-border-radius:0;
border-radius:0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.mp15{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.pr10{padding-right:10px;}
.fLink{margin-top:60px;width:65.71%; float:left;}
.fLink .xlIco{display:none;}
.fLink .fLinkH4{float:left; font-size:12px; color:#fff; line-height: 20px; opacity: 0.7;}
.fLink a,.fLink .i1{float:left; font-size:12px; color:#fff; line-height: 24px; opacity: 0.7;line-height: 24px;}
.fLink .i1{margin:0 13px;}
.fLink .linkScroll{margin-left:62px;}
/*********************************************************************é‡ç½®***********************************************************************/
.pz_banner2{ float:left; width:100%; overflow:hidden; position:relative;}
.zy_banner{ float:left; width:100%; background:#f4f4f4; position:relative;}
.zy_banner .img{opacity:1; filter:alpha(opacity=100);}
.banner_tit{ float:left; width:100%; position:absolute; left:0; top:53%; text-align:center;}
.banner_tit .tit1{ float:left; width:100%; color:#fff; font-size:46px; line-height:46px; font-family:'NotoSansHans-Light','Microsoft YaHei'; font-weight:bold; text-transform:uppercase; letter-spacing:4px;}
.banner_tit .tit2{ float:left; width:100%; color:#fff; font-size:14px; line-height:14px; margin-top:12px;}
.banner_tit .tit2 a{ color:#fff;}
.banner_tit .tit2 a:hover{ color:#004a99;}
@media screen and (max-width:1023px){
.banner_tit{ top:60%;}
.banner_tit .tit1{ font-size:30px; line-height:30px;}
.banner_tit .tit2{ margin-top:0; font-size:12px;}
}
.slide_bg{ float:left; width:100%; position:relative; top:0; margin-top:-60px; z-index:8;}
.babyser{ float:left; width:100%;}
.babyser h2{ float:left; width:100%; padding:0 15px; background:#18bc9c; color:#fff; font-size:20px; line-height:44px; text-transform:uppercase; font-weight:bold; letter-spacing:2px;}
.babyser h2 .imgr{ float:right; margin:12px 0 0 0;}
.pz_SideLayer2ph{ display:none; float:left; width:100%;}
.pz_SideLayer2ph .l1{ margin-top:1px; background:#f2f2f2;}
.pz_SideLayer2ph .l1:hover{ background:#18bc9c;color:#fff;}
.pz_SideLayer2ph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer;}
.pz_SideLayer2ph .l1 h3 a{ color:#333; padding-left:15px;}
.pz_SideLayer2ph .l1 h3.active a{ color:#fff;}
.pz_SideLayer2ph .l1 h3 img{ float:right; margin:17px 15px 0 0;}
.pz_SideLayer2ph .l1 h3 img.img3{ display:block;}
.pz_SideLayer2ph .l1 h3 img.img3h{ display:none;}
.pz_SideLayer2ph .l1 h3.active img.img3{ display:none;}
.pz_SideLayer2ph .l1 h3.active img.img3h{ display:block;}
.caseBox{ float:left; width:100%; height:60px; text-align:center; display:inline-block;}
.pz_SideLayer2{display:flex; *display:inline; *zoom:1;justify-content: center;}
.pz_SideLayer2 .l1{ float:left; width:275px; margin-left:1px;}
.pz_SideLayer2 .l1 a{ float:left; width:100%; text-align:center; font-size:18px; line-height:60px; color:#fff; position:relative; background:#000; background:rgba(0,0,0,0.3);}
.pz_SideLayer2 .l1:hover a,
.pz_SideLayer2 .l1.hover a{ background:#18bc9c; background:rgba(244,189,43,0.8);}
@media screen and (max-width:1429px) {
.slide_bg{ margin-top:-50px;}
.caseBox{ height:50px;}
.pz_SideLayer2 .l1{ width:190px;}
.pz_SideLayer2 .l1 a{ font-size:16px; line-height:50px;}
}
@media screen and (max-width:1023px){
.slide_bg{ margin-top:12px;}
.caseBox{ height:auto;}
}
.pz_top{ float:left; width:100%; z-index:11; position:absolute; left:0; top:0;}
.pz_top:before{ content:''; width:100%; height:224px; position:absolute; left:0; top:0; background:url(../images/top3.png); background-repeat:no-repeat; background-size:100% 100%;}
.pz_banner{ float:left; width:100%; position:relative; z-index:2; min-height:60px;}
.pz_menu{ float:left; width:100%; position:relative; z-index:99;}
.pz_main{ float:left; width:100%; position:relative; z-index:5;background:#f4f4f4;}
.pz_main2{ float:left; width:100%; }
.pz_down{ float:left; width:100%; z-index:4; position:relative; background:url(../images/footer.jpg) no-repeat center center; background-size:cover;}
.pz_top.on{ box-shadow:0 3px 4px rgba(0,0,0,0.15);}
.c_1570{ width:100%; margin:auto; padding:0 9.114%; max-width:1920px;}
@media screen and (max-width: 1366px) {
.c_1570{ padding:0 6.5%;}
}
@media screen and (max-width: 1199px) {
.c_1570{ padding:0 5%;}
}
@media screen and (max-width: 767px) {
.c_1570{ padding:0 10px;}
.pz_top{ position:fixed;}
.pz_top:before{ display:none;}
}
.wack1{ float:left; width:100%; padding:33px 0 5.428571% 0; text-align:center;}
.pz_fy{ display:inline-block; *display:inline; *zoom:1;}
.pz_fy a { float:left; width:32px; height:32px; line-height:32px; border-radius:32px; -moz-border-radius:32px; -webkit-border-radius:32px; border: #e2e2e2 1px solid; color:#272727; font-size:14px; font-family:'NotoSansHans-Light','Microsoft YaHei'; margin:0 8px;}
.pz_fy a:hover,
.pz_fy a.on{color:#fff; border:#18bc9c 1px solid; background-color:#18bc9c;}
.pz_fy .l_fy{ width:100px; display:inline-block; *display:inline; *zoom:1;}
.pz_fy .r_fy{ width:100px; display:inline-block; *display:inline; *zoom:1;}
.pz_fy .l_fy.on,
.pz_fy .l_fy:hover{ background:#18bc9c;}
.pz_fy .r_fy.on,
.pz_fy .r_fy:hover{ background:#18bc9c;}
.footEwm{ float:right; margin-left:20px; position:relative;}
.footEwm::after{ float:left; width:1px; height:100%; position:absolute; left:0; top:0; content:''; background:#fff;opacity:0.1; filter:alpha(opacity=10);}
.footEwm .Ewm{ float:left; width:46px; height:46px; margin:1px 0 1px 20px; position:relative;}
.footEwm .weixin{ float:left; width:46px; height:46px; background:url(http://www.eurocoustic.net/skin/images/foot1.png) center no-repeat; background-size:100% 100%; cursor:pointer;}
.footEwm .in{ float:left; width:46px; height:46px; background:url(http://www.eurocoustic.net/skin/images/foot2.png) center no-repeat; cursor:pointer; background-size:100% 100%;}
.footEwm .wx_bx{ float:left; width:110px; height:110px; padding:4px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); position:absolute; left:50%; margin-left:-55px; bottom:56px; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
transition: all 500ms cubic-bezier(.5, 1, .4, 1);
-webkit-transform-origin:50% 95%;
-moz-transform-origin:50% 95%;
-ms-transform-origin:50% 95%;
-o-transform-origin:50% 95%;
transform-origin:50% 95%;
-webkit-transform: translateY(0) scale(0);
-moz-transform: translateY(0) scale(0);
-ms-transform: translateY(0) scale(0);
-o-transform: translateY(0) scale(0);
transform: translateY(0) scale(0)}
.footEwm .wx_bx::after{ float:left; width:0; height:0; position:absolute; left:50%; bottom:-7px; margin-left:-6px; border-left: 6px solid transparent; border-right:6px solid transparent; border-top: 7px solid #fff; content:''; }
.footEwm .Ewm:hover .weixin{ background:url(http://www.eurocoustic.net/skin/images/foot1_1.png) center no-repeat; background-size:100% 100%;}
.footEwm .Ewm:hover .in{ background:url(http://www.eurocoustic.net/skin/images/foot2_1.png) center no-repeat; background-size:100% 100%;}
.footEwm .Ewm:hover .wx_bx{ opacity: 1;
filter: alpha(opacity=100);
display: block \9;
pointer-events: auto;
-webkit-transform: translateY(0) scale(1);
-moz-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
-o-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);}
@media screen and (max-width:1023px){
.wack1{padding:15px 0 7% 0;}
.fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
.fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #18bc9c; background:#18bc9c; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#272727;}
}
.news_det{ float:left; width:100%; margin:5.42% 0 4.57% 0;}
.news_det .l1{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height:34px;font-weight:100;}
.news_det .l2{ float:left; width:100%; margin-top:25px; border-bottom:1px solid #d7d8d8; border-top:1px solid #d7d8d8; padding:9px 0;}
.news_det .l2 p{ float:left; color:#888888; font-size:14px; line-height:34px;}
.news_det .l2 .but1{ float:right; color:#777777; font-size:14px; line-height:34px; background:url(../images/news_but.png) right center no-repeat; padding-right:49px;}
.news_det .l2 .but1:hover{ color:#18bc9c;}
.news_det .l3{ float:left; width:100%; color:#333333; font-size:14px; line-height:30px; padding:2.214% 0 12% 0;font-weight:100;}
.sy_fy{ float:left; width:100%; margin-top:2.21%; padding:1.21% 0 2.92% 0; border-top:1px solid #d7d8d8;}
.sy_fy a{ float:left; color:#666666; font-size:14px; line-height:24px;}
.sy_fy a.r_fy{ float:right;}
.sy_fy a:hover{ color:#18bc9c;}
.main_2{ width:100%; float:left;}
.main_2 .title{ width:100%; float:left; font-size:18px; color:#333333; line-height:28px;}
.main_2 ul{ width:100%; float:left; margin-top:1.5%;}
.main_2 ul li{ width:48.75%; float:left; border-bottom:solid 1px #d7d8d8;}
.main_2 ul li a{ float:left; width:100%; position:relative; padding-right:90px;}
.main_2 ul li h5{ float:left; width:100%; font-size:14px; color:#333333; line-height:38px;}
.main_2 ul li .time{ float:left; font-size:14px; line-height:41px; color:#777777; position:absolute; right:0; top:0;}
.main_2 ul li.lc1{ float:right;}
.main_2 ul li:hover h5{ color:#18bc9c;}
.main_2 ul li:hover .time{ color:#18bc9c;}
.bdshar2{ float:left; width:100%; text-align:center; height:36px;}
.bdshar_2{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.bdshar_2 a,
.bdshar_2 .bds_more{ width:36px !important; height:36px !important; margin:0 8px !important; padding:0 !important;}
.bdshar_2 .bds_weixin{ background:url(../images/news1_3.png) 0 0 no-repeat !important;}
.bdshar_2 .bds_tsina{ background:url(../images/news1_4.png) 0 0 no-repeat !important;}
.bdshar_2 .bds_qzone{ background:url(../images/news1_5.png) 0 0 no-repeat !important;}
@media screen and (max-width:1023px){
.news_det{ margin:20px 10px 30px 10px;}
.news_det .l1{ font-size:18px; line-height:28px; }
.news_det .l2{ padding:6px 0; font-size:12px; line-height:22px; margin-top:12px;}
.news_det .l3{ line-height:24px; padding:15px 0;}
.sy_fy{ margin-top:15px; padding:10px 0 15px 0;}
.main_2 ul{ margin-top:5px;}
}
@media screen and (max-width:767px){
.news_det .l1{ font-size:16px; line-height:24px; }
.news_det .l2 p{ width:100%; line-height:16px; font-size:12px; margin-top:5px;}
.news_det .l2 .but1{ float:left; background-size:22px 22px; padding-right:32px; font-size:12px;}
.main_2 ul li{ width:100%;}
.main_2 ul li h5{ line-height:36px;}
.main_2 ul li .time{ line-height:36px;}
.bdshar_2 a,
.bdshar_2 .bds_more{ margin:0 4px !important;}
}
/*首页*/
.top{ width:100%; float:left; height:100px; position:relative; z-index:2;}
.top .logo{ float:left; height:42px; margin-top:28px;}
.top .logo img{ height:100%; width:auto;}
.top .top_r{ float:right; height:100%; margin-left:22px;}
.top .top_r .search_i{ float:right; height:100px; position:relative; cursor:pointer;}
.top .top_r .search_i .search_ico{ width:38px; height:38px; margin-top:31px; background:url(../images/top1.png) no-repeat center center #23ac38; background-size:38px 38px; cursor:pointer;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;}
.search .search_k{ width:100%; height:44px; float:left; line-height:44px; background:white; font-size:14px; color:#1b62ba !important; padding-left:20px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.search .search_b{ width:50px; height:44px; position:absolute; right:0; top:0; background:url(../images/top1.png) no-repeat center center #23ac38; background-size:36px 36px; cursor:pointer;}
.search_i .search{ width:400px; height:50px; position:absolute; right:0; top:100%; z-index:-5; padding-right:50px; border:solid 3px #23ac38; display:none;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.search_i.on .search{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.menu{ z-index:99; float:right;}
.menu > ul{ float:left; width:100%;}
.menu ul .nli{ float:left;z-index:99; margin:0 14px; position:relative; height:100px;}
.menu ul .nli span{ display:block; width:100%; float:left;font-weight:100;}
.menu ul .nli span a{ display:block; float:left; height:35px; padding:0 20px; line-height:35px; color:#fff; font-size:15px;position:relative; text-align:center; letter-spacing:1px; margin-top:33px;font-weight:100;}
.menu ul .nli.on span a,
.menu ul .nli:hover span a{ background:#;
-moz-border-radius:18px;
-webkit-border-radius:18px;
-khtml-border-radius:18px;
border-radius:18px;color:#18bc9c;-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
@media screen and (max-width: 1620px) {
.menu ul .nli{ margin:0 2px;}
}
@media screen and (max-width: 1366px) {
.menu ul .nli span a{ padding:0 15px;}
.menu ul .nli{ margin:0 6px;}
}
/*下拉èœå•ï¼ˆæ¼‚浮在menu .nli上）*/
.sub{ z-index:21; position:absolute; width:160px; left: 50%; margin-left:-40px;top:70%; display:none;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.sub .l2{ width:100%;}
.sub .l2 .l2_a{ display:block; width:100%; float:left; font-size:14px; line-height: 32px; overflow:hidden; position:relative; padding:0 8px; background:#; color:#fff;}
.sub .l2:hover .l2_a{ color:#18bc9c;}
.menu ul .nli:hover .sub{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.menu ul .nli:nth-child(4):hover .sub{ display:none;}
@media screen and (max-width: 1199px) {
.top .logo{ height:42px; margin-top:29px;}
.menu ul .nli span a{ font-size:14px;}
.menu ul .nli{ margin:0 2px;}
}
.menuph{ float:right; cursor: pointer; width: 30px; height: 50px; display: none; margin-right:10px;}
.menuph .point { display:block; width: 30px; height: 30px; margin-top:10px;}
.menuph .navbtn { position: absolute; top: 24px; right: 0px; display: inline-block; width: 18px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #000; z-index:9999;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 18px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #000;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;}
.menuph .navbtn::after { top:-6px;}
.menuph .navbtn::before { top:6px;}
.menuph .point.active .navbtn{ background: transparent; }
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
.menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
.pf_menu{ position:fixed; width:100%; height:100%; overflow-y:auto; right:0px; top:-100%; z-index:9 !important; display:block; z-index: 98; background: #fff;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.pf_menu.on_1{ top:0;}
.ph_menu{ float:left; width:100%; text-align:left; padding-bottom:20px;}
.ph_menu .btn{ width:100%; float:left; text-align:center; margin-top:20px;}
.ph_menu .btn .a2,.ph_menu .btn .lang{ display:inline-block; vertical-align:top; margin:0 5px; width:28px; height:28px; border:solid 1px white; overflow:hidden;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;}
.ph_menu .btn .a2 img{ width:100%; float:left;}
.nav_box{ width:100%; float:left;}
.ph_menu .nli{ float:left; width:100%; position:relative;}
.ph_menu .nli span{ float:left; width:100%;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#000; font-size:14px; line-height:50px; white-space:nowrap; position: relative; letter-spacing: 1px; border-bottom:solid 1px #5d5d5d; padding:0 10px;}
.ph_menu .nli svg{ display:block; width:40px; height:40px; position:absolute; right:0; top:5px; background:url(../images/top2.png) no-repeat center center; background-size:auto 14px !important;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.ph_menu .nli.on svg{ transform:rotate(90deg);}
.ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; border-bottom: solid 1px #23ac38; background:#000;}
.ph_menu .nli .l2_ul li a{ line-height:30px; font-size:12px; color:#fff; text-transform:uppercase;}
.ph_menu .nli .l2_ul li a:active{ opacity:1;}
.pz_menu.on{ box-shadow: 0 3px 6px rgba(0,0,0,0.10);}
.ph_menu .search{ display:block; float:left; height:40px; background:#f1f1f1; width:94%; padding: 0 50px 0 0; position: relative; left:auto; top:auto; right:auto; margin-top:10px; z-index:1; margin-left:3%;}
.ph_menu .search .search_k{ height:40px; line-height:40px; width:100%; background:none; font-size: 14px; color: #fff; padding-left:15px; font-weight:bold;}
.ph_menu .search .search_b{ position: absolute; right:-1px; top: 0; height:40px; width:50px; background: url(http://www.eurocoustic.net/skin/images/top2_h.png) no-repeat center center; background-size: auto 40px;}
.top.on{ margin-top:-38px;}
.topnav.on{ height:64px; padding:0;}
.topnav.on .logo{ width:128px; margin-top:8px;}
.topnav.on .top_82,.topnav.on .top_164{ height:64px; margin-top:0;}
.topnav.on .top_82 .search_ico,.topnav.on .top_164 a{ margin-top:14px;}
.topnav.on .menu ul .nli{ height: 64px;}
.topnav.on .menu ul .nli span{ height:64px; margin-top:0;}
.topnav.on .menu ul .nli span a{ margin-top:0px;}
.pf_menu.on{ padding:64px 95px 0 95px;}
.search_ph{ display:none; position:absolute; left:0; top:100%; width:100%;}
@media screen and (max-width: 1023px) {
.top .search_i .search_ico{ width:18px; height:18px; margin-top:16px;}
.menuph{ display: block; margin-right:0;}
.menu{ display:none;}
.pz_top{ box-shadow:0 1px 3px rgba(0,0,0,0.1); background:rgba(255,255,255,0.99);}
.top{ height:50px;}
.top .logo{ margin-top:11px; width:200px; position:absolute; left:50%; top:0; text-align:center; margin-left:-100px; height:28px;}
.top .top_r{ float:left; margin-left:0;}
.top .top_r .search_i{ float:right; height:50px; position:static;}
.top .top_r .search_i .search_ico{ margin-top:10px; border-left:0; width:30px; height:30px; background-size:30px 30px;}
.pf_menu{ padding:50px 0 0 0;}
.top .top_r .search_i .search{ display:none !important;}
.search{ width:100%; box-shadow: 0 2px 5px rgba(0,0,0,0.15);}
.search .search_k{ height:36px; line-height:36px; font-size:14px; padding-left:10px;}
.search .search_b{ width:40px; height:36px; background-size:32px auto;}
.search_i .search{ width:100%; height:40px; padding-right:40px; border:solid 2px #fff;}
}
.slide_banner{ width:100%; float:left;}
.slide_banner img{ width:100%; float:left;}
.arr{
position: absolute;
right: 50%;
margin-right:-585px;
top: 100%;
margin-top:-43px;
}
.fl{ float:left;}
.fr{ float:right;}
.arr .zuo,.arr .you{
float:left;
width: 66px;
height: 66px; cursor:pointer;
background:url(../images/banner_btn.png) no-repeat left center #ebebeb;
}
.arr .you{ background-position:right center;}
.arr .zuo:hover,.arr .you:hover{ background-image:url(../images/banner_btn_h.png); background-color:#23ac38;}
.dian{ position:absolute; width:7px; right:73px; top:50%; margin-top:-135px; padding-top:197px;}
.dian:before{ content:''; width:1px; height:150px; background:white; opacity:0.2; position:absolute; left:50%; top:0;}
.dian .slick-dots {
display: block; overflow:visible;
width: 7px; position:relative; float:left; bottom:auto; left:auto; right:auto;
}
.dian .slick-dots li {
position:static;
display:block;
width: 7px;
height: 7px;
margin: 17px 0 0 0;
padding: 0;
cursor: pointer;
overflow:scroll;
background:#fff; opacity:0.5;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.dian .slick-dots li.slick-active{
opacity:1;
}
.dian .slick-dots li button{ position:absolute; top:-22px; width:32px; text-align:center; height:19px; line-height:19px; color:white; font-size:16px;font-family:'NotoSansHans-Light','Microsoft YaHei'; text-indent:0; padding:0; display:none; transform:rotate(90deg); left:-10px;}
.dian .slick-dots li.slick-active button{ display:block;}
.dian .slick-dots li button:before{ content:'0'; color:white; opacity:1;font-size:16px;font-family:'NotoSansHans-Light','Microsoft YaHei'; left:-5px;}
@media screen and (max-width: 1199px) {
.dian{ right:43px;}
.arr{
position: absolute;
right: 0px;
margin-right:0;
}
}
@media screen and (max-width: 1023px) {
.arr{ display:none;}
}
@media screen and (max-width: 991px) {
.dian{ right:10px; padding-top:0; margin-top:0px;}
.dian:before,.dian .slick-dots li button{ display:none !important;}
.dian .slick-dots li { width: 5px;height: 5px;margin: 7px 0 0 0;}
}
.newsList{ width:100%; float:left; margin:3.57% 0 1.28% 0;}
.newsList .ul_4{ width:100%; float:left;}
.newsList .ul_4 li{ width:100%; float:left; margin-top:2.14%; background:#; position:relative;}
.newsList .ul_4 li .img{ width:328px; height:185px; line-height:0; float:left; overflow:hidden; position:absolute; left:30px; top:30px;}
.newsList .ul_4 li .img img{height:100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.newsList .ul_4 li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.newsList .ul_4 li .text{ float:left; width:100%; padding-left:388px;}
.newsList .ul_4 li .lc1{ float:left; width:100%; min-height:245px; padding:30px; border-left:solid 1px white; }
.newsList .ul_4 li .text h4{ width:100%; float:left; margin:10px 0 15px 0; color:#333333; font-size:16px; line-height:26px; }
.newsList .ul_4 li .text .p{ width:100%; float:left; color:#898989; font-size:14px; line-height:24px; height:48px; overflow:hidden;font-weight:100;}
.newsList .ul_4 li .text h6{ width:100%; float:left; margin-top:72px;}
.newsList .ul_4 li .text h6 time{ float:left; color:#a9a9a9; font-size:14px; line-height:14px;}
.newsList .ul_4 li .text h6 span{ float:right; color:#a9a9a9; font-size:14px; line-height:14px;}
.newsList .ul_4 li:hover{ background:#;}
.newsList .ul_4 li:hover .lc1{ background:#;}
.newsList .ul_4 li:hover .lc1{ border-left:solid 1px #fff;}
.newsList .ul_4 li:hover .text h4{ color:#18bc9c;}
.newsList .ul_4 li:hover .text h6 .view-all a.morebtn i{ left: 15px;color:#18bc9c;
}
@media screen and (max-width:1023px) {
.newsList .ul_4 li{ margin-top:15px;}
.newsList .ul_4 li .img{ width:219px; height:124px; left:15px; top:15px;}
.newsList .ul_4 li .text{padding-left:249px;}
.newsList .ul_4 li .lc1{ padding:15px; min-height:154px;}
.newsList .ul_4 li .text h4{ margin:5px 0 8px 0; font-size:16px; line-height:26px;}
.newsList .ul_4 li .text h6{ width:100%; float:left; margin-top:20px;}
}
@media screen and (max-width:767px) {
.newsList .ul_4 li{ margin-top:10px;}
.newsList .ul_4 li .img{ width:120px; height:68px; left:10px; top:10px;}
.newsList .ul_4 li .text{padding-left:140px;}
.newsList .ul_4 li .lc1{ padding:7px 10px; min-height:88px;}
.newsList .ul_4 li .text h4{ margin:0; font-size:15px; line-height:24px;}
.newsList .ul_4 li .text h6{ width:100%; float:left; margin-top:6px;}
.newsList .ul_4 li .text .p{ height:24px;}
}
/*footer*/
.footer{ width:100%; float:left; padding:71px 0 37px 0; border-bottom:solid 1px rgba(255,255,255,0.1); text-align:center;}
.footer h3{ width:100%; font-size:30px; color:white; line-height:40px; text-transform:uppercase;font-family:'NotoSansHans-Light','Microsoft YaHei';}
.footer h4{ width:100%; font-size:18px; color:white; line-height:34px; opacity:0.4; letter-spacing:1px;}
.footer dl{ display:inline-block; margin-top:36px;}
.footer dl dd{ width:190px; float:left; margin:0 15px;}
.footer dl dd .ico{ width:100%; height:36px;}
.footer dl dd .ico img{ height:100%;}
.footer dl dd .p{ width:100%; margin-top:8px; font-size:12px; color:white; line-height:20px; opacity:0.6; font-family:'NotoSansHans-Light','Microsoft YaHei'; letter-spacing:1px;}
.down{ width:100%; float:left; padding:21px 0 19px 0; position:relative;}
.down .down_left{ float:left; font-size:12px; color:white; line-height:22px;}
.down .down_left a{ color:white; opacity:0.6;}
.down .down_left span{ color:white; opacity:0.6; margin:0 13px;}
.down .down_left a:hover{ opacity:1;}
.down .down_right{ float:right; line-height:22px;}
.down .down_right a{ display:inline-block; width:24px; height:22px; float:left; position:relative; background-size:contain; background-position:center center; background-repeat:no-repeat; cursor:pointer;}
.down .down_right a.a1{ background-image:url(../images/footer4.png);}
.down .down_right a.a2{ background-image:url(../images/footer5.png); margin:0 18px; padding:0 18px; border-left:dashed 1px rgba(255,255,255,0.11); border-right:dashed 1px rgba(255,255,255,0.11); width:61px;}
.down .down_right a.a3{ background-image:url(../images/footer6.png);}
.down .down_right a.a1:hover{ background-image:url(../images/footer4_h.png);}
.down .down_right a.a2:hover{ background-image:url(../images/footer5_h.png);}
.down .down_right a.a3:hover{ background-image:url(../images/footer6_h.png);}
.down .down_right a .ewm{ display:block; background:url(../images/footer8.png) no-repeat center center; width:116px; height:123px; padding:11px 11px 18px 11px; position:absolute; left:50%; top:-123px; margin-left:-58px; display:none;}
.down .down_right a .ewm img{ width:100%; float:left;}
.down .down_right a:hover .ewm{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.down .down_center{ position:absolute; left:55%; top:21px; text-align:center; font-size:12px; color:white; line-height:22px; opacity:0.6; margin-left:-175px;}
.down .down_center a{ color:white;}
@media screen and (max-width: 1023px) {
.footer{ padding:31px 0 17px 0;}
.footer h3{ font-size:20px; line-height:30px;}
.footer h4{ font-size:14px; line-height:26px;}
.footer dl{ margin-top:16px;}
.footer dl dd{ margin:0 10px;}
.footer dl dd .ico{ height:30px;}
.footer dl dd .p{ margin-top:5px;}
.down{ padding:12px 0 10px 0; text-align:center; line-height:0;}
.down .down_left,.down .down_center,.down .down_right{ width:100%; vertical-align:top;}
.down .down_center{ position:relative; left:auto; top:auto; margin-left:0; float:left;}
.down .down_right{ margin-top:5px; line-height:20px;}
.down .down_right a{ float:none; width:20px; height:20px;}
}
@media screen and (max-width: 767px) {
.footer{ padding:6px 0 10px 0;}
.footer h3,.footer h4{ display:none;}
.footer dl{ margin-top:10px; width:100%;}
.footer dl dd{ width:100%; margin:5px 0;}
.footer dl dd .ico{ height:24px;}
}
/*å³ä¾§æ¼‚æµ®*/
.zpf_right{ position:absolute; right:0; width:82px; top:0; height:387px; background:#ebebeb; padding-top:43px; z-index:5;
-moz-border-radius:41px;
-webkit-border-radius:41px;
-khtml-border-radius:41px;
border-radius:41px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.zpf_right li{ float:right; width:82px; position:relative; cursor:pointer;}
.zpf_right li .zbox{ text-align:center; width:82px; height:74px; float:left;}
.zpf_right li .zbox .ico{ width:100%; height:35px; float:left; margin-top:6px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.zpf_right li .zbox h5{ width:100%; float:left; margin-top:8px; font-size:14px; color:#555; line-height:16px;}
.zpf_right li.l1 .zbox .ico{ background-image:url(../images/right1.png);}
.zpf_right li.l2 .zbox .ico{ background-image:url(../images/right2.png);}
.zpf_right li.l3 .zbox .ico{ background-image:url(../images/right3.png);}
.zpf_right li.l4 .zbox .ico{ background-image:url(../images/right4.png);}
.zpf_right li.l1:hover .zbox .ico{ background-image:url(../images/right1_h.png);}
.zpf_right li.l2:hover .zbox .ico{ background-image:url(../images/right2_h.png);}
.zpf_right li.l3:hover .zbox .ico{ background-image:url(../images/right3_h.png);}
.zpf_right li.l4:hover .zbox .ico{ background-image:url(../images/right4_h.png);}
.zpf_right li:hover{ background:#23ac38;}
.zpf_right li:hover .zbox h5{ color:white;}
.zrightewm{ width:143px; height:143px; position:absolute; right:92px; top:0; display:none; padding:10px; background:#23ac38;}
.zrightewm img{ width:100%; float:left;}
.zpf_right li:hover .zrightewm{ display:block;}
.zpf_right.on{ position:fixed; top:50%; margin-top:-193px;}
@media screen and (max-width: 991px) {
.zpf_right{ display:none;}
}
/*首页main*/
.c_1570_1{ width:100%; float:left; padding:100px 0 99px 0;}
.tit_1{ width:100%; float:left; text-align:center;}
.tit_1 h3{ width:100%; margin-top:26px; font-size:34px; color:rgb(51, 51, 51); line-height:46px; letter-spacing:1px;}
.tit_1 h4{ width:100%; font-size:14px; color:rgb(0, 0, 0); line-height:27px; letter-spacing:6px; font-family:'NotoSansHans-Light','Microsoft YaHei'; opacity:1; text-transform:uppercase;}
.tit_1 h5{ width:38%; font-size:14px; color:rgb(0, 0, 0); line-height:27px; letter-spacing:1px; font-family:'NotoSansHans-Light','Microsoft YaHei'; opacity:1; text-transform:uppercase;margin:15px auto;}
/*.more{ width:100%; float:left; margin-top:60px; text-align:center;}
.more a{ display:inline-block; width:147px; height:40px; line-height:36px; color:white; background:url(../images/index2.png) no-repeat center center; background-size:contain; font-size:14px; font-family:'æ€æºé»‘体 CN','Microsoft yahei'; text-transform:uppercase; letter-spacing:1px;}*/
.slide_pic_1{ width:100%; float:left; margin-top:42px;}
.slide_pic_1 .slick-dots {
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
overflow:hidden;
}
.slide_pic_1 .slick-dots li {
position: relative;
display: inline-block;
width: 18px;
height: 18px;
margin: 0 6px;
padding: 0;
cursor: pointer;
overflow:hidden;
background:#dbdbdb;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.slick-dots li button { display:none;}
.slide_pic_1 .slick-dots li.slick-active{
background:#23ac38;
}
.slide_pic_1 .slick-slide{ background:#f2f2f2; text-align:center; height:314px; cursor:pointer;}
.slide_pic_1 .slick-slide:nth-child(2n){ background:#f8f8f9;}
.slide_pic_1 .slick-slide .ico{ width:150px; height:150px; display:inline-block; background:white; margin-top:60px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_1 .slick-slide .ico img{ width:100%; float:left;}
.slide_pic_1 .slick-slide .ico .img_2{ display:none;}
.slide_pic_1 .slick-slide h5{ width:100%; margin-top:26px; font-size:16px; color:#333; line-height:23px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_1 .slick-slide:hover h5{ color:#23ac38;}
.slide_pic_1 .slick-slide:hover .ico{ background:#19992d; box-shadow:8px 15px 18px rgba(83,114,18,0.2);}
.slide_pic_1 .slick-slide:hover .ico .img_1{ display:none;}
.slide_pic_1 .slick-slide:hover .ico .img_2{ display:block;}
@media screen and (max-width: 1199px) {
.c_1570_1{ padding:60px 0 59px 0;}
.slide_pic_1{ padding-bottom:40px; position:relative;}
.slide_pic_1 .slick-dots {
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
overflow:hidden;
}
.slide_pic_1 .slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
cursor: pointer;
overflow:hidden;
background:#23ac38; opacity:0.4;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.slick-dots li button { display:none;}
.slide_pic_1 .slick-dots li.slick-active{
opacity: 1;
}
}
@media screen and (max-width: 1023px) {
.c_1570_1{ padding:30px 0 29px 0;}
.tit_1 img{ width:31px;}
.tit_1 h3{ margin-top:16px; font-size:26px; line-height:36px;}
.tit_1 h5{ font-size:14px; line-height:23px;}
.more{ margin-top:30px;}
.slide_pic_1 .slick-slide .ico{ width:120px; height:120px; margin-top:30px;}
.slide_pic_1 .slick-slide h5{ margin-top:16px; font-size:14px;}
.slide_pic_1{ margin-top:22px;}
.slide_pic_1 .slick-slide{ height:224px;}
}
@media screen and (max-width: 767px) {
.c_1570_1{ padding:20px 0 19px 0;}
.tit_1 img{ width:16px;}
.tit_1 h3{ margin-top:10px; font-size:18px; line-height:28px;}
.tit_1 h5{width:90%; font-size:14px; line-height:17px;}
.more{ margin-top:20px;}
.more a{ width:118px; height:32px; line-height:30px; font-size:12px;}
.slide_pic_1 .slick-slide .ico{ width:80px; height:80px; margin-top:15px;}
.slide_pic_1 .slick-slide h5{ margin-top:12px; font-size:12px;}
.slide_pic_1{ margin-top:12px; padding-bottom:20px;}
.slide_pic_1 .slick-slide{ height:144px;}
.slide_pic_1 .slick-dots li {
width: 6px;
height: 6px;
margin: 0 3px;
}
}
.zbg1{ background:#eee;}
.c_1570_2{ width:100%; float:left; padding:100px 0;}
.c_1570_2 .c_1570_2_head,.c_1570_2 .c_1570_2_down{ width:100%; float:left;}
.c_1570_2 .c_1570_2_head .c_392{ width:24.97%; float:left; background:white; height:335px; text-align:center; position:relative;}
.c_1570_2 .c_1570_2_head .c_392 h2{ width:100%; font-size:36px; color:#23ac38; line-height:63px; letter-spacing:1px; position:absolute; left:0; top:50%; margin-top:-55px;}
.c_1570_2 .c_1570_2_head .c_392 h3{ width:100%; font-size:24px; color:#333; line-height:48px; text-transform:uppercase; position:absolute; left:0; top:50%; margin-top:9px; opacity:0.3;}
.c_1570_2 .c_1570_2_head .img{ width:24.97%; float:left; height:335px; position:relative; overflow:hidden;}
.c_1570_2 .c_1570_2_head .img img{ width:392px; height:335px; position:absolute; left:50%; top:50%; margin:-167px 0 0 -196px; max-width:none;}
.c_1570_2 .c_1570_2_head .c_393{ width:25.03%; float:left; height:335px; position:relative; background:white; line-height:335px; text-align:center;}
.c_1570_2 .c_1570_2_head .c_393:before{ content:''; background:url(../images/index12.png) no-repeat center center; width:9px; height:18px; position:absolute; left:-7px; top:50%; margin-top:-9px; }
.c_1570_2 .c_1570_2_down .c_392{ width:24.97%; float:left; height:336px; position:relative; background:white; line-height:336px; text-align:center;}
.c_1570_2 .c_1570_2_down .c_392:before{ content:''; background:url(../images/index12.png) no-repeat center center; width:9px; height:18px; position:absolute; right:-7px; top:50%; margin-top:-9px; transform:rotate(180deg);}
.c_1570_2 .c_1570_2_head .c_393 h5{ display:inline-block; vertical-align:middle; width:185px; text-align:left; font-size:18px; color:#666; line-height:36px; max-width:90%;}
.c_1570_2 .c_1570_2_down .c_392 h5{ display:inline-block; vertical-align:middle; width:248px; text-align:left; font-size:18px; color:#666; line-height:36px; max-width:90%;}
.c_1570_2 .c_1570_2_head .btn{ width:199px; float:left;}
.c_1570_2 .c_1570_2_down .c_786{ width:50.06%; float:left; height:336px; text-align:center; line-height:336px;}
.c_1570_2 .c_1570_2_down .c_786 .p{ display:inline-block; vertical-align:middle; width:600px; text-align:left; font-size:18px; color:#fff; line-height:36px; text-indent:2em; max-width:90%;}
.c_1570_2 .c_1570_2_down .img{ width:24.97%; float:left; padding:66px 0 0 72px; height:335px; text-align:center;}
@media screen and (max-width: 1199px) {
.c_1570_2{ padding:60px 0;}
.c_1570_2 .c_1570_2_head .c_392 h2{ font-size:26px; line-height:43px;}
.c_1570_2 .c_1570_2_head .c_392 h3{ font-size:16px; line-height:38px;}
.c_1570_2 .c_1570_2_head .btn{ width:149px;}
.c_1570_2 .c_1570_2_head .c_393 h5,
.c_1570_2 .c_1570_2_down .c_392 h5{ font-size:16px; line-height:30px;}
.c_1570_2 .c_1570_2_down .c_786 .p{ font-size:16px; line-height:30px;}
}
@media screen and (max-width: 767px) {
.c_1570_2{ padding:30px 0;}
.c_1570_2 .c_1570_2_head .c_392{ width:50%; height:115px;}
.c_1570_2 .c_1570_2_head .c_392 h2{ font-size:18px; line-height:33px; margin-top:-25px;}
.c_1570_2 .c_1570_2_head .c_392 h3{ font-size:14px; line-height:28px; margin-top:0;}
.c_1570_2 .c_1570_2_head .img{ width:50%; height:115px;}
.c_1570_2 .c_1570_2_head .img img{ width:187px; height:160px; margin:-80px 0 0 -93px;}
.c_1570_2 .c_1570_2_head .c_393{ width:50%; height:115px; line-height:115px; float:right;}
.c_1570_2 .c_1570_2_down .c_392{ width:50%; height:115px; line-height:115px;}
.c_1570_2 .c_1570_2_head .c_393:before{ display:none;}
.c_1570_2 .c_1570_2_head .c_393 h5,
.c_1570_2 .c_1570_2_down .c_392 h5{ font-size:14px; line-height:24px;}
.c_1570_2 .c_1570_2_head .btn{ width:50%;}
.c_1570_2 .c_1570_2_down .img{ width:50%; padding:0 0 0 22px; height:115px; float:right; margin-top:-20px;}
.c_1570_2 .c_1570_2_down .img img{ height:115px;}
.c_1570_2 .c_1570_2_down .c_786 .p{ font-size:14px; line-height:24px;}
.c_1570_2 .c_1570_2_down .c_786{ width:100%; height:165px; line-height:165px;}
}
.c_1570_3{ width:100%; float:left; padding:100px 0 98px 0; overflow:hidden;}
.row_1{ margin:0 -33px;}
.slide_pic_2{ width:100%; float:left; margin-top:44px;}
.slide_pic_2 .zbox{ width:100%; float:left; padding:0 33px;}
.slide_pic_2 .zbox .img,.slide_pic_2 .zbox .img img{ width:100%; float:left;}
.slide_pic_2 .zbox .text{ width:100%; float:left; padding-top:23px; padding-bottom:24px; position:relative;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.slide_pic_2 .zbox .text:before{ content:''; width:100%; height:1px; background:#e5e5e5; position:absolute; left:0; bottom:0;}
.slide_pic_2 .zbox .text:after{ content:''; width:0; height:1px; background:#18bc9c; position:absolute; left:0; bottom:0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_2 .zbox .text .name{ width:100%; font-size:20px; color:#333; line-height:34px; letter-spacing:1px; padding-right:35px; background:url(../images/index16.png) no-repeat right center;}
.slide_pic_2 .zbox .text .p{ width:100%; font-size:16px; color:#666; line-height:28px;}
@media screen and (min-width: 1023px) {
.slide_pic_2 .zbox:hover .text{ background:#18bc9c; padding-left:30px; padding-right:30px;}
.slide_pic_2 .zbox:hover .text:after{ width:100%;}
.slide_pic_2 .zbox:hover .text .name{ color:#fff; background-image:url(../images/index16_h.png);}
.slide_pic_2 .zbox:hover .text .p{ color:#fff;}
}
@media screen and (max-width: 1199px) {
.c_1570_3{ padding:60px 0 58px 0;}
.row_1{ margin:0 -13px;}
.slide_pic_2 .zbox{ padding:0 13px;}
}
@media screen and (max-width:1023px) {
.slide_pic_2{ margin-top:24px;}
.slide_pic_2 .zbox .text{ padding-top:13px; padding-bottom:14px;}
.slide_pic_2 .zbox .text .name{ font-size:16px; line-height:28px; padding-right:25px; background-size:25px auto;}
.slide_pic_2 .zbox .text .p{ font-size:14px; line-height:24px;}
.slide_pic_2 .zbox:hover .text{ padding-left:20px; padding-right:20px;}
}
@media screen and (max-width:767px) {
.c_1570_3{ padding:30px 0 28px 0;}
.row_1{ margin:0 -5px;}
.slide_pic_2 .zbox{ padding:0 5px;}
.slide_pic_2{ margin-top:14px; padding-bottom:20px;}
.slide_pic_2 .zbox .text .name{ font-size:14px; line-height:24px; background:none !important; padding-right:0;}
.slide_pic_2 .zbox .text .p{ font-size:12px; line-height:20px;}
.slide_pic_2 .slick-dots {
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
overflow:hidden;
}
.slide_pic_2 .slick-dots li {
position: relative;
display: inline-block;
width: 6px;
height: 6px;
margin: 0 3px;
padding: 0;
cursor: pointer;
overflow:hidden;
background:#23ac38; opacity:0.4;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_2 .slick-dots li button { display:none;}
.slide_pic_2 .slick-dots li.slick-active{
opacity: 1;
}
.slide_pic_2 .zbox:hover .text{ padding-left:10px; padding-right:10px;}
}
/*在线留言*/
.banner{ width:100%; height:600px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; position:relative;}
.headline{ width:100%; position:absolute; left:0; top:50%; margin-top:-14px; text-align:center;}
.headline h2{ width:100%; font-size:48px; color:white; line-height:76px; letter-spacing:2px;}
.headline h4{ width:100%; font-size:30px; color:white; line-height:58px; text-transform:uppercase;}
.pz_SideLayer{ width:100%; border-bottom:solid 1px #f5f5f5; float:left; text-align:center; height:78px;}
.pz_SideLayer li{ display:inline-block; margin:0 43px; vertical-align:top;}
.pz_SideLayer li a{ display:block; float:left; font-size:16px; color:#444; line-height:75px;}
.pz_SideLayer li a.hover{ color:#23ac38; border-bottom:solid 3px #23ac38;}
.tit_2{ width:100%; float:left; text-align:center; margin-top:75px;}
.tit_2 h3{ width:100%; font-size:30px; color:#23ac38; line-height:44px; letter-spacing:1px;}
.tit_2 h5{ width:100%; font-size:14px; color:#888; line-height:26px; text-transform:uppercase; letter-spacing:1px;font-family:'NotoSansHans-Light','Microsoft YaHei';}
.c_970{ width:970px; margin:auto;}
.message{ margin:0 -15px;}
.message .form{ float:left; width:100%; padding:2px 0 81px 0; }
.message .lab{ float:left; width:100%; margin-top:30px;}
.fm1{ float:left; width:50%; padding:0 15px; position:relative;}
.fm2{ float:left; width:100%; padding:0 15px; position:relative;}
.fm3{ display:block; margin:0 auto; width:170px; height:48px; background:#43b748; position:relative;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.fm3:before{ content:''; width:0; height:100%; position:absolute; left:0; top:0; z-index:1; background:#1f1f1f;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.fm3:hover:before{ width:100%;}
.fm1_2{ float:left; width:100%; border:1px solid #ebebeb; background:#fff; padding:0 18px; color:#434343; font-size:14px; height:55px; line-height:43px; padding:0 15px 0 100px;}
.fm1_3{ float:left; width:100%; border:1px solid #ebebeb; background:#fff; color:#434343; font-size:14px; height:140px; line-height:24px; padding:13px 15px 13px 180px;}
.fm1_4{ float:left; width:100%; border:none; color:#fff; height:48px; line-height:48px; text-align:center; font-size:16px; appearance:none;-webkit-appearance:none; position:relative; z-index:2; background:none;}
.fm1_1{ float:left; position:absolute; left:29px; top:0; line-height:53px; color:#555; font-size:16px;}
.fm1_1 span{ color:#ff0000; margin-left:5px;}
.fm1_5{ float:left; position:absolute; right:20px; top:9px; width:78px; height:32px; }
.fm1_4:focus{ border:0 !important;}
.message input[placeholder], [placeholder], *[placeholder] {color:#434343 !important;}
.message ::-webkit-input-placeholder{color:#434343}
.message :-moz-placeholder{color:#434343}
.message ::-moz-placeholder{color:#434343}
.message :-ms-input-placeholder{color:#434343}
.message textarea[placeholder], [placeholder], *[placeholder] {color:#434343 !important;}
.message ::-webkit-textarea-placeholder{color:#434343}
.message :-moz-placeholder{color:#434343}
.message ::-moz-placeholder{color:#434343}
.message :-ms-textarea-placeholder{color:#434343}
.message input:focus,.message textarea:focus{ border:solid 1px #ff0000;}
@media screen and (max-width:1023px){
.banner{ height:400px;}
.headline{ margin-top:-10px;}
.headline h2{ font-size:38px; line-height:56px;}
.headline h4{ font-size:24px; line-height:38px;}
.pz_SideLayer{ height:58px;}
.pz_SideLayer li{ margin:0 23px;}
.pz_SideLayer li a{ font-size:14px; line-height:56px;}
.pz_SideLayer li.on a{ border-bottom:solid 2px #23ac38;}
.tit_2{ margin-top:45px;}
.tit_2 h3{ font-size:22px; line-height:34px;}
.tit_2 h5{ font-size:12px; line-height:20px;}
.c_970{ width:80%;}
.message .lab{ margin:10px 0;}
.message_tit h5{ margin:10px 0 5px 0;}
.fm1{ padding:0 10px;}
.fm2{ padding:0 10px;}
.message .form{ padding:2px 0 41px 0;}
}
@media screen and (max-width:767px){
.banner{ height:200px;}
.headline{ margin-top:0px;}
.headline h2{ font-size:22px; line-height:36px;}
.headline h4{ font-size:14px; line-height:28px;}
.pz_SideLayer{ height:38px;}
.pz_SideLayer li{ margin:0 0; width:33.33%; text-align:center;}
.pz_SideLayer li a{ display:inline-block; line-height:37px; vertical-align:top; float:none;}
.pz_SideLayer li.on a{ border-bottom:solid 1px #23ac38;}
.tit_2{ margin-top:25px;}
.tit_2 h3{ font-size:18px; line-height:26px;}
.message .form{ padding:2px 0 21px 0;}
.message .lab{ margin:0;}
.fm1{ width:100%; padding:0 0; margin-top:10px;}
.fm2{ width:100%; padding:0 0; margin:10px 0 0 0;}
.fm3{ width:160px; margin-top:15px;}
.message{ margin:0 0; width:100%; float:left; padding:0 10px;}
.c_970{ width:100%;}
.fm1_2{ font-size:12px; height:45px; padding:0 5px 0 80px;}
.fm1_1{ left:12px; line-height:45px; font-size:12px;}
.fm1_3{ font-size:12px; height:120px; padding:8px 5px 8px 135px;}
.fm3{ width:120px; height:40px;}
.fm1_4{ height:40px; line-height:40px; font-size:14px;}
}
/*è”系我们*/
.c_1570_4{ width:100%; float:left; padding:62px 0 81px 0;}
.c_1570_4 .content1{ width:100%; float:left; text-align:center;}
.c_1570_4 .content1 ul{ margin:0 -15px;}
.c_1570_4 .content1 ul li{ width:25%; float:left; padding:0 15px;}
.c_1570_4 .content1 ul li .zbox{ width:100%; float:left; box-shadow:0 0 4px rgba(0,0,0,0.16); overflow:hidden; height:270px; padding:37px 10px 0 10px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;}
.c_1570_4 .content1 ul li .zbox .ico{ width:100%; height:75px;}
.c_1570_4 .content1 ul li .zbox .ico img{ height:100%;}
.c_1570_4 .content1 ul li .zbox .ico .img_2{ display:none;}
.c_1570_4 .content1 ul li .zbox:hover .ico .img_1{ display:none;}
.c_1570_4 .content1 ul li .zbox:hover .ico .img_2{ display:inline-block;}
.c_1570_4 .content1 ul li .zbox h4{ width:100%; margin-top:12px; font-size:18px; color:#333; line-height:23px; letter-spacing:2px;}
.c_1570_4 .content1 ul li .zbox h6{ width:100%; font-size:12px; color:#888787; line-height:15px; font-family:'NotoSansHans-Light','Microsoft YaHei'; text-transform:uppercase; letter-spacing:1px;}
.c_1570_4 .content1 ul li .zbox .p{ width:170px; margin:auto; margin-top:20px; font-size:14px; color:#666; line-height:26px; letter-spacing:1px;}
.c_1570_4 .content2{ width:100%; float:left; margin-top:31px; padding:5px; background:white; box-shadow:0 3px 10px rgba(0,0,0,0.15);}
#bdmap_1{ width:100%; height:472px;}
#bdmap_1 .BMap_pop{ float:right; background-image:url(../images/lxwm5.png); background-repeat:no-repeat; border:none !important; width:444px !important; border:0 !important; height:85px; margin:80px 0 0 180px;}
#bdmap_1 .BMap_pop .BMap_top,#bdmap_1 .BMap_pop .BMap_center,#bdmap_1 .BMap_pop .BMap_bottom,#bdmap_1 .BMap_pop div:nth-child(9n){ width:90% !important; left:26px !important; line-height:55px;}
#bdmap_1 .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;}
#bdmap_1 .BMap_pop div img{display:none;}
#bdmap_1 .BMap_pop img{ opacity:0;}
#bdmap_1 .iw_poi_title{ display:none;}
#bdmap_1 .iw_poi_content{ width:100%; display:inline-block; vertical-align:middle; font-size: 14px; color: #666; line-height: 22px; letter-spacing:1px;}
#bdmap_1 .BMap_shadow{ width:100%; float: left; display: none !important;}
#bdmap_1 .BMapLabel{ display: none !important;}
@media screen and (max-width:991px) {
#bdmap_1{ height: 350px;}
#bdmap_1 .BMap_pop{ background-size:contain; width:324px !important; height:62px; margin:85px 0 0 170px;}
#bdmap_1 .BMap_pop .BMap_top,#bdmap_1 .BMap_pop .BMap_center,#bdmap_1 .BMap_pop .BMap_bottom,#bdmap_1 .BMap_pop div:nth-child(9n){ line-height:40px; left:20px !important; height:40px !important; top:9px !important;}
#bdmap_1 .iw_poi_content{ font-size: 12px; line-height: 16px;}
}
@media screen and (max-width:767px) {
#bdmap_1{ height: 250px;}
#bdmap_1 .BMap_pop{ background-size:contain; width:280px !important; height:60px; margin:80px 0 0 0px; background:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.15);}
#bdmap_1 .iw_poi_content{ font-size: 12px; line-height: 20px; margin-top:-5px;}
}
@media screen and (max-width:1023px) {
.c_1570_4{ padding:32px 0 41px 0;}
.c_1570_4 .content2{ margin-top:21px;}
.c_1570_4 .content1 ul{ margin:0 -5px;}
.c_1570_4 .content1 ul li{ padding:0 5px;}
.c_1570_4 .content1 ul li .zbox{ height:190px; padding:17px 10px 0 10px;}
.c_1570_4 .content1 ul li .zbox .ico{ height:45px;}
.c_1570_4 .content1 ul li .zbox h4{ margin-top:8px; font-size:16px; line-height:21px; letter-spacing:1px;}
.c_1570_4 .content1 ul li .zbox .p{ width:100%; margin-top:12px; font-size:12px; line-height:22px;}
}
@media screen and (max-width:767px) {
.c_1570_4{ padding:12px 0 21px 0;}
.c_1570_4 .content2{ margin-top:11px;}
.c_1570_4 .content1 ul li{ width:50%; margin-top:10px;}
}
/*项目案例*/
.c_1570_5{ width:100%; float:left; padding:0 0 80px 0; overflow:hidden;}
.ul_1{ width:100%; float:left; margin:0; padding:0;}
.ul_1 li{ width:33.333%; margin-top:60px; float:left;}
@media screen and (max-width:1023px) {
.ul_1 li{ margin-top:30px;}
.c_1570_5{ padding:0 0 40px 0;}
}
@media screen and (max-width:767px) {
.ul_1 li{ width:50%; margin-top:10px;}
.c_1570_5{ padding:0 0 20px 0;}
}
.porReco{ float:left; width:100%; padding:1.07% 0 5.28% 0;}
.porTit{ float:left; width:100%; color:#004a99; font-size:21px; line-height:21px;}
.porRoll li{ margin-top:40px;}
@media screen and (max-width:1429px){
.porRoll li{ margin-top:20px;}
}
@media screen and (max-width:1023px){
.porTit{ font-size:18px; line-height:18px;}
.porRoll li{ margin-top:8px;}
}
@media screen and (max-width:767px){
.porRoll li{ width:100%;}
}
.sy_fy1{ float:left; width:100%; margin:1.85% 0;}
.sy_fy1 a{ float:left; width:50%; color:#666666; font-size:14px; line-height:24px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.sy_fy1 a.l_fy{ padding-right:15px;}
.sy_fy1 a.r_fy{ float:right; text-align:right; padding-left:15px;}
.sy_fy1 a:hover{ color:#004a99;}
@media screen and (max-width:1023px) {
.sy_fy1 a{ width:100%;}
.sy_fy1 a.l_fy{ padding:0;}
.sy_fy1 a.r_fy{ padding:0; text-align:left;}
}
.pord_det{ float:left; width:100%; border:0px solid #e6e6e6; margin-top:5.92%; padding:3.57% 0;}
.pord_det .img{ float:left; width:46%; line-height:0;border-right:1px solid #e6e6e6;}
.pord_det .img .slick-dots{ bottom:-10px; height:11px;}
.pord_det .img .slick-dots li{ width:11px; height:11px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; text-indent:-9999px; background:#bebebe; margin:0 5px;}
.pord_det .img .slick-dots li.slick-active{ background:#004a99;}
.pord_det .info{ float:right; width:42.57%; margin-right:4.5%;}
.pord_det .info .p1{ float:left; width:50%; color:#161616; font-size:26px; line-height:36px;}
.pord_det .info .p2{ float:left; width:100%; color:#737373; font-size:14px; line-height:30px; margin:15px 0 27px 0;}
.pord_det .info .p3{ float:left; width:100%; padding:22px 0 32px 0; border-top:1px solid #d9d9d9;}
.pord_det .info .p3 .sp2{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:22px; padding-left:18px; position:relative; margin:4px 0;}
.pord_det .info .p3 .sp2::after{ float:left; width:8px; height:1px; background:#999999; position:absolute; left:0; top:11px; content:'';}
.pord_det .info .p4{ float:right; width:50%;}
.pord_det .info .p4 .btn2{ float:left; width:157px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; background:#004a99;}
.pord_det .info .p4 .btn2:hover{ box-shadow:3px 3px rgba(0,0,0,0.15);}
.pord_det .info .p4 .bdshare3{ float:right; margin:7px 12% 7px 0;}
.pord_det .info .p4 .bdshare3 a{ margin:5px 0 5px 7px !important;}
@media screen and (max-width:1429px) {
.pord_det .img{ width:50%;}
.pord_det .info{ margin-right:3%;}
.pord_det .info .p1{ font-size:22px; line-height:32px;}
.pord_det .info .p2{ line-height:24px; margin:6px 0 13px 0;}
.pord_det .info .p3{ padding:11px 0 16px 0;}
.pord_det .info .p3 .sp2{ margin:1px 0;}
.pord_det .info .p4 .btn2{ width:110px; line-height:38px; height:38px; font-size:16px;}
.pord_det .info .p4 .bdshare3{ margin:1px 0;}
}
@media screen and (max-width:1023px) {
.pord_det{ margin-top:5%;}
.pord_det .img{ width:100%;}
.pord_det .info{ width:100%; margin:0; padding:20px 15px 10px 15px;}
.pord_det .info .p1{ font-size:18px; line-height:28px;}
}
.pord_tab{ float:left; width:100%; margin-top:30px;}
.pord_tab .hd{ float:left; width:100%; height:46px; position:relative; z-index:6;}
.pord_tab .hd ul{ float:left;}
.pord_tab .hd ul li{ float:left; background:#fff; text-align:center; color:#161616; font-size:26px; line-height:43px; height:45px; width:120px;cursor:pointer; position:relative; margin-top:-1px;}
.pord_tab .bd{ float:left; width:100%; border:0px solid #e6e6e6; position:relative; margin-top:-1px; z-index:5;}
.pord_tab .ul1{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:30px; padding:22px 2.14% 35px 2.14%;}
@media screen and (max-width:1023px) {
.pord_tab{ margin-top:20px;}
.pord_tab .ul1{ padding:12px 15px; line-height:26px;}
}
.newproduct1{float:left;width:20%}
.newproduct2{float:left;width:80%;}
.c_9{margin-top:45px;padding:0 10px; width:100%;float:left;}
.l_c_9{float:left; width:34%; background-image: url(http://www.eurocoustic.net/skin/css/images/p41.png); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center;padding-bottom:75px; border:1px solid #f5f5f5;}
.l_c_9 span{width:332px; height:auto; display: inline-block; margin-top:65px;}
.l_c_9_1{display:inline-block; width:149px;text-align: center;margin:0 15px; margin-top:40px; }
.l_c_9_1 p{width:100%; padding:10px; height:auto;box-sizing: border-box; background-color:#fff;border:1px solid #dddddd; }
.l_c_9_1 p img{width:100%; height: auto;}
.l_c_9_1 h1{font-size:18px; color:#000000; margin-top:19px;}
.r_c_9{width:100%;background-image: url(http://www.eurocoustic.net/skin/css/images/p45.png); background-repeat: no-repeat; background-position:center; background-size: cover; padding-top:10px; float:left; padding-bottom:55px;border:1px solid #f5f5f5;}
.r_c_9_1{margin-top:10px; margin:2% 0;border-bottom:solid 1px #d9d9d9;font-size:14px;}
.r_c_9_1 span{width:22px; height: 22px; float:left;}
.r_c_9_1 span img{width:100%; height: auto;}
.r_c_9_1 div {/*float:left;*/ margin:0% 0 2% 0%;}
.r_c_9_1 div h1{font-size:14px; color:#000000; font-weight: 400;margin-left:40px;line-height:22px;}
.r_c_9_1 div h2{font-size:14px; color:#404040; line-height: 29px; margin-top:0px;margin-left:40px;}
.r_c_9_1 div h2 em{margin-left:5px;font-style:normal;}
@media screen and (max-width:1429px){
.c_9{padding:0;}
.l_c_9 span{width:250px;}
.l_c_9_1{width:110px;}
.r_c_9_1{margin-top:30px;}
}
@media screen and (max-width:991px){
.l_c_9{width:100%; padding:10px 0;}
.l_c_9 span{margin-top:0; display: block; width:40%; margin: auto;}
.l_c_9_1{width:20%; margin-top:10px; vertical-align: top}
.l_c_9_1 p{padding:5px;}
.l_c_9_1 h1{font-size:16px; margin-top:10px;}
.c_9{margin-top:30px;}
.r_c_9{width:100%; margin-top:10px; padding:0 0 10px 0;}
.r_c_9_1{margin-top:20px;}
.r_c_9_1 div h1{font-size:16px;}
.r_c_9_1 div h2{font-size:14px; line-height: 20px;}
}
@media screen and (max-width:767px){
.c_9{margin-top:20px;}
.l_c_9 span{width:50%;}
.l_c_9_1{width:25%;}
.l_c_9_1 h1{font-size:14px;}
.r_c_9_1{margin-left:10px;}
.r_c_9_1 span{width:25px;height:25px; margin-right:10px;}
.r_c_9_1 div{float:none;}
.r_c_9_1 div h1{font-size:14px;}
.r_c_9_1 div 2{font-size:12px;}
.pord_det .info .p4{ display:none;}
.newproduct1{float:left;width:100%}
.newproduct2{float:left;width:100%;}
.r_c_9_1 div h2{margin-left:0px;}
}
.home_bg3{ float:left; width:100%; /*background:#18bc9c; */position:relative; overflow:hidden; padding:180px 0; z-index:5;}
.home_bg3_1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;/*opacity:0.3; filter:alpha(opacity=30);*/ }
.home_bg3 .title{ float:left; width:100%; position:relative; text-align:center; z-index:2;}
.home_bg3 .title h1{ display:inline-block; *display:inline; *zoom:1; color:rgb(51, 51, 51); font-size:33px; line-height:33px; vertical-align:top;}
.home_bg3 .title h4{ color:rgb(0, 0, 0); font-size:14px; line-height:27px; vertical-align:top;text-transform:uppercase;letter-spacing:6px;}
.home_bg3 .title h5{display:inline-block; *display:inline; *zoom:1; color:rgb(153, 153, 153); font-size:14px; line-height:18px; text-align:right; vertical-align:top; margin-right:15px; position:relative;}
.home_bg3 .title h5::after{ float:left; width:2000px; height:1px; background:#fff; content:''; position:absolute; right:200px; bottom:9px}
.home_bg3 .title h5 strong{ font-weight:bold; font-size:16px; text-transform:uppercase;}
.home_bg3 .info{ float:left; width:100%; color:rgb(0, 0, 0); font-size:14px; line-height:30px; text-align:center; margin-top:18px; padding:0 28%; position:relative; z-index:2;}
.home_bg3 .info .i{width:1px; position:relative;}
.home_bg3 .info .i::after{ float:left; width:2000px; height:1px; background:#fff; content:''; position:absolute; left:100%; margin-left:18px; bottom:10px}
@media screen and (max-width:1429px ) {
.home_bg3 .info{ padding:0 28%;}
.home_bg3 .info::after{left:88%;}
}
@media screen and (max-width:1129px ) {
.home_bg3{ padding:38px 0 35px 0;}
.home_bg3 .info{ padding:0 28%; font-size:14px; line-height:24px; margin-top:10px;}
.home_bg3 .info .i::after{left:100%; margin-left:5px;}
.home_bg3 .title h1{ font-size:24px; line-height:32px;}
.home_bg3 .title h5{ font-size:12px; line-height:16px; margin-right:6px;}
.home_bg3 .title h5::after{ right:161px;}
.home_bg3 .title h5 span{ font-size:14px;}
}
@media screen and (max-width:767px ) {
.home_bg3{ padding:28px 0 25px 0;}
.home_bg3 .info{ padding:0 8%;}
}
@media screen and (max-width:374px ) {
.home_bg3 .title h1{ font-size:18px;}
.home_bg3 .info{ padding:0 8%;}
}
.home_bg4{ float:left; width:100%; background:#f8f8f8; padding:80px 0; position:relative;}
.home_bg4:after{ float:left; width:1px; height:60px; background:#c8c8c8; content:''; position:absolute; bottom:-30px; left:50%;display:none;}
.home_bg4 .slick-slide{ margin:0 75px;}
.home_bg4 .slick-prev{ width:60px; height:60px; background:url(../images/main11.png) center no-repeat; background-size:100% 100%; left:22.5%; margin-left:-30px; margin-top:-30px;}
.home_bg4 .slick-next{ width:60px; height:60px; background:url(../images/main12.png) center no-repeat; background-size:100% 100%; right:22.5%; margin-right:-30px;margin-top:-30px;}
.home_bg4 .slick-prev:hover{ background:url(../images/main11_1.png) center no-repeat; background-size:100% 100%;-webkit-transition: 1s ease;
-moz-transition: 1s ease;
-ms-transition: 1s ease;
-o-transition: 1s ease;
transition: 1s ease;}
.home_bg4 .slick-next:hover{ background:url(../images/main12_1.png) center no-repeat; background-size:100% 100%;-webkit-transition: 1s ease;
-moz-transition: 1s ease;
-ms-transition: 1s ease;
-o-transition: 1s ease;
transition: 1s ease;}
.home_bg4 .box{ float:left; width:100%; position:relative;}
.home_bg4 .box .img{ float:left; width:100%; line-height:0;opacity:0.4; filter:alpha(opacity=40);}
.home_bg4 .box .title{ float:left; width:100%; background:#18bc9c; position:absolute; left:0; bottom:-150px; z-index:6; text-align:center;}
.home_bg4 .box .title span{ display:inline-block; *display:inline; *zoom:1; color:#fff; font-size:20px; padding-left:43px; line-height:70px; }
.home_bg4 .box .bg{ float:left; width:100%; height:121px; background:url(../images/main15.png) center top repeat-x; position:absolute; left:0; bottom:-150px; z-index:3}
.home_bg4 .box .info{ float:left; width:52%; position:absolute; left:24%; top:50%; z-index:6; margin-top:-154px; background:url(../images/main14.png) center repeat; text-align:center; padding:17px; -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);-webkit-transition: all 1s ease-out 0s;
-moz-transition: all 1s ease-out 0s;
-o-transition: all 1s ease-out 0s;
transition: all 1s ease-out 0s;}
.home_bg4 .box .info .p1{ float:left; width:100%; position:relative; border:1px solid #fff; border:1px solid rgba(255,255,255,0.5); padding:36px 0;}
.home_bg4 .box .info h4{ float:left; width:100%; color:#fff; font-size:16px; line-height:28px;}
.home_bg4 .box .info .line{ float:left; width:100%; margin:11px 0;}
.home_bg4 .box .info .line span{ display:block; margin:0 auto; width:28px; height:2px; background:#fff;}
.home_bg4 .box .info p{ float:left; width:100%; color:#fff; font-size:14px; line-height:26px; height:78px; overflow:hidden;}
.home_bg4 .box .info h6{ float:left; width:25px; height:25px; background:url(../images/main13.png) center no-repeat; position:absolute; right:18px; bottom:20px;-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s; border:1px solid #fff; border:1px solid rgba(255,255,255,0.5);}
.home_bg4 .box .info h6:hover{ border-radius:50%;-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);}
.home_bg4 .slick-slide.slick-current .box .img{ opacity:1; filter:alpha(opacity=100);}
.home_bg4 .slick-slide.slick-current .box .title{ bottom:0;}
.home_bg4 .slick-slide.slick-current .box .bg{ bottom:0;}
.home_bg4 .slick-slide.slick-current .box .info{ -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
@media screen and (max-width:1660px ) {
.home_bg4 .slick-slide{ margin:0 40px;}
.home_bg4 .slick-prev{ width:40px; height:40px; left:18%; margin-left:-20px;margin-top:-20px;}
.home_bg4 .slick-next{ width:40px; height:40px; right:18%; margin-right:-20px;margin-top:-20px;}
}
@media screen and (max-width:1366px ) {
.home_bg4 .box .info{ margin-top:-135px;}
.home_bg4 .box .info .p1{ padding:26px 0;}
.home_bg4 .box .info .line{ margin:6px 0;}
.home_bg4 .box .info h6{ right:12px; bottom:12px;}
.home_bg4 .box .title span{ line-height:60px;}
}
@media screen and (max-width:1129px ) {
.home_bg4{ padding:40px 0;}
.home_bg4:after{ height:30px; bottom:-15px;}
.home_bg4 .slick-slide{ margin:0 20px;}
.home_bg4 .slick-prev{ width:26px; height:26px; left:10%; margin-left:-13px;margin-top:-13px;}
.home_bg4 .slick-next{ width:26px; height:26px; right:10%; margin-right:-13px;margin-top:-13px;}
.home_bg4 .box .info{ margin-top:-105px; padding:10px;}
.home_bg4 .box .info .p1{ padding:20px 0;}
.home_bg4 .box .info .line{ margin:6px 0;}
.home_bg4 .box .info p{ font-size:14px; line-height:22px; height:66px;}
.home_bg4 .box .info h6{ right:12px; bottom:12px;}
.home_bg4 .box .title span{ line-height:40px; font-size:16px; background-size:22px 22px !important; padding-left:28px;}
}
@media screen and (max-width:767px ) {
.home_bg4{ padding:25px 0;}
.home_bg4:after{ height:20px; bottom:-10px;}
.home_bg4 .slick-slide{ margin:0 3px;}
.home_bg4 .box .info{ margin-top:-53px; padding:6px;}
.home_bg4 .box .info .p1{ padding:10px 0;}
.home_bg4 .box .info p{ display:none;}
.home_bg4 .box .info h6{ display:none;}
.home_bg4 .box .info h4{ font-size:14px; line-height:22px;}
.home_bg4 .box .info .line{ margin:4px 0;}
.home_bg4 .slick-dots{ position:static; height:8px; margin-top:15px;}
.home_bg4 .slick-dots li{ width:8px; height:8px; background:#b1b1b1; border-radius:50%; overflow:hidden; text-indent:-999px; vertical-align:top;}
.home_bg4 .slick-dots li.slick-active{ background:#13698f;}
}
/*产å“和设备*/
.ul_2{ width:100%; float:left; margin-top:39px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.ul_2 li{ width:33.33%; float:left; padding:0 15px; margin-top:30px;}
.ul_2 li .zbox{ width:100%; float:left; border:solid 1px #e8e8e8;}
.ul_2 li .zbox .img,.ul_2 li .zbox .img img{ width:100%; float:left; position:relative; overflow:hidden;}
.ul_2 li .zbox .img .mb{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/case2.png); opacity:0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_2 li .zbox .img .btn{ width:56px; height:56px; position:absolute; left:50%; top:50%; margin:-28px 0 0 -28px; opacity:0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_2 li .zbox .text{ width:100%; float:left; background:#f5f5f5; padding:20px 10px 19px 10px; text-align:center;}
.ul_2 li .zbox .text .name{ width:100%; float:left; font-size:20px; color:#333; line-height:38px; letter-spacing:1px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_2 li .zbox .text .tab{ width:100%; float:left; font-size:14px; color:#666; line-height:32px; letter-spacing:1px; opacity:0.8;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_2 li .zbox:hover .text .name,.ul_2 li .zbox:hover .text .tab{ color:#23ac38;}
.ul_2 li .zbox:hover .img .mb{ opacity:1;}
.ul_2 li .zbox:hover .img .btn{ opacity:1;}
@media screen and (max-width:1023px) {
.ul_2{ margin-top:19px;}
.ul_2 li .zbox .text{ padding:16px 10px 15px 10px;}
.ul_2 li .zbox .text .name{ font-size:18px; line-height:30px; }
.ul_2 li .zbox .text .tab{ font-size:12px; line-height:26px;}
}
@media screen and (max-width:767px) {
.c_1570_5 .row{ margin:0 -5px;}
.ul_2{ margin-top:12px;}
.ul_2 li{ width:100%; margin-top:10px; padding:0 5px;}
.ul_2 li .zbox .text{ padding:10px 5px 9px 5px;}
.ul_2 li .zbox .text .name{ font-size:16px; line-height:24px; }
.ul_2 li .zbox .text .tab{ font-size:12px; line-height:20px;}
.ul_2 li .zbox .img .btn{ width:36px; height:36px; margin:-18px 0 0 -18px;}
}
/*活动与新闻*/
.slide_pic_3{ width:100%; float:left; margin-top:115px;}
.slide_pic_3 .li_hp{ width:100%; float:left; padding:0 15px;}
.slide_pic_3 .li_hp .img,.slide_pic_3 .li_hp .img img{ width:100%; float:left;}
.slide_pic_3 .li_hp .text{ width:100%; float:left; padding:28px 38px 33px 38px; text-align:center; background:#f7f7f7;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_3 .li_hp .text .title{ width:100%; float:left; position:relative; padding-bottom:6px; position:relative;}
.slide_pic_3 .li_hp .text .title:before{ content:''; width:77px; height:1px; background:#23ac38; position:absolute; left:50%; bottom:0; margin-left:-39px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_3 .li_hp .text .title h4{ width:100%; float:left; font-size:18px; color:#333; line-height:42px; letter-spacing:1px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_3 .li_hp .text .title h6{ width:100%; float:left; margin-top:8px; font-size:14px; color:#888; line-height:20px; letter-spacing:1px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_3 .li_hp .text .p{ width:100%; float:left; margin-top:21px; font-size:14px; color:#555; line-height:30px; letter-spacing:1px; height:120px; overflow:hidden;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_3 .li_hp:hover .text{ background:#39b44c;}
.slide_pic_3 .li_hp:hover .text .title h4,.slide_pic_3 .li_hp:hover .text .title h6,.slide_pic_3 .li_hp:hover .text .p{ color:white;}
.slide_pic_3 .li_hp:hover .text .title:before{ background:white; opacity:0.3;}
@media screen and (max-width:1023px) {
.slide_pic_3{ margin-top:65px;}
.slide_pic_3 .li_hp .text{ padding:18px 23px 20px 23px;}
.slide_pic_3 .li_hp .text .title h4{ font-size:16px; line-height:36px;}
.slide_pic_3 .li_hp .text .title h6{ margin-top:4px; font-size:12px; line-height:18px;}
.slide_pic_3 .li_hp .text .p{ margin-top:11px; font-size:12px; line-height:24px; height:96px;}
}
@media screen and (max-width:767px) {
.slide_pic_3{ margin-top:15px; padding-bottom:20px; position:relative;}
.slide_pic_3 .slick-dots {
position: absolute;
bottom: -0px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
overflow:hidden;
}
.slide_pic_3 .slick-dots li {
position: relative;
display: inline-block;
width: 6px;
height: 6px;
margin: 0 3px;
padding: 0;
cursor: pointer;
overflow:hidden;
background:#888;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_3 .slick-dots li button { display:none;}
.slide_pic_3 .slick-dots li.slick-active{
background:#23ac38;
}
.slide_pic_3 .li_hp{ padding:0 5px;}
.slide_pic_3 .li_hp .text{ padding:10px 13px 12px 13px;}
.slide_pic_3 .li_hp .text .title h4{ font-size:14px; line-height:26px;}
.slide_pic_3 .li_hp .text .title h6{ margin-top:2px; display:none;}
.slide_pic_3 .li_hp .text .p{ margin-top:6px; line-height:20px; height:58px;}
.slide_pic_3 .li_hp .text .title:before{ width:54px; margin-left:-27px;}
}
.ul_3{ width:100%; float:left; margin-top:10px;}
.ul_3 li{ width:100%; float:left; margin-top:30px; background:#f7f7f7; padding:31px 45px 30px 235px; position:relative;}
.ul_3 li .time{ width:186px; height:155px; position:absolute; left:0; top:30px; text-align:center; border-right:solid 1px #e0e0e0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_3 li .time h1{ width:100%; font-weight:bold; margin-top:28px; font-size:72px; color:#c2c2c2; line-height:69px; font-family:'NotoSansHans-Light','Microsoft YaHei'; letter-spacing:1px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_3 li .time h5{ width:100%; font-size:20px; color:#4c4c4c; line-height:31px; font-family:'NotoSansHans-Light','Microsoft YaHei'; letter-spacing:1px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_3 li .img,.ul_3 li .img img{ width:205px; height:154px; float:left; overflow:hidden;}
.ul_3 li .text{ margin-left:245px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_3 li .text .title{ width:100%; margin-top:31px; float:left; font-size:18px; color:#333; line-height:25px; letter-spacing:1px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_3 li .text .p{ width:100%; margin-top:16px; float:left; font-size:14px; color:#666; line-height:26px; height:52px; overflow:hidden; letter-spacing:1px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.ul_3 li:hover{ background:#23ac38;}
.ul_3 li:hover .time{ border-right-color:rgba(255,255,255,0.3);}
.ul_3 li:hover .time h1,.ul_3 li:hover .time h5,.ul_3 li:hover .text .title{ color:white;}
.ul_3 li:hover .text .p{ color:white; opacity:0.6;}
@media screen and (max-width:1023px) {
.ul_3 li{ margin-top:20px; padding:21px 35px 20px 205px;}
.ul_3 li .time{ width:166px; height:125px; top:20px;}
.ul_3 li .time h1{ margin-top:20px; font-size:42px; line-height:49px;}
.ul_3 li .time h5{ font-size:14px; line-height:26px;}
.ul_3 li .img,.ul_3 li .img img{ width:166px; height:125px;}
.ul_3 li .text{ margin-left:205px;}
.ul_3 li .text .title{ margin-top:21px; font-size:16px; line-height:23px;}
.ul_3 li .text .p{ margin-top:10px; font-size:12px; line-height:24px; height:48px;}
}
@media screen and (max-width:767px) {
.ul_3 li{ margin-top:10px; padding:11px 10px 10px 10px;}
.ul_3 li .time{ display:none;}
.ul_3 li .img,.ul_3 li .img img{ width:106px; height:80px;}
.ul_3 li .text{ margin-left:115px;}
.ul_3 li .text .title{ margin-top:9px; font-size:14px; line-height:20px;}
.ul_3 li .text .p{ margin-top:6px; line-height:20px; height:38px;}
}
/*案例详情*/
.c_1570_6{ width:100%; float:left; background:white; margin-top:-80px; padding:69px 30px 33px 30px; box-shadow:0 0 7px rgba(0,0,0,0.06); margin-bottom:81px;}
.c_1570_6 .content1{ width:100%; float:left; position:relative;}
.c_1570_6 .content1 .title{ width:100%; float:left; font-size:30px; color:#23ac38; line-height:42px; letter-spacing:1px; text-align:center;}
.slide_pic_4{ width:99%; padding:0 169px; float:left; position:relative; margin-top:51px; height:452px;}
.slide_pic_4 .slick-slide{ padding:81px 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.slide_pic_4 .img{ width:100%; float:left; padding:5px; background:white; border:solid 1px #dcdcdc;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
.slide_pic_4 .img span{ display:block; width:100%; float:left; background:black;}
.slide_pic_4 .img span img{ width:100%; float:left; opacity:0.7;}
.slide_pic_4 .slick-center{ z-index:5; position:relative;}
.slide_pic_4 .slick-center .img{ padding:10px;
transform: scale(1.4,1.4);
-ms-transform: scale(1.4,1.4);
-webkit-transform: scale(1.4,1.4);
-o-transform: scale(1.4,1.4);
-moz-transform: scale(1.4,1.4);}
.slide_pic_4 .slick-center .img span img{ opacity:1;}
.slide_pic_4 .slick-prev,.slide_pic_4 .slick-next {
position: absolute;
left: 50%;
top: 50%;
margin-left:-478px;
display: block;
width: 36px;
height: 68px;
margin-top:-34px;
background:url(../images/hyyy2.png) no-repeat left center; background-size:auto 68px;
opacity:0.5;
}
.slide_pic_4 .slick-next {
left: auto;
right: 50%;
margin-right:-478px;
background-position:right center;
}
.slide_pic_4 .slick-prev:hover,
.slide_pic_4 .slick-next:hover{ opacity:1;filter:alpha(opacity=100);}
@media screen and (max-width:1800px) {
.slide_pic_4{ height:auto;}
.slide_pic_4 .slick-prev,.slide_pic_4 .slick-next {
margin-left:-338px;
margin-top:-34px;
}
.slide_pic_4 .slick-next {
margin-right:-338px;
}
}
@media screen and (max-width:1366px) {
.slide_pic_4{ padding:0 69px; margin-top:21px;}
}
@media screen and (max-width:1199px) {
.slide_pic_4 .slick-slide{ padding:50px 0;}
.slide_pic_4 .slick-prev{margin-left:-378px;}
.slide_pic_4 .slick-next{margin-right:-378px;}
}
@media screen and (max-width:1023px) {
.c_1570_6{ margin-top:-40px; padding:39px 20px 23px 20px; margin-bottom:41px;}
.c_1570_6 .content1 .title{ font-size:20px; line-height:32px;}
.slide_pic_4{ padding:0 39px; margin-top:11px;}
.slide_pic_4 .slick-slide{ padding:20px 0;}
.slide_pic_4 .slick-center .img{ padding:6px;
transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);}
.slide_pic_4 .slick-prev{margin-left:-260px;}
.slide_pic_4 .slick-next{margin-right:-260px;}
}
@media screen and (max-width:767px) {
.c_1570_6{ margin-top:-20px; padding:19px 10px 13px 10px; margin-bottom:21px;}
.c_1570_6 .content1 .title{ font-size:16px; line-height:24px;}
.slide_pic_4{ padding:0 0; margin-top:6px;}
.slide_pic_4 .slick-slide{ padding:25px 0;}
.slide_pic_4 .img{ padding:5px;}
.c_1570_6 .content1 .title{ margin-top:12px; font-size:16px; line-height:26px; padding:0 10px 8px 10px;}
.slide_pic_4{ margin-top:10px;}
.slide_pic_4 .slick-prev{ left:10px; margin-left:0;}
.slide_pic_4 .slick-next{ right:10px; margin-right:0;}
.slide_pic_4 .slick-prev,.slide_pic_4 .slick-next{ width:22px; height:42px; background-size:auto 42px; margin-top:-21px;}
}
.c_1570_6 .content2{ width:100%; padding:0 180px; float:left; margin-top:53px;}
.c_1570_6 .content2 .p{ width:100%; float:left; font-size:14px; color:#333; line-height:30px;}
@media screen and (max-width:1366px) {
.c_1570_6 .content2{ padding:0 80px;}
}
@media screen and (max-width:1023px) {
.c_1570_6 .content2{ margin-top:24px; padding-top:25px;}
.c_1570_6 .content2 .p{ line-height:26px;}
.c_1570_6 .content2{ padding:0 40px;}
}
@media screen and (max-width:767px) {
.c_1570_6 .content2{ margin-top:14px; padding-top:15px;}
.c_1570_6 .content2 .p{ font-size:12px; line-height:22px;}
.c_1570_6 .content2{ padding:0 10px;}
}
.c_1570_6 .content3{ width:100%; float:left; margin-top:40px; padding:24px 0 0 0; border-top:solid 1px #e5e5e5;}
.c_1570_6 .content3 h5{ width:50%; float:left; padding-top:18px; font-size:14px; color:#333; line-height:37px;}
.c_1570_6 .content3 h5 a{ display:inline-block; vertical-align:top; max-width:80%; color:#333;}
.c_1570_6 .content3 h5:hover a,.c_1570_6 .content3 h5:hover{ color:#23ac38;}
.c_1570_6 .content3 h5.right{ text-align:right;}
@media screen and (max-width:1023px) {
.c_1570_6 .content3{ margin-top:12px; padding:16px 0 0 0;}
.c_1570_6 .content3 h5{ padding-top:12px; line-height:33px;}
.c_1570_6 .content3 h5 a{}
}
@media screen and (max-width:767px) {
.c_1570_6 .content3{ margin-top:8px; padding:10px 0 0 0; border-top:solid 1px #e5e5e5;}
.c_1570_6 .content3 h5{ width:100%; padding-top:0px; border-top:0; font-size:12px; line-height:25px;}
.c_1570_6 .content3 h5 a{ max-width:82%;}
.c_1570_6 .content3 h5.right{ text-align:left;}
}
/*新闻详情*/
.c_1570_6 .content4{ width:100%; float:left;}
.c_1570_6 .content4 .title{ width:100%; float:left; padding-bottom:36px; border-bottom:solid 1px #e5e5e5; padding-right:148px; position:relative; text-align:center;}
.c_1570_6 .content4 .title h3{ width:100%; float:left; font-size:30px; color:#23ac38; line-height:41px; letter-spacing:1px;}
.c_1570_6 .content4 .title h6{ width:100%; float:left; margin-top:10px; font-size:14px; color:#979797; line-height:18px; font-family:'NotoSansHans-Light','Microsoft YaHei'; letter-spacing:1px;}
.c_1570_6 .content4 .title .return{ position:absolute; right:32px; top:9px; display:block; width:117px; height:48px; line-height:48px; background:#eee; font-size:16px; color:#888; letter-spacing:1px;}
.c_1570_6 .content4 .title .return:hover{ background:#23ac38; color:white;}
.c_1570_6 .content4 .p{ width:100%; float:left; margin-top:30px; font-size:16px; color:#555; line-height:36px; letter-spacing:1px; text-indent:2em;}
.c_1570_6 .content4 .p img{ margin:40px 0 20px 0;}
.c_1570_6 .content3_b h5{ font-size:16px;}
@media screen and (max-width:1023px) {
.c_1570_6 .content4 .title{ padding-bottom:26px; padding-right:108px;}
.c_1570_6 .content4 .title h3{ font-size:20px; line-height:31px;}
.c_1570_6 .content4 .title h6{ margin-top:6px; font-size:12px; line-height:16px;}
.c_1570_6 .content4 .title .return{ right:12px; top:5px; width:100px; height:40px; line-height:40px; font-size:14px;}
.c_1570_6 .content4 .p{ margin-top:20px; font-size:14px; line-height:30px;}
.c_1570_6 .content4 .p img{ margin:20px 0 10px 0;}
.c_1570_6 .content3_b h5{ font-size:14px;}
}
@media screen and (max-width:767px) {
.c_1570_6 .content4 .title{ padding-bottom:16px; padding-right:0;}
.c_1570_6 .content4 .title h3{ font-size:16px; line-height:24px;}
.c_1570_6 .content4 .title h6{ width:auto; margin-top:4px; line-height:36px;}
.c_1570_6 .content4 .title .return{ float:right; position:relative; right:auto; top:auto; margin-top:4px; width:100px; height:36px; line-height:36px; font-size:12px;}
.c_1570_6 .content4 .p{ margin-top:12px; font-size:12px; line-height:24px;}
.c_1570_6 .content4 .p img{ margin:10px 0 6px 0;}
.c_1570_6 .content3_b h5{ font-size:12px;}
}
/*业务范围*/
.tit_3{ width:100%; float:left; text-align:center;}
.tit_3 h4{ width:100%; float:left; font-size:30px; color:#23ac38; line-height:42px; letter-spacing:1px;}
.tit_3 h5{ width:100%; float:left; font-size:14px; color:#999; line-height:24px; text-transform:uppercase; letter-spacing:1px;font-family:'NotoSansHans-Light','Microsoft YaHei';}
.c_1570_1_p{ padding:68px 0 80px 0;}
.c_1570_1_p .slide_pic_1{ margin-top:53px; padding-bottom:77px;}
@media screen and (max-width:1023px) {
.c_1570_1_p{ padding:38px 0 40px 0;}
.c_1570_1_p .slide_pic_1{ margin-top:13px; padding-bottom:47px;}
.tit_3 h4{ font-size:20px; line-height:32px;}
.tit_3 h5{ font-size:12px; line-height:20px;}
}
@media screen and (max-width:767px) {
.c_1570_1_p{ padding:18px 0 20px 0;}
.c_1570_1_p .slide_pic_1{ margin-top:8px; padding-bottom:27px;}
.tit_3 h4{ font-size:16px; line-height:27px;}
}
.zbg2{ background:#f5f5f5;}
.ul_4{ width:100%; float:left; margin-top:3px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.ul_4 li{ width:50%; float:left; margin-top:30px; padding:0 15px;}
.ul_4 li .zbox{ width:100%; float:left; position:relative;}
.ul_4 li .zbox img{ width:100%; float:left;}
.ul_4 li .zbox .mb{ width:100%; height:135px; position:absolute; left:0; bottom:0; background:url(../images/ywfw3.png) no-repeat center center; background-size:100% 100%;}
.ul_4 li .zbox .title{ width:100%; text-align:center; position:absolute; left:0; bottom:0; font-size:18px; color:white; line-height:57px; letter-spacing:1px;}
.c_1570_5 .tit_3{ margin-top:75px;}
@media screen and (max-width:1023px) {
.c_1570_5 .tit_3{ margin-top:45px;}
.ul_4 li .zbox .mb{ height:95px;}
.ul_4 li .zbox .title{ font-size:16px; line-height:37px;}
}
@media screen and (max-width:767px) {
.c_1570_5 .tit_3{ margin-top:25px;}
.ul_4 li .zbox .mb{ height:75px;}
.ul_4 li .zbox .title{ font-size:14px; line-height:30px;}
.ul_4 li{ margin-top:10px; padding:0 5px; width:100%;}
}
/*产å“详情*/
.c_1570_7{ width:100%; float: left; padding:80px 0;}
.c_1570_7 .content1{ width:100%; float:left;}
.c_1570_7 .content1 .slide_pic_5{ width:40.764%; float:left; position:relative; border:solid 1px #e2e2e2;}
.c_1570_7 .content1 .slide_pic_5 img{ width:100%; float: left;}
.c_1570_7 .content1 .slide_pic_5 .slick-prev,.c_1570_7 .content1 .slide_pic_5 .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
left: 0;
top: 50%;
display: block;
width: 23px;
height: 39px;
margin-top:-20px;
background:url(../images/case9.jpg) no-repeat left center;
}
.c_1570_7 .content1 .slide_pic_5 .slick-next {
left: auto;
right: 0; background-position:right center;
}
.c_1570_7 .content1 .slide_pic_5 .slick-prev:hover,
.c_1570_7 .content1 .slide_pic_5 .slick-next:hover{ background-image:url(../images/case9_h.jpg);}
.c_1570_7 .content1 .text{ width:54%; float:right; margin-right:1.9%;}
.c_1570_7 .content1 .text .title{ width:100%; float:left; margin-top:13px; padding-bottom:21px; border-bottom:solid 1px #e0e0e0;}
.c_1570_7 .content1 .text .title h3{ width:100%; font-weight:bold; font-size:24px; color:#333; line-height:36px; letter-spacing:1px;}
.c_1570_7 .content1 .text .title h5{ width:100%; font-size:14px; color:#23ac38; line-height:28px; letter-spacing:1px;}
.c_1570_7 .content1 .text .p{ width:100%; float:left; padding:23px 0 35px 0; font-size:16px; color:#757575; line-height:48px; min-height:298px;}
.c_1570_7 .content1 .text .p strong{ color:#333;}
.c_1570_7 .content1 .text .btn{ width:100%; float:left; border-top:solid 1px #e0e0e0; padding-top:26px;}
.c_1570_7 .content1 .text .btn .btn_l{ float:left; display:block; width:185px; height:40px; line-height:40px; text-align:center; color:white; background:#23ac38; font-size:16px; letter-spacing:1px;}
.c_1570_7 .content1 .text .btn .btn_l:hover{ background:#044178;}
.c_1570_7 .content1 .text .btn .btn_r{ float:right;}
.c_1570_7 .content1 .text .btn .btn_r span{ display:block; float:left;}
.c_1570_7 .content1 .text .btn .btn_r .bdsharebuttonbox{ float:left;}
.c_1570_7 .content1 .text .btn .btn_r .bdsharebuttonbox a{ display:block; float:left; margin:0; font-size:16px; color:#666; background:none; line-height:40px; padding:0;}
.c_1570_7 .content1 .text .btn .btn_r .bdsharebuttonbox a img{ vertical-align:middle; margin:-3px 0 0 0; width:40px;}
.c_1570_7 .content3{ width:100%; float:left; border-top:solid 1px #e0e0e0;}
.c_1570_7 .content3 .fy{ width:50%; float:left; font-size:14px; color:#666; line-height:50px;}
.c_1570_7 .content3 .fy a{ color:#666;}
.c_1570_7 .content3 .fy_right{ text-align:right;}
.c_1570_7 .content3 .fy:hover{ color:#23ac38;}
.c_1570_7 .content3 .fy:hover a{ color:#23ac38;}
.c_1570_7 .content2{ float:left; width:100%; margin-top:40px; border:solid 1px #e0e0e0; padding:0 30px;}
.c_1570_7 .content2 .hd{ margin:0 -30px;}
.c_1570_7 .content2 .hd ul{ width:100%; float:left; border-bottom:solid 1px #e0e0e0;}
.c_1570_7 .content2 .hd ul li{ float:left; width:108px; height:59px; line-height:59px; text-align:center; font-size:14px; color:#757575; cursor:pointer; position:relative; border-right:solid 1px #e0e0e0;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.c_1570_7 .content2 .hd ul li.on{ background: #23ac38; color:white;}
.c_1570_7 .content2 .bd{ width:100%; float:left;}
.c_1570_7 .content2 .bd ul{ width:100%; float:left; margin-top:23px;}
.c_1570_7 .content2 .bd ul .p{ width:100%; float:left; font-size:14px; color:#333; line-height:28px; letter-spacing:1px; padding-bottom:20px;}
.c_1570_7 .content2 .bd ul .img{ text-align:center; width:100%; float:left; margin:16px auto 0 auto;}
@media screen and (max-width:1366px){
.c_1570_7 .content1 .text .p{ min-height:0;}
}
@media screen and (max-width:1023px){
.c_1570_7{ padding:40px 0;}
.c_1570_7 .content1 .text{ width:56%; margin-right:0%;}
.c_1570_7 .content1 .text .title{ margin-top:8px; padding-bottom:11px;}
.c_1570_7 .content1 .text .title h3{ font-size:18px; line-height:26px;}
.c_1570_7 .content1 .text .title h5{ font-size:12px; line-height:22px;}
.c_1570_7 .content1 .text .p{ padding:13px 0 25px 0; font-size:14px; line-height:38px;}
.c_1570_7 .content1 .text .btn{ padding-top:16px;}
.c_1570_7 .content1 .text .btn .btn_l{ width:135px; height:32px; line-height:32px; font-size:14px;}
.c_1570_7 .content1 .text .btn .btn_r .bdsharebuttonbox a{ font-size:14px; line-height:32px;}
.c_1570_7 .content1 .text .btn .btn_r .bdsharebuttonbox a img{ width:30px;}
.c_1570_7 .content3 .fy{ font-size:12px; line-height:40px;}
.c_1570_7 .content2{ margin-top:20px; padding:0 20px;}
.c_1570_7 .content2 .hd{ margin:0 -20px;}
.c_1570_7 .content2 .hd ul li{ width:98px; height:49px; line-height:49px; font-size:12px;}
.c_1570_7 .content2 .bd ul{ margin-top:13px;}
.c_1570_7 .content2 .bd ul .p{ font-size:12px; line-height:23px; padding-bottom:13px;}
.c_1570_7 .content2 .bd ul .img{ margin:10px auto 0 auto;}
}
@media screen and (max-width:767px){
.c_1570_7 .content1 .slide_pic_5{ width:100%;}
.c_1570_7{ padding:20px 0;}
.c_1570_7 .content1 .text{ width:100%; margin-top:10px;}
.c_1570_7 .content1 .text .title{ margin-top:4px; padding-bottom:6px;}
.c_1570_7 .content1 .text .title h3{ font-size:14px; line-height:22px;}
.c_1570_7 .content1 .text .title h5{ line-height:18px;}
.c_1570_7 .content1 .text .p{ padding:8px 0 15px 0; font-size:12px; line-height:24px;}
.c_1570_7 .content1 .text .btn{ padding-top:10px;}
.c_1570_7 .content1 .text .btn .btn_l{ width:95px; height:34px; line-height:34px; font-size:13px;}
.c_1570_7 .content1 .text .btn .btn_r .bdsharebuttonbox a{ font-size:12px; line-height:32px;}
.c_1570_7 .content1 .text .btn .btn_r .bdsharebuttonbox a img{ width:20px;}
.c_1570_7 .content2{ margin-top:10px; padding:0 10px;}
.c_1570_7 .content2 .hd{ margin:0 -10px;}
.c_1570_7 .content2 .hd ul li{ width:90px; height:39px; line-height:39px;}
.c_1570_7 .content2 .bd ul{ margin-top:8px;}
.c_1570_7 .content2 .bd ul .p{ line-height:19px;}
.c_1570_7 .content2 .bd ul .img{ margin:6px auto 0 auto;}
.c_1570_7 .content3{ padding:5px 0;}
.c_1570_7 .content3 .fy{ line-height:20px; width:100%;}
.c_1570_7 .content3 .fy_right{ text-align:left;}
}
/*关于我们*/
.c_1570_8{ width:100%; float:left; padding:19px 0 20px 0; }
.c_1570_8 .logo1{ width:100%; height:52px; float:left;}
.c_1570_8 .logo1 img{ height:100%;}
.c_1570_8 .title{ width:100%; float:left; margin-top:23px; font-size:24px; color:#333333; line-height:34px;text-align:center;font-weight:100;}
.c_1570_8 .p{ width:100%; float:left; margin-top:30px; font-size:14px; color:#252525; line-height:30px; padding:0 195px;font-weight:100;}
.c_1570_8 ul{ width:100%; float:left; margin-top:32px;}
.c_1570_8 ul li{ width:20%; float:left;}
.c_1570_8 ul li .ico{ display:inline-block; width:150px; height:150px; border:solid 1px #91d59b; overflow:hidden;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;}
.c_1570_8 ul li .ico img{ width:100%; float:left;}
.c_1570_8 ul li h5{ width:100%; margin-top:25px; font-size:16px; color:#333; line-height:24px; letter-spacing:1px;}
.c_1570_8 ul li:hover .ico{ border-color:#23ac38;}
.c_1570_8 ul li:hover h5{ color:#23ac38;}
@media screen and (max-width:1366px){
.c_1570_8 .p{ padding:0 95px;}
}
@media screen and (max-width:1023px){
.c_1570_8{ padding:39px 0 44px 0;}
.c_1570_8 .logo1{ height:42px;}
.c_1570_8 .title{ margin-top:13px; font-size:18px; line-height:28px;}
.c_1570_8 .p{ margin-top:20px; font-size:14px; line-height:24px; padding:0 55px;}
.c_1570_8 ul{ margin-top:22px;}
.c_1570_8 ul li .ico{ width:120px; height:120px; }
.c_1570_8 ul li h5{ margin-top:15px; font-size:14px; line-height:20px;}
}
@media screen and (max-width:767px){
.pz_SideLayer_1 li{ float:left;}
.c_1570_8{ padding:19px 0 24px 0;}
.c_1570_8 .logo1{ height:32px;}
.c_1570_8 .title{ margin-top:8px; font-size:16px; line-height:24px;}
.c_1570_8 .p{ margin-top:10px; font-size:12px; line-height:22px; padding:0 15px;}
.c_1570_8 ul{ margin-top:-5px;}
.c_1570_8 ul li{ width:33.33%; margin-top:10px;}
.c_1570_8 ul li .ico{ width:80px; height:80px; }
.c_1570_8 ul li h5{ margin-top:8px; font-size:12px; line-height:18px;}
}
.c_1570_9{ width:100%; float:left; padding:74px 0 0 0;}
.c_1570_9 .p{ width:100%; float:left; text-align:center; margin-top:19px; font-size:16px; color:#333; line-height:30px;}
.c_1570_9 ul{ width:100%; float:left; margin-top:32px;}
.c_1570_9 ul li{ width:25%; float:left; height:132px; background:#23ac38; text-align:center; padding:35px 0 0 0;}
.c_1570_9 ul li .ico{ display:inline-block; width:63px; height:63px; vertical-align:top;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.c_1570_9 ul li .ico img{ width:100%; float:left;}
.c_1570_9 ul li .c_100{ width:100px; display:inline-block; margin-left:11px; margin-top:10px; text-align:left; vertical-align:top;}
.c_1570_9 ul li .c_100 h4{ width:100%; font-size:18px; color:white; line-height:25px; font-weight:bold;}
.c_1570_9 ul li .c_100 h5{ width:100%; font-size:14px; color:white; line-height:18px; font-family:'NotoSansHans-Light','Microsoft YaHei'; text-transform:uppercase;}
.c_1570_9 ul li.l1{ background:#2dbb43;}
.c_1570_9 ul li:hover .ico{ margin-right:10px;}
@media screen and (max-width:1023px){
.c_1570_9{ padding:44px 0 0 0;}
.c_1570_9 .p{ margin-top:14px; font-size:14px; line-height:24px;}
.c_1570_9 ul{ margin-top:22px;}
.c_1570_9 ul li{ height:92px; padding:25px 0 0 0;}
.c_1570_9 ul li .ico{ width:43px; height:43px;}
.c_1570_9 ul li .c_100{ margin-left:6px; margin-top:5px;}
.c_1570_9 ul li .c_100 h4{ font-size:16px; line-height:23px;}
.c_1570_9 ul li .c_100 h5{ font-size:12px; line-height:16px;}
}
@media screen and (max-width:767px){
.c_1570_9{ padding:24px 0 0 0;}
.c_1570_9 .p{ margin-top:8px; font-size:12px; line-height:20px;}
.c_1570_9 ul{ margin-top:12px;}
.c_1570_9 ul li{ width:50%; height:82px; padding:15px 0 0 0;}
.c_1570_9 ul li .ico{ width:33px; height:33px;}
.c_1570_9 ul li .c_100{ width:80px; margin-left:5px; margin-top:3px;}
.c_1570_9 ul li .c_100 h4{ font-size:14px; line-height:21px;}
.c_1570_9 ul li .c_100 h5{ line-height:14px;}
}
.c_1570_10{ width:100%; float:left; padding:75px 0 80px 0;}
.c_1570_10 ul{ width:100%; float:left; margin-top:4px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.c_1570_10 ul li{ width:20%; float:left; margin-top:30px; padding:0 15px;}
.c_1570_10 ul li .zbox{ width:100%; float:left; position:relative;}
.c_1570_10 ul li .zbox img{ width:100%; float:left;}
.c_1570_10 ul li .zbox .name{ width:100%; position:absolute; left:0; bottom:0; text-align:center; font-size:18px; color:white; line-height:46px; letter-spacing:1px; opacity:0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.c_1570_10 ul li .zbox .name span{ display:inline-block; margin-left:15px; width:81px; height:20px; vertical-align:middle; text-align:center; color:white; background:#23ac38; font-size:14px; line-height:20px; margin-top:-3px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;}
.c_1570_10 ul li .zbox .mb{ width:100%; height:185px; position:absolute; left:0; bottom:0; background:url(../images/about12.png) no-repeat center center; background-size:100% 100%; opacity:0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.c_1570_10 ul li .zbox:hover .name,.c_1570_10 ul li .zbox:hover .mb{ opacity:1;}
@media screen and (max-width:1023px){
.c_1570_10{ padding:35px 0 40px 0;}
.c_1570_10 ul li{ width:50%;}
.c_1570_10 ul li .zbox .name{ font-size:16px; line-height:36px;}
.c_1570_10 ul li .zbox .name span{ margin-left:10px; width:80px; font-size:12px;}
.c_1570_10 ul li .zbox .mb{ height:135px;}
}
@media screen and (max-width:767px){
.c_1570_10{ padding:15px 0 20px 0;}
.c_1570_10 ul li{ width:50%; padding:0 5px; margin-top:10px;}
.c_1570_10 .row{ margin:0 -5px;}
.c_1570_10 ul li .zbox .name{ font-size:14px; line-height:32px; opacity:1;}
.c_1570_10 ul li .zbox .name span{ margin-left:5px; width:70px; height:18px; line-height:18px;}
.c_1570_10 ul li .zbox .mb{ height:95px; opacity:1;}
}
/* 分页 */
.d_0100_fy{ float:left; width:100%; text-align:center; margin-top:60px;}
.pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}
.pz_fy1 a {display:block; float:left; width:38px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 8px;
-webkit-border-radius:18px;
-khtml-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;}
.pz_fy1 a:hover,.pz_fy1 a.on{color: #fff; border:1px solid #23ac38; background:#23ac38; text-decoration:none;}
.pz_fy1 a.prve{ background:url(../images/sprve_fy.png) no-repeat center; width:100px;}
.pz_fy1 a.prve:hover,
.pz_fy1 a.prve.on{ background:url(../images/sprve_fy_h.png) no-repeat center #23ac38; border:1px solid #23ac38;}
.pz_fy1 a.next{ background:url(../images/snext_fy.png) no-repeat center; width:100px;}
.pz_fy1 a.next:hover,
.pz_fy1 a.next.on{ background:url(../images/snext_fy_h.png) no-repeat center #23ac38; border:1px solid #23ac38;}
.fy_phone{ display:none;}
@media screen and (max-width:1023px){
.d_0100_fy{ margin-top:30px;}
}
@media screen and (max-width:767px){
.d_0100_fy{ margin-top:15px;}
.pz_fy1{ display:none;}
.fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;}
.fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px;
-webkit-border-radius:18px;
-khtml-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;}
.fy_phone a.prve{ background:url(http://www.eurocoustic.net/skin/images/prve_fy.png) no-repeat center;}
.fy_phone a.next{ background:url(http://www.eurocoustic.net/skin/images/next_fy.png) no-repeat center;}
.fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;}
}
.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#23ac38;}
.sitemap li .font16{ font-size:16px; /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px; color:#999}
.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;font-weight:100;}
@font-face {
font-family: 'OPENSANS-REGULAR';
src: url('fonts/OPENSANS-REGULAR.eot');
src: local('☺'), url('http://www.eurocoustic.net/skin/css/fonts/OPENSANS-REGULAR.woff') format('woff'), url('fonts/OPENSANS-REGULAR.ttf') format('truetype'), url('http://www.eurocoustic.net/skin/css/fonts/OPENSANS-REGULAR.svg#webfontHIqteXlE') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NotoSansHans-Light';
font-display: swap;
src: url('fonts/NotoSansHans-Light.eot'); /* IE9*/
src: url('fonts/NotoSansHans-Light.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/NotoSansHans-Light.woff2') format('woff2'),
url('fonts/NotoSansHans-Light.woff') format('woff'), /* chromeã€firefox */
url('fonts/NotoSansHans-Light.ttf') format('truetype'), /* chromeã€firefoxã€operaã€Safari, Android, iOS 4.2+*/
url('http://www.eurocoustic.net/skin/css/fonts/NotoSansHans-Light.svg') format('svg'); /* iOS 4.1- */
font-weight: 100;
}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}
/*首页产å“ä¸å¿ƒ*/
.section2{ width:100%; background:url(../images/main4.jpg) center no-repeat; background-size:100% 100%; padding:55px 0; overflow:hidden;}
.homePor{ float:left; width:70.21%;}
.homePor .l1{ float:left; width:33.33%; padding-right:48px;}
.homePor .la{ float:left; width:100%; position:relative;}
.homePor .img1{ float:left; width:100%; line-height:0; overflow:hidden;}
.homePor .img1 img{
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.homePor .la:hover .img1 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.homePor .info{ float:left; width:95%; height:97.5%; margin:2.5%; position:absolute; left:0; top:0; background:url(../images/main5.png) center repeat; padding:0 12.83%;}
.homePor .tit1{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; text-decoration:none; margin-top:90%;text-align:center;}
.homePor .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; text-decoration:underline; text-transform:uppercase;}
.homePor .p1{ float:left; width:100%; color:#fff; font-size:14px; line-height:30px; height:90px; overflow:hidden; margin:16% 0 15% 0;}
.homePor .more{ float:left; width:100%; height:30px; background:url(../images/main6.png) left center no-repeat;}
.homePor .la:hover .more{ background:url(../images/main7.png) left center no-repeat;position:absolute;left:45%;top:50%;}
.homePor .slick-prev,
.homePor .slick-next{ width:22px; height:22px; background:url(../images/main8.png) left center no-repeat; background-size:auto 100%; left:auto; right:7px; top:auto; bottom:33px;}
.homePor .slick-next{ bottom:1px; right:7px; background:url(../images/main8.png) right center no-repeat; background-size:auto 100%}
.homePor .slick-prev:hover{ background:url(../images/main9.png) left center no-repeat; background-size:auto 100%}
.homePor .slick-next:hover{ background:url(../images/main9.png) right center no-repeat; background-size:auto 100%}
.homeTit{ float:left; width:240px; margin-top:3.5%; position:relative; z-index:8;}
.homeTit .en1{ float:left; width:100%; color:rgb(51, 51, 51); font-size:30px; line-height:30px; font-family:'NotoSansHans-Light','Microsoft YaHei'; text-transform:uppercase;}
.homeTit .en2{ float:left; width:100%; color:rgb(51, 51, 51); font-size:39px; line-height:39px; font-family:'NotoSansHans-Light','Microsoft YaHei'; text-transform:uppercase; font-weight:bold;}
.homeTit .p1{ float:left; width:100%; color:#5f5f5f; font-size:16px; line-height:26px; margin:10px 0 28px 0;}
.homeTit .p2{ float:left; width:100%;}
.homeTit .p2 span{ float:left; background:rgb(51, 51, 51); width:89px; height:87px; text-align:center; color:#fff; font-size:24px; line-height:29px; padding-top:14px;}
.homeTit .p3{ float:left; width:100%; color:#878787; font-size:16px; line-height:36px; margin:28px 0 50px 0;}
.homeTit .more{ float:left; width:100%;}
.homeTit .more a{ float:left; padding:6px; border:2px solid #18bc9c; color:#fff; font-size:12px; position:relative;background:#18bc9c;}
.homeTit .more a::after{ float:left; width:19px; height:0px; position:absolute; right:0; bottom:6px; content:''; background:#004a99;}
.homeTit .more a:hover{ background:#fff; color:#18bc9c;}
.homeTit .more a:hover::after{ background:#fff;}
.titRight{ float:right; text-align:right;}
.titRight .p2 span{ float:right;}
.titRight .more a{ float:right;}
@media screen and (max-width:1429px ) {
.homePor{ width:74%;}
.homePor .ul1{ padding-right:10px;}
.homePor .l1{ padding-right:24px;}
.homePor .info{ padding:0 12px;}
.homePor .p1{ line-height:26px;}
.homePor .slick-prev,
.homePor .slick-next{ left:auto; right:0;}
.homePor .slick-next{ right:0;}
.homeTit{ width:220px; margin-top:3.5%;}
.homeTit .en1{ font-size:20px; line-height:20px;}
.homeTit .en2{ font-size:26px; line-height:26px;}
.homeTit .p1{ margin:6px 0 18px 0; font-size:14px; line-height:24px;}
.homeTit .p2 span{ width:60px; height:58px; font-size:16px; line-height:20px; padding-top:8px;}
.homeTit .p3{ font-size:14px; line-height:28px; margin:18px 0 33px 0;}
}
@media screen and (max-width:1024px ) {
.section2{ padding:0;}
.homePor{ width:70%;}
.homePor .tit1{ font-size:16px; line-height:26px;}
.homePor .tit2{ font-size:16px; line-height:26px;}
.homePor .p1{ font-size:13px; line-height:24px; height:72px;}
.homePor .more{ height:24px; background-size:24px 24px;}
.homePor .la:hover .more{ background-size:24px 24px;}
.homeTit .p3{ line-height:22px; margin:8px 0 16px 0;}
.homeTit .p1{ margin:3px 0 8px 0;}
}
@media screen and (max-width:767px ) {
.homePor{ width:100%; margin-top:20px;}
.homePor .l1{ padding:0 6px;}
.homePor .ul1{ padding:0;}
.homePor .slick-prev{ right:auto; left:6px; bottom:1px;}
.homePor .slick-next{ left:auto; right:6px;}
.homeTit{ width:100%; text-align:center; margin-top:6%;}
.homeTit .p1{ margin-bottom:0;}
.homeTit .p3,
.homeTit .p2,
.homeTit .more{ display:none;}
.homeTit .more a{ float:none; display:inline-block; margin:0 auto;}
}
.w_3_1{float: left; width: 100%; }
.w_3_1 h2{float: left; width: 100%; font-size: 28px; color: rgb(51, 51, 51); margin-top: 84px; line-height: 60px; text-align: center; position: relative;}
.w_3_1 h2::before{content: ""; width: 228px; height: 12px; background:url(http://www.eurocoustic.net/skin/images/bg03.png) no-repeat center; position: absolute; left: 0; top: 50%; margin-top:-6px; }
.w_3_1 h2::after{content: ""; width: 228px; height: 12px; background:url(http://www.eurocoustic.net/skin/images/bg03.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top:-6px; }
.w_3_1 span{float: left; display: block; width: 100%; line-height: 44px; color: #fcfdfd; font-size: 14px; padding-bottom: 59px; text-align: center;}
.w_0100_4 .w_2_3{float: left; width: 100%;}
.w_2 .w_2_3 a,
.w_0100_4 .w_2_3 a{display: block; width: 198px; height: 62px; line-height: 62px; margin: 0 auto; text-align: center; font-size: 16px; color: #262d3f; border: 1px solid #18bc9c; border-radius: 31px;}
.w_2 .w_2_3 a:hover,
.w_0100_4 .w_2_3 a:hover{background: #18bc9c; border: 1px solid #18bc9c; color: #fff;}
.w_0100_4 .w_3_1 h2{color: rgb(51, 51, 51);}
.w_0100_4 .w_3_1 span{color: #888;}
.w_0100_4{float: left; width: 100%; background: #;padding-bottom: 100px;}
.mas{ /*margin: 0 -12px;*/ margin: 0 -12px 0 -13px;}
.mas::after{content: "";display: block;clear: both;}
.masonry {float:left; width:100%; }
.box {float: left; width:33.333333%; padding:0 12px; margin-bottom: 24px;}
.box a{display: block;position: relative;background: #000;border:0px solid #aaa;overflow: hidden;}
.box a img{display: block;
-webkit-transition: all 0.6s ease-out 0.1s;
-moz-transition: all 0.6s ease-out 0.1s;
-ms-transition: all 0.6s ease-out 0.1s;
-o-transition: all 0.6s ease-out 0.1s;
transition: all 0.6s ease-out 0.1s;}
.box a > div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 20px;text-align: center;opacity: 0;
-webkit-transition: all 0.6s ease-out 0.1s;
-moz-transition: all 0.6s ease-out 0.1s;
-ms-transition: all 0.6s ease-out 0.1s;
-o-transition: all 0.6s ease-out 0.1s;
transition: all 0.6s ease-out 0.1s; }
.box a > div::before{content: "";display: block;position: relative;width: 100%;height: 100%;border: 1px solid #fff;opacity: 0.4;}
.box a > div div{position: absolute;left: 0;top: 50%;width: 100%;padding: 0 50px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.box a > div div h2{display: block;line-height: 30px;font-size: 24px;color: #fff;}
.box a > div div h2::after{content: "";display: block;margin: 10px auto 0 auto;width: 50px;height: 3px;background: #fff;opacity: 0.46;}
.box a > div div .span1{display: block;margin-top: 5px;line-height: 30px;height: 90px;overflow: hidden;font-size: 14px;color: #fff;}
.box a > div div .span2{display: block;margin: 29px auto 0 auto;width: 46px;height: 46px;border: 1px solid #fff;opacity: 0.6;line-height: 44px;font-size: 12px;color: #fff;font-family: 'NotoSansHans-Light','Microsoft YaHei';text-transform: uppercase;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;}
.box a:hover img{
opacity: 0.2;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.box a:hover > div{opacity: 1;}
.w_0100_4 .w_2_3{padding-top: 36px;}
@media screen and (max-width:1199px){
.w_3_1 h2{font-size: 28px; margin-top: 64px; line-height: 48px;}
.w_3_1 span{line-height: 40px;padding-bottom: 49px;}
.w_0100_4{padding-bottom: 80px;}
.box a > div{padding: 15px;}
.box a > div div{left: 0;top: 50%;width: 100%; padding: 0 30px;}
.box a > div div h2{display: block;line-height: 28px;font-size: 18px;color: #fff;}
.box a > div div .span1{margin-top: 5px;line-height: 25px;height: 75px;font-size: 12px;}
.box a > div div .span2{margin: 15px auto 0 auto;}
}
@media screen and (max-width:991px){
.w_3_1 h2{font-size: 24px; margin-top: 44px; line-height: 36px;}
.w_3_1 h2::before{width: 180px; left: 30px; top: 50%; margin-top:-6px; }
.w_3_1 h2::after{width: 180px; right: 30px; top: 50%; margin-top:-6px;}
.w_3_1 span{line-height: 30px; padding-bottom: 39px;}
.w_0100_4{padding-bottom: 60px;}
.w_3_1{float: left; width: 100%; position: relative;}
.w_3_1::before{ width: 150px; left: 10px; }
.w_3_1::after{ width: 150px; right:10px; }
.w_3_1 span{padding-bottom: 39px; }
.w_0100_4 .w_3_1 span{color: #888;}
.box a > div{padding: 10px;}
.box a > div div{left: 0;top: 50%;width: 100%; padding: 0 12px;}
.box a > div div h2{display: block;line-height:24px;font-size: 14px;color: #fff;}
.box a > div div .span1{line-height: 20px;height: 40px;font-size: 12px;}
.box a > div div .span2{margin: 10px auto 0 auto;}
.w_0100_4 .w_2_3{height: 120px; padding-top: 25px;}
.w_0100_4 .w_2_3 a{width: 168px; height: 52px; line-height: 52px;border-radius: 26px; }
}
@media screen and (max-width:767px){
.w_3_1 h2{font-size: 18px; margin-top: 24px; line-height: 30px;}
.w_3_1 h2::before{width: 80px; height: 8px; left: 5px; top: 50%; margin-top:-6px; }
.w_3_1 h2::after{width: 80px; height: 8px; right: 5px; top: 50%; margin-top:-6px;}
.w_3_1 span{line-height: 24px; font-size: 12px; margin-bottom: 29px; padding: 0 15px;}
.w_0100_4{padding-bottom: 20px;}
.w_3_1{float: left; width: 100%; position: relative;}
.w_3_1::before{ width: 60px; height: 12px; }
.w_3_1::after{ width: 60px; height: 12px; }
.w_3_1 span{line-height: 24px; font-size: 12px; padding-bottom: 29px; }
.mas{ margin: 0;}
.box {float: left; width:50%; padding:0 8px!important; margin-bottom: 10px!important;}
.box a > div{padding: 10px;}
.box a > div div{left: 0;top: 50%;width: 100%; padding: 0 12px;}
.box a > div div h2{display: block;line-height:24px;font-size: 14px;color: #fff;}
.box a > div div .span1{display: none;}
.box a > div div .span2{margin: 10px auto 0 auto;width: 40px;height: 40px;border: 1px solid #fff;opacity: 0.6;line-height: 38px;font-size: 12px;}
.w_0100_4 .w_2_3{height: 80px; padding-top: 25px;}
.w_0100_4 .w_2_3 a{width: 108px; height: 32px; line-height: 32px; font-size:12px; border-radius: 16px; }
}
.homeAboutBack{ background-color: #f7f7f7; float:left; width:100%;}
.homeAbout{ padding: 1.19% 0 5.35% 0; }
.homeAboutDown{ padding: 3.82% 10.12% 0 6.87%;}
.homeAboutDown .aboutLeft{ float: left; width: 50.8%;}
.homeAboutDown .aboutLeft .aboutLeftTit{ margin-top: 6.04%; padding: 11.02% 0 3.62% 7.85%; background: url("http://www.eurocoustic.net/images/main33.png") left center no-repeat; background-size:auto 100%; color: #555555; font-size: 30px; line-height:1.333; font-weight: bold; }
.homeAboutDown .aboutLeft .aboutLeftTit a{color: #555555;}
.homeAboutDown .aboutLeft .aboutLeftp{ height: 108px; color: #555555; font-size: 15px; line-height: 36px; overflow: hidden; padding-left: 7.85%;
text-overflow:ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.homeAboutDown .aboutLeft .aboutLeftCount{ padding-top: 5.74%;}
.homeAboutDown .aboutLeft .aboutLeftCount .countLi{ float: left; width: 33.3333%; padding-left: 7.85%;}
.homeAboutDown .aboutLeft .aboutLeftCount .countLi .big{ color: #18bc9c; font-size: 48px; font-weight: bold; line-height:1.208; }
.homeAboutDown .aboutLeft .aboutLeftCount .countLi .big .bigSpan{ font-size: 16px; margin-left: 10px; }
.homeAboutDown .aboutLeft .aboutLeftCount .countLi .countTit{ color: #555555; font-size: 15px; line-height: 22px;}
.homeAboutDown .aboutRight{ float: right; width: 46.81%; line-height: 0; overflow: hidden;}
.homeAboutDown .aboutRight .img5{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
transition: -webkit-transform 2s;
-ms-interpolation-mode:bicubic;
}
.homeAboutDown .aboutRight:hover .img5{
transform: scale(1.09,1.09);
-ms-transform: scale(1.09,1.09);
-webkit-transform: scale(1.09,1.09);
-o-transform: scale(1.09,1.09);
-moz-transform: scale(1.09,1.09);
}
@media screen and (max-width:1599px){
.homeAboutDown{ padding: 3.82% 0 0 0;}
}
@media screen and (max-width:1279px){
.homeAboutDown .aboutLeft .aboutLeftTit{ margin-top: 0; font-size: 24px; }
.homeAboutDown .aboutLeft .aboutLeftp{ height: 84px; font-size: 14px; line-height: 28px; }
.homeAboutDown .aboutLeft .aboutLeftCount .countLi .big{ font-size: 29px; }
.homeAboutDown .aboutLeft .aboutLeftCount .countLi .big .bigSpan{ font-size: 14px; }
.homeAboutDown .aboutLeft .aboutLeftCount .countLi .countTit{ font-size: 13px; }
}
@media screen and (max-width:991px){
.homeAboutDown .aboutRight{ float: left; width: 100%;}
.homeAboutDown .aboutLeft{ width: 100%;}
}
@media screen and (max-width:767px){
.homeAboutDown .aboutLeft .aboutLeftTit{ font-size: 18px; padding: 11.02% 0 3.62% 3.85%; }
.homeAboutDown .aboutLeft .aboutLeftp{ padding-left: 3.85%; }
.homeAboutDown .aboutLeft .aboutLeftCount .countLi{ padding-left: 3.85%;}
.homeAboutDown .aboutLeft .aboutLeftCount .countLi:nth-child(2){ padding-left: 0;}
.homeAboutDown .aboutLeft .aboutLeftCount .countLi .big{ font-size: 24px; }
.homeAboutDown .aboutLeft .aboutLeftCount .countLi .countTit{ font-size: 12px; }
.homeAboutDown .aboutLeft .aboutLeftCount .countLi .big .bigSpan{ margin-left: 3px; }
}
.specialContentEle{ width:100%; float:left; padding:89px 0 68px 0;background:url(../images/index12.jpg) no-repeat center center; background-size:cover; background-attachment: fixed; }
.specialTit h6{ font-size:24px; margin-top:18px; width:100%; line-height:32px; color:#333; opacity:0.5; float:left;}
.specialContentEle ul{ width:100%; float:left; margin-top:66px;}
.specialContentEle ul li{ width:16.66%; float:left;}
.specialContentEle ul li a{ width:100%; display:block; float:left; padding-bottom:61.3636%; position:relative; overflow:hidden;}
.specialContentEle ul li img{ width:100%; position:absolute; left:0; top:0;}
@media screen and (max-width:1365px) {
.specialTit h6{ font-size:20px;}
}
@media screen and (max-width:1199px) {
.specialContentEle{ padding:69px 0 48px 0;}
.specialTit h6{ font-size:18px; margin-top:12px;}
.specialContentEle ul{ margin-top:46px;}
}
@media screen and (max-width:991px) {
.specialContentEle{ padding:49px 0 28px 0;}
.specialTit h6{ font-size:16px; margin-top:8px; line-height:28px; padding:0 10px;}
.specialContentEle ul{ margin-top:26px;}
}
@media screen and (max-width:767px) {
.specialContentEle{ padding:29px 0 18px 0;}
.specialTit h6{ font-size:14px; margin-top:6px; line-height:24px;}
.specialContentEle ul{ margin-top:16px;}
}
.index5{padding:0 0 100px 0;float:left; width:100%;}
.index5Tab{}
.index5Tab .hd{text-align:center; border-top:1px solid #e3e3e3; padding:25px 0 0 0 ; margin:40px 0;}
.index5Tab .hd li{display:inline-block; font-size:14px; color:#4c4c4c; padding: 0 34px; position: relative; cursor: pointer;font-weight:100;}
.index5Tab .hd li::after{width:5px; height: 12px; content: ""; background:url(../images/p29.png) center no-repeat; position: absolute; top:50%; margin-top:-6px; right:-2.5px;}
.index5Tab .hd li:last-child::after{display:none;}
.index5Tab .hd li.on::before{width:22px; height: 2px; background:#18bc9c; content: ""; position: absolute; top:-27px; left: 50%; margin-left:-11px;}
.index5Tab .hd li.on{color:#18bc9c;}
.index5List .list{width:32.5%; margin-right:1.25%; float:left;}
.index5List .list:nth-child(3n){margin-right:0;}
.index5List .pic{width:100%; height: auto; position: relative;}
.index5List .pic .picOn{width:0; height: 100%; position: absolute; top:0; left: 0; background-color:rgba(0,0,0,0.1); overflow: hidden;
/*-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;*/
}
.index5List .pic .picOn .span{width:31px; height: 31px; display: block; position: absolute; top:50%; left: 50%; margin: -15.5px 0 0 -15.5px;}
.index5List .downnew .H5{padding:25px 0 20px 0; font-size:14px; color:#bababa; font-family:'NotoSansHans-Light','Microsoft YaHei'; letter-spacing: 1px;}
.index5List .downnew .H4{font-size:16px; color:#2e2e2e;font-weight:100;}
.index5List .downnew .p{font-size:14px; color:#848484; line-height: 26px; margin: 15px 0; height: 52px;font-weight:100;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.index5List .downnew .span{width:85px; height: auto; display: block;}
/*hover*/
@media screen and (min-width:992px){
.index5List .list:hover .picOn{width:100%;}
.index5List .list:hover .H4{color:#18bc9c;}
}
@media screen and (max-width:1199px){
.index5{padding:50px 0;}
}
@media screen and (max-width:767px){
.index5{padding:30px 0;}
.index5Tab .hd{margin:20px 0; padding:10px 0;}
.index5Tab .hd li{padding:0 10px;}
.index5Tab .hd li.on::before{top:-20px;}
.index5List .list{width:100%; margin: 0 0 10px 0;}
.index5List .pic{width:140px; float:left;}
.index5List .downnew{margin-left:150px;}
.index5List .downnew .H5{padding:5px 0;}
.index5List .downnew .H4{font-size:15px;}
.index5List .downnew .p{font-size:13px; line-height: 20px; height: 40px;margin: 5px 0;}
.index5List .downnew .span{display:none;}
}
.c_1530_55{ width:100%; float:left; padding:94px 0 50px 0;}
.slide_pic_33{ width:100%; float:left; margin-top:24px; padding-bottom:66px; position:relative;}
.slide_pic_33 .l1{ width:50%; float:left; padding:0 15px; margin-top:30px;}
.slide_pic_33 .l1 a{ display:block; width:100%; float:left; border:solid 1px #eee; cursor:pointer; position:relative;}
.slide_pic_33 .l1 a:before{ width:0; height:0px; background:#; content:''; position:absolute; left:0; top:0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_pic_33 .l1 a img{ width:100%; float:left;}
.slide_pic_33 .l1 a:hover{ box-shadow:0 0 21px rgba(136,136,136,0.18);}
.slide_pic_33 .l1 a:hover:before{ width:100%;}
.slide_pic_33 .slick-dots
{ height:20px;
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slide_pic_33 .slick-dots li
{
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin: 0 14px;
padding: 0;
background:url(http://www.eurocoustic.net/skin/images/index28.png) no-repeat left center;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_33 .slick-dots li.slick-active{ background-position:right center;}
.slide_pic_33 .slick-dots li button{ display:none;}
@media screen and (max-width: 991px) {
.c_1530_55{ padding:54px 0 60px 0;}
.slide_pic_33{ margin-top:14px; padding-bottom:46px;}
.slide_pic_33 .l1{ padding:0 10px; margin-top:20px;}
.slide_pic_33 .slick-dots li{ width: 12px; height: 12px; background-size:auto 12px; margin: 0 8px;}
}
@media screen and (max-width: 767px) {
.c_1530_55{ padding:24px 10px 30px 10px;}
.slide_pic_33{ margin-top:10px; padding-bottom:26px;}
.slide_pic_33 .l1{ padding:0 5px; width:50%; margin-top:10px;}
.slide_pic_33 .slick-dots li{ width: 8px; height: 8px; background-size:auto 8px; margin: 0 4px;}
}
.morebtn {
background-color: transparent;
border: 0px solid #ebebeb;
border-radius: 0px;
font-size: 16px;
height: 43px;
line-height: 43px;
/*padding: 0 38px;*/
font-weight: 100;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
color: #a1a1a1;
}
.lg-morebtn {
padding: 0 50px;
}
.morebtn:hover {
color: #484848;
}
.morebtn i.material-icons {
font-size: 18px;
}
.morebtn.focus, .morebtn:focus, .morebtn:hover {
color: #484848;
border-color: #484848;
}
.morebtn:focus, button:focus {
outline: none !important;
}.mt-40 {
margin-top: 40px;
}
.view-all .morebtn i {
font-size: 16px;
left: 5px;
position: relative;
top: 2px;
-webkit-transition: all 0.9s ease 0s;
-o-transition: all 0.9s ease 0s;
transition: all 0.9s ease 0s;
}
.view-all a.morebtn:hover i {
left: 15px;color:#18bc9c;
}
@font-face {
font-family: Material-Design-Iconic-Font;
src: url(fonts/material-design-iconic-font.ttf) format('truetype')
}
.zmdi {
display: inline-block;
font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.zmdi-arrow-right-top:before {
content: '\f2ed'
}
.zmdi-arrow-right:before {
content: '\f301'
}
.pageTitle{text-align:center;line-height: 0;}
.pageTitle .H3{ font-size:34px; color:rgb(51, 51, 51); letter-spacing: 1px;}
.pageTitle .H4{ font-size:14px; color:rgb(153, 153, 153); text-transform: uppercase; margin: 15px 0 15px 0;letter-spacing: 6px;}
.pageTitle .span{width:50px; height: 3px; display: inline-block; background-color:#18bc9c; line-height: 0;}
.p70{padding:70px 0 0 0;}
.pageNav{padding:12px 0; text-align:center; border-top:1px solid #e5e5e5; border-bottom:0px solid #e5e5e5; line-height: 0; font-size:0;}
.pageNav a{display:inline-block; font-size:14px; color:#575757; padding:0 2%; height: 31px; line-height: 30px; border-radius: 0px; margin: 0 30px;border: 1px solid #ddd;font-weight:100;}
.pageNav a:hover{color:#;border: 1px solid #18bc9c;}
.pageNav a.hover{color:#;border: 1px solid #18bc9c;}
@media screen and (max-width:991px){
.pageTitle,
.pageNav{display:none;}
.p70{padding:0 0 50px 0 ;}
}
.pageNav2{padding:12px 0; text-align:center; border-top:1px solid #e5e5e5; line-height: 0; font-size:0;}
.pageNav2 a{display:inline-block; font-size:16px; color:#575757; width:140px; height: 40px; line-height: 40px; border-radius: 40px; margin: 0 15px;}
.pageNav2 a:hover{color:#18bc9c;}
.pageNav2 a.hover{color:#18bc9c;}
@media screen and (max-width:991px){
.pageNav2{display:none;}
}
.c_1200_2{ width:100%; float:left; padding:11px 0 60px 0;}
.ul_1{ width:100%; float:left;}
.ul_1 li{ width:33.333%; float:left; margin-top:30px; padding:0 15px;}
.ul_1 li .img{ width:100%; float:left; overflow:hidden;position:relative;}
.ul_1 li .img img{ width:100%; float:left;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.ul_1 li .img b {
position: absolute; top: 0; right: 0; bottom: 0; left: 0;
background-color: rgba(0, 0, 0, 0);
transition: background-color .0s;
}
.ul_1 li:hover b{ background-color: rgba(0, 0, 0, .1);}
/*.ul_1 li:hover .img img{transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,0.1);
-moz-transform: scale(1.1,1.1);}*/
.ul_1 li .text{ width:100%; float:left; background:white; padding:33px 30px 37px 30px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.shine {
position: relative;
overflow: hidden;
}
.shine::before {
position: absolute;
top: 0;
left: -80%;
z-index: 5;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
-webkit-transform: skewX(-17deg);
-moz-transform: skewX(-17deg);
-o-transform: skewX(-17deg);
-ms-transform: skewX(-17deg);
transform: skewX(-17deg);
}
.shine:hover::before {
-webkit-animation: shine 2s;
animation: shine 2s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.ul_1 li .text:hover{ box-shadow:0 0 13px rgba(0,0,0,0.2);
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.ul_1 li .text .span{ font-size:12px; color:#18bc9c; line-height:28px;}
.ul_1 li .text .title{ width:100%; float:left; padding-bottom:15px; font-size:18px; color:#666; line-height:32px; position:relative;}
.ul_1 li .text .p{ width:100%; float:left; margin-top:8px; font-size:14px; color:#808080; line-height:28px; height:56px; overflow:hidden;}
.ul_1 li .text .more{ width:100%; float:left; margin-top:31px;}
.ul_1 li .text .more a{ display:inline-block; *zoom:1; *display:inline; color:#a5a5a5; position:relative; text-transform:uppercase; letter-spacing:2px; font-size:14px; line-height:20px;}
.ul_1 li:hover .text .view-all a.morebtn i{ left: 15px;color:#18bc9c;
}
@media screen and (max-width: 991px) {
.tit_1{ margin-top:45px;}
.tit_1 h4{ font-size:20px; line-height:30px; padding-bottom:16px;}
.tit_1 h5{ font-size:20px; line-height:30px; padding-bottom:16px;}
.tit_1 .p{ font-size:14px; line-height:24px; margin-top:6px;}
.ul_1 li{ width:50%;}
.ul_1 li .text .title{ padding-bottom:10px; font-size:16px; line-height:26px;}
.ul_1 li .text .p{ margin-top:6px; font-size:13px; line-height:22px; height:44px;}
.ul_1 li .text .more{ margin-top:21px;}
}
@media screen and (max-width: 767px) {
.c_1200_2{ padding:11px 10px 30px 10px;}
.tit_1{ margin-top:15px; padding:0 10px;}
.tit_1 h4{ font-size:16px; line-height:24px; padding-bottom:10px; background-size:auto 2px;}
.tit_1 h5{ font-size:16px; line-height:24px; padding-bottom:10px; background-size:auto 2px;}
.tit_1 .p{ font-size:12px; line-height:20px; margin-top:4px;}
.ul_1 li{ width:100%; margin-top:10px; padding:0 5px;}
.ul_1 li .text{ padding:13px 10px 17px 10px;}
.ul_1 li .text .title{ padding-bottom:6px; font-size:14px; line-height:22px;}
.ul_1 li .text .title:before{ width:20px; margin-left:-10px;}
.ul_1 li .text .p{ margin-top:4px; font-size:12px; line-height:20px; height:38px;}
.ul_1 li .text .more{ margin-top:11px;}
.ul_1 li .text .more a{ font-size:12px;}
}
.case_de{border:0px solid #e1e0e0;}
.case_de h2{text-align:center; font-size:30px; color:#323232; font-family:'NotoSansHans-Light','Microsoft YaHei' ; text-transform: uppercase; padding-top:40px;font-weight:100;}
.case_infor{padding:5px 0; border-bottom:1px solid #e1e0e0; text-align: right; width: 92.76%; margin: auto;}
.case_infor h5{display:inline-block; font-size:14px; color:#979797; margin: 0 8px;}
.case_scroll{width:90%; margin: 40px auto auto auto;}
.downk{margin-top:10px; width: 100%; overflow: hidden;}
.c_margin3{margin:0 -5px;}
.homedown1{width:107%;}
.homedown1 li{width:94.87%; margin: auto;}
.hometop1 .slick-prev{width:60px; height: 100px; background:url(../images/p40.png); left: 0; }
.hometop1 .slick-next{width:60px; height: 100px; background:url(../images/p41.png); right: 0;}
.homedown1 li:hover{border:0px solid #27babd; box-sizing: border-box;}
.hometop1 div{position:relative;}
.hometop1 div h6{width:76.21%; position: absolute; bottom:0; left: 0; background-color:rgba(18,164,161,0.65); padding:0 10% 0 3%; font-size:14px; color:#fff; font-family: 'NotoSansHans-Light','Microsoft YaHei'; line-height: 50px;font-weight:100;}
.topk{position:relative;}
.number2 font{margin:0 10px;}
.number2{position:absolute; bottom:0; right:26%; z-index: 100; font-size:16px; color:#fff; line-height: 50px; font-style: italic; font-family: 'NotoSansHans-Light','Microsoft YaHei';}
.number2 font:nth-child(1){color:#fff;}
.case_de .p{font-size:14px; color:#555555; line-height: 36px; margin:40px auto 50px auto; text-align: justify; width:86.13%;font-weight:100;}
.case_de .p img{display:initial;}
.c_page_a{margin-top:34px;}
.c_page_a a{font-size:16px; font-family: 'NotoSansHans-Light','Microsoft YaHei'; float:left;}
.c_page_a a:nth-child(2){float:right;}
.c_page_a a:hover{color:#27babd;}
.other{border:1px solid #e1e0e0; padding:36px 2.6% 50px 2.6%; margin-top:40px;}
.other h3{font-size:24px; color:#27babd; font-family: 'NotoSansHans-Light','Microsoft YaHei';}
.other .case{padding:20px 0 0 0;}
.other .case li{margin-bottom:0;}
.other .case li h3{padding:30px 0 10px 0;}
.other .case li h5{margin:auto;}
@media screen and (max-width:991px){
.case_de h2{font-size:26px; padding-top:20px;}
.case_infor{padding:10px 0;}
.case_infor h5{font-size:13px;}
.hometop1 .slick-prev,.hometop1 .slick-next{width:30px; height: 50px; background-size:cover;}
.case_de .p{font-size:14px; line-height: 22px; margin-top:20px;}
}
@media screen and (max-width:767px){
.case_de{border:none;}
.case_infor {width:100%;}
.case_de h2{font-size:20px; padding: 0;}
.case_scroll{width:100%; margin-top:20px;}
.hometop1 div h6{width:100%; font-size:12px; line-height: 30px;}
.number2{font-size:12px; line-height: 30px; right:0;}
.case_de .p{width:100%; font-size:13px; margin-bottom:15px;}
.c_page_a{margin-top:0; border-top:1px solid #e1e0e0; padding-top:10px;}
.c_page_a a{font-size:12px; width:100%; text-align: center;}
.other{width:100%; border:none; margin: 0;padding:20px 0 0 0;}
.other .case li{width:100%; margin: 10px 0 0 0;}
.other .case li span{width:120px; float:left;}
.other .case li div{margin-left:130px;}
.other .case li h3{font-size:14px; padding:10px 0; text-align: left;}
.other .case li h5{margin: 5px 0 0 0;}
.other .case li span::after{display:none;}
.other h3{font-size:20px;}
}
.c_1310_1{ width:100%; float:left; padding:5px 61px;}
.c_1310_1 .c_715{ width:40%; float:left;}
.tit_2{ width:100%; float:left; font-size:16px; color:#333; line-height:34px; text-transform:uppercase;padding:0px 61px;text-align:left;font-weight:100;}
.c_1310_1 .c_715 ul{ width:100%; float:left; font-size:14px;line-height:3;font-weight:100;}
.c_1310_1 .c_715 ul li{ width:100%; float:left; margin-top:14px; padding-left:47px; position:relative; font-size:15px; color:#555; line-height:30px;}
.c_1310_1 .c_715 ul li a{ color:#555; margin:0 3px;}
.c_1310_1 .c_715 ul li span{ color:#f68f2d;font-family: 'NotoSansHans-Light','Microsoft YaHei'; margin-right:3px;}
.c_1310_1 .c_715 ul li .ico{ width:30px; height:30px; position:absolute; left:0; top:0; border:solid 1px #f68f2d;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;}
.c_1310_1 .c_715 ul li .ico img{ width:100%; float:left;}
.c_1310_1 .c_540{ width:41.22%; float:right; height:450px;}
#dituContent{ position:relative; width:100%; height:100%;}
.amap-info div{ display:none;}
.zbg1{ background:#f6f6f6;}
.c_1310_2{ width:100%; float:left; padding:0px 0 60px 0;}
.c_1310_2 ul{ width:100%; float:left; background:#; padding:0px 46px; }
.c_1310_2 ul li{ width:50%; float:left; padding:0 15px; margin-top:30px;}
.c_1310_2 ul li .txk{ width:100%; float:left; background:white; border:solid 1px #ebebeb; padding-left:110px; position:relative;font-weight:100;}
.c_1310_2 ul li .txk .name{ position:absolute; left:0; top:0; padding-left:15px; font-size:14px; color:#434343; line-height:48px;}
.c_1310_2 ul li .txk .name span{ color:#;}
.c_1310_2 ul li .txk input{ display:block; width:100%; float:left; height:48px; line-height:48px; font-size:14px; color:#434343;}
.c_1310_2 ul li.l3 .txk{ padding-right:100px;}
.c_1310_2 ul li.l3 .yzm{ width:78px; height:32px; position:absolute; right:15px; top:50%; margin-top:-16px; cursor:pointer;}
.c_1310_2 ul li.l3 .yzm img{height:100%;}
.c_1310_2 ul li.l1{ width:100%;}
.c_1310_2 ul li.l1 .txk{ padding:12px 10px 10px 140px;}
.c_1310_2 ul li.l1 .txk textarea{ width:100%; float:left; font-size:14px; color:#434343; line-height:24px; height:116px;}
.c_1310_2 ul li.l2{ width:100%; text-align:center;}
.c_1310_2 ul li.l2 input{ display:inline-block; *zoom:1; *display:inline; width:215px; height:50px; line-height:42px; background:#fff; text-transform:uppercase; cursor:pointer; font-size:18px; letter-spacing:1px;border: 1px solid #fff;font-weight:100;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;}
.c_1310_2 ul li.l2 input:hover{ background:#;color:#;border: 1px solid #18bc9c;}
@media screen and (max-width:1023px){
.c_1310_1{ padding:25px 0 30px 0;}
.tit_2{ padding-bottom:20px; font-size:22px; line-height:30px;}
.c_1310_1 .c_715 ul{ margin-top:12px;}
.c_1310_1 .c_715 ul li{ margin-top:10px; padding-left:36px; font-size:13px; line-height:24px;}
.c_1310_1 .c_715 ul li .ico{ width:24px; height:24px;}
.c_1310_1 .c_540{ height:400px;}
.c_1310_2{ padding:35px 0 40px 0;}
.c_1310_2 ul{ padding:10px 26px 38px 26px; margin-top:20px;}
.c_1310_2 ul li{ margin-top:20px;}
}
@media screen and (max-width:767px){
.c_1310_1{ padding:15px 10px 20px 10px;}
.tit_2{ padding-bottom:12px; background-size:auto 2px; font-size:18px; line-height:24px;}
.c_1310_1 .c_715{ width:100%;}
.c_1310_1 .c_540{ height:200px; width:100%; margin-top:10px;}
.c_1310_2{ padding:15px 10px 20px 10px;}
.c_1310_2 ul{ padding:10px 10px 18px 10px; margin-top:10px;}
.c_1310_2 ul li{ width:100%; padding:0 0; margin-top:10px;}
}
.c_7_box{padding-bottom:80px;}
.c_7{ background-color:#f0f0f0; margin-top:60px;}
.c_7_3{float:left; width:50%; height: auto; margin-right:3%;}
.c_7_3::before {
position: absolute;
content: "";
border-right: 1px solid #18bc9c;
border-bottom: 1px solid #18bc9c;
width: 80%;
height: 80%;
left:0%;
top: 26%;
z-index: -1;
}
.c_7_1{padding:57px 2.54% 0 2.54%;}
.c_7_2{background-image:url(http://www.eurocoustic.net/images/p15.png); background-position:right center; background-repeat: no-repeat;}
.c_7_2 h1{font-size:24px; color:#333333; padding-right:30px;background-color:#f0f0f0; display: inline-block;}
.c_7_1 h2{font-size:14px; color:#666666; line-height: 28px; margin-top:25px; height:140px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.c_7_1 a{padding:15px 20px; border-radius: 30px; background-color:#008a51; display: inline-block; margin-top:75px;}
.c_7_1 a h3{display: inline-block;font-size:14px; color:#fff;}
.c_7_1 a span{display: inline-block; padding-left:15px; opacity:0.3;}
.c_7:hover{background-color:#fff;box-shadow:0 0 18px rgba(0,0,0,0.1);}
.c_7:hover .c_7_2 h1{background-color:#fff; color:#008a51;}
.c_7:hover .c_7_1 a {background-color:#c30009;}
.c_7_r .c_7_3{float:right; margin: 0 0 0 3%;}
.c_7_r .c_7_2 {background-position:15% center ;}
@media screen and (max-width:1279px){
.c_7_2{background-size:40%;}
.c_7_1{padding:20px 2.54% 0 2.54%}
.c_7_1 a{margin-top:20px;}
.c_7{margin-top:40px;}
}
@media screen and (max-width:991px){
.c_7{margin-top:20px;}
.c_7_1 h2{margin-top:15px; line-height: 24px; height: 117px;}
.c_7_1 a{margin-top:10px;padding:10px 20px}
}
@media screen and (max-width:767px){
.c_7_3{width:100%; margin:0 0 10px 0;}
.c_7_2 h1{font-size:20px;}
.c_7_1 h2{margin-top:5px; font-size:13px; line-height: 18px; height: 89px;}
.c_7_1 a{padding:5px 10px;}
.c_7_1 a h3{font-size:12px;}
.c_7_box{padding-bottom:40px;}
.c_7_r .c_7_3{margin:0 0 10px 0;}
}
.pord_list{ float:left; width:100%; padding: 0;}
.pord_list li{ float:left; width:100%; padding:15px 0;}
.pord_list li.double{ background:#;}
.pord_list li a{ width:100%; overflow: hidden;}
.pord_list li .pic1{ float:left; width:50%; overflow:hidden; line-height: 0;position: relative;}
.pord_list li .pic1 img{ padding:0 0 2% 2%;}
.pord_list li .pic1::before {
position: absolute;
content: "";
border-left: 1px solid #18bc9c;
border-bottom: 1px solid #18bc9c;
width: 80%;
height: 80%;
left:0%;
bottom: 0%;
z-index: 999;
}
.pord_list li.double .pic1{float:right; width:50%; overflow:hidden; line-height: 0;position: relative;}
.pord_list li .pic2{ float:right; width:50%; overflow:hidden; line-height: 0;position: relative;}
.pord_list li .pic2 img{ padding:0 2% 2% 0;}
.pord_list li .pic2::before {
position: absolute;
content: "";
border-right: 1px solid #18bc9c;
border-bottom: 1px solid #18bc9c;
width: 80%;
height: 80%;
right:0%;
bottom: 0%;
z-index: 999;
}
.pord_list li .pic1 img{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
transition: -webkit-transform 2s;
-ms-interpolation-mode:bicubic;
}
/*.pord_list li .pic1:hover img{
transform: scale(1.01,1.01);
-ms-transform: scale(1.01,1.01);
-webkit-transform: scale(1.01,1.01);
-o-transform: scale(1.01,1.01);
-moz-transform: scale(1.01,1.01);
}*/
.pord_list li .tx1{ float:left; width:50%; padding:0 77px 0 77px; position:relative;}
.pord_list li.double .tx1{padding:0 77px 0 0; text-align: right; }
.pord_list li .tx1 .l1{ float:left; width:100%; margin:5.76% 0 3.69% 0; position:relative;}
.pord_list li .tx1 .l1::after{ }
.pord_list li.double .tx1 .l1::after{ }
.pord_list li .tx1 h2{ float:left; width:100%; color:#333333; font-size:30px; line-height:2;}
.pord_list li:hover .tx1 h2{ color:#;}
.pord_list li:hover .tx1 .view-all a.morebtn i{ left: 15px;color:#18bc9c;
}
.pord_list li .tx1 p{ float:left; width:100%; color:#666666; font-size:26px; line-height:32px; overflow:hidden;font-weight:100;
text-overflow:ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.pord_list li .tx1 p em{ letter-spacing:6px
}
.pord_list li .tx1 span{ float:left; margin-top: 4.46%; border: #e60012 solid 1px; padding: 0 17px 0 19px; color: #ff0000; font-size: 16px; line-height: 35px;}
.pord_list li.double .tx1 span{ float: right;}
.pord_list li .tx1 span:hover{ background-color: #e60012; color: #fff;}
@media screen and (max-width:1429px){
.pord_list li{ padding:44px 0;}
.pord_list li .tx1{ padding:0 0 0 65px; }
.pord_list li.double .tx1{padding:0 65px 0 0; }
.pord_list li .tx1 .l1::after{ width:42px; left:-65px; }
.pord_list li.double .tx1 .l1::after{ left: auto; right: -65px;}
.pord_list li .tx1 h2{ font-size:34px; }
.pord_list li .tx1 p{ font-size:18px; line-height:28px; }
}
@media screen and (max-width:1229px){
.pord_list li{ padding:34px 0;}
.pord_list li .tx1{ padding:0 0 0 52px; }
.pord_list li .tx1 .l1{ margin:6.76% 0 3.69% 0; }
.pord_list li.double .tx1{padding:0 52px 0 0; }
.pord_list li .tx1 .l1::after{ width:34px; left:-52px; }
.pord_list li.double .tx1 .l1::after{ left: auto; right: -52px;}
.pord_list li .tx1 h2{ font-size:28px; }
.pord_list li .tx1 span{ padding: 0 12px 0 12px; font-size: 14px; line-height: 32px;}
}
@media screen and (max-width:767px){
.pord_list li{ padding:20px 0;}
.pord_list li .pic1{ width:100%; }
.pord_list li .pic2{ width:100%; }
.pord_list li.double .pic1{ float: left;}
.pord_list li .tx1{ padding:0 0 0 36px; width: 100%; }
.pord_list li .tx1 .l1{ margin:4.76% 0 3.69% 0; }
.pord_list li.double .tx1{padding:0 0 0 36px; text-align: left; }
.pord_list li .tx1 .l1::after{ width:25px; left:-36px; }
.pord_list li.double .tx1 .l1::after{ left: -36px; right: 0;}
.pord_list li .tx1 h2{ font-size:22px; }
.pord_list li .tx1 p{ height: 72px; line-height:24px; }
.pord_list li.double .tx1 span{ float: left;}
.fx{ display:none;}
}
.fx{ width:100%; float:right; margin-top:0px;}
.fx span{ display:block; float:left; font-size:16px; color:#666; line-height:38px; letter-spacing:1px;}
.fx .bdsharebuttonbox{ float:left; width:auto;}
.fx .bdsharebuttonbox a{ display:block; width:38px; height:38px; padding:0; margin:0 5px !important; float:left; background-size:48px 48px; background-repeat:no-repeat; background-position:center center;}
.fx .bdsharebuttonbox a.a1{ background-image:url(../images/cpxq2.png);}
.fx .bdsharebuttonbox a.a2{ background-image:url(../images/cpxq4.png);}
.fx .bdsharebuttonbox a.a3{ background-image:url(../images/cpxq5.png);}
.fx .bdsharebuttonbox a.a4{ background-image:url(../images/cpxq7.png);}
.fx .bdsharebuttonbox a.a5{ background-image:url(../images/cpxq6.png);}
.fx .bdsharebuttonbox a.a6{ background-image:url(../images/cpxq3.png);}
.fx .bdsharebuttonbox a.a1:hover{ background-image:url(../images/cpxq2.png);}
.fx .bdsharebuttonbox a.a2:hover{ background-image:url(../images/cpxq4.png);}
.fx .bdsharebuttonbox a.a3:hover{ background-image:url(../images/cpxq5.png);}
.fx .bdsharebuttonbox a.a4:hover{ background-image:url(../images/cpxq7.png);}
.fx .bdsharebuttonbox a.a5:hover{ background-image:url(../images/cpxq6.png);}
.fx .bdsharebuttonbox a.a6:hover{ background-image:url(../images/cpxq3.png);}
/*Leafcms客æœä»£ç 开始*/
.leafcms_kefu{position:fixed;width:56px;right:0;top:45%;z-index:999;}
.leafcms_kefu ul{float:left;width:100%;}
.leafcms_kefu ul li{float:right;width:56px;height:60px;margin-top:8px;text-align:center;}
.leafcms_kefu ul li .items{float:left;width:100%;height:100%;padding:10px 0;border-radius:2px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.16);vertical-align:middle;position:relative;}
.leafcms_kefu ul li .items i{font-size:23px;}
.leafcms_kefu ul li .items p{font-size:12px;letter-spacing:1px;}
.leafcms_kefu ul li:last-child .items p{letter-spacing:-1px;}
.leafcms_kefu ul li .items .img{width:90px;height:90px;right:30px;top:50%;margin-top:-45px;padding:5px;border-radius:3px;display:none;z-index:9;position:absolute;background:#18bc9c;}
.leafcms_kefu ul li .items .img em{position:absolute;top:50%;margin-top:-8px;right:-8px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:10px solid #18bc9c;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.leafcms_kefu ul li .items .img img{width:80px;height:80px;}
.leafcms_kefu ul li .items .txt{height:36px;right:20px;top:50%;margin-top:-18px;padding:0 16px;white-space:nowrap;border-radius:3px;font-size:15px;line-height:36px;text-align:center;color:#fff;background:#18bc9c;display:none;z-index:999;position:absolute;}
.leafcms_kefu ul li .items .txt em{position:absolute;top:50%;margin-top:-8px;right:-8px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:8px solid #18bc9c;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.leafcms_kefu ul li .items.on,
.leafcms_kefu ul li:hover .items{background:#18bc9c;box-shadow:0 1px 5px rgba(24,188,156,0.8);color:#fff;}
.leafcms_kefu ul li .items.on a,
.leafcms_kefu ul li:hover .items a{color:#fff;}
.leafcms_kefu ul li:hover .items .img{right:70px;display:block;box-shadow:0 0 5px rgba(24,188,156,0.8);}
.leafcms_kefu ul li:hover .items .txt{right:70px;display:block;box-shadow:0 0 5px rgba(24,188,156,0.8);}
@media screen and (max-width:991px){
.leafcms_kefu{width:30px;right:0;top:45%;z-index:999;}
.leafcms_kefu ul{float:left;width:100%;}
.leafcms_kefu ul li{width:30px;height:30px;margin-top:5px;}
.leafcms_kefu ul li .items{padding:5px 0;}
.leafcms_kefu ul li .items i{font-size:18px;}
.leafcms_kefu ul li .items p{display:none;}
.leafcms_kefu ul li .items .img em{margin-top:-6px;right:-6px;border-left:6px solid #18bc9c;border-top:6px solid transparent;border-bottom:6px solid transparent;}
.leafcms_kefu ul li .items .txt{height:30px;margin-top:-15px;padding:0 16px;font-size:13px;line-height:30px;}
.leafcms_kefu ul li .items .txt em{margin-top:-6px;right:-6px;border-left:6px solid #18bc9c;border-top:6px solid transparent;border-bottom:6px solid transparent;}
.leafcms_kefu ul li:hover .items .img{right:40px;}
.leafcms_kefu ul li:hover .items .txt{right:40px;}
}
/*Leafcms客æœä»£ç 结æŸ*/