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



html{
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
}
body {margin: 0;padding: 0; font-size:12px;  line-height: 1.9428;
 overflow-x: hidden; min-width: 1200px;    color: #303030; font-family:Arial,;	position: relative;
font-weight:normal !important;-webkit-tap-highlight-color: transparent; }


ul, li, p, from, h2, h3, h4, h5, h6 {margin: 0;padding: 0; font-weight:normal; }
ul, li {list-style: none;margin: 0;padding: 0;}
img {border: 0;}
a { 	text-decoration: none;
}
.clear {clear: both;font-size: 1px;line-height: 0px;margin: 0;	padding: 0;	height: 0;}
.left {float: left}
.right {float: right}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;font-weight:normal;
}
html, body {
      position: relative;
      height: 100%;background:#020a12
    }
/*默认样式*/
img {
    border: none;
    display: block;
    width: 100%;
}

div {
    display: block;
}

table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
    color: #000;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li {
    list-style: none;
}

input, select, button, textarea {
    vertical-align: middle;
    border-radius: 0;
    outline: none;
    background: none;
    border: none;
    /*-webkit-appearance: none;*/
}

textarea {
    resize: vertical;
}

/*清除浮动*/
.clear:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
}

/*input高亮*/
.salient-input {
    border: 1px solid #ccc;
    padding: 7px 0 7px 5px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.salient-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

/*单行超出省略*/
.space-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*多行超出省略*/
.space-list-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}





.tophead {
    position: absolute;
    display: block;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
	height:66px;
    padding:;
    color: #fff;
    margin: 0;
    border-radius: 0;
	 background:rgba(255,255,255,.1); border-bottom:solid 1px #666666;
}

.logo {
    z-index: 3;
    position: relative;
    top:15px;
    left:10%;
}

.logo a {
    display: block;
    width: auto;
    height: auto;
    cursor: pointer;
}
	/*br 动画设置*/
.hero__scroll {
  position: absolute;
  bottom:2%;
  width: 31px; height: auto;
  display: block;
  cursor: pointer;
  left:50%;
  right: 0;
 z-index:1111; text-align:center;-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
.hero__scroll.casers {
  position: absolute;
  bottom:7%;}
 
  .hero__scroll .chevron {
    margin-top: 20px;
    display: block;
    -webkit-animation: pulse 2s infinite;
            animation: pulse 2s infinite;
    color: #fed618; }
	.chevron::before {
  border-style: solid;
  border-width: 0.5em 0.5em 0 0;
  content: '';
  display: inline-block;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: top;
  width: 20px; }

.chevron.right:before {
  left: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.chevron.bottom:before {
  top: 0;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg); }

.chevron.left:before {
  left: 0.25em;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg); }

.slider-caption{position:absolute;right: 10%; text-align:left;}
.slider-caption h4 {position: relative; display:block;
	  color:#007eff;
	 
	text-transform: none;
	letter-spacing:5px;
	font-size:36px;
	line-height: 1.5; z-index:11; margin-bottom:20px;
}
.slider-caption h4:after{
    content: "";
    width:20%;
    height: 3px;
    background:#007eff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}

.slider-caption h4:before{

    content: "";
    width:100%;
    height:1px;
    background:#989898;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;;
}
.slider-caption p {
font-size:18px;
text-align:left;
margin-bottom: 30px;letter-spacing:2px ;
position: relative;
z-index:111; color:#989898; display:block; 
}
.slider-caption h4 span { display:inline-block;
font-size:20px;
letter-spacing:0 ;
position: relative; color:#FFF;	line-height:0.5;

}
.slider-caption h4,
.slider-caption p,
.slider-caption .button {
	opacity: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin:0% 50% 0px;
	transform-origin:0% 50% 0px;
	-webkit-transition: -webkit-transform .05s ease-out;
	transition: -webkit-transform .05s ease-out;
	transition: transform .05s ease-out;
	transition: transform .05s ease-out, -webkit-transform .05s ease-out;
	backface-visibility: hidden; -webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}

.swiper-slide.swiper-slide-active .slider-caption h4,
.swiper-slide.swiper-slide-active .slider-caption p,
.swiper-slide.swiper-slide-active .slider-caption .button {
	opacity: 1;
	-webkit-transition: transform 1s, opacity 1.05s;
	-o-transition: transform 1s, opacity 1.05s;
	transition: transform 1s, opacity 1.05s;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	backface-visibility: hidden;-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.swiper-slide.swiper-slide-active .slider-caption h4 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.swiper-slide.swiper-slide-active .slider-caption p {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.swiper-slide.swiper-slide-active .slider-caption span {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.swiper-slide.swiper-slide-active .slider-caption .button {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.one-page-arrow { bottom: 30px; }
.one-page-arrow .animated {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.slider-arrow-left i,
.slider-arrow-right i {
	font-size: 34px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.slider-arrow-left,
.slider-arrow-right,
.owl-carousel-full .owl-nav [class*=owl-] {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.slider-arrow-left:hover,
.slider-arrow-right:hover,
.owl-carousel-full .owl-nav [class*=owl-]:hover {
	background-color: transparent !important;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.brpc{ position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover; z-index:0;top: 0;
}


.video-wrap{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;overflow: hidden;
}
.video-wrap video {
    position: relative;
    z-index: 1;
     width:100%;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);left:0; top:50%
}
.button{ position: relative;  
    z-index: 111; border:1px #999999 solid; padding:8px 20px; display:inline-block; }
.button a{ font-size:12px; width:100%; text-align: center; color: #fff;
-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.button a:hover{color: #007eff;
-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.button:hover{  border:1px #007eff solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
	
	/*首页产品*/
	
.index_Product{ width:80%; position:relative; height:100%; text-align:center; margin:0 auto;z-index:1111}
.index_Product h3{ position:relative; display:inline-block;width:auto; font-size:30px; text-align:center; margin-top:10%; margin-bottom:15px; color:#FFF }
.index_Product p{ color:#989898; font-size:12px}
.index_Product h3:after{
    content: "";
    width:100%;
    height: 3px;
    background:#007eff;
    position: absolute;
    bottom: -8px;
    left: 0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.index_Product ul {width:calc(100% - 0px); position:relative; display:block; height:70%; padding:50px 0;
}
.index_Product ul li{width:calc(33% - 80px); position: absolute; display:inline-block; height:650px; margin:0 20px;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); left:50%}
.index_Product ul li a{width:100%; height:100%; display:block; position:absolute; opacity:0}

.row1 { width:6px; height:6px;top:-3px;left:-3px;position:absolute; background:#fff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; z-index:999;}
.row2 {width:6px; height:6px;top:-3px;right:-3px;position:absolute; background:#fff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;z-index:999;}
.col1 {width:6px; height:6px;bottom:-3px;left:-3px;position:absolute; background:#fff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;z-index:999;}
.col2 {width:6px; height:6px;bottom:-3px;right:-3px;position:absolute;background:#fff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;z-index:999;}
.index_Product-teamitem{position:relative; width:100%; border:1px #4c5359 solid; height:540px;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; background:rgba(0,0,0,.2)}
.index_Product ul li:after{
    content: "";
    width:0%;
    height: 1px;
    background:#007eff;
    position: absolute;
     top:0px;
    left:0;
    transition: all 0.5s ease 0s; z-index:11;
}
.index_Product ul li:before{
    content: "";
    width:1px;
    height:0;
    background:#007eff;
    position: absolute;
    top:0px;
    left: 0;
    transition: all 0.5s ease 0s; z-index:11;
}
.index_Product-teamitem:after{
    content: "";
    width:0%;
    height: 1px;
    background:#007eff;
    position: absolute;
    bottom :0px;
    left:0;
    transition: all 0.5s ease 0s; z-index:11;
}

.index_Product-teamitem:before{
    content: "";
    width:1px;
    height:0;
    background:#007eff;
    position: absolute;
    bottom:0px;
    left:100%;
    transition: all 0.5s ease 0s; z-index:11;
}
.index_Product ul li .index_Product-teamitem:hover:after{
    width:100%;
    transition: all 0.5s ease 0s; z-index:11;
}

.index_Product ul li .index_Product-teamitem:hover:before{
 height:100%;
    transition: all 0.5s ease 0s; z-index:11;
}
.index_Product ul li:hover:after{
    width:100%;
    transition: all 0.5s ease 0s; z-index:11;
}

.index_Product ul li:hover:before{
 height:calc(100% - 110px);
    transition: all 0.5s ease 0s; z-index:11;
}
.index_Product .index_Product-teamitem .index_Product-img{ position:absolute; top:0%; width:calc(100%); height:100%;padding:0;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; overflow:hidden; opacity:0.9}
.index_Product .index_Product-teamitem .index_Product-img img{ width:100%; height:auto; display:flex}   

.index_Product .index_Product-teamitem .index_Product-info {position: absolute;width:100%; height:100%; z-index:100;top: 0%;left: 0; color:#FFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.index_Product .index_Product-teamitem .index_Product-info ul{ position: relative; padding:0px;width:calc(100% );height: 100%;
    margin-top: 0px;}
.index_Product .index_Product-teamitem .index_Product-info h4{ position: relative;font-size:32px; text-align: center;margin-bottom:30px; color:#FFF;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); top:50%;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_Product .index_Product-teamitem .index_Product-info h4:after{
    content: "";
    width:60px;
    height: 3px;
    background:#fff;
    position: absolute;
    bottom: -8px;
    left:calc(50% - 30px);
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.index_Product .index_Product-teamitem .index_Product-info p{  position: relative;color:#989898; text-align:left; font-size:13px;}
	
.index_Product .index_Product-teamitem a{ width:70px; height:20px;position: absolute; display:inline-block;color:#1085fd; font-size:14px; border:#1085fd 1px solid; padding:10px 20px; bottom:20%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); opacity:0; z-index:111;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; left:50% }


.index_Product-daoyin{ position: relative; display:block; margin-top:10px; width:100%; 
height:80px; background:no-repeat;background-size:100%; background-image:url(../images/index_Product-daoyina.png); padding:5px; left:-5px;
 -webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
  .index_Product li:hover .index_Product-daoyin{background-image:url(../images/index_Product-daoyinb.png); 
-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; }
 .index_Product .index_Product-teamitem:hover .index_Product-img {-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; opacity:0.5}
.index_Product .index_Product-teamitem:hover {background:rgba(0,0,0,.7); border:1px #007eff solid;-webkit-transition: all 1.6s ease;
	-o-transition: all 1.6s ease;
	transition: all 1.6s ease;}
.index_Product .index_Product-teamitem:hover .row1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_Product .index_Product-teamitem:hover .row2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_Product .index_Product-teamitem:hover .col1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_Product .index_Product-teamitem:hover .col2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_Product .index_Product-teamitem:hover .index_Product-info{-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_Product .index_Product-teamitem:hover .index_Product-info h4{ color:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;top:40%;}
.index_Product .index_Product-teamitem:hover .index_Product-info h4:after{
    background:#007eff;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.index_Product .index_Product-teamitem:hover .index_Product-info p{ color:#fff;}
.index_Product .index_Product-teamitem:hover a{bottom:40%;-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); opacity:1;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; }
	
/*首页简介 */
.index_Company { position:relative;width:100%; height:425px; margin:auto; text-align:left }
.index_Company .Company_row1 { width:6px; height:6px;top:-3px;left:-3px;position:absolute; background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_Company .Company_row2 {width:6px; height:6px;top:-3px;right:-3px;position:absolute; background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_Company .Company_col1 {width:6px; height:6px;bottom:-3px;left:-3px;position:absolute; background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_Company .Company_col2 {width:6px; height:6px;bottom:-3px;right:-3px;position:absolute;background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_Company .index_Company_text{ color: #fff;line-height:36px;font-size:24px;position: relative;width: 45%;overflow: hidden;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); top:50%; display:inline-block; left:5%}
.index_Company .index_Company_text p{color: #fff;font-size:16px; font-weight:normal;line-height:24px;}
.index_Company .index_Company_img{position:absolute;display:inline-block;width:40%;height: auto;overflow: hidden;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); top:50%; right:5% }
.index_Company .index_Company_su{
    width:1px;
    height:100%;
    background:#125190;
    position: absolute;
    top: 0px; left:55%;    transition: all 0.5s ease 0s;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); top:50%
}
.index_Company_img img {
    position: relative;
    -webkit-transition: all 1s cubic-bezier(0.4, 0.25, 0, 1);
    transition: all 1s cubic-bezier(0.4, 0.25, 0, 1);
}
.index_Company_bg{ position:absolute; bottom:-32%; width:101%; background:no-repeat; background-size:100%; background-image:url(../images/index_Company-bg.png); height:127px; left:-0.5%}




/*首页新闻 */
.w-imgText{ width:100%;position:relative; overflow: visible;}
.w-imgText ul,.w-imgText li{ list-style:none; padding:0; margin:0;}
.w-imgText .item{ position:relative;}
.w-imgText .item > a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.w-imgText .swiperBox{ overflow: hidden; padding-right: 4%;}
.w-imgText .imTB{ overflow:hidden;}
.w-imgText .img{ width:50%;}
.w-imgText .img img{width:100%; }
.w-imgText .textB{ position:absolute; left:50%; right:0; top:0; bottom:0;padding:15px 4%; line-height:1.7;}
.w-imgText .textB .bg_x{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:0;}
.w-imgText .textB .text_x{ position:relative; z-index:1;max-height: 100%; overflow:hidden; }
.w-imgText .textB .text_x .tt_h{font-size:20px; color:#333;font-weight:bold; line-height:1.5; margin-bottom:0.5em;}
.w-imgText .textB .text_x p{ color:#808080;}
.w-imgText .textB .text_x .btn{margin-top:2em; line-height: 2.5; padding: 0 3em; display: inline-block; border: 1px solid #bbb; color:#333;}
.w-imgText .igt_page{position: absolute; z-index: 10; left: auto; width: auto; right: 0; top: -65px; font-size: 20px; color: #999;}
.w-imgText .igt_page span.on{ color: #222; font-size: 200%;}
.igt_page_text{ margin-top: 25px;}
.igt_page_text ul, .igt_page_text li{ list-style: none; padding: 0; margin: 0;}
.igt_page_text li{ float: left; text-align: center; overflow: hidden; opacity: 0.5; cursor: pointer;}
.igt_page_text li:hover,.igt_page_text li.on{opacity: 1;}
.igt_page_text li .item_span{ display: inline-block; *display:inline; *zoom:1; padding: 0 1em 0 0; position: relative;}
.igt_page_text li .item_span:before,.igt_page_text li .item_span:after{ content: ''; position: absolute; height: 1px; width:600px; top: 50%; background: #e3e7ed;}
.igt_page_text li .item_span:before{ right:100%;}
.igt_page_text li .item_span:after{ left: 100%;}
.igt_page_text li .item_span > div{display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
.igt_page_text li .item_span .num{ width:1em; color: #f4f6f9; visibility: hidden; font-size: 100px; }
.igt_page_text li .item_span .tit{ margin-left: 0.5em; font-size: 16px;}
.igt_page_text li:hover .item_span .num,.igt_page_text li.on .item_span .num{visibility: visible;}
.igt_page_text li .item_span .adore{ display: block; width:1em; height: 1em; background:#e0e0e0; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top:50%; margin-top:-0.5em; left:77px;}
.igt_page_text li.on .item_span .adore{background:#f60;}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot');
  src:  url('../fonts/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.event_body{  width:calc(45%); margin:0 auto; padding-top:150px; padding-bottom:150px;}

.event_body h3{ font-size:26px; color:#fff; font-weight:bold; display:block; position:relative; margin-bottom:50px; text-align: left; border-bottom:solid 1px #333; padding-bottom:5px; line-height:36px}
.event_body h3 span{display:block; position: absolute;font-size:14px; color: #999; line-height:16px;    right: 0;
    bottom: -8px;
    background: #000;
    padding: 0 10px;}
.event_body h3 span:before {content: "";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    transition: all .36s ease;
    color: #999;
    position: absolute;
top: 50%;
left:-5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);font-size:16px; line-height:16px; width:5px; height:5px; background:#999
}
.event_body h4{ font-size:18px; color:#1287ff; font-weight:bold; display:block; position:relative;text-align: left; }
.event_body p{ font-size:14px; color: #fff;  display:block; position:relative; line-height:30px; padding-right:0px;}
.event_body .laiyuan{font-size:14px; padding-top:15px;}
.event_body .laiyuan a:hover{ color:#06C}
.event_body p img{ display:flex ; position:relative; width:100%; height:auto; }
.event_tabBtn{ margin-top:100px; width:100%;}
.event_tabBtn a{ position:relative; width:100%; height:50px;  display:block; color: #CCC; font-size:16px}
.event_tabBtn a .infor-wrap{ width:100%; display:block; line-height:50px; margin-left:0;text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;}
.event_tabBtn .post-prev .infor-wrap{ text-align:left;margin-right:0; float: left;    margin-left: 0;}
.post-center{ position:absolute !important; left:48.5%; width:50px !important; height:50px !important; text-align:center}
.fa-th:before {
  content: "\F1D8";     font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    transition: all .36s ease;
    color: #999;
    position: absolute;
top: 55%;
left: 8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);font-size:26px; line-height:50px; 
}
.event_tabBtn .post-next .details, .event_tabBtn .post-prev .details{
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 16px;
    color: transparent;
    overflow: hidden;
}
.event_tabBtn .post-next .details{
    right: 22px;
    border-left: 1px solid #e5e5e5;
	border-color: rgba(0,0,0,.1);
    transition: all .3s ease-out 0s; }
.event_tabBtn .post-prev .details{
      border-right: 1px solid #e5e5e5;
    left: 22px;
	border-color: rgba(0,0,0,.1);
    transition: all .3s ease-out 0s; }
.event_tabBtn .post-next .details:before {
    content: "\f105";
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    transition: all .36s ease;
    color: #999;
    position: absolute;
    top: 50%;
    font-size: 20px; left:10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.event_tabBtn .post-prev .details:before {
    content: "\f104";
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    transition: all .36s ease;
    color: #999;
    position: absolute;
    top: 50%;
    font-size: 20px; left:10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.post-prev{ float:left}
.post-next{ float:right}
.img-wrap{width: 120px;}
.img-wrap img{width: 120px; height:auto}
.event_tabBtn a:hover{color: #007eff;}
.event_tabBtn a:hover .details{ color:#fff; border-color: #fff;}
.event_tabBtn a:hover .details:before{ color:#fff;}
.event_tabBtn a:hover .fa-th:before {color: #fff;}
.event_body .biaoti{background: #039; font-size:20px; line-height:48px; height:48px;margin-bottom: 30px; font-weight:bold !important; padding-left:70px; margin-top:30px;}
.event_body .biaoti span{font-size:20px; line-height:48px; width:48px;height:48px;margin-bottom: 30px; font-weight:bold !important; left:0; position:absolute; color:#FFF; z-index:1; text-align:center}
.event_body .biaoti span::after{content: "";position: absolute;background: #039; font-size:24px; line-height:48px; width:48px ;height:48px;margin-bottom: 30px; border:2px solid #FFF; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); z-index:-1; left:0; top:-2px}

@media (max-width:1200px){
    .title{ padding-left:15px;}
}
@media (max-width:1050px){
    .igt_page_text li .item_span .num{ font-size: 64px;}
	.igt_page_text li .item_span .adore{ left: 47px;}
}
@media (max-width:860px){
    .w-imgText .igt_page{ display: none;}
	.w-imgText .swiperBox{ padding-right: 0;}
	.w-imgText li{width:100%;}
	.w-imgText .img{width:100%;}
	.w-imgText .textB{position: relative; left:0; padding:1.2em 4%;}
	.w-imgText .textB .text_x{ top:0; transform:none; -webkit-transform:none;}
	:root .w-imgText .textB .text_x{ top:0;}
    .igt_page_text{ margin-top:0; line-height: 1.3;}
	.igt_page_text li .item_span .num{ font-size: 50px;}
	.igt_page_text li .item_span .adore{ left: 34px;}
}
@media (max-width:767px){
    .igt_page_text li .item_span{ padding: 0 1em;}
	.igt_page_text li .item_span .tit{ display: none;}
	.igt_page_text li .item_span .adore{left: 50%; margin-left: -0.5em;}
}
@media (max-width:480px){
    body{font-size:4vw;}
    .title{font-size:6vw;}
    .w-imgText .textB .text_x .tt_h{ font-size: 6vw;}
   .igt_page_text li .item_span .num{ font-size: 14vw;}
}


#document{ position:relative; width:100%; height:100%;}
.top_br{ width:100% !important; height:100%; background-size:100%; background-repeat:no-repeat; position:relative; display:block;}
.top_br-info{position: absolute;width:26%; height:250px; z-index:100;top:50%;color:#FFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);transform: translatey(-50%); left:15%}
.top_br-info ul{ position: relative; padding:40px;width:calc(100% - 80px);height: 100%;
    margin-top: 20px;}
.top_br-info h4{ position: relative;font-size:36px; text-align:left;margin-bottom:30px; color:#1d7bfa; line-height:1.3}

.top_br-info.Aboutbr{
width:100%; margin:auto;text-align:center; left:0%; top:45%; height:auto}
.top_br-info.Aboutbr h4{ position: relative;font-size:36px; text-align: center;margin-bottom:30px; color:#1d7bfa; line-height:1.3; text-align:center}

.top_br-info span{ position:relative; display:block; font-size:16px}
.top_br-info span:after{
    content: "";
    width:60px;
    height: 3px;
    background:#007eff;
    position: absolute;
    top: -10px;
    left: 0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.top_br-info span:before{

    content: "";
    width:100%;
    height:1px;
    background:#989898;
    position: absolute;
    top: -10px;
    left: 0;
    transition: all 0.5s ease 0s;;
}
.top_br-info p{ position: relative;color:#989898; text-align:left; font-size:14px;}
.top_br-info p:after{
    content: "";
    width:60px;
    height: 3px;
    background:#007eff;
    position: absolute;
    top: -10px;
    left: 0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.top_br-info p:before{

    content: "";
    width:100%;
    height:1px;
    background:#989898;
    position: absolute;
    top: -10px;
    left: 0;
    transition: all 0.5s ease 0s;;
}
.top_br-info p a{ position: relative;color:#007eff; text-align:left; font-size:13px;}
.top_br-info p a:after{
    content: "";
    width:0%;
    height:1px;
    background:#007eff;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}


.top_br-info p a:hover:after{
    width:100%;
    transition: all 0.5s ease 0s;
}

.top_br-info.w40{width:30%;}

.top_br-info.news{top:55%}





	/*产品*/
	
.Product{ width:100%; position:relative; height: auto; text-align:center; margin:0 auto;background:#020a12;}
.Product h3{ position:relative; display:inline-block;width:auto; font-size:30px; text-align:center; margin-top:20px; margin-bottom:15px; color:#FFF}
.Product h5{ position:relative; display:inline-block;width:auto; font-size:18px; text-align:center; margin-top:20px; margin-bottom:15px; color:#FFF; background:url(../images/h5bg.png) no-repeat center bottom; padding-bottom:50px}
.Product p{ color:#989898; font-size:12px}
.Product h3:after{
    content: "";
    width:100%;
    height: 3px;
    background:#007eff;
    position: absolute;
    bottom: -8px;
    left: 0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.Product ul {width:calc(100% - 100px); position:relative; display:block; height:186px; padding:50px
}
.Product ul li{width:calc(20% - 60px); position:relative; display:inline-block; height:186px; margin:0 20px; text-align:center;
}
.Product ul li.cll6{width:calc(16% - 40px);margin:0 10px;}

.Product ul li span{width:100%; position: absolute;top:0; display:block; text-align:center; padding-bottom:10px;
}
.Product ul li span img{ width:auto; height:auto; position:relative; margin:auto;
}
.Product ul li p{ width:100%; position: absolute;color:#c1c1c1;font-size:20px; line-height:1.5; text-align:center; display:block; top:65px;
}

.Product_gongneng{ width:100%; height:auto; position:relative;}
.Product_gongneng h5{ position:relative; color:#CCC; font-size:20px;line-height:2; background:url(../images/h5bg.png) no-repeat center bottom; padding-bottom:50px; text-align:center;
width:70%; margin:auto;}

.Product_gongneng ul{ width:70%; height:auto; position:relative; margin:auto; padding:0}
.Product_gongneng ul li{ width:calc(20% - 30px); position:relative; display:inline-block; margin:0 10px; text-align:center; padding:0; height:auto;
}
.Product_gongneng.slkz2 ul li { width:calc(50% - 30px);}
.Product_gongneng-teamitem{position:relative; width:100%; border:1px #4c5359 solid; height:350px;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; background:rgba(0,0,0,.2); }
	
.Product_gongneng-teamitem .slkz2{}	
	
.Product_gongneng .Product_gongneng-teamitem .Product-img{ position:absolute;width:calc(100%);padding:0;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; height:100%; opacity:0;background-size:cover;}   
.Product_gongneng.slkz2 .Product_gongneng-teamitem .Product-img{ width:calc(50%);opacity:1; overflow:hidden;}  
.Product_gongneng.slkz2 .Product_gongneng-teamitem .Product-img img {
    opacity: 0.9;
    -webkit-transition: -webkit-transform 1.35s;
    transition: transform 1.35s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
} 
.Product_gongneng .Product_gongneng-teamitem .Product-info {position: absolute;width:100%; height:100%; z-index:100;top:30%;left: 0; color:#FFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.Product_gongneng.slkz2 .Product_gongneng-teamitem .Product-info {width:50%; top:0;left:50%; }
.Product .Product_gongneng-teamitem .Product-info ul{ position: relative; padding:0;width:calc(100% - 40px);height: auto; 
    margin-top: 20px;}
.Product_gongneng.slkz2 .Product_gongneng-teamitem .Product-info ul{ position: relative; padding:0;width:calc(100% - 40px);height: auto; 
    margin-top: 20px;}
.Product_gongneng .Product_gongneng-teamitem .Product-info h4{ position: relative;font-size:28px; text-align: center;margin-bottom:30px; color:#FFF; width:calc(100% - 40px); margin:0 auto;}
.Product_gongneng.slkz2 .Product_gongneng-teamitem .Product-info h4{ font-size:34px; }
.Product_gongneng .Product_gongneng-teamitem .Product-info h4:after{
    content: "";
    width:100%;
    height: 1px;
    background:#fff;
    position: absolute;
    bottom: -8px;
    left: 0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.Product_gongneng .Product_gongneng-teamitem .Product-info p{display:block;position: relative;color:#fff; text-align: left; font-size:13px; line-height:2; opacity:0;
-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; top:0;}
.Product_gongneng.slkz2 .Product_gongneng-teamitem .Product-info p{color:#fff; text-align: left; font-size:15px; line-height:2; opacity:1;top:0; left:10px;}
.Product_gongneng .Product_gongneng-teamitem .Product-info p:after{
    content: "";
    width:5px;
    height:5px;
    background:#fff;
    position: absolute;
    left:-10px; top:9px;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.Product_gongneng.slkz2 .Product_gongneng-teamitem .Product-info p:after{
 top:12px;
}
.Product_gongneng .Product_gongneng-teamitem a{position: absolute; display:inline-block;color:#1085fd; font-size:13px; border:#1085fd 1px solid; padding:10px 20px; bottom:0;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); opacity:0; z-index:111 }


.Product-daoyin{ position: relative; display:block; margin-top:10px; width:100%; 
height:80px; background:no-repeat;background-size:100%; background-image:url(../images/index_Product-daoyina.png); padding:5px; left:-5px;
-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
 
.Product_gongneng li:hover .Product-daoyin{background-image:url(../images/index_Product-daoyinb.png); -webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
 }
.Product_gongneng.slkz2 .Product_gongneng-teamitem:hover .Product-img {opacity:1;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Product_gongneng .Product_gongneng-teamitem:hover .Product-img {opacity:1;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Product_gongneng.slkz2 .Product_gongneng-teamitem:hover .Product-img img {opacity: 1;
-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-transition: -webkit-transform 2s;
	transition: transform 2s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;;
} 
.Product_gongneng .Product_gongneng-teamitem:hover {border:1px #007eff solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;background:rgba(0,0,0,.7)}
.Product_gongneng .Product_gongneng-teamitem:hover .row1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; z-index:999;}
.Product_gongneng .Product_gongneng-teamitem:hover .row2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; z-index:999;}
.Product_gongneng .Product_gongneng-teamitem:hover .col1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; z-index:999;}
.Product_gongneng .Product_gongneng-teamitem:hover .col2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; z-index:999;}
.Product_gongneng .Product_gongneng-teamitem:hover .Product-info{top:4%;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Product_gongneng .Product_gongneng-teamitem:hover .Product-info h4{ color:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;margin-bottom:50px;}
.Product_gongneng .Product_gongneng-teamitem:hover .Product-info h4:after{
    background:#007eff;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;width:20%;left:40%; top:80px;
}
.Product_gongneng .Product_gongneng-teamitem:hover .Product-info p{ color:#fff;opacity:1;-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; }
.Product_gongneng .Product_gongneng-teamitem:hover a{bottom:50px;-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); opacity:1;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; }
	
	
	
	
	
.Product_Soc{ width:100%; position:relative; text-align:center; margin:0 auto;}
.Product_Soc h3{ position:relative; display:inline-block;width:auto; font-size:30px; text-align:center; margin-top:20px; margin-bottom:15px; color:#FFF}
.Product_Soc p{ color:#989898; font-size:12px}
.Product_Soc h3:after{
    content: "";
    width:100%;
    height: 3px;
    background:#007eff;
    position: absolute;
    bottom: -8px;
    left: 0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.Product_Soc ul {width:calc(80% - 100px); position:relative; display:block;  margin:auto;  margin-top:50px;
}

.Product_Soc ul img{ width:100%; height:auto; position:relative; margin:auto;
}

/*解决方案*/
.Solution_br{ width:100% !important; height:100% !important; background-size:cover; position:relative; display:block}
.Solution_br-info{position: absolute;width:550px; height:200px; z-index:100;top:45%; color:#FFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); left:15%}
.Solution_br-info ul{ position: relative; padding:40px;width:calc(100% - 80px);height: 100%;
    margin-top: 20px;}
.Solution_br-info h4{ position: relative;font-size:36px; text-align:left;margin-bottom:30px; color:#1d7bfa}
.Solution_br-info h4:after{
    content: "";
    width:100px;
    height: 3px;
    background:#007eff;
    position: absolute;
    bottom: 0px;
    left: 0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}

.Solution_br-info h4:before{
    content: "";
    width:100%;
    height:1px;
    background:#989898;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;;
}
.Solution_br-info span{ display:block; font-size:24px}
.Solution_br-info p{ position: relative;text-align:left; font-size:16px;}
.br_right{text-align: right; float:right; left: auto; right:10% }
.br_right h4{text-align: right;}
.br_right p{text-align: right;}

.br_right h4:after{
  
    left:calc(100% - 100px);
}
.Solution_c{ position:absolute; width:45%; bottom:-40px; left:15%; z-index:1111}
.Solution_c li{ position:relative; display:inline-block;width:calc(33% - 20px); margin: 0 10px}
.Solution_c li a{ width:100%; height:100%; display:block; position:relative; z-index:2}
.Solution_c .Solution-teamitem{position:relative; width:100%; border:1px #4c5359 solid; height:130px;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; background:rgba(0,0,0,.6)}
.Solution_c .Solution-teamitem .Solution-img{ position:absolute; top:0; width:calc(100%);padding:0px; height:100%; opacity:0; overflow:hidden;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c .Solution-teamitem .Solution-img img{ width:100%; height:auto; display:flex}   

.Solution_c .Solution-teamitem .Solution-info {position: absolute;width:100%; height:100%; z-index:100;top: 0%;left: 0; color:#FFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.Solution_c .Solution-teamitem .Solution-info ul{ position: relative; padding:20px;width:calc(100% - 40px);height: 100%;
    margin-top: 0;}
.Solution_c .Solution-teamitem .Solution-info h4{ position: relative;font-size:20px; text-align:left;margin-bottom:0; color:#989898}
.Solution_c .Solution-teamitem .Solution-info h4:after{
    content: "";
    width:100%;
    height: 1px;
    background:#989898;
    position: absolute;
    bottom: -8px;
    left: 0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.Solution_c .Solution-teamitem .Solution-info p{ position: relative;color:#989898; text-align:left; font-size:36px;line-height:1;
    padding:0; margin:0;}
	
.Solution_c .Solution-teamitem a{position: absolute; display:inline-block;color:#1085fd; font-size:13px; border:#1085fd 1px solid; padding:10px 20px; bottom:0;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); opacity:0; z-index:111 }


.Solution-daoyin{ position: relative; display:block; margin-top:10px; width:101%; 
height:80px; background:no-repeat;background-size:100%; background-image:url(../images/Solution-daoyina.png); padding:5px; left:-5px;
-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; z-index:1}
  .Solution_c li:hover .Solution-daoyin{background-image:url(../images/Solution-daoyinb.png); -webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
 }
 .Solution_c .Solution-teamitem:hover .Solution-img {top:0%; opacity:1;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c .Solution-teamitem:hover {border:1px #007eff solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;background:rgba(0,0,0,1)}
.Solution_c .Solution-teamitem:hover .row1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c .Solution-teamitem:hover .row2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c .Solution-teamitem:hover .col1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c .Solution-teamitem:hover .col2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c .Solution-teamitem:hover .Solution-info{top:0;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c .Solution-teamitem:hover .Solution-info h4{ color:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c .Solution-teamitem:hover .Solution-info h4:after{
    background:#007eff;

    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.Solution_c .Solution-teamitem:hover .Solution-info p{ color:#007eff;}

.Solution_c li.active .Solution-daoyin{background-image:url(../images/Solution-daoyinb.png); -webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
 }
.Solution_c li.active .Solution-teamitem .Solution-img {top:0%; opacity:1;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c li.active .Solution-teamitem {border:1px #007eff solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;background:rgba(0,0,0,1)}
.Solution_c li.active .Solution-teamitem .row1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c li.active .Solution-teamitem .row2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c li.active .Solution-teamitem .col1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c li.active .Solution-teamitem .col2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c li.active .Solution-teamitem .Solution-info{top:0;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c li.active .Solution-teamitem .Solution-info h4{ color:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_c li.active .Solution-teamitem .Solution-info h4:after{
    background:#007eff;

    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.Solution_c li.active .Solution-teamitem .Solution-info p{ color:#007eff;}
.Solution_br_m{ display: none}



.Solution_br-infob{position: absolute;width:100%; height:200px; z-index:100;top:35%; color:#FFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translatey(-50%);}

.Solution_br-infob h4{ position: relative;font-size:36px; text-align: center;margin-bottom:10px; color:#1d7bfa}
.Solution_br-infob h4:after{
    content: "";
    width:100px;
    height: 3px;
    background:#007eff;
    position: absolute;
    bottom: 0px;
    left:calc(50% - 50px);
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}

.Solution_br-infob p{ position: relative;text-align: center; font-size:12px;}

.Solution_d{ position:absolute; width:80%; bottom:10%; left:10%; z-index:1111}
.Solution_d li{ position:relative; display:inline-block;width:calc(33% - 40px); margin: 0 20px}
.Solution_d li a{ width:100%; height:100%; display:block; position:relative; z-index:2}
.Solution_d .Solution-teamitem{position:relative; width:100%; border:1px #4c5359 solid; height:250px;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; background:rgba(0,0,0,.6)}
.Solution_d .Solution-teamitem .Solution-img{ position:absolute; top:0; width:calc(100%);padding:0px; height:100%; opacity:0.3; overflow:hidden;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d .Solution-teamitem .Solution-img img{ width:100%; height:100%; display:flex}   

.Solution_d .Solution-teamitem .Solution-info {position: absolute;width:100%; height: auto; z-index:100;top: 50%;left: 0; color:#FFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translatey(-50%);}
.Solution_d .Solution-teamitem .Solution-info ul{ position: relative; padding:20px;width:calc(100% - 40px);height: 100%;
    margin-top: 0;}
.Solution_d .Solution-teamitem .Solution-info h4{ position: relative;font-size:26px; text-align: center;margin-bottom:0; color:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d .Solution-teamitem .Solution-info h4:after{
    content: "";
    width:100px;
    height: 4px;
    background:#007eff;
    position: absolute;
    bottom: 0px;
    left: calc(50% - 50px);
    transition: all 0.5s ease 0s;box-shadow: 0 0 0px #007eff;
}
.Solution_d .Solution-teamitem .Solution-info p{ position: relative;color:#989898; text-align:left; font-size:36px;line-height:1;
    padding:0; margin:0;}
	
.Solution_d .Solution-teamitem a{position: absolute; display:inline-block;color:#1085fd; font-size:13px; border:#1085fd 1px solid; padding:10px 20px; bottom:0;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); opacity:0; z-index:111 }
  .Solution_d li:hover .Solution-daoyin{background-image:url(../images/Solution-daoyinb.png); -webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
 }
 .Solution_d .Solution-teamitem:hover .Solution-img {top:0%; opacity:1;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d .Solution-teamitem:hover {border:1px #007eff solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;background:rgba(0,0,0,1)}
.Solution_d .Solution-teamitem:hover .row1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d .Solution-teamitem:hover .row2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d .Solution-teamitem:hover .col1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d .Solution-teamitem:hover .col2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d .Solution-teamitem:hover .Solution-info{-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d .Solution-teamitem:hover .Solution-info h4{ color:#fff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; font-size:30px}
.Solution_d .Solution-teamitem:hover .Solution-info h4:after{
    background:#fff;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.Solution_d .Solution-teamitem:hover .Solution-info p{ color:#007eff;}

.Solution_d li.active .Solution-daoyin{background-image:url(../images/Solution-daoyinb.png); -webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
 }
.Solution_d li.active .Solution-teamitem .Solution-img {top:0%; opacity:1;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d li.active .Solution-teamitem {border:1px #007eff solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;background:rgba(0,0,0,1)}
.Solution_d li.active .Solution-teamitem .row1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d li.active .Solution-teamitem .row2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d li.active .Solution-teamitem .col1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d li.active .Solution-teamitem .col2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d li.active .Solution-teamitem .Solution-info{top:0;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d li.active .Solution-teamitem .Solution-info h4{ color:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.Solution_d li.active .Solution-teamitem .Solution-info h4:after{
    background:#007eff;

    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.Solution_d li.active .Solution-teamitem .Solution-info p{ color:#007eff;}

/*新闻中心 */

.news_content{position:relative;}
.news_content ul{ display:block; margin: auto; margin-top:0; width:70%;}
.news_content ul li { position:relative; width:100%;height: auto; display:inline-block; padding:0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); border-top:1px rgba(70, 70, 70, 0.3) solid; border-bottom:1px rgba(70, 70, 70, 0.3) solid; margin-top:-1px; z-index:0; 
background:rgba(19,62,107,.0);;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.news_content ul li:after{
    content: "";
    width:1px;
    height: 0;
    background:#007eff;
    position: absolute;
    top: 0px;
    left:100%;
    transition: all 0.5s ease 0s; z-index:11;
}

.news_content ul li:before{
    content: "";
    width:1px;
    height:0%;
    background:#007eff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s; z-index:11;
}
.news_content ul li:hover:after{height:100%;}
.news_content ul li:hover:before{height:100%;}
.news_content ul li:hover {  z-index:1;background:rgba(19,62,107,.3);;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.news_content ul li a{display:block;width:calc(100% - 90px); height: 100%; position:relative; padding:45px;}
.news_content ul li a:after{
    content: "";
    width:0%;
    height: 1px;
    background:#007eff;
    position: absolute;
    top: -1px;
    left:0;
    transition: all 0.5s ease 0s; z-index:11;
}

.news_content ul li a:before{
    content: "";
    width:0%;
    height:1px;
    background:#007eff;
    position: absolute;
    bottom:-1px;
    left: 0;
    transition: all 0.5s ease 0s; z-index:11;
}
.news_content ul li:hover a:after{width:100%;}
.news_content ul li:hover a:before{width:100%;}
.news_content ul li .rowa1 { width:4px; height:4px;top:-2px;left:-2px;position:absolute; background:#666666;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; z-index:999;}
.news_content ul li .rowa2 {width:4px; height:4px;top:-2px;right:-2px;position:absolute; background:#666666;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;z-index:999;}
.news_content ul li .cola1 {width:4px; height:4px;bottom:-2px;left:-2px;position:absolute; background:#666666;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;z-index:999;}
.news_content ul li .cola2 {width:4px; height:4px;bottom:-2px;right:-2px;position:absolute;background:#666666;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;z-index:999;}
.news_content ul li:hover .rowa1 {width:6px; height:6px;top:-3px;right:-3px;background:#007dff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; z-index:999;}
.news_content ul li:hover .rowa2 {width:6px; height:6px;top:-3px;right:-3px;background:#007dff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;z-index:999;}
.news_content ul li:hover .cola1 {width:6px; height:6px;bottom:-3px;left:-3px;background:#007dff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;z-index:999;}
.news_content ul li:hover .cola2 {width:6px; height:6px;bottom:-3px;right:-3px;background:#007dff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;z-index:999;}
.news_img { position:relative;
    width:32%;
    height: 244px;
	display:inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:100%;
    -moz-background-size: 100%;
    background-size: cover;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;}
.news_img:before{
    content: "";
    width:100%;
    height:100%;
    position: absolute; padding:6px;
    top: -6px;
    left: -6px;
    transition: all 0.5s ease 0s; z-index:11; border:1px rgba(70, 70, 70, 0.7) solid; z-index:222
}

.news_content ul li:hover .news_img {
	-webkit-background-size:105%;
    -moz-background-size: 105%;
    background-size: cover;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;}
.news_content ul li:hover .news_img:before {border:1px rgba(0, 153, 225, 0.7) solid;transition: all 0.5s ease 0s;}

.news_info{display: inline-block; position:absolute; padding:0; margin-left:45px; height:245px; width:50%;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.news_info h3{font-size:20px;color:#fff; margin-bottom:20px; margin-top:20px;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; line-height:1.2}
.news_info p{font-size:14px; color:#989898; padding:0;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.news_rq{font-size:14px; color:#989898; position:absolute; top:45px;height:245px; display:inline-block; border-left:1px rgba(70, 70, 70, 0.3) solid; right:0; line-height:245px; padding:0 20px;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.news_info p.news_link{ font-size:12px;color:#fff; border:1px solid rgba(70, 70, 70, 0.5); padding:5px 10px; display:inline-block; position:absolute; bottom:20px;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.news_content ul li:hover h3{color:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.news_content ul li:hover .news_rq{color:#007dff;border-left:1px #007dff solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.news_content ul li:hover p{color:#fff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.news_content ul li:hover p.news_link{ color:#007dff; border:1px solid #007dff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}

.news_body{width:calc(60%); margin:0 auto;min-width: 1200px; padding-top:90px; padding-bottom:150px;}

.news_body h2{ font-size:26px; color:#1b1b1b; font-weight:bold; display:block; position:relative; margin-bottom:20px; text-align:center; border-bottom:solid 1px #CCCCCC; padding-bottom:15px;}
.news_body h2 span{display:block; position:relative;font-size:14px; margin-top:10px;color:#9fa0a0; }
.news_body p{ font-size:14px; color:#9fa0a0;  display:block; position:relative; line-height:36px; padding-right:0px;}
.news_body .laiyuan{font-size:14px; padding-top:15px;}
.news_body .laiyuan a:hover{ color:#06C}
.news_body p img{ display:flex ; position:relative; width:100%; height:auto}
.news_tabBtn{ margin-top:60px; height:50px; width:100%;background:#e3e3e3;}
.news_tabBtn a{ position:relative; width:45%; height:100%;  display:block; color: #666;background:#e3e3e3;}
.news_tabBtn a .infor-wrap{ width:80%; display:block; line-height:50px; margin-left:25px;text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;}
.news_tabBtn .post-prev .infor-wrap{ text-align:left;margin-right:25px; float: left;    margin-left: 80px;}
.post-center{ position:absolute !important; left:48.5%; width:50px !important; height:50px !important; text-align:center}
.fa-th:before {
  content: "\F1D8";     font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    transition: all .36s ease;
    color: #999;
    position: absolute;
top: 55%;
left: 8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);font-size:26px; line-height:50px; 
}
.news_tabBtn .post-next .details, .news_tabBtn .post-prev .details{
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 16px;
    color: transparent;
    overflow: hidden;
}
.news_tabBtn .post-next .details{
    right: 22px;
    border-left: 1px solid #e5e5e5;
	border-color: rgba(0,0,0,.1);
    transition: all .3s ease-out 0s; }
.news_tabBtn .post-prev .details{
      border-right: 1px solid #e5e5e5;
    left: 22px;
	border-color: rgba(0,0,0,.1);
    transition: all .3s ease-out 0s; }
.news_tabBtn .post-next .details:before {
    content: "\f105";
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    transition: all .36s ease;
    color: #999;
    position: absolute;
    top: 50%;
    font-size: 20px; left:10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.news_tabBtn .post-prev .details:before {
    content: "\f104";
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    transition: all .36s ease;
    color: #999;
    position: absolute;
    top: 50%;
    font-size: 20px; left:10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.post-prev{ float:left}
.post-next{ float:right}
.img-wrap{width: 120px;}
.img-wrap img{width: 120px; height:auto}
.news_tabBtn a:hover{color: #000;background:#ffd800;}

.news_tabBtn a:hover .details{ color:#000; border-color: #000;}
.news_tabBtn a:hover .details:before{ color:#000;}
.category{ width: auto; position:relative; display:block; margin-top:50px; margin-bottom:50px; left:17% }
.category li{ position:relative;  background:rgba(0,0,0,.2); display:inline-block; margin-right:15px; height:30px; line-height:30px; border:1px #4d5155 solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; }
.category li a{ height:30px; display:block; color:#616264;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;line-height:30px;padding:0 15px;}

.category li:hover{ border:1px #017dff solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; }
.category li:hover a{ color:#017dff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}




/*企业文化*/
	
.culture{ width:100%; position:relative; text-align:center; margin:0 auto;  background-position:bottom; background-repeat:no-repeat}
.culture h3{ position:relative; display:inline-block;width:auto; font-size:30px; text-align:center; margin-bottom:15px; color:#FFF}
.culture p{ color:#989898; font-size:12px}
.culture h3:after{
    content: "";
    width:100%;
    height: 3px;
    background:#007eff;
    position: absolute;
    bottom: -8px;
    left: 0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.culture ul {width:calc(80% - 100px); position:relative; display:block; height:80%; padding:50px; margin:0 auto ;
}
.culture ul li{width:calc(33% - 60px); position:relative; display:inline-block; height:630px; margin:0 20px
}


.row1 { width:6px; height:6px;top:-3px;left:-3px;position:absolute; background:#fff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; z-index:999;}
.row2 {width:6px; height:6px;top:-3px;right:-3px;position:absolute; background:#fff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;z-index:999;}
.col1 {width:6px; height:6px;bottom:-3px;left:-3px;position:absolute; background:#fff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;z-index:999;}
.col2 {width:6px; height:6px;bottom:-3px;right:-3px;position:absolute;background:#fff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;z-index:999;}
.culture-teamitem{position:relative; width:100%; border:0px #4c5359 solid; height:550px;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; background:rgba(255,255,255,.05);}
	
.culture-teamitem .row1, .culture-teamitem .row2, .culture-teamitem .col1, .culture-teamitem .col2{background: rgba(255,255,255,0);}
.culture ul li:after{
    content: "";
    width:0%;
    height: 1px;
    background:#007eff;
    position: absolute;
     top:0px;
    left:0;
    transition: all 0.5s ease 0s; z-index:11;
}
.culture ul li:before{
    content: "";
    width:1px;
    height:0;
    background:#007eff;
    position: absolute;
    top:0px;
    left: 0;
    transition: all 0.5s ease 0s; z-index:11;
}
.culture-teamitem:after{
    content: "";
    width:0%;
    height: 1px;
    background:#007eff;
    position: absolute;
    bottom :0px;
    left:0;
    transition: all 0.5s ease 0s; z-index:11;
}

.culture-teamitem:before{
    content: "";
    width:1px;
    height:0;
    background:#007eff;
    position: absolute;
    bottom:0px;
    left:100%;
    transition: all 0.5s ease 0s; z-index:11;
}
.culture ul li .culture-teamitem:hover:after{
    width:100%;
    transition: all 0.5s ease 0s; z-index:11;
}

.culture ul li .culture-teamitem:hover:before{
 height:100%;
    transition: all 0.5s ease 0s; z-index:11;
}
.culture ul li:hover:after{
    width:100%;
    transition: all 0.5s ease 0s; z-index:11;
}

.culture ul li:hover:before{
 height:calc(100% - 120px);
    transition: all 0.5s ease 0s; z-index:11;
}
.culture .culture-teamitem .culture-img{ position:absolute; top:35%; width:calc(100% - 80px);padding:40px;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; opacity:0;}
.culture .culture-teamitem .culture-img img{ width:100%; height:auto; display:flex}   

.culture .culture-teamitem .culture-info {position: absolute;width:100%; height:100%; z-index:100;top: 0%;left: 0; color:#FFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.culture .culture-teamitem .culture-info ul{ position: relative; padding:40px;width:calc(100% - 80px);height: 100%;
    margin-top: 20px;}
.culture .culture-teamitem .culture-info h4{ position: relative;font-size:36px; text-align: center; line-height:1.5;margin-bottom:5px; color:#FFF; -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translatey(-50%);top:calc(50% - 90px);-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.culture .culture-teamitem .culture-info  span{position: relative; display:block; color:#989898; font-size:24px; line-height:1; text-align: center;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translatey(-50%);top:calc(50% - 90px);-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}

.culture .culture-teamitem .culture-info h4:after{
    content: "";
    width:60%;
    height: 1px;
    background:#666;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.culture .culture-teamitem .culture-info p{ position: absolute; width: calc(100% - 80px);color:#989898; text-align:left; font-size:13px; opacity:0;bottom:0;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
	
.culture-daoyin{ position: relative; display:block; margin-top:10px; width:100%; 
height:80px; background:no-repeat;background-size:100%; background-image:url(../images/index_Product-daoyina.png); padding:5px; left:-5px;
 -webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
  .culture li:hover .culture-daoyin{background-image:url(../images/index_Product-daoyinb.png); 
-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; }
 .culture .culture-teamitem:hover .culture-img {top:0;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; opacity:1}
.culture .culture-teamitem:hover {background:rgba(19,62,107,.5); border:1px #007eff solid;-webkit-transition: all 1.6s ease;
	-o-transition: all 1.6s ease;
	transition: all 1.6s ease;}
.culture .culture-teamitem:hover .row1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.culture .culture-teamitem:hover .row2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.culture .culture-teamitem:hover .col1 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.culture .culture-teamitem:hover .col2 { background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.culture .culture-teamitem:hover .culture-info{-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.culture .culture-teamitem:hover .culture-info h4{font-size:24px; color:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; top:45%}
	.culture .culture-teamitem:hover .culture-info span{font-size:15px; color:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; top:45%}
.culture .culture-teamitem:hover .culture-info h4:after{
    background:#007eff; width:0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.culture .culture-teamitem:hover .culture-info p{ color:#fff; opacity:1;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; bottom:25%;}
/*recruit招聘*/
.cultrebr{left: 15%;}

.lianxiwom{ padding-bottom:0}
.recruit{ width:100%; position:relative; height:auto;background-position:bottom; padding-top:100px; background-repeat:no-repeat; }
.join-lx{ width:70%;height: 180px; margin:auto;  color:#FFF; font-size:14px; font-weight:normal;  margin-bottom:100px;}
.join-lx li{ position:relative; width:33%; display:inline-block; height:100%; text-align:center; }
.join-lx li p.biaoti{ width:100%;font-size:16px; color:#fff;text-align:center; position: absolute; display:block; margin-top:30px; font-weight:bold !important; }
.join-lx li p.neirong{ width: auto;font-size:14px; color:#fff;text-align: left; position: absolute; display: inline-block; top:105px; left:20px;}
.join-lx li p.neirong.left50{ width: auto;font-size:14px; color:#fff;text-align: center; position: absolute; display: inline-block; top:105px; left:50%;-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
.join-lx li p.biaoti span{ position:relative; display:block; width: 58px; text-align:center; margin:auto}
.join-lx li p.biaoti span img{ position:relative; width: auto;}
.jiantou{ width:50px;height:60px; margin:20px auto; text-align:center}

.jiantou img{ width:50px;height: auto;}

/*关于我们*/
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  
  width: 39px;
  height: 38px;
 
  z-index: 10;
  cursor: pointer;
  background-size: 39px 38px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("../images/prev.png");
  right: auto;
  left: 0;
  bottom:50%;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("../images/next.png"); right:0;
  left:auto;
  bottom:50%;
}
.Abouta{ width:80%; position:relative; text-align:center; margin:0 auto;}
.Abouta h3{ position:relative; display:inline-block;width:auto; font-size:30px; text-align:center; margin-top:10%; margin-bottom:15px; color:#FFF}
.Abouta p{ color:#989898; font-size:12px}
.Abouta h3:after{
    content: "";
    width:100%;
    height: 3px;
    background:#007eff;
    position: absolute;
    bottom: -8px;
    left: 0;
    transition: all 0.5s ease 0s;box-shadow: 0 0 10px #007eff;
}
.Abouta ul {width:calc(100% - 100px); position:relative; display:block; height:70%; padding:50px
}
.Abouta ul li{width:calc(33% - 60px); position:relative; display:inline-block; height:100%; margin:0 20px
}
.About { position:relative;width:90%; height:425px;  margin:auto; text-align:left }
.About .Company_row1 { width:6px; height:6px;top:-3px;left:-3px;position:absolute; background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.About .Company_row2 {width:6px; height:6px;top:-3px;right:-3px;position:absolute; background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.About .Company_col1 {width:6px; height:6px;bottom:-3px;left:-3px;position:absolute; background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.About .Company_col2 {width:6px; height:6px;bottom:-3px;right:-3px;position:absolute;background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.About .About_text{ color: #fff;line-height:30px;font-size:18px;position: relative;width: 45%;overflow: hidden;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); top:50%; display:inline-block; left:5%}
.About .About_text p{color: #fff; font-size:14px;}
.About .About_img{position:absolute;display:inline-block;width: 35%;height: auto;overflow: hidden;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); top:50%; right:5% }
.About .About_su{
    width:1px;
    height:80%;
    background:#125190;
    position: absolute;
    top: 0px; left:55%;    transition: all 0.5s ease 0s;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); top:50%
}
.About_img img {
    position: relative;
    -webkit-transition: all 1s cubic-bezier(0.4, 0.25, 0, 1);
    transition: all 1s cubic-bezier(0.4, 0.25, 0, 1);
}
.About_bg{ position:absolute; bottom:-32%; width:101%; background:no-repeat; background-size:100%; background-image:url(../images/index_Company-bg.png); height:127px; left:-0.5%}

.Enterprise { position:relative;width:100%; height:500px;  margin:auto; text-align:left;margin-bottom: 50px; background:rgba(19,62,107,0.3) }
.Enterprise .Enterprise_text{ color: #fff;line-height:30px;font-size:18px;position: absolute;width:50%; display:inline-block;margin-top:75px; margin-left:10%}
.Enterprise .Enterprise_text h3{ color: #007eff;font-size:30px;position: relative;display: inline-block;text-align:left;line-height:2;margin-top: 0%; margin-bottom:45px}
.Enterprise .Enterprise_text h3 span{ color: #fff;font-size:14px;position: relative;display: block;text-align:left;line-height:2;margin-top: 0%; margin-left:0;}
.Enterprise .Enterprise_text p{color: #fff; font-size:14px}
.Enterprise .Enterprise_img{position: absolute;display:inline-block;width:301px;height:475px;  bottom:0; left:10%}
.Enterprise .Enterprise_text.right{ right:10%}
.Enterprise .Enterprise_img.right{ right:10%; left:auto}
.Enterprise .Enterprise_text h3:after{
    content: "";
    width:0;
    height:0;
    position: absolute;
    bottom: -2px;
    left:0px;
    transition: all 0.5s ease 0s; background:#666;box-shadow: none;
}
.Enterprise .Enterprise_text h3:before{
    content: "";
    width:0;
    height:0;
    position: absolute;
    bottom: -2px;
    left:0px;
    transition: all 0.5s ease 0s;background:#007eff;box-shadow: 0 0 10px #007eff; z-index:1
}
.Enterprise .Enterprise_su{
    width:1px;
    height:80%;
    background:#125190;
    position: absolute;
    top: 0px; left:55%;    transition: all 0.5s ease 0s;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); top:50%
}
.Enterprise_img img {
    position: relative;
    -webkit-transition: all 1s cubic-bezier(0.4, 0.25, 0, 1);
    transition: all 1s cubic-bezier(0.4, 0.25, 0, 1);z-index:2
}

.History{
    width:100%;
   transition: all 0.5s ease 0s;
}
.History img{
    width:100%;
   transition: all 0.5s ease 0s;
}
.swiper1 .swiper-slide{ height:150px}
.swiper2 .swiper-slide{ height:200px;}

.vision { position:relative;width:calc(100% - 60px); height: auto; margin: 0 20px; text-align:left; display:inline-block }
.vision .Company_row1 { width:6px; height:6px;top:-3px;left:-3px;position:absolute; background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.vision .Company_row2 {width:6px; height:6px;top:-3px;right:-3px;position:absolute; background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.vision .Company_col1 {width:6px; height:6px;bottom:-3px;left:-3px;position:absolute; background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.vision .Company_col2 {width:6px; height:6px;bottom:-3px;right:-3px;position:absolute;background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.vision .vision_text{ color: #fff;line-height:30px;font-size:18px;position: relative;width: 45%;overflow: hidden;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); top:50%; display:inline-block; left:5%}
.vision .vision_text p{color: #fff;}
.vision .vision_img{position: relative;display:inline-block;width:calc(100% - 60px);height:calc(100% - 60px); padding:30px}

.vision_img img { position:relative;width:100%; height:auto;
}
.vision_bg{ position:absolute; bottom:-140px; width:101%; background:no-repeat; background-size:100%; background-image:url(../images/index_Company-bg.png); height:127px; left:-0.5%}


.cooperation{ position:relative;width:calc(70%); margin:auto; margin-top:100px;height:612px;}
@media (min-width: 480px) {
  .swiper-container {
    min-height: 320px;
  }
}
.swiper-container-wrapper {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  width: 100%;
}
@media (min-width: 480px) {
  .swiper-container-wrapper {
    flex-flow: row nowrap;
  }
}

.swiper-button-next, .swiper-button-prev {
  color: #fff;
}

.swiper-slide-duplicate,
.swiper-slide {
  text-align: center;
  background-size: cover;
  background-position: center;
  /* Center slide text vertically */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  /* Slide content */
}

.bg1{
	background:rgba(63,85,108,.2);
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover; border:1px #666 solid; -webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;s
}
.bg1.swiper-slide-thumb-active{
	background:rgba(63,85,108,.5);
	 border:1px #007dff solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.bg1:hover{
	background:rgba(63,85,108,.5);
	 border:1px #007dff solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.bg2{background:rgba(63,85,108,.4);
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover; color:#999; font-size:14px;border-bottom:1px #666 solid; border-right:1px #666 solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.bg2 span{color:#999;display:block; text-align:left;
    position: relative;
    width: 80%;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.bg2.swiper-slide-thumb-active{
	background:rgba(63,85,108,.5);
	 border:1px #007dff solid;color:#fff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.bg2:hover{
	background:rgba(63,85,108,.5);
	 border:1px #007dff solid;color:#fff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.bg2img{ position: absolute; width:100%; height:100%; opacity:0.05;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover; top:0; left:0;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}


.swiper-slide-duplicate .description,
.swiper-slide-duplicate .title,
.swiper-slide .description,
.swiper-slide .title {
  display: block;
  opacity: 0;
  transition: 0.5s ease 0.5s;
}
.swiper-slide-duplicate-active .description,
.swiper-slide-duplicate-active .title,
.swiper-slide-active .description,
.swiper-slide-active .title {
  opacity: 1;
}
.swiper-slide-duplicate-active .title,
.swiper-slide-active .title {
  margin-bottom: 0.5rem;
  font-size: 24px;
  color: #fff;
  transition: opacity 0.5s ease 0.5s;
}
.swiper-slide-duplicate-active .description,
.swiper-slide-active .description {
  font-size: 16px;
  color: #fff;
  transition: opacity 0.5s ease 0.75s;
}

.gallery-top {
  width: 100%;
  height: 75vh;
}
@media (min-width: 480px) {
  .gallery-top {
    width: 100%;
    height: 100%;
    margin-right: 0; display:inline-block
  }
}

.gallery-thumbs {
  width: 100%;
  height: 25%;
  padding-top: 10px;
}
@media (min-width: 480px) {
  .gallery-thumbs {
    width: 20%;
    height: 100%;
    padding: 0; margin:0; display:inline-block;
  }
}
.gallery-thumbs .swiper-wrapper {
  flex-direction: row;
}
@media (min-width: 480px) {
  .gallery-thumbs .swiper-wrapper {
    flex-direction: column;
  }
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  flex-flow: row nowrap;
  height: 100%;
  opacity: 0.75;
  cursor: pointer;
}
@media (min-width: 480px) {
  .gallery-thumbs .swiper-slide {
    flex-flow: column nowrap;
    width: 100%;
  }
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.cooperationneirong{ position:relative;width:calc(80% - 30px); display:inline-block;margin-left: 20px;}
.cooperationneirong .cooperation_row1 { width:6px; height:6px;top:-3px;left:-3px;position:absolute; background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.cooperationneirong .cooperation_row2 {width:6px; height:6px;top:-3px;right:-3px;position:absolute; background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.cooperationneirong .cooperation_col1 {width:6px; height:6px;bottom:-3px;left:-3px;position:absolute; background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.cooperationneirong .cooperation_col2 {width:6px; height:6px;bottom:-3px;right:-3px;position:absolute;background:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
	
.About-honora-logo { width:100%; height:100%; border:#6d6d6d 1px dotted; margin-left:-1px; box-sizing: border-box;background:rgba(0,0,0,0) ;	-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;}
.About-honora-logo:hover{ 
	-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;border:#007eff 2px solid; background:rgba(0,0,0,0.3)}
.About-honora-logo img{ width:100%; height: 100%;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;}
.About-honora-logo img:hover{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	
	}	
.About-zlzs { width:100%; height:100%; border:#6d6d6d 1px dotted; margin-left:-1px; box-sizing: border-box;background:rgba(0,0,0,0) ;	-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;}	
.About-zlzs img{ width:100%; height: 100%;
	-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;}
.About-zs { width:100%; height:100%; border:#6d6d6d 1px dotted; margin-left:-1px; box-sizing: border-box;background:rgba(0,0,0,0) ;	-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;}	
.About-zs img{ width:100%; height: 100%;
	-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;}	
		
		
		
/*底部background:rgba(2,10,18,.3);*/
.footer{ position:relative; margin-top:50px; height:50px;  padding-top:1px}
.footer-index{z-index:999; position:absolute; bottom:0; width:100%; left:0; height:50px;border-top: none}
.contactlist{position:relative; width:70%;margin:10px auto; }
.contactlist-index{margin:20px auto !important; }
.contactlist .bottomlogo{position:relative; display:inline-block; width:236px; height: auto; left:0; float:left; margin-top:20px}
.contactlist .contactinfo{position:relative; display:inline-block; width: auto; height:78px; left:50px; margin-top:20px; text-align:left}
.contactlist .contactinfo p{position:relative; display:block; width: 100%; font-size:13px; left:50px;color:#c1c1c1; line-height:30px;}
.contactlist .contactinfo p span{position:relative; display: inline-block; width:18px; line-height:2; margin-right:15px; padding-top:5px}
.banquan{ position:relative; border-top:0px #4d5257 solid; text-align:center; color:#c1c1c1; width:100%; height:50px; line-height:50px}
.contactlist .erweima{ position:relative; display: inline-block; width:98px; float:right}
.contactlist .erweima p{ position: absolute; display:block; width:100%; text-align:center; color:#c1c1c1; top:-24px}

.index_cooperation{ position:relative;width:calc(100%); margin:auto; margin-top:0;height:480px;}
.index_news { position: relative ;width:calc(49.8% - 40px); height:200px; left:0; top:0; display:inline-block; margin:0 20px; margin-bottom:40px;}
.index_news a{ position:relative;width:100%; height:100%; display:block}
.index_news .index_news_img { position: absolute;
    width:45%;
    height:190px;
	display:inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out; left:0px; background-size:cover; margin-top:10px; margin-left:10px;}
.index_news .index_news_img:before{
    content: "";
    width:100%;
    height:100%;
    position: absolute; padding:6px;
    top: -6px;
    left: -6px;
    transition: all 0.5s ease 0s; z-index:11; border:1px rgba(70, 70, 70, 0.6) solid; z-index:222
}

.index_news a:hover .news_img {
	-webkit-background-size:105%;
    -moz-background-size: 105%;
    background-size: 105%;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;}
	
.index_news .index_news_info{display: inline-block; position:absolute; padding:0;height:195px; width:50%;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;text-align:left; right:0}
.index_news .index_news_info h5{font-size:18px;color:#fff; margin-bottom:20px; margin-top:20px;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; text-align: left; line-height:1.2}
.index_news .index_news_info p{font-size:12px; color:#989898; padding:0;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_news .index_news_rq{font-size:14px; color:#989898; position:absolute; top:45px;height:245px; display:inline-block; border-left:1px #666666 solid; right:0; line-height:245px; padding:0 20px;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_news .index_news_info p.index_news_link{ font-size:12px;color:#989898; border:1px solid rgba(70, 70, 70, 0.6); padding:5px 10px; display:inline-block; position:absolute; bottom:-10px;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_news:hover .index_news_info h5{color:#007eff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_news:hover .news_rq{color:#007dff;border-left:1px #007dff solid;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_news:hover p{color:#989898;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_news:hover p.index_news_link{ color:#007dff; border:1px solid #007dff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.index_news:hover .index_news_img:before{ color:#007dff; border:1px solid #007dff;-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}	
	
	
	.zhuanshi{ position:fixed; left:50xp; bottom:30px; z-index:999; width:100px; height:70%;}
	.zhuanshi img{ width:100%; height:auto}
	
	
	.top_br-m{ display:none}
	
	.contactinfo_Product{left: -18% !important;}
	
	.top_brab{ height:1000px;}
	.duan{ height:380px;}
	
.beian{ color:#c1c1c1; margin-left:20px;line-height: 50px;}
.gddz{ padding-left:33px}

.news_ym{ width:100%; position:relative; text-align:center; margin-top:30px; margin-bottom:50px; height:40px;}
.news_ym ul{ position:absolute;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); left:50%;}
.news_ym a{ width:40px; height:40px; color:#fff; font-size:20px; text-align:center; line-height:40px; display:inline-block; border:1px solid #007eff; margin:0 10px}
.news_ym a.page-num-current{ background:#007eff;}