html{overflow-y:scroll;overflow-x:hidden}
*{margin:0px;padding:0px;word-wrap:break-word}
img,input,select{vertical-align:middle}
ul,li{list-style:none}
a{text-decoration:none;color:#333}
a:hover,.fmenu li a:hover{color:#333;-webkit-transition:color ease 0.6s}
img{border:none}
.clear{clear:both;height:0px;margin:0;padding:0;width:0;border:none;overflow:hidden}
body{font-size:14px;font-family:"Microsoft YaHei";color:#777777;background:#fff}
.fl{float:left}
.fr{float:right}
#body{width:100%;overflow:hidden;background:#f0f0f0}
.body h4{font-size:14px;font-weight:normal;margin-bottom:10px;height:18px;line-height:18px;text-align:right;margin-right:20px}
.body h5{font-size:14px;font-weight:normal;margin-bottom:10px;width:100%;height:18px;line-height:18px;text-align:right}
.body{width:1215px;margin:68px auto 0 auto;position:relative;padding-bottom:100px}
.left{width:866px;background:#fff;margin-left:10px;padding:33px 0 0 38px;margin-bottom:16px;border-radius:10px;overflow:hidden;padding-bottom:30px;position:relative;box-shadow:rgba(0,0,0,.27) 0 1px 3px}
.left1{width:1165px;background:#fff;margin-left:10px;padding:33px 0 0 38px;margin-bottom:16px;border-radius:10px;overflow:hidden;padding-bottom:30px;position:relative;box-shadow:rgba(0,0,0,.27) 0 1px 3px}
.left .caselist h3,.left1 .caselist h3{font-size:20px;color:#272727;font-weight:normal;margin-bottom:23px}
.right{width:252px;min-height:50px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:rgba(0,0,0,.27) 0 1px 3px;margin-right:15px}
.right li{height:53px;line-height:53px}
.right li a{font-size:18px;padding-left:30px;display:block;border-bottom:1px solid #e5e5e5}
.right li a:hover{background:#c3d72d;color:#1a1a1a;border-bottom:none}
.submenu li{width:113px;height:39px;float:left;line-height:39px;font-size:16px;text-align:center}
.submenu li a:hover{background:#747474;color:#fff;display:block}
.scroll{position:absolute;bottom:20px;left:40%}
.page{width:1200px;background:#fff;margin-left:10px;padding:38px;margin-bottom:16px;border-radius:10px;overflow:hidden;box-shadow:rgba(0,0,0,.27) 0 1px 3px;padding-bottom:30px;position:relative}
.page p{line-height:24px;line-height:30px;font-size:14px;color:#333}
.pcto_bg{top:100px;width:100%;transition:all ease 0.3s;height:0px;background:rgba(0,0,0,0.9);transition:all ease 0.3s;position:absolute;z-index:99;left:0}
.pcto{width:100%;position:relative;height:100px;background-image:url(http://pic20_1.qiyeku.com/qiyeku_pic/2020/8/25/huodun/product/product_pic/image/2020_08_27/20200827100201002.png); background-position:top center; }
.pcto_box{width:1200px;margin:0 auto;height:100px}
.pcto_box .pcto_logo{display:inline-block;margin-top:0px}
.pcto .pcto_menu{float:right}
.pcto .pcto_menu_xun{float:left;margin:10px 0px 0 75px;height:90px;text-align:center;min-width:56px;}
.pcto .pcto_menu_xun .pcto_menu_a{transition:all ease 0.3s;display:inline-block;height:87px;line-height:90px;font-size:16px;color:#fff;text-align:center;font-weight: bold;}
.pcto .pcto_menu_xun:hover .pcto_menu_a{transition:all ease 0.3s;color:#1fcdff;border-bottom:#1fcdff solid 3px}
.pcto .pcto_menu_xun.on .pcto_menu_a{color:#fff;border-bottom:#fff solid 3px}
.pcto_menu_a{}
.pcto_xl{position:absolute;z-index:100;height:0;overflow:hidden}
.pcto_xl a{margin-right:35px;float:left;display:inline-block;line-height:58px;font-size:13px;color:#fff;text-align:center}
.pcto_menu_xun:hover .pcto_bg{height:58px;transition:all ease 0.6s}
.pcto_menu_xun:hover .pcto_xl{height:58px;transition:all ease 0.6s}
.page{width:1200px;background:none;box-shadow:none;padding:0px}
.body{padding-bottom:0px;width:1200px}
.topadcs{width:100%;overflow:hidden;text-align:center;margin:0px auto}
.topadcs a img{width:100%;height:auto;display:block}
.topadcs a{display:block;margin:0 auto}
.topadcs a.fullad{height:600px}
.n_path{border-top:1px #4e88dc solid}
.n_path li{height:30px;line-height:30px;text-align:center;float:left;background:#4e88dc;padding:0 15px;font-size:14px;margin-left:10px;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear}
.n_path li a{display:block;color:#1a1a1a;}
.n_path li a:hover{color:#4e88dc}
.n_path li.current a,.n_path li.current,.n_path li:hover{background:#1a1a1a;color:#4e88dc}
.pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#9e9e9e;}
.pager{font-size:14px; padding:0 10px; color:#ffffff; line-height:25px; display:inline-block;background-color:#9e9e9e; margin:0px 5px;}
.pager_hover,.pager:hover{font-size:14px; background-color:#4e88dc; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#fff; }
.first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#9e9e9e; display:inline-block; margin:0px 5px; font-size:14px; }
.clear{ clear:both;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
.web{width:1200px;margin:0 auto;}
.mb35{margin-bottom:35px;}
.mt30{margin-top:30px;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; *display:none;}
.clearfix{*zoom:1;}
em,i,b{ font-style:normal;}
.pageslink{ float: right;}
.pagestitle h4 span{display:block; color:#1a1a1a;font-size:20px;line-height:20px;font-weight:bold;}
.pagestitle h4 em{font-size:36px;color:#c1e089;text-transform:capitalize;line-height:40px;font-family:"AvantGardeITCbyBT-Medium",Arial;}
.pageslink .indexicon{width:14px;height:19px; display:inline-block;background:url(../webimages/home.png) center 5px no-repeat; vertical-align:top;}
@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_kxz26gvjmfb.eot');
src: url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.woff2') format('woff2'),
url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.woff') format('woff'),
url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.ttf') format('truetype'),
url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.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;
}
.header-top,.header-top ul{float:right;padding-top: 20px;padding-left: 15px;}
.header-top ul li{float:left;height:35px;line-height:35px;text-align:center;margin:0 10px;position:relative;color:#fff}
.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}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.wal{width:1200px; margin:0px auto;}
.pageBox{ padding: 60px 0 50px; }
.pageBanner{ position:relative;}
.pageBanner .imgDiv img{ width:100%;}
.pageBanner .txtDiv{ position: absolute; left: 0px; width: 100%; top: 50%; margin-top: -67px; z-index: 5; text-align: center;}
.pageBanner .txt1{ font-size: 60px; color: #fff; opacity: 0.4; padding-bottom: 10px; font-weight: bold;line-height: 60px;}
.pageBanner .txt2{ font-weight: bold; font-size: 24px; color: #fff; position: relative; height: 60px; }
.pageBanner .txt2 em{ position: absolute; left: 50%; display: block; width: 34px; height: 4px; background: #1fcdff; margin-left: -17px; bottom: 0px; }
.pageTop{ border-bottom: #ececec solid 1px; height: 60px; }
.pageTop .wal{ position: relative; height: 60px; }
.pageNow{ padding-left: 23px; height: 60px; line-height: 60px; color: #a2a2a2; overflow: hidden; background: url(../images/nimg17_1.png) left center no-repeat;}
.pageNow a{ color: #a2a2a2; }
.pageNow a:hover{ color:#060606;}
.pageNow em{ color: #060606; }
.pageNav{ height: 60px; position: absolute; right: 0px; top: 0px; }
.pageNav li{ float: left; width: 102px; height: 60px; font-size: 15px;}
.pageNav .li01{ width: 189px; }
.pageNav li a{ display: block; height: 60px; line-height: 60px; text-align: center; color: #636363;}
.pageNav li a:hover, .pageNav li .aNow{ color: #fff; background: #4e88dc;}
@media only screen and (max-width: 1920px) {
.prol {left: 622px!important;}
}
/*banner*/
.banner_pc{display:block;}
.banner_mobile{display:none;}
.banner .flex-control-nav {position: absolute; bottom:25px; left:50%; width: 100%; height:14px; margin-left:-50%; text-align: center;z-index:998;}
.banner .flex-control-nav li{display: inline-block; margin:0 10px; }
.banner .flex-control-nav a { width:14px !important; height:14px !important; background:url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035639291.png) center center no-repeat !important; display: inline-block; text-align: center; cursor: pointer; zoom: 1; }
.banner .flex-control-nav a.flex-active { zoom: 1; background:url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035647947.png) center center no-repeat !important; }
.banner .slides a { display: block; width:100%; height:100%; }
.banner .flex-direction-nav { overflow: hidden; position: absolute; top:50%; left:0px; z-index:9; width:100%; margin-top: -32px; }
.banner .flex-direction-nav li { position: relative; transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-o-transition:all .9s ease;}
.banner .flex-direction-nav li { float:right; right:-100px; }
.banner .flex-direction-nav li:first-child { float:left; left:-100px; }
.banner .flexslider:hover .flex-direction-nav li { right:0; }
.banner .flexslider:hover .flex-direction-nav li:first-child { left:0; }
.banner .m_flexslider:hover .flex-direction-nav li { right:0; }
.banner .m_flexslider:hover .flex-direction-nav li:first-child { left:0; }
.banner .flex-direction-nav li a { height:64px; width:64px; display: block; background-repeat: no-repeat; background-position: center; font-size: 0; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; }
.banner .flex-direction-nav li .flex-prev{background-image: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035656650.png); }
.banner .flex-direction-nav li .flex-next{background-image: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035703072.png); }
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flexslider{ overflow:hidden;}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block;height: 100%; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider { background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides{zoom: 1;}
.carousel li{margin-right: 5px; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
#side{position:fixed;right:0;top:75%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:999}
#side li{margin-bottom:1px;float:right;clear:both}
#side li a{padding:6px 0 5px;width:70px;display:block;font-size:13px;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;border-radius:5px 0 0 5px;background:#00adef;color:#fff;}
#side li a:hover{padding-right:10px}
#side li a img{margin:0 auto 3px;display:block}
#side .tel1{margin-bottom:15px;width:70px;clear:both;float:right;overflow:hidden;cursor:pointer;font-size:13px;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;border-radius:5px 0 0 5px;background:#00adef;color:#fff;}
#side .tel1:hover{width:220px}
#side .tel1 .subTel{width:220px}
#side .tel1 .txt{padding:6px 0 5px;width:70px;float:left;display:block;}
#side .tel1 .txt img{margin:0 auto 3px;display:block}
#side .tel1 .num{width:149px;display:block;float:left;color:#fff;font-size:18px;font-weight:bold;line-height:66px;border-left:1px solid #115fad}
#side .tel1 .num a{color:#fff;}
#side .pageTop1{float:right;clear:both;margin-right:13px;border-radius:50%;overflow:hidden;opacity:.33;transition:all 0.3s}
#side .pageTop1:hover{display:block;opacity:1}
#side .my-kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333}
.my-kefu-weixin-pic img{width:115px;height:115px}
a{cursor:pointer}.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;width: 220px;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexTitle{ text-align: center; }
.indexTitle .title1{ font-weight: bold; font-size: 40px; line-height: 40px; color: #fff;}
.indexTitle .title2{ padding-top: 10px; font-size: 24px; color: #777b80; text-transform: uppercase;}
.indexPart1{ /*border-top: #29292c solid 10px;*/ padding-top: 85px; height: 835px; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/6/11/zsaositai/product/product_pic/image/2021_06_30/20210630022303736.jpg) no-repeat center; background-size: cover;}
.indexPart1 .msg{ text-align: center; font-size: 16px; color: #a0a3a8; padding: 24px 0 36px;}
.indexPart1Pic{ position: relative; }
.indexPart1Pic .slick .box{ margin: 0 6px; height: 465px; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/6/11/zsaositai/product/product_pic/image/2021_06_28/20210628030423479.jpg) no-repeat center;/* background-size: 100% 100%;*/}
.indexPart1Pic .slick a{ display: block; width: 100%; height: 100%; }
.indexPart1Pic .slick .imgDiv{ text-align: center; padding: 40px 0 10px; }
.indexPart1Pic .slick .name{ text-align: center; font-size: 24px; color: #fff; font-weight: bold; height: 32px; line-height: 32px; overflow: hidden;}
.indexPart1Pic .slick .wen{ font-size: 14px; color: #999; text-align: center; }
.indexPart1Pic .slick-prev{ display: block; position: absolute; left: -80px; top: 50%; margin-top: -24px; width: 48px; height: 48px; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/6/11/zsaositai/product/product_pic/image/2021_06_28/20210628030332393.png) no-repeat center; z-index: 5;}
.indexPart1Pic .slick-next{ display: block; position: absolute; right: -80px; top: 50%; margin-top: -24px; width: 48px; height: 48px; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/6/11/zsaositai/product/product_pic/image/2021_06_28/20210628030341578.png) no-repeat center; z-index: 5;}
.indexPart1Pic .slick-prev:hover{ background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/6/11/zsaositai/product/product_pic/image/2021_06_30/20210630032735372.png) no-repeat center; }
.indexPart1Pic .slick-next:hover{ background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/6/11/zsaositai/product/product_pic/image/2021_06_28/20210628030359117.png) no-repeat center; }
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;outline:none}
.slick-list{position:relative;outline:none;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;outline:none;float:left;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}.seabox{overflow: hidden;height:65px;overflow:hidden;background: #666;font-family: "Microsoft Yahei";font-size:14px;background: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/30/lihong/product/product_pic/image/2019_07_08/20190708104607680.gif) repeat-x;}
.search00{width:1200px; margin:0 auto;}
.sea_in{margin-top: 13px;}
.sea_in .serach{width:276px;height:35px;border:0;line-height:35px;color:#666;padding:0 0 0 10px;float:left;outline: none;display: block;font-size:14px;background:url(images/sou1.jpg) no-repeat left top;border:none; }
.sea_in .sub{ width:31px; height:35px;background:url(images/sou2.jpg) no-repeat left top;border:none; float:left;}
.k_word{overflow:hidden;width:1200px;color:#666; height: 52px; line-height: 52px;}
.k_word a{color:#666; display: inline-block; padding: 0 12px;font-size:14px;}
.k_word b{font-weight: normal;}.proys{overflow: hidden}
.proys h2 a { margin-top: 82px; display: block; font-size: 24px; color: #333; line-height: 100%; text-indent: 654px; margin-bottom: 31px; letter-spacing: 3px }
.proys li { position: relative; width: 146px; height: 721px; margin-bottom: 103px; margin-right: 54px; float: left; transition: all ease .5s; overflow: hidden }
.proys li img:first-child { width: 146px; height: 207px; display: block; padding: 38px 0 45px; border-top: 2px solid #666; border-bottom: 2px solid #666; margin-bottom: 43px }
.proys li img:nth-child(2) { width: 146px; height: 207px; position: absolute; top: 40px; left: 0; z-index: -1; transition: all ease .5s }
.proys li h4 { font-size: 32px; color: #363636; line-height: 100%; transition: all ease .5s; position: absolute; left: 0; top: 337px; height: 121px; font-weight: 600; transition-delay: .1s }
.proys li h4 span { display: block; font-size: 20px; color: #363636; line-height: 30px; margin-top: 27px }
.proys li .number { display: block; font-size: 48px; color: #e1e1e1; line-height: 100%; margin-top: 67px; margin-bottom: 83px; position: absolute; top: 458px }
.proys li .zoomit { display: block; top: 652px; right: 103px; width: 37px; height: 37px; border: 3px solid #605F5F; border-radius: 50%; position: absolute !important; transition: all ease .5s; position: relative }
.proys li .zoomit:before { position: absolute; content: ""; width: 12px; height: 3px; background: #605f5f; left: 12.5px; top: 17px }
.proys li .zoomit:before { border-radius: 30px }
.proys li .zoomit:after { position: absolute; content: ""; width: 3px; height: 12px; background: #605f5f; right: 16.5px; top: 13px }
.proys li .zoomit:after { border-radius: 30px }
.proys li .info { position: absolute; top: 900px; right: 0; width: 146px; font-size: 16px; color: #fff; line-height: 30px; transition: all ease .5s }
.proys li:last-child { margin-right: 0 }
.proys li.cur { width: 600px }
.proys li.cur img:first-child { display: none }
.proys li.cur img:nth-child(2) { display: block; width: 600px; height: 721px; top: 0; left: 0; z-index: 1 }
.proys li.cur h4 { z-index: 2; left: 42px; top: 562px; font-size: 42px; color: #fff; font-weight: 700; width: 130px; height: 159px; border-right: 1px solid #4C4C4C }
.proys li.cur h4 span { color: #fff; margin-top: 13px }
.proys li.cur .number { display: none }
.proys li.cur .zoomit { border-color: #fff; top: 48px; right: 45px; position: absolute; z-index: 2 }
.proys li.cur .zoomit:before { background: #fff }
.proys li.cur .zoomit:after { display: none }
.proys li.cur .info { display: block; width: 333px; top: 587px; right: 52px; z-index: 2 }.News{background-color: #f2f2f2;padding-bottom: 100px;}
.NewsCon dl{width: 500px;background-color: #fff;}
.NewsCon dl dt{width: 500px;height: 280px;overflow: hidden;}
.NewsCon dl dt img{display: block;width: 500px;height: 375px;transition: .8s;}
.NewsCon dl:hover dt img{transform: scale(1.1);}
.NewsCon dl dd{padding-bottom: 30px;}
.NewsCon dl dd h3{font-weight: normal;margin-top: 37px;padding: 0 45px;}
.NewsCon dl dd h3 a{color: #181818;font-size: 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.NewsCon dl dd p{color: #666;font-size: 14px;margin-top: 30px;padding: 0 45px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 25px;}
.NewsCon dl dd a.More{color: #999;font-size: 14px;display: inline-block;*display: inline;*zoom: 1;margin-top: 30px;background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/6/11/zsaositai/product/product_pic/image/2021_06_29/20210629095655625.png) no-repeat right;padding-right: 20px;float: right;margin-right: 45px;}
.NewsCon dl:hover dd a.More{color: #181818;}
.NewsCon dl:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.NewsCon ul{width: 670px;}
.NewsCon ul li{width: 590px;background-color: #fff;padding: 30px 40px 17px;overflow: hidden;margin-top: 20px;}
.NewsCon ul li:first-child{margin-top: 0;}
.NewsCon ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.NewsCon ul li h3{font-weight: normal;overflow: hidden;}
.NewsCon ul li h3 span{color: #999;font-size: 12px;float: right;}
.NewsCon ul li h3 a{color: #181818;font-size: 20px;width: 500px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;float: left;}
.NewsCon ul li p{color: #666;font-size: 15px;margin-top: 13px;line-height: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.NewsCon ul li a.More{color: #999;font-size: 14px;display: inline-block;*display: inline;*zoom: 1;background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/6/11/zsaositai/product/product_pic/image/2021_06_29/20210629095655625.png) no-repeat right;padding-right: 20px;float: right;margin-top: 10px;}
.NewsCon ul li:hover a.More{color: #181818;}
.NavTop{text-align: center;margin-bottom: 35px;}
.NavTop a{display: inline-block;*display:inline;*zoom:1;margin: 0 20px;color: #666;font-size: 15px;padding-bottom: 10px;}
.NavTop a.cur{border-bottom: 2px #000 solid;color: #000;}.AboutUs{background-color: #1e1e1e;}
.AboutUsTop{position: relative;}
.AboutUsTop span{width: 1200px;height: 580px;display: block;position: relative;top: 60px;cursor: pointer;}
.AboutUsTop span img{display: block;width: 1200px;height: 580px;}
.AboutUsTop em{width: 358px;height: 519px;display: block;position: absolute;left: -358px;top: 58px;}
.AboutUsTop em img{width: 358px;height: 519px;display: block;}
.AboutUsBot{background-color: #f2f2f2;padding: 160px 0 0px;}
.AboutUsBot dl dt h3{font-size: 24px;color: #282828;font-weight: normal;line-height: 35px;font-family: "icomoon";}
.AboutUsBot dl dt i{width: 43px;height: 2px;background-color: #1e1e1e;display: block;margin-top: 150px;}
.AboutUsBot dl dd{width: 600px;}
.AboutUsBot dl dd p.p1{font-size: 15px;color: #666;line-height: 25px;font-family: "icomoon";}
.AboutUsBot dl dd ul{margin-top: 60px;}
.AboutUsBot dl dd ul li{float: left;border-left: 2px #d2d2d2 dotted;text-align: center;padding-left: 50px;margin-left: 50px;height: 75px;}
.AboutUsBot dl dd ul li p{font-size: 15px;margin-top: 20px;}
.AboutUsBot dl dd ul li p a:hover{color:#000;}
.AboutUsBot dl dd ul li p a{color: #282828;}
.AboutUsBot dl dd ul li span{width: 25px;height: 25px;display: block;margin: 5px auto 0;}
.AboutUsBot dl dd ul li span img{width: 25px;height: 25px;display: block;transition: all 0.5s;position: relative;top: 0;}
.AboutUsBot dl dd ul li:first-child{border-left: none;padding-left: 0;margin-left: 0;}
.AboutUsBot dl dd ul li:hover span img{transform: rotateY(360deg);top: -15px;}
.content,.container{margin-left:auto;margin-right:auto;width:1200px}
.video-frame{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.8);z-index: 9999999;}
.video-frame .box{ width:1100px; height:500px; border:5px solid #027ecc; position:absolute; z-index:5; left:50%; top:20%; margin-left:-555px; background-color:#000; border-radius:5px;z-index: 99;}
.video-frame .box .close{ display:block; position:absolute; cursor:pointer; right:-30px; top:-5px}
/* Title*/
.Title{text-align: center;padding: 70px 0 70px;position: relative;}
.Title h4{text-transform: uppercase;font-weight: normal;font-size: 24px;color: #282828;position: relative;z-index: 9;font-family: "icomoons";}
.Title h3{font-size: 36px;margin-top: 10px;font-weight: normal;color: #282828;font-family: "icomoon";}
.Title h3 a{color: #282828;}
.Title h1{border-top: 2px #e6e6e6 dotted;position: absolute;left: 0;width: 100%;top: 145px;z-index: 1;}
.Title h1 img{display: block;width: 27px;height: 16px;position: absolute;top: -9px;right: 95px;}
.Title p{color: #666;font-size: 14px;margin-top: 25px;font-family: "icomoon";}
.Title02{padding-bottom: 10px;}
.Title02 h4{color: #fff;}
.Title02 h3 a{color: #fff;}
.Title02 h1{border-top: 2px #343434 dotted;}
.Title03{padding-bottom: 365px;}
.Title03 h3{color: #fff;}
/* Title End */.com-width{margin-right:auto;margin-left:auto;width:1200px}
.bg-gray{background:#f4f4f4}
.select-content{padding:100px 0}
.select-content .item{float:left;width:50%;overflow:hidden;position:relative}
.select-content .item .box{}
.select-content .item .box .cont{position:absolute;left:3.5%;top:50px}
.select-content .item .box .cont h4{font-size:20px;color:#666;font-weight:bold}
.select-content .item .box .cont p{margin-top:10px;color:#999}
.select-content .item .box .cont.white h4,.select-content .item .box .cont.white p{color:#fff}
.img-scale:hover img,.pic-scale:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.img-scale img,.pic-scale img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.link_jieshao{width:1200px; margin:0 auto; border:2px #ccc solid;}
.lj_title{ height:40px; line-height:40px; background-color:#ddd; }
.lj_titlespan{ color:#333; padding:0 20px; height:40px;line-height:40px; display:inline-block; text-align:center; background-color:#ddd; cursor: pointer;}
.lj_titlespanhover{background-color:#ccc; color:#333;}
.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-right{margin-top:15px;width:100%;font-size:14px;color:#999}
.floatr{float:right}
.floatl{float:left}
.footer-right > div{width:45%;text-align:center;margin-right:10px}
.footer-right > div .img{width:120px;height:120px;background-color:#555;margin:auto;margin-bottom:auto;margin-bottom:10px}
.indexbottom{width:100%;background:#333;font-size:13px}
.indexbottomalink{width:1200px;height:350px;overflow:hidden}
.indexbottomalink dl{padding-top:54px}
.indexbottomalink dl dd{width:190px;float:left}
.indexbottomalink dl dd.thislast{margin-right:0}
.indexbottomalink dl dd h4{color:#fff;font-size:16px;line-height:22px;text-transform:uppercase;padding-bottom:19px}
.indexbottomalink dl dd h4 a{color:#fff}
.indexbottomalink dl dd p{line-height:30px}
.indexbottomalink dl dd p a{color:#d9d9d9}
.indexbottomalink dl dd p a:hover{color:#fff}
.indexbottomalink dt{width:142px;float:right;text-align:center;color:#d9d9d9;font-size:14px}
.indexbottomalink dt p{padding-top:10px}
.sharewrap{padding-top:35px;height:65px}
.sharewrapshare{float:left}
.sharewrapshare span{display:inline-block;float:left;font-weight:bold;font-size:16px;color:#fff;line-height:27px}
.bdsharebuttonbox{float:left;padding-left:15px}
.bdshare-button-style0-24 a,.bdshare-button-style0-24 .bds_more{float:left;margin:0 8px 0 0 !important;background:url(../Qwebimages/img29.jpg) no-repeat !important;padding:0 !important;width:27px !important;height:27px !important}
.bdshare-button-style0-24 a.bds_tsina{background-position:-33px top !important}
.bdshare-button-style0-24 a.bds_weixin{background-position:-66px top !important}
.bdshare-button-style0-24 a.bds_sqq{background-position:-99px top !important}
.footcontact{float:right}
.footcontact span{display:inline-block;padding-left:50px;color:#d9d9d9}
.footcontact span.footcontacttitle{font-weight:bold;font-size:16px;color:#fff;padding-left:0px}
.indexbottomcopy{height:54px;line-height:54px;color:#d9d9d9}
.indexbottomcopy a{color:#d9d9d9}
.indexbottomcopy span{color:#d9d9d9;font-family:Arial;font-size:13px;float:right}
.indexbottomalink dl dd.thislast{margin-right:0;width:340px;color:#d9d9d9}
.fd-bot{padding:0px;background-color:#000}
.tel{float:right;text-align:left}
.tel span{padding-left:24px;background:url(http://pic18_4.qiyeku.com/qiyeku_pic/2018/12/7/jianronglock/product/product_pic/image/2019_04_29/20190429051948661.png) left center no-repeat;color:#fff}
.tel p{font-family:ff-syl;font-size:32px;color:#fff;line-height:40px}
.fd-follow{padding:16px 0 0}
.fd-follow .tit{position:relative;text-align:center}
.fd-follow .tit:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background-color:#707070}
.fd-follow .tit span{position:relative;z-index:2;padding:0 30px;background-color:#333;color:#fff}
.fd-follow .follow{text-align:center;font-size:0;padding:28px 0 20px}
.fd-follow .follow li{position:relative;display:inline-block;margin:0 10px}
.fd-follow .follow li .icon{display:block;width:25px;height:25px;background:url(http://pic18_4.qiyeku.com/qiyeku_pic/2018/12/7/jianronglock/product/product_pic/image/2019_05_05/20190505044252202.png)
center no-repeat;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.fd-follow .follow li .icon-weixin{background-position:0 0}
.fd-follow .follow li .icon-weibo{background-position:-45px 0}
.fd-follow .follow li .icon-douyin{background-position:right 0}
.fd-follow .follow li .icon:hover{opacity:.8}
.fd-follow .follow .eq{display:none;position:absolute;left:50%;margin-left:-60px;width:120px;height:120px;bottom:150%;z-index:3}
.fd-follow .follow .eq img{display:block;width:100%;height:100%}