@charset "utf-8";
/* CSS Document */

body { font-size:14px; font-family: "Microsoft Yahei"; color:#666; background-color:#fff; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-family:"Microsoft Yahei"; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100%;}
a { text-decoration:none; color:#666; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#0c66bc; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1200px; margin:0px auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}

/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color: rgba(0,0,0,.3); }
textarea::-webkit-input-placeholder { color: rgba(0,0,0,.3); }
input::-webkit-input-speech-button { display: none; }


@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}

/**index**/
.jiHead{ padding-top:100px;}
.jiHead-box{ background:#fff; width:100%; height:100px; position:fixed; left:0; top:0; z-index:999; box-shadow:0 1px 2px rgba(0,0,0,.1);}
.jiHead-box .w{ width:1280px;}
.jiHead-logo{ margin-top:11px;}
.jiHead-nav li{ float:left; height:100px; padding-top:40px; position:relative; margin-left:35px; display:inline-block;}
.jiHead-nav li a.far{ font-size:16px; color:#333; display:block;}
.jiHead-nav li.active a.far, .jiHead-nav li:hover a.far{ color:#e7b200;}
.jiHead-nav li .sub{ background:#e6e6e6; width:457px; position:absolute; left:-20px; top:100%; border-top:2px #e6e6e6 solid; display:none;}
.jiHead-nav li .subMenu{ background:#e6e6e6; width:163px; padding:22px 18px 29px 18px; }
.jiHead-nav li .subMenu a{ display:block; line-height:38px; padding-left:15px; color:#333; border-bottom:1px #dadada solid;}
.jiHead-nav li .subMenu a:hover{ background:#0c66bc; color:#fff;}
.jiHead-nav li .subImg{ background:#fff; width:294px; padding:28px 17px 37px 17px;}
.jiHead-nav li:nth-child(5) .sub{ left:auto; right:0;}
.jiHead-nav li:nth-child(6) .sub{ left:auto; right:0;}
.jiHead-nav li:nth-child(7) .sub{ left:auto; right:0;}
.jiHead-nav li:nth-child(8) .sub{ left:auto; right:0;}



/**手机菜单**/
.navBtn{  width:60px; height:60px; position:absolute; right:0; top:0; cursor:pointer; z-index:20; display:none; -webkit-transition: all ease 0.3s; transition: all ease 0.3s;}
.navBtn span { position:absolute; top:18px; display:block; width:34px; height:3px; left:13px; background-color:#0c66bc; -webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; }
.navBtn span:nth-of-type(2) { top: 28px; }
.navBtn span:nth-of-type(3) { top: 38px; bottom: 0; -webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s; }
.navBtn.expanded:hover span { transform: scale(0.9); }
.navBtn.expanded span:nth-of-type(1) { top:28px; transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(45deg); -webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s }
.navBtn.expanded span:nth-of-type(2) { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.navBtn.expanded span:nth-of-type(3) { top:28px; transform: rotate(-45deg); transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(-45deg); -webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s }

.navPup-ibox{ position:fixed; top:0; left:0; width:100%; height:100%; z-index: 100; background: #fff; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s; -webkit-transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s;}
.navPup-ibox.cur { transform: translateY(0); -webkit-transform: translateY(0);}
.nav-list { background:#0c66bc; height:100%; padding-top:60px;}
.nav-list li { position:relative; line-height:50px; font-size:16px; text-align:center; border-bottom:1px solid #145ca0;  border-top:1px solid #1974cc;}
.nav-list li a.far{ display:block; color:#fff; width:100%; }
.nav-list li a.current, .nav-list li a.far:hover{ background-color:#0c66bc;}

.nav-list li .msubnav{ background:#f5f5f5; padding:5px 0; display:none;}
.nav-list li .msubnav a{ display:block; font-size:15px; color:#777; line-height:32px; }
.nav-list li .msubnav a:hover{ color:#0c66bc;}
@-moz-keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
transform:scaleY(1)
}
}
@-webkit-keyframes subnav-open { 0% {
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
-ms-transform:scaleY(0.85);
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
-ms-transform:scaleY(1);
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}


.jiBanner{ width:100%; position:relative; overflow:hidden;}
.jiBanner li .pic{ background-position:center; background-size:cover; height:820px; width:100%; display:block;}
.jiBanner .swiper-pagination{ font-size:0; bottom:45px !important;}
.jiBanner .swiper-pagination-bullet{ background:#fff; width:14px; height:14px; margin:0 6px !important; opacity:0.7;}
.jiBanner .swiper-pagination-bullet-active{ opacity:1;}


.jiNews-floor{ margin-top:50px;}
.jiNews{ width:853px;}
.jiNews-title{ border-top:1px #b4b4b4 solid; height:42px; position:relative; margin-bottom:24px;}
.jiNews-title .cn{ background:url(../images/news-tit.jpg) no-repeat left bottom #fff; font-size:26px; font-weight:bold; color:#000;  padding:0 35px 7px 0; position:absolute; left:0; top:-9px; }

.jiNews-figure{ width:386px;}
.jiNews-figure .pic{ max-height:210px; overflow:hidden;}
.jiNews-figure .text{ background:#0c66bc; color:#fff; padding:16px 20px;}
.jiNews-figure .text .d{ font-size:16px; display:block; font-weight:bold;}
.jiNews-figure .text .c{ margin-top:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.jiNews-list{ position:relative; width:440px;}
.jiNews-list-box{ overflow:hidden;}
.jiNews-list-box .t{ font-size:18px; font-weight:bold; color:#e7b200; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jiNews-list-box .t a{ color:#e7b200;} 
.jiNews-list-box .c{ line-height:24px; height:48px; overflow:hidden; margin-top:8px; text-align:justify;}
.jiNews-list-box dl{ margin-top:18px; border-top:1px #ddd solid; padding-top:10px;}
.jiNews-list-box dl dd{ height:30px; line-height:30px; overflow:hidden; position:relative; text-overflow:ellipsis; white-space:nowrap; padding-right:150px;}
.jiNews-list-box dl dd span{ float:right; position:absolute; right:0; top:0;}
.jiNews-list-more{ text-align:right; padding-top:25px;}
.jiNews-list-box .swiper-button-next, .jiNews-list-box .swiper-button-prev{ background:#b4b4b4; font-family:"iconfont" !important; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; font-size:16px; margin-top:0; top:-45px;}
.jiNews-list-box .swiper-button-next:hover, .jiNews-list-box .swiper-button-prev:hover{ background:#0c66bc;}
.jiNews-list-box .swiper-button-prev{ left:auto; right:23px;}
.jiNews-list-box .swiper-button-next{ right:0;}


.jiAbout{ width:300px;}
.jiAbout-title{ background:#eef3f8 url(../images/about-title.jpg) no-repeat left center; line-height:30px; padding-left:13px; position:relative; font-size:16px; font-weight:bold; color:#000; border-left:1px #e0cc20 solid;}
.jiAbout-img{ margin-top:11px;}
.jiAbout-menu{ margin-left:-8px; position:relative; padding-top:7px;}
.jiAbout-menu li{ background:#0c66bc; width:146px; line-height:40px; float:left; display:inline-block; margin:7px 0 0 8px; padding:16px 0 16px 15px;}
.jiAbout-menu li a{ color:#fff; display:block;}
.jiAbout-menu li .ico{ vertical-align:top; margin-right:13px; display:inline-block;}
/*.jiAbout-menu li:hover{ background:#0c66bc;}*/


.jiCase{ margin-top:40px;}
.jiCase-title{ background:#f3f3f3; line-height:58px; padding:0 20px; border:1px #ddd solid; border-bottom:0;}
.jiCase-title .cn{ float:left; font-size:26px; font-weight:bold; color:#000; position:relative;}
.jiCase-title .cn:before{ content:''; background:#0c66bc; width:100%; height:4px; position:absolute; left:0; bottom:0;}
.jiCase-list{ border:1px #ddd solid; overflow:hidden; position:relative; padding-top:27px;}
.jiCase-list li figure{ width:100%; overflow:hidden; border:1px #ddd solid;}
.jiCase-list li figure img{ width:100%; display:block; transition:all 0.4s;}
.jiCase-list li title{ text-align:center; display:block; padding:20px 0;}
.jiCase-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.jiCase-list li:hover title{ color:#e7b200;}
.jiCase-list .swiper-button-next, .jiCase-list .swiper-button-prev{ background:rgba(0,0,0,.5); width:46px; height:46px; margin-top:-23px; line-height:46px; text-align:center; font-family:"iconfont" !important; color:#fff; font-size:28px;}
.jiCase-list .swiper-button-prev{ left:1px;}
.jiCase-list .swiper-button-next{ right:1px;}
.jiCase-list .swiper-button-next:hover, .jiCase-list .swiper-button-prev:hover{ background:#0c66bc;}


.jiColumn{ background:#f1f1f1; margin-top:38px; padding:38px 0 29px 0;}
.jiColumn-list{ margin-left:-32px; position:relative;}
.jiColumn-list li{ background:#fff; width:calc(33.3% - 32px); float:left; margin-left:32px; display:inline-block; padding-bottom:20px;}
.jiColumn-list li figure{ width:100%; overflow:hidden;}
.jiColumn-list li figure img{ width:100%; display:block; transition:all 0.4s;}
.jiColumn-list li .tit{ font-size:22px; font-weight:bold; color:#333; padding:15px 0 0 22px;}
.jiColumn-list li .txt{ margin-top:8px; padding-left:22px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jiColumn-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}


.jiFooter{ background:#0c66bc; padding:28px 0; color:#fff;}
.jiFooter-contact{ width:325px;}
.jiFooter-contact .t{ font-size:28px; padding-bottom:10px;}
.jiFooter-contact .c li{ padding:7px 0; line-height:29px;}
.jiFooter-contact .c li i{ width:29px; height:29px; text-align:center; color:#fff; display:inline-block; font-size:18px; vertical-align:top; margin-right:12px; border-radius:50%; border:1px #ecf6ff solid;}
.jiFooter-links dl{ width:155px; float:left;}
.jiFooter-links dl dt{ font-size:18px; padding-bottom:16px;}
.jiFooter-links dl dd a{ display:block; line-height:32px; color:#fff;}
.jiFooter-code .t{ font-size:18px; padding-bottom:18px;}
.jiFooter-code ul li{ width:100px; text-align:center; float:left; display:inline-block;}
.jiFooter-code ul li img{ margin-bottom:6px;}
.jiFooter-code ul li:last-child{ margin-left:17px;}
.jiFooter-copy{ background:#393939; padding:16px 0; color:#fff;}
.jiFooter-copy a{ color:#fff;}

.jiFooter-friend{ margin-top:15px; color:#fff; line-height:26px; }
.jiFooter-friend span{ font-size:16px;}
.jiFooter-friend a{ color:#fff; display:inline-block; padding-left:15px;}


/**工程案例**/
.pbanner{ background-position:top center; background-size:cover; width:100%; height:400px; position:relative;}
.pbanner .ptext{ background:#0c66bc; width:255px; text-align:center; position:absolute; left:50%; margin-left:-600px; bottom:0; z-index:10; padding:13px 0 10px 0;}
.pbanner .ptext .cn{ font-size:36px; font-weight:bold; color:#fff; line-height:1.2;}
.pbanner .ptext .en{ font-family:aparajita; color:#fff; font-size:26px; text-transform:uppercase; margin-top:6px; line-height:1.1;}


.pmenu{ background:#eee;}
.pmenu-box{width:255px; }
.pmenu-box a{  background:#eee; line-height:66px; display:block; text-align:center; position:relative; font-size:16px; color:#555; margin-top:3px;}
.pmenu-box a.active, .pmenu-box a:hover{ background:#0c66bc; color:#fff;}
.pmenu-box a:first-child{ margin-top:0;}
.pmenu-pos{ line-height:66px; color:#888;}
.pmenu-pos i{ color:#bebebe; font-size:20px; margin-right:10px; vertical-align:top; display:inline-block;}

.pmain{ padding:50px 0;}
.pmain-right{ width:910px;}
.pcase-list{ margin-left:-30px; position:relative; margin-top:-30px;}
.pcase-list li{ width:calc(33.3% - 30px); margin:30px 0 0 30px; float:left; display:inline-block; padding:18px 18px 32px 18px; text-align:center; border:1px #dedede solid; transition:all 0.3s;}
.pcase-list li .pic{ line-height:1; border:1px #dddddd solid; overflow:hidden;}
.pcase-list li .pic img{ width:100%; display:block; transition:0.5s;}
.pcase-list li .tit{ font-size:18px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; }
.pcase-list li .view{ width:146px; line-height:38px; display:inline-block; margin-top:19px; border:1px #dedede solid; transition:all 0.4s;}
.pcase-list li:hover{ border-color:#0c66bc;}
.pcase-list li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pcase-list li:hover .view{ background:#0c66bc; color:#fff; border-color:#0c66bc;}


.ppage{ text-align:center; margin-top:50px; font-size:0;}
.ppage a{ background:#eee; display:inline-block; vertical-align:top; line-height:40px; margin:0 2px; padding:0 16px; font-size:14px; color:#000;}
.ppage .nowpage{ display:inline-block; vertical-align:top; line-height:40px; margin:0 2px; padding:0 16px; font-size:14px; color:#000;}
.ppage a.active, .ppage a:hover, .ppage .nowpage{ background:#84ca19; color:#fff;}


/**联系我们**/
.pabout{ font-size:18px; line-height:30px; color:#555; text-align:justify;}
.pcontact-tit{ text-align:center; color:#333; font-weight:bold; font-size:24px; position:relative; padding:0 0 55px 0;}
.pcontact-tit:before{ content:''; background:#0c66bc; width:114px; height:3px; position:absolute; left:50%; margin-left:-57px; bottom:42px;}
.pcontact-list{ position:relative; margin-left:-30px;}
.pcontact-list li{ background:#0c66bc; width:calc(33.3% - 30px); float:left; margin-left:30px; display:inline-block; min-height:194px; text-align:center; line-height:24px; color:#fff; padding:25px 15px 0 15px; transition:all 0.4s;}
.pcontact-list li .icon{ background:#fff; width:76px; height:76px; line-height:76px; display:block; margin:auto; color:#0c66bc; border-radius:50%; font-size:48px; vertical-align:top; margin-bottom:22px; transition:all 0.4s;}
.pcontact-list li strong{ font-size:20px;}
.pcontact-map{ margin-top:55px; border:1px #e5e5e5 solid;}


/**人才招聘**/
.precuite-item{ border-bottom:1px #fff solid;}
.precuite-item-head{ background:#e7e7e7; position:relative; color:#333; cursor:pointer;}
.precuite-item-head .cn{ font-size:20px; line-height:50px; padding-left:22px;}
.precuite-item-head .arrow{ background:url(../images/pre-icon.png) no-repeat; width:22px; height:22px; position:absolute; right:25px; top:14px;}
.precuite-item-head.on{ background:#0c66bc; color:#fff;}
.precuite-item-head.on .arrow{ background:url(../images/pre-icon-h.png) no-repeat;}
.precuite-item-cont{ background:#f4f4f4; line-height:24px; padding:30px; display:none; border-top:1px #fff solid;}


/**新闻中心**/
.pnews-line{  position:relative; margin-left:-24px; margin-top:-30px;}
.pnews-line dd{ width:calc(33.3% - 24px); float:left; margin-left:24px; margin-top:30px; display:inline-block; position:relative; padding-bottom:105px;}
.pnews-line dd .pic{ line-height:1;  overflow:hidden;}
.pnews-line dd .pic img{ width:100%; display:block; transition:0.5s;}
.pnews-line dd .txt{ background:#fff; width:100%; padding:20px 20px 27px 20px; border:1px #cacaca solid; border-top:0; transition:all 0.4s; position:absolute; left:0; bottom:0;}
.pnews-line dd .txt .t{ font-size:18px; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-line dd .txt .d{ color:#999; display:block; margin-top:12px; line-height:21px;}
.pnews-line dd .txt .d i{ color:#b1b1b1; font-size:22px; margin-right:7px; vertical-align:top; display:inline-block; }
.pnews-line dd .txt .c{ line-height:26px; color:#fff; margin-top:8px; height:52px; overflow:hidden; display:none;}
.pnews-line dd:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pnews-line dd:hover .txt{ background:#0c66bc; border:1px #0c66bc solid;}
.pnews-line dd:hover .txt .t{ color:#fff;}
.pnews-line dd:hover .txt .d{ color:#fff;}
.pnews-line dd:hover .txt .d i{ color:#e5f4ce;}
.pnews-line dd:hover .txt .c{ display:block;}

.pnews-list{ margin-top:9px;}
.pnews-list li{ padding:40px 0; overflow:hidden; border-bottom:1px #dfdfdf solid;}
.pnews-list li .pic{ width:245px; overflow:hidden;}
.pnews-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pnews-list li .word{ width:640px;}
.pnews-list li .word .t{ font-size:18px; overflow:hidden; color:#222; text-overflow:ellipsis; white-space:nowrap; margin-top:15px; }
.pnews-list li .word .t a{ color:#222;}
.pnews-list li .word .t a:hover{ color:#0c66bc;}
.pnews-list li .word .d{ display:block; color:#999; margin-top:12px;}
.pnews-list li .word .d i{ font-size:16px;}
.pnews-list li .word .c{ line-height:26px; margin-top:12px; max-height:52px; overflow:hidden;}
.pnews-list li:hover .pic img{  transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}

.phonor-listBox{ padding:0 80px; position:relative;}
.phonor-list{ overflow:hidden;}
.phonor-list .swiper-button-next, .phonor-list .swiper-button-prev{ background:#0c66bc; width:50px; height:50px; line-height:50px; text-align:center; font-size:24px; color:#fff; font-family:"iconfont" !important;}
.phonor-list .swiper-button-next{ right:0;}
.phonor-list .swiper-button-prev{ left:0;}
.phonor-list .swiper-button-next:hover, .phonor-list .swiper-button-prev:hover{ background:#0c66bc;}
.phonor-list .swiper-button-next.swiper-button-disabled, .phonor-list .swiper-button-prev.swiper-button-disabled{ background:rgba(0,0,0,.5);}



.owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
.owl-carousel .owl-item { float: left; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }


html.openImg { overflow: hidden; }
.overlayClose {  background:url(../images/close.png) no-repeat; width:49px; height:49px; position:absolute; right:0; top:0; display:inline-block; }
.imgShowBox {  background:  rgba(0,0,0,0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; background-size: contain; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .txt { background: rgba(0,0,0,0.4); font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.imgShowDemo .owl-controls .owl-buttons div { width:45px; height:45px; position:absolute; top:50%; margin-top:-23px; border:1px #fff solid; transform: rotate(45deg); -ms-transform:rotate(45deg); z-index:1; font-size:0; text-indent:-10em;}
.imgShowDemo .owl-controls .owl-buttons div:before, .imgShowDemo .owl-controls .owl-buttons div:before{content: ''; background: url(../images/video-arrow.png) no-repeat; width:18px; height:15px; position:absolute; left:50%; top:50%; margin:-8px 0 0 -9px; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 5%;  }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:before{ transform:rotate(135deg); -ms-transform:rotate(135deg);}
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 5%; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color:#84ca19; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { border: 1px solid #84ca19; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #969696; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { border: 1px solid #969696; }