@charset "utf-8";
@import url(reset.css);

/*居中容器*/
.container{width:1100px;margin:0 auto;}

/*横幅===*/
.bannerBox{position:relative;width:100%;overflow:hidden;}
.bannerImg{width:100%;}

/*导航*/
.nav{position:absolute;bottom:0;left:0;right:0;}
.nav ul{padding-left:0;}
.nav ul .cur a{background:#0e90d2;}
.nav ul li a{padding:10px 50px;background:#a3a3a3;margin:0 3px;display:block;text-align:center;color:#fff;}
.nav .am-show-sm-down{}

/*位置===*/
.here_wrap{line-height:60px;}
.here_wrap .breadcrumb{margin-bottom:0;padding:0;}
.breadcrumb,.breadcrumb a{color:#ffffff;font-size:15px;}
.am-breadcrumb > .am-active{color:#ffffff;}
.am-breadcrumb > li + li:before{color:#ffffff;}

/*导航===*/
.side-nav-bck{background:#00a0e9;}
.side-nav{height:64px;border-bottom:1px solid #808080;display:flex;flex-direction:row;justify-content:space-between;}
.side-nav .side-nav-l{margin:0 0;}
.side-nav .side-nav-r{margin:0 0;}
.side-nav .side-nav-l dl{overflow:hidden;display:inline-block;float:right;margin:0 0;}
.side-nav .side-nav-l dd{float:left;}
.side-nav a{color:#ffffff;display:inline-block;box-sizing:border-box;line-height:61px;}
.side-nav dl dd{margin:0 10px;padding:0 8px;float:left;text-align:center;display:inline-block;font-size:14px;}
.side-nav dl dd a{display:block;}
.side-nav .side-nav-r{float:right;}
.side-nav > dl{overflow:hidden;margin-bottom:0;}
.side-nav > dl > dd{width:164px;height:56px;line-height:56px;float:left;margin-left:20px;text-align:center;}
.side-nav > dl > dd a{display:block;}
.side-nav > dl > dd a:hover,.cur{background:none;border-bottom:3px solid #ffffff;}

/*内容===*/
.info-wrap{padding:5px;padding-top:30px;padding-bottom:30px;}
.info-wrap img{width:100%;}
.info-wrap p{margin:0;}
.info-wrap > .info_con{line-height:1.8;}

/* 分页 ======================*/
.pageWrap{max-width:369px;margin:40px auto 0px;text-align:center;padding:15px 0;background-color:#fff;border-radius:5px;}
.pageWrap .rows{margin-right:15px;}
.pageWrap a,.pageWrap span{width:37px;height:37px;display:inline-block;min-width:37px;margin:0 4px;padding:4px 0;border-radius:50%;}
.pageWrap a{color:#4a4a4a;text-decoration:none;}
.pageWrap .current{background-color:#00a0e9;border:none;color:#fff;}
.pageWrap .num{border:none;}
.pageWrap .next,.pageWrap .prev{background-color:#f5f5f5;color:#a5a5a5;}

/*新闻===*/
.news-wrap{padding:30px 0;margin:0 -1.65%;overflow:hidden;background:#F2F2F2;}
.news-wrap ul{list-style:none;padding:0;}
.news-wrap ul li{width:100%;margin:30px 0 0;padding-bottom:30px;border-bottom:solid 1px #eee;display:flex;justify-content:flex-start;background:#fff;padding:2%;border-radius: 8px;}
.news-wrap ul li:hover{box-shadow:1px 1px 6px rgba(0,0,0,0.1);}
.news-wrap ul li .news-img{width:280px;margin-right:15px;height:180px;overflow:hidden;vertical-align:middle;line-height:210px;}
.news-wrap ul li .news-img img{width:100%;height:99%;}
.news-wrap ul li .news-con{padding:15px 25px 0;margin:0;}
.news-wrap ul li .news-con .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all; /* 追加这一行代码 */color:#00a0e9;font-size:16px;}
.news-wrap ul li .news-con p{color:#717171;margin:6px 0;font-size:14px; /*height: 45px;*/overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all; /* 追加这一行代码 */}
.news-wrap ul li .news-con span{color:#8d8d8d;font-size:12px;}
.news-wrap ul li a{display:flex;justify-content:flex-start;margin:0;}
.news-wrap ul li .news-time{text-align:center;margin:0 0;width:174px;height:139px;background:#f8f8f8;margin-left:10px;padding:2%;flex-shrink:0;}
.news-wrap ul li .news-time span{font-size:38px;color:#00a0e9;margin-top:20px;}
.news-wrap ul li .news-time .text{font-size:12px;color:#8c8c8c;}
.news-wrap ul li .news-con .buttom{display:inline-block;border:1px solid #e5e5e5;font-size:12px;line-height:18px;color:#a9a9a9;padding:5px 20px;margin-top: 10px;}
.news-wrap ul li:hover .news-time{ background:#00a0e9; }
.news-wrap ul li:hover .news-time span{color:#ffffff;}
.news-wrap ul li:hover .news-time .text{color:#ffffff;}
.news-wrap .news-box{padding:5px;}
.news-wrap .news-box img{max-width:100%;}
.news-wrap .news-box p{margin:0;}
.news-wrap .news-box > .info_con{line-height:1.8;}
.prev-next{margin-top:30px;color:#bbb;}
.prev-next a{color:#666;}
.news-info .news-box{padding:0 1.5%;}
.news-info .news-box img{max-width:100%;}
.news-info .news-box p{margin:0;}
.news-info .news-box > .info_con{line-height:1.8;padding-bottom:20px;}

/*----------------------------------*/
.prev-next{margin-top:30px;color:#bbb;}
.prev-next a{color:#666;}

/*案例*/
.case-wrap{padding:30px 0;}
.case-wrap ul{list-style:none;padding:0;margin:0 -1%;}
.case-wrap ul li{float:left;width:370px;height:380px;margin:10px 19px;padding:15px;border:solid 1px #eee;}
.case-wrap ul li:hover{box-shadow:1px 1px 6px rgba(0,0,0,0.1);}
.case-wrap ul li .news-img{float:left;width:100%;margin-right:15px;height:210px;overflow:hidden;vertical-align:middle;line-height:210px;}
.case-wrap ul li .news-img img{width:100%;}
.case-wrap ul li .news-con{}
.case-wrap ul li .news-con .am-text-truncate{color:#000;margin:20px 0;white-space:normal;overflow:visible;font-size:14px;display:inline-flex;}
.case-wrap ul li .news-con p{color:#999;margin:0 0;font-size:14px;height:45px;overflow:hidden;}
.case-wrap ul li .news-con span{color:#8d8d8d;font-size:12px;}
.case-wrap ul li .news-con .icon{display:inline-block;float:right;font-size:12px;color:#8d8d8d;vertical-align:middle;margin-top:2px;}
.case-wrap .news-box{padding:5px;}
.case-wrap .news-box img{max-width:100%;}
.case-wrap .news-box p{margin:0;}
.case-wrap .news-box > .info_con{line-height:1.8;padding-bottom:20px;}

/*产品===*/
.pro-wrap{padding:72px 0 30px;margin:0 -1.25%;background:#F2F2F2;}
.pro-wrap ul{list-style:none;padding:0;}
.pro-wrap ul li{position:relative;transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;}
.pro-wrap .item{position:relative;top:0;left:auto;right:auto;border-radius:8px;margin-bottom:30px;overflow:hidden;background-color:#fff;padding:5% 0 10%;}
.pro-wrap .item:hover{box-shadow:0 5px 10px rgba(10,10,10,0.1);}
.pro-wrap ul li .p-img{padding-bottom:100%;overflow:hidden;vertical-align:middle;text-align:center;position:relative;}
.pro-wrap ul li .p-img img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;}
.pro-wrap ul li .more{display:none;padding:2px 0;border-radius:30px;width:92px;position:absolute;background:#00a0e9;bottom:25px;left:0;right:0;text-align:center;font-size:12px;color:#fff;}
.pro-wrap ul li .p-tit{padding:5%;text-align:center;}
.pro-wrap ul li .p-tit > h4{font-weight:normal;color:#828282;margin-bottom:0;}
.pro-wrap ul li .p-tit > h6{font-weight:normal;color:#f00;margin:5px 0 0;font-size:14px;}
.pro-wrap ul li .p-tit > span{font-size:12px;color:#8f8f8f;}
.pro-wrap ul li .item .p-tit > h4{color:#545454;}
.pro-wrap .pro-box img{width:100%;height:100%;object-fit:cover;}
.pro-wrap .pro-box p{margin:0;}
.pro-wrap .pro-box > .info_con{line-height:1.8;padding-bottom:20px;}
.pro-wrap .pro-box{width:100%;margin:auto;}
.pro_info{overflow:hidden;padding-top:50px;}
.pro_info-img{}
.pro_info-con{}
.pro-box .info_con{text-align:center;}
.pro-box .info_con img{max-width:100%;}
.pro_info-con > h1{margin:0;color:#00a0e9;font-size:28px;font-weight:normal;}
.pro_info-con > h5{margin:0;color:#1e1e1e;font-size:20px;font-weight:normal;color:#f00;}
.pro_info-con > h6{margin:0;color:#1e1e1e;font-size:20px;font-weight:normal;}
.pro_info-con > hr{border-color:#d2d2d2;}
.pro_info-con .info_con{color:#595757;line-height:1.8;min-height:400px;}
.pro_info-con .info_con > p{margin:0;}
.pro_info-con .info_share{border-top:solid 1px #e0e0e0;padding-top:6px;margin-top:15px;}
.pro_info-con .info_share .bdsharebuttonbox > span{float:left;line-height:24px;margin:6px 6px 6px 0;}

/* 放大镜==============*/
.zoomBox{margin:0 auto;border:solid 1px #cccccc;}
.tb-pic{position:relative;z-index:1;padding-bottom:100%;}
.tb-pic,.tb-pic a{}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;position:absolute;width:100%;height:100%;left:0;top:0;*font-size:593px;*display:block;*font-family:Arial;*line-height:1;}
.tb-pic a img{width:100%;height:100%;object-fit:contain;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background-color:#666;opacity:0.5;filter:alpha(opacity=50);cursor:move;z-index:1;}
.spec-scroll{margin:20px 0;width:580px;overflow:hidden;}
.spec-scroll .items{float:left;position:relative;width:580px;height:100px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:100px;padding:0;margin:0;list-style:none;}
.spec-scroll .items ul li{float:left;width:100px;text-align:center;margin-right:10px;}
.spec-scroll .items ul li img{border:1px solid #00a0e9;padding:2px;width:100px;height:100px;}
.spec-scroll .items ul li img:hover,.spec-scroll .items ul li.tb-selected img{border:2px solid #00a0e9;padding:1px;width:100px;height:100px;object-fit:cover;}

/*==========*/
body .layer-myskin .layui-layer-content{padding:20px 30px;}
.links{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;}
.link1{text-align:center;width:113px;}
.link1 img,.link2 img{max-width:100%;}
.link2{width:75px;text-align:center;}
.link1 .info1,.link2 .info2{padding:6px;margin:0 0;color:#cfcfcf;font-size:14px;text-align:center;}
.container-fluid{width:100%;margin:auto;}
.container{margin:0 auto;width:100%;max-width:1200px;}
.padding-40{padding:40px;}
body{font-family:MicrosoftYaHei;}

/*头部===*/
.head{position:absolute;z-index:999;}
.head .container{height:118px;overflow:hidden;max-width:1540px}
.logo1{float:left;margin-top:40px;margin-left:20px;}
.pcnavright{position:absolute;right:0;bottom:0;height:58px;width:calc(50% - 600px);background:#484848;min-width:0px}
.pcheadright{float:right;}
.pcheadright-s{overflow:hidden;}
.pcheadright-s a{display:inline-block;margin-left:10px;font-size:12px;color:#00a0e9;margin-top:37px;}
.pcheadright-s a:nth-child(1) > span{font-size:30px;font-weight:bold;vertical-align:-3px}
.pcheadright-s a img{vertical-align:-9px;margin-right:7px;height:40px;width:40px;object-fit:cover;}
.header-nav{max-width:1540px;position:relative;display:flex;flex-direction:row;border-top:1px solid #e5e5e5}
.header-nav a{display:inline-block;height:58px;padding-top:20px;color:#e5e5e5;text-align:center;font-size:12px;flex:1;box-sizing:border-box;}
.header-nav a:hover{box-shadow:0px -3px 0 0px #00a0e9}
.header-nav a.active{box-shadow:0px -3px 0 0px #00a0e9}
.header-nav a .ch,.header-nav a .en{color:#ffffff;font-size:12px;display:block;}
.header-nav .line{margin-top:30px;display:inline-block;width:0px;height:20px;border:solid 1px #ffffff;}

/*移动头部*/
.waphead{display:none;flex-direction:row;justify-content:space-between;align-items:center;height:50px}
.waphead > img:nth-child(1){height:40px;margin-left:10px;margin-top:3px;}
.waphead > img:nth-child(2){height:34px;margin-left:6px;}
.waphead > div{/*background:#00a0e9;padding-left:40px;width:50%;*/height:50px;position:relative;margin:0}
/*.waphead > div:before{content:"";position:absolute;width:40px;height:50px;left:-1px;top:0;border-top:50px solid white;border-left:0 solid white;border-bottom:0;border-right:40px solid transparent;}*/

@media screen and (max-width:640px){
    .head{display:none;}
    .waphead{display:flex;height: auto!important;position: relative; }
    .waphead .logo{ height: auto!important; width: 100%; margin: 0!important; }
    .waphead > .menu-wap{ position: absolute; top:50%; right: 0; margin-top: -25px;  }
    .side-nav .side-nav-r{display:none}
}
@media screen and (min-width:640px){
    .mobile-inner-nav{display:none!important}
}

/*头部动画*/
.mobile-inner-header-icon{color:#ffffff;height:50px;font-size:25px;text-align:center;float:right;width:50px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.mobile-inner-header-icon:hover{/*background-color:rgba(255,255,255,0.2)*/;cursor:pointer;}
.mobile-inner-header-icon span{position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:25px;height:2px;background-color:rgba(255,255,255,1);}
.mobile-inner-header-icon span:nth-child(1){transform:translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform:translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2){animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;}
@keyframes clickfirst{
    0%{transform:translateY(4px) rotate(0deg);}
    100%{transform:translateY(0) rotate(45deg);}
}
@keyframes clicksecond{
    0%{transform:translateY(-4px) rotate(0deg);}
    100%{transform:translateY(0) rotate(-45deg);}
}
.mobile-inner-header-icon-out span:nth-child(1){animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
.mobile-inner-header-icon-out span:nth-child(2){animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
@keyframes outfirst{
    0%{transform:translateY(0) rotate(-45deg);}
    100%{transform:translateY(-4px) rotate(0deg);}
}
@keyframes outsecond{
    0%{transform:translateY(0) rotate(45deg);}
    100%{transform:translateY(4px) rotate(0deg);}
}
.mobile-inner-nav{background-color:#00a0e9;width:100%;position:absolute;top:1.9%;left:0px;padding-top:30px;padding-bottom:80px;display:none;z-index:100;}
.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;}
.mobile-inner-nav a:hover{color:rgba(255,255,255,0.4);border-bottom:solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav a{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal;}
@-webkit-keyframes returnToNormal{
    from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
    to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes returnToNormal{
    from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
    to{opacity:1;-webkit-transform:none;transform:none;}
}

/*底部===*/
.foot{background:#f9f9f9;padding:50px 10px}
.copyright{background:#575757;font-size:14px;color:#fff;text-align:center;padding:19px;}
.copyright a{color:#fff}
.copyright .container{display:flex;justify-content:space-between}
.copyright .container .link .line{display:inline-block;width:1px;height:12px;background:#fff;margin:0 5px;}
.foot .foot_line{position:relative}
.foot .foot_line:before{content:"";width:100%;height:1px;border-bottom:1px solid #e5e5e5;position:absolute;left:0;top:47px;}
.foot .container{display:flex;flex-direction:row;justify-content:space-around;}
.foot .container ul{margin:0;padding:0}
.foot .container ul li{text-align:center}
.foot .container ul li a{font-size:12px;color:#a2a2a2}
.foot .container ul li a:hover{color:#00a0e9}
.foot .container ul li:first-child a{font-size:16px;color:#3c3c3c;font-weight:normal;}
.foot .container ul li:first-child a:hover{color:#00a0e9;}
.foot .container img{width:105px;height:105px;margin:0;}
.foot .container ul li:first-child{padding-bottom:50px;}
@media screen and (max-width:1200px){
    .foot .container:nth-child(1) img{display:none}
    .foot .container:nth-child(2){padding-top:10px;}
}
@media screen and (min-width:1200px){
    .foot .container:nth-child(2) img{display:none}
}
@media only screen and (max-width:1025px){
    .side-nav > dl > dd a:hover,.cur{background:none;}
    .nav{position:relative;bottom:0;left:0;right:0;}
    .nav ul li{text-align:center;}
    .nav ul li a{padding:1% 2%;width:100%;margin:1.5% auto 1.5%;box-sizing:border-box;display:inline-block;}
    .pro-wrap{margin:0 -2.5%;}
    .pro-wrap{margin:0 -2.5%;}
    .news-wrap{margin:0 auto;overflow:hidden;}
    .news-wrap ul li .news-con{height:30%;}
    .news-wrap ul li .news-con .time{margin-top:3%;}
    .news-wrap ul li .news-con .title{margin-top:0%;}
}
@media screen and (max-width:650px){
    .foot .container:nth-child(1){display:none}
    .foot .container:nth-child(2){padding-top:0px}
    .foot{padding:20px}
    .copyright .container{display:block;}
    .copyright .container span{display:block;}
}
@media screen and (max-width:400px){
    .mobile-inner-nav{ top:1.88%; }
}
@media screen and (max-width:350px){
    .mobile-inner-nav{ top:1.68%; }
}