.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} #page{ width:100%; height:44px; padding:10px 0; margin-top:5px; text-align:center; background:#fff;} .pt_list {line-height: 11px; } .pt_list a{ line-height: 37px; height: 37px; display: block; overflow: hidden;} .pt_list a span{ font-size:10px; margin-right:10px;} .pt_list a:hover,.pt_list a:hover span{ color:#db5b59;} .pt_list_a_hover{color:#db5b59; } .pt_list1 a{width: 190px;height: 48px;line-height: 48px;float: left;font-size: 14px;background: #F6F6F6;color: #333;cursor: pointer;position: relative;text-align: center;} .pt_list2 a{} .pt_list3 a{text-indent: 25px; } .pt_list4 a{text-indent: 35px; } .pc-list li:hover {background-color: #caa266;} .fdom_hover{ background-color:#caa266;} .pt_box2{display: none;} .pt_box2_hover{display: block;} .pt_list2_hover{ background-color:red;} .backbg{ background:#fff;} /**选项**/ .zwt_flei{ height:90px; background:#fff; border-bottom:1px solid #e0e1e2;} .zwt_fleisear b{ font-size:20px; color:#0b0b0b; display:block; font-weight:normal; margin-right:27px; line-height:90px; float:left} .zwt_fleichaxun{ padding-top: 10px;min-height: 80px;margin-bottom: 25px;overflow: hidden;height: auto;} .zwt_fleilujin{ float:right; line-height:90px;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_fleilujin a{ color:#939393} .zwt_fleilujin a.mo{ color:#0b0b0b} /*pd详细*/ .proDetailOne{ height:auto; display:block; overflow:hidden;} .proDetailOneR{ float:right; display:inline-block; height:auto; width:100%; text-align:center;} .proDetailOneR h3{ font-size:20px; line-height:24px; padding:35px 0 20px;} .proType{ text-align:center; line-height:20px; border-bottom:1px solid #ececec;} .proPrice{ padding:50px; text-align: left;} .mub01Top{width:100%;height:42px;border-bottom:1px solid #eaeaea} .mub01Top h3{color:#333;font-size:20px;float:left} .mub01Top h3 i{display:block;width:24px;height:1px;background:#1d366e;position:relative;top:18px} .mub01Top h3 em{color:#caa266;font-weight:700} .mub01Top a.more{display:block;font-size:13px;color:#666;float:right;margin-right:6px;text-decoration:none;line-height:34px} .mub01Top a.more:hover{color:#caa266} .tuijian-product-box{width:96%;border:1px solid #e4e4e4;padding:0 2% 20px;margin-top:0px} .tuijian-product-box .conBox{width:100%;margin-top:20px} .tuijian-product-box .conBox li{width:32%;float:left;margin-left:1.8%;text-align:center} .tuijian-product-box .conBox li.noMl{margin-right:0} .tuijian-product-box .conBox li:first-child{margin-left:0} .tuijian-product-box .conBox li span{display:block;width:100%;height:auto;overflow:hidden;border:1px solid #e4e4e4} .tuijian-product-box .conBox li img{display:block;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease-out;transition:all 1s ease-out;width:100%;height:250px} .tuijian-product-box .conBox li:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)} .tuijian-product-box .conBox li em{display:block;font-size:14px;color:#333;margin-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .tuijian-product-box .conBox li a{display:block;text-decoration:none} .tuijian-product-box1200{width:1200px;border:none 0;padding:0;margin:40px auto;margin-bottom: 60px;} .tuijian-product-box1200 .conBox li{width:24.2%;margin-left:1%} #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;}.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}