html, body {
    position: relative;
    height: 100%;
}
body {
    font-family:"微软雅黑";
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal; font-family:"微软雅黑"}
ul,ol,li{ list-style:none;}
a {text-decoration: none;}

/*视频背景*/
video{
    position: fixed;
    right: 0px;
    bottom: 0px;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    /*加滤镜*/
    /*-webkit-filter: grayscale(100%);*/
    /*filter:grayscale(100%);*/
}
source{
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
}
/*视频背景---------结束--------------------------------------------------------------------------------*/


.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/bg-dot-blue.png) repeat;
}
.swiper-slide {
    /*text-align: center;*/
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container .hide{
    opacity:0;
}
.swiper-button-next,.swiper-button-prev{
    transition:opacity .5s;
}



#lxwm .swiper-slide-active {position: absolute; top: 0;}




body {background-color: #000;}

.clear::after {
    display: block;
    content: '';
    height: 0;
    clear: both;
}
.border-bfc {clear: both; overflow: hidden;}


.body-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg-dot-blue.png) repeat;
    
}


.left-nav {
    z-index: 2;
    position: fixed;
    padding-top: 80px;
    padding-left: 50px;
    padding-right: 50px;
    width: 15%;
    height: 80%;overflow: scroll;
    /*background: url(../images/logo.png) no-repeat 50px 60px ;*/
}

.left-nav a.logo{width:95%; height:20px; display:block;background: url(../images/logo.png) no-repeat 50px 60px ;}


.left-nav a{color: #fff;}

.father-wrapper>.swiper-slide { width: 100%;}


.son-box { width: 70%; }



.slide-content {
    overflow: hidden;
    width: 100%;
    height: 60%;
}
.slide-content-h1 {
    margin-top: 0;
    margin-bottom: 28px;
    font-weight: normal;
    color: #fff; text-align:center
}
.slide-content .sep {
    display: block;
    background-color: #00ace4;
    text-indent: -999px;
    width: 42px;
    height: 2px;
    margin: 0px auto 30px;
    overflow: hidden;
}
.slide-content-info {
    margin: 0 auto;
    width: 90%;
}
.slide-content-info ul{
    margin: 0;
    padding: 0;
    margin-right: 30px;
    float: left;
    width: 424px;
}
.slide-content-info ul:last-of-type{width: 310px;}
.slide-content-info ul li{
	position: relative;
    float: left;
    margin: 0 10px 10px 0;
    width: 100%;
    /*height: 140px;*/
    overflow: hidden;
    /*cursor: pointer;*/ text-align:center;
}
.slide-content-info ul li img{ width:100%}

.slide-content-info ul li:nth-of-type(2n) {float: right;}
.slide-content-info ul li a{width: 100%; height: 100%;
    transition: all 0.25s cubic-bezier(0.5, 0, 0.37, 1);
    color: #fff;
    text-decoration: none;}
.slide-content-info ul li img{max-width: 100%;}

.slide-content-info li a:after {
    content: '点击查看';
    -webkit-transition: all 0.2s cubic-bezier(0.41, 0.02, 0.95, 0.61);
    -moz-transition: all 0.2s cubic-bezier(0.41, 0.02, 0.95, 0.61);
    -o-transition: all 0.2s cubic-bezier(0.41, 0.02, 0.95, 0.61);
    transition: all 0.2s cubic-bezier(0.41, 0.02, 0.95, 0.61);
    background-color: #00ace4;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    overflow: hidden;
}
/*.slide-content-info li a:hover img {filter: blur(5px);}
.slide-content-info li a:hover:after {
    padding-top: 46px;
    left:10px;
    top: 10px;
	width: 180px;
    height: 76px;
    opacity: .8;
}*/
.no-effect a:after{ display: none;}
.no-effect a:hover img{filter: blur(0px);}

.slide-content-p {
    line-height: 30px;
    font-size: 15px;
    color: #fff;
    text-align: left;
}

.slide-content-footer {
	overflow: hidden;
    margin: 0px auto;
    text-align: center;
    font-size: 0;
}

.slide-content-footer a {
	-webkit-transition: all 0.2s cubic-bezier(0.41, 0.02, 0.95, 0.61);
	-moz-transition: all 0.2s cubic-bezier(0.41, 0.02, 0.95, 0.61);
	-o-transition: all 0.2s cubic-bezier(0.41, 0.02, 0.95, 0.61);
	transition: all 0.2s cubic-bezier(0.41, 0.02, 0.95, 0.61);
	font: 700 14px/16px "Klavika",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
    color: #fff;
    width: 136px;
	font-size:18px;
	line-height:32px;
    padding: 30px 0 ;  
    font-weight: normal;
	position: relative;
    display: inline-block;
    cursor: pointer;
}

.slide-content-footer a.left {
    padding-right: 16px;
	text-align: right;
    border-right:solid 1px #00ace4;
}
.slide-content-footer a.right {    
    padding-left: 16px;
    text-align: left;
}

.slide-content-footer a.left:hover{color:#00ace4;}
.slide-content-footer a i {position: absolute; top: 40px; display: none;font-size: 0px;}
.slide-content-footer a.left  i {left:10px;}
.slide-content-footer a.right  i {right:10px;}
.slide-content-footer a.left:hover i,.slide-content-footer a.right:hover i {
	background-position: -58px 0;
	background-repeat: no-repeat;
	display: inline-block;
    font-size: 0px;
}
.slide-content-footer a.left:hover i {left:0px;}
.slide-content-footer a.right:hover i {right:0px;}




.content-box {
    z-index: 6;
    /*position: fixed;*/
    right: -100%;
    width: 100%;
    height: 100%;
    transition: right 0.75s;
}

.content-father {
    overflow: hidden;
    margin-left: 18%;
    width: 82%;
    height: 95%;
    background-color: #fff;
}

.content {
    z-index: 2;
    position: relative;
    margin: 0 5%;
    width: 90%;
    height: 100%;
}


.content-title {
    z-index: 3;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    padding-top: 30px;
    font-size: 14px;
    text-align: left;
    border-bottom: solid 1px #dedede;
    background-color: #fff;
}
.content-title h1 { margin: 0;margin-bottom: 10px;     font-size: 34px;    font-weight: normal;}
.content-title p {margin: 10px 0; color: #666;}
.content-title::after {
    display: block;
    content: '';
    margin-top: -2px;
    width: 100px;
    height: 2px;
    background-color: #00ace4;
}


.goback,.goback-news {
    position: absolute;    
    bottom: 10px;
    right: 0px;
    width: 112px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #43b2de;
    border: solid 1px #43b2de;
    background-color: #fff;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.25s;
}

.gobacka a {
    position: absolute;    
    bottom: 10px;
    right: 0px;
    width: 112px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #43b2de;
    border: solid 1px #43b2de;
    background-color: #fff;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.25s; display:block
}

.goback:hover,.goback-news:hover {
    color: #fff;
    border: solid 1px #fff;
    background-color: #43b2de;
}

.gobacka a:hover {
    color: #fff;
    border: solid 1px #fff;
    background-color: #43b2de;
}





.about-picture { overflow:scroll;position: absolute;top: 120px; margin: 0; padding: 0;  height: 80%;
    }
.about-picture li {
    overflow: hidden;
    position: relative;
    float: left;
    list-style: none;
    margin-right: 1px;
    margin-bottom: 1px;
    width: 24.5%;
    max-height: 400px;
    cursor: pointer;
}
.about-picture li img{
    width: 100%;
    transition: all .5s;
}
.about-picture li:hover img {filter: blur(5px); transform: scale(0.98)}
.about-picture div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}
.about-picture div span {
    position: absolute;
    left: -100%;
    bottom: 20%;
    display: block;
    padding-left: 5%;
    width: 70%;
    font-size: 24px;
    transition: all .5s;
}

.about-picture div i {
    position: absolute;
    right: -25%;
    bottom: 18%;
    display: block;
    padding-left: 15%;
    width: 15%;
    font-size: 32px;
    transition: all .5s;
}
.about-picture li:hover span {left: 0;}
.about-picture li:hover i{right: 5%;}
.about-picture li i:hover{transform: scale(1.1)}


/* 图片放大 */
.about-picture-pop-box {
    display: none;
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.75)
}
.picture-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    max-width: 80%;
    min-width: 30%;
    background-color: #fff;
}
.picture-box img {
    max-width: 100%;
}
.picture-box p {margin: 0;padding: 0;margin-top: 6px; height: 38px; line-height: 38px;text-align: left; }
.picture-box span {
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #0474da;
    cursor: pointer;
}
.picture-box span i {margin-left: 10px;}
/* 图片放大-------------------结束 */




/* 新闻列表 */
#newsbox {}
.news-list { overflow:auto;position: absolute;top: 130px; margin: 0; padding: 0;  height: 85%; 
}
.news-list li {
    cursor: pointer;
}
.news-list li::after{
    display: block;
    content: '';
    height: 0;
    clear: both;
}
.news-list li .picbox{
    float: left;
    width: 50%;
    overflow: hidden;
}
.news-list li .picbox img{
    max-width: 100%;
    transition: all .5s;
}
.news-list li:hover img {transform: scale(1.2)}
.news-list li .newsinfo{
    float: left;
    margin-left: 5%;
    width: 45%;
    text-align: left;
}
.news-list li .newsinfo h3{ font-weight: normal; margin-bottom: 20px;}
.news-list li .newsinfo span{ font-weight: normal; color: #999;}
.news-list li .newsinfo p {
    margin-top: 20px;
    line-height: 30px;
    font-size: 16px;
    color: #999;
}
.news-list li .newsinfo a {    
    margin-top: 20px;
    display: block;
    width: 148px;
    height: 42px;
    line-height: 42px;
    border: solid 1px #666;
    text-align: center;
    color: #666;
    background-color: #fff;
    transition: all .5s;
}
.news-list li .newsinfo a:hover {background-color: #2d89f5; color: #fff;border: solid 1px #2d89f5;}
.news-list li:nth-of-type(2n) .picbox{
    float: right;
}
.news-list li:nth-of-type(2n) .newsinfo{
    float: left;
    margin-left: 0%;
    margin-right: 5%;
}

.detail {display: none; overflow:scroll;position: absolute;top: 130px; margin: 0; padding: 0;  height: 80%; background-color: #fff; width:100%}
.detail p {line-height: 28px; font-size: 16px; /*text-align: left;*/}

/*新闻-----------------------------------------------------结束*/








/*联系我们-----------------------------------------------------*/
.contact { overflow:scroll;position: absolute;top: 130px; margin: 0; padding: 0; width: 100%; height: 100%;}
.con-top { height: 380px;}
.contact-info {
overflow: hidden;
    width: 40%;
    height: 100%;
    float: left;
    text-align: left;
    color: #fff;
    background-color: #00ace4;
    font-size: 16px; line-height:40px
}
.contact-info h3::before {
    content: '';
    display: block;
    height: 30px;
}
.contact-info h3,.contact-info h4 { font-weight: normal;font-size: 18px;padding-left: 30px;}
.contact-info p {padding-left: 30px;}
.contact-map {
    float: left;
    width: 60%;
}

.contact-list{
     margin: 0;
    padding: 0;
    padding-bottom: 200px;
}
.contact-list li{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 50%;
    height: 160px;
    text-align: left;
    color: #666;
    /*font-size: 16px;*/
	font-size: 0.956666vw;
    border-bottom:  solid 1px #dedede;
    background: url('../images/contacttb.png') 26px 32px no-repeat; line-height:35px
}

.contact-list li a{color: #666;display: inline-block; margin-top: 30px;}
.contact-list li a:hover {color: #00ace4;}
.contact-list li a,.contact-list li .contact-nr {padding-left: 90px;}

.contact-list li span{color: #666;display: inline-block; margin-top: 30px;}
.contact-list li a:hover {color: #00ace4;}
.contact-list li span,.contact-list li .contact-nr {padding-left: 90px;}

/*联系我们-----------------------------------------------------结束*/






/*成功案例-----------------------------------------------------*/
#casebox .content{margin: 0; width: 100%;}
.case {background-image: none;}
.case-pagination {
    z-index: 3;
    position: absolute;
    top: 0px;
    left: 0;
    /*margin: 0 5%;*/
    width: 95%;
    height: 60px;
    padding-top: 30px;
    font-size: 14px;
    text-align: left;
    overflow: hidden; background:#FFFFFF; padding-left:5%
    
}
.case-pagination span {
    display: inline;
    padding: 10px 20px;
    height: 38px;
    line-height: 38px;
    color: #666;
    text-align: center;
}
.case-pagination span.swiper-pagination-bullet-active {
    color: #00ace4;
    border-bottom: solid 2px #00ace4;
}

.case-wrapper {
    margin-top: 80px;
}
.case-list {
   /* position: absolute;*/
    top: 0;
    margin: 0;
    padding: 0;
   /* overflow: scroll; */
    width: 100%;
    height: 100%;
}
.case-list::after {
    clear: both;
    content: '';
    display: block;
    width: 100%;
    height: 200px;
}
.case-list li{    
    box-sizing: border-box;
    list-style: none;
    float: left;
    width: 50%;
    height:21.875vw;
    cursor: pointer;
    padding:20px;
}


.case2-list {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    overflow: scroll;
    width: 95%;
    height: 85%; left:2%;
}

.case2-list li{    
    list-style: none;
    float: left;
    width: 99%;
    height: 45px;
    /*cursor: pointer;*/ line-height:45px; font-size:16px; padding-left:1%
}
/*.case2-list li:nth-child(3n){margin-right:0}*/

/*.case2-list li a{color:#666}

.case2-list li img{width:100%; height:250px}
.case2-list li h1{width:100%; height:50px; line-height:50px; font-size:16px; font-weight:normal; text-align:center}*/


.case2-list li .fl{width:50%; float:left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.case2-tit{width:93%; margin:0 auto;  height:45px; left:2%; line-height:45px;  position:absolute; font-size:16px; background:#E1E1E1; margin-top:10px;  padding-left:1%; }
.case2-tit li{float:left;  width:49.5%;font-weight:bold;}
.case2-list li:nth-child(2n){ background:#E1E1E1}



.list-info {
    width: 50%;
    display: table-cell;
    background-color: #f5f5f5;
    vertical-align:middle;
}
.info-box {
    position: relative;
    padding: 38px 38px;
    width: 50%;
    display: table-cell;
    box-sizing: border-box;
    text-align: left;
}

.list-info2 
{
    vertical-align:middle;
    width: 50%;
    display: table-cell;
    background-color: #f5f5f5;
}


.info-box h3 {font-weight: normal; margin: 0; color: #00ace4; font-size:1.04166vw; margin-bottom: 1.04166vw;}
.info-box p {font-size: 0.72916vw; color: #666;  line-height: 1.30208vw; 
    height:12vw;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    }
.info-box span {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -20px;
    width: 40px; 
    height: 40px;
    background: url(../images/nstart.png) no-repeat;
    transition: all .5s;
}

.jt {
    z-index: 6;;
    border: 20px solid transparent;
    border-left: 26px solid #f5f5f5;
    width: 0;
    height: 0px;
    position: absolute;
    right: -44px;
    top: 50%;
    margin-top: -13px;
    transition: all .5s;
}

.jt2 {
    z-index: 6;;
    border: 20px solid transparent;
    border-right: 26px solid #f5f5f5;
    width: 0;
    height: 0px;
    position: absolute;
    left: -44px;
    top: 50%;
    margin-top:-13px;
    transition: all .5s;
}



.case-img {
    width: 50%;
    display: table-cell; overflow: hidden;}
.case-img img{width: 100%; min-height:20.3125vw; transition: all .5s;}

/* .case-list li:nth-of-type(3n) .list-info{ float: right; }
.case-list li:nth-of-type(4n) .list-info{ float: right; }
.case-list li:nth-of-type(2n) .list-info{ float: right; } */

.case-list li:hover img {transform: scale(1.2)}
.case-list li:hover span {transform: rotate(360deg)}
/*.case-list li:hover .jt {right: -44px;}*/
/*成功案例-----------------------------------------------------结束*/









/*底部*/
.footer {
    z-index: 3;
    position: fixed;
    bottom: -98px;
    left: 0;
    padding: 10px 0;
    width: 100%;
    height: 78px;
    background: url(../images/footbg.png) repeat-x;
    transition: bottom .5s;
}
.footer a.footlogo {
    float: left;
    margin-left: 50px;
    width: 250px;
    height: 47px;
    background: url(../images/footerlogo.png) no-repeat center center; margin-top:20px;
    background-size: contain;
 }
 .footer div.foot-address {
     float: left;
     margin-left: 24px;
     padding-left: 24px;
     height: 80px;
     border-left: 1px solid #fff;
     color: #fff;
     line-height: 24px;
 }
 .footer div.foot-link {
    float: right;
	margin-top: 24px;
    margin-right: 50px;
    text-align: right;
    line-height: 20px;
    color: #fff; position:relative;
}
 .ewm-pic{display:none; width:180px; height:180px; position:absolute; bottom:55px; right:0}
 .footer div.foot-link a.ewm:hover .ewm-pic{ display:block}
.footer div.foot-link a {margin-left: 20px; color: #fff;}
.footer div.foot-link a:hover {color:#007edf;}
.footer div.foot-link i {font-size: 28px;}
/*底部----------------------------------------------------------------------------------------------结束*/



.right {
    right: 0;
}






/* 字体图标 */
@font-face {font-family: "iconfont";
    src: url('iconfont.eot?t=1537498685751'); /* IE9*/
    src: url('iconfont.eot?t=1537498685751#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
    url('iconfont.ttf?t=1537498685751') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('iconfont.svg?t=1537498685751#iconfont') format('svg'); /* iOS 4.1- */
  }
  
  .iconfont {
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-z-weixin:before { content: "\e6c9"; }
  
  .icon-icon_weibo:before { content: "\e631"; }
  
  .icon-arrow-right:before { content: "\e765"; }
  
  .icon-arrow-left:before { content: "\e766"; }
  
  .icon-guanbi:before { content: "\e60d"; }
  
  .icon-tupianfangda:before { content: "\e792"; }
  
/* 字体图标-------------------------------------------------------------------------------------------结束 */




/* 滚动条美化 */
  ::-webkit-scrollbar {
    width: 14px;
    height: 14px;
  }
   
  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
  }
   

   
  ::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 1px 1px 1px 10px rgba(0,0,0,.5) inset;
  }
   
  ::-webkit-scrollbar-corner {
    background: transparent;}
/* 滚动条美化-------------结束 */



/* 方块上下页 */

.rotated_block {
    opacity: 0;
    z-index: 5;
    position: absolute;
    left: 0;
	text-align: center;
    padding: 30px 0;
    width: 100%;
    height: 76px;
    transition: opacity .5s;
}
.father-wrapper:hover .rotated_block{opacity: 1;}
.swiper-slide>.rotated_block.pre {top: 5%;}
.swiper-slide>.rotated_block.nex {bottom: 5%;}
.rotated_block .rotated {
	font: 400 14px/16px "微软雅黑";
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.70711, M12=-0.70711, M21=0.70711, M22=0.70711)";
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.70711, M12=-0.70711, M21=0.70711, M22=0.70711);
	display: inline-block;
	width: 72px;
	height: 72px;
	border: 1px solid #00ace4;
	color: #00ace4;
	text-align: center;
	text-transform: uppercase;
	position: relative
}

.rotated_block .rotated:after {
	content: '';
	-webkit-transition: all 0.1s cubic-bezier(0.5, 0, 0.37, 1);
	-moz-transition: all 0.1s cubic-bezier(0.5, 0, 0.37, 1);
	-o-transition: all 0.1s cubic-bezier(0.5, 0, 0.37, 1);
	transition: all 0.1s cubic-bezier(0.5, 0, 0.37, 1);
	position: absolute;
	top: 50%;
	left: 50%;
	background: #00ace4;
	margin-left: 0;
	margin-top: 0;
	width: 0;
	height: 0;
	z-index: 1
}

.rotated_block .rotated:hover,.rotated_block .rotated:active,.rotated_block .rotated:focus {
	color: #FFF
}

.rotated_block .rotated:hover:after,.rotated_block .rotated:active:after,.rotated_block .rotated:focus:after {
	width: 72px;
	height: 72px;
	margin-left: -36px;
	margin-top: -36px
}

.rotated_block .rotated:hover i.arrow_thin_right_blue,.rotated_block .rotated:active i.arrow_thin_right_blue,.rotated_block .rotated:focus i.arrow_thin_right_blue {
	background-image: url('/images/icons-s728d4a438a.png');
	background-position: -77px 0;
	background-repeat: no-repeat;
	display: block;
	height: 15px;
	width: 19px;
	display: inline-block
}
.rotated_block .invert {
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.70711, M12=0.70711, M21=-0.70711, M22=0.70711)";
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.70711, M12=0.70711, M21=-0.70711, M22=0.70711);
	display: block;
	width: 90px;
	position: relative;
	top: 27px;
	left: -9px;
	z-index: 2
}
.rotated_block .rotated.prev::before {
    position: absolute;
    left: -61px;
    bottom: 97px;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #00ace4;
    transform: rotate(45deg);
} 
.rotated_block .rotated.next::before {
    position: absolute;
    left: 61px;
    bottom: -26px;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #00ace4;
    transform: rotate(45deg);
} 



/* 方块上下页-------------------------------------------------------------------------结束 */


/* 导航背景------------------------------------------------------------------------- */
.bg {
	-webkit-transition: all 0.75s ease-in-out;
	-moz-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out;
    -webkit-transform: perspective(600px) rotateY(90deg);
	-moz-transform: perspective(600px) rotateY(90deg);
	-ms-transform: perspective(600px) rotateY(90deg);
	-o-transform: perspective(600px) rotateY(90deg);
	transform: perspective(600px) rotateY(90deg);
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	background-color: #231f21;
    width: 18%;
    height: 100%;
	position: absolute;
	left: 18%;
	top: 0;
	bottom: 0;
	z-index: -1;
}


.bg.to_left {
    -webkit-transform: perspective(600px) rotateY(180deg);
	-moz-transform: perspective(600px) rotateY(180deg);
	-ms-transform: perspective(600px) rotateY(180deg);
	-o-transform: perspective(600px) rotateY(180deg);
	transform: perspective(600px) rotateY(180deg)
}

/* 导航背景-------------------------------------------------------------------------结束 */

/*分页*/
.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-top:15px}

/*淘宝风格*/
.paginator { font: 12px "微软雅黑"; margin:0 auto; }
.paginator a {border:solid 1px #cbc6c2;color:#000000;cursor:pointer;text-decoration:none;}
.paginator a:visited {/*padding: 1px 6px;*/ border: solid 1px #E2E0E0; background: #fff; text-decoration: none; color:#000000}
.paginator .cpb {border:1px solid #d9362b;color:#FFF;background-color:#d9362b; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #d9362b;color:#fff;text-decoration:none; background:#d9362b; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:14px;font-family:微软雅黑;padding:5px 10px; display:inline-block}


/*走进联盛*/
.enter {
    overflow: hidden;
    width: 100%;
    height: 80%;
}

.enter-tit {
    font-size: 36px;
    color: #fff;
    text-align:center;
    margin-bottom: 28px;
}
.enter .line {
    display: block;
    background-color: #00ace4;
    text-indent: -999px;
    width: 42px;
    height: 2px;
    margin: 0px auto 30px;
    overflow: hidden;
}
.enter-list ul li{
    /*width: 280px;*/ width: 23.5%;
    height: 310px;
    background: #fff;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    padding: 15px;
    /*margin-right: 30px;*/margin-right: 2%;
    margin-bottom: 30px;
    position: relative;
}




.enter-list ul li:nth-child(4n){
    margin-right: 0;
}
.enter-list ul li .enter-list-icon{
    position: absolute;
    right: 15px;
    top: 15px;
}
.enter-list ul li .enter-list-pic{
   /* height: 162px;*/ height:auto;
    overflow: hidden;
}
.enter-list ul li .enter-list-pic:hover img{
    transform: scale(1.1);
    transition: 1s;
}
.enter-list ul li .enter-list-tit{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 10px 0;
}
.enter-list ul li .enter-list-dis{
    font-size: 14px;
    color: #333;
    line-height: 20px;
}
.enter-introduce-info {
    font-size: 16px;
    color: #333;
    line-height: 28px;
}
.zizhi-list{ display: -webkit-flex; display: flex;}
.zizhi-list {  flex-wrap: wrap;}
.zizhi-list .item { flex: 0 0 25%; margin-bottom: 20px; text-align: center;  overflow: hidden;}
.zizhi-list .item .img { position: relative; height: 250px;}
.zizhi-list .item .img img { max-height: 100%; padding-right:20px; background: url('../images/txbg3.jpg') right bottom no-repeat;  position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.zizhi-list .item h3 { height: 70px;line-height: 60px;  background: url('../images/txbg0.jpg') repeat-x; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zizhi-list .item:first-of-type h3,
.zizhi-list .item:nth-of-type(5) h3,
.zizhi-list .item:nth-of-type(9n) h3{  background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg0.jpg') repeat-x;}
.zizhi-list .item:last-of-type h3,
.zizhi-list .item:nth-of-type(4n) h3{  background: url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}


/*走进联盛_公司介绍*/

.clear_fix::after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}

.introduce-content {
    z-index: 2;
    position: relative;
    width: 100%;
    height: 100%;
}
.introduce-content-title{
    width: 90%;
    left: 5%;
}
.introduce { overflow:scroll; position: absolute; top: 90px; margin: 0; padding: 0;  height: 83%; width: 100%;  z-index: 1;}
.introduce-since{box-sizing: border-box; margin: 3% 5%;}
.introduce-since-tit{font-size: 36px; color: #00ace4; font-weight: bold; text-align: center; margin-bottom: 10px;}


#wrapper{
    width: 1414px;
      /*height:266px;*/
      margin-bottom: 20px;
      position:relative;
      color:#fff;
      text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;	
  }
  
  #slider-wrap{
      width:100%;
      height:600px;
      position:relative;
      overflow:hidden;
  }
  
  #slider-wrap ul#slider{
      width:100%;
      height:100%;
      
      position:absolute;
      top:0;
      left:0;		
  }
  
  #slider-wrap ul#slider li{
      float:left;
      position:relative;
      width:1414px;
      height:600px;	
  }
  
  #slider-wrap ul#slider li > div{
      position:absolute;
      bottom: 0;
      left:0;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 30px;
    background: rgba(0,0,0,.5);
  }
  
  #slider-wrap ul#slider li > div h3{
      font-size:16px;
    margin-top: 5px;
  }
  
  #slider-wrap ul#slider li > div span{
      font-size:14px;
  }
  
  #slider-wrap ul#slider li i{
      text-align:center;
      line-height:600px;
      display:block;
      width:100%;
      font-size:90px;	
  }
  
  
  /*btns*/
  .btns{
      position:absolute;
      width:50px;
      height:60px;
      top:50%;
      margin-top:-25px;
      line-height:57px;
      text-align:center;
      cursor:pointer;	
      background:rgba(0,0,0,0.1);
      z-index:100;
      
      
      -webkit-user-select: none;  
      -moz-user-select: none; 
      -khtml-user-select: none; 
      -ms-user-select: none;
      
      -webkit-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
      -o-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
      transition: all 0.1s ease;
  }
  
  .btns:hover{
      background:rgba(0,0,0,0.3);	
  }
  
  #next{right:-50px; border-radius:7px 0px 0px 7px; background: rgba(0,0,0,0.3) url(../images/arrow-right.png) no-repeat center;}
  #previous{left:-50px; border-radius:0px 7px 7px 7px; background: rgba(0,0,0,0.3) url(../images/arrow-left.png) no-repeat center;}
  #counter{
      display: none;
      bottom: 20px; 
      right:35px; 
      width:auto;
      position:absolute;
  }
  
  #slider-wrap.active #next{right:0px;}
  #slider-wrap.active #previous{left:0px;}
  
  
  /*bar*/
  #pagination-wrap{
      height:15px;
      position:absolute;
      right: 20px;
      bottom: 20px;
      text-align:center;
  }
  
  #pagination-wrap ul {
      width:100%;
  }
  
  #pagination-wrap ul li{
      margin: 0 4px;
      display: inline-block;
      width:10px;
      height:10px;
      border-radius:50%;
      background:#fff;
      position:relative;
    top:0;
    
    
  }
  
  #pagination-wrap ul li.active{
    width:10px;
    height:10px;
    background: #00ace4;	
  }
  
  /*ANIMATION*/
  #slider-wrap ul, #pagination-wrap ul li{
      -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
      -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
      -o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
      -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
      transition: all 0.3s cubic-bezier(1,.01,.32,1);	
  }
  

.introduce-since-info{font-size: 18px; color: #333; line-height: 35px;}

.introduce-cooperation-box{background: #f5f5f5; /*overflow: hidden;*/}
.introduce-cooperation{padding: 3% 5%; display:table}
.introduce-cooperation-tit{font-size: 36px; color: #00ace4; font-weight: bold; text-align: center; margin-bottom: 10px; }
.introduce-cooperation-tit2{font-size: 24px; color: #00ace4; font-weight: bold; text-align: center; margin-bottom: 20px; }
.introduce-cooperation-tit3{font-size: 24px; color: #00ace4; font-weight: bold;  text-align: left; margin-bottom: 20px; }

.introduce-cooperation-info{font-size: 18px; color: #333; line-height: 35px;}


.honor{ display: -webkit-flex; display: flex; background: #fff; margin: 20px 0; padding: 0 20px; border-radius: 10px;}
.honor {  flex-wrap: wrap;}
.honor .item { flex: 0 0 25%; margin-bottom: 20px; text-align: center;  overflow: hidden;}
.honor .item .img { position: relative; height: 250px;}
.honor .item .img img { max-height: 100%; padding-right:20px; background: url('../images/txbg3.jpg') right bottom no-repeat;  position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.honor .item h3 { height: 70px;line-height: 60px;  background: url('../images/txbg0.jpg') repeat-x; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.honor .item:nth-of-type(4n) h3{  background: url('../images/txbg02.png') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
.honor .item:first-of-type h3,
.honor .item:nth-of-type(4n+1) h3{  background: url('../images/txbg01.png') left no-repeat, url('../images/txbg0.jpg') repeat-x;}
.honor .item:last-child h3{  background: url('../images/txbg02.png') right no-repeat, url('../images/txbg0.jpg') repeat-x;}

.introduce-technology-info{width: 34%; /*float: left; */background: #fff; box-sizing: border-box; padding: 130px 40px; max-height: 540px; overflow: hidden; display:table-cell; vertical-align:middle}
.introduce-technology-tit{font-size: 36px; color: #00ace4; font-weight: bold;  margin-bottom: 10px; }
.introduce-technology-dis{font-size: 18px; color: #666; line-height: 30px;}
.introduce-technology-pic{width: 63%; /*float: right;*/ display:table-cell; vertical-align:middle; background-color:#FFFFFF }
.introduce-technology-pic img{vertical-align: middle;}


/*走进联盛_公司介绍*/


/*新增-专业设备*/
.professional{background: #fff; margin: 3% 5%; box-sizing: border-box; display:table; }
.professional-info{width: 50%; /*float: left;*/ box-sizing: border-box; padding: 70px 40px; display:table-cell;vertical-align:middle}
.professional-info-tit{font-size: 30px; color: #00ace4; margin-bottom: 40px;}
.professional-info-dis{font-size: 16px; color: #666; line-height: 35px;}
.professional-info-dis span.blue{font-size: 18px; color: #00ace4; font-weight: bold;}
.professional-pic{width: 50%; /*float: left;*/ box-sizing: border-box; padding: 2%; text-align: center;display:table-cell; vertical-align:middle}








/*新增-专业设备*/