﻿.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%;}
/*===============================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 0px 0px;background:#fff;}
.def_bgnews{padding:0px 0px 0px 0px;background:#fff;}
.def_bgprod{background:#f6f7fb;}
.def_bgpartner{background:#f6f7fb;}
.def_bgwhy{background:url(../images/msg-bg.png) no-repeat center center;background-size:cover;}
.def_bgvideo{background:url(../images/bg_video.jpg) no-repeat center center;background-attachment:fixed;}
/*
.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:#323232; line-height:24px; font-family:Arial;margin:0px;font-weight:400;display:block;}
.mTitbg h2 a.btn{display:block;width:180px;height:60px;line-height:60px;font-weight:300; background:none;position:absolute;top:30px;right:0px;}
/*产品展示*/
/*关于我们*/
/*我们*/
.defbg_about {position:relative;width: 100%;padding:0px;}
.aboutpic{width:48%;}
.aboutpic img {width:100%;}
.defbg_about .pagewd{padding: 60px 0;}
.defbg_about .aboutimg{width: 600px; height: 450px; margin-left:20px;display: block; background: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); padding: 10px;}
.defbg_about .aboutimg img{width: 600px; height: 450px; display: block;}
.defbg_about .abouttext{width: 50%; display: block;}
.defbg_about .abouttext .stit{font-size: 24px; font-weight: bold; padding-top: 36px;color:#333;line-height:26px;}
.defbg_about .abouttext h4{color: #999; font-size: 24px; display: block;}
.defbg_about .abouttext .desc{padding-top: 40px;color: #666;line-height: 30px;margin-bottom: 46px;text-align: justify;}
.defbg_about .abouttext a.amore{margin: 0;display:block;width:30px;height:30px;line-height:30px;text-align:center;background:#004a9e;color:#fff;border-radius:50%;}
.defbg_about .abouttext:hover a.amore{background:#004a9e;color:#ffffff;transform:rotate(360deg);transition:all .3s;}
/*优势*/
.youshilst {display:block;background:url(../images/bg_bot.png) no-repeat center bottom;color:#fff;padding:30px 0px;}
.youshilst:after{display:block;content:"";width:100%;clear:both;}
.youshibox{display:inline;float:left;width:25%;position:relative;}
.youshibox:after{display:block;width:1px;height:100%;content:"";background:#ffffff90;position:absolute;top:0px;right:30px;transform:rotate(15deg)}
.youshibox:last-child:after{display:none;}
.youshibox em{display:block;width:72px;height:72px;float:left;line-height:72px;text-align:center;font-size:48px;margin-right:20px;position:relative;}
.youshibox em:after{display:block;width:60%;left:20%;height:4px;content:"";background:#fff;position:absolute;transition:all .3s;}
.youshibox:hover  em:after{display:block;width:80%;left:10%;height:4px;content:"";background:#fff;transition:all .3s;}
.youshibox strong{font-size:24px;transition:all .3s;}
.youshibox p{margin:0px;}
.youshibox div{padding-top:20px;transition:all .3s;}
.youshibox:hover div strong{font-size:36px;transition:all .3s;}
/*视觉*/
.def_bgvideo{padding:100px 0;}
.def_bgvideo .mTitbg h2{ display:inline-block; position:relative; color:#fff;font-weight:600;margin-top:0px;}
.def_bgvideo .mTitbg h2 p{ color:#fff; display:block;font-size:48px;font-weight:600;line-height:2;}
.defvideo {color:#fff;text-align:center;}
.defvideo  span.iconfont{display:block;width:100%;height:100%;line-height:100%;text-align:center;font-size:88px;margin:0px auto;font-weight:200;opacity:0.5;}
.defvideo a{display:block;width:120px;height:40px;background:#fff;margin:30px auto;line-height:40px;color:#333;}
/*案例*/
.caselist{display:block;position:relative;}
/*口号*/
.def_order {background:#f6f7fb url(../images/bg_bot.png) no-repeat center center;text-align:left;color:#fff;}
.def_order .mTitbg h2{ display:inline-block; position:relative; color:#fff;font-weight:600;margin-top:0px;}
.def_order .mTitbg h2 p{ color:#fff; display:block;font-size:28px;font-weight:600;line-height:2;}
.def_order .pagewd{position:relative;}
.def_order .pagewd a.btn_feed{display:block;width:120px;height:40px;line-height:40px;text-align:center;background:#fff;color:#000;position:absolute;right:0px;top:calc(50% - 20px);}
@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_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:#004a9e;font-weight:600;width:100%;border-bottom:0px solid #dcdcdc;text-align:center;}
    .mTitbg h2 span{padding:9px 0px;border-bottom:0px solid #004a9e;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:#004a9e;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;}       
    /*关于我们*/
    .defbg_about .pagewd{padding: 0px 0;}
    .defbg_about{width: 100%; height:auto;background: #ffffff;padding:0px;}
    .defbg_about .mTitbg h2{ display:block;width:100%; position:relative; font-size:24px;line-height:2; color:#004a9e;font-weight:600;margin-top:60px;}
    .defbg_about .mTitbg h2 p{ font-size:16px; color:#323232; line-height:24px; font-family:Arial;margin:0px;font-weight:400;display:inline;margin-left:10px;}
    .defbg_about .abouttext{width: 95%; display: block;padding:0 2.5% 2.5%;}
    .defbg_about .abouttext .stit{font-size: 24px; font-weight: bold; padding-top: 36px;color:#333;line-height:26px;text-align:center;}
    .defbg_about .abouttext h4{color: #999; font-size: 24px; display: block;}
    .defbg_about .abouttext .desc{padding-top: 0px;color: #666;line-height: 30px;margin-bottom: 0px;text-align: left;display:block;width:95%;padding:2.5%;font-size:small;}
    .defbg_about .abouttext a{margin:30px auto 0px auto;}
    .aboutpic{width:100%}
    .aboutpic.fr {width:600px;z-index:2;position:absolute;right:100px;display:none;}
    .aboutpic.fr  img{width:258px;margin:150px auto;}
    /*优势*/
    .youshilst .pagewd{width:100%;margin:0px auto;}
    .youshibox:after{display:block;width:1px;height:100%;content:"";background:#ffffff90;position:absolute;top:0px;right:0px;transform:rotate(0deg)}
    .youshibox:last-child:after{display:none;}
    .youshibox em{display:block;width:100px;height:58px;float:initial;line-height:58px;text-align:center;font-size:36px;margin-right:20px;position:relative;}
    .youshibox em:after{display:block;width:60%;left:20%;height:4px;content:"";background:#fff;position:absolute;transition:all .3s;}
    .youshibox:hover  em:after{display:block;width:100%;left:0;height:4px;content:"";background:#fff;transition:all .3s;}
    .youshibox strong{font-size:18px;display:block;width:100%;text-align:center;margin-top:30px;}
    .youshibox p{font-size:14px;width:95%;text-align:center;}    
    
    .def_bgcase{padding-bottom:0px}
    .caselist{display:block;position:relative}
    .caselist:after{display:block;content:"";width:100%;clear:both}
    .casebox{display:inline;float:left;width:25%;margin-right:0;margin-bottom:0}
    /*视觉*/
    .def_bgvideo{padding:30px 0;}
    .def_bgvideo .mTitbg h2{ display:inline-block; position:relative; color:#fff;font-weight:600;margin-top:0px;}
    .def_bgvideo .mTitbg h2 p{ color:#fff; display:block;font-size:18px;font-weight:600;line-height:2;}

    .def_order{background:#f6f7fb url(../images/bg_bot.png) no-repeat center center;text-align:center;color:#fff;background-size:auto 100%;padding-bottom:60px}
    .def_order .mTitbg h2{ display:inline-block; position:relative; color:#fff;font-weight:600;margin-top:0px;}
    .def_order .mTitbg h2 p{ color:#fff; display:block;font-size:18px;font-weight:600;line-height:2;}
    .def_order .pagewd{position:relative;}
    .def_order .pagewd a.btn_feed{display:block;width:120px;height:40px;line-height:40px;text-align:center;background:#fff;color:#000;position:relative;right:initial;top:initial;margin:30px auto 0 auto;}
}