@charset "utf-8";


.left{ float: left;}
.right{ float: right;}
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}
article p {font-size:14px; color:#333; line-height:30px;}
article img {max-width:100%;}
.em{ display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:space-between;align-items:center;}

.bgWhite{ background-color: #fff;}
.bgf5f5f5{background-color: #f5f5f5;}
.margB1{ margin-bottom: 20px !important;}
.padT1{ padding-top: 20px;}
.padT2{ padding-top: 40px;}
.block{ display: block;}




/* 首页大背景图片 */
#homePicture{background-attachment: fixed; background-size: cover; background-position: left bottom; background-repeat: no-repeat;}




/* 屏幕适配 */
/*默认参照iphone6*/

html {font-size: 16px;}
/*适配ipad pro*/
@media screen and (min-width: 1025px) and (max-width: 1360px) {
    html{font-size: 20px;}
}
/*适配ipad pro*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
    html{font-size: 18px;}
}
/*适配ipad*/
@media screen and (min-width: 415px) and (max-width: 768px){
    html {font-size: 17px;}
}
/*适配iphone6plus*/
@media screen and (min-width: 376px) and (max-width: 414px){
    html {font-size: 16px;}
}
@media screen and (min-width:321px) and (max-width:375px){
    html {font-size: 14px; }
}
/*适配iphone5*/
@media screen and (max-width: 320px){
    html {font-size: 12.65px;}
}




.top {  z-index:999;   position: relative; } 
.top .icon-fanyi-full{ font-size: 36px; color: #34bce4; display: block; margin-right: 10px; cursor: pointer;  }
.top .top_r { box-sizing:border-box;padding:0; margin:0 auto; display: none; position: absolute; top: 70px; right: -10px;}
.top .top_r a { display:block; width: auto; white-space: nowrap; font-size:14px;color:#666;padding: 0 25px; height: 40px;line-height: 40px; text-align: center; background:#fafdff; border-top: 1px solid #f0f0f0;}
.top .top_r a:last-child { border-right:none;}
.top .top_r a:hover { color:#34bce4; } 

@media screen and (max-width:800px){
    .top .icon-fanyi-full{ font-size: 30px; margin-left: 16px; line-height: 1.5;}
    .top .top_r{ left: 15px; top: 40px;  }
    .top .top_r a{ padding: 0 ; text-align: left; border: none;}
}


/* 头部--------------------------- */
.wrapper{ width: 1360px; margin: 0 auto;}
.main{ padding-top: .1px; overflow: hidden;}
.header{width: 100%;  background-color: #fff; position: relative; z-index: 100;}
.header .headerBox{ height: 100px;  display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:space-between;align-items:center; z-index: 100;}        
.headerTop a img{max-height: 150px; max-width: 400px;  margin-left: 40px;vertical-align: middle;}
.headerTop a {height:100px; line-height:100px;}
.menu{height: 100%; display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:flex-start;align-items:center; margin-right: 40px; }
.menu>li{padding:0 15px; height: 100%;  position: relative; display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:flex-start;align-items:center;}
.menu>li>a{display: inline-block; font-size: 15px; color: #666; padding: 10px 6px; line-height: 1.4;}
.menu>li.active{ border-bottom: 3px solid rgb(52, 188, 228); box-sizing: border-box; }
.menu>li.active>a{ color: rgb(52, 188, 228);}
.menu>li.product_menu::after{ content: " "; display: inline-block; width: 0; height: 0; margin: 0 5px; border-width: 6px 6px 0 6px; border-color: #808080 transparent transparent transparent;
         border-style: solid;transition: all .3s ease-out 0; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; }
.menu>li.product_menu:hover::after{ transform: rotate(180deg); transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out;
         border-color: rgb(52, 188, 228) transparent transparent transparent;}
.menu>li.product_menu:hover .productChild1{ opacity:1; filter: alpha(opacity=100); transform: translateY(100%); transition:all .5s ease-out; -webkit-transition:all .5s ease-out;
         -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out;}
.menu>li .productChild1{ opacity: 0; filter:alpha(opacity=0);  position: absolute; bottom: 0; left: 0; transform: translateY(-50%); background-color: #fff; width: auto; min-width: 100%; padding: 0 8px; height: auto; border-radius: 3px;
         -webkit-border-radius: 3px; -moz-border-radius: 3px; transition:all .5s ease-out; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; box-shadow: 0 0 20px #ccc;}
.menu>li .productChild1 li a{ display: block;  text-align: left; font-size: 14px; line-height: 2.8; white-space:nowrap; }
.menu>li .productChild1 li:hover a{ color: rgb(52, 188, 228);}
.nav{ display: none;} 
@media screen and (max-width:1380px){
   .header{width: 100%; margin: 0;}
   .header .headerBox{ box-sizing: border-box; padding: 0 30px;}
   .wrapper{ width: 100%; margin:0;}
}
@media screen and (max-width:820px){
    .header .headerBox{ padding: 0 8px; height: 66px;}
    .header{width: 100%; margin: 0; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; box-shadow: none; border-bottom: 1px solid #1883C4; }
    .headerTop a {height:66px; line-height:66px;}
    .headerTop a img{ max-height: 42px; min-height: 38px; max-width: 160px;  margin-left: 6px;}
    .menu{ display: block; margin-right: 0; flex-wrap: wrap; width:60%;  height: 100vh; position: fixed; right: 0px; top: 66px; z-index: 100; overflow-y: scroll;   
             transform: translate3d(100%, 0px, 0px);  transition: all 0.65s ease-in-out 0s; background-color: rgba(255, 255, 255, 0.95);border-left: 1px solid #e7e7e7; }
    .menu>li{ width: 100%;}
    ul.menu.active{transform: translate3d(0px, 0px, 0px);}
    ul.menu>li{ line-height: 45px; height: 45px; border-bottom:1px solid #777;}
    ul.menu>li::after{ display: none;}
    ul.menu>li a{ height: 100%; font-size: 16px; padding: 0 0 0 10px; line-height: 45px; color: #222;}
    ul.menu>li.active a{ border: none; font-size: 18px; text-shadow: 0 0 5px #dedcdc; }
    .menu>li .productChild1 li a{ white-space: normal; line-height: 1.6;}
    .menu>li.product_menu::after{ display:none;}
    .menu>li .productChild1{ display: none;}
    header .nav{width:30px;height:20px;display:block;position:absolute;top:0;right:10px;cursor:pointer;padding:20px 15px;position:absolute;}
    header .nav span{width:26px;height:3px;background:#1883C4;display:block;border-radius:2px;transition:all .5s ease-out;position:absolute;top:20px;}
    header .nav span:nth-child(2){top:29px;}
    header .nav span:nth-child(3){top:37px;}
    header .nav span.active:nth-child(1){transform:rotate(45deg);transition:all .5s ease-out;top:29px;}
    header .nav span.active:nth-child(3){transform:rotate(-45deg);transition:all .5s ease-out;top:29px;}
}


/* 屏幕限制 */
.w{margin:0 auto;width:1300px}
@media screen and (max-width:1400px){.w{width:1150px}}
@media screen and (max-width:1200px){ .w{width:960px}}
@media screen and (max-width:992px){ .w{width:780px}}
@media screen and (max-width:800px){ .w{width:100%;box-sizing: border-box; margin: 0;}}
/* 尾部 */
#footer{background-color:#333;color:#fff;}
#footer .w{ box-sizing: border-box; padding: 0 20px;}
#footer .f-nav{padding:20px 20px 25px;text-align:center;box-sizing: border-box;}
#footer .f-nav span{margin-right:60px}
#footer .f-nav span a{color:#fff;font-size:16px}
#footer .f-message{padding:30px 0 20px;font-size:14px}
#footer .f-message>div{margin-right:40px;float: left; line-height: 40px; white-space: nowrap;}
#footer .f-message>div>i{ font-size:  18px; margin-right: 8px;}
#footer .f-message>div>i:hover{color:rgb(52, 188, 228);}
#footer .f-message .t-right div { margin-bottom: 10px;  display: inline-block;  }
#footer .f-message .t-right div i{ font-size: 25px; margin: 5px 6px 5px 0; color: #fff; padding: 8px 9px; background-color: rgb(95, 94, 94); border-radius: 50%; -webkit-border-radius:50%;}
#footer .f-message .t-right div i:hover{background-color: rgba(52, 188, 228,.6);}
#footer .f-message .t-right .wechat{position: relative; line-height: 36px; }
#footer .f-message .t-right .wechat .qcode{ position: absolute; bottom: 40px; left: 0px; }
#footer .f-message .t-right .wechat .qcode img{ width: 120px;}
#footer .f-logo{text-align:left}
#footer .f-logo b{font-variant:small-caps}
#footer .f-logo b:nth-child(1){color:rgb(52, 188, 228);font-size:32px}
#footer .f-logo b:nth-child(2){margin-left:30px;font-size:26px}
#footer .copyright{padding:20px 0 30px;border-top:1px solid #fff;text-align:left;font-size:14px}
/*新加二维码*/
#footer .d_3 {float: right;margin-top: 46px;padding: 0;width: 26%;text-align: center;}
#footer .d_3 ul li {float: none;margin-left: 1pc;width: 118px;}
#footer .d_3 ul li img {margin: 0 auto;width: 118px;}

@media screen and (max-width:1200px){
    #footer .w{ box-sizing: border-box; padding: 0px;}
    #footer .f-nav span:nth-child(1){margin-right:60px}
}

@media screen and (max-width:768px){
    #footer{background-color:#333;color:#fff;text-align:left; padding: 0 8px;}
    #footer .f-nav{padding:6px 0 8px ; text-align: left; display: none;}
    #footer .f-nav span{margin-right:10px;}
    #footer .f-nav span:nth-child(1){margin-right:6px}
    #footer .f-nav span a{color:#fff;font-size:14px; line-height: 22px; white-space: nowrap; padding: 0 3px;}
    #footer .f-message{padding:6px 0 12px;font-size:14px}
    #footer .f-message>div{margin-right:4px; display:block; text-align: left; margin-left: .3rem;float: none; line-height: 22px; white-space: normal;}
    #footer .f-logo{text-align:left; padding-top: 14px;}
    #footer .f-logo b{font-variant:small-caps}
    #footer .f-logo b:nth-child(1){color:rgb(52, 188, 228);font-size:20px;}
    #footer .f-logo b:nth-child(2){margin-left:4px;font-size:17px;}
    #footer .copyright{padding:6px 0 8px;border-top:1px solid #fff;text-align:left;font-size:14px; text-align: center;}
}



/* 关于我们 公司简介 */
.aboutHome{box-sizing: border-box; }
.aboutHome .about_section{ box-sizing: border-box; position: relative; padding: 7% 0;z-index: 1;}
.aboutHome .about_section h4{ position: absolute;left: 3vw;top: 50%;transform: translateY(-50%);width: 28px;font-size: 26px;color: #134042;}
.aboutHome .about_content{ width: 1100px; margin: auto; padding: 60px 0; position: relative; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content:space-between;align-items:flex-end;}
.aboutHome .about_content::before{content: '';display: block;width: 100%;height: 10px;background: rgb(52, 188, 228);position: absolute;left: 0;top: 0; animation: lineWidth 1s linear;animation-delay: 2s; animation-fill-mode: both; }
.aboutHome .about_content::after{ content: '';display: block;width: 100%;height: 10px;background: rgb(52, 188, 228);position: absolute;right: 0;bottom: 0; animation: lineWidth 1s linear;animation-delay: 2s;animation-fill-mode: both;}
.aboutHome .about_content .borderLine::before{content: '';display: block;width: 10px;height: 100%;background: rgb(52, 188, 228);position: absolute;left: 0;bottom: 0; animation: lineHeight 1s linear;animation-delay: 3s;height: 0;animation-fill-mode: both;}
.aboutHome .about_content .borderLine::after{ content: '';display: block;width: 10px;height: 100%;background: rgb(52, 188, 228);position: absolute;right: 0;top: 0; animation: lineHeight 1s linear;animation-delay: 1s;height: 0;animation-fill-mode: both;}
.aboutHome .about_content .about_left{box-sizing: border-box; width: 40%; padding: 30px 15px; transition: ease-out .35s; }
.aboutHome .about_content:hover .about_left{ padding-bottom: 45px; transition: ease-out .35s; }
.aboutHome .about_content .about_left h5{ display: inline-block; font-size: 26px; color: rgb(19, 112, 140); font-weight: bold; font-family: "宋体"; line-height: 1.5; position: relative; margin-bottom: 20px; }
.aboutHome .about_content .about_left h5::after{ content: " "; display: block; width: 100%; height: 2px; background: #c1c0c0; position: absolute; left: 0; bottom: -5px; }
.aboutHome .about_content .about_left p.intro{ color: #333333; font-size: 14px; line-height: 24px; }
.aboutHome .about_content .about_left .more{ margin-top: 20px; }
.aboutHome .about_content .about_left .more a{display: inline-block; width: 130px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: rgb(52, 188, 228); background: #ffffff; box-shadow: 0 0 10px rgba(12,3,6,.13); position: relative; z-index: 1;}
.aboutHome .about_content:hover .about_left .more a{ color: #fff; }
.aboutHome .about_content .about_left .more a:before{content: ''; transition: ease-out .35s;  display: block; width: 0; height: 100%; background:rgb(52, 188, 228);position: absolute; left: 0; top: 0; z-index: -1; }
.aboutHome .about_content:hover .about_left .more a:before{ width: 100%; transition: ease-out .35s;}

.aboutHome .about_content .about_right{box-sizing: border-box; width: 50%; padding: 40px 0 20px 10px;  }
.aboutHome .about_content .about_right img{ display: block; max-width: 100%; }

@keyframes lineWidth {
    0% {width:0;}
    100% {width:100%;}
}
@-webkit-keyframes lineWidth{
    0% {width:0;}
    100% {width:100%;}
}
@keyframes lineHeight {
 0% {height:0;}
 100% {height:100%;}
}
@-webkit-keyframes lineHeight {
 0% {height:0;}
 100% {height:100%;}
}

@media screen and (max-width:1220px){
    .aboutHome .about_section{ padding: 80px 0 40px 0;}
    .aboutHome .about_section h4{ left: 0;top: 30px; width: 100%; text-align: center; font-size: 20px; }
    .aboutHome .about_content{ width: 96%;  box-sizing: border-box; padding: 0 12px; margin: 20px auto;}
    .aboutHome .about_content:hover .about_left{ padding-bottom: 25px; transition: ease-out .15s; }
}

@media screen and (max-width:768px){
    .aboutHome .about_section{ padding: 40px 0 30px 0;}
    .aboutHome .about_content .about_left h5{ font-size: 22px;}
    .aboutHome .about_content .about_left{ width: 98%; padding: 14px 1%;}
    .aboutHome .about_content .about_right{ width: 98%; margin: 10px auto;}
    .aboutHome .about_content .about_right img{ margin: 0 auto;}
}



/* 产品   */
.proHome{ width: 100%;  margin: 0; position: relative; }
.proHome>h4{ position: absolute; left: 3vw; top: 50%;transform: translateY(-50%);width: 28px;font-size: 26px;color: #134042;}
.proHome ul{ width: 84%; margin-left: 16%; background-size: cover; background-color: rgb(52, 188, 228); background-repeat: no-repeat; background-position: center;}
.proHome ul li a{ display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; }
.proHome ul li a .proImage{ width: 28%; height:200px; padding: 6px 0;  overflow: hidden; position: relative; display: flex; display:-webkit-flex; justify-content: center;align-items: center; }
    
    
.proHome ul li a .proImage aside{ opacity: 0; filter:alpha(opacity=0); transition: ease-out .4s; }
.proHome ul li a:hover .proImage aside{opacity: 1; filter:alpha(opacity=100); transition: ease-out .4s;  position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; background-color: rgba(0, 0, 0, .5);  }
.proHome ul li a .proImage aside h6{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 18px; padding: 0 10px; font-size: 22px; color: #fff; font-weight: normal; }
.proHome ul li a .proImage img{ width: 100%;  height: auto;}

.proHome ul li a .proContent{ width: 72%; height: 200px; box-sizing: border-box; padding: 14px; color: #fff; }
.proHome ul li a .proContent h5{ font-size: 20px; vertical-align: middle; margin-top: 25px; margin-bottom: 10px; line-height: 30px; max-height: 60px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.proHome ul li a .proContent h5 b{ font-size: 24px;  margin-right: 5px; display: inline-block; }
.proHome ul li a .proContent .intro{ max-width:600px;   height: 66px; line-height: 22px; font-size: 14px; color: #fff; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;  }
.proHome ul li:nth-of-type(2n) a .proContent{ height: 240px; color: rgb(112, 112, 112); background-color: #fff; color: #444; }
.proHome ul li:nth-of-type(2n) a .proContent h5 b{ color: rgb(52, 188, 228);}
.proHome ul li:nth-of-type(2n) a .proContent .intro{ color: #444;}
.proHome ul li:nth-of-type(2n) a .proImage{ height: 240px; padding: 0;}  


@media screen and (max-width:1700px){
    .proHome ul li a .proImage img{ width: auto; height: 100%;}

}
@media screen and (max-width:1200px){
    .proHome>h4{position: relative; left: 0; top: 0;transform: translateY(0%);width: 100%;font-size: 22px;  text-align: center; background-color: #fff;  color: #444; line-height: 1; padding: 70px 0 50px 0;}
    .proHome ul{ width: 100%; margin: 0;}
}

@media screen and (max-width:600px){
    .proHome ul li a{ flex-wrap: wrap;}
    .proHome ul li a .proImage{ width:100%;}
    .proHome ul li a .proContent{ width: 100%;}
    .proHome ul li:nth-of-type(2n) a .proContent{ height: 200px;}
    .proHome>h4{ padding: 40px 0 20px 0;}
}

/* 案例 */
.caseHome{ padding: 50px 0;   position: relative; background-color: #fafafc; }
.caseHome .caseSection>h4{ position: absolute; left: 3vw; top: 50%;transform: translateY(-50%);width: 28px;font-size: 26px;color: #134042; }

#caseHome{ width: 1300px; margin: 0 auto; position: relative;}
#caseHome .swiper-button-prev, #caseHome .swiper-button-next{background: none; outline:none !important; }
#caseHome .swiper-button-prev i, #caseHome .swiper-button-next i{ font-size: 36px; color: #fff; background-color: #c7cacc; border-radius:0; padding: 0 10px;}
#caseHome .swiper-button-next{ right: 40px; }
.caseHome .caseSection .swiper-container{ width: 1100px; overflow: hidden; margin: 0 auto; }
.caseHome .caseSection .swiper-container ul li{ background-color: #fff;  color: #555; }
.caseHome .caseSection .swiper-container ul li .img{ width: 100%; margin: 0 auto; }
.caseHome .caseSection .swiper-container ul li .img img{ width: 100%;}
.caseHome .caseSection .swiper-container ul li a{ width: 100%; height: 100%; padding-bottom: 25px;}
.caseHome .caseSection .swiper-container ul li a>h5{ font-size: 20px; margin-top: 20px; color: #333; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.caseHome .caseSection .swiper-container ul li .intro{ padding: 0px 20px; margin: 10px 0;  height: 66px; line-height: 22px; font-size: 14px; color: #555; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.caseHome .caseSection .swiper-container ul li .more{position: relative; text-align: center;}
.caseHome .caseSection .swiper-container ul li .more span::after{ content: "";display: block;width: 0px;height: 100%;position: absolute;left: 0px;top: 0px; z-index: -1;background: rgb(52, 188, 228);transition: all 0.35s ease-out 0s;}
.caseHome .caseSection .swiper-container ul li:hover .more span::after{width: 110px; height: 100%; transition: all 0.35s ease-out 0s; }
.caseHome .caseSection .swiper-container ul li .more span{display: inline-block; width: 110px; height: 29px; margin-right: -3px; line-height: 30px; font-size: 15px; color: rgb(52, 188, 228); text-align: center; transition: all 0.35s ease-out 0s; position: relative; z-index: 1; }
.caseHome .caseSection .swiper-container ul li:hover .more span{ color: #fff; transition: all 0.35s ease-out 0s; }
.caseHome .caseSection .swiper-container ul li .more i{display: inline-block; font-size: 20px; padding: 0 6px; height: 26px; line-height: 26px; text-align: center; color: rgb(52, 188, 228); position: relative; z-index: 1;  border: 1px solid rgb(52, 188, 228);}
.caseHome .caseSection .swiper-container ul li:hover .more i{color: #fff; transition: all 0.35s ease-out .4s; }
.caseHome .caseSection .swiper-container ul li .more i::after{content: ""; display: block;  width: 0;height: 28px; background: rgb(52, 188, 228);  transition: all 0.35s ease 0s;  position: absolute; top: 0; left: 0; z-index: -1; border: none;  }
.caseHome .caseSection .swiper-container ul li:hover .more i::after{content: ""; width: 100%;  transition: all 0.35s ease-out .3s;  border-left: 1px solid rgb(52, 188, 228); border-right: 1px solid rgb(52, 188, 228); }

#caseHome .swiper-button-prev:fucus, #caseHome .swiper-button-next:focus{ border: none;}

@media screen and (max-width:1450px){
    .caseHome .caseSection>h4{ position: relative; left: 0; top: 0; transform: translateY(0); width: 100%; box-sizing: border-box; padding: 20px 15px; font-size: 22px; text-align: center;}
    #caseHome{ width: 100%; }
    .caseHome .caseSection .swiper-container{ width: 90%;}
    #caseHome .swiper-button-prev{ left: 0px;}
    #caseHome .swiper-button-next{ right: 30px; }
}
@media screen and (max-width:1000px){
    .caseHome .caseSection .swiper-container{ width: 88%;}
    #caseHome .swiper-button-prev i, #caseHome .swiper-button-next i{ font-size: 26px; padding: 0 6px;}
    #caseHome .swiper-button-prev{ left: 0px;}
    #caseHome .swiper-button-next{ right: 20px; }
}

@media screen and (max-width:450px){
    .caseHome{ padding: 40px 0;}
    .caseHome .caseSection .swiper-container{ width: 76%;}
    #caseHome .swiper-button-next{ right: 14px; }
}


/* 首页广告2019.6.18 */
.wapper {width: 1400px;margin: 0 auto;padding: 1px 0;box-sizing: border-box;}
.advertising{width: 100%;}
.advertising .wapper{padding:30px 20px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.advertising .wapper li{width: 23%;transition: all 0.3s ease;border-radius: 5px;}
.advertising .wapper li img{max-width: 100%;height: auto;border-radius: 5px;}
.advertising .wapper li:hover{transform: translateY(-10px);transition: all 0.3s ease;box-shadow: 2px 2px 5px #ccc;}
@media screen and (max-width:760px){
    .advertising .wapper li{width: 48%;margin: 5px 0;}
    .advertising .wapper{padding:20px 10px;}
}


/* 新闻 */
#news{width:100%;height:auto;margin:0 auto;position:relative ;padding-bottom: .1rem; background-color: #fff;}
#news h3{font-weight:400;font-size:26px;color:#134042; position: absolute; top: 50%; left: 3vw; transform: translateY(-50%); width: 1em; }
#news .desc{font-size:14px;color:#888;text-align:center;padding-top:15px}
.news{width:1300px;height:auto;overflow:hidden;margin:0 auto;position:relative;padding-top:30px;display:flex; display: -webkit-flex; justify-content:space-between;flex-wrap:wrap; align-items: flex-start;}
.news li{width:48%;box-sizing:border-box;margin-bottom: 40px;}
.news li a{ display: block; display:flex; display: -webkit-flex; justify-content:flex-start;flex-wrap:nowrap; align-items: center; }
.news li .img{overflow:hidden;width:25%;margin-right:2.5%; display: flex; display: -webkit-flex; align-items: center;}
.news li .img img{width:100%;height:auto}
.news li dl{width:72.5%}
.news li:nth-of-type(2n) a .img{ order: 3;}
.news li:nth-of-type(2n) a dl{ order: 1;}
.news li dl dt{font-size:16px;color:#333;line-height: 26px;height: 26px;display:  block;overflow:  hidden;text-overflow:  ellipsis;white-space: nowrap;}
.news li a:hover dt {color:rgb(52, 188, 228);}
.news li dl .time span{display:block;font-size:12px;color:#b2b2b2;line-height:18px;padding-bottom:9px;border-bottom:1px solid rgb(52, 188, 228);position:absolute; transition:all .3s}
.news .time{box-sizing:border-box;position:relative; height:28px;margin-bottom: 5px; transition:all .3s }
.news .time:hover span{width:100%; transition:all .3s }
.news li dd{font-size: 12px;color:#888;line-height:22px;height: 44px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#news .newsMore{display:block;margin:0 auto;width:220px;height:40px;margin-top:5px;margin-bottom:70px; position: relative; background:#efefef;}
#news .newsMore i{display:block;width:220px;height:40px;line-height:40px;text-align:center;color:#adadad;font-size:30px;transition:all .3s; position: relative; z-index: 2;}
#news .newsMore::before{ content: ""; width: 0; height: 100%; position: absolute; top: 0; left: 0; background:rgb(52, 188, 228); transition: all 0.35s ease-out 0.1s; z-index: 1; }
#news .newsMore:hover::before{ width: 100%; transition: all 0.35s ease-out 0s; }
#news .newsMore i:hover{color:#fff; transition:all .3s;}

@media screen and (max-width:1480px){
    .news{width:92%; flex-wrap:wrap;}
    #news h3{ position: relative; top: 0; left: 0; text-align: center; font-size: 22px; text-align:center;padding-top:30px;  width: 100%; transform: translateY(0);}
}
@media screen and (max-width:768px){
    .news li:nth-of-type(2n) a .img{ order: 1;}
    .news li:nth-of-type(2n) a dl{ order: 1;}
    .news li {width: 100%;margin-bottom: 15px;}
    .news dd {display:none;}
    .news .time {display:block;border-bottom:  none;margin-bottom: 0;height: 20px;}
    .news dl dt {height:auto;font-size:14px;line-height:1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:  normal;}
    .news dl span {border:none;padding-bottom: 0;line-height:  1;}
    #news .newsMore{margin-bottom: 40px;}
}


/*视频*/
/*video*/
#content .video-list{padding:0;}
#sectSeven .video_list{padding:0;}

.videoUrl {display: none;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);z-index: 999;width: 100%;height: 100%;}
#video {width: 60%;height: auto;}
.videoUrl video {position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.videoUrl img {position: absolute;right: 20px;top: 20px;cursor: pointer;padding: 10px;}

#sectSeven .item_block .imgIcon {position: absolute;width: 48px;height: 48px;top: -20%;left: 50%;margin:-25px 0 0 -25px;font-size: 48px; color: #fff;transition: all 0.5s ease 0s;}
.sectSeven>h3,.sectSix>h3,.sectFive>h3,.sectFour h3,.sectOne>h3,.sectThree>h3,.sectTwo>h3{font-size:26px;font-weight:400;text-align:center;line-height:42px}
#content .intro {color: #D3D3D3;}
.sectSeven>.intro,.sectSix>.intro,.sectFive>.intro,.sectFour>.intro,.sectOne>.intro,.sectThree>.intro,.sectTwo>.intro{font-size:14px;color:#666;line-height:28px;max-height:48px;overflow:hidden;text-align:center}
.container_category {margin: 20px 0 55px;width: 100%; text-align: center;animation-name: fadeInUp;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.container_category a { color: #878787;  font-size: 14px;  padding: 7px 26px;   position: relative;  margin-left: 0; height: 16px;line-height: 16px;display: inline-block;transition: all .3s ease-out 0s;}
a{text-decoration:none}
.container_category a.active,.container_category a:hover { background-color: #f5b834!important; color: #fff;}
#sectOne .sectOne,#sectThree .sectThree,#sectFour .sectFour,#sectFive .sectFive,#sectSix .sectSix,#sectSeven .sectSeven,#contact .contact,#content .content-list{max-width: 1170px;box-sizing:border-box; margin: 0 auto;}
.content_list .item_img {position: relative;overflow: hidden;}
#sectSeven .item_block .item_img img {max-width: 100%;display: block;}
#sectSeven .content_list{display: flex;justify-content: space-between; flex-wrap: wrap;}
.content_list .item_block .item_img img { width: 100%;height: auto;transition: all .3s ease-out 0s;}
.sectSeven .item_block .item_wrapper {background: rgba(0, 0, 0, 0.1);transition: all .36s ease;padding: 6% 4% 6%;text-align: left;}
.content_list .item_block .item_wrapper {position: relative;<!--width: 100%;-->transition: all .6s ease-out 0s;}
.ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
#sectSeven .item_block {width: calc(100% / 4 - 15px);height: auto;float: left;margin-bottom: 20px;position: relative;box-shadow: 0 0 0 rgba(0, 0, 0, .15);transition: all .36s ease;cursor: pointer;}
.sectSeven>h3,.sectSix>h3,.sectFive>h3,.sectFour h3,.sectOne>h3,.sectThree>h3,.sectTwo>h3{font-size:26px;font-weight:400;text-align:center;line-height:42px}
a:hover{color: #f5b834;}
.sectOne .content_list .item_block:hover .item_wrapper,.sectSeven .content_list  .item_block:hover .item_wrapper,#hotproduct .content_list  .item_block:hover .item_wrapper,.product-list .content_list  .item_block:hover .item_wrapper{background:#ffc13b;}
.content_list .item_img .iconfont {margin-left: -7px;color: #fff;z-index: 6;position: absolute;top: 12px;left: 50%;}
.sectOne .content_list .item_block:hover .item_wrapper p,.sectSeven .content_list  .item_block:hover .item_wrapper p,#hotproduct .content_list  .item_block:hover .item_wrapper p,.product-list .content_list  .item_block:hover .item_wrapper p{color: #fff; }
#sectSeven .item_block { width: 380px;animation-name: fadeInUp;overflow: hidden;}







/* 友情链接 */
#friendship{padding:30px 5px 30px; font-size:14px; background-color: #fff;}
#friendship a{font-size:14px; margin-right: 5px;  line-height: 1.8; white-space: nowrap;}
#friendship a:hover{ color: rgb(52, 188, 228);}