/********************************* METRONIC SQUARE STYLE COMPONENTS *********************************/ /* Cubic Bezier Transition */ /*** Rounded corners reset ***/ /* Reset rounded corners for all elements */ body .page-header {min-width: inherit;width: 100%;z-index: 10;position: fixed;top: 0;left: 0;} body .page-container1 {padding-top: 110px;} body .page-container2 {padding-top: 132px;} body .page-container2 {padding-top: 131px;} body .page-footer{background: #1b1b1d;} body .page-footer h2 {color: var(--title);font-family: 'Roboto';font-size: 40px;font-style: normal;font-weight: 900;letter-spacing: 0px;line-height: 50px;text-align: center;text-decoration: none;text-transform: none;} body .page-footer .todo-project-list ul li{font-family: 'Roboto';font-weight: 300;color: rgba(255, 255, 255, 1);font-size: 18px;line-height: 22px;letter-spacing: 1px;display: block; margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;} body .page-footer .todo-project-list ul li p{font-family: 'Roboto';font-weight: 300;color: rgba(255, 255, 255, 1);font-size: 18px;margin: 1px 0;position: relative;min-height: 1px;padding-left: 1px;padding-right: 1px;} .category-flag {padding-bottom: 0;height: 760px;overflow: hidden;} /*.swiper-wrapper .swiper-slide #index_1557563220158 {background-image: url(../img/banners/slider/slideshow-00.jpg);width:100%;height:471px;background-size:contain} .swiper-wrapper .swiper-slide #index_1557563220194 {background-image: url(../img/banners/slider/slideshow-01.jpg);width:100%;height:471px;background-size:contain} .swiper-wrapper .swiper-slide #index_1557563220163 {background-image: url(../img/banners/slider/slideshow-02.jpg);width:100%;height:471px;background-size:contain} .swiper-wrapper .swiper-slide #index_1557563220138 {background-image: url(../img/banners/slider/slideshow-03.jpg);width:100%;height:471px;background-size:contain} .swiper-wrapper .swiper-slide #index_1557563220211 {background-image: url(../img/banners/slider/slideshow-04.jpg);width:100%;height:471px;background-size:contain}*/ .swiper-wrapper .swiper-slide #index_1557563220158 {background-image: url(../img/banners/slider/slideshow-00.jpg);width:100%;height:471px;background-size:cover} .swiper-wrapper .swiper-slide #index_1557563220194 {background-image: url(../img/banners/slider/slideshow-01.jpg);width:100%;height:471px;background-size:cover} .swiper-wrapper .swiper-slide #index_1557563220163 {background-image: url(../img/banners/slider/slideshow-02.jpg);width:100%;height:471px;background-size:cover} .swiper-wrapper .swiper-slide #index_1557563220138 {background-image: url(../img/banners/slider/slideshow-03.jpg);width:100%;height:471px;background-size:cover} .swiper-wrapper .swiper-slide #index_1557563220211 {background-image: url(../img/banners/slider/slideshow-04.jpg);width:100%;height:471px;background-size:contain} .page-container2 .container p{color: var(--text);font-family: 'Roboto';font-size: 21px;font-style: normal;font-weight: 300;letter-spacing: 0px;line-height: 36px;text-align: left;text-decoration: none;text-transform: none;--icon-list-line-height: 36px;} .index_prod_all #index_15563609100{background-image: url(../img/Products/oblong-wall-tiles.jpg);width:264;height:237px;background-size:auto} .index_prod_all #index_15563609380{background-image: url(../img/Products/square-wall-tiles.jpg);width:364;height:237px;background-size:auto} .index_prod_all #index_15563609312{background-image: url(../img/Products/hexagon-wall-tiles.jpg);width:364;height:237px;background-size:auto} .index_prod_all #index_15563609630{background-image: url(../img/Products/Round_Wall_Tiles.jpg);width:364;height:237px;background-size:auto} .index_prod_all #index_15563609638{background-image: url(../img/Products/irreular-wall-tiles.jpg);width:364;height:237px;background-size:auto} .index_prod_all #index_15563609631{background-image: url(../img/Products/more-wall-tiles-products.jpg);width:364;height:237px;background-size:auto;;} .index_prod_all #index_15563609631{width: 345px;height: 345px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5); margin-bottom: 25px;} .index_prod_all #index_15563609631:hover{width: 345px;height: 345px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5); margin-bottom: 25px;border: 2px solid black;} /*.index_prod_all #index_15563609631:hover{width: 345px;height: 237px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5); margin-bottom: 25px;border: 2px solid black;}*/ .index_prod_all .index_prod{ } .index_prod_all .index_prod>a>p {text-align: center;font-size: 21px;min-height: 20px;} .index_prod_all .index_prod> p {text-align: center;font-size: 21px;min-height: 20px;} .index_prod_all .index_prod {text-align: center;display: block;margin-bottom: 25px;} .index_prod_all .index_prod img {width: 345px;height: 345px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5); margin-bottom: 25px;} /*.index_prod_all .index_prod img {width: 345px;height: 237px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5); margin-bottom: 25px;}*/ .index_prod_all .index_prod img:hover{border: 2px solid black;} .index_prod_all a .index_prod_all #index_15563609631, .index_prod_all #index_15563609638, .index_prod_all #index_15563609630, .index_prod_all #index_15563609312, .index_prod_all #index_15563609380, .index_prod_all #index_15563609100 {text-align: center;display: block;margin-bottom: 25px;} .index_prod_all a:hover, .index_prod_all #index_15563609631:hover, .index_prod_all #index_15563609638:hover, .index_prod_all #index_15563609630:hover, .index_prod_all #index_15563609312:hover, .index_prod_all #index_15563609380:hover, .index_prod_all #index_15563609100:hover /*{border-color: rgba(255,255,255,.3); color: #fff; background-color: rgba(255,255,255,.05); border-radius: 30px;}*/ {background-color: rgba(23, 36, 25, 0.5);border: 2px solid black;filter:alpha(opacity=20);opacity:0.9;border: 2px solid black;} .page-container3 .page-content-wrapper .page-content{background: rgba(222, 222, 222, 1);} .page-container3 .page-content-wrapper .page-content p{color: var(--text);font-family: 'Roboto';font-size: 15px;font-style: normal;font-weight: 300;letter-spacing: 0px;line-height: 27px;text-align: left;text-decoration: none;text-transform: none;--icon-list-line-height: 36px;} .page-container3 .page-content-wrapper .page-content abbr{color: var(--text);font-family: 'Roboto';font-size: 21px;font-style: normal;font-weight: 300;letter-spacing: 0px;line-height: 36px;text-align: left;text-decoration: none;text-transform: none;--icon-list-line-height: 36px;} .page-container3 .page-container-easy {text-align:center;} /*1.易安装 easy to install 2.易清洁：easy to clean 3.防水防油：waterproof and oil-proof 4.易裁剪easy to cut 5.环保：eco-friendly 6.3D 效果：perfect 3D effect*/ .page-container3 #item_15563741081{background-image: url(../img/features/Easy_to_01.png);border-radius: inherit; width: 100%;height: 176px;background-size: cover;transition-duration: 0.3s;} .page-container3 #item_15563741082{background-image: url(../img/features/Easy_to_02.png);border-radius: inherit; width: 100%;height: 176px;background-size: cover;transition-duration: 0.3s;} .page-container3 #item_15563741083{background-image: url(../img/features/Easy_to_03.png);border-radius: inherit; width: 100%;height: 176px;background-size: cover;transition-duration: 0.3s;} .page-container3 #item_15563741084{background-image: url(../img/features/Easy_to_04.png);border-radius: inherit; width: 100%;height: 176px;background-size: cover;transition-duration: 0.3s;} .page-container3 #item_15563741085{background-image: url(../img/features/Easy_to_05.png);border-radius: inherit; width: 100%;height: 176px;background-size: cover;transition-duration: 0.3s;} .page-container3 #item_15563741086{background-image: url(../img/features/Easy_to_06.png);border-radius: inherit; width: 100%;height: 176px;background-size: cover;transition-duration: 0.3s;} .page-container3 .page-container-easy .col-md-2{position: relative;min-height: 1px;padding-left: 1px;padding-right: 1px;width: 16.6%;} .page-container3 .page-container-easy .col-md-3 span{ /* font-weight: bold */ ; font-size: 18px;text-align:center;font-style: normal;color: rgb(55 53 53);} .page-container4 .page-content-wrapper .page-content p{color: var(--text);font-family: 'Roboto';font-size: 21px;font-style: normal;font-weight: 300;letter-spacing: 0px;line-height: 36px;text-align: left;text-decoration: none;text-transform: none;--icon-list-line-height: 36px;} .page-container4 #item_15566110520{background-image: url(../img/gallery/gallary-t80112-bg.jpg);width:264px;height:188px;background-size:auto} .page-container4 #item_15566111950{background-image: url(../img/gallery/gallary-t80123-bg.jpg);width:264px;height:188px;background-size:auto} .page-container4 #item_15566110132{background-image: url(../img/gallery/gallary-t80218-bg.jpg);width:264px;height:188px;background-size:auto} .page-container4 #item_15566110780{background-image: url(../img/gallery/gallary-t80500-bg.jpg);width:264px;height:188px;background-size:auto} .index_h4 {font-family: 'Roboto';font-size: 48px; } /*.index_h4:hover{color:#EF494D;font-family: 'Roboto';}*/ .index_h4:hover{color:#8b6f4e;font-family: 'Roboto';} .index_h4_2{font-family: 'Roboto';font-size: 24px; } .page-container4 .col-md-12 #item_15563741989{background-image: url(../img/About-Us/index-about-03.png);width:100%;height: 298px;} .page-container5 #item_15563740991{background-image: url(../img/banners/index-gallary-01.jpg);width:265px;height:392px;} .page-container5 #item_15563740992{background-image: url(../img/banners/index-gallary-02.jpg);width:265px;height:392px;} .page-container5 #item_15563740993{background-image: url(../img/banners/index-gallary-03.jpg);width:265px;height:392px;} .page-container5 #item_15563740994{background-image: url(../img/banners/index-gallary-04.jpg);width:265px;height:392px;background-size:auto;margin-bottom: 25px;text-align: center;display: block;margin-bottom: 25px;display: flex;align-items: center;justify-content: center;} .page-container5 #item_15563740991:hover, .page-container5 #item_15563740992:hover, .page-container5 #item_15563740993:hover, .page-container5 #item_15563740994:hover{ width:265px;height:392px;;opacity: 0.8;background-color: rgba(232, 36, 25, 0.7); } /*.page-container5 .ba-caption-overlay:hover{ width:265px;height:392px;background-color: rgba(232, 36, 25, 0.23);background-image: none;}*/ .page-container5 #item_15563740994 a {color: var(--title-inverse);background-color: #8b6f4e;border: 0px solid var(--border);border-radius: 0px;box-shadow: 0 10px 20px 0 var(--shadow);padding-bottom: 20px;padding-left: 40px;padding-right: 40px;padding-top: 20px;} .page-container5 #item_15563740994 a span{font-family: 'Roboto';font-size: 14px;font-style: normal;font-weight: 900;letter-spacing: 4px;line-height: 26px;text-align: center;text-decoration: none;text-transform: uppercase;} /*.page-container2 #page_15562441052{background-image: url(../img/About-Us/banner-about.jpg);width:100%;height: 451px;background-size: contain;}*/ .page-container2 #page_15562441052{background-image: url(../img/About-Us/banner-about.jpg);width:100%;height: 451px;background-size: cover;} .page-container2 #page_15564593783644{background-image: url(../img/About-Us/about-dongguan-01.jpg);width:99%;height: 334px;background-size: cover;} .page-container2 #page_15564593758090{background-image: url(../img/About-Us/about-dongguan-02.jpg);width:99%;height: 334px;background-size: cover;} .page-container2 #page_15564593783641{background-image: url(../img/About-Us/about-dongguan-03.jpg);width:96%;height: 298px;background-size: cover;} .page-container2 #page_15564593783645{background-image: url(../img/About-Us/about-dongguan-04.jpg);width:96%;height: 298px;background-size: cover;padding-left: 15px;padding-right: 15px;} .page-container2 #page_15564595531770{background-image: url(../img/About-Us/about-dongguan-05.jpg);width:98%;height: 298px;background-size: cover;} .page-container2 .page-content-wrapper .col-md-6,.page-container2 .page-content-wrapper .col-md-4,.page-container2 .page-content-wrapper .col-md-12{ padding-left: 0px;padding-right: 0px;} .page-container2 #page_15564602870{background-image: url(../img/About-Us/about-why-01.png);width:98%;height: 250px;background-size: auto;} .page-container2 #page_15564602960{background-image: url(../img/About-Us/about-why-02.png);width:98%;height: 250px;background-size: auto;} .page-container2 #page_15564603020{background-image: url(../img/About-Us/about-why-03.png);width:98%;height: 250px;background-size: auto;} .page-container2 #page_15564603080{background-image: url(../img/About-Us/about-why-04.png);width:98%;height: 250px;background-size: auto;} .page-container2 .swiper-slide {width: 400px;padding-left: 0px;padding-right: 0px;} .page-container2 .swiper-slide-active {width: 400px;padding-left: 5px;padding-right: 5px;} .page-container2 #page_1557563220158 {background-image: url(../img/About-Us/about-certificate-b-01.jpg);width:375px;height: 370px;background-size: cover;border: 2px solid black;} .page-container2 #page_1557563220194 {background-image: url(../img/About-Us/about-certificate-b-02.jpg);width:375px;height: 370px;background-size: cover;border: 2px solid black;} .page-container2 #page_1557563220163 {background-image: url(../img/About-Us/about-certificate-b-03.jpg);width:375px;height: 370px;background-size: cover;border: 2px solid black;} .page-container2 #page_1557563220138 {background-image: url(../img/About-Us/about-certificate-b-04.jpg);width:375px;height: 370px;background-size: cover;border: 2px solid black;} .page-container2 #page_1557563220139 {background-image: url(../img/About-Us/about-certificate-b-05.jpg);width:375px;height: 370px;background-size: cover;border: 2px solid black;} .page-container2 #page_1557563220988 {background-image: url(../img/About-Us/about-certificate-b-06.jpg);width:375px;height: 370px;background-size: cover;border: 2px solid black;} .page-container2 #page_1557563220978 {background-image: url(../img/About-Us/about-certificate-b-07.jpg);width:375px;height: 370px;background-size: cover;border: 2px solid black;} .page-container2 #page_15565227180{background-image: url(../img/gallery/banner-installation.jpg);width:100%;height: 451px;background-size: cover;} .page-container2 #page_15562486712{background-image: url(../img/gallery/banner-faq.jpg);width:100%;height: 451px;background-size: cover;} .page-container2 .page_i i{width: 48px;height: 48px;font-size: 48px;color: var(--icon);background-color: rgba(0, 0, 0, 0);border: 0px solid var(--border);border-radius: 0px;box-shadow: 0 0px 0px 0 var(--shadow);padding-bottom: 20px;padding-left: 20px;padding-right: 20px;padding-top: 20px;} .page-container2 .page_i i:hover{color: var(--primary);background-color: rgba(0, 0, 0, 0);} .about_flash {padding-left: 0px; padding-right: 35px;} .page-container2 .installation_img{} .page-container2 .installation_img .mask_img_1{position: relative;} .page-container2 .installation_img .mask_img_2 {osition: absolute;padding-top: 277px;position: absolute;padding-left: 50px;padding-right: 15px;} .page-container2 .installation_img .test_p{display:table;margin:0 auto; } .page-container2 .installation_img .test_p p{display:table-cell; vertical-align:middle;} .page-container2 .faq_test{} .page-container2 .faq_test .test_top{font-family: 'Roboto';font-weight: 500;background-color: rgba(255, 240, 240, 1);color: rgb(230 35 28);} .page-container2 .faq_test .test_cont{padding-left: 20px;} .page-container2 hr{border-top: 1px solid #9a9a9a;} .page-container8 .container p{color: var(--text);font-family: 'Roboto';font-size: 21px;font-style: normal;font-weight: 300;letter-spacing: 0px;line-height: 36px;text-align: center;text-decoration: none;text-transform: none;--icon-list-line-height: 36px;} .page-container2 #page_15562486382{background-image: url(../img/gallery/banner-gallary.jpg);width:100%;height: 451px;background-size: cover;} .scroll-outer{height:400px;background:url(images/bg.jpg) 50% 0 no-repeat;} #scroll{width:100%;margin:0 auto;padding-top:30px;font-family:"Microsoft Yahei";} #scroll .owl-wrapper-outer{margin:0 auto;} #scroll .item{position:relative;width:420px;height:339px;margin:0 auto;background-color:#fff;overflow:hidden;} #scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.15);} #scroll .shd a{display:block;width:420px;height:239px;*background-image:url(about:blank);background-image:url(about:blank)\0;} #scroll .txt{position:absolute;left:0;bottom:0;width:420px;height:100px;padding:0 12px;color:#888;box-shadow:0 0 15px 15px rgba(228, 233, 238, 0.95);background-color:#e4e9ee\9;background-color:rgba(228, 233, 238, 0.95);} #scroll h3{width:420px;height:25px;margin-bottom:6px;padding-top:6px;font:700 18px/25px arial,"Microsoft Yahei";overflow:hidden;} #scroll h3 a{color:#333;text-decoration:none;} #scroll h3 a:hover{color:#338de6;} #scroll p{width:420px;height:54px;line-height:18px;font-size:12px;} #scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);} #scroll .item:hover .txt{background-color:#fff\9;background-color:rgba(248, 249, 249, 0.95);box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.95);} .owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;} /*.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;} .owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;}*/ /*.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";} .owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}*/ .owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /* display none until init */ .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;} .owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move;} /* fix */ .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);} .down-title h3 {font-size: 24px;} .down-title .info {font-size: 21px;} .down-title .info .info_div1{ font-family: 'Roboto';font-size: 21px;font-style: normal;font-weight: 300;letter-spacing: 0px;line-height: 36px;text-align: left;text-decoration: none;text-transform: none;--icon-list-line-height: 36px;background: #fafafa; } .down-title .info .info_div2{font-family: 'Roboto';font-size: 21px;font-style: normal;font-weight: 300;letter-spacing: 0px;line-height: 36px;text-align: left;text-decoration: none;text-transform: none;--icon-list-line-height: 36px; background: #eee; } .container_page_gallery {text-align: center;} .news-hits-body .image .pic img {display: block;width: 83px;height: 83px;} .news-hits-body .image li {zoom: 1;overflow: hidden;margin: 0;padding: 9px 0;border-bottom: 1px solid #eee;} .search-content-2_smoll{background-color:#eeeeee;} .search-content-2_smoll .form-group{} .search-content-2_smoll .form-group .col-md-2{} .search-content-2_smoll .form-group .col-md-9{} .search-content-2_smoll .form-group .col-md-9 .form-control{} .search-content-2_smoll .form-group .col-md-9 textarea{height:100px; width:300px;} .photo_content{} .photo_content .image-list .image-item { width:25%;float: left;} .side_smg{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0} .side_smg ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer} .side_smg ul li:hover{background:#8b6f4e;color:#fff} .side_smg ul li:hover a{color:#fff} .side_smg ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s} .side_smg ul li i.bgs0{background-image:url(../img/msg/right_pic0.png)} .side_smg ul li i.bgs1{background-image:url(../img/msg/right_pic1.png)} .side_smg ul li i.bgs2{background-image:url(../img/msg/right_pic2.png)} .side_smg ul li i.bgs3{background-image:url(../img/msg/right_pic3.png)} .side_smg ul li i.bgs4{background-image:url(../img/msg/right_pic4.png)} .side_smg ul li i.bgs5{background-image:url(../img/msg/right_pic5.png)} .side_smg ul li i.bgs6{background-image:url(../img/msg/right_pic6.png)} .side_smg ul li i.bgs7{background-image:url(../img/msg/right_pic7.png)} .side_smg ul li i.bgs8{background-image:url(../img/msg/right_pic8.png)} .side_smg ul li i.bgs9{background-image:url(../img/msg/right_pic9.png)} .side_smg ul li i.bgs11{background-image:url(../img/msg/right_pic11.png)} .side_smg ul li i.bgs12{background-image:url(../img/msg/right_pic12.png)} .side_smg ul li:hover i.bgs0{background-image:url(../img/msg/right_pic0_on.png)} .side_smg ul li:hover i.bgs1{background-image:url(../img/msg/right_pic1_on.png)} .side_smg ul li:hover i.bgs2{background-image:url(../img/msg/right_pic2_on.png)} .side_smg ul li:hover i.bgs3{background-image:url(../img/msg/right_pic3_on.png)} .side_smg ul li:hover i.bgs4{background-image:url(../img/msg/right_pic4_on.png)} .side_smg ul li:hover i.bgs5{background-image:url(../img/msg/right_pic5_on.png)} .side_smg ul li:hover i.bgs6{background-image:url(../img/msg/right_pic6_on.png)} .side_smg ul li:hover i.bgs7{background-image:url(../img/msg/right_pic7_on.png)} .side_smg ul li:hover i.bgs8{background-image:url(../img/msg/right_pic8_on.png)} .side_smg ul li:hover i.bgs9{background-image:url(../img/msg/right_pic9_on.png)} .side_smg ul li:hover i.bgs11{background-image:url(../img/msg/right_pic11_on.png)} .side_smg ul li:hover i.bgs12{background-image:url(../img/msg/right_pic12_on.png)} .side_smg ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden} .side_smg ul li.sidetop{background:#8b6f4e;color:#fff} .side_smg ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)} /*.side_smg ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}*/ .side_smg ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;position:absolute;left:-240px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0} /*.side_smg ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#8b664e}*/ .side_smg ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#8b664e} /*.side_smg ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:30px;line-height:24px;font-size:18px}*/ .side_smg ul li.sideetel .telBox dd{display:block;height:61.5px;overflow:hidden;padding-left:30px;line-height:24px;font-size:18px} /*.side_smg ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:45px;margin-left: 45px;font-size:18px}*/ .side_smg ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:13px;margin-left: 45px;font-size:18px} .side_smg ul li.sideetel .telBox dd.bgs1{background:url(../img/msg/right_pic4.png) 28px center no-repeat;background-color:#8b6f4e;} .side_smg ul li.sideetel .telBox dd.bgs2{background:url(../img/msg/right_pic11.png) 28px center no-repeat;background-color:#8b6f4e;} .side_smg ul li.sideetel .telBox dd.bgs3{} .side_smg ul li.sideete2 .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#8b664e} .side_smg ul li.sideete2 .telBox dd{display:block;height:78.5px;overflow:hidden;padding-left:30px;line-height:24px;font-size:18px} .side_smg ul li.sideete2 .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:28px;margin-left:40px;font-size:18px} .side_smg ul li.sideete2 .telBox dd.bgs1{background:url(../img/msg/right_pic0.png) 28px center no-repeat;background-color:#8b6f4e;} .side_smg ul li.sideete2 .telBox dd.bgs2{background:url(../img/msg/right_pic0_on.png) 28px center no-repeat} .page-header .page-header-top .page-logo .logo-default {margin: 64px 0 0 0;} .side_smg ul li:hover .son{display:block!important;animation:fadein 1s} @keyframes fadein{from{opacity:0} to{opacity:1} }