.anim-1, .anim-2, .anim-3, .anim-4, .anim-5, .anim-6, .anim-7, .anim-8, .anim-9, .anim-10, .anim-11, .anim-12 { -webkit-transform: translateY(100px) translateX(0); -moz-transform: translateY(100px) translateX(0); transform: translateY(100px) translateX(0); opacity: 0; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .anim-1 { -webkit-transition: transform .8s,opacity .8s; -moz-transition: transform .8s,opacity .8s; -o-transition: transform .8s,opacity .8s; transition: transform .8s,opacity .8s; } .anim-2 { -webkit-transition: transform 1s,opacity 1s; -moz-transition: transform 1s,opacity 1s; -o-transition: transform 1s,opacity 1s; transition: transform 1s,opacity 1s; } .anim-3 { -webkit-transition: transform 1.2s,opacity 1.2s; -moz-transition: transform 1.2s,opacity 1.2s; -o-transition: transform 1.2s,opacity 1.2s; transition: transform 1.2s,opacity 1.2s; } .anim-4 { -webkit-transition: transform 1.4s,opacity 1.4s; -moz-transition: transform 1.4s,opacity 1.4s; -o-transition: transform 1.4s,opacity 1.4s; transition: transform 1.4s,opacity 1.4s; } .anim-5 { -webkit-transition: transform 1.6s,opacity 1.6s; -moz-transition: transform 1.6s,opacity 1.6s; -o-transition: transform 1.6s,opacity 1.6s; transition: transform 1.6s,opacity 1.6s; } .anim-6 { -webkit-transition: transform 1.8s,opacity 1.8s; -moz-transition: transform 1.8s,opacity 1.8s; -o-transition: transform 1.8s,opacity 1.8s; transition: transform 1.8s,opacity 1.8s; } .anim-7 { -webkit-transition: transform 2s,opacity 2s; -moz-transition: transform 2s,opacity 2s; -o-transition: transform 2s,opacity 2s; transition: transform 2s,opacity 2s; } .anim-8 { -webkit-transition: transform 2.2s,opacity 2.2s; -moz-transition: transform 2.2s,opacity 2.2s; -o-transition: transform 2.2s,opacity 2.2s; transition: transform 2.2s,opacity 2.2s; } .anim-9 { -webkit-transition: transform 2.4s,opacity 2.4s; -moz-transition: transform 2.4s,opacity 2.4s; -o-transition: transform 2.4s,opacity 2.4s; transition: transform 2.4s,opacity 2.4s; } .anim-10 { -webkit-transition: transform 2.6s,opacity 2.6s; -moz-transition: transform 2.6s,opacity 2.6s; -o-transition: transform 2.6s,opacity 2.6s; transition: transform 2.6s,opacity 2.6s; } .anim-11 { -webkit-transition: transform 2.8s,opacity 2.8s; -moz-transition: transform 2.8s,opacity 2.8s; -o-transition: transform 2.8s,opacity 2.8s; transition: transform 2.8s,opacity 2.8s; } .anim-12 { -webkit-transition: transform 3.0s,opacity 3.0s; -moz-transition: transform 3.0s,opacity 3.0s; -o-transition: transform 3.0s,opacity 3.0s; transition: transform 3.0s,opacity 3.0s; } .anim-show { -webkit-transform: translateY(0px) translateX(0); -moz-transform: translateY(0px) translateX(0); transform: translateY(0px) translateX(0); opacity: 1; } .anim-list .anim-1 { -webkit-transition: transform .5s,opacity .5s; -moz-transition: transform .5s,opacity .5s; -o-transition: transform .5s,opacity .5s; transition: transform .5s,opacity .5s; } .anim-list .anim-2 { -webkit-transition: transform .6s,opacity .6s; -moz-transition: transform .6s,opacity .6s; -o-transition: transform .6s,opacity .6s; transition: transform .7s,opacity .7s; } @-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}} @keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}} @-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}} @keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}} @keyframes mymove8 { from { filter:alpha(opacity=0);opacity:0; -webkit-transform: translateY(0) translateX(-100px); -moz-transform: translateY(0) translateX(-100px); transform: translateY(0) translateX(-100px); -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;} to {filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0); -moz-transform: translateY(0px) translateX(0); transform: translateY(0px) translateX(0);} } @-webkit-keyframes mymove8 { from { filter:alpha(opacity=0);opacity:0; -webkit-transform: translateY(0) translateX(-100px); -moz-transform: translateY(0) translateX(-100px); transform: translateY(0) translateX(-100px); -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;} to {filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0); -moz-transform: translateY(0px) translateX(0); transform: translateY(0px) translateX(0);} } @keyframes mymove7 { from { filter:alpha(opacity=0);opacity:0; -webkit-transform: translateY(0) translateX(100px); -moz-transform: translateY(0) translateX(100px); transform: translateY(0) translateX(100px); -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;} to {filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0); -moz-transform: translateY(0px) translateX(0); transform: translateY(0px) translateX(0);} } @-webkit-keyframes mymove7 { from { filter:alpha(opacity=0);opacity:0; -webkit-transform: translateY(0) translateX(100px); -moz-transform: translateY(0) translateX(100px); transform: translateY(0) translateX(100px); -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;} to {filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0); -moz-transform: translateY(0px) translateX(0); transform: translateY(0px) translateX(0);} }*{margin:0; padding:0; border:0; background-repeat:no-repeat;} h1,h2,h3,h4,h5,h6,p{ font-weight:normal;} body{font-size:14px; font-family:Microsoft YaHei; margin:0px;padding:0px;color:#333;line-height:22px;height:auto;clear:both;background:#fff;} img{border:0px;} ul,li{ list-style:none;} em,i{ font-style:normal;} a{ text-decoration:none;color:#1a1a1a;} a:hover{ background-repeat:no-repeat;} a,area{blr:expression(this.onFocus=this.blur())} *,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased} /* header */ .header { position: relative;background: url("//pic20_2.qiyeku.com/qiyeku_pic/2010/7/10/yszp/product/product_pic/image/2020_10_12/20201012084532879.png") repeat-x top center; } .hd-Top { width: 100%;} .hd-Top .hd-con { position:relative;width:1200px; margin:0 auto; padding: 5px 0;height: 28px;line-height: 18px;} .hd-con > i {display: block; width: 100%; height: 3px; background: #1e73be; z-index: 3; position: absolute; top: 0; left: 0; animation:light 3s;} .hd-Top .hd-con .hd-link { float: right; color: #fff;} .hd-Top .hd-con h2 { padding-right: 37px; float: left; font-size:14px; font-weight: normal;} .hd-Top .hd-con h2:after { content: ''; display: inline-block; width: 14px; height: 14px; vertical-align: middle; padding-left: 20px;} .hd-Top .hd-con h2 > a { color: #999;} .hd-Top .hd-con p { float: right; font-size: 14px; color: #999;} .hd-Top .hd-con p em { color: #333;padding: 0 10px } /* header end */ .f_r{float:right;} .f_l{float:left;} .header-top{padding-top: 40px;} .searchBox .tel{padding-right:38px;float:right;color:#fff;font-size:14px;line-height:1.2;text-align:right;transition:all 0.3s;-webkit-transition:all 0.3s;background:url(//pic20_2.qiyeku.com/qiyeku_pic/2021/5/29/ksdled/product/product_pic/image/2021_06_15/20210615091127698.png) no-repeat right top} .searchBox .tel span{display:block;font-size:20px;font-weight:bold} .searchBox{position:relative;float: left;padding-top: 30px;padding-left: 60px;} .searchBox:before{width:1px;height:35px;position:absolute;left:30px;top:40px;background:#DFDFDF;content:""} .hd-nav-fix .searchBox{padding-top: 18px;} .hd-nav-fix .searchBox:before{top:23px;} .hd-nav-fix .header-top {padding-top: 2px;} .hd-nav-fix .header-top ul li:hover img{margin-top: 35px!important;} /* nav */ .nav {position: relative; background: #1c376c;height: 116px;border-top: 3px #caa266 solid;} .hd-nav-fix { position: fixed; z-index:999;top: 0; left: 0; right: 0;box-shadow: 0px 20px 20px -20px #e6e6e6; height: 80px;} .hd-nav-fix .nav-menu ul > li { height: 80px; line-height: 80px;} .hd-nav-fix .nav-con .hd-logo { padding: 6px 0;} .hd-nav-fix .nav-con .hd-logo img{ width: 70%;} .hd-nav-fix .nav-menu form { margin-top: 29px;} .hd-nav-fix .y-submenu07-box { top: 80px;} .nav .nav-con { width:1200px; margin:0 auto;} .nav-con .hd-logo { float: left; width: 242px; padding-top:12px;} .nav-con .hd-logo img{width: 90%;} .nav-con .nav-menu { float: right;} .nav-menu ul { float: left;} .nav-menu ul > li { float: left; font-size: 16px; line-height: 113px;margin-left: 45px;} .nav-menu ul > li > a { position:relative;display:block;color: #fff;} .nav-menu form{ float: left; position: relative; margin-top: 40px;} .nav-menu form button{background: none;border: none;cursor: pointer;width: 25px;height: 25px;padding: 0;} .nav-menu form .search {position: absolute;width: 0; font-size:14px;height: 35px;right: 35px;top: -4px;background: #fff;overflow: hidden;transition: all 0.5s;z-index: 99;box-shadow: 0 0 10px rgba(0,0,0,0.1); border: none;} .nav-menu form:hover .search{width: 240px;right: 35px; padding-left: 20px;} .nav-menu ul li.cur > a { color: #fff;} .nav-menu ul li > a:after { content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 4px; background: #fff;transform:scaleX(0);transition:all 0.5s;} .nav-menu ul li.cur > a:after, .nav-menu ul li:hover > a:after { transform: scaleX(1)} .nav-menu ul li:hover > a { color: #fff;} /* nav end */ /* D下拉 */ .y-submenu07-box { text-align:center;width:100%; height:70px; line-height:70px;background-color: #f4f4f4;position: absolute;left: 0;top:113px; z-index:999;display: none;} .y-submenu07-box a { display:inline-block; padding-left:12px;margin: 0 15px;font-size: 15px; color: #666;position: relative;} .y-submenu07-box a:after { content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: 0px;background: #ccc; width: 4px; height: 4px;border-radius:15px} .y-submenu07-box a:hover { color: #1d3573;} .y-submenu07-box a:hover:after { background: #1d3573;} /* D下拉 End */ .header-top ul{float:right} .header-top ul li{float:left;text-align:center;margin:0 10px;position:relative;color:#fff;line-height: initial;} .header-top ul li a{color:#fff} .header-top ul li img{display:none} .header-top ul li:hover img{display:block;position:absolute;z-index:999;top:30px;left:0} .header-top ul li > a:after {height: 0px;} @font-face {font-family: "iconfont"; src: url('/css/iconfont/iconfont.eot'); /* IE9*/ src: url('/css/iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/iconfont/iconfont.woff') format('woff'), /* chrome, firefox */ url('/css/iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('/css/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } @font-face { font-family: 'iconfont'; /* project id 781842 */ src: url('//at.alicdn.com/t/font_781842_mwi4e4l138.eot'); src: url('//at.alicdn.com/t/font_781842_mwi4e4l138.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_781842_mwi4e4l138.woff2') format('woff2'), url('//at.alicdn.com/t/font_781842_mwi4e4l138.woff') format('woff'), url('//at.alicdn.com/t/font_781842_mwi4e4l138.ttf') format('truetype'), url('//at.alicdn.com/t/font_781842_mwi4e4l138.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } table{border-collapse:collapse; border-spacing:0;} .pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#000;} .pager{font-size:14px; padding:0 10px; color:#666; line-height:25px; display:inline-block;background-color:#fff; margin:0px 5px;border: 1px solid #eee;} .pager_hover,.pager:hover{font-size:14px; background-color:#caa266; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#ffffff; } .first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#000; display:inline-block; margin:0px 5px; font-size:14px; } .clear{ clear:both;} .page_left{ width:235px; float:left;} .page_right{width:935px; float:right;} .left_title{background-image:url();background-repeat: no-repeat; background-position: left;background-color:#d3965c; font-size:16px; text-align:center; line-height:45px; height:45px; color:#ffffff;border-radius: 8px 8px 0 0;} .right_title{background-image:url();background-repeat: no-repeat; background-position: left; background-color:#eee; height:45px;background: linear-gradient(to right,#eee, #fff);} .right_title_span{float:left; text-indent:30px; font-size:16px; height:45px; font-weight: bolder; line-height:45px; color:#3a171b;} .left_a{background-image:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/9/25/yongjiang/product/product_pic/image/2019_10_08/20191008083827115.png);background-repeat:no-repeat; background-position:15px center; margin-top:3px; height:35px; line-height:35px; display: block; border-bottom:1px #f4f4f4 solid; text-indent:40px; color:#666;} .left_a:hover{ background-image:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/9/25/yongjiang/product/product_pic/image/2019_10_08/20191008083827115.png); border-bottom:1px #005cb9 solid; color:#005cb9; } #weizhi{ float:right; height:45px; line-height:45px; color:#707070; margin-right:20px;} #weizhi a{ color:#707070;} #weizhi .icon{ font-size:18px; color:#707070; display:inline-block; width: 12px; height:43px; margin-right:5px;} .page_one_banner{width: 100%; background-size:cover; background-position:center; background-repeat:no-repeat; height:431px; text-align:center; overflow:hidden;display:block;} .weixin:hover{cursor: pointer; } #top{background-color:#ffffff; height:100px;} .bannerBox{height:450px;overflow:hidden} .bannerBox span{display:block;font-size:33px;line-height:1.2;margin-top:140px;-webkit-user-select:none;user-select:none;color:rgba(255,255,255,.1)} .bannerBox font{display:block;font-size:33px;line-height:1.2;-webkit-user-select:none;user-select:none;color:rgba(255,255,255,.8)} .bannerBox font:after{content:'';background:url(//pic20_2.qiyeku.com/qiyeku_pic/2009/10/10/jianyu/product/product_pic/image/2020_09_27/20200927044325843.png);width:51px;height:3px;display:block;margin-top:25px} #header,#among,#footer,.width{max-width:1200px;margin:auto} /* Inpage-banner */ .Inpage-banner{ width: 100%; height: 450px; position: relative; background-repeat: no-repeat; background-position: center;} .Inpage-banner .Inpage-banner_tit { position: absolute; width:100%;margin-top: 150px;top:50%;margin-top: -56px; text-align: center;} .Inpage-banner .Inpage-banner_tit h2 { font-size: 38px; color: #fff; font-weight: normal;letter-spacing:20px;} .Inpage-banner .Inpage-banner_tit span { display:block; padding:10px 0 20px 0;font-size: 10px; color: #fff;font-family: DIN-Medium; letter-spacing:6px; opacity: 0.8;} .Inpage-banner .Inpage-banner_tit p { display:block;font-size: 18px; color: #fff;} /* Inpage-banner end*/ /* Inpage-Mbx */ .Inpage-Mbx { position:relative; height: 40px; line-height: 40px; z-index:2;margin-top: -40px; overflow: hidden;} .Inpage-Mbx .wrapper { text-align: left;color: #fff;} .Inpage-Mbx span { display: inline-block; font-size: 14px; color: #fff;} .Inpage-Mbx a { display: inline-block; font-size: 14px; color: #fff;} .Inpage-Mbx a > i { display: inline-block; background: url("../images/Inpage/mub01address_icon01.png") no-repeat center; width: 14px; height: 14px; margin: 0 6px; } .Inpage-Mbx em { font-size: 15px; display: inline-block; color: #fff; padding: 0 5px;} /* Inpage-Mbx end */ /* Inpape-Nav */ .Inpape-Nav{ overflow: hidden; background: #fff; text-align: center; font-size: 0;height: 82px;} .Inpape-Nav ul { display: inline-block;} .Inpape-Nav li { float:left;display: block; font-size: 18px; color: #666; padding:0 40px; position: relative;} .Inpape-Nav li:after {content:'';display:block;position: absolute;right: -4px;top: 35px;border-right: 2px dotted #666;width: 2px;height: 15px;} .Inpape-Nav li a { display:block; padding: 30px 0; color: #333;} .Inpape-Nav li:last-of-type:after { border: none;} .Inpape-Nav li.cur,.Inpape-Nav li:hover { background: url("//pic20_1.qiyeku.com/qiyeku_pic/2020/8/29/lingkedianqi/product/product_pic/image/2020_09_01/20200901055409643.png") no-repeat center; background-size: 100%;} .Inpape-Nav li.cur:after,.Inpape-Nav li:hover:after { display: none;} .Inpape-Nav li.cur a,.Inpape-Nav li:hover a { color: #fff;} /* Inpape-Nav end */ .partner { padding-top: 80px; padding-bottom:35px;overflow: hidden;} .wrapper {max-width: 1400px;margin: 0 auto;} /*通用样式*/ .web{width:1200px;margin:0px auto; position:relative;} .clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .clearfix{*zoom:1;} input,button,select,textarea{outline:none; border:none;margin:0;padding:0; font-family:Microsoft yahei} .container {width: 1200px; margin: 0 auto;} .zwt_w120{ width:1200px !important; margin-left:auto !important; margin-right:auto !important} .zwt_w920{ width:920px !important; margin-left:auto !important; margin-right:auto !important} .backbg{ background:#0195df} .whitebg{ background:#fff} .grybg{ background:#f7f8f9} .fr{ float:right} .fl{ float:left} .zwt_lujin{ background: url(//pic20_2.qiyeku.com/qiyeku_pic/2009/10/10/jianyu/product/product_pic/image/2020_09_27/20200927050029633.png) left center no-repeat;text-indent: 28px;color:#ccc} .zwt_lujin a{color:#666} .zwt_lujin a.mo{ color:#000} .zwt_banCt{ width:100%; height:450px; overflow:hidden; position:relative;} .zwt_banCt img{ width:1920px; height:450px; position:absolute; left:50%; top:0; margin-left:-960px;} .neiye, .neiye img{ height:450px;} .news, .news img{ height:450px;} /****内页侧导?**/ .subNav{ height:60px; line-height:60px; border-bottom:0px solid #e3e3e3; background:#efefef; } .subNav ul{ } .subNav li { display:block; float:left; text-align:center; font-size:15px; margin-right: 8px;width: 100px;} .subNav li.curr{ position:relative; z-index:11} .subNav li a{ color:#333; display:block;height: 60px;line-height: 60px;} .subNav li.curr a{ color:#fff; outline:none;background:#d8b67b;color:#FFF;height: 60px;width: 100px;line-height: 60px;overflow:hidden; } .subNav li.curr::after {content:'';display:block;position:absolute;bottom:0;left:50%;margin-left:-9px;border:9px solid transparent;border-bottom:9px solid #FFF} /*banner*/ .banner{ overflow:hidden; width:100%; height:788px; position:relative;} .banner ul{ overflow:hidden; width:100%; height:788px; position:relative} .banner li{ width:100%; height:788px; position:absolute; left:0; top:0} .banner li a{ display:block; width:100%; height:100%;} .banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:60px; margin-left:-35px;} .banner .btn span{ display:block; width:11px; height:11px; background:url(//pic21_1.qiyeku.com/qiyeku_pic/2021/9/6/zszhijian/product/product_pic/image/2021_09_26/20210926030447093.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;} .banner .btn span.cur{ background-position:right} .banner i{ display:none; width:42px; height:72px; position:absolute; cursor:pointer;} .banner i.btn_left{ left:0; top:345px; background:url(//pic21_1.qiyeku.com/qiyeku_pic/2021/9/6/zszhijian/product/product_pic/image/2021_09_25/20210925091254185.png) no-repeat top center;} .banner i.btn_right{ right:0; top:345px; background:url(//pic21_1.qiyeku.com/qiyeku_pic/2021/9/6/zszhijian/product/product_pic/image/2021_09_25/20210925091340013.png) no-repeat top center;} .banner:hover i{display:block} .banner i:hover{background-position:bottom} .ibrand-wrap{width: 1200px;margin: 0 auto;background: #fff;box-shadow: 2px 3px 8px #ccc;padding-top: 36px;height: 118px; position: relative;margin-top: -50px;z-index: 11} .ibrand-num li{float: left;width: 280px;height: 76px;border-right: 1px solid #efefef; font-size: 16px;color: #333333;text-align: center;} .ibrand-num li:nth-child(4){border-right:none;} .ibrand-num .li3{width: 350px;} .ibrand-num li em{display: inline-block;font-size: 44px;color: #222222;} .ibrand-num i{font-size: 14px;font-style: normal;position: relative;top:-6px;left:5px; color: #333} .ibrand-num li span{display: block;} .ibrand-num li:hover em,.ibrand-num li:hover i{color: #caa266;} .g_pp{padding-top: 200px;height: 614px;background:url(//pic20_2.qiyeku.com/qiyeku_pic/2015/8/7/zshj/product/product_pic/image/2020_09_11/20200911120209233.jpg) no-repeat center 0;position: relative;margin-top: -105px;} .g_pp dt{float: left;width: 602px;height: 338px;overflow: hidden;} .g_pp dt img{width: 602px;height: 338px;display: block;transition: all 0.3s linear 0s;} .g_pp dt:hover img{transform: scale(1.1);} .g_pp dd{float: right;width: 503px;} .g_pp h3{height: 125px;font-size: 40px;line-height: 50px;color: #2f3234;font-weight: normal;background:url(//pic21_1.qiyeku.com/qiyeku_pic/2021/9/6/zszhijian/product/product_pic/image/2021_09_26/20210926095116789.png) no-repeat 0 105px;} .g_pp h3 em{display: block;font-size: 22px;color: #4d4948;font-weight: normal;} .g_pp h3 b{color: #1e73be;} .g_pp p{font-size: 15px;line-height: 24px;color: #7c7c7c;margin-bottom: 20px;} .g_pp span a{display: block;background:url(//pic21_1.qiyeku.com/qiyeku_pic/2021/9/6/zszhijian/product/product_pic/image/2021_09_26/20210926095221968.png) no-repeat;width: 190px;height: 48px;line-height: 48px;padding-left: 50px;font-size: 15px;color: #fff;} .content {width: 1200px; margin: 0 auto;} #left_content{ width:235px;} .left_content_p{width:205px; margin:0 auto;} .left_content_p p{ line-height:28px; color:#666666;font-size: 13px;} #left_content{ width:235px;} .left_content_p{width:205px; margin:0 auto;} .left_content_p p{ line-height:28px; color:#666666;font-size: 13px;}.wrap_1200{width:1200px;margin:0 auto;overflow:hidden;position:relative} address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; } .content, .container {margin-left: auto; margin-right: auto;width: 1200px;} .zyyw{padding: 54px 0 0px;background:#fff} .tit-box{text-align:center} .tit-box .en{font-size:26px;color:#ccc;line-height:1.3em;font-weight:normal;font-family:font;text-transform:uppercase} .tit-box .ch{font-size:24px;color:#555;line-height:1.75em;font-weight:normal} .tit-box .ch b{font-weight:normal;color:#cca581} .tit-box span{display:inline-block;padding:0 40px;position:relative} .tit-box span:before,.tit-box span:after{content:"";position:absolute;top:50%;width:140px;height:1px;background:#eaeaea} .tit-box span:before{left:100%} .tit-box span:after{right:100%} .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut{0%{opacity:1} 100%{opacity:0} }@keyframes fadeOut{0%{opacity:1} 100%{opacity:0} }.owl-height{-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{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)} .owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel .owl-refresh .owl-item{display:none} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js .owl-carousel{display:block} .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-item img{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease} .owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-video-frame{position:relative;z-index:1} .owl-theme .owl-controls{text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{color:#fff;text-decoration:none} .owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline} .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /****** Product ******/ .Pro-Tab-Tit { /*! box-shadow: 1px 1px 6px #aaa; */ margin-bottom: 25px; margin-top: 35px;} .Pro-Tab-Tit li { float: left; width: 16%; text-align: center; } .Pro-Tab-Tit a { display: block; padding: 3px 20px; display: block; font-size: 16px; color: #000; line-height: 32px; transition: all 0.3s ease-out; border-radius: 50px;width: 190px;font-weight: normal;} .Pro-Tab-Tit .Icon { width: 30px; height: 28px; display: inline-block; overflow: hidden; position: relative; margin-right: 5px; top: 8px; } .Pro-Tab-Tit .Icon img { position: absolute; top: 0; left: 0; width: 30px; height: 56px; transition: ease-in; } .Pro-Tab-Tit li.cur a { background: #20356e; color: #fff; border-radius: 50px;width: 190px;} .Pro-Tab-Tit li.cur .Icon img { top: -28px; } .Pro-Tab-conten .Pro-Box { margin: 0 -12px; } .Pro-Box li { /*float: left; width: 25%;*/ height: auto; } .Pro-Box .Item { margin: 20px 12px; border: 1px solid #e5e5e5; background-color: #fff;} .Pro-Box .Item .pic { overflow: hidden; } .Pro-Box .Item .pic img { transition: all 0.3s ease-out; width: 100%;height: 280px;object-fit: contain;} .Pro-Box .Item .Intro { padding: 20px; text-align: center; } .Pro-Box .Item h3 { font-size: 14px; color: #333; line-height: 20px; margin-bottom: 10px; font-weight: 500; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Pro-Box .Item p { font-size: 12px; color: #999; line-height: 22px; overflow: hidden; text-overflow: ellipsis; height: 44px; } .Pro-Box .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; transition: all 0.3s linear; /*opacity: 0; filter: alpha(opacity=0);*/ z-index: 90; } .Pro-Box .owl-theme .owl-controls .owl-nav .owl-prev { left: -50px; background: url('//pic20_2.qiyeku.com/qiyeku_pic/2020/12/15/hengrmei/product/product_pic/image/2020_12_19/20201219110749722.png') no-repeat center center; background-size: 80%; } .Pro-Box .owl-theme .owl-controls .owl-nav .owl-next { right: -50px; background: url('//pic20_2.qiyeku.com/qiyeku_pic/2020/12/15/hengrmei/product/product_pic/image/2020_12_19/20201219110758400.png') no-repeat center center; background-size: 80%; } .Pro-Box .owl-theme .owl-dots { margin-bottom: 30px; } .Pro-Box .owl-theme .owl-dots .owl-dot { padding: 5px; margin: 5px; } .Pro-Box .owl-theme .owl-dots .owl-dot span { border: 1px solid #000; background: none; margin: 0; width: 6px; height: 6px; } .Pro-Box .owl-theme .owl-dots .active { border: 1px solid #000; border-radius: 100%; } .Pro-Box .owl-theme .owl-dots .active span { background: #000; } .wrapper { overflow: hidden; } .container { margin: 0 auto; width: 1200px; } @media (min-width:1200px){.Pro-Box .owl-theme .owl-controls .owl-nav .owl-prev:hover{background-image:url('//pic20_2.qiyeku.com/qiyeku_pic/2020/12/30/gouhuo/product/product_pic/image/2021_01_02/20210102022435897.png')} .Pro-Box .owl-theme .owl-controls .owl-nav .owl-next:hover{background-image:url('//pic20_2.qiyeku.com/qiyeku_pic/2020/12/30/gouhuo/product/product_pic/image/2021_01_02/20210102022448694.png')} .Pro-Box .Item:hover .pic img{transform:scale(1.1)} .Pro-Box .Item:hover h3{color:#2192ca} }@media (max-width:1360px){.Pro-Tab-Tit a{font-size:14px;padding:10px} .Pro-Tab-conten .Pro-Box{margin:0 -6px} .Pro-Box .Item{margin:10px 6px} .Pro-Box .owl-theme .owl-controls .owl-nav .owl-prev{left:-30px} .Pro-Box .owl-theme .owl-controls .owl-nav .owl-next{right:-30px} }@media (max-width:1025px){.Pro-Box .owl-theme .owl-controls .owl-nav [class*=owl-]{display:none !important} }.ys{ height:995px; overflow:hidden; background:url(//pic21_1.qiyeku.com/qiyeku_pic/2021/7/23/maike/product/product_pic/image/2021_07_28/20210728041044423.jpg) no-repeat center top;margin-top: 50px;} .tit1{ text-align:center; height:140px; position:relative; font:38px "Microsoft YaHei"; font-weight:bold; color:#333333;} .tit1:before{ content:""; position:absolute; top:60px; left:50%; width:62px; height:1px; background:#c8a063; margin-left:-31px;} .tit1 a{ color:#333333;} .tit1 em{ display:block; font:20px "Microsoft YaHei"; color:#333; padding-top:20px} .ys .web{ position:relative;} .ys .tit1{ padding:60px 0; height:182px;} .ys .tit1:before{ top:120px;} .ys .tit1 i{ font-size:32px; font-family: Arial; color:#c8a063;} .ys1 dl{ position:relative; height:665px;} .ys1 dt{ width:1180px; height:665px; overflow:hidden; position:absolute; top:60px; right:0; margin-right:-360px;} .ys1 dt img{ display:block;width:1180px; height:665px;} .ys1 dd{ width:380px; overflow:hidden; margin-top:95px;} .ys1 dd h3{ font:32px "Microsoft YaHei"; font-weight:bold; color:#c8a063; position:relative; padding-bottom:14px;} .ys1 dd h3:before{ content:""; position:absolute; bottom:0; left:0; width:260px; height:1px; background:#d7d7d7;} .ys1 dd h3 em{ display:block; font-size:40px; color:#dbdbdb; font-family: Arial; font-weight:normal;} .ys1 dd p{ font:14px "Microsoft YaHei"; line-height:27px; color:#666; margin-top:18px; width:337px;} .yst{ position:absolute; top:690px; left:0; z-index:2; width:570px; height:112px; background:rgba(200,160,99,0.7);} .yst li{ width:190px; height:112px; float:left; font:20px "Microsoft YaHei"; font-weight:bold; line-height:112px; color:#fff;} .yst li span{ display:block; width:34px; height:36px; overflow:hidden; float:left; margin:40px 10px 0 26px;} .yst li span img{ display:block;width:34px; height:36px;} .yst li:nth-child(2){ background:#c0a986;} .yst li:hover span em,.yst .cur span em{ display:none;} .yst li:hover,.yst .cur{ background:#c8a063; color:#fff;} #kkd_news.pc{padding:90px 0;background: url(//pic21_1.qiyeku.com/qiyeku_pic/2021/9/6/zszhijian/product/product_pic/image/2021_09_26/20210926101847206.jpg) no-repeat center;padding-bottom: 30px;} #kkd_news.pc .container{padding:0;width:1170px;margin:0 auto} #kkd_news.pc .news_title{text-align:center;margin-bottom:60px} #kkd_news.pc .news_title h1{font-size:32px;font-weight:bold;line-height:40px} #kkd_news.pc .news_content{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-top: 45px;} #kkd_news.pc .news_list{width:370px;height:188px;margin-bottom:30px} #kkd_news.pc .news_list .news_link{width:100%;height:100%;padding:30px 40px;border:1px solid #ddd;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column;position:relative;overflow:hidden;-webkit-transition:all 0.4s;transition:all 0.4s} #kkd_news.pc .news_list .news_link:hover{border-color:rgba(202,162,102,1)} #kkd_news.pc .news_list .news_link:before{content:"";width:100%;height:50%;display:block;background-color:rgba(202,162,102,1);position:absolute;top:0;left:-100%;z-index:1;-webkit-transition:all 0.4s;transition:all 0.4s} #kkd_news.pc .news_list .news_link:hover::before{left:0} #kkd_news.pc .news_list .news_link:after{content:"";width:100%;height:50%;display:block;background-color:rgba(202,162,102,1);position:absolute;right:-100%;bottom:0;z-index:1;-webkit-transition:all 0.4s;transition:all 0.4s} #kkd_news.pc .news_list .news_link:hover::after{right:0} #kkd_news.pc .news_list .news_link .news_name{display:block;font-size:16px;color:#333;line-height:22px;padding-top:10px;position:relative;z-index:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 0.4s;transition:all 0.4s} #kkd_news.pc .news_list .news_link:hover .news_name{color:#fff} #kkd_news.pc .news_list .news_link .news_name:before{content:"";width:18px;height:2px;display:block;background:rgba(32,53,110,1);position:absolute;top:0;left:0} #kkd_news.pc .news_list .news_link .news_info{font-size:14px;line-height:22px;height:44px;text-align:justify;overflow:hidden;color:#666;position:relative;z-index:2;-webkit-transition:all 0.4s;transition:all 0.4s} #kkd_news.pc .news_list .news_link:hover .news_info{color:#fff} #kkd_news.pc .news_list .news_link .more{font-size:14px;color:#333;position:relative;z-index:2;-webkit-transition:all 0.4s;transition:all 0.4s} #kkd_news.pc .news_list .news_link:hover .more{color:#fff;-webkit-transform:translateX(14px);transform:translateX(14px)}.link_jieshao{width:1190px; margin:0 auto; border:2px #caa266 solid;} .lj_title{ height:40px; line-height:40px; background-color:#fff; } .lj_titlespan{ color:#666; padding:0 20px; height:40px;line-height:40px; display:inline-block; text-align:center; background-color:#fff; cursor: pointer;} .lj_titlespanhover{background-color:#caa266; color:#ff;} .lj_box_main{display:none; line-height:28px;} .lj_box_mainhover{display:block;} .lj_box_main a{display: inline-block; padding:0 10px; line-height:30px;} .lj_box{padding:15px 0px; width:1160px; margin:0 auto;} .footer{background-color:#ededed;padding:60px 0;} .footer .web{display:flex;justify-content:space-between} .footer-other{width:(600/1500) * 100%;margin-left:50px} .footer-contact{display:flex;justify-content:space-between;padding-bottom:15;border-bottom:1px solid rgba(0,0,0,.1)} .footer-ewm{font-size:0;} .footer-ewm .img{padding:3px;background-color:#fff;width:105px;height:105px;display:inline-block;vertical-align:top;margin-left:10px;border-radius:10px;overflow:hidden;} .footer-ewm img{display:block;width:100%;height:100%} .footer-phone{flex:1;overflow:hidden;} .footer-phone .t{font-size:18px;color:#333;margin-bottom:10px} .footer-phone .phone{font-family:Arial;font-size:36px;font-weight:bold;margin-bottom:8px;color:#333} .footer-phone .p{font-size:16px;color:#676767} .footer-copyright{padding-top:18px;font-size:14px;line-height:30px;color:#6a6a6a;} .footer-copyright a{color:#6a6a6a;} .footer-copyright a:hover{color:#132f5d} @media screen and (max-width:1100px){ .footer{padding:60px 0;} .footer-other{width:100%;margin-left:0} .footer-contact{display:block;text-align:center} .footer-phone{display:block;margin-bottom:20px} } .fast-link{flex:1;display:flex;overflow:hidden;} .fast-link .item{flex:1;box-sizing:border-box;} .fast-link .top{text-align:center;margin-bottom:20px;display:inline-block;vertical-align:top;} .fast-link img{display:block;width:57px;height:57px;margin:0 auto 10px} .fast-link h3 a{color:#132f5d;font-size:15px;font-weight:bold;} .fast-link h3 a:hover{text-decoration:underline} .fast-link-list li{margin-bottom:8px;} .fast-link-list li a{font-size:13px;color:#a1a1a1;} .fast-link-list li a:hover{color:#132f5d}/******** 在线客服样式 *******/ /*客服1*/ .y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;} .y-kefu-box img { display: block; width: 100%; height: auto; } .y-kefu-box01 .icon { display: block; background: url(//pic21_1.qiyeku.com/qiyeku_pic/2021/9/6/zsycjl/product/product_pic/image/2021_09_24/20210924044513406.png) no-repeat; margin: 0 auto 6px;} .y-kefu-box01 { width: 54px; color: #666; text-align: center; } .y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;} .y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #caa266; position: absolute; bottom: -12px; left: 13px; z-index: 1; } .y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;} .y-kefu-box01 .show-status { position: relative; } .y-kefu-box01 .show-status .kf-zixun { background-color: #caa266; border-color: #caa266; color: #fff; margin: 10px 0 7px;} .y-kefu-box01 .kf-zixun { border-radius: 2px; } .y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; } .y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; } .y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; } .y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; } .y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; } .y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; } .y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; } .y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; } .y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; } .y-kefu-box01 .back-top:hover i { background-position: -30px -98px; } .y-kefu-box01 .kf-email, .y-kefu-box01 .back-top { border-bottom: solid 1px #efefef;} .y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;} .y-kefu-box01 .hver:hover { background-color: #caa266; border-color: #caa266;} .y-kefu-box01 .hver:hover>p { color: #fff; } .y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} /*咨询热线*/ .y-kefu-box01 .mobile-infos { width: 215px; text-align: left; top: 0;} .y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; } .y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; } .y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; } .y-kefu-box01 .mobile-infos span { color: #999; } .y-kefu-box01 .mobile-infos p { color: #1d3573; font-size: 18px; } /*二维?/ .y-kefu-box01 .y-ewm-box { width: 302px; height: 178px; top: -60px;} .y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; } .y-kefu-box01 .y-ewm-box img { width: 94px; height: 94px; margin: 30px auto 10px; } .y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 149px; border-right: solid 1px #efefef; } .y-kefu-box01 .y-ewm-box .right { top: 84px; } /*email*/ .y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color: #999; text-align: left; bottom: 0; } .y-kefu-box01 .y-email-infos p { color: #caa266; font-size: 16px; } .y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; } .y-kefu-box01 .y-email-infos .right { top: 55px; } .y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color: #caa266;position: absolute; top: 37px; left: 55px; z-index: 9;} .y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; } .right{width:12px;height:12px;position:absolute;right:-12px;top:24px} .right-arrow1,.right-arrow2{width:0;height:0;display:block;position:absolute;left:0;top:0;border-top:6px transparent dashed;border-right:6px transparent dashed;border-bottom:6px transparent dashed;border-left:6px white solid;overflow:hidden} .right-arrow1{left:1px;border-left:6px #efefef solid} .right-arrow2{border-left:6px white solid}