﻿.containerbox .pagewd {width:90%;margin:0px auto;}
/*===============================banner=======================================*/
#defbanner {position:relative;display:block;width:100%;top:0px;z-index:0;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:8%;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 5px;}
.swiper-pagination-bullet{width:20px;height:20px;}
.defad{display:block;overflow:hidden;margin-bottom:20px;}
.defad img{width:100%;}
.swiper-slide-b{position:relative; z-index:10;}
.swiper-slide-b a{display:block;width:100%;height:100%;background-position:top center;}
.swiper-slide-b .img_cover{position:absolute;width:100%;height:100%;text-align:center; left:0;top:0;}
.swiper-slide-b .img_cover div.text_bg{display:block;width:600px;height:100px;padding:2%; position:absolute;top:calc(50% + 100px);left:4%;z-index:90;/*color:#fff;background:rgba(255,255,255,.5);*/}
.swiper-slide-b .img_cover h1{display:block;width:100%;height:60px;padding:0%; position:absolute;top:calc(50% - 120px);left:0;z-index:91;color:#ffffff;font-size:68px;text-shadow:5px 5px 2px #00000030;}
.swiper-slide-b .img_cover h2{display:block;width:100%;height:60px;padding:0%; position:absolute;top:calc(50% + 30px);left:0;z-index:91;color:#ffffff90;font-size:28px;text-shadow:3px 3px 2px #00000070;}
.news_ba{position: absolute;top:calc(50% - 80px);right: 4%;color: #fff;text-align: right;z-index:91; }
.news_ba h3{color:#fff;position:relative;height:40px;line-height:40px;}
.news_ba h3:after{content:"";width:30%;height:2px;background:#35a7ee;position:absolute;clear:both;bottom:0;right:0;}
.news_ba ul li a span{color: #fff;background:rgba(0,0,0,.55);}
.news_ba ul li a label {color:#35a7ee;margin-right:20px;}
#banner_news {display:none;}
@media screen and (max-width:1280px) {
    #defbanner {position:relative;display:block;width:100%;top:0px;z-index:0;margin:0px auto 0px auto;}
    .swiper-slide-b .img_cover h1{display:block;width:100%;height:60px;padding:0%; position:absolute;top:calc(50% - 20px);left:0;z-index:91;color:#ffffff;font-size:24px;}
    .swiper-slide-b .img_cover h2{display:block;width:100%;height:60px;padding:0%; position:absolute;top:calc(50% + 30px);left:0;z-index:91;color:#ffffff96;font-size:18px;}
    .swiper-button-prev-white,.swiper-button-next-white{display:none;}
}

/*===============================default common=======================================*/
.content{position:relative;margin-top:0px;}
.defblock{font-size:12pt;line-height:28px;color:#666;position:relative;margin-top:0px;}
.defblock:after{display:block;content:"";width:100%;clear:both;}
.defblock {padding:0px 0px 0px 0px;}
.defblock a{overflow:hidden;}
.defblock .pagewd {margin:0px auto;}
.def_bgrdp70{padding:0px 0px 60px 0px;background:#fff;}
.def_bgnews{padding:0px 0px 0px 0px;background:#f6f7fb;}
.def_bgprod{background:#f6f7fb;}
.def_bgpartner{background:#f6f7fb;}
/*
.defblock img{-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);-transform:scale(1.0,1.0);transition:all .3s}
.defblock img:hover{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-transform:scale(1.2,1.2);transition:all .3s}
*/
/*===============================大标题=======================================*/
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-uppercase {text-transform: uppercase;}
.mTitbg{ overflow:hidden;padding:30px 0 30px 0px;}
.mTitbg h2{ display:block; position:relative; font-size:48px;line-height:2; color:#333;font-weight:600;}
.mTitbg h2 p{ font-size:20px; color:#61666a; line-height:2; font-family:Arial;margin:0px;font-weight:400;display:block;}
.mTitbg h2 a.btn{display:none;width:180px;height:60px;line-height:60px;font-weight:300; background:none;position:absolute;top:30px;right:0px;}
/*prod_lines*/
.prodlist{display:block;width:80%;margin:0 auto}
.prodlist a span.icon{display:block;width:80px;height:80px;line-height:80px;text-align:center;margin:0 auto;background:#61666a;color:#fff;border-radius:50%;font-size:42px}
.prodlist a:hover span.icon{background:#92c94e}
.prodlist .swiper-slide-active a span.icon{background:#92c94e}
.prodlist a span.faa{display:block;min-height:80px;line-height:40px}
.prodlist .swiper-wrapper{padding-bottom:40px}
/*whychoose*/
.def_bgwhy{background:#f6f7fb}
.def_bgwhy .pagewd{display:block;width:80%;margin:0 auto 60px auto}
.whybox{display:inline;float:left;text-align:center}
.whybox div.iconfont{display:block;width:80px;height:80px;line-height:80px;text-align:center;margin:0 auto 30px auto;font-size:42px;border-radius:50%}
.whybox div.bg01{background:#61666a;color:#fff}
.whybox div.bg02{background:#92c94e;color:#fff}
.whybox div.bg03{background:#0096d7;color:#fff}
.whybox div.bg04{background:#e40231;color:#fff}
/*about us*/
.aboutcon{display:block;text-align:center;text-indent:2em;width:80%;margin:0 auto}
.aboutcon a.morelink{display:block;margin:30px auto;text-indent:initial;width:150px;height:40px;line-height:40px;background:#61666a;color:#fff;text-align:center;text-align:center}
.aboutalbum{display:block;text-align:center;width:80%;margin:0 auto}
.aboutalbum:after{display:block;content:"";width:100%;clear:both;}
.aboutalbum div{display:inline;float:left;position:relative}
.aboutalbum div:after{position:absolute;display:block;content:"";width:80%;height:75%;background:#f6f7fb;left:10%;top:30px;transform:rotate(5deg);z-index:0}
.aboutalbum div:before{position:absolute;display:block;content:"";width:80%;height:75%;background:#92c94e;left:10%;top:30px;transform:rotate(-5deg);z-index:1}
.aboutalbum div img{display:block;position:relative;width:80%;margin:30px auto;z-index:2}
@media screen and (max-width:1200px) {        
    #defbanner{position:relative; margin-top:0px;}
    .content{position:relative;margin-top:0px;display:block;width:95%;padding:0 2.5%;}
    .def_bgprod{background:#fff;}
    .def_bgnews{padding:0px 0px 0px 0px;background:#ffffff;}
    .def_bgpartner{background:#fff;}
    /*===============================大标题=======================================*/
    .text-center {text-align:center;}
    .text-uppercase {text-transform: uppercase;}
    .mTitbg{ overflow:hidden;min-height:initial;}
    .mTitbg h2{ display:block;position:relative; font-size:24px;line-height:2; color:#e40231;font-weight:600;width:100%;border-bottom:0px solid #dcdcdc;text-align:center;}
    .mTitbg h2 span{padding:9px 0px;border-bottom:0px solid #e40231;margin-bottom:0;display:block;}
    .mTitbg h2 p{ font-size:16px; color:#323232; line-height:24px; font-family:Arial;margin:0px;font-weight:400;display:inline-block;margin-left:10px;}
    .mTitbg h2 a.btn{width:80px; height:48px;line-height:48px;font-size:14px;font-weight:300;float:right;position:relative;text-align:right;border:0px;display:none;}
    .mTitbg h2 a.btn:hover{display:block;width:120px;height:40px;line-height:40px;font-weight:300; background:#e40231;color:#fff;position:absolute;top:4px;right:0px;}

    .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white,
    .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{display:none;}

    .defblock { padding:30px 0px 0px 0px;}
    .def_bb{padding:0px 0px 80px 0px;}
    .def_bgrdp70 {padding:30px 0px 0px 0px;}
    .def_bg{background:rgba(55,79,90,.9);background-size:400% auto;padding:20px 0px 20px 0px;}       


    .def_bgwhy{display:block;width:100%;margin:0 auto 60px auto}
    /*about us*/
    .aboutcon{display:block;text-align:center;text-indent:2em;width:100%;margin:0 auto}
    .aboutalbum{display:block;text-align:center;width:100%;margin:0 auto}

}
@media screen and (max-width:1366px) and (min-width:768px) {
    #head_warp {background: #ffffff;}
    .navBar ul a ,.navBar .iconfont{color:#333;}
    .btn-nav .icon-bar{background:#333;}
    #header_rgt div.iconfont{color:#333;}
    #defbanner {position: relative;padding-top:100px;}
}
@media screen and (max-width:767px){
    #head_warp {background: #ffffff;}
    #defbanner {position: relative;padding-top:60px;}
}
/*列*/
.col-1{width:100%;margin-right:0%;margin-bottom:2%;}
.col-2{width:49%;margin-right:2%;margin-bottom:2%;}
.col-2:nth-child(2n){margin-right:0%;}
.col-3{width:32%;margin-right:2%;margin-bottom:2%;}
.col-3:nth-child(3n){margin-right:0%;}
.col-4{width:23.5%;margin-right:2%;margin-bottom:2%;}
.col-4:nth-child(4n){margin-right:0%;}
.col-5{width:18.4%;margin-right:2%;margin-bottom:2%;}
.col-5:nth-child(5n){margin-right:0%;}
.col-6{width:15%;margin-right:2%;margin-bottom:2%;}
.col-6:nth-child(6n){margin-right:0%;}
@media screen and (max-width:720px) {
    /*列*/
    .col-1{width:100%;margin-right:0%;margin-bottom:2%;}
    .col-2{width:49%;margin-right:2%;margin-bottom:2%;}
    .col-2:nth-child(2n){margin-right:0%;}
    .col-3{width:100%;margin-right:0%;margin-bottom:2%;}
    .col-3:nth-child(3n){margin-right:0%;}
    .col-4{width:49%;margin-right:2%;margin-bottom:2%;}
    .col-4:nth-child(4n){margin-right:0%;}
    .col-4:nth-child(2n){margin-right:0%;}
    .col-5{width:49%;margin-right:2%;margin-bottom:2%;}
    .col-5:nth-child(5n){margin-right:2%;}
    .col-5:nth-child(5n){margin-right:0%;}
    .col-6{width:49%;margin-right:2%;margin-bottom:2%;}
    .col-6:nth-child(6n){margin-right:2%;}
    .col-6:nth-child(2n){margin-right:0%;}
    .col-2-pd30{width:calc(49% - 62px);margin-right:2%;margin-bottom:2%;}
    .col-2-pd30:nth-child(2n){width:calc(49% - 62px);margin-right:0%;}
    .col-3-pd30{width:calc(100% - 62px);margin-right:0%;margin-bottom:2%;}
    .col-3-pd30:nth-child(3n){width:calc(100% - 62px);margin-right:0%;}
    .col-4-pd30{width:calc(49% - 62px);margin-right:2%;margin-bottom:2%;}
    .col-4-pd30:nth-child(4n){width:calc(49% - 62px);margin-right:0%;}
    .col-4-pd30:nth-child(2n){width:calc(49% - 62px);margin-right:0%;}
}