/*===============================default common=======================================*/
.ad{display:block;width:100%;}
.ad img{width:100%;}
.defblock{font-size:12pt;line-height:28px;color:#666;}
.defblock {padding:60px 0px 60px 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 a {display: none;float:right;position:absolute;right:0px;bottom:0px;background:initial;width:80px;height:98px;}
.defblock .pagewd h3 a label{display:block;width:100%; font-size:32px;line-height:60px;text-align:right;color:#000;font-weight:bold;}
.defblock .pagewd h3 a:after{display:block;content:"";width:50%;height:1px;background:#666;transform:rotate(-15deg);position:absolute;right:0px;bottom:40px;}
.defblock .pagewd h3 a em{font-size:6px;font-weight:bold;display:block;width:100%;text-align:right;text-transform:uppercase;letter-spacing:-0.05em;}
*/
.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;}
/*
.defblock .pagewd h3 small:after{content:".";width:40px;color:#fff;}
.defblock .pagewd h3 small:before{content:".";width:40px;color:#fff;}
.defblock .pagewd h3 small:before, .defblock .pagewd h3 small:after {content: '';position: absolute; top: 50%;background: #fff;width: 30%;height: 1px;z-index:1}
.defblock .pagewd h3 small:before {left: 15%;}
.defblock .pagewd h3 small:after {right: 15%;}
*/

.def_bgrdp70{ background:#f6f7fb;}
.defblock .about_mgr{margin:0% auto 0% auto;padding:0px 0% 0px 0%;}
.def_yslist{padding:60px 0% 60px 0%;}
.readmore {
    background:#15499a;
    color: #ffffff;
    border: 1px solid #15499a;
    height: 40px;
    line-height: 40px;
    width:120px;
    border-radius:5px;
    display:block;
    margin:0px auto 60px auto;
}
.def_about .pagewd h3 {font-weight:400;height:auto;text-align:left;margin-bottom:30px;position:relative;}
/*主打产品*/
.defitem_list:after{display:block;content:"";width:100%;height:1px;clear:both;margin-bottom:0px;}
.defitemwrap {padding:0px 0px;}
.defitembox {display: block;width: 100%;overflow:hidden;}
.defitembox a {display:block;width:100%;overflow:hidden;margin:30px auto;}
.defitembox a img{display:block;width:100%;margin:0px auto; transition:all .3s;background:#000000;border-radius:0%;transition:all .3s;}
.defitembox span.faa{font-size:20px;font-weight:600;}
.defitembox p{font-size:12pt;text-align:left;color:#999;}
.defitembox:hover a img{display:block;overflow:hidden;background:#923047;transform:rotateY(180deg); transition:all .3s;}
/*公司介绍*/
.defabout-wrap{width:100%;margin:0px auto;color:#333;padding:0px 0 0px 0;position:relative;z-index:0}

.def_about{padding:0px 0px;position:relative;z-index:0;display:block;background:#f6f7fb;background-attachment:fixed;}
.def_about h3{text-align:left;}
.defabout-wrap{display:block;position:relative;z-index:3;background:initial;}
.defabout-wrap:after{display:block;content:"";width:100%;clear:both;}

.swiper._priceSwiper{width:100%;height:40px;overflow:hidden;}
.swiper._priceSwiper a{color:#fff;line-height:40px;}
.swiper._priceSwiper .iconfont{color:#faee10;font-size:24px;line-height:40px;}
.swiper .swiper-pagination-bullets{display:none;}

.page_index_text{display:inline;float:left;width:50%;text-align:left;font-size:12pt;color:#999;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:400;margin-bottom:30px;position:relative;color:#000;}
.page_index_text h2:after{display:block;content:"";width:80px;height:1px;position:absolute;left:0;bottom:-10px;background:#15499a;}
.def_about .pagwd .page_index_text h3{color:#333;}
.page_index_text span{display:block;width:100%;color:#333;margin:20px auto}
.page_index_text a.readmore{display:block;width:120px;color:#fff;background:#15499a; border:1px solid #15499a;font-size:12px;text-align:center;margin-top:30px;margin-left:initial;margin-right:initial;}
.page_index_text .contel{margin-top:20px;font-size:24px;}

.def_count{background:url(../images/bg_count.jpg) no-repeat top center;background-attachment:fixed;position:relative;z-index:0;}
.def_count:after{display:block;width:100%;height:100%;content:"";position:absolute;background: #000000;opacity:0.8;left:0px;top:0px;z-index:1;}
.def_count .pagewd{position:relative;z-index:2;}
.page_count{display:flex;float:initial;width:100%;z-index:2;padding-top:20px;padding-bottom:20px;z-index:2;}
.page_count .about_box{flex:1; margin-right:0;font-size:32px;line-height:2;letter-spacing:.125em;padding:10px 0;position:relative;text-align:center}
.page_count .about_box:after{display:none;content:"";width:1px;height:40%;position:absolute;right:0;top:30%;background:#dcdcdc}
.page_count .about_box b{display:block;color:#fff;}
.page_count .about_box font{font-size:14px;position:absolute;top:0px;right:20%;color:#fff;}
.page_count .about_box span{display:inline;font-size:14px;letter-spacing:initial;color:#fff;}
.page_count .about_box:hover{color:#000000}
.page_count .about_box+.about_box+.about_box:hover{color:#000000}

.page_sop img{width:100%;}
.page_sop .swiper-slide{text-align:center;font-size:small;position:relative;}
.page_sop .swiper-slide label{display:block;width:100%;height:100%;line-height:100%;color:#fff; position:absolute;left:0px;top:0px;background:linear-gradient(180deg,#00000000, #00000050);}
.page_sop .swiper-slide label em {display:block;width:100%;height:40px;line-height:40px;position:absolute;bottom:0;}




.defblock.def_video {display:block;width:80%;margin:-60px auto 0 auto;}
.defblock.def_video:after{display:block;content:"";width:100%;clear:both;}
.defblock.def_video video{width:100%;}

.tt_video{display:inline;float:left;width:40%;position:relative;text-align:right;padding-top:60px;}
.tt_video p{text-align:right;}
.bg_video{display:inline;float:right;width:55%;position:relative;}
.bg_video img{width:100%;}
.video {display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;}
.video span.iconfont{display:block;position:absolute;left:calc(50% - 50px);top:calc(50% - 50px);width:100px;height:100px;line-height:100px; font-size:72px;color:#ffffff;opacity:0.5;font-weight:300;}

@media screen and (min-width:1081px) and (max-width:1360px) {
    .defblock .pagewd {margin:0px auto;text-align:center;width:95%;}
    .page_index_pic img{width:400px;}
    #footer_warp .pagewd{width:95%;}
}

.def_hots {background: #f7f7f7;}
@media screen and (max-width:1200px) {

    .defnews_list .showbox30301 .showbox_pic{display:inline;float:left;width:27%;}
    .defnews_list .showbox30301 .showbox_tit{display:inline;float:right;width:70%;padding:0 0%;background:initial;text-align:left;}
    .defnews_list .showbox30301 .showbox_tit p.fac{display:none;}
    .defnews_list .showbox30301 .showbox_tit .arrow{display:none;}
}

@media screen and (max-width:1200px) {        
    .defblock{padding:30px 0px 30px 0px;}
    .defblock .pagewd {clear:both; width:100%;padding:0%; margin:0px 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;}   
    /*公司介绍*/
    .def_about {padding:0 0 30px 0;}
    .def_about .pagewd{padding:0%;width:100%;}
    .page_index_text{width:45%;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;}
    .defitemwrap {padding:0 2.5%;}
    .defitemwrap .swiper-wrapper{display:block;}
    .defitemwrap .swiper-button-white{display:none;}
    .defitembox {display: inline;width: 49%;float:left;margin-right:2%; overflow:hidden;}
    .defitembox p{display:none;}
    .defitembox:nth-child(2n) {display: inline;width: 49%;float:left;margin-right:0%; overflow:hidden;}
    .defitembox a {display:block;width:100%;overflow:hidden;}
    .defitembox a img{display:block;width:100%;transition:all .3s;}
    .defitembox span.faa{color:initial;font-size:10pt;font-weight:400;}
    .defitembox p{color:#fff;}
    .defitemwrap .swiper-button-prev,.defitemwrap .swiper-button-next{display:none;}
    /*新闻中心*/
    .defnews_list {width:95%;display:inline;float:left;margin-top:0px;margin-left:2.5%;}
    .defnews_list:nth-child(2n) {width:95%;display:inline;float:right;margin-right:2.5%;}
    .defnews_list h3{font-size:18px;text-align:left; color:#231816;border-left:4px solid #231816;padding-left:10px; }
}

/*分类*/
.defblock .pagewd ul.def_catalist {display:flex;justify-content:center;margin:30px auto 30px auto;}
.defblock .pagewd ul.def_catalist li{margin:0 1%;}
.defblock .pagewd ul.def_catalist li h3{display:block;width:100px;height:50px;background:#f6f7fb;line-height:50px;padding:0 25px;border-radius:25px;text-align:center;margin-bottom:0px;}
.defblock .pagewd ul.def_catalist li h3 a{font-weight:500;font-size:small;display:block;color:#888;}
.defblock .pagewd ul.def_catalist li h3 a:after{display:none;}
.defblock .pagewd ul.def_catalist li h3.cur{background:#000000;}
.defblock .pagewd ul.def_catalist li h3.cur a{color:#fff;}

.defblock .pagewd .yslist {display:block;width:100%; margin:60px auto 30px auto;}
.defblock .pagewd .yslist:after{display:block;content:"";width:100%;clear:both;}
.defblock .pagewd .yslist .ysbox{display:inline;float:left; background:#fff;border-radius:10px;padding:0 0px;position:relative;z-index:0;overflow:hidden;background:#f6f7fb;transform-origin:left; transform:perspective(500px) rotateY(10deg);}
.defblock .pagewd .yslist .ysbox+.ysbox+.ysbox{transform-origin:right; transform:perspective(500px) rotateY(-10deg);}
.defblock .pagewd .yslist .ysbox .iconfont{display:block;width:80px;height:80px;margin:2% auto 0 auto;line-height:80px;font-size:42px;}
.defblock .pagewd .yslist .ysbox img{width:50%;border-radius:50%;margin:0px auto;z-index:2;position:relative;border:2px solid #000000;}
.defblock .pagewd .yslist .ysbox h4{display:block;position:relative;height:60px;line-height:60px;font-size:18px;color:#333;}
.defblock .pagewd .yslist .ysbox h4:after{display:block;content:"";width:40px;height:4px;background:#000000;position:absolute;left:calc(50% - 20px);bottom:0px;}
.defblock .pagewd .yslist .ysbox p{display:block;width:80%;padding:0 10%;font-size:small;min-height:100px;}
.defblock .pagewd .yslist .ysbox:before{display:block;content:"";width:50%;height:100%;position:absolute;left:0%;top:0;background:#15499a;z-index:-1;transform-origin:left; transform:perspective(500px) rotateY(90deg); transition: all .3s;opacity:0;}
.defblock .pagewd .yslist .ysbox:hover:before{transform:perspective(500px) rotateY(0deg);opacity:1;}
.defblock .pagewd .yslist .ysbox:after{display:block;content:"";width:50%;height:100%;position:absolute;right:0%;top:0;background:#15499a;z-index:-1;transform-origin:right; transform:perspective(500px) rotateY(-90deg); transition: all .3s;opacity:0;}
.defblock .pagewd .yslist .ysbox:hover:after{transform:perspective(500px) rotateY(0deg);opacity:1;}
.defblock .pagewd .yslist .ysbox:hover .iconfont{color:#fff;}
.defblock .pagewd .yslist .ysbox:hover label{color:#fff;}
.defblock .pagewd .yslist .ysbox:hover p{color:#fff;}
.defblock .pagewd .yslist .ysbox:hover{transform:perspective(500px) rotateY(0deg);transition:all .3s;}
.defblock .pagewd .yslist .ysbox+.ysbox+.ysbox:hover{transform:perspective(500px) rotateY(0deg);transition:all .3s;}

/*
.defblock .pagewd .yslist .ysbox:before {
    display: block;
    z-index:1;
    content: "";
    width: 65%;
    height: 45%;
    border-radius: 50%;
    position: absolute;
    left: 20%;
    top: -2%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background:#00000060;
    border: 0px dashed #000000;
    animation-name: rotateme2;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme2;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme2;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme2;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme2;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}
.defblock .pagewd .yslist .ysbox:after {
    display: block;
    z-index:1;
    content: "";
    width: 55%;
    height: 60%;
    border-radius: 50%;
    position: absolute;
    left: 25%;
    top: 0px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background:#00000020;
    border: 0px dashed #00000080;
    animation-name: rotateme2;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme2;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme2;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme2;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme2;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@keyframes rotateme2 {
    0% {
        transform: rotate(0deg);
        opacity: 1
    }

    50% {
        transform: rotate(-180deg)
    }

    100% {
        transform: rotate(-360deg);
        opacity: 1
    }
}
*/
.defnews_faq{display:block}
.defnews_faq:after{display:block;content:"";width:100%;clear:both}
.faqbox{display:inline;float:left;text-align:left;border:1px solid #000000;width:calc(30% - 2px);padding:10px 1%;margin-bottom:10px;margin-right:2%}
.faqbox:nth-child(3n){margin-right:0}
.faqbox a{line-height:30px}
.faqbox .iconfont{font-size:24px;line-height:30px;color:#000000}

.def_emap {display: block; position: relative;}
.def_emap:after{display:block;width:100%;height:100%;content:"";position:absolute;background: #000000;opacity:0.4;left:0px;top:0px;z-index:1;}
@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}
    .def_count .pagewd:after{display:block;content:"";width:100%;clear:both;}
    .page_count{display:block;float:left;width:100%;z-index:2;padding-top:20px;padding-bottom:60px}
    .page_count .about_box{display:inline;flex:initial;float:left;width:50%;}
    .def_about:before{display:none;}
    .def_about:after{display:none;}
    .page_index_tit{display:block;float:left;width:95%;height:auto;z-index:2;position:relative;text-align:left;background:#000000;margin:0;padding:5% 2.5%;border:0;}
    .page_index_text{display:block;float:right;width:95%;text-align:left;font-size:12pt;color:#999;z-index:2;position:relative;margin-top:0px;margin-bottom:30px;}

    .defhotewrap{display:block;width:95%;padding:0 2.5%; }
    .defhotewrap  .col-4{display:block;width:100%;margin-right:0;}

    .defblock.def_video {display:block;width:95%;margin:-60px auto 0 auto;}
    .defblock .pagemore03 {font-size:10pt;margin: 50px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;float:initial; color:#fff;line-height:46px;background: #000000;transform: translateX(0);}
    .tt_video{display:inline;float:left;width:100%;position:relative;text-align:center;padding-top:60px;}
    .tt_video p{text-align:center;}
    .bg_video{display:inline;float:right;width:100%;position:relative;}
}
@media screen and (max-width:1080px) {
    /*分类*/
    .defblock .pagewd ul.def_catalist {display:block;flex-wrap:wrap; justify-content:center;margin:30px auto 2.5% auto;}
    .defblock .pagewd ul.def_catalist:after{display:block;content:"";width:100%;clear:both; }
    .defblock .pagewd ul.def_catalist li{margin:0 0%;width:30%;float:left;}
    .defblock .pagewd ul.def_catalist li h3{display:block;width:120px;height:50px;background:#fff;line-height:50px;padding:0 25px;border-radius:0px;text-align:center;margin-bottom:0px;}
    .defblock .pagewd ul.def_catalist li h3 a{font-weight:500;font-size:small;display:block;color:#888;}
    .defblock .pagewd ul.def_catalist li h3 a:after{display:none;}
    .defblock .pagewd ul.def_catalist li h3.cur{background:initial;}
    .defblock .pagewd ul.def_catalist li h3.cur a{color:#000000;font-weight:bold;}
    /*.showbox310{width:calc(100% - 0px);margin-right:0px;}
    .showbox310 .showbox_pic a.pic{width:calc(100% - 2px);margin-right:0px;}*/
    .defblock .pagewd .yslist {display:block;width:95%; margin:60px auto 30px auto;justify-content:initial;clear:both;}
    .defblock .pagewd .yslist:after{display:block;content:"";width:100%;clear:both;}
    .defblock .pagewd .yslist .ysbox{flex:initial;display:inline;float:left;position:relative;transform-origin:initial;transform:initial;}
    .defblock .pagewd .yslist .ysbox+.ysbox+.ysbox{transform-origin:initial;transform:initial;}
    .defblock .pagewd .yslist .ysbox p{display:block;width:80%;padding:0 10%;font-size:small;min-height:120px;}

    .faqbox{display:inline;float:left;text-align:left;border:0px solid #390;width:calc(95% - 0px);padding:5px 2.5%;margin-bottom:0px;margin-right:0%;
            border-top:1px dashed #dcdcdc;
    }
    .faqbox a{font-size:small;}
    .faqbox:nth-child(3n){margin-right:0}

    .defitem_list{display:block;width:95%;padding:0 2.5%;}
    .defblock .pagewd h3 small{font-size:22px;font-weight:500;}
    .page_index_text h2{font-size:22px;}
}