﻿/*===============================default common=======================================*/
.defblock{font-size:12pt;line-height:28px;color:#666;}
.defblock {padding:0px 0px 0px 0px;}
.defblock .pagewd {margin:0px auto;text-align:center;}
.defblock .pagewd h3 {font-weight:400;height:auto; color:#000;text-align:center;margin-bottom:30px;position:relative;}
.defblock .pagewd h3:after{display:block;content:"";clear:both;width:100%; }
.defblock .pagewd h3.cen{text-align:center;}
.defblock .pagewd h3 i{display: block;font-size: 16px;color: #000;text-transform: uppercase;font-weight: bold;line-height: 30px;}
.defblock .pagewd h3 small {display: block;line-height:40px;height:40px; font-size:26px;color:#000;font-weight:300;z-index:9;position:relative;margin-top:0px;}
.defblock .pagewd h3 small em{color:#000000;}
.defblock .pagewd h3 small:after {display: block;content: "";width: 60px;height: 1px;background: #333;position: absolute;left: calc(50% - 30px);bottom: -10px;}
.defblock .pagewd h3 font {margin-left:0px;color:#666;font-size:18px; line-height:40px;position:relative;top:0px;z-index:1}
.defblock .pagewd .pagemore01 {font-size:10pt; margin: 50px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;color:#999;line-height:46px;/*background:#f1f1f1;*/ border:1px solid #f1f1f1;}
.defblock .pagewd .pagemore02 {font-size:10pt;margin: 50px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;color:#fff;line-height:46px;background: #000000;transform: translateX(0);}
.defblock .pagemore03 {font-size:10pt;margin: 50px 0;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;float:right; color:#fff;line-height:46px;background: #000000;transform: translateX(0);}
.defblock .pagewd .pagemore01:hover,.defblock .pagewd .pagemore02:hover{width:220px;transition: all ease 0.5s;}
.def_bgrdp70{ background:#f6f7fb;}
.defblock .about_mgr{margin:0% auto 0% auto;padding:0px 0% 0px 0%;}
#newlist{margin-top:30px;}
.readmore {background:#0d2ea0;color: #ffffff;border: 1px solid #0d2ea0;height: 40px;line-height: 40px;width:120px;border-radius:5px;display:block;margin:0px auto 60px auto;}
/*主打产品*/
.defitem_list:after{display:block;content:"";width:100%;height:1px;clear:both;margin-bottom:0px;}
/*def_bgtype*/
.col-3-def{width:32%;margin-left:1%;margin-bottom:1%;}
.col-3-def:nth-child(3n){margin-right:0%;}
.def_bgtype{padding:0% 0;margin-top:1%;}
.def_bgtype .pagewd{width:100%;}
.showtype001{display:inline;float:left;height:400px; position:relative;text-align:left;overflow:hidden;background:#f6f7fb;border-radius:0px;}
.showtype001 ._tit{display:block;padding:50px;position:relative;z-index:1;}
.showtype001 ._tit a .faa{color:#232323;font-weight:300;line-height:300px;font-size:24px;}            
.showtype001 ._pic{display:block;height:400px;position:absolute;right:0px;top:0px;transition:all .3s;z-index:0;}
.showtype001 ._pic a{display:block;height:100%;}
.showtype001 ._pic a img{display:block;height:100%;}
.showtype001:hover ._pic{display:block;height:400px;position:absolute;right:20px;top:0px;transition:all .3s;}
@media screen and (max-width:720px) {
.col-3-def{width:32%;margin-left:1%;margin-bottom:1%;}
.col-3-def:nth-child(3n){margin-right:0%;}
.def_bgtype .pagewd{width:100%;margin:0% 0;}
.showtype001{display:inline;float:left;height:initial; position:relative;text-align:center;overflow:hidden;background:#f6f7fb;border-radius:0%;z-index:0;}
.showtype001 ._tit{display:block;padding:0px;position:absolute;top:50%;width:80%;left:10%;z-index:2;transform:translateY(-50%);}
.showtype001 ._tit a{display:block;width:100%;height:100%;z-index:3;}
.showtype001 ._tit a .faa{color:#232323;font-weight:400;line-height:initial;font-size:14px;text-align:center;white-space:initial;text-shadow:0px 0px 2px #fff;}            
.showtype001 ._pic{display:block;height:initial;position:relative;right:0px;top:0px;transition:all .3s;z-index:0;}
.showtype001 ._pic a img{display:block;height:100%;width:100%;}
.showtype001:hover ._pic{display:block;height:initial;position:absolute;right:0px;top:0px;transition:all .3s;}
}
/*公司介绍*/
.defabout-wrap{width:100%;margin:0px auto;color:#333;padding:0px 0 0px 0;position:relative;z-index:0}
.defabout-wrap{display:block;position:relative;z-index:3;background:initial;}
.defabout-wrap:after{display:block;content:"";width:100%;clear:both;}
.page_index_text{display:inline;float:right;width:100%;text-align:center;font-size:12pt;z-index:2;position:relative;margin-top:5%;padding-left:0%;padding-bottom:0%;}
.page_index_text h2{font-size:28pX;line-height:2;font-weight:300;margin-bottom:30px;position:relative;color:#333;}
.page_index_text h2:after{display:block;content:"";width:80px;height:1px;background:#000000;position:absolute;left:calc(50% - 40px);bottom:0px;}
.page_index_text span{display:block;width:100%;color:#333;margin:20px auto}
.page_index_text a{display:block;width:120px;color:#fff;background:#0d2ea0; border:1px solid #0d2ea0;font-size:12px;text-align:center;margin-top:30px}

@media screen and (max-width:1200px) {        
    .defblock {padding:0px 0px 0px 0px;}
    .defblock .pagewd {clear:both; width:100%;padding:0%; margin:50px auto;text-align:center;position:relative;}
    .def_bb{padding:0px 0px 0px 0px;background:#fff;}
    .def_bgrdp70 {padding:30px 0px 30px 0px;background:#f6f7fb;}
    .def_bg{background:rgba(55,79,90,.9);background-size:400% auto;padding:20px 0px 20px 0px;}    
    .defblock .about_mgr{width:100%; margin:0% auto 0% auto;padding:0px 0 0px 0;}   
    /*公司介绍*/
    .defabout-wrap{width:100%;padding:0;margin:0px auto;background:#000000;}
    .def_about {padding:0 0 30px 0;}
    .def_about .pagewd{padding:0%;width:100%;}
    .page_index_text{display:block;float:initial;width:95%;padding:50px 2.5% 0px 2.5%; text-align:left;font-size:12pt;color:#999;}
    /*主打产品*/
    .defitem_list:after{display:block;content:"";width:100%;height:1px;clear:both;margin-bottom:0px;}

    #footer_warp .pagewd{width:95%;}
}
@media screen and (max-width:1080px) {
    .defabout-wrap:after{display:block;width:100%;height:70%;background:#f7f7f7;content:"";position:absolute;left:0%;top:30px;z-index:-1}
    .page_index_text{display:block;float:right;width:95%;text-align:center;font-size:12pt;color:#999;z-index:2;position:relative;margin-top:0px;margin-bottom:30px;}

    .defblock{display:block;width:100%;overflow:hidden;}
    #prodlist{display:block;width:95%;padding:0 2.5%;}
    #prodlist .swiper-wrapper{display:block;}
    .defitem_list{display:block;width:100%;padding:0%;}
    .defblock .pagewd h3 small{font-size:22px;font-weight:500;height:initial;}
    .page_index_text h2{font-size:22px;}
}


