* {font-family: "Helvetica",Arial;}
i,em{font-style:normal;}


/**/
.ban1{position: relative;}
.ban1 .ban-con{width:100%; position: relative;}
.ban1 img{width: 100%;display: block;}
.ban1 .swiper-slide{position:relative;}
.ban1 .swiper-slide .ban-txt{width:100%;position:absolute;left:14rem;top:13.7rem;font-size:2.8rem;color:#ffffff; line-height:75px;}
.ban1 .swiper-slide .ban-txt i{color:#fff; font-size:3rem;}


.ban1 .ban-con{width:100%; position: absolute;left:0;top:0;padding-top:6rem;}
.ban1 .ban-con .content1{width:63.8rem;margin:0 auto;}
.ban1 .ban-con .ban-txt{width:25.8rem;height:19rem;position: relative;}
.ban1 .ban-con .ban-txt .ban-desc{width:100%; height:100%; padding:2.15rem 2.25rem 0 1.85rem; box-sizing: border-box;background:#03237a;z-index:200;position: relative;}
.ban1 .ban-con .ban-txt .ban-desc h4{line-height: 2.25rem; margin-bottom: 0.75rem;font-size:2.1rem; color:#ffffff;font-weight: normal;}
.ban1 .ban-con .ban-txt .ban-desc p{line-height: 1.3rem; font-size: 0.8rem; color:#FFF; margin-bottom: 1rem;}
.ban1 .ban-con .ban-txt .ban-desc strong{display: block; width:8rem;height:2.3rem;background:#FFF;}
.ban1 .ban-con .ban-txt .ban-desc strong a{display: block; text-align: center;}
.ban1 .ban-con .ban-txt .ban-desc strong i{display: inline-block; line-height: 2.3rem;font-size: 0.8rem; color:#03237a; padding-right:1.55rem;background:url(../images/ban-jt.png) no-repeat right; background-size:1.1rem 0.3rem;}
.ban1 .ban-con .ban-txt b{display: block;width:2.4rem;height:8rem;background:url(../images/ban-ico.png) no-repeat center; background-size:2.4rem 8rem; position: absolute;left:-1rem; bottom:-1rem;}
.ban1 .banner-prev, .ban1 .banner-next{position: absolute;width: 46px;height: 46px;line-height: 46px;font-size: 18px;font-family: "宋体";color: #ffffff;text-align: center;border: 1px solid #FFFFFF;border-radius: 50%;top: 50%;margin-top: -24px;z-index: 5;cursor: pointer;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.ban1 .banner-prev{left: 6%;}
.ban1 .banner-next{right: 6%;}
.ban1:hover .banner-prev, .ban1:hover .banner-next{opacity: 1;}
.ban1 .banner-prev:hover, .ban1 .banner-next:hover{background: #233550;border-color: #233550;}
.ban1 .banner-pagination{position: absolute;text-align: center;left: 0;right: 0;bottom: 25px;z-index: 10;}
.ban1 .banner-pagination .swiper-pagination-bullet{width: 14px;height: 5px;opacity: 0.5;background: #000000;border-radius: 27px;margin: 0 3px;}
.ban1 .banner-pagination .swiper-pagination-bullet-active{width: 40px;background: #FFFFFF;opacity: 1;}
.ban2,.ban3{display: none;}
@media screen and (max-width: 1024px){
        .ban1,.ban2{display: none;}
        .ban3{display:block;}
}
@media screen and (max-width: 767px){
    .ban1{display: none;}
    .ban2{display: block;}
    .ban3{display:none;}
    .ban2 li a{display: block;}

    
    .ban2 .ban-txt{width:100%; position:absolute;left:4.5rem;top:9.2rem; line-height:3.25rem;font-size:2.6rem;color:#ffffff; font-family:"OPPOSans"; font-weight:bold;}
    .ban2 .ban-txt i{color:#0277d6;}
}

/**/
.product{padding:2.35rem 0 4rem;}
.product h2{text-align: center; line-height: 97px;}
.product h2 a{font-size:34px; color:#333333;font-weight: normal;}
.product .pro-nav{margin-bottom:2.3rem;}
.product .pro-nav ul li{float:left;width:49.8%;height:5rem;background:#FFF;border:1px solid #c0ddf5; box-sizing: border-box; margin-bottom: 0.2rem;padding-left:1rem;}
.product .pro-nav ul li:nth-child(2n){float:right;}
.product .pro-nav ul li a{display: block; height:4.9rem;}
.product .pro-nav ul li i{display: block; width:2.6rem; height:4.9rem;float:left;}
.product .pro-nav ul li .p1{background:url(../images/our-ico1.png) no-repeat left;background-size:2.6rem 4.9rem;}
.product .pro-nav ul li .p2{background:url(../images/our-ico2.png) no-repeat left;background-size:2.6rem 4.9rem;}
.product .pro-nav ul li .p3{background:url(../images/our-ico3.png) no-repeat left;background-size:2.6rem 4.9rem;}
.product .pro-nav ul li .p4{background:url(../images/our-ico4.png) no-repeat left;background-size:2.6rem 4.9rem;}
.product .pro-nav ul li .p5{background:url(../images/our-ico5.png) no-repeat left;background-size:2.6rem 4.9rem;}
.product .pro-nav ul li .p6{background:url(../images/our-ico6.png) no-repeat left;background-size:2.6rem 4.9rem;}
.product .pro-nav ul li em{display: block; float:left; line-height: 4.9rem;font-size:1.1rem; color:#0277d6;}
.product .pro-nav ul li:hover .p1{background:url(../images/our-ico1_h.png) no-repeat left;background-size:2.6rem 4.9rem;}
.product .pro-nav ul li:hover .p2{background:url(../images/our-ico2_h.png) no-repeat left;background-size:2.6rem 4.9rem;}
.product .pro-nav ul li:hover .p3{background:url(../images/our-ico3_h.png) no-repeat left;background-size:2.6rem 4.9rem;}
.product .pro-nav ul li:hover .p4{background:url(../images/our-ico4_h.png) no-repeat left;background-size:2.6rem 4.9rem;}
.product .pro-nav ul li:hover .p5{background:url(../images/our-ico5_h.png) no-repeat left;background-size:2.6rem 4.9rem;}
.product .pro-nav ul li:hover .p6{background:url(../images/our-ico6_h.png) no-repeat left;background-size:2.6rem 4.9rem;}
.product .pro-nav ul li:hover{border:1px solid #eb3937;}
.product .pro-nav ul li:hover em{color:#eb3937;}
.product .ourbj{height:200px;background:url(../images/our-bj.jpg) no-repeat center;padding:43px 44px 0 43px; box-sizing: border-box;}
.product .ourbj .left{width:686px;float:left;}
.product .ourbj .left h4{line-height: 49px;font-size: 34px; color:#ffffff; margin-bottom: 7px; font-weight: normal;}
.product .ourbj .left p{line-height: 26px;font-size: 16px; color:#ffffff;}
.product .ourbj .left p.mc{display: none;}
.product .ourbj .left p.ipad{display: none;}
.product .ourbj strong{display: block; width:388px; height:46px;background:#eb3937;float:right; margin-top: 34px;}
.product .ourbj strong.ipad{display:none;}
.product .ourbj strong a{display: block; text-align: center;height:46px;}
.product .ourbj strong i{display: inline-block;line-height:23px; height: 46px;font-size: 16px; color:#ffffff; padding-right:32px;background:url(../images/our-jt.png) no-repeat right; font-weight: normal;    max-width: 88%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;}
@media screen and (max-width: 1024px){
    .product .ourbj{height:11.15rem;background:url(../images/our-bj1.jpg) no-repeat center;background-size:100% 100%;}
    .product .ourbj .left p.pc{display: none;}
    .product .ourbj .left p.mc{display: none;}
    .product .ourbj .left p.ipad{display: block;}
    .product .ourbj .left{width:520px!important;}
    .product .ourbj strong.pc{display:none;}
    .product .ourbj strong.ipad{display:block;width:252px;height:77px;padding-top:13px; box-sizing:border-box;}
    .product .ourbj strong.ipad i{line-height:25px;padding-right:42px;}
    .product .pro-nav ul li em{width:13rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}
@media screen and (max-width: 767px){
    .product{padding:3.25rem 4% 4rem;}
    .product h2{ line-height: 3.5rem; margin-bottom: 0.8rem;}
    .product h2 a{font-size: 2.1rem;}
    .product .ourbj{height:19.1rem;background:url(../images/ourmcbj.jpg) no-repeat center;background-size:100% 100%;padding:2.05rem 2.15rem 0 2rem; box-sizing: border-box;}
    .product .ourbj .left{width:100%!important;}
    .product .ourbj .left h4{line-height: 2.45rem; margin-bottom: 0.6rem;font-size:2.1rem; color:#ffffff;}
    .product .ourbj .left p{line-height: 1.75rem; font-size:1.1rem;color:#FFF;margin-bottom:0;}
    .product .ourbj .left p.pc{display: none;}
    .product .ourbj .left p.mc{display: block!important;}
    .product .ourbj strong{display: block; width: 27.3rem;    height: auto!important;background:#eb3937;margin-top: 1.55rem;float:left;}
    .product .ourbj .left p.ipad{display:none;}
    .product .ourbj strong.pc{display:block;padding:1rem 0;}
    .product .ourbj strong.ipad{display:none;}
    .product .ourbj strong a{ height: auto!important;}
    .product .ourbj strong i{ line-height: 1.5rem;background:url(../images/our-jt.png) no-repeat right;background-size:1.45rem 0.4rem;font-size: 1.2rem;    padding: 0.5rem 1.95rem 0.5rem 0;    max-width: 88%;}
}

/**/
.cases-pc{padding:2.5rem 0 4rem;background:#edf1f5;}
.cases-pc h2{text-align: center; line-height: 84px;}
.cases-pc h2 a{font-size: 34px; color:#333333; font-family: "Helvetica"; font-weight: normal;}
.cases-pc .cas-bd{overflow: hidden;height:520px;}
.cases-pc .cas-nav{height:60px; margin-bottom: 60px;}
.cases-pc .cas-nav ul li{float:left; width:178px; height:60px;border:1px solid #b2d2ed; box-sizing: border-box;background:#FFF; margin-right: 2px;}
.cases-pc .cas-nav ul li a{display: block; line-height: 58px; text-align: center; font-size: 18px; color:#0277d5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cases-pc .cas-nav ul li:last-child{width:120px;margin-right: 0;}
.cases-pc .cas-nav ul li.con.cur{border:1px solid #eb3937;}
.cases-pc .cas-nav ul li.con.cur a{color:#eb3937;}
.cases-pc .cas-nav ul li.last:hover{border:1px solid #eb3937;}
.cases-pc .cas-nav ul li.last:hover a{color:#eb3937;}
.cases-pc .cas-list{height:520px; position: relative;}
.cases-pc .cas-list .cas-bd .cass{width:310px!important; height:310px;float:left; background:url(../images/casbj.png) no-repeat center; background-size:100% 100%;padding-top:75px; box-sizing: border-box;  }
.cases-pc .cas-list .cas-bd .cass h4{ line-height: 1.45rem; text-align: center;font-size: 1.0rem; color:#FFF;width:90%;margin:0 auto 1rem; font-weight: normal;}
.cases-pc .cas-list .cas-bd .cass span{display: block; width:73.3%;margin:0 auto; line-height:0; overflow: hidden;}
.cases-pc .cas-list .cas-bd .cass span img{width:100%;}
.cases-pc .cas-list .cas-bd .swiper-slide{width:310px!important;height:310px!important;margin: 107px 0 0 0;}
.cases-pc .cas-list .cas-bd .swiper-slide.swiper-slide-active{width:520px!important; height:520px!important;margin-top:0;}
.cases-pc .cas-list .cas-bd .swiper-slide.swiper-slide-active .cass{height:100%!important;width:100%!important;padding-top:91px;margin-top:0;}
.cases-pc .cas-list .cas-bd .swiper-slide.swiper-slide-active .cass h4{width:70%; font-size: 26px; line-height: 1.85rem;}
.cases-pc .cas-list .cas-bd .swiper-slide.swiper-slide-active .cass span{width: 90.3%;}
.cases-pc .cas-list .cas-jt i{display: block; width:26px; height:51px; cursor: pointer; position: absolute; z-index:200;}
.cases-pc .cas-list .cas-jt i.cass-prev{background:url(../images/cas-prev.png) no-repeat center;position: absolute;left:0;top:235px;}
.cases-pc .cas-list .cas-jt i.cass-next{background:url(../images/cas-next.png) no-repeat center;position: absolute;right:0;top:235px;}

.cases-mc{display:none;}
@media screen and (max-width: 1024px){
    .cases-pc .cas-nav{height:142px; position:relative;}
    .cases-pc .cas-nav ul li{width:28.1%;height:70px;margin-bottom:2px;}
    .cases-pc .cas-nav ul li a{line-height:68px;}
    .cases-pc .cas-nav ul li.last{width:132px; height:142px;position:absolute;right:0;top:0;}
    .cases-pc .cas-nav ul li.last a{line-height:142px;}
    .cases-pc .cas-list,.cases-pc .cas-bd{height:430px;}
    .cases-pc .cas-list .cas-bd ul li{width:220px!important; height:220px;padding-top:38px;    margin: 107px 12px 0 0;}
    .cases-pc .cas-list .cas-bd ul li.cur{width:430px!important;height:430px;}
    .cases-pc .cas-list .cas-bd ul li h4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:0.85rem;}
    .cases-pc .cas-list .cas-jt i.cass-prev{top:193px;left:-43px;}
    .cases-pc .cas-list .cas-jt i.cass-next{top:193px;right:-43px;}
}
@media screen and (max-width: 767px){
    .cases-pc{display: none;}
    .cases-mc{display:block;background:#edf1f5;padding:2.0rem 0 4.0rem;}
    .cases-mc h2{line-height: 5.55rem; text-align: center;}
    .cases-mc h2 a{display:block;font-size:2.1rem; color:#333333; font-family: "Helvetica"; font-weight: normal;}
    .cases-mc .cas-nav{margin-bottom: 2.35rem;padding:0 4%;}
    .cases-mc .cas-nav ul li{float:left;width:33%; height:4.0rem; line-height: 3.9rem; margin:0 0.15rem 0.15rem 0;border:0.05rem solid #b2d2ed;box-sizing: border-box;background:#FFF; text-align: center; font-size:1.2rem; color:#0277d5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .cases-mc .cas-nav ul li:nth-child(3n){margin-right: 0;}
    .cases-mc .cas-nav ul li.c-on{color:#eb3937;border:1px solid #eb3937;}
    .cases-mc .cas-nav .cas-btn{width:100%;  height:4.0rem; line-height: 3.9rem;border:0.05rem solid #b2d2ed;box-sizing: border-box;background:#FFF; text-align: center; }
    .cases-mc .cas-nav .cas-btn a{display:block;font-size:1.2rem; color:#0277d5;}
    .cases-mc .cas-list .cas-swi{background:url(../images/casbj.png) no-repeat center;background-size:100% 100%;padding-top:4.55rem;height:26.0rem; box-sizing: border-box;margin:0 auto;}
    .cases-mc .cas-list .cas-swi h4{width:70%; line-height: 1.85rem; text-align: center; font-size:1.4rem; color:#FFF; font-family: "Helvetica"; font-weight: normal;margin:0 auto 2.75rem;}
    .cases-mc .cas-list .cas-swi span{display:block;width:90.3%; margin:0 auto;}
    .cases-mc .cas-list .cas-swi span img{width:100%;}
    .cases-mc .cas-nav .cas-btn:hover{border:1px solid #eb3937;}
    .cases-mc .cas-nav .cas-btn:hover a{color:#eb3937;}
}

/**/
.Popular{padding:59px 0 92px;}
.Popular h2{line-height: 73px; text-align: center; margin-bottom: 22px;font-size:34px; color:#333333; font-weight: normal;}
.Popular .pop-con{position: relative;}
.Popular .pop-con .pop-ul ul li{float:left; width:350px;margin-bottom: 16px;}
.Popular .pop-con .pop-ul ul li:nth-child(odd){margin-right: 404px;}
.Popular .pop-con .pop-ul ul li:nth-child(2n){float:right;}
.Popular .pop-con .pop-ul ul li dl{margin-bottom:0;}
.Popular .pop-con .pop-ul ul li dl dt{width:100%; line-height: 0; overflow: hidden;}
.Popular .pop-con .pop-ul ul li dl dt img{width:100%; transition: 1s;}
.Popular .pop-con .pop-ul ul li dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.Popular .pop-con .pop-ul ul li dl dd{background:#f2f2f2;padding:36px 32px 41px 26px; box-sizing: border-box;}
.Popular .pop-con .pop-ul ul li dl dd i{display: block; line-height: 19px;font-size: 16px; color:#808080; margin-bottom:12px;}
.Popular .pop-con .pop-ul ul li dl dd h4{line-height: 29px;}
.Popular .pop-con .pop-ul ul li dl dd h4 a{font-size: 22px; color:#333333; font-weight: normal;}
.Popular .pop-con .pop-ul ul li dl dd h4:hover  a{color:#eb3937;}
.Popular .news{width:468px;background:#f2f2f2;position: absolute; left:366px; top:0;}
.Popular .news dl{margin-bottom:0;}
.Popular .news dl dt{width:100%; line-height: 0; overflow: hidden;}
.Popular .news dl dt img{width:100%; transition:1s;}
.Popular .news dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.Popular .news dl dd{padding:22px 20px 0 28px; box-sizing: border-box;height:177px;}
.Popular .news dl dd i{display: block; line-height: 23px;margin-bottom: 8px;font-size: 16px; color:#808080;}
.Popular .news dl dd h4{line-height: 28px; margin-bottom: 10px;}
.Popular .news dl dd h4 a{font-size: 22px; color:#333; font-weight: normal;}
.Popular .news dl dd p{line-height: 23px;font-size: 16px; color:#333333;}
.Popular .news ul{padding:0 20px 0 28px; height:366px;}
.Popular .news ul li{ margin-bottom: 16px;}
.Popular .news ul li span{display: block;width:130px; line-height: 0; overflow: hidden;float:left;}
.Popular .news ul li span img{width:100%;transition:1s;}
.Popular .news ul li span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.Popular .news dl dd h4:hover a{color:#eb3937;}    
.Popular .news ul li h4{float:left;padding:17px 0 0 20px; width:282px; box-sizing: border-box;line-height: 30px;font-size: 22px; color:#333;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.Popular-mc{display: none;}
.Popular .news ul li h4:hover{color:#eb3937;}
@media screen and (max-width: 767px){
    .Popular{display: none;}
    .Popular-mc{padding:3.25rem 4% 4rem;display: block;}
    .Popular-mc h2{line-height: 3.5rem; margin-bottom: 0.8rem; text-align: center;}
    .Popular-mc h2 a{font-size:2.1rem; color:#333333; font-weight: normal;}
    .Popular-mc .pop-con{position: relative;background:#f2f2f2;}
    .Popular-mc .pop-con dl{margin-bottom:0;}
    .Popular-mc .pop-con dl dt{width:100%; line-height: 0; overflow: hidden;}
    .Popular-mc .pop-con dl dt img{width:100%;}
    .Popular-mc .pop-con dl dd{padding:1.6rem 1.5rem 2.15rem 1.95rem;}
    .Popular-mc .pop-con dl dd i{display: block; line-height: 1.65rem;font-size:1.1rem; color:#666666; margin-bottom: 0.65rem;}
    .Popular-mc .pop-con dl dd h4{line-height: 1.9rem; margin-bottom: 0.75rem;}
    .Popular-mc .pop-con dl dd h4 a{font-size: 1.5rem; color:#333333; font-weight: normal;}
    .Popular-mc .pop-con dl dd p{line-height: 1.8rem;font-size: 1.2rem; color:#333333;margin-bottom:0;}
    .Popular-mc .pop-con ul{padding:0 1.15rem 1.5rem 2rem;}
    .Popular-mc .pop-con ul li{margin-bottom: 1rem;}
    .Popular-mc .pop-con ul li span{display: block; width:10.6rem;line-height: 0; overflow: hidden;float:left;}
    .Popular-mc .pop-con ul li span img{width:100%;}
    .Popular-mc .pop-con ul li h4{float:right;padding-top:1.95rem;font-size: 1.5rem; color:#333333; font-weight: normal;width:19rem; line-height: 1.9rem;}
    .Popular-mc .pro-ul ul li{float:left; width:48.8%;background:#F2F2F2;}
    .Popular-mc .pro-ul ul li:nth-child(2n){float:right;}
    .Popular-mc .pro-ul ul li dl{margin-bottom:0;}
    .Popular-mc .pro-ul ul li dl dt{width:100%; line-height: 0; overflow: hidden;}
    .Popular-mc .pro-ul ul li dl dt img{width:100%;}
    .Popular-mc .pro-ul ul li dl dd{padding:1.6rem 1.65rem 2.1rem 1.95rem;}
    .Popular-mc .pro-ul ul li dl dd i{display: block; line-height: 1.85rem;font-size: 1.1rem; color:#666666; margin-bottom: 0.45rem;}
    .Popular-mc .pro-ul ul li dl dd h4{line-height: 1.9rem; margin-bottom: 0.45rem;}
    .Popular-mc .pro-ul ul li dl dd h4 a{font-size: 1.5rem; color:#333; font-weight: normal;}
    .Popular-mc .pro-ul ul li dl dd p{line-height: 1.8rem;font-size: 1.2rem; color: #333333;margin-bottom:0;}
    .Popular .news dl,.Popular .news dl dd p{margin-bottom:0;}
}
@media screen and (max-width: 1024px){
    .Popular .pop-con .pop-ul ul li{width:29.1%;}
    .Popular .news{left:30.4%;width:39.1%;}
    .Popular .pop-con .pop-ul ul li:nth-child(odd){margin-right:300px;}
    .Popular .news ul li h4{width:168px;}
}
/**/
.lx-con{height:200px;background:#0277d6;padding-top:44px; box-sizing: border-box;}
.lx-con span{display: block; text-align: center; margin-bottom: 5px;}
.lx-con span em{display: inline-block; padding-top:58px;background:url(../images/lx-btn.png) no-repeat center top; line-height:47px; font-size: 22px; color:#ffffff;}
.lx-con strong{display: block;width:286px; height:46px;float:right; position: relative;background:#03237a;}
.lx-con strong:before{width:12px; height:12px;background:#eb3937;content:"";position: absolute;left:-5px; top:-5px;}
.lx-con strong a{display: block; text-align: center;}
.lx-con strong i{display: inline-block; line-height: 46px;font-size: 16px; color:#ffffff;padding-right:31px;background:url(../images/lx-jt.png) no-repeat right; font-weight: normal;}
@media screen and (max-width: 767px){
    .lx-con{height:13.1rem;padding-top:1.95rem;}
    .lx-con span em{line-height: 3.2rem;padding-top:2.85rem;background:url(../images/lx-btn1.png) no-repeat center top;background-size:2.85rem 2.85rem;font-size:1.1rem;}
    .lx-con strong{margin:0 auto;float:none;width:21.4rem; height:2.8rem;}
    .lx-con strong i{line-height: 2.8rem; font-size: 1.2rem;}
    .lx-con strong:before{width:0.6rem; height:0.6rem;background:#5e8bdf;content:"";position: absolute;left:-0.25rem; top:-0.25rem;}
}


/*推荐产品*/
.pro_commend_con{border: solid 1px #f0f0f0;box-sizing: border-box;padding: 0 20px;}
.pro_commend_con .ncl_tit{height: 75px;font-size: 24px;font-weight: bold;line-height: 75px;color: #1a1a1a; position:relative; display:inline-block;font-family:"Helvetica";}

.pro_commend_con .ncl_list{line-height: 24px;margin-bottom: 10px;overflow: hidden;}
.pro_commend_con dl{line-height: 24px;margin-bottom: 10px;overflow: hidden;border: 1px #fff solid;}
.pro_commend_con dt{width: 134px;float: left;margin-right: 10px; border: solid 1px #e2e2e2;box-sizing: border-box; overflow:hidden}
.pro_commend_con dt img{ display:block; width:100%;display:inline-block;transition: 1s;   }
.pro_commend_con dd{display: block;width: 100%;}
.pro_commend_con dd .ncl_ddtit{line-height: 24px;overflow: hidden;/* text-align: center; */text-transform: none;display: block;/* font-weight: bold; */height: 48px;font-size: 14px;color: #333;}
.pro_commend_con dd .ncl_desc{/* display:none */display: none;width: 100%;font-size: 12px;color: #999;}
.pro_commend_con dl:hover .ncl_ddtit{ color:#00256E}
.pro_commend_con dl:hover dt {border: solid 1px #00256E;}
.pro_commend_con dl:hover dt img{transform:  scale(1.1);}

/*推荐资讯*/
.related-article{padding: 50px 0;    font-family: "Helvetica","Arial";}
.related-article .article-title{    font-size: 32px;
    color: #1a1a1a;
    line-height: 25px;
    margin-bottom: 29px;
    font-weight: bold;
    padding-left: 18px;
    border-left: 8px solid #03237a;}
.related-article .article-list{display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content: flex-start;flex-wrap: wrap;background:#FFF;}
.related-article .article-list dl{width: 32.33%;}
.related-article .article-list dt a, .related-article .article-list dt img{width: 100%;display: block;}
.related-article .article-list dd{padding: 10px 10px 0;}
.related-article .article-list dd h4{}
.related-article .article-list dd h4 a{display: block;line-height: 30px;max-height: 60px;font-size: 18px;color: #666;word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.related-article .article-list dl:hover h4 a{color: #25324D;}
@media screen and (max-width: 765px){
    .related-article{padding: 2.5rem 0;}
    .related-article .article-title{line-height: 3rem;font-size: 2rem;color: #25324D;}
    .related-article .article-list{display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content: flex-start;flex-wrap: wrap;}
    .related-article .article-list dl{width: 48.5%;margin-right: 3%;padding-top:5%;}
    .related-article .article-list dl:nth-of-type(2n){margin-right: 0;}
    .related-article .article-list dl:nth-of-type(4n){margin-right: 0;}
    .related-article .article-list dt{border: 1px solid #ddd;}
    .related-article .article-list dt a, .related-article .article-list dt img{width: 100%;display: block;}
    .related-article .article-list dd{padding-top: 1rem;}
    .related-article .article-list dd h4 a{display: block;line-height: 2rem;font-size: 1.2rem;color: #666;}
    .related-article .article-list dl:hover h4 a{color: #25324D;}
}

/*资讯列表*/
.container .right-sidebar{width: 28%;}
.container .site-content-archive-inner{float: right;width: 69%;}
.layout-container .blog-inner article{padding-bottom: 15px;margin-bottom: 15px;border: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;overflow: hidden;}
.layout-container .blog-inner .entry-wrap{transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.layout-container .blog-inner .entry-pic{float: left;width: 33.33%;border: 1px solid #ddd;overflow: hidden;}
.layout-container .blog-inner .entry-pic a, .layout-container .blog-inner .entry-pic img{display: block;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.layout-container .blog-inner .entry-excerpt{float: right;width: 63%;margin-bottom: 0;}
.layout-container .blog-inner .entry-excerpt h4{margin-bottom: 10px;padding-top: 5px;}
.layout-container .blog-inner .entry-excerpt h4 a{display: block;line-height: 25px;max-height: 50px;font-size: 18px;font-weight: 700;color: #737C8F;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.layout-container .blog-inner .entry-excerpt p{line-height: 22px;font-size: 14px;color: #666;height: 44px;overflow: hidden;margin-bottom: 10px;}
.layout-container .blog-inner .entry-date{height: 25px;}
.layout-container .blog-inner .entry-date a{display: inline-block;height: 25px;line-height: 25px;font-size: 15px;color: #737C8F;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.layout-container .blog-inner .entry-date span{float: right;height: 25px;line-height: 25px;font-size: 14px;color: #666;margin-right: 50px;}
.layout-container .blog-inner article:hover{box-shadow: 2px 2px 7px rgba(70, 70, 70, 0.2);}
.layout-container .blog-inner article:hover .entry-wrap{transform: translateX(15px);}
.layout-container .blog-inner article:hover h4 a, .layout-container .blog-inner article:hover .entry-date a{color: #25324D;}
.layout-container .blog-inner .entry-pic:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
@media screen and (max-width: 992px){
    .container .site-content-archive-inner{float: none;width: 100%;}
}
@media screen and (max-width: 765px){
    .layout-container .blog-inner .entry-excerpt h4{margin-bottom: 0.5rem;padding-top: 0;}
.layout-container .blog-inner .entry-excerpt h4 a{line-height: 4rem;max-height: 4rem;font-size: 3.2rem;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.layout-container .blog-inner .entry-excerpt p{line-height: 3.6rem;font-size: 2.8rem;color: #666;height: 7.2rem;overflow: hidden;margin-bottom: 1rem;}
.layout-container .blog-inner .entry-date{height: 3rem;}
.layout-container .blog-inner .entry-date a{float: left;display: block;height: 3rem;line-height: 3rem;font-size: 2.4rem;}
.layout-container .blog-inner .entry-date span{float: right;height: 3rem;line-height: 3rem;font-size: 2.4rem;color: #666;margin-right: 5rem;}
}

.pro-desc{background:#f2f2f2;}
.entry-comments{font-family:"Helvetica","Arial";}
.entry-comments .comment-title{font-size:32px; color:#1a1a1a; line-height:25px; margin-bottom:29px; font-weight: bold;padding-left:18px;border-left:8px solid #03237a;text-transform: capitalize;}
.entry-comments .form{width:100%; height:437px;background:#FFF; border:1px solid #d8e1eb; box-sizing:border-box;padding:34px 55px 0 55px;}
.entry-comments .form .col-md-4{height:50px; margin-bottom:4px; }
.entry-comments .form .col-md-4 input{line-height:50px;height:50px;background:#f7f7f7;border: 1px solid #f2f2f2;}
.entry-comments .form .col-md-12{line-height:0;}
.entry-comments .form .col-md-12 textarea{background:#f7f7f7;height:110px;}
.comment-form .comment-title.mb20{margin-bottom: 20px;}
.comment-form .comment-notes{line-height: 24px;font-size: 18px;padding: 10px 15px 5px;margin-bottom: 15px;color: #1a1a1a;}
.comment-form .comment-notes span{color: #a90907;}
.darna-contact-form .col-md-6 input[type="text"], 
.darna-contact-form .col-md-12 textarea{border-color: #dbdbdb;}
.darna-contact-form .col-md-12 input[type="submit"].darna-button{display: block;width: 20%;margin: 0 auto;}
@media screen and (max-width: 767px){
    .entry-comments .form .col-md-4{width:100%!important;}
    .picShow_box,.pro_show .txt{width:100%!important;}
}
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}

@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}