/*owl-carousel.2.2.1.css*/

div.owl-stage-outer.owl-height {height: 100%!important}

.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}

.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}

.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}

.owl-carousel .owl-item img{display:block;max-width:100%;}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.owl-carousel.owl-loaded{display:block}

.owl-carousel.owl-loading{opacity:0;display:block}

.owl-carousel.owl-hidden{opacity:0}

.owl-carousel.owl-refresh .owl-item{visibility:hidden}

.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.owl-carousel.owl-grab{cursor:move;cursor:grab}

.owl-carousel.owl-rtl{direction:rtl}

.owl-carousel.owl-rtl .owl-item{float:right}

.no-js .owl-carousel{display:block}

.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}

.owl-carousel .owl-animated-in{z-index:0}

.owl-carousel .owl-animated-out{z-index:1}

.owl-carousel .fadeOut{animation-name:fadeOut}

@keyframes fadeOut{0%{opacity:1}to{opacity:0}}

.owl-height{transition:height .5s ease-in-out}

.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}

.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}

.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}

.owl-carousel .owl-video-play-icon{position:absolute;height:5pc;width:5pc;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../images/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}

.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}

.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}

.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/*owl-carousel.2.2.1.theme.css*/

.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}

.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background-color:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}

.owl-theme .owl-nav [class*=owl-]:hover{background-color:#869791;color:#FFF;text-decoration:none}

.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}

.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}

.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}

.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}

.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background-color:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background-color:#869791}

/*banner*/

.banner {background: #000;}

.banner .owl-theme .item{background-repeat:no-repeat!important;background-size:auto 100%!important;background-position:center top!important}

.banner .owl-theme .item img{padding:0 15px}

/*banner-prev-nav*/

.banner .owl-theme .owl-nav{margin-top:0;text-align:center;-webkit-tap-highlight-color:transparent}

.banner .owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;padding:0;background-color:#000;display:inline-block;cursor:pointer;border-radius:50%;text-indent:-9999px;background:#000 url(../images/slider-arrow.png) 0 0 no-repeat;overflow:hidden;width:50px;height:50px;position:absolute;left:3%;top:50%;margin:-25px 10px 0 10px;filter:alpha(opacity=0);opacity:.0}

.banner .owl-theme .owl-nav .owl-next{left:auto;right:3%;background-position:-50px 0}

.banner .owl-theme .owl-nav [class*=owl-]:hover{background-color:#f00;color:#FFF;text-decoration:none}

.banner .owl-theme:hover .owl-nav [class*=owl-] {filter:alpha(opacity=80);opacity:.8}

.banner .owl-theme .owl-nav .disabled{opacity:.5;cursor:default}

.banner .owl-theme .owl-nav.disabled+.owl-dots{margin-top:0}

/*banner-prev-dots*/

.banner .owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;width:100%;position:absolute;z-index:1;bottom:0;left:0;height:64px;text-align:center}

.banner .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}

.banner .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background-color:#fff;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}

.banner .owl-theme .owl-dots .owl-dot.active span,.banner .owl-theme .owl-dots .owl-dot:hover span{background-color:#f00}

.solution{background-color: #333;}

/*解决方案*/

.solution .row ul li:nth-child(1) {animation-delay: 0.1s}

.solution .row ul li:nth-child(2) {animation-delay: 0.3s}

.solution .row ul li:nth-child(3) {animation-delay: 0.5s}

/*企业优势*/

.cehua .row div:nth-child(1) {animation-delay: 0.1s}

.cehua .row div:nth-child(2) {animation-delay: 0.2s}

.cehua .row div:nth-child(3) {animation-delay: 0.3s}

.cehua .row div:nth-child(4) {animation-delay: 0.4s}

.cehua .row div:nth-child(5) {animation-delay: 0.5s}

.cehua .row div:nth-child(6) {animation-delay: 0.6s}

/*关于我们*/

.index-about .row div:nth-child(1){animation-delay: 0.1s}

.index-about .row div:nth-child(2){animation-delay: 0.5s}

/*产品*/

.case .row div:nth-child(1) {animation-delay: 0.1s}

.case .row div:nth-child(2) {animation-delay: 0.2s}

.case .row div:nth-child(3) {animation-delay: 0.3s}

.case .row div:nth-child(4) {animation-delay: 0.1s}

.case .row div:nth-child(5) {animation-delay: 0.2s}

.case .row div:nth-child(6) {animation-delay: 0.3s}

.case .row div:nth-child(7) {animation-delay: 0.1s}

.case .row div:nth-child(8) {animation-delay: 0.2s}

.case .row div:nth-child(9) {animation-delay: 0.3s}

.case .row div:nth-child(10) {animation-delay: 0.1s}

.case .row div:nth-child(11) {animation-delay: 0.2s}

.case .row div:nth-child(12) {animation-delay: 0.3s}

.section9 .row .lx01:nth-child(1){animation-delay: 0.1s}

.section9 .row .lx03:nth-child(2){animation-delay: 0.1s}

.section9 .row .lyBox:nth-child(3){animation-delay: 0.5s}

.case p.b {animation-delay: 0.4s}

.case {background-color: #222}

.case .row figure {margin-bottom: 40px}

.case figure a {position: relative;width: 100%;height: 100%;display: block;text-decoration: none;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out}


.case figure:hover a {transform:scale(1.05);-webkit-transform:scale(1.05)}

.case figure a figcaption {display: block; background-color:#333;margin: 0 auto}

.case figure a figcaption div{position: absolute;bottom: 0;left: 0;right: 0;background-color: #008CBA;overflow: hidden;width: 100%;height: 0;transition: .5s ease; display: flex;justify-content:center;align-items:Center;opacity:0.8;filter:alpha(opacity=80); }

.case figure a:hover figcaption div{position: absolute;bottom: 0;left: 0;right: 0;background-color: #008CBA;overflow: hidden;width: 100%;height: 60%;transition: .5s ease;}

.case figure a:hover figcaption h3{opacity:0;}

@media (min-width:1200px) {.case figure a {width: 340px}.case.team-show figure a {width: auto}}

.case figure a figcaption h3 {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size: 16px;color: #fff; margin: 0;padding: 20px 30px 18px 30px;text-align: left}

@media (max-width:767px) {.case figure a figcaption h3{padding: 20px 10px 18px 10px}}

.case figure a figcaption h3 span {display: block;margin-top: 5px;font-size: 12px;color: #999}

.case figure:hover a figcaption {background-color: #f00}

.case figure:hover a figcaption h3 span {color: #ff8d8d}

/*news*/

.news .row div:nth-child(1) {animation-delay: 0.1s}

.news .row div:nth-child(2) {animation-delay: 0.2s}

.news .row div:nth-child(3) {animation-delay: 0.3s}

.news .row div:nth-child(4) {animation-delay: 0.1s}

.news .row div:nth-child(5) {animation-delay: 0.2s}

.news .row div:nth-child(6) {animation-delay: 0.3s}

.news .row div:nth-child(7) {animation-delay: 0.1s}

.news .row div:nth-child(8) {animation-delay: 0.2s}

.news .row div:nth-child(9) {animation-delay: 0.3s}

.news .row div:nth-child(10) {animation-delay: 0.1s}

.news .row div:nth-child(11) {animation-delay: 0.2s}

.news .row div:nth-child(12) {animation-delay: 0.3s}

.news p.b {animation-delay: 0.5s}

.news {background-color: #222 }

.news .dl-horizontal {margin:0 0 30px 0}

.news .dl-horizontal dt  {font-size: 20px; color: #f00; font-weight: normal;text-align: left;width: 60px;float: left}

.news .dl-horizontal dt span {display: block;font-size: 12px;color: #ccc}

.news .dl-horizontal dd {text-align: left;padding-left: 20px; margin-left: 80px;border-left:1px solid #333}

.news .dl-horizontal dd h3 {font-size: 16px;margin: 0 0 10px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.news .dl-horizontal dd h3 a {color: #fff}

.news .dl-horizontal dd h3 a:hover {color: #f00}

.news .dl-horizontal dd p {line-height: 200%;margin-bottom: 0}

@media (min-width:319px) and (max-width:999px) {

.news .dl-horizontal {padding: 0 0 20px 0;border-bottom: 1px solid #444;margin-top: 20px;margin-bottom: 10px}

.news .dl-horizontal:hover {background-color:transparent}

.news .dl-horizontal dt {display: none}

.news .dl-horizontal dd {margin-left: 0;border: 0;text-align: center}

}

.news-page {background-color: transparent}

.news-page .dl-horizontal {margin-bottom:50px;margin-top:20px}

/*kehu*/

.kehu {background-color: #333;padding-bottom: 50px}

.kehu h2 {font-size: 16px;width: 180px;height: 40px;color: #fff;background-color: #f00;margin: -20px auto 40px auto;line-height: 40px}

/*优势*/

.index-join{ height: 702px;text-align: right; color: #4c4c4c; background:url(../images/index-join.jpg) center center no-repeat;}

.index-join .main-box{ width: 1200px; height: 702px;position: relative;}

.index-join p{position: absolute;font-weight: bold; font-size: 18px; }

.index-join span{font-weight: normal; display: block;font-size: 14px;  color: #4c4c4c;padding-top: 6px;}

.join1{  top:138px; left: 53px}

.join2{ top:140px; left: 446px;text-align: left;}

.join3{ top:291px; left: -22px;}

.join4{ top:290px; left:530px;text-align: left;}

.join5{ top:447px; left: 57px;}

.join6{ top:448px; left:446px;text-align: left;}

.join7{top:573px; left:46px; }

.join7 em{ margin-right: 144px;color: #fff;}

#join8{top:235px; left: 269px;text-align: center; font-weight: bold; font-size: 30px; color: #fff;}

#join8 strong{ font-size:26px; }

#join8en{top:350px; left: 232px;text-align: center; color: #fff; font-weight: normal; font-size: 16px;}

.mid-pic{ display: none;}

.mid-pic img{ width: 100%}

.index-about{ height: 560px; background: url(../images/index-about.jpg) center center no-repeat;}

.index-about .main-box{ padding:80px 0; font-size: 0}

.about-l{ width: 50%; display: inline-block; float: left;}

.about-l .tit img{ float: left;}

.about-l .tit p{color: #fff; float: left; padding-left: 20px;font-size: 18px; border-left: 5px solid #fff; margin:4px 0 0 22px;}

.about-l .con{width: 81%; color: #747474; font-size: 16px; line-height: 2.2; margin-top:90px; }

.about-more{ position: absolute; left: 1%;top: 420px; display: block;}

.about-r {float: right; width: 50%;display: inline-block;}

.about-r .tit{color: #969696;font-size: 20px;}

.about-r .tit span{ color: #f4f4f4;font-size: 14px;}

.about-r .video{ border: 8px solid #222224; margin-top: 16px;font:0px "Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,Arial,Helvetica;}

@media screen and (max-width: 1174px) {

.index-join{ display: none;}

.mid-pic{ display: block;}

}

@media screen and (max-width: 766px) {

.index-about{ height: auto; background-position: center top;}

  .about-l .con{ width: 100%;}

  .about-r{ margin-top: 20px;}

  .about-l,.about-r{ width: 100%;}

  .about-l .tit{ padding-left:20px;}

  .about-l .con{ margin-top:40px;padding:0 20px; margin:20px auto;box-sizing:border-box;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;}

.about-more{ display: none;}

	}

@media screen and (max-width: 640px) {

.about-l .tit p{ padding-left:0px; border-left:none; margin:0px;}

.mid-pic{ overflow:hidden; width:100%;}

.mid-pic img{ width:830px; display:inline-block; height:303px; overflow:hidden; max-width:830px; left:-110px; position:relative;}

.index-about .main-box{ padding: 30px 0;}

.about-l .tit img,.about-l .tit p{ float: none;}

.about-r{float: none; padding: 0 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }

.index-about{ background-repeat: repeat; padding-bottom: 20px;}

	}

@media screen and (max-width: 500px) {

.mid-pic img{ width:830px; display:inline-block; height:303px; overflow:hidden; max-width:830px; left:-90px; position:relative;}	

	}

@media screen and (max-width: 400px) {

.mid-pic img{ width:830px; display:inline-block; height:303px; overflow:hidden; max-width:830px; left:-145px; position:relative;}

	}



/*解决方案*/

.invest5-list ul li{float: left; height: 360px; border-radius: 6px; padding: 20px;width: 29%; margin: 0 24px 0; border: 1px solid #444;background:rgb(34, 34, 34);}

.invest5-list ul li:focus, .invest5-list ul li:hover{border: 1px solid #fe0000;}

.invest5-list ul li .tit{line-height: 2; font-size: 22px; color: #fff;font-weight: bold;}

.invest5-list ul li:focus .tit, .invest5-list ul li:hover .tit{color: #fe0000;}

.invest5-list ul li .line{ width: 36px;height: 3px; background-color: #fff; margin: 6px auto 12px;}

.invest5-list ul li:focus .line, .invest5-list ul li:hover .line{background-color: #fe0000;}

.invest5-list ul li .tit-wrap{border-bottom: 1px dashed #fff;text-align: center;}

.invest5-list ul li:focus .tit-wrap, .invest5-list ul li:hover .tit-wrap{border-bottom: 1px dashed #fe0000;}

.invest5-list ul li .con{line-height: 2; font-size:14px; color: #fff; padding: 20px 8px; }

.invest5-list ul li:focus .con, .invest5-list ul li:hover .con{color: #fe0000;}

.invest5-list ul li{

	transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;

	}

.invest5-list ul li:focus, .invest5-list ul li:hover{

		transform:translate(0,-10px);

	-webkit-transform:translate(0,-10px);

	-moz-transform:translate(0,-10px);

	-o-transform:translate(0,-10px);

	-ms-transform:translate(0,-10px);

	}

@media screen and (max-width: 1174px) {

.invest5-list ul li{  margin:10px; width: 28%; overflow: hidden;}

	}

@media screen and (max-width: 1127px) {

 .invest5-list ul li{ padding: 0;width: 31.4%;}

}

@media screen and (max-width: 1068px) {

.invest5-list ul li{ padding: 0;width: 31%;}

	

	}

@media screen and (max-width: 875px) {

.invest5-list ul li{ padding: 0;width: 47%;}

.invest5-con{ background-color: #000; background-image: none;}

	}

@media screen and (max-width: 766px) {

.invest5-list ul li{ padding: 10px;margin: 10px auto;float: none;width: 90%;}

	}

@media screen and (max-width: 400px) {

	.invest5-list ul li{ padding:10px;margin:10px auto; float: none; width: 90%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }

	}

.section9 *{

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}

.section9{position:relative; background-size:cover;background-color: #222;}

.section9 .wangIco{position:absolute; top:0; left:0; z-index:8; width:100%; height:100%;}

.lxSpan{position:relative; z-index:9;}

.lxSpan .lx01{padding-top:54px; height:550px;width:25%;}

.lxSpan .lx03{padding-top:54px; height:550px;width:25%;}

.lyBox{padding-top:54px; width:40%;height:550px;}

.lyBox h4{margin-bottom:36px;}

.lyBox .m_form{width:100%;}

.lyBox .m_form li{margin-bottom:20px; overflow:hidden;}

.lyBox .m_form li *{font-family:microsoft yahei;}

.lyBox .m_form li.areLi label{height:150px;}

.lyBox .m_form li.areLi label img{top:60px;}

.lyBox .m_form label{float:left; width:44px; height:38px; text-align:center; border:1px solid #fff; border-right:none;}

.lyBox .m_form label img{position:relative; top:3px;}

.lyBox .m_form .iptTxt{margin-bottom:20px;float:left; width:100%; border:1px solid #fff; height:16px; line-height:16px; padding:11px 10px; outline:none; color:#fff; font-size:14px; background:url(../images/ipttxt.png);}

.lyBox .m_form .txtAre{margin-bottom:20px;float:left; width:100%; height:130px; line-height:20px; border:1px solid #fff; outline:none; resize:none; color:#fff; padding:10px; background:url(../images/ipttxt.png); font-size:14px; *overflow:hidden;}

.lyBox .m_form .btnSubmit{width:112px; height:40px; cursor:pointer; border:none; background:url(../images/btnsubmit.png) no-repeat center;}

@media screen and (max-width: 1150px) {

	.lx03{display: none!important;}

	.lxSpan .lx01{padding-top:54px; height:550px;width:30%;}

	.lyBox{padding-top:54px; width:65%;height:550px;}

	}

@media screen and (max-width: 1150px) {

	.lxSpan .lx01{display: none!important;}

	.lyBox{width:95%;}

	}

.well{margin-bottom: 0;border-radius:0;border:0;background-color: #000;padding: 1px 50px;border-top: 1px solid #323030;}