@charset "utf-8";
/* CSS Document */
html,body,div,form,img,ul,ol,li,dl,dt,dd{margin:0px; padding:0px;}
body{font-size:14px; margin:0 auto;padding:0;border:0; min-width:1200px;}
select,input,textarea{vertical-align:middle; padding:0; margin:0;}
textarea{resize:none;}
img{border:0; /*display:block;*/}
ol,ul,li{list-style:none;}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#eb6100;}
a,img,input,textarea,select,button,area{outline:none;}
img{text-align:center;margin:auto;}
*{-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}

/*清除浮动*/
.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1; _zoom:1;}
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical; _zoom:expression(function(ele){ele.style.zoom = "1"; document.execCommand("BackgroundImageCache",false,true)}(this))}

.hover-opacity a{-webkit-transition: 0.2s; transition: 0.2s;}
.hover-opacity a:hover{filter:alpha(opacity=75); opacity:0.75;}
.hover-opacity-img a img{-webkit-transition: 0.2s; transition: 0.2s;}
.hover-opacity-img a:hover img{filter:alpha(opacity=75); opacity:0.75;}

.lfloat{float:left;}
.rfloat{float:right;}


body{font-family: "microsoft yahei", sans-serif; overflow-y: scroll;}
.pub-con{width: 1200px; margin: 0 auto;}

#topcontrol{bottom: 80px; left: 50%; width: 40px; z-index: 9999;}
#topcontrol i{position: relative; font-size: 0; display: block; width: 40px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; font-style: normal; font-family: arial; border-radius: 3px; color: #fff; background: #eb6100; opacity: .3; transition: ease-in-out .3s;}
#topcontrol i:before{content: ''; position: absolute; top: 0; display: block; width: 40px; height: 40px; background: url(../images/icon-top.png) no-repeat center; transition: ease-in-out .3s;}
#topcontrol i:after{content: '置顶'; position: absolute; top: 40px; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-family: "microsoft yahei"; font-size: 14px; transition: ease-in-out .3s;}
#topcontrol i:hover{opacity: 1;}
#topcontrol i:hover:before{top: -40px;}
#topcontrol i:hover:after{top: 0;}

/*****index*****/
.eui-header {position: fixed; top: 0; left: 0; width: 100%; z-index: 999; display: flex; justify-content: center; align-items: center; padding-right: 30px;}
.eui-header{transition: all .6s;}
.eui-header .index-logo{display: table-cell; vertical-align: middle; width: 310px;}
.eui-header .index-logo img{display: block; margin: 0 auto; transition: ease-in-out .5s;}
.eui-header .index-nav{display: table-cell;}
.eui-header .index-nav #nav{padding-left: 20px;}
.eui-header .index-nav .nLi{float: left;position:relative;margin-left: -20px;}
.eui-header .index-nav .nLi h3{position: relative; z-index: 2; margin: 0; font-weight: normal;}
.eui-header .index-nav .nLi h3 a{display: block;color: #fff;text-shadow: 1px 1px 5px rgba(0,0,0,.5);display: block;line-height: 30px;padding: 25px 35px;font-size: 18px;transition: all .9s;}
.eui-header .index-nav li a:hover,.eui-header .index-nav li.on h3 a{color: #eb6100;}
.eui-header .sub{display: none; position: absolute; z-index: 1; top: 0; left: 0; right: 0;  padding-top: 80px; background: rgba(0,86,174,.9);}
.eui-header .sub li a{display: block;padding: 8px;line-height: 22px;text-align: center;color: #fff;font-size: 14px;}
.eui-header .sub li a:hover{color: #eb6100; background: rgba(0,0,0,.3);}

.eui-header .index-nav .nLi h3 a{/* padding-bottom: 15px; */}
.eui-header .sub.lv3 li,.eui-header li.lv3{position: relative;}
.eui-header .sub.lv3 li::after{content: ''; position: absolute; top: 12px; right: 4px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #fff;}
.eui-header li.lv3::after{content: ''; position: absolute; top: 12px; right: 4px; border-width:6px; border-style:solid; border-color: transparent transparent transparent #fff;}
.eui-header .sub li:hover{background: rgba(0,0,0,.2);}
.eui-header .sub .list{visibility: hidden; opacity: 0; position: absolute; top: 0; left: 100%; width: 200px; background: rgba(0,86,174,.75); transition: .3s;}
.eui-header .sub li:hover .list{visibility: visible; opacity: 1;}

.eui-header.small{background: rgba(0,0,0,.7); border: none;}
.eui-header.small .index-nav .nLi h3 a{padding: 15px 35px;}
.eui-header.small .index-logo img{transform: scale3d(.75,.75,1);}
.eui-header.small .sub{top: 60px; padding: 0; background: rgba(0,0,0,.7);}
.eui-header.small .sub:after{display: none;}
.eui-header.small .sub .list{background: rgba(0,0,0,.62);}

.eui-index-banner{width: 100%; position: fixed; top: 0;}
.eui-index-banner .bd{position: fixed; top: 0; left: 0; width: 100%; z-index: 1;}
.eui-index-banner .bd li{position: relative; height: 40vw; background-size: 1920px!important;}
.eui-index-banner .bd a{display: block; height: 40vw;}
.eui-index-banner .pot:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/banner-pot.png) repeat; z-index: 2;}
.eui-index-banner .eui-sd-prev,
.eui-index-banner .eui-sd-next{width:40px; height:90px; line-height:90px; text-align:center; color:#fff; font-size:32px; margin:-45px 0 0 0; background:#000; border-radius: 5px; position:absolute; top:50%; z-index:2; cursor:pointer; opacity:.3; font-family:"宋体";}
.eui-index-banner .eui-sd-prev{left:20px;}
.eui-index-banner .eui-sd-next{right:20px;}
.eui-index-banner .eui-sd-prev:hover,
.eui-index-banner .eui-sd-next:hover{opacity:.7;}
.eui-index-banner .point{position: absolute; left: 50%; bottom: 15px; z-index: 11;}
.eui-index-banner .point{margin-left: -100%; text-align: center; padding: 8px 0;}
.eui-index-banner .point li{display: inline-block; width: 12px; height: 12px; margin: 0 5px; border-radius: 6px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.3); font-size: 0; cursor: pointer; -webkit-transition: ease-out .1s; transition: ease-out .1s;}
.eui-index-banner .point li.on{background: #eb6100; width: 24px;}


.eui-fixde-bg{position: relative; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; overflow: hidden;}

.eui-index-bgw{background: #fff; position: relative; z-index: 3; overflow: hidden;}
.index-title{position: relative; margin-top: 50px; padding: 30px 0; line-height: 1; text-align: center; font-size: 30px; color: #ff6000;}
.index-title::before,.index-title::after{content: ''; position: absolute; top: 50%; width: 70px; height: 3px; background: #ff6000;}
.index-title::before{left: 50%; margin-left: -180px;}
.index-title::after{right: 50%; margin-right: -180px;}
.index-title span{display: block; margin: 4px 0 0; line-height: 32px; font-size: 14px; color: #fff;}
.index-title img{display:  block;margin: 0 auto;}
.eui-index-bgw .index-title span{color: #a3a3a3;}

a,
.index-news li,
.index-news .center,
.eui-index-about-us .i4,
.index-video span,
.index-hr .figure{-webkit-transition: ease-out .3s; transition: ease-out .3s;}

.emd-table{display: table; width: 100%;}
.emd-table.fixed{table-layout: fixed;}
.emd-table .thead{display: table-header-group;}
.emd-table .tbody{display: table-row-group;}
.emd-table .tfoot{display: table-footer-group;}
.emd-table .tr{display: table-row;}
.emd-table .th{display: table-cell; vertical-align: middle;}
.emd-table .td{display: table-cell; vertical-align: middle;}
.emd-table .min{width: 1%; white-space: nowrap;}
.emd-table.vt>.th,.emd-table.vt>.td,.emd-table .vt{vertical-align: top;}
.emd-table.tc,.emd-table .tc{text-align: center;}

/*关于我们*/
/* .eui-index-about-us{background-image: url(../images/index-about-us.jpg); height: 750px; z-index: 2; position: relative;} */
.eui-index-about-us{margin-top: 40vw; height: 580px; z-index: 2; position: relative;}
.eui-index-about-us .info{width: 1000px; margin: 0 auto; color: #666; line-height: 20px; font-size: 16px;}
.index-about{position: relative; padding: 40px 5px 0;}
.index-about .hd a{position: absolute; width:80px; height:270px; line-height:270px; text-align:center; color:#aaa; font-size:0; font-weight: 100; cursor:pointer; font-family:"宋体"; font-style: normal; cursor: pointer; opacity: .3;}
.index-about .hd a::before{font-size: 100px;}
.index-about .hd a:hover{opacity: 1;}
.index-about .hd a.prev{left: -50px;}
.index-about .hd a.next{right: -50px;}
.index-about .hd a.prev::before{content: '<';}
.index-about .hd a.next::before{content: '>';}
.index-about .bd{width: 1140px; margin: 0 auto; overflow: hidden;}
.index-about .bd li{float: left; margin: 0 15px;}
.index-about .bd a{background: rgba(255,255,255,.8); display: block; width: 350px; height: 270px; overflow: hidden; padding-top: 40px; color: #074293;}
.index-about .bd i{display: block; width: 100px; height: 100px; margin: 0 auto 20px;}
.index-about .bd b{display: block; font-size: 30px; font-family: "微软雅黑"; font-weight: 100; text-align: center; line-height: 40px;}
.index-about .bd em{display: block; font-style: normal; font-size: 14px; text-align: center; line-height: 24px; font-family: "微软雅黑"; letter-spacing: 1px; opacity: .5;}
.index-about .bd span{display: none;font-size: 14px;line-height: 20px;padding: 20px 30px;text-align: justify;}
.index-about .bd .profile i{background: url(../images/index-about-profile.png) no-repeat top center;}
.index-about .bd .culture i{background: url(../images/index-about-culture.png) no-repeat top center;}
.index-about .bd .honor i{background: url(../images/index-about-honor.png) no-repeat top center;}
.index-about .bd .history i{background: url(../images/index-about-history.png) no-repeat top center;}
.index-about .bd .album i{background: url(../images/index-about-album.png) no-repeat top center;}
.index-about .bd .dynamic i{background: url(../images/index-about-dynamic.png) no-repeat top center;}
.index-about .bd .customers i{background: url(../images/index-about-customers.png) no-repeat top center;}
.index-about .bd .contact i{background: url(../images/index-about-contact.png) no-repeat top center;}
.index-about .bd .strategy i{background: url(../images/index-about-strategy.png) no-repeat top center;}
.index-about .bd a:hover{background: #eb6100; color: #fff;}
.index-about .bd a:hover em{opacity: 1;}
.index-about .bd a:hover i{background-position: bottom center;}


/*企业动态*/
.eui-index-news{height: 900px;}
.index-news ul{border-top: 1px solid #ccc; margin-top: 30px;}
.index-news li{border-bottom: 1px solid #ccc;}
.index-news a{height: 140px; padding: 30px 0; display: block;}
.index-news .center{width: 900px; margin: 0 auto;}
.index-news p{margin: 0;}
.index-news .news-date{text-align: right; width: 200px; padding-right: 40px; color: #7b7b7b;}
.index-news .news-date .md{font-size: 55px; line-height: 54px;}
.index-news .news-date .year{font-size: 20px; padding-right: 4px;}
.index-news .news-body{width: 700px; line-height: 24px;}
.index-news .news-body .title{font-size: 18px; color: #012a5d; padding-bottom: 8px;}
.index-news .news-body .con{font-size: 14px; color: #7b7b7b; height: 48px; overflow: hidden; }
.index-news li:hover{background: #012a5d;}
.index-news a:hover .news-date,
.index-news a:hover .news-body .con{color: #fff;}
.index-news a:hover .news-body .title{color: #eb6100;}
.index-news a:hover .center{width: 950px; padding-left: 50px;}
.index-news-more a{display: block; margin: 30px auto; width: 200px; text-align: center; line-height: 56px; height: 60px; border: 1px solid #ccc; border-radius: 4px; font-size: 20px; color: #074293;}
.index-news-more a:hover{background: #074293; width: 220px; border-color: #074293; color: #fff;}

/*更多新闻*/
.effect{display: inline-block; position: relative; text-decoration: none; color: #fff; text-transform: capitalize;  overflow: hidden;}
.effect.effect-1 {-webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}
.effect.effect-1:before {content: "\f178"; font-family: FontAwesome; font-size: 20px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; right: 20px; top: 0; opacity: 0; height: 100%; width: 40px; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}
.effect.effect-1:hover {text-indent: -20px;}
.effect.effect-1:hover:before {opacity: 1; text-indent: 0px;}

/*产品及解决方案*/
#qb_collection_img_mask{display: none!important;}
.eui-index-products-solution{height: 650px; z-index: 2; position: relative; background-image: url(../images/index-products-bg.jpg); overflow: hidden;}
.eui-index-products-solution .info{width: 1000px; margin: 0 auto; line-height: 20px; font-size: 16px;}
.index-products{position: relative; width: 1120px; height: 500px; margin: 0 auto;}
.index-products .hd{position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
.index-products .hd ul li{display: inline-block; width: 50px; height: 20px; margin: 0 5px; border-bottom: 3px solid #ccc; font-size: 0; transition: .3s; cursor: pointer;}
.index-products .hd ul li.on{border-bottom-color: #074293;}
.index-products .con{position: relative; width: 425px; background: #f5f5f5;}
.index-products .con a{display: block; height: 257px;}
.index-products .con h2{position: absolute; top: 0; left: 0; width: 100%; height: 440px; overflow: hidden; margin: 0;}
.index-products .con .zoom{width: 425px; height: 257px; overflow: hidden;}
.index-products .con img{position: absolute; left: 0; width: 100%; height: 100%; transition: .4s;}
.index-products .bd{overflow: hidden;}

.index-products .hd ul li::after{content: ''; display: block; height: 40px;}
.index-products .tit{margin-bottom: 20px; line-height: 60px; text-align: center; font-size: 20px; color: #fff;}
.index-products .td {position: relative; padding-left: 40px;}
.index-products .td1{width: 460px;}
.index-products .td1 .tit{margin-left: -40px;}
.index-products .td2{width: 220px;}
.index-products .td::before{content: ''; position: absolute; top: 50px; left: 0; width: 1px; height: 190px; background: rgba(255,255,255,.3);}
.index-products .list a{display: inline-block; margin: 0 10px 20px; padding-left: 45px; width: 180px; line-height: 40px; color: #fff; border-radius: 5px; border: 1px solid transparent; background-position: 12px center; background-repeat: no-repeat;}
.index-products .list a:hover{border-color: rgba(255,255,255,.3);}
.index-products .list .i1{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='1' d='M21 13.182A2.188 2.188 0 0 0 19 11H5a2.133 2.133 0 0 0-2 2.191v.01l.436 4.908A1.944 1.944 0 0 0 5.492 20h13.051a1.957 1.957 0 0 0 2.057-1.891l.4-4.918v-.009zm-1.639 4.909A1.254 1.254 0 0 1 18 19H6a1.492 1.492 0 0 1-1.178-.9L4 13a1.445 1.445 0 0 1 1-1h14a1.367 1.367 0 0 1 .718 1.182zM17.574 6.055v-.019A1.057 1.057 0 0 0 17 5H7a1 1 0 0 0-.565 1.036v.019L6 10H5l.213-3.975A1.836 1.836 0 0 1 7 4h10a1.83 1.83 0 0 1 1.778 2.025L19 10h-1zM14.425 16H9.577a.55.55 0 0 1-.59-.5.556.556 0 0 1 .59-.5h4.839a.509.509 0 1 1 .009 1.007zm.936-9.008H8.646a.513.513 0 1 1 0-.981h6.715a.584.584 0 0 1 .653.491.592.592 0 0 1-.653.49zm.956 3.005H7.694A.616.616 0 0 1 7 9.5a.628.628 0 0 1 .693-.5h8.623a.523.523 0 1 1 0 .989zm0 0' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");}
.index-products .list .i2{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='2' d='M20.26 21h-2.24c-.52 0-1.02.013-1.02-.513S18.02 20 18.02 20h1.99v-2a.891.891 0 0 1 .51-.992A.918.918 0 0 1 21 18v2.252a.744.744 0 0 1-.74.748zm.26-14.008A.891.891 0 0 1 20.01 6V4h-1.99S17 4.039 17 3.513 17.5 3 18.02 3h2.24a.744.744 0 0 1 .74.748V6a.918.918 0 0 1-.48.992zm-2.59 9.888v.249c0 1.627-2.51 1.86-4.93 1.871h-2c-2.52-.011-4.99-.266-4.99-1.893v-.249c0-1.5 1.76-4.251 4.04-4.565a3.778 3.778 0 0 1-1.99-3.307A4.11 4.11 0 0 1 12 5a3.9 3.9 0 0 1 3.67 4.007 3.747 3.747 0 0 1-1.96 3.264c2.37.229 4.22 2.965 4.22 4.609zM15 9.01a3.01 3.01 0 1 0-3.01 2.993A3.01 3.01 0 0 0 15 9.01zM13 13h-2c-1.76-.011-4 2.276-4 4a14.573 14.573 0 0 0 4 1h2a16.017 16.017 0 0 0 4-1c.01-1.724-2.24-4-4-4zM5.98 4H3.99v2a.891.891 0 0 1-.51.992A.918.918 0 0 1 3 6V3.748A.744.744 0 0 1 3.74 3h2.24C6.5 3 7 2.987 7 3.513S5.98 4 5.98 4zm-2.5 13.008A.884.884 0 0 1 4 18v2h2s1.03-.039 1.03.487S6.53 21 6 21H3.75a.752.752 0 0 1-.75-.748V18a.932.932 0 0 1 .48-.992z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");}
.index-products .list .i3{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='3' d='M20.375 20.985h-3a1.029 1.029 0 0 1-.99-1.265V4.241a1.318 1.318 0 0 1 1.37-1.265h2.25a1.32 1.32 0 0 1 1.37 1.265v15.744c0 1.378-1 1-1 1zm0-17h-3v16h3v-16zm-6 17h-2a.861.861 0 0 1-1-1v-16a1.173 1.173 0 0 1 1.39-.994l1.61-.006a.861.861 0 0 1 1 1v16a1.055 1.055 0 0 1-1 1zm0-17h-2v16h2v-16zM6.545 20.23a1.052 1.052 0 0 1-1.22.707l-1.93-.517a.861.861 0 0 1-.71-1.225L6.825 3.74a1.168 1.168 0 0 1 1.59-.6l1.57.411a.856.856 0 0 1 .7 1.225zm-.96-.259l2.43-9.072-1.84-.493a.377.377 0 0 1-.09-.043l-2.44 9.091zm1.34-12.734l-.59 2.2a.39.39 0 0 1 .09.006l1.85.493.55-2.083-1.65-.444a.455.455 0 0 1-.25-.172zm.87-3.238l-.66 2.463a.455.455 0 0 1 .29-.022l1.66.444.64-2.368z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");}
.index-products .list .i4{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='4' d='M20 17H4a.91.91 0 0 1-1-.977V4.079A1.041 1.041 0 0 1 4.089 3h15.876A.965.965 0 0 1 21 4v12a1.752 1.752 0 0 1-1 1zm0-13H4v12h16V4zM8 15l-1 .014V11.99L8 12v3zm3 0l-1 .013v-5L11 10v5zm3 0l-1.013-.012V6H14v9zm3 0l-.994-.011v-6.98L17 8v7zm-8 3h6v2h4v1H5v-1h4v-2z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");}
.index-products .list .i5{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M13.295.786c-2.618 0-4.704 2.003-4.704 4.517v.393c0 2.043-1.76 3.732-3.887 3.732S.818 7.739.818 5.696v-.393c0-2.043 1.759-3.732 3.886-3.732.859 0 1.596.275 2.25.786H5.318c-.246 0-.409.157-.409.393 0 .235.163.393.409.393h2.454c.246 0 .41-.158.41-.393V.393c0-.236-.164-.393-.41-.393-.245 0-.409.157-.409.393v1.296C6.545 1.1 5.604.786 4.704.786 2.086.786-.001 2.789-.001 5.303v.393c0 2.514 2.087 4.518 4.705 4.518S9.409 8.21 9.409 5.696v-.393c0-2.043 1.759-3.732 3.886-3.732 2.128 0 3.887 1.689 3.887 3.732v.393c0 2.043-1.759 3.732-3.887 3.732-.859 0-1.595-.275-2.25-.786h1.637c.245 0 .409-.157.409-.393 0-.235-.164-.392-.409-.392h-2.455c-.245 0-.409.157-.409.392v2.358c0 .235.164.392.409.392.245 0 .409-.157.409-.392V9.31c.818.589 1.759.904 2.659.904C15.914 10.214 18 8.21 18 5.696v-.393C18 2.789 15.914.786 13.295.786z'/%3E%3C/svg%3E"); background-position: 14px center;}
.index-products .list .i6{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='5' d='M18.22 17.187v2.547a.68.68 0 0 1-1.36 0v-2.787a.662.662 0 0 1 .15-.426c2.48-2.888 3.25-5.9 2.12-8.274-1.03-2.141-3.43-3.42-6.42-3.42-6 0-6.46 6.361-6.48 6.632a.668.668 0 0 1-.28.5 5.456 5.456 0 0 0-1.57 1.9 3.371 3.371 0 0 0 1.99.549.682.682 0 0 1 .65.663v4.1h3.41a.664.664 0 1 1 0 1.328H6.34a.7.7 0 0 1-.49-.2.687.687 0 0 1-.2-.469v-4.157a3.539 3.539 0 0 1-2.46-1.1 1.326 1.326 0 0 1-.06-1.256A6.737 6.737 0 0 1 4.9 11.07c.19-1.452 1.35-7.575 7.81-7.575 3.53 0 6.39 1.565 7.65 4.186 1.34 2.808.56 6.259-2.14 9.506zm-8.34-2.112a.686.686 0 0 1-.86.377.657.657 0 0 1-.42-.826l2.1-5.7a.681.681 0 0 1 .64-.44.676.676 0 0 1 .64.449l2 5.7a.668.668 0 0 1-.43.834.688.688 0 0 1-.86-.4l-.38-1.1h-2.02zm1.96-2.436l-.52-1.483-.54 1.483h1.06zm3.54-4.524a.67.67 0 0 1 .68.664v5.874a.68.68 0 0 1-1.36 0V8.78a.67.67 0 0 1 .68-.665z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");}
.index-products .list .i7{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='6' d='M20.94 19.953c-.31 0-.44.306-.44 0v-2h-4a2.138 2.138 0 0 1-2.18-1.687 2.024 2.024 0 0 1-.81-.932 2.342 2.342 0 0 1-.14-.579l-3.16 2.067a.555.555 0 0 1-.31.092.541.541 0 0 1-.46-.25l-.3-.444-1.18.725a.557.557 0 0 1-.29.084.573.573 0 0 1-.49-.277l-.95-1.635a.551.551 0 0 1 .21-.754.562.562 0 0 1 .76.2l.66 1.138.66-.409-.8-1.206a.56.56 0 0 1 .16-.769.567.567 0 0 1 .78.158l1.4 2.116 8.68-5.676-.39-.611-6.18 3.771a.561.561 0 0 1-.72-.111 3.189 3.189 0 0 0-.91-.669 2.014 2.014 0 0 0-1.98.071 25.864 25.864 0 0 0-3.02 2.011.562.562 0 0 1-.36.128.549.549 0 0 1-.33-.111l-2.13-1.582a.541.541 0 0 1-.22-.469.555.555 0 0 1 .27-.446l12.58-7.678a1.842 1.842 0 0 1 2.43.482.209.209 0 0 0 .01.021l2.02 3.024a.5.5 0 0 1 .08.425.543.543 0 0 1-.25.353l-.34.206.68 1.061a.551.551 0 0 1-.17.759l-3.53 2.307a2.336 2.336 0 0 1 1.22 1.096h3v-1a.618.618 0 0 1 .45-.7.542.542 0 0 1 .55.554v6.591a.557.557 0 0 1-.56.555zM16.87 5.342a.712.712 0 0 0-.93-.177L4.05 12.414l1.13.84A29.622 29.622 0 0 1 8 11.411a3.106 3.106 0 0 1 3.07-.091 4.2 4.2 0 0 1 .88.588l6.61-4.032zm-.66 9.244a.86.86 0 1 0-1.17.8l.02.007a.854.854 0 0 0 .78-.107.9.9 0 0 0 .37-.59v-.112zm4.29.367h-3c0 .008-.26.2-.26.2a.043.043 0 0 1-.01.033.027.027 0 0 1-.01.025.123.123 0 0 1-.02.055v.02c-.01.015-.01.028-.02.042a.209.209 0 0 1-.01.021c-.01.017-.01.035-.02.052a.021.021 0 0 0-.01.021c-.01.012-.01.023-.02.035s-.01.015-.01.023-.02.032-.03.046-.01.019-.01.027a.023.023 0 0 0-.01.023c-.02.023-.03.046-.05.069a.059.059 0 0 1-.02.033s-.01.009-.01.013c-.02.035-.05.071-.07.1 0 0-.01 0-.01.006-.03.036-.06.069-.09.1-.03.033-.06.064-.09.1l-.01.009a.348.348 0 0 1-.07.058l-.03.025a.1.1 0 0 1-.01.015.122.122 0 0 0-.04.029c-.01.008-.02.014-.03.023l-.03.016a.068.068 0 0 1-.03.021l-.01.013a.217.217 0 0 0-.05.031l-.02.01a.485.485 0 0 1-.04.028c-.01 0-.01 0-.02.006a.217.217 0 0 1-.05.031.021.021 0 0 0-.01 0c-.02.009-.03.019-.05.027s-.01 0-.01 0l-.06.029c-.03.008-.04.016-.07.025l-.06.025h-.01l-.06.019h-.01a.45.45 0 0 1-.06.018.047.047 0 0 1-.01 0l-.05.012c-.01 0-.01 0-.02.006s-.04.009-.05.013a.356.356 0 0 0-.04.006h-.02l-.1.015a.9.9 0 0 0 .74.386l4.17.06v-2zm-5.09 0a.378.378 0 1 1 .38-.377.379.379 0 0 1-.38.377z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");}
.index-products .list .i8{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='7' d='M13.123 7.856l1.782 2.109a1.047 1.047 0 0 1 .3-.029 1.8 1.8 0 1 1-1.492 1.77 6.658 6.658 0 0 1 .272-.706l-5-6-6 7 6 7 1.86-2.856-1.867-2.2a1.056 1.056 0 0 1-.224.016 1.8 1.8 0 0 1 0-3.54c2.552.01 1.018 3.85 1.231 2.578l5.057 5.4 5.4-6.4-5.4-6.4-1.917 2.256zm8.523 5.085l-5.864 6.672a1.075 1.075 0 0 1-1.652 0l-2.151-2.45-2.149 2.448a1.074 1.074 0 0 1-1.653 0l-5.855-6.672a1.463 1.463 0 0 1 0-1.869L8.19 4.385a1.068 1.068 0 0 1 1.64 0l2.149 2.45 2.163-2.448a1.072 1.072 0 0 1 1.651 0l5.855 6.672a1.483 1.483 0 0 1 0 1.882zm0 0' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");}
.index-products .list .i9{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='8' d='M14.58 6.3a2.22 2.22 0 0 1-.23-1.642 2.129 2.129 0 0 1 2.07-1.66 2.558 2.558 0 0 1 .5.07 2.2 2.2 0 0 1 1.32.984 2.174 2.174 0 0 1 .23 1.642 2.119 2.119 0 0 1-2.06 1.66 2.485 2.485 0 0 1-.51-.071 2.117 2.117 0 0 1-1.32-.983zm2.62 9.581c.56 2.371.37 4.259-.72 4.9-1.08.623-2.76-.132-4.48-1.809-1.73 1.677-3.44 2.432-4.51 1.8s-1.28-2.512-.72-4.883C4.49 15.204 3 14.089 3 12.816s1.5-2.389 3.78-3.074c-.56-2.371-.36-4.25.71-4.891s2.76.123 4.47 1.8c.3-.281.58-.544.87-.773a.524.524 0 0 1 .38-.175.511.511 0 0 1 .5.518.533.533 0 0 1-.23.421l.01.009a9.054 9.054 0 0 0-.81.747 17.931 17.931 0 0 1 1.37 1.747 18.291 18.291 0 0 1 2.22.351c.09-.368.17-.737.22-1.062a.246.246 0 0 1 .04-.132.48.48 0 0 1 .46-.316.517.517 0 0 1 .52.527.6.6 0 0 1-.06.228c-.05.325-.12.667-.2 1.01 2.26.685 3.75 1.8 3.75 3.056-.01 1.273-1.51 2.4-3.8 3.074zm-2.38-5.586c.13.211.25.413.37.633s.25.448.36.676c.16-.378.29-.746.42-1.107-.37-.079-.76-.149-1.15-.2zm.43 4.374c-.13.228-.27.456-.4.676.38-.053.74-.114 1.1-.184a10.806 10.806 0 0 0-.4-1.081c-.11.194-.2.387-.3.589zm-.24-1.827c-.22-.448-.45-.9-.71-1.361s-.54-.9-.82-1.326a21.049 21.049 0 0 0-2.99 0c-.26.395-.52.817-.76 1.247-.27.474-.52.948-.74 1.414a20.73 20.73 0 0 0 1.5 2.652q.735.053 1.5.053c.52 0 1.03-.018 1.51-.053.28-.43.55-.878.82-1.352.26-.422.48-.844.69-1.274zm-2.27 3.724c-.25.008-.5.017-.76.017-.24 0-.49-.009-.72-.017.24.324.49.632.74.913.25-.281.5-.589.74-.913zm-4.3-2.5c-.15.369-.28.729-.4 1.08.36.07.73.14 1.12.193-.13-.211-.26-.421-.38-.641-.11-.2-.23-.413-.34-.632zm.36-3.188l.34-.58c-.39.053-.75.115-1.11.194.12.351.25.711.4 1.08.12-.237.24-.466.37-.694zm3.9-1.818q-.36-.474-.72-.895c-.24.281-.48.579-.71.895.24-.008.48-.017.73-.017s.47.009.7.017zm-4.96.431a18.747 18.747 0 0 1 2.15-.343 16.656 16.656 0 0 1 1.37-1.756C9.99 6.136 8.81 5.548 8.1 5.96s-.8 1.765-.36 3.531zm-.7 5.418a19.309 19.309 0 0 1 .8-2.1 18.937 18.937 0 0 1-.79-2.081c-1.73.492-2.83 1.247-2.83 2.09s1.1 1.589 2.82 2.09zm4.26 3.337a19.558 19.558 0 0 1-1.4-1.765 18.486 18.486 0 0 1-2.14-.334c-.44 1.774-.35 3.118.36 3.539s1.89-.167 3.18-1.44zm4.93-2.108a16.956 16.956 0 0 1-2.13.334 18.527 18.527 0 0 1-1.4 1.774c1.28 1.282 2.47 1.879 3.19 1.458s.79-1.774.34-3.566zm3.54-3.3c0-.834-1.1-1.589-2.82-2.09a18.627 18.627 0 0 1-.79 2.108 18.508 18.508 0 0 1 .78 2.064c1.73-.492 2.83-1.247 2.83-2.082zm-5.72-6.6l-.02.018c.02.017.03.017.03.035 0-.018-.01-.035-.01-.053zm0 0' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");}
.index-products .list .i10{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='9' d='M17.125 14.834C15.165 18.522 12.175 21 9.675 21a3.309 3.309 0 0 1-1.73-.47 4.22 4.22 0 0 1-1.33-1.439 1.6 1.6 0 0 1-.1-.2c-.55-1.065.06-2.751 1.56-4a4.074 4.074 0 0 1 2.47-1.075 1.5 1.5 0 0 1 1.29.621.5.5 0 0 0 .24.094.172.172 0 0 0 .14-.087s.01-.01.01-.016a14.993 14.993 0 0 0 1.16-1.861 15.542 15.542 0 0 0 .84-1.849.551.551 0 0 0-.01-.324.182.182 0 0 0-.06-.033 1.422 1.422 0 0 1-1.08-.571 4.457 4.457 0 0 1-.62-3.214c.24-2.037 1.29-3.573 2.44-3.573h.03a1.441 1.441 0 0 1 .16.016 3.307 3.307 0 0 1 1.91.465c2.61 1.584 2.66 6.571.13 11.35zm-.6-10.473a2.447 2.447 0 0 0-1.44-.331.441.441 0 0 1-.12-.008.315.315 0 0 0-.07-.009c-.56 0-1.32 1.15-1.5 2.689a3.6 3.6 0 0 0 .4 2.425.468.468 0 0 0 .37.219 1.044 1.044 0 0 1 .78.408 1.452 1.452 0 0 1 .2 1.208.263.263 0 0 1-.02.086 17.985 17.985 0 0 1-.91 2.014 17.192 17.192 0 0 1-1.27 2.03.337.337 0 0 1-.07.077 1.068 1.068 0 0 1-.8.372 1.423 1.423 0 0 1-.9-.371.325.325 0 0 1-.09-.114.6.6 0 0 0-.54-.231 3.249 3.249 0 0 0-1.89.859c-1.11.937-1.6 2.168-1.35 2.672.04.077.06.125.08.165a3.033 3.033 0 0 0 1.04 1.13 2.325 2.325 0 0 0 1.25.337c2.13 0 4.85-2.324 6.62-5.652 2.2-4.145 2.3-8.713.23-9.975zm-6.44 5.574a.705.705 0 0 0-.46.313.848.848 0 0 0-.11.564.518.518 0 0 1-.08.383.472.472 0 0 1-.3.212.549.549 0 0 1-.09.009.489.489 0 0 1-.47-.419 1.828 1.828 0 0 1 .27-1.33 1.635 1.635 0 0 1 1.07-.737.434.434 0 0 1 .35.082.484.484 0 0 1 .2.328.513.513 0 0 1-.07.383.52.52 0 0 1-.31.212zm-.61-1.6a2.1 2.1 0 0 0-1.58 2.443.516.516 0 0 1-.08.382.469.469 0 0 1-.3.212.458.458 0 0 1-.09.009.489.489 0 0 1-.47-.419 3.113 3.113 0 0 1 2.35-3.631.486.486 0 0 1 .56.41.566.566 0 0 1-.08.382.461.461 0 0 1-.31.21zm-.17-2.046a4.026 4.026 0 0 0-2.61 1.8 4.5 4.5 0 0 0-.65 3.245.52.52 0 0 1-.39.6.455.455 0 0 1-.09.007.5.5 0 0 1-.47-.418 5.631 5.631 0 0 1 .81-4.01 4.975 4.975 0 0 1 3.23-2.226.486.486 0 0 1 .55.412.508.508 0 0 1-.38.588z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");}
.index-products .list .i11{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M17.999 8.566l-.002.924-2.348-.005v3.544l2.351.005-.002.924-2.349-.005v1.763h-1.718L13.926 18l-.924-.003.005-2.281H9.446L9.441 18l-.924-.002.005-2.282H4.926l-.005 2.282-.924-.002.005-2.28H2.345v-1.794l-2.344-.005.001-.924 2.343.005V9.454L0 9.449l.002-.924 2.343.005V4.933L0 4.928l.002-.924 2.343.005V2.3h1.687L4.037 0l.924.002L4.956 2.3h3.595L8.557 0l.924.002L9.475 2.3h3.562l.005-2.3.924.002-.005 2.298h1.688v1.74l2.35.005-.002.924-2.348-.005v3.597l2.35.005zm-3.274-5.342H3.269v11.568h11.456V3.224zm-2.394 9.153H5.666V5.639h6.665v6.738zm-.924-5.813H6.59v4.888h4.817V6.564z'/%3E%3C/svg%3E");}
.index-products .list .i12{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='18'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M-.001 18V0h14.002v18H-.001zM12.883 1.183H1.165L1 10h12l-.117-8.817zM1 11l.165 5.817h11.718L13 11H1zm11.002-3.006H2.015V1.995h9.987v5.999zm-1.056-4.938H3.07v3.876h7.876V3.056z'/%3E%3C/svg%3E"); background-position: 14px center;}
.index-products .list .i21{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M34.996 36H1.004a1.002 1.002 0 1 1 0-2.003L2 34V2c0-1.1.894-2 2-2h16.003c1.105 0 1.996.891 1.996 1.997v32.006L32 34V18c0-1.229-.804-2-2-2h-4l-.001-2h6.004c1.1 0 1.997.841 1.997 2v18l.996-.003a1.002 1.002 0 1 1 0 2.003zM20 4c0-1.197-.267-2-2-2L6.011 1.997C4.903 1.997 4 2.74 4 4v30l16.003-.003L20 4zm-9.989 5.997H6.01V5.996h4.001v4.001zm0 6.003H6.01v-4.001h4.001V16zm7.992-6.003h-4V5.996h4v4.001zm0 6.003h-4v-4.001h4V16z'/%3E%3C/svg%3E") no-repeat center 32px;}
.index-products .list .i22{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='31'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M33.128 17.996a9.756 9.756 0 0 1-6.943 2.867 9.713 9.713 0 0 1-2.686-.376l-9.115 9.116A4.748 4.748 0 0 1 11.011 31a4.714 4.714 0 0 1-3.374-1.397 4.737 4.737 0 0 1-1.393-3.374c0-1.277.497-2.471 1.395-3.372l9.112-9.107a9.786 9.786 0 0 1 1.094-7.862A9.797 9.797 0 0 1 24.41 1.42a9.799 9.799 0 0 1 5.646.628 1.8 1.8 0 0 1 .566 2.931l-2.596 2.597a1.165 1.165 0 1 0 1.651 1.647l2.598-2.594a1.808 1.808 0 0 1 2.931.568 9.808 9.808 0 0 1-2.078 10.799zm-.018-8.313l-1.483 1.483a3.929 3.929 0 0 1-5.548.003 3.896 3.896 0 0 1-1.146-2.772c0-1.048.409-2.033 1.146-2.772l1.484-1.482a7.069 7.069 0 0 0-6.786 2.39 7.055 7.055 0 0 0-1.17 7.093l.322.837L9.581 24.8a2.006 2.006 0 0 0-.584 1.426c-.004.535.206 1.05.584 1.429a2.08 2.08 0 0 0 2.854 0l10.353-10.343.834.319a7.076 7.076 0 0 0 7.556-1.586 7.047 7.047 0 0 0 1.932-6.362zM18.766 1.947H7.241c-.701-.023-1.253-.452-1.253-.974 0-.521.552-.95 1.253-.974h11.525c.7.024 1.252.453 1.252.974 0 .522-.552.951-1.252.974zm-5.842 5.8H9.071c-.61-.033-1.085-.46-1.085-.975 0-.516.475-.943 1.085-.975h3.853c.61.032 1.085.459 1.085.975 0 .515-.475.942-1.085.975zm.9 4.355a.754.754 0 0 1 .003.978c-.24.302-.681.481-1.149.466H3.231c-.681-.022-1.218-.443-1.218-.953 0-.511.537-.931 1.218-.954h9.442c.468-.016.91.161 1.151.463zM3.415 17.441H6.6c.803.023 1.435.453 1.435.975 0 .523-.632.953-1.435.976H3.415c-.802-.023-1.434-.453-1.434-.976 0-.522.632-.952 1.434-.975zm.557 6.775c0 .522-.521.952-1.182.976H1.181C.52 25.168 0 24.738 0 24.216c0-.523.52-.953 1.181-.976H2.79c.661.023 1.182.453 1.182.976z'/%3E%3C/svg%3E") no-repeat center 32px;}
.index-products .list .i23{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='36'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M31.884 35.927a.393.393 0 0 1-.235.073H1.305c-.183 0-.331-.111-.331-.249v-.74c0-.546.592-.988 1.322-.988h28.362c.73 0 1.321.442 1.321.988v.74a.218.218 0 0 1-.095.176zm.011-28.217L29.77 9.913a.25.25 0 0 1-.178.076.25.25 0 0 1-.177-.076l-1.24-1.285a.27.27 0 0 1 0-.368l2.126-2.202c.098-.1.255-.1.353 0l1.243 1.285h-.002a.264.264 0 0 1 0 .367zm-2.302 21.803c0 .717-.77 2.487-1.497 2.487H6.799c-.727 0-1.936-1.284-1.936-2V20c0-7.142 4.373-12 11.617-12 7.243 0 13.113 4.922 13.113 12.064v9.449zM28.096 20C27.971 14.559 22 10 16.48 10s-9.555 4.559-9.681 10v10h1.936V20h1.936v10h17.425V20zM18.217 3.978h-1.504c-.117 0-.215-.125-.215-.284V.282c.001-.156.097-.282.215-.282h1.504c.118 0 .214.126.215.282v3.412a.333.333 0 0 1-.064.201.191.191 0 0 1-.151.083zM5.479 9.913h.001a.246.246 0 0 1-.354 0L3 7.712a.265.265 0 0 1 0-.367l1.239-1.283a.245.245 0 0 1 .355 0L6.72 8.26a.267.267 0 0 1 0 .366L5.479 9.913z'/%3E%3C/svg%3E") no-repeat center 32px;}
.index-products .list .i24{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M36 10.633V12c0 1.407-.814 2-2 2h-2v16h2l1.949 4.919-.008.003a.768.768 0 0 1-.189.838.8.8 0 0 1-.582.24H.822A.823.823 0 0 1 0 35.181a.792.792 0 0 1 .053-.259l-.008-.003L2 30h2V14H2c-2.015.006-2.015-.591-2-2l.003-1.364c0-.291.159-.559.416-.7l-.008-.011L17.59.108l.008.01A.774.774 0 0 1 17.995 0a.796.796 0 0 1 .391.116l.01-.013 17.193 9.819-.008.011c.257.14.419.41.419.7zM2 34h32l-2-2H4l-2 2zm21.76-20v16h2.16V14h-2.16zm4.32 16H30V14h-1.92v16zm-6.48 0V14h-7.2v16h7.2zm-9.36 0V14h-2.16v16h2.16zm-4.32 0V14H6v16h1.92zm25.239-19.388L19.088 2.571l-1.087-.615-1.113.642-.008-.016-14.053 8.046-1.019.589L2 12h32l.192-.777-1.038-.6.005-.011zM17.996 0h-.003.003z'/%3E%3C/svg%3E") no-repeat center 32px;}
.index-products .list .i25{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='30'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M33.613 7.275h-6.517s0-.018-.018-.018l-5.305-6.045a1.266 1.266 0 0 0-1.726-.143 1.164 1.164 0 0 0-.129 1.676l3.966 4.53H12.208l3.965-4.53a1.163 1.163 0 0 0-.128-1.676 1.232 1.232 0 0 0-1.726.143L9.014 7.257s0 .018-.019.018h-6.59C1.083 7.275 0 8.327 0 9.611v2.711c.018 1.266 1.083 2.318 2.405 2.318h.477v11.236c0 2.158 1.799 3.905 4.021 3.905h22.194c2.222 0 4.021-1.747 4.021-3.905V14.64h.477c1.322 0 2.405-1.052 2.405-2.336V9.611c0-1.284-1.065-2.336-2.387-2.336zm-2.937 18.601c0 .838-.697 1.533-1.579 1.533H6.921c-.863 0-1.579-.677-1.579-1.533V14.64h25.334v11.236zm2.882-13.607l-31.098.035-.055-2.657 31.153-.054v2.676zm-23.48 11.324v-4.405c.001-.66.551-1.195 1.231-1.195.679.001 1.229.535 1.229 1.195v4.405c0 .66-.551 1.195-1.23 1.195-.679 0-1.229-.535-1.23-1.195zm6.701 0v-4.405c.001-.66.552-1.194 1.231-1.194.679.001 1.228.535 1.229 1.194v4.405c0 .66-.551 1.195-1.23 1.195-.679 0-1.23-.535-1.23-1.195zm6.481 0v-4.405c0-.66.55-1.195 1.23-1.195.679 0 1.229.535 1.229 1.195v4.405c0 .66-.55 1.195-1.229 1.195-.68 0-1.23-.535-1.23-1.195z'/%3E%3C/svg%3E") no-repeat center 32px;}
.index-products .list .i26{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M34.813 19.212a1.13 1.13 0 0 1-1.129-1.131 15.643 15.643 0 0 0-6.55-12.747 1.131 1.131 0 0 1-.263-1.576 1.126 1.126 0 0 1 1.573-.263 17.902 17.902 0 0 1 7.499 14.586 1.13 1.13 0 0 1-1.13 1.131zm-5.681-2.902a.642.642 0 0 1-.748-.463 9.859 9.859 0 0 0-1.031-2.785 9.994 9.994 0 0 0-1.823-2.402.64.64 0 0 1-.109-.793v.003a.637.637 0 0 1 .988-.135 11.408 11.408 0 0 1 3.226 5.854.64.64 0 0 1-.503.721zm-14.289-4.676l-3.339-5.817L14.843 0h6.684l3.34 5.817-3.34 5.817h-6.684zM20.22 2.26h-4.072l-2.042 3.557 2.042 3.557h4.075l2.042-3.557L20.22 2.26zM8.373 12.794a10.12 10.12 0 0 0-.784 2.916.645.645 0 0 1-.565.568.629.629 0 0 1-.698-.705 11.4 11.4 0 0 1 2.648-6.132.634.634 0 0 1 1.003.047c.166.24.15.562-.039.785a10.064 10.064 0 0 0-1.565 2.521zm-5.957 5.287a1.129 1.129 0 1 1-2.256 0A17.902 17.902 0 0 1 7.326 3.737h-.003a1.128 1.128 0 0 1 1.581.225c.375.5.274 1.208-.224 1.584a15.642 15.642 0 0 0-6.264 12.535zm7.613.375l3.339 5.817-.915 1.594-2.51 4.223H3.342L0 24.273l3.342-5.817h6.687zM4.647 27.83h4.012l1.847-3.108.258-.449-2.043-3.557H4.647l-2.045 3.557 2.045 3.557zm16.682 1.428a11.203 11.203 0 0 1-3.355.506 11.2 11.2 0 0 1-3.306-.49.644.644 0 0 1 .376-1.225c1.926.582 3.981.576 5.903-.018.285-.09.594.03.743.289a.644.644 0 0 1-.361.938zm-9.054 3.379a15.567 15.567 0 0 0 5.776 1.105c2.159 0 4.255-.439 6.195-1.278a1.125 1.125 0 0 1 1.567 1.167 1.129 1.129 0 0 1-.673.907A17.819 17.819 0 0 1 18.051 36a17.824 17.824 0 0 1-6.612-1.263 1.133 1.133 0 0 1-.586-1.451 1.129 1.129 0 0 1 1.422-.649zm13.693-14.174h6.687v-.002L36 24.278l-.916 1.591-2.514 4.226h-6.602l-3.342-5.814 3.342-5.818zm1.305 9.372h4.015l1.841-3.095.266-.465-2.045-3.554h-4.077l-2.045 3.557 2.045 3.557z'/%3E%3C/svg%3E") no-repeat center 32px;}
.index-products .list .i31{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='33'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M28.516 14.868c-.157 0-.314-.01-.471-.01l-1.53 1.385 8.423 7.718.069.071a4.906 4.906 0 0 1 .144 7.112 5.08 5.08 0 0 1-.213.202l-.019.018a5.951 5.951 0 0 1-4.003 1.517 5.876 5.876 0 0 1-4.025-1.529l-8.445-7.736-8.61 7.906c-1.503 1.463-3.779 1.893-5.744 1.088a5.695 5.695 0 0 1-1.815-1.126h-.004a5.363 5.363 0 0 1-1.218-1.653c-.88-1.813-.389-3.97 1.196-5.261v-.018l9.549-8.751-3.456-3.265-3.123-.853a1.344 1.344 0 0 1-.885-.711L1.33 4.539a1.184 1.184 0 0 1 .245-1.476l1.258-1.141L4.07.789A1.455 1.455 0 0 1 5.583.521l7.108 2.778c.378.139.668.438.786.81l.922 2.861 3.519 3.225 2.525-2.294a6.9 6.9 0 0 1-.019-.432h.011c0-1.992.857-3.894 2.366-5.254v-.011A8.475 8.475 0 0 1 28.516.032a7.415 7.415 0 0 1 1.601.152 7.628 7.628 0 0 1 1.56.432c.665.247.997.968.74 1.61a1.345 1.345 0 0 1-.311.454c-1.05.964-2.099 1.916-3.145 2.882l.176.577.158.584.649.162.629.152c1.042-.963 2.091-1.908 3.144-2.882a1.482 1.482 0 0 1 1.964 0c.156.15.27.335.334.538.187.411.329.84.421 1.279v.018h.011c.534 2.458-.308 5.006-2.217 6.712a8.43 8.43 0 0 1-5.714 2.166zm.316 14.681a3.118 3.118 0 0 0 4.143.01l.019-.01a2.557 2.557 0 0 0 .073-3.707l-.037-.035-8.477-7.768-4.143 3.792 8.422 7.718zM12.201 8.548a1.273 1.273 0 0 1-.374-.63l-.812-2.524-5.66-2.187-.58.52-.58.542 2.408 5.168 2.848.758c.225.055.43.17.591.332l3.336 3.828.416-.38 2.168-1.972-3.761-3.455zm19.834.745a1.509 1.509 0 0 1-1.394.385l-1.395-.351-1.415-.35a1.3 1.3 0 0 1-.984-.9l-.375-1.295-.382-1.295a1.168 1.168 0 0 1 .364-1.197c.62-.579 1.239-1.144 1.865-1.718a5.547 5.547 0 0 0-3.571 1.437 4.638 4.638 0 0 0-1.573 3.456h.019v.35l.041.303c.093.418-.049.853-.374 1.144L4.201 26.34H4.19a2.11 2.11 0 0 0-.608 2.511c.161.315.377.601.638.846.276.248.595.445.943.584a2.538 2.538 0 0 0 2.72-.549l9.561-8.767.041-.035 6.088-5.578.041-.045 2.924-2.662h.011c.306-.296.74-.433 1.167-.369.136.021.273.033.41.035a5.645 5.645 0 0 0 4.167-1.394v-.018a4.644 4.644 0 0 0 1.541-3.275c-.598.56-1.197 1.098-1.799 1.669zm-6.327 12.329l5.058 4.652a.713.713 0 0 1-.011 1.08.886.886 0 0 1-1.16-.018l-5.083-4.653a.708.708 0 0 1 .019-1.061.912.912 0 0 1 1.177 0z'/%3E%3C/svg%3E") no-repeat center 32px;}
.index-products .list .i32{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='36'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M33.704 5.723l-9.223 14.294.475.246c.956.522 1.674 1.464 1.984 2.601.013.052.025.104.033.157.209 1.329-.118 2.735-.878 3.768-1.742 2.775-4.43 6.524-5.211 7.606l-.022.032c-.649 1.01-1.672 1.572-2.717 1.572a2.972 2.972 0 0 1-1.384-.346c-.005 0-.026-.014-.039-.019L1.489 27.673c-.591-.311-.86-1.05-.62-1.702L5.63 13.165c.131-.351.394-.628.726-.764a1.213 1.213 0 0 1 1.023.05l2.914 1.522c.705.368 2.48.642 4.051.88 2.591.395 4.23.683 5.139 1.374l1.664-2.582-7.3-12.008C13.57 1.179 13.628 0 13.628 0l21.153 3.643s-.839 1.708-1.077 2.08zm-26.21 9.795L3.668 25.805l1.448.759 3.826-10.287-1.448-.759zm10.439 2.856c-.569-.333-2.672-.656-3.95-.849-.913-.139-1.8-.274-2.599-.44L7.409 27.763l10.447 5.465c.004 0 .009.005.013.005l-.578 1.199.603-1.186c.357.184.675-.044.854-.323.017-.023.047-.072.063-.094l.047-.068.845-1.181-1.231-.812a1.37 1.37 0 0 1-.6-1.189c.016-.481.273-.917.674-1.142a1.215 1.215 0 0 1 1.272.045l1.414.929c.327-.471.667-.96 1.003-1.459l-1.478-.813a1.355 1.355 0 0 1-.686-1.137c-.02-.482.204-.938.588-1.197a1.216 1.216 0 0 1 1.274-.059l1.771.974c.093-.148.182-.292.271-.431l.026-.04c.018-.03.038-.058.059-.086.331-.449.476-1.055.412-1.621-.127-.395-.365-.71-.662-.871l-3.95-2.061c-.038-.022-.08-.045-.118-.072-.107-.072-1.028-.723-1.809-2.164zm.424-14.733l5.389 9.299a1.4 1.4 0 0 1-.017 1.486l-2.175 3.372.855.648 8.123-12.588-12.175-2.217z'/%3E%3C/svg%3E") no-repeat center 32px;}
.index-products .list .i33{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='34'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M33.383 34H2.617C1.174 34 0 32.78 0 31.279V9.52C0 8.02 1.174 6.8 2.617 6.8h7.075V2.72c0-1.5 1.243-2.721 2.77-2.721h11.08c1.527 0 2.769 1.221 2.769 2.721V6.8h7.076C34.826 6.8 36 8.02 36 9.52v21.759C36 32.78 34.826 34 33.383 34zm-.173-2.721l.004-9.521h-8.301v5.454c0 .746-.624 1.358-1.383 1.358-.76 0-1.383-.612-1.383-1.358v-5.454h-8.302V27.2c0 .746-.623 1.358-1.383 1.358-.759 0-1.383-.612-1.383-1.358v-5.442H2.778l-.004 9.521H33.21zM12.462 2.72V6.8h11.072l.004-4.08H12.462zm0 6.8h-9.68l-.004 9.521h30.448l.004-9.521H12.462zm.004 2.721c.76 0 1.383.612 1.383 1.359v5.437l-2.766.004V13.6c0-.747.624-1.359 1.383-1.359zm9.689 1.37c0-.746.623-1.358 1.383-1.358.759 0 1.383.612 1.383 1.358v5.43l-2.766-.004v-5.426z'/%3E%3C/svg%3E") no-repeat center 32px;}
.index-products .w2 .list{padding-top: 60px; text-align: center;}
.index-products .w2 .list a{padding: 85px 0 0; width: 160px; height: 140px; border-radius: 4px;}
.index-products .w3 .list{padding-top: 60px; text-align: center;}
.index-products .w3 .list a{padding: 85px 0 0; width: 300px; height: 140px; border-radius: 4px;}




/*服务与支持*/
.eui-index-service-support{height: 600px; background-image: url(../images/index-products-solution.jpg); overflow: hidden;}
.index-service{width: 1170px; overflow: hidden; margin: 40px auto 0; position: relative;}
.index-service .box{float: left; width: 585px; padding: 0 35px 20px;}
.index-service i{position: absolute; top: 0; bottom: 0; left: 50%; width: 0; border-left: 1px solid rgba(255,255,255,.2);}
.index-service .zoom {display:block; width: 515px; margin: 20px 0; position: relative;}
.index-service .zoom img {display: block; transition: .4s;}
.index-service .zoom img::selection { background-color: transparent;}
.index-service .box strong{font-size: 30px; color: #eb6100; display: block; line-height: 60px; font-weight: normal;}
.index-service .box p{margin: 0; line-height: 20px; color: #fff; font-size: 12px; margin-right: -5px;}


/*人才招聘*/
.eui-index-hr{/*background-image: url(../images/index-hr.jpg);*/ background: #fff; height: 740px; z-index: 2; position: relative;}
/*.eui-index-hr{height: 740px; z-index: 2; position: relative;}*/
.index-hr{width: 920px; height: 420px; margin: 0 auto; padding: 30px 0 0;}
.index-hr .hr-card{position: relative; width: 450px; height: 389px; display: block; overflow: hidden;  will-change: transform;}
/*.index-hr .hr-card:before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2;}*/
.index-hr .hr-card.hover-in {
transition: -webkit-transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out; }
.index-hr .hr-card.hover-out {
transition: -webkit-transform .2s ease-in;
transition: transform .2s ease-in;
transition: transform .2s ease-in, -webkit-transform .2s ease-in; }
.index-hr .hr-social .bg{position: absolute; right: 0; bottom: 0; width: 280px; height: 349px; background-color: #225dbb;}
.index-hr .hr-social .figure{position: absolute; left: 15px; bottom: 0; width: 418px; height: 389px; background: url(../images/index-hr-a1.png) no-repeat; -webkit-transform: translateZ(60px); transform: translateZ(60px);}
.index-hr .arrow{position: absolute; right: 20px; top: 55%; width: 36px; height: 36px; background: url(../images/index-hr-fa.png) no-repeat; -webkit-transform: translateZ(30px); transform: translateZ(30px);}
.index-hr .text{position: absolute; right: 60px; top: 80px; color: #fff; -webkit-transform: translateZ(100px); transform: translateZ(100px); text-align: center; text-shadow: 3px 3px 3px rgba(0,0,0,.1);}
.index-hr .text h3{margin: 0; font-size: 30px; font-weight: normal;}
.index-hr .text small{color: rgba(255,255,255,.5); font-size: 16px;}
.index-hr a{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block;}

.index-hr .hr-campus .bg{position: absolute; right: 0; bottom: 0; width: 280px; height: 349px; background-color: #eb6100;}
.index-hr .hr-campus .figure{position: absolute; left: 15px; bottom: 0; width: 418px; height: 389px; background: url(../images/index-hr-b1.png) no-repeat; -webkit-transform: translateZ(60px); transform: translateZ(60px);}

.hr-social:hover .figure,.hr-campus:hover .figure{left: 20px;}

.index-hr-btn{width: 1200px; margin: 0 auto; padding-top: 60px;}
.index-hr-btn ul{display: table; width: 100%;}
.index-hr-btn li{display: table-cell;}
/*.index-hr-btn a{position: relative; top: 0; display: block; width: 200px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #fff; margin: 0 auto; border: 1px solid rgba(255,255,255,.4); border-radius: 5px;}
.index-hr-btn a:hover{border: 1px solid #fff; top: -10px;}*/
.index-hr-btn a{position: relative; top: 0; display: block; width: 200px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #eb6100; margin: 0 auto; border: 1px solid rgba(235,97,0,.4); border-radius: 5px;}
.index-hr-btn a:hover{border: 1px solid #eb6100; top: -10px;}


/*联系我们*/
.eui-index-contact{height: 380px; padding: 40px 40px 0;}
.eui-index-contact .title{margin-bottom: 20px; font-size: 28px; color: #eb6100;}
.eui-index-contact .title span{margin-left: 12px; font-size: 26px;}
.eui-index-contact .location{position: relative; width: 480px; padding-bottom: 12px; border-right: 1px solid #ccc; z-index:1;}
.eui-index-contact .location .hd li{float: left; height: 50px; line-height: 50px; padding: 0 15px; font-size: 18px; color: #906335; cursor: pointer;}
.eui-index-contact .location .hd li:first-child{padding-left: 0;}
.eui-index-contact .location .hd li.on{color: #eb6100;}
.eui-index-contact .location .info p{margin: 0; line-height: 24px;}
.eui-index-contact .location .info em{position: relative; top: 3px; display: inline-block; width: 24px; height: 17px; background: url(../images/index-map-icon.png) no-repeat center;}
.eui-index-contact .location .info .map{position: absolute; top: -100px; left: 0; display: none; border: 1px solid #ccc; padding: 1px; border-radius: 5px; box-shadow: 2px 2px 10px rgba(0,0,0,.05); background: #fff;}
/*.eui-index-contact .location .info em:hover .map{display: block;}*/

.eui-index-contact .employ{width: 550px; padding-left: 50px;}
.eui-index-contact .employ strong{font-size: 18px; line-height: 50px; font-weight: normal; color: #eb6100;}
.eui-index-contact .employ p{margin: 0; line-height: 24px;}
.eui-index-contact .code span{display: block; text-align: center; font-family: simsun; font-size: 12px; color: #999;}

.eui-index-contact .copyright{position: relative; top: 15px; height: 0; font-family: simsun; font-size: 12px; color: #999;}

.eui-footer{height: 300px; border-top: 1px solid #eee;}


.to-top{background: #3498db; color: #fff;padding: 12px 15px;border-radius: 5px; z-index: 999;}
.to-top:hover{opacity: .7; color: #fff;}

/*****************************内页*****************************/
.eui-in-banner{position: relative; height: 380px; overflow: hidden; background-position: center top!important;}
.eui-in-banner:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/banner-pot.png) 0 -1px repeat; z-index: 2;}
/*.eui-in-banner.on{height: 180px;}*/

.eui-in-main{position: relative; z-index: 100; margin-top: -100px;}
.eui-in-main .pub-con{background: #fff;}
.in-header{height: 100px; color: #eb6100; font-family: "微软雅黑";}
.in-header b{font-weight: normal;float: left; line-height: 100px; font-size: 45px; margin: 0 6px 0 30px; letter-spacing: 2px;}
.in-header em{float: left; line-height: 22px; padding: 28px 0; font-size: 22px; font-style: normal;}

/* sidenav */
.sidenav{position: relative; width:240px; margin: 50px 0;}
.sidenav h3{position: relative; margin: -1px 0 0;}
.sidenav h3 a{position: relative; display: block; border: 1px solid #eee; height:50px; line-height:48px; padding-left: 30px; font-size:17px; color:#333; font-weight: normal; cursor: pointer;}
.sidenav h3 a:before{content: '>'; position: absolute; top: 0; right: 0; width: 50px; line-height: 50px; text-align: center; font-family: simsun; font-size: 16px; color: #333; transition: ease-in-out .3s;}
.sidenav h3 a:hover:before{color: #fff;}
.sidenav h3.on a,.sidenav h3 a:hover{color:#fff; background: #eb6100; border-color: #eb6100; border-top: 1px solid #eee;}
.sidenav h3.on a:before{transform: rotate(90deg); color:#fff;}
.sidenav h3.on a[href]:before{transform: rotate(0);}
.sidenav dd:first-child h3.on a,.sidenav dd:first-child h3 a:hover{border-top: 1px solid #eb6100;}

.sidenav .sub{display:none; padding: 10px 0; background: #eee;}
.sidenav .sub h4{position: relative; display:block; margin: 0; height: 30px; line-height: 30px; padding-left: 20px; font-weight: normal; color: #eb6100;}
.sidenav .sub h4:before{content: ''; position: absolute; top: 50%; left: 20px; right: 20px; height: 0; border-bottom: 1px dashed #eb6100;}
.sidenav .sub h4 span{position: relative; display: inline-block; padding-right: 4px; background: #eee;}
.sidenav .sub li{position: relative; line-height:32px; height:32px; margin-bottom: 1px; font-size:13px}
.sidenav .sub li a{display:block; padding-left: 50px; color:#888}
.sidenav .sub li.on,.sidenav .sub li a:hover{background:#eb6100; color:#fff}
.sidenav .sub li.on:before{content: ''; position: absolute; top: 10px; right: 0; border-width:6px; border-style:solid; border-color: transparent #fff transparent transparent;}
.sidenav .sub li.on a{background:#eb6100; color:#fff}
.sidenav h3.on+.sub{display: block;}


.in-con{position: relative; width: 960px; padding: 0 40px 50px;}
.detail-back{position: absolute; top: -58px; right: 40px;}
.detail-back .btn-page:hover{width: 70px;}
.detail-tit{ font-size: 25px; font-family: "微软雅黑";  color: #eb6100; text-align: center;}
.detail-tit-sub{line-height: 32px; font-size: 14px; color: #666; text-align: center;}

.pic-center img{display: block; margin: 30px auto;}

/*2.0智慧城市*/
.smart-city-nav{position: fixed; top: 50%; left: 50%; display: none; z-index: 999;}
.smart-city-nav a{position: relative; display: block; width: 18px; height: 18px; border: 2px solid #072d4f; border-radius: 50%; margin-top: 10px;}
.smart-city-nav span{position: absolute; top: 0; right: 0; display: block; padding-right: 24px; line-height: 14px; white-space: nowrap; color: #072d4f; opacity: 0; transition: ease-in-out .3s;}
.smart-city-nav a.active,.smart-city-nav a:hover{border-color: #eb6100; color: #eb6100;}
.smart-city-nav a:hover span{color: #eb6100; opacity: 1;}
.smart-city>div{padding: 20px 0;}
.smart-city>div:nth-child(odd){background: #fff; position: relative; z-index: 3; overflow: hidden;}
.smart-city>div:nth-child(even){background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; overflow: hidden;}
.smart-city .pub-con{position: relative; overflow: hidden; background: none;}
.smart-city .con{float: left; width: 560px; padding: 0 40px; font-size: 16px; line-height: 25px; color: #6b6b6b;}
.smart-city .con p{text-indent:2em!important; margin: 14px 0!important;}
.smart-city .con span{font-size: 16px!important; line-height: 25px!important;}
.smart-city .pic{float: left; width: 640px; min-height: 560px;}
.smart-city .pic img{position: absolute; top: 50%; transform: translateY(-50%); max-width: 600px;}
.smart-city>div:nth-child(odd) .pic{float: right;}
.smart-city>div:nth-child(even) .con{color: #fff;}
#item2{background: url(../images/smart-city-bg2.jpg) no-repeat center fixed;}
#item4{background: url(../images/smart-city-bg4.jpg) no-repeat center fixed;}
#item6{background: url(../images/smart-city-bg6.jpg) no-repeat center fixed;}

/*5.4企业动态*/
.detail-list .item{margin-top: -1px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.detail-list .item a{position: relative; display: block; height: 165px;}
.detail-list .item a:before,.detail-list .item a:after{content: ''; position: absolute; left: 0; width: 0; height: 1px; background: #eb6100; transition: ease-in-out .5s;}
.detail-list .item a:before{top: -1px;}
.detail-list .item a:after{bottom: -1px;}
.detail-list .item a:hover:before,.detail-list .item a:hover:after{width: 100%;}
.detail-list .item a>div{float: left; padding: 30px 0;}
.detail-list .item .date{position: relative; width: 170px; transition: ease-in-out .5s;}
.detail-list .item .date span,.detail-list .item .date b{display: block; width: 80px; text-align: right;}
.detail-list .item .date span{font-size: 14px;}
.detail-list .item .date b{font-size: 25px;}
.detail-list .item .date em{position: relative; left: 10px; display: block; width: 14px; height: 50px; background: url(../images/list-arrow.png) no-repeat center; transition: ease-in-out .5s;}
.detail-list .item .date i{position: absolute; top: 50px; left: 95px; right: 20px; height: 1px; background: #bfbfbf; transition: ease-in-out .5s;}
.detail-list .item a:hover .date{width: 220px; color: #eb6100;}
.detail-list .item a:hover .date em{left: 65px;}
.detail-list .item a:hover .date i{background: #eb6100;}
.detail-list .item .con{width: 660px;}
.detail-list .item .con b{display: block; font-size: 16px; line-height: 40px; margin-bottom: 10px;}
.detail-list .item .con p{margin: 0; font-size: 14px; color: #6a6a6a; line-height: 20px;}

/* 分页样式  */ 
.page {height:32px;line-height: 32px; margin-top: 24px; font-family: arial; text-align: right;}
.page span{display: inline-block; font-size: 14px; line-height: 32px; padding: 0 4px;}
.btn-page{display: inline-block;  width: 60px; height: 32px; line-height: 30px;  border: 1px solid #d1d1d1; border-radius: 4px;text-align: center;}
.btn-page:before{position: absolute; top: 0; left: 15px; font-family: simsun; font-size: 13px; color: #d1d1d1;}
.btn-page:after{position: absolute; top: 14px; right: 16px; left: 16px; height: 1px; background: #d1d1d1;}
.btn-page.next{transform: rotate(180deg);}
.btn-page[href]:before{color: #000;}
.btn-page[href]:after{background: #000;}
.btn-page[href]:hover{background: #eb6100; border-color: #eb6100;}
.btn-page[href]:hover:before{color: #fff;}
.btn-page[href]:hover:after{background: #fff;}
.page b{font-weight: normal; padding: 0 6px;}
.page .disabled{cursor: no-drop;}
.page ul{display: inline-block; padding: 0 4px;}
.page li {display: inline-block; margin: 0 2px; border-radius: 4px; text-align: center;}
.page li a {display: block; font-size: 12px; min-width: 32px; line-height: 30px; border: 1px solid #d1d1d1; border-radius: 4px;}
.page li:hover a,.page .page_num{min-width: 32px; background: #eb6100; border-color: #eb6100; color: #fff;}
.page li:hover a{color: #fff;}
.page .jump{position: relative; top: -1px; width: 32px; height: 32px; line-height: 30px; padding: 0 8px; margin: 0 6px; border: 1px solid #d1d1d1; border-radius: 4px; transition: ease-in-out .4s;}
.page .jump:focus{width: 50px; border-color: #eb6100;}

/*5.5企业相册*/
.about-album-box{padding: 50px 100px;}
.about-album{position: relative;}
.about-album .card{position: relative; display: block;}
.about-album .bg{width: 280px; height: 380px; box-shadow: 8px 8px 12px rgba(0,0,0,.2);}
.about-album.hj .bg{background: url(../images/about-album1.jpg) no-repeat;}
.about-album.hd .bg{background: url(../images/about-album2.jpg) no-repeat;}
.about-album .arrow{position: absolute; right: 40px; bottom: 55px; width: 36px; height: 36px; background: url(../images/album-arrow.png); -webkit-transform: translateZ(40px); transform: translateZ(40px); z-index: 0;}
.about-album .text{position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; color: #fff; border: 1px solid #fff; transition: ease-in-out .2s; text-shadow: 2px 2px 8px rgba(0,0,0,.4); z-index: 1;}
.about-album .text h3{position: absolute; bottom: 54px; left: 30px; margin: 0; font-size: 24px; font-weight: 400; transition: ease-in-out .2s; -webkit-transform: translateZ(40px); transform: translateZ(40px);}
.about-album .text small{position: absolute; bottom: 30px; left: 30px; margin: 0; font-size: 15px; transition: ease-in-out .2s; -webkit-transform: translateZ(40px); transform: translateZ(40px);}
.about-album:hover .text{border-width: 5px; box-shadow: 5px 5px 15px rgba(0,0,0,.2);}
.about-album:hover .text h3{bottom: 50px; left: 26px;}
.about-album:hover .text small{bottom: 26px; left: 26px;}

/*相册详情*/
.album-detai-bg{background: #222127;}
.album-detail{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.album-detail-tab{position: absolute; top: 50%; left: 0; width: 100%; text-align: center;}
.album-detail-tab a{display: inline-block; width: 160px; height: 40px; line-height: 38px; border-radius: 5px; border: 1px solid #4e4d52; color: #a2a2a4; margin: 0 10px; font-size: 16px;}
.album-detail-tab a.on{border-color: #eb6100; color: #eb6100;}
.album-detail-tab:hover a{border: 1px solid #4e4d52; color: #a2a2a4;}
.album-detail-tab a:hover{border-color: #eb6100; color: #eb6100;}

.photo-detail .pageState{font-size: 20px; text-align: center; line-height: 50px; font-family: arial; letter-spacing: 1px;}
.photo-detail .pageState span{ color: #f00; font-size: 28px;}
.photo-detail .bigImg{position: absolute!important; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.photo-detail .bigImg li{display: none;}
.photo-detail .bigImg img{display: block;}
.photo-detail .bigImg span{display: block; margin: 12px 0 0; text-align: center; line-height: 28px; font-weight: normal; font-size: 16px; color: #fff;}

.photo-detail .prev,.photo-detail .next{position:absolute; top:50%; left:50%; width:36px; height:36px; line-height:32px; margin-top: -25px; text-align:center; color:#fff; font-size:24px; font-weight: bold; border: 2px solid #fff; border-radius: 50%; z-index:10; cursor:pointer; opacity: .2; font-family:"宋体"; font-style: normal; cursor: pointer; transition: ease-in-out .5s;}
.photo-detail .prev{padding-right: 2px;}
.photo-detail .next{padding-left: 2px;}
.photo-detail .prev:hover,.photo-detail .next:hover{opacity: .7;}

.photo-detail .smallScroll{display: none; position: fixed; left: 0; bottom: 0; width: 100%; border-top: 1px solid #39383d; padding: 2px 0 1px;}
.photo-detail .smallImg{display: table; margin: 0 auto; font-size: 0; overflow: hidden;}
.photo-detail .smallImg li{display: inline-block; margin: 0 2px; cursor: pointer;}
.photo-detail .smallImg img{width:96px; height:72px;}
.photo-detail .smallImg .on img{ border: 2px solid #eb6100; padding: 1px;}

.photo-detail .sPrev,.photo-detail .sNext{position: absolute; display: block; width: 24px; height: 76px; text-indent: -9999px; opacity: .4;}
.photo-detail .sPrev:hover,.photo-detail .sNext:hover{opacity: 1;}
.photo-detail .sNext{}


/*6.1招聘tab可拖动*/
.swiper-container {width: 100%;}
.swiper-slide {text-align: center; font-size: 16px; width: auto; padding: 0 10px; cursor: ;}
.recruitment .swiper-container{height: 52px; border-bottom: 1px solid #ddd;}
.recruitment .swiper-slide{transition: ease-in-out .1s; line-height: 50px;}
.recruitment .swiper-slide.on{position: relative; color: #eb6100; border-bottom: 3px solid #eb6100;}

/*6.1招聘手风琴*/
.accordion dl{padding: 20px 0;}
.accordion h3{position: relative; margin: 0; transition: ease-in-out .5s;}
.accordion h3 a{position: relative; display: block; height: 45px; line-height: 45px; padding-left: 45px; font-weight: normal; border-bottom: 1px solid #eee; cursor: pointer;}
.accordion h3:before{content: ''; position: absolute; top: 20px; left: 20px; width: 5px; height: 5px; border-radius: 5px; background: #eb6100; transition: ease-in-out .5s;}
.accordion h3:hover,.accordion h3.on{background: #eb6100;}
.accordion h3:hover a,.accordion h3.on a{color: #fff;}
.accordion h3:hover:before,.accordion h3.on:before{background: #fff;}
.accordion h3 a:before,.accordion h3 a:after{content: ''; position: absolute; top: 20px; right: 15px; width: 15px; height: 3px; background: #fff;}
.accordion h3 a:after{transform: rotate(90deg);}
.accordion h3.on a:after{display: none;}

.accordion .sub{display: none; padding: 15px 30px; line-height: 2em; background: #fbfbfb;}
.accordion .sub p{margin: 0; padding: 5px 0;}
.accordion .sub p strong{display: block;}
.btn-mailto{display: block; margin: 15px auto; width: 200px; height: 56px; line-height: 54px; text-align: center; font-size: 18px; border: 1px solid #eb6100; color: #eb6100; border-radius: 5px;}
.btn-mailto i{position: relative; top: 2px; margin-right: 20px; font-size: 28px;}
.btn-mailto:hover{background: #eb6100; color: #fff;}

@media screen and (min-width: 200px) {
	.album-detail-tab{transform: translate(0,-285px);}
	.photo-detail .bigImg img{width: 600px; height: 400px;}
	.photo-detail .prev{transform: translateX(-356px);}
	.photo-detail .next{transform: translateX(320px);}
	#topcontrol{margin-left: 590px;}
	.smart-city-nav{transform: translate(600px,-50%);}	
}
@media screen and (min-width: 1367px){
	.album-detail-tab{transform: translate(0,-326px);}
	.photo-detail .bigImg img{width: 700px; height: 467px;}
	.photo-detail .prev{transform: translateX(-406px);}
	.photo-detail .next{transform: translateX(370px);}
	#topcontrol{margin-left: 670px;}
	.smart-city-nav{transform: translate(680px,-50%);}	
}

.detail-con p{margin: 14px 0!important; line-height:2!important; text-align: justify;}
.detail-con ul{line-height:1.8; margin-left:2em}
.detail-con li{text-align: justify;}
.detail-con p+ul{margin-left:22px}




#divCenter{position: fixed; z-index: 1000; top:0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7);}
#divCenter video{position: absolute; z-index: 2; top: calc(50% - 270px); left: calc(50% - 480px); width: 960px;}
#divCenter i{position: absolute; z-index: 1; top:0; left: 0; right: 0; bottom: 0;}


.newimg{margin-left:3px;}

@media (min-width: 1921px) {
        body{width: 1920px;}
        .eui-header{left: 50%; right: auto; width: 1920px; margin-left: -960px;}
        .eui-index-banner{left: 50%; right: auto; width: 1920px; margin-left: -960px;}
        .eui-index-banner .bd li{height: 768px;}
        .eui-index-about-us{margin-top: 768px;}
}