@import url("pcbase.css");

.title_box{position:relative; text-align:center; padding:45px 0 25px 0;}
.title_box .h2{ text-align: center; color: #176BC1; font-size: 32px; position: relative; font-weight:700; text-transform: uppercase;}


@-webkit-keyframes nexsliderbar{
	0%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
	50%{-webkit-transform:translateX(38px);transform:translateX(38px);}
	100%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
}
@keyframes nexsliderbar{
	0%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
	50%{-webkit-transform:translateX(38px);transform:translateX(38px);}
	100%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
}

.title_box i{ position: absolute; top: 6px;}
.title_box i:before{ content: ""; display: block; position: absolute; width: 11px; height: 11px;}
.title_box i.l:before{ right: 0;}
.title_box i.r:before{ left: 0;}
.title_box .h2 span{display: block;font-weight: 700;font-size: 14px;color: #666;padding: 9px 0 19px 0;}
.title_box i.l{ left: 50%;}
.title_box i.r{ right: 50%;}
.title_box i.l,.title_box i.r{ display: block; width: 40px; height: 1px; background: #D6D6D6;}

.pb_title{text-align:center;}
.pb_title h2{margin:0;font-size:40px;color:#474747;text-align:center;font-weight:bold;height:56px;line-height:56px;}
.pb_title span{color:#5c5b5b;text-align:center;line-height:32px;font-size:21px;position:relative;display:inline-block;text-transform:uppercase;}
.pb_title span:after{content:'';width:38px;height:1px;background:#BDBDBD;position:absolute;top:16px;right:-55px;}
.pb_title span:before{content:'';width:38px;height:1px;background:#BDBDBD;position:absolute;top:16px;left:-55px;}
.pb_title p{margin:0;line-height:24px;color:#383838;font-size:15px;margin-top:10px;}
.pb_title p em{font-style:normal;}
.pb_btn{text-align:center;}
.pb_btn .pbbtn{display:inline-block;height:45px;line-height:45px;text-align:center;color:#666;padding:0 70px;border:1px solid #666;margin-left:27px;}
.pb_btn .pbbtn:first-child{margin-left:0;}

.cpcenter{overflow: hidden; background: #FAFAFA; padding: 20px 50px 10px 50px;}
.cpcenter .title_box{ padding-top: 0 !important;}
.cpcenter .container{ overflow: hidden;}
.cpcenter .toptitle{ font-weight: normal; width: 100%; text-align: center; height: 50px;}
.cpcenter .layui-colla-title a.more{ color: #fff; position: absolute; right: 8px;}
.cpcenter .toptitle span{ font-size: 24px; color: #fff;}
.cpcenter .toptitle em{ font-size: 24px; color: #fff; font-weight: bold;}
/* .leftlist h3{height: 79px;background: url(../images/lefttit.jpg) no-repeat;width: 100%;text-align: center;font-size: 1.5rem;color: #fff; padding-top: 18px;} */


.leftlist h3 {
    margin: 0;
    width: 100%;
    height: 87px;
    background: url(../images/ptitlebg.png) no-repeat right center #c5262b;
    font-size: 30px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    line-height: 36px;
    padding: 29px 0 27px;
}

.leftlist h3 span{ display: block; width: 100%; height: 10px;font-size: 0.8rem;}
.leftlist{float: left;width: 270px;background: #fff;}
.leftlist .layui-collapse{ overflow: hidden; margin: 0 auto; border:0; height: 520px; background: #F4F4F4;}

.rightprodt{width: 990px; height:599px; float: right;overflow: hidden;background: #EEEEEE; padding: 20px;}
.rightprodt .layui-tab-content{ padding: 0; width: 1014px;}

.leftlist .layui-colla-title{ background: #282739; color: #fff;}
.leftlist .layui-colla-item{ margin-bottom: 10px;}
.leftlist .layui-colla-content { padding: 0 15px;}
.leftlist .layui-colla-content ul li{ border-bottom: 1px dashed #CECECE; padding: 10px 0; font-size: 14px;}
.leftlist .layui-colla-content ul li i{ font-size: 0.6rem; float: left;}

.rightprodt .chgbox{ overflow: hidden;}
.rightprodt .Cmtab{background: #006DB5;padding: 10px 0 10px 20px;margin-bottom: 10px; height: auto;}
.rightprodt .Cmtab li{ float: left;text-align: center;color: #fff; transition: all 0s; -webkit-transition: all 0s;}
.rightprodt .Cmtab li a{display: inline-block;height: 30px;text-decoration: none;font-size: 0.8rem;color: #fff;line-height: 30px;padding-left: 16px;padding-right: 16px;  transition: all 0s; -webkit-transition: all 0s;}
.rightprodt .Cmtab li.layui-this{ background: #fff; color: #000; }
.rightprodt .Cmtab li:hover{ background: #fff; color: #000;}
.rightprodt .Cmtab li:hover a{ color: #000;}
.rightprodt .Cmtab li.layui-this a{ color: #000;}
.rightprodt .Cmtab.layui-tab-title .layui-this:after{ height: 41px; border-width: 0;}
.rightprodt .Cmtab a.more{ display: inline-block; width: 50px; height: 40px; color: #fff; font-size: 0.8rem; line-height: 40px; float: right; position: absolute; right: 0;}
.rightprodt .Cmtab a.more i{ float: right;}


.rightprodt .part .cppiclist{ overflow: hidden; border-bottom: 2px solid #363636; padding-top: 12px;}
.layout_li {
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    width: 31.1%;
	margin: 0 0 35px 25px;
}
.layout_li.ml{ margin-left: 0;}
.product_main {
    text-align: center;
    overflow: hidden;
	-moz-box-shadow:0px 1px 15px rgba(0,0,0,.2); -webkit-box-shadow:0px 1px 15px rgba(0,0,0,.2); box-shadow:0px 1px 15px rgba(0,0,0,.2);
}
.product_main .product_img {
    position: relative;
	padding: 7px;
	background: #fff;
}
.list_main .imgeffect {
    position: relative;
}
.product_main .imgeffect {
    overflow: hidden;
    display: block;
}
.product_main .imgeffect img.thumb {
    display: block;
    width: 100%;
    min-height: 180px;
}
img.thumb {
    display: block !important;
}
.product_main .product_img .added_to_cart, .product_main .product_img a.button {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0);
    background-color: rgba(0,0,0,.6);
    color: #fff;
    padding: 4px 20px;
    z-index: 12;
}
.cppiclist .list_main{ transition: ease-in-out .5s;}
.cppiclist .list_main .con {
    background-color: #fff;
    padding: 0 12px 20px 12px;
}
.cppiclist .list_main:hover {
    
}

.product_main:hover a.added_to_cart, .product_main:hover a.button{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.product_main .con h3{ padding: 15px 0 0 0; font-size: 22px;}
.gouzi{ background: #B5070D; padding: 10px 0 10px 15px;}
.gouzi p{ color: #fff;}
.gouzi .p1{ font-size: 20px;}
.gouzi .p2{ font-size: 30px;}

#infobg{padding:45px 0 20px;background:url(../images/infobg.jpg) no-repeat center top;background-size:auto 591px;}
#infobg .info{}
#infobg .info .info_content{padding:0 90px;margin-top:32px;}
#infobg .info .info_content p{margin:0;line-height:30px;text-align:center;font-size:16px;color:#FFF;}
#infobg .info .info_btn{margin-top:34px;text-align:center;}
#infobg .info .info_btn a{height:45px;line-height:45px;border:1px solid #CAC7BA;color:rgba(255,255,255,.7);text-align:center;display:inline-block;padding:0 70px;}
#infobg .info .i_ul{margin-top:64px;padding:43px 40px 14px;background:#F4F4F4;}
.i_ul_title{height:34px;line-height:34px;position:relative;text-align:center;}
.i_ul_title:before{content:'';position:absolute;top:17px;left:0;width:100%;height:1px;background:#CFCFCF;z-index:1;}
.i_ul_title h2{margin:0;display:inline-block;height:34px;line-height:34px;padding:0 40px;font-size:24px;font-weight:bold;color:#4c4c4c;background:#F4F4F4;position:relative;z-index:2;}
.i_ul_title h2:after{content:'';position:absolute;left:-7px;top:14px;width:7px;height:7px;background:#CFCFCF;}
.i_ul_title h2:before{content:'';position:absolute;right:-7px;top:14px;width:7px;height:7px;background:#CFCFCF;}
#infobg .info .i_ul_c{overflow:hidden;width:100%;margin-top:34px;}
#infobg .info .swiper-slide{}
#infobg .info .swiper-slide .i_li{width:100%;padding-bottom:75%;position:relative;}
#infobg .info .swiper-slide .i_li .i_img{position:absolute;width:100%;height:100%;top:0;left:0;}
#infobg .info .swiper-slide .i_li .i_img img{object-fit:cover;width:100%;height:100%;}
#infobg .info .swiper-slide p{margin:0;color:#282828;text-align:center;height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;}
#infobg .info .swiper-slide p a{color:#282828;}

.anlibg{ height: auto; background: #fff; padding: 20px 0 50px 0;}
.anlibg .title_box i{ width: 130px; top: 22px;}
.anlibg .title_box i.l{ margin-left: -238px;}
.anlibg .title_box i.r{ margin-right: -238px;}
.anlibg .title_box p{ margin-top: 12px; position: relative; color: #B2B2B3; font-size: 16px;}
.anlibg .h2 span{ color: #0B71D0; display: inline-block; font-size: 32px; padding: 0;}

.picScroll_top {margin:0 auto; position:relative;}
.picScroll_top .hd {position:relative;z-index:999;}
.picScroll_top .hd .prev,.picScroll_top .hd .next {display:block;width:55px;height:55px;margin-right:5px;margin-top:10px;overflow:hidden;cursor:pointer;}
.picScroll_top .hd a.prev,.picScroll_top .hd a.next {position:absolute;top:98px;color:#a29a9a;width:50px;height:80px;background:#fff; top:0;z-index:999; top: 92px;}
.picScroll_top .hd a.prev {right:-5px;}
.picScroll_top .hd a.next {left:10px;}
.picScroll_top .hd a.next:before { font-family: FontAwesome; content:'\f053';font-size:28px;margin:27px 0 0 13px;display:block;}
.picScroll_top .hd a.prev:before {font-family: FontAwesome; content:'\f054';font-size:28px;margin:27px 0 0 17px;display:block;}
.picScroll_top .hd a.prev:hover,.picScroll_top .hd a.next:hover {color:#333;box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);cursor:pointer;}
.picScroll_top .bd {padding:10px; overflow:hidden; width: 90%; margin: 0 auto;}
.picScroll_top .bd ul {overflow:hidden;}
.picScroll_top .bd ul li {text-align:center;width:24.8%;float:left;margin-right:20px; background: #EEEEEE; padding: 6px; border-radius: 5px;}
.picScroll_top .bd ul li:hover{ background: #1ED2AF;}
.picScroll_top .bd ul li:hover h3{ background: #2D3E50;}
.picScroll_top .bd ul li:hover h3 a{ color: #fff;}

.picScroll_top ul li {position:relative;}
.picScroll_top h3 {font-size:20px;}
.picScroll_top h3 a{ display: block; width: 100%; padding: 15px 0; text-align: left; font-weight: 700; font-size: 16px;color: #858585; padding-left: 10px;}
.picScroll_top .intro{ padding: 1px 0 10px 0; color: #a9a9a9;}
.picScroll_top a.more{ width: 100%; display: block; text-align: left; color: #a9a9a9;}
.picScroll_top .excerpt {margin-bottom:15px;text-align:left; line-height: 25px; padding: 10px 20px 20px 20px;}
.picScroll_top ul li .img a.thumb {position:relative;display:block;}
.picScroll_top ul li:hover a.thumb img {transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
.picScroll_top ul li .img img.thumb {display:block;width:100%;}
.picScroll_top ul li .img {position:relative;overflow:hidden;display:block;}
.picScroll_top ul li span.btn,.picScroll_top ul li .hover_btn {top:50%;position:absolute;text-align:center;line-height:48px;z-index:10;opacity:0;visibility:hidden;}
.picScroll_top ul li span.btn {left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);}
.picScroll_top ul li .btn {background-color:rgba(255,255,255,.5);border:1px rgba(255,255,255,.3) solid;width:48px;height:48px;border-radius:100%;}
.picScroll_top ul li span.btn i {color:#fff;font-size:22px;margin-right:1px;}
.picScroll_top ul li .img a.thumb:before {position:absolute;content:'';top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0);z-index:2;}
.imghover:hover a.thumb:before { background-color: rgba(52, 52, 52, 0.8) !important;}
.imghover:hover a.thumb img {transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
.imghover .img:hover img.thumb {opacity:0.8;}
.imghover:hover span.btn,.home_service ul li:hover .hover_btn {opacity:1;visibility:visible;}
.imghover:hover span.btn {-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.imghover span.btn:hover {background-color:#c91d0d !important;border-color:#c91d0d !important;color:#fff !important;}
.imghover span.btn:hover i {color:#fff;transition:ease-in-out 0s;}

.why{ height: 518px; background: url(../images/bg.jpg) no-repeat center center;}
.why .title_box{ padding-bottom: 45px; padding-top: 95px;}
.why .title_box .h2{ color: #fff; margin-bottom: 15px;}
.why .title_box p{ color: #9EAFC0;}
.why ul{ }
.why ul li{ width: 159px; height: 207px; float: left; position: relative; text-align: center; margin-left: 69px;}
.why ul li:first-child{ margin-left: 0;}
.why ul li p{ width: 100%; height: 50px; line-height: 50px; position: absolute; bottom: 0; color: #fff;}
.why ul li:hover p{ color: #1DD2AF;}
.why ul li.li1{ background: url(../images/dyb1.png) no-repeat;}
.why ul li.li1:hover{ background: url(../images/dyl1.png) no-repeat;}
.why ul li.li2{ background: url(../images/dyb2.png) no-repeat;}
.why ul li.li2:hover{ background: url(../images/dyl2.png) no-repeat;}
.why ul li.li3{ background: url(../images/dyb3.png) no-repeat;}
.why ul li.li3:hover{ background: url(../images/dyl3.png) no-repeat;}
.why ul li.li4{ background: url(../images/dyb4.png) no-repeat;}
.why ul li.li4:hover{ background: url(../images/dyl4.png) no-repeat;}
.why ul li.li5{ background: url(../images/dyb5.png) no-repeat;}
.why ul li.li5:hover{ background: url(../images/dyl5.png) no-repeat;}
.why ul li.li6{ background: url(../images/dyb6.png) no-repeat;}
.why ul li.li6:hover{ background: url(../images/dyl6.png) no-repeat;}

#news{padding:25px 0 55px; background: #EBE7DF;}
#news .newc_c{}
#news .news_title{width:100%;margin-top:20px}
#news .news_title .news_span{text-align:center;}
#news .news_title .news_span span{width:220px;height:40px;line-height:40px;text-align:left;display:inline-block;font-size:18px;position:relative;cursor:pointer; text-transform: uppercase;}
#news .news_title .news_span span.hover,#news .news_title .news_span span:hover{}

#news .news_li{margin-top:21px;}
#news .news_li a{width:100%;float:left;padding:22px 0 16px;display:block;border-bottom:1px dashed #E3E3E3;}
#news .news_li a .time{width:64px; height: 82px; background:#58C5A0;float:left;}
#news .news_li a .time .day{font-size:34px;display:block;line-height:54px;height:54px;text-align:center;color:#fff;margin-top:2px;}
#news .news_li a .time .year{height:22px;background:#58C5A0;line-height:22px;display:block;text-align:center;color:#fff;font-size:12px;}
#news .news_li a .txt{width:calc(100% - 81px);float:right;}
#news .news_li a .txt p{margin:0;color:#888;line-height:22px;margin-bottom:4px;}
#news .news_li a .txt p:first-child{font-weight:bold;font-size:18px;color:#333;line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;}

.news_li .layui-col-lg6{ width: 48%;}
.news_span .layui-col-lg6{ width: 48%; line-height: 40px;}



.cpcenter{ background: #EBE7DE; margin-top: 3px;}
.cpcenter .title_box span.line:before{ left: 26%;}
.cpcenter .title_box span.line:after{ right: 26%;}
.cpcenter .cppiclist {overflow:hidden;}
.cpcenter .cppiclist li {float:left;overflow:hidden;text-align:center;}
.cpcenter .cppiclist .licon{ background: #fff;}
.cpcenter .cppiclist li.one {margin-left:0;}
.cpcenter .cppiclist li img {display:block;width:100%;height:283px; padding: 8px 8px 15px 8px;}
.cpcenter .cppiclist li h3 {padding:20px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.1rem;color:#fff;background:#182133;}
.cpcenter .cppiclist li h3 a {display:block;width:100%;height:100%;color:#fff;}
.cpcenter .cppiclist li p {padding:20px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#fff;}
.cpcenter .cppiclist li .name{     display: flex;
    padding: 0 18px 0 100px;
    border-top: 1px solid #E9E7E7;
    color: #000;
    height: 97px;
    align-items: center;
    justify-content: center;}
.cpcenter .cppiclist li .more {display:block; width: 86px; height: 86px; line-height: 86px; color:#fff;background:#58C5A0; margin: 0 auto; border-radius: 5px; position: absolute; bottom: 27px; left: 27px;}
.cpcenter .layui-tab{}
.layui-tab-title,.layui-tab-title .layui-this:after {border:0;}
.cpcenter .layui-tab-title {height:auto;margin:0 auto;overflow:visible; text-align: center; position: relative;}
.cpcenter .layui-tab-title li {width:24.2%;padding:0;margin-right:10px;}
.cpcenter .layui-tab-title li a {padding:6px 0;font-size:16px; color: #2E4151; text-align: left;}
.cpcenter .layui-tab-title li.layui-this a {color:#fff; background: #2E4151;transition: ease-in-out 0s;}
.cpcenter .layui-tab-title li a p{ height: 30px; line-height: 30px;}
.cpcenter .layui-tab-title li a p:first-child{ margin: 47px 0 0 0; color: #000; font-size: 20px;}
.cpcenter .layui-tab-title li a p.name{ font-weight: bold; font-size: 20px;}
.cpcenter .layui-tab-content {padding:10px 0; margin-top: 20px;}
.cpcenter ul.cppiclist li .img p {top:5px;left:20px;width:86%;height:96%;position:absolute;text-align:left;z-index:10;opacity:0;visibility:hidden;}
.cpcenter ul.cppiclist li .img p span {display:block;padding-bottom:5px;white-space:normal;font-size:14px;}
.cpcenter ul.cppiclist li:hover .img p {opacity:1;visibility:visible;}
.cpcenter ul.cppiclist li .img a.thumb {position:relative;display:block;}
.cpcenter ul.cppiclist li .img:hover img.thumb {opacity:0.8;}
.cpcenter ul.cppiclist li .img img.thumb {display:block;width:100%;}
.cpcenter ul.cppiclist li .img {position:relative;overflow:hidden;display:block;}
.cpcenter .layui-tab-title li{ position: relative;}
.cpcenter .layui-tab-title li a{ height: 92px; position: relative; z-index: 9; padding: 0 35px; white-space: normal; text-align: center; line-height: 30px; display: flex; align-items: center; position: relative;}
.cpcenter .layui-tab-title li.layui-this a:before{ content: "\f0d7"; font: normal normal normal 22px/1 FontAwesome; position: absolute; bottom: -14px; color: #2E4151; left: 50%; margin-left: -11px;}