body{width:100%;height:100%;margin:0;padding:0; line-height:26px;color:#333;font:16px "微软雅黑","Microsoft YaHei";  }
div,p,span,ul,li,dl,dt,dd,ol,h1,h2,h3, h4,h5,h6,a,img,textarea,input,em,b,i {margin:0;padding:0;font-weight: normal;border:none; }
a{text-decoration: none;outline:none;color:#333;padding:0;}
ul,li{list-style: none;}
input,textarea,img{outline:none;border:none;font:16px "微软雅黑","Microsoft YaHei";}
i,em{font-style:normal;}
p{line-height:26px;}
.lt{float:left;}
.rt{float:right;}
.hide{display: none;}
.show{display: block;}
a:focus, a:hover{color:#f96465;text-decoration: none;outline: none;outline-offset: 0;}
body{ background: #fff;position: relative;}
img{vertical-align: middle;max-width:100%;max-height:100%;}
html{overflow-x: hidden;}

.no-data{padding:80px;text-align:center;color:#adadad}
.no-data i{display:block;font-size:154px}
.no-data span{display:block;line-height:30px;padding:5px 0;font-size:17px}
.no-data a{display:block;color:#a5a5a5;width:221px;margin:0 auto;border:1px solid #e2e2e2;height:45px;line-height:45px;font-size:15px;border-radius:30px;margin-top:15px;margin-bottom:18px}

.pagebar { width:100%; margin:0 auto; padding:20px 0; font-size:14px; text-align:center; line-height:28px; clear:both; }
.pagebar .now-page { margin:5px; padding:5px 10px; color:#fff; font-weight:bold; line-height:16px; border:1px solid #3f72af; background:#3f72af; display:inline-block; }
.pagebar a { margin:4px; padding:0 10px; color:#777; font-weight:bold; border:1px solid #ebebeb; background:#fff; display:inline-block; }
.pagebar span { margin:0; padding:0; border:0; background:none; }
.pagebar a:hover { color:#3f72af; border:1px solid #3f72af; background:#fff; }

.cmtsitem {padding:18px 0 14px;border-bottom:1px dotted #e4e8eb;zoom:1;}
.cmtsitem::after {content:"";display:block;clear:both;}
.cmtsitem .avatar {width:48px;height:48px;float:left;display:inline;margin-right:10px;overflow:hidden;}
.cmtsitem .avatar img {width:48px;height:48px;border-radius:3px;}
.cmtsitem .cmtscon .avatar {display:none;}
.cmtscon {margin-left:65px;zoom:1;}
.cmtscon::after {content:"";display:block;clear:both;}
.cmtscon>.cmtsitem {margin-top:15px;padding:0 0 0 20px;border-left:2px solid #e4e8eb;}
.cmtscon>.cmtsitem .cmtscon {margin:0;}
.cmtsdate {float:right;display:inline;font-size:14px;color:#bbb;}
.cmtsname {font-size:14px;color:#333;display:inline-block;}
.cmtsname a {font-size:14px;color:#333;}
.cmtsname em {margin-top:1px;padding:0 7px;font-size:12px;color:#888;font-style:normal;line-height:20px;border:1px solid #eee;border-radius:2px;background:#fafafa;display:inline-block;vertical-align:top;}
.cmtsbody {margin-top:8px;line-height:26px;word-wrap:break-word;word-break:break-all;}
.cmtsbody .cmtscon {margin:0;padding-left:20px;border-left:2px solid #e4e8eb;}
.cmtsbody .cmtsfoot {display:none !important;}
.cmtsreply {margin-top:15px;padding-left:20px;border-left:2px solid #e4e8eb;}
.cmtsreplyname {font-size:12px;color:#888;}
.cmtsreplyname em {margin-top:1px;padding:0 7px;font-size:12px;color:#888;font-style:normal;line-height:20px;border:1px solid #eee;border-radius:2px;background:#fafafa;display:inline-block;vertical-align:top;}
.cmtsreplyname a {font-size:14px;color:#333;}
.cmtsreplycon {margin-top:8px;word-wrap:break-word;word-break:break-all;}
.cmtsreplydate {margin-top:8px;font-size:14px;color:#bbb;}
.cmtsfoot {margin-top:8px;}
.cmtsfoot .reply {font-size:14px;color:#888;}
.cmtsfoot .reply:hover {color:#0188fb;}
.cmtsfoot .reply:hover::before {color:#0188fb;}
.cmts.nocmt {padding:15px 30px;}
.cmts.nocmt::before {content:attr(data-content);width:100%;font-size:16px;color:#888;text-align:center;display:inline-block;}
.reply-frm {border-left:2px solid #e4e8eb;padding:0 0 0 20px;margin-top:15px;box-shadow:none;}
.reply-frm .cmtimg {display:none !important;}
.reply-frm .cmtarea {padding:0;}
#cancel-reply {height:26px;margin-left:20px;padding:0 10px 0 6px;font-size:14px;color:#0188fb;line-height:25px;border:2px solid #0188fb;outline:0;box-sizing:content-box;border-radius:20px;cursor:pointer;background:#fff;vertical-align:top;display:none;}
.comment {margin-top:20px;zoom:1;}
.comment::after {content:"";display:block;clear:both;}
.cmtimg {width:48px;float:left;text-align:center;}
.cmtimg img {width:48px;height:48px;border-radius:3px;}
.cmtimg p {height:20px;font-size:12px;color:#888;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.cmtinfo {padding-left:70px;font-size:14px;word-break:break-all;}
.cmtinfo a {color:#333;}
.cmtinfo .cmt {margin:15px 0 0 -20px;padding-bottom:0;}
.cmtinfo .cmt .cmt {margin:15px 0 0 -20px;padding-bottom:0;}
.cmtinfo .cmt .cmt .cmt {margin:15px 0 0 -20px;padding-bottom:0;}
.cmtinfo .cmtinfo {width:500px;}
.cmtinfo .cmtinfo .cmtinfo {width:430px;}
.cmtinfo .cmtinfo .cmtinfo .cmtinfo {width:360px;}
.cmttime,.cmttime a {font-size:12px;color:#888;}
.cmtarea {padding-left:68px;}
.cmtarea textarea {width:100%;margin:0 0 10px;padding:5px 15px;font-size:16px;color:#333;line-height:28px;border:1px solid #e4e8eb;outline:0;border-radius:3px;overflow:hidden;vertical-align:top;box-sizing:border-box;}
.cmtarea textarea:focus {color:#0188fb;background-color:#fff;border-color:#aab7c1;outline:0;box-shadow:0 0 0 .2rem rgba(31,73,119,0.1);}
.cmtsubmit button {height:36px;margin:0 10px 0 0;padding:0 20px;font-size:16px;color:#888;line-height:32px;border:2px solid #e4e8eb;outline:0;border-radius:20px;cursor:pointer;background:#fff;}
.cmtsubmit button:hover {color:#0188fb;border-color:#0188fb;}
.cmtsubmit button:hover::before {color:#0188fb;}
.cmtsubmit button:active {border-color:#0188fb;background:#f1f1f1;}
.cmtsubmit span {font-size:14px;color:#888;}
.cmtform {width:100%;float:left;margin:0 0 20px;padding:0 0 20px;border-bottom:1px dotted #e4e8eb;display:none;}
.cmtform p {width:49%;float:left;padding:5px 0;}
.cmtform input {width:180px;height:27px;}

.foot-nav-mob{background: #f6f6f6;position: fixed;  bottom: 0;  left: 0;  right: 0;  z-index: 100;  box-shadow: 0 0 10px 1px rgba(0,0,0,.3);}
.foot-nav-mob ul{ padding:0 10px;}
.foot-nav-mob li{width:20%;float:left;text-align: center;padding:6px 5px 2px;}
.foot-nav-mob li i { display: block;width:90%;height:20px;text-align: center;margin:0 auto;}
.foot-nav-mob li span{color:#999;display: block;line-height: 20px;  height: 20px;font-size: 14px;  overflow: hidden;}
.foot-nav-mob li i:before{font-size: 26px;color:#999;display: block;line-height: 20px;  height: 20px;}

@media screen and (max-width:940px){
    #footer {margin-bottom: 50px;}
}

.banners-pc {clear:both;height:415px;}
.banners-pc .frame {height:415px;background:no-repeat center center;background-size:cover;}
.banners-mb {display:none;clear:both;height:200px;}
.banners-mb div {height:100%;}
.banners-mb .frame {height:100%;background:no-repeat center center;background-size:cover;}
@media screen and (max-width:940px){
    .banners-pc {display:none;}
    .banners-mb {display:block;}
}

.logo img{height: 60px;}

.services-ul li{text-align: center; padding:2px; }
.services-ul li dl{padding:75px 0;border:2px solid transparent;}
.services-ul li dl dt{width:60px;height:60px;line-height:50px;border:1px solid #cfcfcf;border-radius: 50%;padding:5px;margin:0 auto;text-align: center;transition: all linear .3s;-webkit-transition: all linear .3s;}
.services-ul li dl dt a{display: block;width:100%;height:100%;border-radius: 50%; }
.services-ul li dl dt i{color:#666;display: block;vertical-align: middle;font-size: 25px;width:45px;height:50px;margin:0 auto}

.services-ul li dl dd h3 a{font-size:24px;color:#666;margin:10px 0;display: block;height:26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.services-ul li dl dd p{font-size:14px;color:#999;overflow: hidden;padding: 0 10px;line-height: 32px;height: 64px;}
.services-ul li dl dd a.more{font-size:14px;color:#999;margin-top:5px;opacity: 0;}
.services-ul li dl dd img{ margin:0 auto;opacity: 0;width: 10px;}
.services-ul li:hover dl{border:2px solid #f96465;cursor: pointer;}
.services-ul li:hover dl dt a{background: #f96465;}
.services-ul li:hover dl dt {margin-top:-20px;}
.services-ul li:nth-child(1):hover dl dt i{background: url(../image/icon_14.png) no-repeat center center;}
.services-ul li:nth-child(2):hover dl dt i{background: url(../image/icon_16.png) no-repeat center center;}
.services-ul li:nth-child(3):hover dl dt i{background: url(../image/icon_18.png) no-repeat center center;}
.services-ul li:nth-child(4):hover dl dt i{background: url(../image/icon_20.png) no-repeat center center;}
.services-ul li:hover dl dd h3 a{color:#f96465;}
.services-ul li:hover dl dd a.more{color:#f96465;opacity: 1;}
.services-ul li:hover dl dd img{ opacity: 1;}

.brand-content{height:470px;background: #fcfcfc;overflow: hidden;}
.brandLt{height:100%;position: relative;overflow: hidden;}
.brandLtBg{position: absolute;top:0;left:40%;height:470px;max-width: none;}

.container{ margin:0 auto;height:auto;border-top: 1px solid #f6f6f6;}
#footer{background: #fcfcfc;}

.page-ul{margin:25px 0;overflow: hidden;}
.page-ul li{display: inline-block;padding:0; }
.page-ul li a{display: inline-block;width:90%;height:50px;line-height:50px;border:1px solid #f6f6f6;border-radius: 25px;font-size:14px;color:#999;padding:0 10px;overflow: hidden;}
.page-ul li a:hover{background: #f96465;color:#fff;}

.content-news{text-align: center;}
.content-news h1{font-weight: bold;margin:10px 0;font-size:16px;line-height: 26px;}
.content-news span{color:#999;font-size:12px;}
.content-news a{color:#999;font-size:12px;}
.content-news a:hover{color:#f96465;}
.content-news-text{border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;padding:30px 0;margin-top:30px;}





#had_top{height:37px;line-height:37px;background: #f6f6f6;color:#999;font-size:12px;}
.hot_tel {display: inline-block;}
.hot_tel i{display: inline-block;width:15px;height:14px;background: url(../image/tel.png) no-repeat center center;vertical-align: middle;margin-top:-3px;}
.hot_tel:hover  {color:#f96465; }
.hot_tel:hover i{background: url(../image/tel-on.png) no-repeat center center; }
.top_classify ul li{height:14px;width:93px;text-align: center;border-right:1px solid #999;display: inline-block;line-height:14px;}
.top_classify ul li a{color:#999;}
.top_classify ul li:hover a{color:#f96465;}
.top_classify ul li:last-child{border:none;}

#header{height:125px; position: relative; }
.logo{ height:125px; text-align: left; position: relative;}
.logo a{display: table-cell;vertical-align: middle;height:125px;width:100%; }

.nav>li>a{padding:0;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.nav{vertical-align: top;margin:35px 0;text-align: right;}
.nav .one-li{display: inline-block;line-height:40px; width:11%;text-align: center;margin:0 1%;position: relative;vertical-align: top;}
.nav .one-li a{line-height:40px; font-size:14px;display: inline-block;padding:3px;overflow: hidden;height:40px;border-bottom:2px solid transparent;}
.nav .chilmenu{position: absolute;top:40px;left:0;width:100%;background: #fff;display: none;z-index:50;}
.nav .chilmenu li{line-height: 30px;}
.nav .one-li.current>a{border-bottom:2px solid #f96465;color:#f96465;}
.nav .one-li:hover>a{border-bottom:2px solid #f96465;color:#f96465;}
.nav .chilmenu li.current a{color:#f96465;}
.nav .chilmenu li:hover a{color:#f96465;}
#menu{position: absolute;top:0;right:15px;height:100%;width:10%;text-align: center;}
#menu i{font-size:24px;position: absolute;top:0;bottom:0;left:0;right:0;display: block;margin:auto;width:32px;height:28px;}

.slick-slide{outline: none;}
.banner .slick-prev:before, .banner .slick-next:before{display: none;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin:0;}
.banner {overflow: hidden;}
.banner .slick-slide {overflow: hidden;}
.banner   img{width: 100%;margin:0 auto;}
.banner .slick-prev, .banner .slick-next{z-index:10;width:48px;height:47px;background: none;}
.banner .slick-prev{background: url(../image/ban-left.png) no-repeat center center;left:10%; background-size: 100%;}
.banner .slick-prev:hover{background: url(../image/ban-left-on.png) no-repeat center center;left:10%; background-size: 100%;}
.banner .slick-next{background: url(../image/ban-right.png) no-repeat center center;right:10%; background-size: 100%;}
.banner .slick-next:hover{background: url(../image/ban-right-on.png) no-repeat center center;right:10%; background-size: 100%;}

.S-title{margin:60px auto 40px;text-align: center;}
.S-title b{display: block;width:60px;background: #f96465;height:3px;margin:0 auto;}
.S-title h3{font-size:30px;font-weight: bold;margin:10px 0;}
.S-title span{font-size:14px;color:#999;}
.services-content{position:relative;}
.slider_btn  .slick-prev, .slider_btn .slick-next{width:55px;height:90px;text-align:center;z-index:20;}
.slider_btn  .slick-prev{left:-50px;}
.slider_btn  .slick-next{right:-50px;}
.slider_btn  .slick-prev:before,.slider_btn .slick-next:before{content:"";color:#cfcfcf;font-size:40px;display: inline-block;width:15px;height:29px;
    vertical-align: middle;opacity: 1;}
.slider_btn  .slick-prev:before{background: url(../image/click-lt.png) no-repeat center center;opacity: 1;background-size: 100% 100%;}
.slider_btn  .slick-next:before{background: url(../image/click-rt.png) no-repeat center center;opacity: 1;background-size: 100% 100%;}
.slider_btn  .slick-prev:hover{background: #f96465; }
.slider_btn  .slick-prev:hover:before{background: url(../image/click-lt-on.png) no-repeat center center; background-size: 100% 100%;}
.slider_btn  .slick-next:hover{background: #f96465; }
.slider_btn  .slick-next:hover:before{background: url(../image/click-rt-on.png) no-repeat center center;background-size: 100% 100%;}
.slider_btn  .slick-prev.slick-disabled:before,.slider_btn .slick-next.slick-disabled:before{opacity: 1;}

.S-more{text-align: center;margin:50px 0 40px;}
.S-more a {display: block;margin:0 auto;width:250px;height:50px;line-height:50px;text-align: center;
    border-radius: 25px; color:#f96465;border:1px solid #f96465;}
.S-more a:hover{  background: #f96465;color:#fff;}

.services-mob{width:90%;}
.services-content .arrow-right-serM{right:0;width:40px;text-align: right;}
.services-content .arrow-left-serM{left:0;width:40px;text-align: right;}

.brandRt-txt{font-size:14px;color:#666;line-height:30px;margin:35px 15px;height:390px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:13}
.news-content{position: relative;}
.news-list li{padding:20px 25px;vertical-align: top; }
.news-list li dl{width: 100%;height:360px;position: relative;overflow: hidden; }
.news-list li dt{padding-bottom: 75%;margin-bottom: 10px;position: relative;overflow: hidden;}
.news-list li dl dd h3 a{line-height:24px;height:24px;overflow: hidden;display: block;font-size:16px;}
.news-list li dl dd span{line-height:28px;height:28px;overflow: hidden;display: block;color:#999;font-size:14px;}
.news-list li dl dd p{color:#666;font-size:14px;line-height:32px;height:64px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.news-list li:hover{background: #f96465;}
.news-list li:hover h3 a{color:#fff;}
.news-list li:hover span{color:#fff;}
.news-list li:hover p{color:#fff;}

.news-list img {    transition: transform 0.3s ease 0s;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.team-bg{padding:48px 0;background: #fcfcfc;}
.team-content{position: relative;}
.team-list li{padding:0 15px;}
.team-list li dl{ position: relative;overflow: hidden;}
.team-list li dl dd{background: #f96465;text-align: center;position: absolute;bottom:-100%;width:100%;height:100%;transition: all linear .5s;-webkit-transition: all linear .5s;}
.team-list li dl dd img{color:#fff;font-size:30px;display: block;margin:90px auto 0;}
.team-list li dl dd h3{color:#fff;font-size:24px;height:26px;overflow: hidden;line-height:26px;margin:8px 0 13px;}
.team-list li dl dd b{width:55px;border-top:2px solid #fff;display: block;margin:0 auto;}
.team-list li dl:hover dd{bottom:0;}

.team-list-mob{overflow: hidden;}
.team-list-mob li{padding:0 20px;width:50%;float:left;margin-bottom:10px;}
.team-list-mob li dl dd{text-align: center;line-height:26px;height:26px;overflow: hidden;margin:10px 0;}

.cooperationCase{padding-bottom:105px;}
.case-content{position: relative;}
.case-list li{width:250px;padding:0 20px;}
.case-list li dl{position: relative;width:100%;height:100%;overflow: hidden;}
.case-list li dl dt{width:100%;height:100%;}
.case-list li dl dd{position: absolute;bottom:-100%;width:100%;height:100%;background: rgba(000,000,000,.7);text-align: center;transition: all linear .5s;-webkit-transition: all linear .5s;}
.case-list li dl dd h3{color:#fff;font-size:14px;height:20px;line-height:20px;overflow: hidden;margin-top:50px;}
.case-list li dl dd b{display:block;width:50px;border-top:2px solid #fff;margin:10px auto 0;}
.case-list li dl:hover dd{bottom:0;}

.foot-contact{padding:25px 0;overflow: hidden;}
.foot-contact dl dt{display: inline-block;vertical-align: top;height:36px;line-height:36px;width:15%;}
.foot-contact dl dt i{color:#b3b3b3;font-size:35px;}

.foot-contact dl dd{display: inline-block;margin-left:10px;width:75%;}
.foot-contact dl dd h3{color:#666;font-size:14px;}
.foot-contact dl dd p{color:#999;font-size:12px;}

#link{text-align: center;background: #f6f6f6;padding:20px 0;}
.link li{display: inline-block;color:#999;font-size:12px; }
.link li a{display: inline-block;color:#999;font-size:12px;height:12px;line-height:12px;padding:0 5px;border-right:1px solid #999;}
.copy{color:#999;font-size:12px;line-height:24px;margin-top:10px;}
.copy a{color:#999;font-size:12px;line-height:24px;}
.copy a:hover{color:#f96465;}
.link li a:hover{color:#f96465;}
.link li:last-child a{border:none;}

.det-banner{position: relative;height:400px;overflow: hidden;width:100%;}
.det-ban-img{position: absolute;height:400px;top:0;left:50%;width: 1920px;margin-left:-960px;overflow: hidden;max-width:none;max-height:none;}
.ban-name{position:absolute;top:0;left:0;width:100%;height:100%;}
.ban-cont{text-align: center; }
.ban-cont h3{font-size:30px;font-weight: bold;margin:130px 0 10px 0;}
.ban-cont h4{font-size:24px;font-weight: bold;}

.det-navBox{background: #fff;z-index:10;position:relative;}
.det-nav{height:80px;background: #fff; margin-top:-80px;}
.det-nav li{display: inline-block;width:9%;text-align: center;position: relative;}
.det-nav li a{line-height:80px;display: inline-block;font-size:14px;color:#666;border-bottom:2px solid transparent;height:80px;overflow: hidden;}
.det-nav li:hover>a{border-bottom:2px solid #f96465;color:#f96465}
.det-nav li.current>a{border-bottom:2px solid #f96465;color:#f96465}

.det-navBox{padding:0 30px; }
.det-nav{ border-bottom:2px solid #f6f6f6}
.det-content{padding:50px 40px; }
.det-text{padding:0 0 50px 0;line-height: 26px;}
.det-news{padding:30px 0 50px 0;}
.det-news .list-news {overflow: hidden;padding-bottom:10px;}
.list-text{padding-bottom:50px;overflow: hidden;}
.list-text li{padding:30px 0;border-bottom: 1px dashed #ddd;}
.list-text li  h3 a{font-size:16px;font-weight: bold; height:30px;overflow: hidden;line-height:30px;}
.list-text li  span{color:#999;font-size:12px;height:30px;overflow: hidden;line-height:30px;display: block;}
.list-text li  p{color:#666;font-size:14px;line-height:32px;height:64px;overflow: hidden;}
.list-text li a.more{margin-top:10px;color:#999;font-size:12px;display: block;width:70px;height:28px;line-height:28px;text-align: center;}
.list-text li:hover a.more{color:#fff;background: #f96465;border-radius: 15px;}
.list-text li:hover h3 a{color:#f96465;}

.list-image{overflow: hidden;padding:10px 0 20px 0;}
.list-image li{padding:0 25px; text-align: center;margin-bottom:60px;}
.list-image li .pic{ position: relative;}
.list-image li .pic .pic-bg{position: absolute;top:0;left:0;background: #f96465;width:100%;color:#fff;height:100%;display: none;}
.list-image li .pic .pic-bg i{font-size:30px;margin :19% auto 0;display: block;background: url(../image/index_51.png) no-repeat center center;width:32px;height:32px;}
.list-image li .pic .pic-bg h3{line-height:30px;height:30px;overflow: hidden;font-size:24px;margin:10px 0;}
.list-image li .pic .pic-bg b{display: block;width:50px;height:2px;background: #fff;margin:0 auto;}
.list-image li .title{line-height:30px;height:30px;margin-top:10px;font-size:16px;overflow: hidden;display: none;}
.list-image li:hover .pic .pic-bg{display: block;}

.content-pro-text{border-top:none;}
.content-pro{position: relative;max-width:700px;margin:0 auto;}
.pro_name{text-align: center;font-size: 20px;margin:15px 0;}
.proContName{text-align: center;font-size: 20px;margin:15px 0;}

.right_navBox{position: fixed;right:-100%;top:0;z-index:100;background: #fff;height:100%;transition: all linear .5s;-webkit-transition: all linear .5s;}
.que-name{height:60px;line-height:60px;background: #f6f6f6;overflow: hidden;}
.que-name p{transform: skew(-30deg);-webkit-transform: skew(-30deg);width:57%;display: inline-block;background: #f96465;height:60px;line-height:60px;
    padding:0 30px 0 35px;margin-left:-7%;}
.que-name span{transform: skew(30deg);-webkit-transform: skew(30deg); font-size:18px;color:#fff;display: inline-block;
    height:60px;line-height:60px;margin-left:7%;}
.que-name i{color:#f96465;font-size:24px;display: inline-block;height:60px;line-height:60px;cursor: pointer;margin-right:15px;}
.right_navBox  {width:100%;}
.right_navBox .rt-nav{width:100%;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 60px;}
.right_navBox .rt-nav li{position: relative;}
.right_navBox .rt-nav li.one-li{ line-height:45px;}
.right_navBox .rt-nav li.one-li a{display: block;width:100%;position: relative;z-index:20;border-bottom:1px solid #f6f6f6;padding:0 15px;}
.right_navBox .rt-nav li.one-li span{width:85%;height:45px;line-height:45px;display: inline-block;color:#666;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align: middle;}
.right_navBox .rt-nav li.one-li i{position: absolute;right:15px;height:45px;line-height:45px;color:#666;display: inline-block;top:0;width:20px;text-align: center;font-size:27px;font-weight: normal}
.right_navBox .rt-nav li.one-li .two .two-li a{border-bottom:2px solid #fff; background: #f6f6f6}
.right_navBox .rt-nav li.one-li .two .two-li span{margin-left:25px;width:78%;color:#f96465;}
.right_navBox .rt-nav li.one-li .three .three-li a{border:none;}
.right_navBox .rt-nav li.one-li .three .three-li span{margin-left:40px;}
.two{display: none;}
.three{display: none;}
.right_navBox.current{right:0;}
.list-image li .pic .pic-bg a:hover{color:#fff;}
.proContName{text-align: center;}

@media (max-width: 1200px) {
    .news-list li dl{height:310px;}
}
@media (max-width: 992px) {
    #header {height:80px;}
    .logo  {height:80px;}
    .logo a{height:80px;}
    .nav{margin:13px 0;}
    .banner .slick-prev, .banner .slick-next{width:38px;}
    .news-list li dl{height:260px;}
    .list-image li{padding:0 10px;margin-bottom:30px;}
    .list-image li .pic .pic-bg i{margin-top:14%;}
    .list-image li .pic .pic-bg h3{font-size: 20px;}
}
@media (max-width: 767px) {
    #header{height:60px;padding:5px 0;}
    .logo{height:50px;}
    .logo{text-align: center;float:none;margin:0 auto;}
    .logo a{height:50px;display: block;}
    .logo a img{position: absolute;top:0;bottom:0;margin:auto;left:0;right:0;}
    .banner .slick-prev, .banner .slick-next{width:32px;}
    .brand-content{height:370px;}
    .brandRt-txt{line-height: 24px;margin:20px 0; height:312px;  }
    .news-list li{width:50%;float:left;padding:15px 10px; }
    .news-list li dl{height:auto;}
    .news-list li:nth-child(2n) dt{position: static; }
    .news-list li:nth-child(2n) dd{position: static; }
    .news-list li dl dd p{line-height: 24px;height:48px;}
    .team-bg{padding:25px 0;}
    .case-list li{padding:0 10px;}
    .det-content{padding:20px 0;}
    .det-text{padding-bottom:20px;}
    .page li a{width:60px;height:30px;line-height: 30px;}
    .list-text li{padding:15px 0;}
    .list-image li .title{display: block;}
    .list-image li .pic .pic-bg{display: none;}
    .list-image li:hover .pic .pic-bg{display: none;}
    .list-image li{margin-bottom:30px;}
    .det-nav li{width:18%;}
    .page-ul li a{width:100%;line-height: 30px;height:30px;}
    .content-pro{width:100%;}
    .det-navBox{padding:0 15px; }
    .det-banner{height:200px;}
    .ban-cont h3{margin-top:58px;}
    .det-news{padding:25px 0;}
    .page-ul{margin-top:5px;}
    .page-ul li{margin-top:25px;}
    .news-list{height:auto;overflow: hidden;}
    .S-title{margin:30px auto 20px;}
    .S-title b{width:40px;}
    .S-title h3{font-size: 20px;margin:5px 0;}
    .services-ul li dl{padding:35px 0;}
    .services-ul li dl dd h3 a{font-size: 18px;margin:10px 0 5px;height:24px;}
    .slider_btn .slick-prev{left:0;}
    .slider_btn .slick-next{right:0;}
    .slider_btn .slick-prev, .slider_btn .slick-next{width:26px;height:56px;}
    .slider_btn .slick-prev:before,.slider_btn  .slick-next:before{height:20px;width:12px;}
    .S-more{margin:25px 0 20px;}
    .S-more a{width:180px;line-height: 35px;height:35px;}
    .det-nav{ height:40px;margin-top:-40px;}
    .det-navBox-mob{  height:40px;}
    .det-nav li a{line-height: 40px;height:40px;}
    .ban-cont h4{font-size: 18px;}
    .ban-cont h3{font-size: 24px;}
}
@media (max-width: 397px) {
    .brandLt{padding: 0;}
    .brandLt-list{padding:0;}
    .brandRt{padding:0;}
    .mobBanner,.mobBanner .swiper-wrapper img{height:250px;}
}
.slick-prev,.slick-next {font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {color:transparent;outline:none;background:transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {opacity:1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {opacity:.25;}
.slick-prev:before,.slick-next:before {font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-prev {left:-25px;}
[dir='rtl'] .slick-prev {right:-25px;left:auto;}
.slick-next {right:-25px;}
[dir='rtl'] .slick-next {right:auto;left:-25px;}
.slick-dotted.slick-slider {margin-bottom:30px;}
.slick-dots {position:absolute;bottom:18px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}
.slick-dots li {position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button {font-size:0;line-height:0;display:block;width:10px;height:10px;border-radius:5px;cursor:pointer;color:transparent;border:0;outline:none;background:#fff;opacity:.25;transition:.5s ease;}
.slick-dots li button:hover,.slick-dots li button:focus {opacity:.5;outline:none;}
.slick-dots li.slick-active button {width:20px;opacity:.5;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before {opacity:1;}
.slick-dots li button:before {font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before {opacity:.75;color:black;}
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track {position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after {display:table;content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}

.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
.fa-plus-square{color: #fff;margin: 30px auto 0;}
.fa-plus-square:before{font-size: 30px;}

.imglist dt,.pic-bg-mask{
    display: block;
    padding-bottom: 100%;
    position: relative;
}

.imglist dt img,.pic-bg-mask img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}