﻿
/*===============================default common=======================================*/
.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:#b30032;}
.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: #714345;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: #714345;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%;}
/*主打产品*/
.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:#b30032;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;}
/*公司介绍*/
.page_index_box:after{display:block;content:"";width:100%;clear:both}
.defabout-wrap{width:100%;margin:30px auto;color:#333;padding:110px 0 0px 0;position:relative;z-index:0}
.defabout-wrap:after{display:block;width:100%;height:70%;background:#f7f7f7;content:"";position:absolute;left:-70%;top:30px;z-index:-1}
.page_count{display:inline;float:left;width:120px;z-index:2;padding-top:20px;padding-bottom:60px}
.page_index_pic{display:inline;float:left;width:calc(50% - 120px);height:500px;z-index:2;position:relative;text-align:left}
.page_index_pic:after{display:block;content:"";width:100%;clear:both}
.page_index_pic:before{display:none;width:70%;height:400px;content:"";border:7px solid #923047;position:absolute;right:60px;top:0;transition:all 2s ease;animation-duration:7s;animation-name:nio-eig-floating;animation-iteration-count:infinite;animation-timing-function:linear}
.page_index_pic img{position:absolute;display:block;width:auto;left:60px;top:30px}
.page_index_text{display:inline;float:right;width:48%;text-align:left;font-size:12pt;color:#999;z-index:2;position:relative;margin-top:-60px}
.page_index_text h2{font-size:16pt;line-height:1.8;font-weight:400;color:#333}
.page_index_text span{display:block;width:100%;color:#333;margin:20px auto}
.page_index_text a{display:block;width:86px;color:#923047;border:1px solid #923047;font-size:12px;text-align:center;margin-top:30px}
.page_count .about_box{display:inline;float:left;width:100%;margin-right:0;font-size:32px;line-height:2;letter-spacing:.125em;padding:10px 0;position:relative;text-align:left}
.page_count .about_box:nth-child(4n){margin-right:0}
.page_count .about_box:nth-child(4n):after{display:none}
.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;height:40px;}
.page_count .about_box font{font-size:14px;position:absolute;right:0;top:0;}
.page_count .about_box span{display:inline;font-size:14px;letter-spacing:initial}
.page_count .about_box:hover{color:#714345}
.page_count .about_box+.about_box+.about_box:hover{color:#714345}

.page_sop img{width:100%;display:block;}
.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,#71434500, #71434550);}
.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%;}
}
@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_count{display:none;float:left;width:120px;z-index:2;padding-top:20px;padding-bottom:60px}
    .page_index_pic{display:none;float:left;width:calc(50% - 120px);height:500px;z-index:2;position:relative;text-align:left}
    .page_index_text{display:inline;float:right;width:95%;text-align:left;font-size:12pt;color:#999;z-index:2;position:relative;margin-top:-60px}

    .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: #714345;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;}
}
.def_hots {background: #f7f7f7;}
.def_adord{padding:0px  0px;background:#714345;height:80px;overflow:hidden;}
.def_adord:after{display:block;content:"";width:100%;clear:both;}
.def_adord .flr{display:inline;float:right;width:50%;position:relative;text-align:right;color:#fff;}
.def_adord .flr .iconfont{display:none;width:60px;height:80px;line-height:80px;text-align:center;font-size:38px;}
.def_adord .flr label{display:block;width:calc(100% - 80px);font-size:18px;line-height:80px;position:absolute;top:0px;right:0px;text-decoration:underline;}
.def_adord .flr span{display:block;width:calc(100% - 100px);font-size:14px;line-height:30px;position:absolute;top:50px;right:0px;}
.def_adord .fmd{display:inline;float:left;width:30%;line-height:80px;}
.def_adord .fmd b{padding:20px;height:40px;line-height:40px;background:#0c276a;color:#fff;text-align:center; font-size:20px;margin:0px 20px;letter-spacing:0.2em;border-radius:8px;}
.def_adord .frg{display:inline;float:left;width:50%;text-align:left;}
.def_adord .frg input{display:inline;float:left; padding:0px 25px;border-radius:20px;height:40px;line-height:40px;outline:none;margin-top:20px;border:0;}
.def_adord .frg a{display:inline;float:left; height:80px;line-height:80px;color:#fff;margin-left:30px;}
@media screen and (max-width:1200px) {
    .def_adord {display:none}
    .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: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 2% auto;padding:0px 0 0px 0;}   
    /*公司介绍*/
    .defabout-wrap{width:100%;padding:0;margin:0px auto;}
    .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;}
    .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:120px;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:#714345;}
.defblock .pagewd ul.def_catalist li h3.cur a{color:#fff;}

.showbox310{width:339px;margin-right:30px;}

.def_about{padding:0px 0px;}
.def_ys{padding:0px 0px;}
.defblock .pagewd .yslist {display:flex;justify-content:center;margin:60px auto 30px auto;}
.defblock .pagewd .yslist .ysbox{flex:1;}
.defblock .pagewd .yslist .ysbox img{margin:0px auto;}
.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:#333;position:absolute;left:calc(50% - 20px);bottom:0px;}
.defblock .pagewd .yslist .ysbox p{display:block;width:60%;padding:0 20%;}

@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:#714345;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:initial;flex-wrap:wrap; justify-content:center;margin:60px auto 30px auto;}
    .defblock .pagewd .yslist .ysbox{flex:initial;width:50%;float:left;}
    .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:#333;position:absolute;left:calc(50% - 20px);bottom:0px;}
    .defblock .pagewd .yslist .ysbox p{display:block;width:60%;padding:0 20%;font-size:small;min-height:90px;}

}