/********** 内页基础样式 **********/

.swiper-container {width: 100%;height: 100%;}

.header_mar{width: 100%;height: 108px;}

.footer{border-top: #b9b8b8 1px solid;}

.page_banner{position: relative; height: 455px;overflow: hidden;}
.page_banner .pic{width: 100; height: 100%;
    -webkit-animation-duration: 18s;
  animation-duration: 18s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
-webkit-animation-name: bg_pic;
    animation-name: bg_pic;}
@-webkit-keyframes bg_pic {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes bg_pic {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.page_banner .pos{position: absolute;left: 0;top: 50%;margin-top: -43px;width: 100%; text-align: center;
    animation-delay: 0s;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/*由下方滑动上来 伴随着渐显*/
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.page_banner .pos b{font-size: 42px;color: #fff;font-weight: bold;line-height:1.2;font-family: "Arial";}
.page_banner .pos p{font-size: 28px;color: #fff;line-height:1.2;}
.page_banner .pos div{margin:36px auto 0;width: 705px;height: 58px;border-radius: 58px;background: #fff;}
.page_banner .pos .but{float: left;margin:0 10px 0 34px;width: 30px;height: 58px;background: url(../images/icon_19.png) center no-repeat;border: none;}
.page_banner .pos input{float: left;width: 300px;height: 58px;line-height: 58px;font-size: 16px;color: #999;}

.subnav a{float: left; font-size: 14px;color: #666;}
.subnav i{float: left;padding:0 4px; font-size: 14px;color: #666;}
.subnav a:hover,.subnav a.cur{color: #006db8;}


.page_title{padding-top: 12px; font-size: 25px;color: #006db8;font-weight: bold;}
.page_title a{float: right;margin-top: -6px; line-height: 33px; font-size: 18px;color: #006db8;font-weight: normal; font-family: "Arial";}
.page_title a:hover{font-weight: bold;}

/********** 解决方案 **********/
.Solution{padding-top: 40px;background: url(../images/solution_bac.png) bottom left no-repeat;background-size: 100% auto;}
.Solution .next{margin-top: 90px;}
.Solution .next li{float: left;width: 48%;margin-right: 4%;}
.Solution .next li:nth-child(2n-1){margin-top: -338px;}
.Solution .next li:nth-child(2n){margin-right: 0;}

.Solution .next li:nth-child(2){margin-top: 0px;}
.Solution .next li a{position: relative;}
.Solution .next li .pic{position: relative; width: 100%;height: 333px;overflow: hidden;}
.Solution .next li .pic i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.Solution .next li a .pic:hover i{transform: scale(1.1);transition-duration: 0.5s;}

.Solution .next li .pic .pos{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;}
.Solution .next li .pic .pos b{margin-bottom: 13px; font-size: 22px;color: #fff;font-weight: bold;}
.Solution .next li .pic .pos em{margin:0 auto;width: 146px;height: 4px;background: #fff;border-radius: 4px;}
.Solution .next li span{position: absolute;left: 20px;    top: -54px;
    line-height: 95px;font-size: 132px;color: #006db8;font-family: "Arial";font-weight: bold;}
.Solution .next li .text{margin-top: 21px;}
.Solution .next li .text div{float: left;width:44px;height: 322px;}
.Solution .next li .text i{margin:8px auto 0; width: 3px;height: 59px;background: #006db8;border-radius: 3px;}
.Solution .next li .text p{font-size: 16px;color: #444;line-height: 28px;}
.Solution .next .more{margin:0 auto;padding-bottom:56px; width: 68px;height: 68px; background: url(../images/icon_20.png) top center no-repeat;}


.Solution .next li.other .title{width: 93.47%;height: 148px;background: url(../images/solution_bac2.jpg) center no-repeat;background-size: cover;}
.Solution .next li.other .title div{margin-left: 60px;padding-top: 35px; color: #fff;}
.Solution .next li.other .title i{width: 36px;height: 3px;background: #fff;}
.Solution .next li.other .title b{font-size: 42px;font-weight: bold;    line-height: 52px;}
.Solution .next li.other .title p{font-size: 20px;}
@media only screen and (max-width: 768px){

/********** 解决方案手机 **********/
.Solution .next{background: url(../images/bac_2.png) bottom left no-repeat;background-size: 100% auto;}
.Solution .next .search{padding: 2.5rem 4%;background: #f5f5f5;}
.Solution .next .search .ub{height: 2.9rem;border-radius: 2.9rem;background: #fff;}
.Solution .next .search .but{width: 5rem;height: 2.9rem;background: url(../images/icon_21.png) center no-repeat;background-size: 1.5rem auto;}
.Solution .next .search input{width: 100%;height: 2.9rem;line-height: 2.9rem;font-size: 1.2rem;color: #000;}
.Solution .next ul{padding: 1.5rem 0 0 0;}
  .Solution .next li.other .title {
    width: 100%;
    height: auto;padding-bottom: 8%;
    background: url(../images/solution_bac2.jpg) center no-repeat;
    background-size: cover;
}
.Solution .next li{margin-bottom: 5.5rem; float: none;width: 100%;margin-right: 0%;}
.Solution .next li:nth-child(2n-1) {
    margin-top: 0px;
}
.Solution .next li:nth-child(2n){margin-right: 0;}

.Solution .next li:nth-child(2){margin-top: 0px;}
.Solution .next li a{position: relative;}
.Solution .next li .pic{position: relative; width: 100%;height: 333px;overflow: hidden;}
.Solution .next li .pic i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.Solution .next li a .pic:hover i{transform: scale(1.1);transition-duration: 0.5s;}

.Solution .next li .pic .pos{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;}
.Solution .next li .pic .pos b{margin-bottom: 0.7rem; font-size: 1.3rem;color: #fff;font-weight: bold;}
.Solution .next li .pic .pos em{margin:0 auto;width: 7rem;height: 4px;background: #fff;border-radius: 4px;}
.Solution .next li span{position: absolute;left:0.9rem;top: -3.45rem;font-size:6.3rem;color: #006db8;font-family: "Arial";font-weight: bold;}
.Solution .next li .text{margin-top:1.7rem;}
.Solution .next li .text div{margin-right: 0.45rem; width:1.7rem;}
.Solution .next li .text i{margin:0.8rem auto 0; width: 3px;height:6.8rem;background: #006db8;border-radius: 3px;}
.Solution .next li .text p{font-size: 1rem;color: #444;    padding: 0 1rem;
    line-height: 1.8rem;}
.Solution .next .more{margin:0 auto;padding-bottom:4rem; width: 3.4rem;height:3.4rem; background: url(../images/icon_22.png) top center no-repeat;background-size: 3.4rem auto;}


.Solution .next li.other{margin-bottom: 6.5rem;height: 145px!important;}
.Solution .next li.other .title_s{padding-bottom: 1.3rem; background: url(../images/solution_bac2.jpg) center no-repeat;background-size: cover;}
.Solution .next li.other .title_s div{margin-left: 2.3rem;padding-top: 1.8rem; color: #fff;}
.Solution .next li.other .title_s i{width: 1.9rem;height: 2px;background: #fff;}
.Solution .next li.other .title_s b{font-size:2.2rem;font-weight: bold;}
.Solution .next li.other .title_s p{font-size: 1.3rem;}

}



/********** 产品中心 **********/
.product{padding: 32px 0 10px;}

.product .list{margin-top: 42px;}
.product .list li{padding-top:10px;}
.product .list li .pic{float: left;margin-left: 5%; width: 45%;height: 500px;overflow: hidden;}
.product .list li .pic i{width: 100%;height:100%;transform: scale(1);transition-duration: 0.5s;}
.product .list li:hover .pic i{transform: scale(1.1);transition-duration: 0.5s;}
.product .list li .next{float: left;width: 50%;background: #f6f6f6 url(../images/bac_3.png) left bottom no-repeat;}
.product .list li .next .text{float: left; height: 500px;width:100%;}
.product .list li .next .t{margin-left: 10%;margin-top: 22px; height: 56px;overflow: hidden;border-bottom: #dddada 1px solid;}
.product .list li .next .t i{float: left;line-height: 56px;font-weight: bold; font-size: 20px;color: #006db8;}
.product .list li .next .t p{float: left;line-height: 63px;font-weight: bold; font-size: 16px;color: #d1d1d1;font-family: "Arial";}


.product .list li .next .swiper-container{height: 385px;}
.product .list li .next .swiper-slide{margin-top: 13px;height: 407px;}
.product .list li .next .swiper-slide a{line-height: 53px;}
.product .list li .next .swiper-slide b{transition: all 0.5s;float: left; padding-left: 10%;font-size: 18px;color: #444;font-family: "Arial";}
.product .list li .next .swiper-slide .lie{transition: all 0.5s; float: left;margin-top:27px;width: 0%;height: 1px;background: #c1c0c0;}
.product .list li .next .swiper-slide p{transition:all 0.5s; float: left;margin-left: 32px;width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 18px;color: #444;}
.product .list li .next .swiper-slide em{transition:all 0.5s;padding-right: 43px;opacity: 0; font-size: 14px;color: #006db8;background: url(../images/icon_21.png) right center no-repeat;}

.product .list li .next .swiper-slide a:hover b{transition: all 0.5s;padding-left: 5%;}
.product .list li .next .swiper-slide a:hover .lie{transition:all 0.5s;margin-left: 16px;width: 8%; }
.product .list li .next .swiper-slide a:hover p{transition:all 0.5s; margin-left: 16px;color: #006db8; }
.product .list li .next .swiper-slide a:hover em{transition:all 0.5s;opacity: 1;}

.product .swiper-pagination{margin-left: 10%;width: 90%; height: 45px;}
.product .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0 0 -2px;}
.product .swiper-pagination li{opacity: 1;float: left; width: 107px;height: 45px;line-height: 45px;color: #8f8d8d;font-size: 13px; background: url(../images/icon_22.png) center bottom no-repeat;border-radius: 0;}
.product .swiper-pagination li.on{color: #00519a; background: url(../images/icon_22s.png) center bottom no-repeat;}


.product .list li.r_pic .pic{float:right;margin:0 5% 0 0;}
.product .list li.r_pic .next{background: #f6f6f6 url(../images/bac_4.png) left bottom no-repeat;}
.product .list li.r_pic .next .text{float: right;}
.product .list li.r_pic .next .t{margin-right: 24px;}
.product .list li.r_pic .next .swiper-slide a{margin-right: 24px;}
@media only screen and (max-width: 768px){
.product {
    padding: 0px;
}
/********** 产品中心手机 **********/
.product .list li.r_pic .pic{float:right;margin:0;}
.product .list{margin-top:0rem;}
.product .list li{margin-bottom: 0rem;}
.product .list li .pic{    width: 100%;
    margin: 0px;
    height: 220px;
    overflow: hidden;}
  
  .product .list li .next .swiper-slide b{
  padding-left:0;
  }
  
.product .list li .pic i{width: 100%;height:100%;transform: scale(1);transition-duration: 0.5s;}
.product .list li:hover .pic i{transform: scale(1.1);transition-duration: 0.5s;}
.product .list li .next{padding: 0 20px; background: #f6f6f6 url(../images/bac_4.jpg) left bottom no-repeat;    float: none;
    width: 100%;}

.product .list li .next .t{padding-top: 1rem; height: 4.5rem;overflow: hidden;
  margin-left:2%;
  }
.product .list li .next .t i{float: left;line-height: 4.5rem;font-weight: bold; font-size:1.5rem;color: #006db8;}
.product .list li .next .t p{float: left;line-height: 5.2rem;font-weight: bold; font-size: 1.2rem;color: #d1d1d1;font-family: "Arial";}

.product .list li .next .time{display: none; padding:1rem 0;line-height: 4.3rem;border-top: #dddada 1px solid;}
.product .list li .next .time a{padding: 0;height: 4.3rem;overflow: hidden;}
.product .list li .next .time b{ padding-right: 1.8rem;line-height: 4.5rem; font-size: 1.3rem;color: #0068b6;font-family: "Arial";}
.product .list li .next .time p{position: absolute;left: 0;top: 0; font-size: 1.3rem;color: #444;}
.product .list li .next .more{width: 4.5rem;height: 3.7rem;background: url(../images/icon_28s.png) top left no-repeat;background-size: 4.5rem auto;}
.product .list li .next .more.cur{background: url(../images/icon_28.png) top left no-repeat;background-size: 4.5rem auto;}
  .product .list li .next .swiper-slide em {
  display:none;
}
  .product .list li .next .swiper-slide p {
    transition: all 0.5s;
    float: left;
    margin-left: 32px;
    width: 80%;
  }
  .product .list li .next .swiper-slide a:hover p {
    transition: all 0.5s; width: 60%;
    margin-left: 16px;
    color: #006db8;
}
}



.page_img img{width: 100%;}

/********** 联系方式 **********/
.Contact_us .subnav{padding: 43px 0;}
.Contact_us .map{position: relative;}
.Contact_us .map #allmap{width: 100%;height: 530px;}

.Contact_us .map .pos {
    position: absolute;
    top: 0px;
    z-index: 2;
    padding: 18px 40px 0;
    width: 420px;
    height: 532px;
    background: rgba(0,109,184,0.8)
}

.Contact_us .map .pos .t{margin-bottom: 34px; line-height: 92px;font-size: 24px;color: #fff;border-bottom: #fff 1px solid;}
.Contact_us .map .pos dl{margin-bottom: 16px; font-size: 1rem;line-height: 49px;}
.Contact_us .map .pos .clearfix dl{margin: 0;line-height: 39px;}
.Contact_us .map .pos .clearfix .fl{margin-top: 29px;}
.Contact_us .map .pos  dt{float: left;padding-left: 38px;color: #c1dbed;}
.Contact_us .map .pos  dd{float: left;color: #fff;}
.Contact_us .map .pos .clearfix .pic{margin-top: 12px;}
.Contact_us .map .pos .pic img{max-width: 115px;}
.Contact_us .map .pos .pic p{font-size: 14px;color: #fff;line-height: 34px;}
@media only screen and (max-width: 768px){

/********** 联系方式手机 **********/
.Contact_us .subnav{padding: 43px 0;}
.Contact_us .map{position: relative;margin-top: 1.5rem;}
.Contact_us .map #allmap{width: 100%;height: 530px;}
.Contact_us .map .pos {
position: relative;
    z-index: 3;
    margin: 0 auto;
    right: 0px!important;
    padding-bottom: 1.9rem;
    width: 96%;height:auto;
    background: rgba(0,109,184,0.8);
}
.Contact_us .map .pos .pad{padding: 1.9rem 8% 0;}
.Contact_us .map .pos .t{margin-bottom: 1rem; line-height: 4.7rem;font-size: 1.2rem;color: #fff;border-bottom: #fff 1px solid;}
.Contact_us .map .pos  dl{font-size: 1rem;line-height: 2.7rem;}
.Contact_us .map .pos  dt{float: left;padding-left: 2.4rem;color: #c1dbed;}
.Contact_us .map .pos  dd{float: left;color: #fff;}
.Contact_us .map .pos .pic{margin-top: 2rem;}
.Contact_us .map .pos .pic img{max-width:7.5rem;}
.Contact_us .map .pos .pic p{ font-size: 1rem;color: #fff;line-height: 1.3rem;}
}


/********** 解决方案详情 **********/
.solution_datails{padding-top: 36px;}

.solution_datails .top{margin-top: 40px; padding: 38px 0 45px; background: url(../images/bac_2.jpg) center repeat;}
.solution_datails .top b{margin-bottom: 20px; text-align: center; font-size: 30px;color: #1173b6;font-weight: bold;}
.solution_datails .top p{padding: 0 30px; text-indent: 2em;font-size: 16px;color: #666;line-height: 28px;}
.solution_datails .top img{max-width: 100%;margin:15px auto;}


.solution_datails .bot{position: relative;margin-bottom: 60px;}
.solution_datails .bot b{padding:45px 0 37px; font-size: 28px;color: #333;text-align: center;}

.solution_datails .bot .swiper-slide{position: relative; width: 31.8%;height: 358px;overflow: hidden;}
.solution_datails .bot .swiper-slide .pic{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.solution_datails .bot .swiper-slide .pic:hover{transform: scale(1.1);transition-duration: 0.5s;}
.solution_datails .bot .swiper-slide .pos{position: absolute;left:6.5%;bottom: 26px;width: 87%;}
.solution_datails .bot .swiper-slide .pos i{font-size: 18px;color: #fff;}

.solution_datails .bot .swiper-button-next,.solution_datails .bot .swiper-button-prev {
    position: absolute;
    top: 262px;
    width: 52px;
    height: 52px;
    z-index: 10;
    cursor: pointer;
}
.solution_datails .bot .swiper-button-prev{left: -26px; background: url(../images/icon_28.png) center no-repeat;}
.solution_datails .bot .swiper-button-next{right: -26px; background: url(../images/icon_29.png) center no-repeat;}

.solution_datails .bot .swiper-button-prev:hover{ background: url(../images/icon_28s.png) center no-repeat;}
.solution_datails .bot .swiper-button-next:hover{background: url(../images/icon_29s.png) center no-repeat;}

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

/********** 解决方案详情手机 **********/
.solution_datails .top{margin-top: 1.5rem; padding: 3rem 0 2.5rem; background: url(../images/bac_3.jpg) center repeat;}
.solution_datails .top b{margin-bottom: 1.6rem; text-align: center; font-size: 1rem;color: #1173b6;font-weight: bold;}
.solution_datails .top p{padding: 0rem; text-indent: 2em;font-size: 1.3rem;color: #666;line-height: 2.5rem;}
.solution_datails .top img{margin:1rem auto;max-width:100% ;}


.solution_datails .bot{position: relative;margin-bottom:4rem;}
.solution_datails .bot b{padding:3.6rem 0 2.35rem; font-size: 1.7rem;color: #333;text-align: center;font-weight: normal;}
.swiper-container{margin-left: 2%;width: 96%;}
.solution_datails .bot .swiper-slide{position: relative; width: 77.5%;height: 358px;overflow: hidden;}
.solution_datails .bot .swiper-slide .pic{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.solution_datails .bot .swiper-slide .pic:hover{transform: scale(1.1);transition-duration: 0.5s;}
.solution_datails .bot .swiper-slide .pos{position: absolute;left:6.5%;bottom: 1.4rem;width: 87%;}
.solution_datails .bot .swiper-slide .pos i{font-size: 1.2rem;color: #fff;}
}

/********** 产品详情 **********/
.product_details{padding-top: 36px;}
.product_details .top .next b{padding:52px 0 30px; font-size: 20px;color: #1173b6;font-weight: bold;}
.product_details .top .next .text{font-size: 16px;color: #666;line-height: 26px;}
.product_details .swiper-container{margin-left: 9%; width: 40.3%;}
.product_details .swiper-slide{position: relative; width:100%;height: 358px;overflow: hidden;}
.product_details .swiper-slide .pic{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.product_details .swiper-slide .pic:hover{transform: scale(1.1);transition-duration: 0.5s;}
.product_details .swiper-button-next,.product_details .swiper-button-prev {position: absolute;top: 50%;margin-top: -45px; width: 34px;height: 90px;z-index: 10;cursor: pointer;}
.product_details .swiper-button-prev{left:0px; background: url(../images/icon_30.png) center no-repeat;}
.product_details .swiper-button-next{right: 0px; background: url(../images/icon_31.png) center no-repeat;}
.product_details .swiper-button-prev:hover{opacity: 1.2;}
.product_details .swiper-button-next:hover{opacity: 1.2;}
.product_details .bot{margin: 70px 0;}
.product_details .bot .tab_tit{ height: 70px;background: #edeeee;}
.product_details .bot .tab_tit i{float: left;margin-right: 53px; line-height: 67px;padding: 0 25px; font-size: 16px;color: #333;font-weight: bold;border-top: #edeeee 3px solid;cursor: pointer;}
.product_details .bot .tab_tit .cur,.product_details .bot .tab_tit i:hover{color: #1173b6;border-top: #1173b6 3px solid;background: #fff;}

.product_details .bot .tab_next .next{padding: 26px 0 0 20px; line-height: 28px; font-size: 16px;color: #666;}
.product_details .bot .tab_next .next img{max-width: 100%;}
.product_details .bot .tab_next .next li{
    list-style:outside;
}

/********** 公司新闻 **********/
.new{padding-top: 36px;}
.new .tab_tit{padding:5px 0 33px;}
.new .tab_tit a{float: left;margin-right: 34px;}
.new .tab_tit p{line-height: 34px; font-size: 16px;color: #666;}
.new .tab_tit i{transition: all 0.5s;margin:0 auto; width: 0px;height: 3px;background: #006eab;}
.new .tab_tit a.cur p,.new .tab_tit a:hover p{color:#006eab;}
.new .tab_tit a.cur i,.new .tab_tit a:hover i{transition: all 0.5s;width: 42px;}
.new .top .list li{margin-bottom: 26px;}
.new .top .list a{position: relative;border:#d7d7d7 1px solid;}
.new .top .list .pic{margin-right:32px; float: left;width: 340px;height: 191px;overflow: hidden;}
.new .top .list .pic i{transform: scale(1);transition-duration: 0.5s;width: 100%;height: 100%;}
.new .top .list .text{margin-right:70px;}
.new .top .list .text span{padding-top: 22px;font-size: 20px;color: #333;font-weight: bold;}
.new .top .list .text p{margin-top: 10px; font-size: 16px;color: #666;line-height: 26px;}
.new .top .list .text i{margin-top: 15px; font-size: 18px;color: #006db8;font-family: "Arial";}
.new .top .list .lis{transition: all 0.5s; position: absolute;right: 0;top: 0; width: 33px;height: 100%; border-left: #d7d7d7 1px solid;background: url(../images/icon_32.png) center no-repeat;}
.new .top .list a:hover{border:#006db8 1px solid;}
.new .top .list a:hover .text span{color: #006db8;}
.new .top .list a:hover .pic i{transform: scale(1.2);transition-duration: 0.5s;}
.new .top .list a:hover .lis{transition: all 0.5s;border-left: #006db8 1px solid;background:#006db8 url(../images/icon_32s.png) center no-repeat;}

.new .top .lodings{margin-top: -13px; line-height: 178px; text-align: center;font-size: 16px;color: #333;}
.new .bot{padding-bottom: 125px; background: #f4f4f4;}
.new .bot b{text-align: center;line-height: 125px; font-size: 22px;color: #333;}
.new .swiper-slide{position: relative; width:32.53%;height: 358px;overflow: hidden;}
.new .swiper-slide .pic{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.new .swiper-slide .pic:hover{transform: scale(1.1);transition-duration: 0.5s;}
.new .swiper-slide .pos{position: absolute;left: 0;bottom: 0;padding: 0 4%; width: 100%;height: 52px;line-height: 52px;background: rgba(0,0,0,0.69);}
.new .swiper-slide .pos i{ font-size:16px;color: #fff;}

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

/********** 公司新闻 **********/
.new .tab_tit{padding:1.7rem 0 2.6rem;}
.new .tab_tit p{width: 6rem; line-height: 3.5rem; font-size: 1.5rem;color: #333;}
.new .tab_tit i{transition: all 0.5s;margin:0 auto; width: 0px;height: 3px;background: #006eab;}
.new .tab_tit a.cur p,.new .tab_tit a:hover p{color:#006eab;}
.new .tab_tit a.cur i,.new .tab_tit a:hover i{transition: all 0.5s;width: 2.7rem;}
.new .top .list li{margin-bottom: 2rem;}
.new .top .list li a{border:#d7d7d7 1px solid;}
.new .top .list .pic{width: 100%;height: 191px;overflow: hidden;}
.new .top .list .pic i{transform: scale(1);transition-duration: 0.5s;width: 100%;height: 100%;}
.new .top .list .text{position: relative;
    padding: 1rem;
    margin-right: 0;}
.new .top .list .text span{padding-top: 0.8rem;height: auto;line-height: 2rem; font-size: 1rem;color: #333;}
.new .top .list .text i{margin-top: 0.8rem; padding-left: 2.1rem;line-height: 1.5rem; font-size: 0.8rem;color: #006db8;font-family: "Arial";background: url(../images/icon_20.png) left center no-repeat;background-size: 1.4rem auto;}
.new .top .list a:hover{border:#006db8 1px solid;}
.new .top .list a:hover .text span{color: #006db8;}
.new .top .list a:hover .pic i{transform: scale(1.2);transition-duration: 0.5s;}
.new .top .lodings{padding:0 0 2rem; text-align: center;font-size: 1.2rem;color: #333;}

.new .top .nopic li{margin-bottom: 1.6rem;}
.new .top .nopic li a{padding-bottom: 1.6rem; border:#d7d7d7 0px solid;border-bottom:#d7d7d7 1px solid;}
.new .top .nopic .text span{padding-top: 0; height: 2.4rem;}
.new .top .nopic .text p{padding-top: 0.4rem; line-height: 2rem; font-size: 1.2rem;color: #999;}

.new .bot{padding-bottom: 2rem; background: #f4f4f4;}
.new .bot b{text-align: center;padding: 3.7rem 0 2.5rem; font-size: 1rem;color: #333;font-weight: normal;}
.new .swiper-slide{position: relative;margin-bottom: 2rem; width:100%;height: 358px;overflow: hidden;}
.new .swiper-slide .pic{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.new .swiper-slide .pic:hover{transform: scale(1.1);transition-duration: 0.5s;}
.new .swiper-slide .pos{position: absolute;left: 0;bottom: 0;padding: 0 4%; width: 92%;height: 3.7rem;line-height: 3.7rem;background: rgba(0,0,0,0.69);}
.new .swiper-slide .pos i{ font-size: 1.4rem;color: #fff;}
  .new .top .list .lis{display:none;}
.new .top .list .text p {
display:none;
}
.new .tab_tit a {
    float: left;margin:0px;
width:calc(100% / 3);
display: inline-block;
}
.new .tab_tit p {
    width:100%;text-align: center;
    line-height: 2.5rem;
    font-size: 1rem;
    color: #333;
}
}




/********** 联系我们-营销网络 **********/
.marketing{padding-top: 36px;}
.marketing .next{margin-top: 20px;}
.marketing .next .pic{float: left;width: 50%;overflow: hidden;}
.marketing .next .pic i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.marketing .next .pic:hover i{transform: scale(1.1);transition-duration: 0.5s;}
.marketing .next .text{position: relative; float: left;width: 50%;background: #eee;}
.marketing .next .text .pos{position: absolute;left:14.065% ;top: 50%;width: 71.87%;transform: translateY(-50%);}


.marketing .next .text .pos .icon{margin:0 auto 55px;width: 51px;height: 51px;background: url(../images/icon_33.png) center no-repeat;}
.marketing .next .text .pos .sty{margin-bottom: 80px; text-align: center; font-size: 18px;color: #333;line-height: 28px;}
.marketing .next .text .pos .number{margin:0 auto;width: 420px;}
.marketing .next .text .pos .number dl{padding:0 60px;}
.marketing .next .text .pos .number dt{font-weight: bold; text-align: center;color: #006db8;}
.marketing .next .text .pos .number dt p{display: inline-block; font-size: 50px;}
.marketing .next .text .pos .number dt i{display: inline-block;margin-left: 6px; font-size: 28px;font-family: "Arial";}
.marketing .next .text .pos .number dd{text-align: center;font-size: 16px;color: #333;}

@media screen and (max-width:1690px){
    .marketing .next .text .pos .sty {
        margin-bottom: 30px;
    }
}
@media screen and (max-width:1490px){
    .marketing .next .text .pos .icon {
        margin: 0 auto 35px;
    }
    .marketing .next .text .pos .sty {
        margin-bottom: 30px;
        font-size: 17px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 768px){
/********** 联系我们-营销网络手机 **********/
.marketing .next{margin: 1rem auto 4rem;}
.marketing .next .pic{width: 100%;overflow: hidden;}
.marketing .next .pic i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.marketing .next .pic:hover i{transform: scale(1.1);transition-duration: 0.5s;}
.marketing .next .text{margin-top: 1.5rem;    padding: 2.2rem 1rem; width: 100%;background: #eee;}
.marketing .next .text .pos{width:100%; transform: translateY(0%);   position: static;}
.marketing .next .text .pos .icon{margin:0 auto 2.2rem;width: 3.1rem;height:3.1rem;background: url(../images/icon_33.png) center no-repeat;background-size: 3.1rem auto;}
.marketing .next .text .pos .sty{    margin-bottom: 3rem;
    padding: 0rem;
    text-align: center;
    font-size: 1rem;
    color: #333;
    line-height: 1.8rem;}
.marketing .next .text .pos .number{margin:0 auto;width: 80%;}
.marketing .next .text .pos .number dl{padding:0 1rem;}
.marketing .next .text .pos .number dt{font-weight: bold; text-align: center;color: #006db8;}
.marketing .next .text .pos .number dt p{display: inline-block; font-size: 4.1rem;}
.marketing .next .text .pos .number dt i{display: inline-block;margin-left: 6px; font-size: 2.3rem;font-family: "Arial";}
.marketing .next .text .pos .number dd{text-align: center;font-size: 1.3rem;color: #333;}

}



/********** 人才招聘 **********/
.resources{padding:36px 0 104px}
.resources .position_box .position_list{width:100%;margin-top:20px;}
.resources .position_box .position_list li{width:100%;border-bottom:1px solid #d2d2d2;margin-bottom:19px;}
.resources .position_box .position_list li h5{text-align:left;font-size:18px;margin-bottom:17px;color:#1173b6;}
.resources .position_box .position_name{display: inline; font-size:18px;font-weight:bold;}
.resources .position_box .position_list li span{font-size:17px;color:#444;display:inline-block;margin-bottom:20px;}
.resources .position_box .open_box{cursor:pointer;}
.resources .position_box .open{margin-top:26px;width:56px;height:30px;background:url(../images/icon_34.png) no-repeat center;}
.resources .position_box .close{background:url(../images/icon_35.png) no-repeat center;}
.resources .position_box .position_info{text-align:left;padding:36px 50px 1px;background:#eeeded;border-top:1px solid #d2d2d2;display:none;}
.resources .position_box .position_info div{margin-bottom:36px;}
.resources .position_box .position_info h6{display: block; float: left; font-size:17px;text-align:left;color:#444;line-height: 32px;}
.resources .position_box .position_info .text{float: left;margin-bottom: 0px;}
.resources .position_box .position_info p{ padding-left:8px;width: 985px; font-size:16px;color:#444;line-height:32px;}


/********** 投资者关系 **********/
.investor{padding-top: 36px;}
.investor .inv01{padding-top: 120px;}
.investor .inv01 .next{padding: 30px 0 40px;}

.investor .inv02{padding:120px 0 95px; background: #f4f4f4;}
.touzhi_list ul{margin-top: 37px;}
.touzhi_list li{float: left;margin-bottom: 32px; width: 50%;height: 81px;}
.touzhi_list .time{float: left;margin-right: 26px; width: 70px; text-align: center;font-size: 20px;font-weight: bold;font-family: "Arial"; border: #006db8 1px solid;}
.touzhi_list .time i{line-height: 44px;color: #fff;background: #006db8;}
.touzhi_list .time em{line-height: 33px;color: #444;}
.touzhi_list .text{float: left;width: 83%;}
.touzhi_list .text p{padding:0px 0 3px; font-size: 18px;color: #333;}
.touzhi_list .text i{margin-right: 18px;float: left; width: 22px;height: 30px;background: url(../images/icon_36.png) center no-repeat;cursor: pointer;}
.touzhi_list .text .down{margin-right: 18px;float: left; width: 22px;height: 30px;background: url(../images/icon_36.png) center no-repeat;cursor: pointer;}
.touzhi_list .text a{float: left; width: 25px;height: 30px;background: url(../images/icon_37.png) center no-repeat;}

.touzhi_list .text i:hover{background: url(../images/icon_36s.png) center no-repeat;}
.touzhi_list .text .down:hover{background: url(../images/icon_36s.png) center no-repeat;}
.touzhi_list .text a:hover{background: url(../images/icon_37s.png) center no-repeat;}


.investor .inv03{padding:120px 0 104px;}
.investor .inv03 ul{margin-top: 37px;}
.investor .inv03 li{float: left;margin:0 2.6% 26px 0; width: 48.7%;background: #f4f4f4;}
.investor .inv03 li:nth-child(2n){margin-right: 0;}
.investor .inv03 li a{padding:19px 23px 15px;}
.investor .inv03 li a b{margin-bottom: 13px; font-size: 20px;color: #333;}
.investor .inv03 li a p{margin-bottom: 24px;height: 52px; font-size: 16px;color: #666;line-height: 26px;

    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:pre-line;

display: -webkit-box; 
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;

}
.investor .inv03 li a .time{line-height: 28px;}
.investor .inv03 li a .time i{float: left;font-size: 24px;color: #333;font-weight: bold;font-family: "Arial";}
.investor .inv03 li a .time em{float: left;padding:0 10px;font-size: 18px;color: #b2b0b0;font-family: "Arial";}
.investor .inv03 li a:hover b{color: #006db8;}
@media only screen and (max-width: 768px){
/********** 投资者关系手机 **********/
.investor .inv01 .next{padding: 0rem 0 3rem;}

.investor .inv02{padding:0 0 1px; background: #f4f4f4;}
.touzhi_list ul{margin-top: 2rem;}
.touzhi_list li{margin-bottom: 1rem;width:100%;}
.touzhi_list .time{margin-right:1rem; width:3.75rem; text-align: center;font-size: 1rem;font-weight: bold;font-family: "Arial"; border: #006db8 1px solid;}
.touzhi_list .time i{line-height: 2rem;color: #fff;background: #006db8;}
.touzhi_list .time em{line-height: 1.2rem;color: #444;}
.touzhi_list .text {
    float: left;display:inline-block;
  width: calc(100% - 5rem);
}
.touzhi_list .text p{line-height: 1.2rem; font-size: 1rem;color: #333;}
.touzhi_list .text i{margin-right: 1.8rem;float: left; width:2rem;height: 1.2rem;background: url(../images/icon_36.png) left center no-repeat;cursor: pointer;background-size: 1rem auto;}
.touzhi_list .text a{float: left; width:2rem;height: 1.2rem;background: url(../images/icon_37.png) left center no-repeat;background-size: 1rem auto;}

.touzhi_list .text i:hover{background: url(../images/icon_36s.png) left center no-repeat;background-size: 1.7rem auto;}
.touzhi_list .text a:hover{background: url(../images/icon_37s.png) left center no-repeat;background-size: 1.8rem auto;}


.investor .inv03{padding:0rem 0 2.5rem;}

.investor .inv03 .title p,.investor .inv03 .title a{padding-top: 3rem;}


.investor .inv03 li{margin:0 0 1.5rem 0; width: 100%;background: #f4f4f4;}
.investor .inv03 li:nth-child(2n){margin-right: 0;}
.investor .inv03 li a{padding:1rem 1.2rem 0.7rem;}
.investor .inv03 li a b{margin-bottom: 0.7rem; font-size: 1.1rem;line-height:1.6rem;color: #333;}
.investor .inv03 li a p{margin-bottom: 1rem; font-size: 1rem;color: #666;line-height: 1.8rem;
  
     overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:pre-line;

display: -webkit-box; 
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
  
  }
.investor .inv03 li a .time{padding-bottom: 0.8rem; line-height: 2rem;}
.investor .inv03 li a .time i{float: left;font-size: 1rem;color: #333;font-weight: normal;font-family: "Arial";}
.investor .inv03 li a .time em{float: left;padding:0 0.5rem;font-size: 1rem;color: #b2b0b0;font-family: "Arial";}
.investor .inv03 li a:hover b{color: #006db8;}


}


/********** 新闻详情 **********/
.new_xq{padding:36px 0 112px;}
.new_xq .next{position: relative;z-index: 2; margin:48px auto 0;}
.new_xq .title{padding:16px 0;  text-align: center;font-size: 24px;color: #006db8;font-weight: bold; background: #f6f5f5;border: #ececec 1px solid;}
.new_xq .cen{padding:5px 0; text-align: center;}
.new_xq .cen b{ width: 100%; height:24px; line-height: 24px;color: #9a9a9a;font-size: 16px;}
.new_xq .cen  i{ display: inline-block;height: 24px;line-height: 22px;}

.new_xq .cen  .i1{padding-left: 28px; background: url(../images/icon_39.png) left center no-repeat;}
.new_xq .cen  .i2{margin:0 30px;padding-left: 30px; background: url(../images/icon_40.png) left center no-repeat;}


.new_xq .cen span{ display: inline-block;height: 24px;cursor: pointer;}
.new_xq .cen span.big{background: url(../images/icon_41.png) center no-repeat;}
.new_xq .cen span.middle{background: url(../images/icon_42.png) center no-repeat;}
.new_xq .cen span.small{background: url(../images/icon_43.png) center no-repeat;}

.new_xq .cen span.big.cur{background: url(../images/icon_41s.png) center no-repeat;}
.new_xq .cen span.middle.cur{background: url(../images/icon_42s.png) center no-repeat;}
.new_xq .cen span.small.cur{background: url(../images/icon_43s.png) center no-repeat;}

.new_xq .cen .i3{margin-left: 0; padding:0 15px 0 48px;background: url(../images/icon_44.png) 15px center no-repeat;border-right:#c6c6c6 1px solid;}

.new_xq .cen .share{display: inline-block;margin-left:15px;width: 18px; height:24px;text-indent: -99999px; background: url(../images/icon_38.png) right center no-repeat;cursor: pointer;}

.new_xq .text{margin-bottom: 40px; padding:32px 30px; font-size: 16px;color: #444;line-height: 26px;border: #bdbdbd 1px solid;}
.new_xq .text img{display: block;max-width: 100%;margin:0 auto;width: 800px;}
.new_xq .text span,.new_xq .text i,.new_xq .text em,.new_xq .text a,.new_xq .text b{display: inline;}


.new_xq .next .go div.clearfix{padding-bottom:6px;font-size: 16px;}
.new_xq .next .go i{display: block;float: left;width: 113px;height: 44px;line-height: 44px;text-align: center;background: #f6f5f5;color: #666;border: #ececec 1px solid;}
.new_xq .next .go a{margin-left: 12px; display: block;float: left;color: #444;line-height:46px;}
.new_xq .next .go .clearfix:hover i{color: #fff; background: #006eb9;}
.new_xq .next .go .clearfix:hover a{color:#006eb9; }


/********** 专题报道 **********/
.new .shove{padding-bottom: 32px; margin-bottom:70px;border-bottom: #e8e6e6 1px solid;}
.new .shove .pic{margin-left: 29px; width: 426px;height: 240px;overflow: hidden;}
.new .shove .pic i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.new .shove .text b{margin-bottom: 17px; font-size: 30px;color: #00519a;font-family: "Arial";}
.new .shove .text i{margin-bottom: 16px;font-size: 18px;color: #111;}
.new .shove .text p{margin-bottom: 22px;height: 72px; font-size: 14px;color: #666;line-height: 24px;}
.new .shove .text em{margin-right: 455px; height: 55px;background: #f7f7f7 url(../images/icon_45.png) center no-repeat;}

.new .shove:hover .text i{color: #00519a;}
.new .shove:hover .pic i{transform: scale(1.1);transition-duration: 0.5s;}

/*================ p1-2技术与支持搜索结果页 ================*/
.page_search .top{
    margin:58px auto 63px;
    width: 652px;
    height: 52px;
    border-radius: 4px;
    border:#ccc 1px solid;
}

.page_search .top .inp{
    float: left;
    padding: 0 24px;
    width: 512px;
}
.page_search .top .inp input{
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    color: #666;
}
.page_search .top .but_s{
    float: left;
    width: 67px;
    height: 52px;
    border:none;
    background: url(../images/icon_46.png) right center no-repeat;
}

.page_search .but{
    margin-bottom: 80px;
}
.page_search .but .tit{
    line-height: 41px;
    font-size: 14px;
    color: #999;
    border-bottom: #eee 1px solid;
}
.page_search .but ul{
    margin-bottom: 50px;
}
.page_search .but ul a{
    padding: 42px 0;
}
.page_search .but ul a div{
    float: left;
    width: 998px;
}
.page_search .but ul a b{
    font-size: 24px;
    color: #006db8;
}
.page_search .but ul a em{
    float: right;
    font-size: 16px;
    color: #999;
    line-height: 99px;
}
.page_search .but ul a p{
    padding-top: 18px;
    font-size: 14px;
    color: #666;
    line-height: 25px;
}
.page_search .but ul a:hover p{
    color: #333;
}
.page_search .but ul a:hover em{
    color: #006db8;
}


/*================ 关于我们 ================*/
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0;}
.about_us{padding: 3px 0 0;}
.about_us .abo01{padding: 58px 0 0;}
.about_us .abo01 .next{position: relative;}
.about_us .abo01 .swiper-container {margin-top: 52px; width: 100%;height: 100%;}
.about_us .abo01 .swiper-slide {opacity: 0.3; background: #fff;width: 81.11%;}
.about_us .abo01 .swiper-slide-active{opacity: 1;}
.about_us .abo01 .swiper-slide .pic{width: 100%;overflow: hidden;}
.about_us .abo01 .swiper-slide .pic i{width: 100%;height: 100%;}
.about_us .abo01 .swiper-slide .text{margin: 102px 24px 0 4px;height: 430px; font-size: 16px;color: #666;line-height: 28px;overflow-y: auto;}

.about_us .abo01 .next .chunk{position: absolute;right: 0;bottom: 0;z-index: 10; height: 532px;background:#f1f1f1 url(../images/about_us_5.png) center no-repeat;}

.about_us .abo01 .swiper-pagination{bottom: 453px;}
.about_us .abo01 .swiper-pagination-bullet {display:block;float: left;margin:0 56px 0 4px; width:auto;height:auto;border-radius: 100%;background:none;opacity:1;}
.about_us .abo01 .swiper-pagination-bullet p{line-height: 42px; font-size: 20px;color: #333;font-weight: bold;}
.about_us .abo01 .swiper-pagination-bullet div{transition: all 0.5s; margin:0 auto;width: 0;height: 3px;background: #006eb9;}
.about_us .abo01 .swiper-pagination-bullet-active div{transition: all 0.5s;width:40px;}
.about_us .abo01 .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

.about_us .abo01 .swiper-container-horizontal>.swiper-pagination-bullets, .about_us .abo01 .swiper-pagination-custom, .swiper-pagination-fraction {

    left: 0;
    width: 100%;
}

.about_us .abo02{position: relative; padding-top: 120px;}
.about_us .abo02 .bac{position: absolute;left: 0;top: 0;z-index: 2; width: 100%;}
.about_us .abo02 .bac_01{height: 424px; background:url(../images/bac_501.png) bottom center no-repeat;background-size: 100%;}
.about_us .abo02 .bac_02{top: 424px;min-height: 403px; background: url(../images/bac_502s.jpg) top center no-repeat;background-size: 100%;}
.about_us .abo02 .time_con_box {position: relative;z-index: 3;margin:0 auto;min-height: 88px;}
.about_us .abo02 .btn_next{background:#d0d4dc url(../images/icon_50s.png) center no-repeat;}
.about_us .abo02 .btn_prev{background:#d0d4dc url(../images/icon_49s.png) center no-repeat;}

.about_us .abo02 .btn_next_box:hover .btn_next{background:#006db8 url(../images/icon_50s.png) center no-repeat;}
.about_us .abo02 .btn_prev_box:hover .btn_prev{background:#006db8 url(../images/icon_49s.png) center no-repeat;}
.about_us .abo02 .btn_next_box:hover .obj_time_box{color: #006db8;}
.about_us .abo02 .btn_prev_box:hover .obj_time_box{color: #006db8;}



.about_us .abo03{padding-top: 120px;position: relative;z-index: 8;}
.about_us .abo03 .next{padding: 26px 0 47px; font-size: 16px;line-height: 28px;color: #444;}

.about_us .abo03 .video_pic{position: relative;cursor: pointer;}
.about_us .abo03 .video_pic img.pc_video{width: 100%; }
.about_us .abo03 .video_pic .pic{display:none}
.about_us .abo03 .video_pic i{position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding-top: 85px;width: 100%;text-align: center; font-size:18px;color: #fff;font-weight: bold;background: url(../images/icon_47.png) top center no-repeat;}

.about_us .abo04{padding:120px 0 138px;}
.about_us .abo04 .next{margin-top: 80px; position: relative;}
.about_us .abo04 .next .lie{
    position: absolute;left: -60px;top: 0;width: 60px;height: 732px;background: url(../images/about_us_2.png) left center no-repeat;
}
.about_us .abo04 .left{width: 259px;height: 732px;background: url(../images/about_us_3.png) top center no-repeat;}
.about_us .abo04 .right{position: relative; width: calc(100% - 315px);height: 732px;}
.about_us .abo04 .right .tab_col{position: absolute;left: 0;top: 0;z-index: 8;}
.about_us .abo04 .right .tab_col a{margin-right: 60px; float: left;line-height: 42px; font-size: 20px;color: #333;font-weight: bold;cursor: pointer;}
.about_us .abo04 .right .tab_col a i{transition: all 0.5s; margin:0 auto;width: 0;height: 3px;background: #006eb9;}

.about_us .abo04 .right .tab_col a.other i,.about_us .abo04 .right .tab_col a:hover i{transition: all 0.5s;width: 40px;}

.about_us .abo04 .right .tab_con{position: relative;width: 100%;height: 732px;}
.about_us .abo04 .right .tab_con .con{position: absolute;left: 0;top: 0;width: 100%;height: 732px;}

.about_us .abo04 .swiper-slide{position: relative;}
.about_us .abo04 .tab_tit{position: absolute;left: 0;top: 138px;/* transform: translateY(-50%);  */width: calc(66.4% - 12px);}
.about_us .abo04 .tab_tit .lis{margin-bottom: 22px; line-height: 28px;}
.about_us .abo04 .tab_tit i{float: left;transition: all 0.5s;padding:0 21px 0 0%;  font-size: 1rem;color: #444;font-family: "Arial";}
.about_us .abo04 .tab_tit em{float: left;transition: all 0.5s;margin-top: 14px; width: 0; height: 1px;background: #c1c0c0;}
.about_us .abo04 .tab_tit p{float: left;transition: all 0.5s;padding-left: 20px;width: calc(91% - 40px); font-size: 18px;color: #444;}


.about_us .abo04 .tab_tit .lis:hover i{transition: all 0.5s;padding:0 21px 0 5%; }
.about_us .abo04 .tab_tit .lis:hover em{transition: all 0.5s;width: 15.8%; }
.about_us .abo04 .tab_tit .lis:hover p{transition: all 0.5s;padding-left: 11px;width: calc(70% - 40px); font-weight: bold; color: #006db8;}

.about_us .abo04 .tab_tit .lis.cur i{transition: all 0.5s;padding:0 21px 0 5%; }
.about_us .abo04 .tab_tit .lis.cur em{transition: all 0.5s;width: 15.8%; }
.about_us .abo04 .tab_tit .lis.cur p{transition: all 0.5s;padding-left: 11px;width: calc(70% - 40px); font-weight: bold; color: #006db8;}


.about_us .abo04 .tab_next{width:27%; }
.about_us .abo04 .tab_next .pic{height: 732px;display: table-cell;vertical-align: middle;}
.about_us .abo04 .tab_next img{display: table;width: calc(100% - 12px);border: #bdbdbd 6px solid; }


.about_us .abo04 .swiper-pagination{width: 90%; height: 45px; position: absolute;
    bottom: 10px;
    left: 0px;
    z-index: 9;}
.about_us .abo04 .swiper-container-horizontal > .about_us .abo04 .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0 0 -2px;}
.about_us .abo04 .swiper-pagination a{opacity: 1;float: left; width: 107px;height: 45px;line-height: 45px;color: #8f8d8d;font-size: 13px; background: url(../images/icon_22.png) center bottom no-repeat;border-radius: 0;}
.about_us .abo04 .swiper-pagination .swiper-pagination-bullet-active{color: #00519a; background: url(../images/icon_22s.png) center bottom no-repeat;}


.popub_video{display: none; position: fixed;left:10%;top:10%;z-index: 9999;width: 80%;height: 80%;text-align: center;}
.popub_video video{margin:0 auto; height: 100%;}
.popub_video .next{position: relative;width: 100%;height: 100%;}
.popub_video .next i{position: absolute;right: 0;top: 0;width: 52px;height: 52px;background: url(../images/icon_18s.png) center no-repeat;cursor: pointer;}
.popub_video_bac{display: none;position: fixed;left: 0;top: 0;z-index:999; width: 100%;height: 100%;background: rgba(0,0,0,0.6);}


/*理工光科企业宣传画册*/
.cc-li{position: relative;padding-top: 70px;width: 78.1%;min-width: 1200px;margin: 0 auto;margin-bottom:138px;}
.cc-li ul li{width: 100%;position: relative;margin-bottom: 55px;float: left;}
.cc-li ul li:last-child{margin-bottom:0;}
.cc-li ul li a{height:391px;width: 44%;display:block;overflow:hidden;}
.cc-li ul li a img{width:100%;}
.cc-li ul li .word{margin-top: 20px;width:48%;}
.cc-li ul li .word h2{color: #333;font-size: 36px;}
.cc-li ul li .word em{width:100%;height: 1px;background: #d3d3d3;display: block;margin: 30px 0;}
.cc-li ul li .word p{color: #333;font-size: 16px;line-height: 1.5rem;display: block;}
.cc-li ul li .word .ssDown{font-weight: normal;line-height: 35px;border-radius: 5px;float: left;height: 35px;background: #0994dc;text-align: center;width: 120px;color: #fff;font-size: 14px;font-style: normal;margin-top:25px;cursor:pointer;}

@media only screen and (max-width: 768px){
  .about_us .abo04 .left{display: none;}
  .about_us .abo04 {
    padding: 50px 20px;
}
  .about_us .abo03 .video_pic i{
    padding-top: 45px;
    padding-bottom: 5px;
    font-size: 16px;
    background-size: 40px;
  }
  .about_us .abo04 .right {
    position: relative;
    width: 100%;
    height: auto;
}
  .about_us .abo04 .tab_tit {
      position: static;
    margin-top: 100px;
    left: 0;
    top: 138px;
     transform: translateY(0%); 
    width: calc(100%);
}
  .about_us .abo04 .tab_next {
    width: 100%;
    float: none;
}
  .about_us .abo04 .next .lie {

    display: none;}
  .about_us .abo01 .next .chunk{display:none;}
  .about_us .abo03 .video_pic img.pc_video{width: 100%; display:none; }
.about_us .abo03 .video_pic .pic{display:block}
  .about_us .abo04 .right .tab_con .con.vis{display:none;}
  .about_us .abo04 .right .tab_con .con{
      position: static;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
  }
  .about_us .abo04 .right .tab_con {
    position: relative;
    width: 100%;
    height: auto;
}
}