/*===============================banner=======================================*/
#defbanner{display:block;position:relative;z-index:0;}
.slideBox{ display:block;width:100%;margin:0px auto 0px auto; overflow:hidden; position:relative; top:2.5%;z-index:0;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%;margin-left:-30px; bottom:15px; z-index:1;display:inline; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:8px;  width:12px; height:12px; line-height:12px;border-radius:6px; text-align:center; background:#ffffff; cursor:pointer; text-indent:-1999px; }
.slideBox .hd ul li.on{ background:#ff9900; color:#fff;transition:all .3s; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd a{ width:100%; display:block;transition:all 2s;  }
.slideBox .bd img.blankgif{ width:100%; display:block;  }
/* slideBox btn */
.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:48%; margin-top:-25px; display:block; width:52px; height:70px; background:url(../images/common_icon.png) -603px -407px no-repeat; filter:alpha(opacity=50);opacity:0.5;border-radius:5px;}
.slideBox .next{ left:auto; right:3%; background-position:-420px -407px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*===============================defblock=======================================*/
.defblock {padding:80px 0px 80px 0px;}
.defblock .pagewd h3 {font-weight:300; color:#333;text-align:center;margin-bottom:20px;}
.defblock .pagewd h3.cen{text-align:center;}
.defblock .pagewd h3 a {display: none;}
.defblock .pagewd h3 i{display:block;width:30px;height:4px;background:#0066cb;margin:0px auto 10px auto;transition:all .3s;}
.defblock .pagewd h3 small {display: block;line-height:60px;height:60px; font-size:18pt;color:#333;font-weight:bold;z-index:9;position:relative;}
.defblock .pagewd h3 font {margin-left:0px;color:#666;font-size:14pt; position:relative;top:0pt;z-index:1}
.defblock .pagewd h3:hover i{display:block;width:90px;height:4px;background:#0066cb;margin:0px auto 10px auto;transition:all .3s;}

.defblock .defabout {width: 1200px;height:auto;display:block;padding:0px;margin:0px auto;}
.defblock .defabout img {display: inline;float: right;width:600px;}
.defblock .defabout .defabout_cont {width:100%;display:inline;float:left;text-align:center; font-size:10pt;line-height:32px;padding-left:0px; color:#fff;}
.defblock .defabout .defabout_cont .defmore {background: #ff6a00;border-radius: 7px;color: #fff;padding: 4px 15px 4px 15px;}
.color_wrt {background: #fff;padding-top:5%;}
/***/
.defsolution {background:#0054b4;display: block;width: 100%;padding: 30px 0px 50px 0px;}
.defaboutwrap {background:#0054b4;display: block;width: 100%;padding: 30px 0px 50px 0px;}
.def_customerlist {width:1200px;padding:0px;display:block;}

/*total*/
.in-total{margin:30px auto;background:url(../images/defbg_ad.jpg) no-repeat center top;padding:20px 0;color:#fff;display:block;position:relative;margin-top:-100px;z-index:9}
.in-total-box{display:inline;float:left;width:25%;text-align:center;transition:all .3s}
.in-total-box span strong{font-size:80px;line-height:100px}
.in-total-box:nth-child(4n){margin-right:0}
@media screen and (max-width:1024px) {
    .in-total{margin:30px auto;background:url(../images/defbg_ad.jpg) no-repeat left center;padding:20px 0;color:#fff;display:block;position:relative;margin-top:0px;z-index:9;}
    .in-total-box span strong{font-size:24px;line-height:32px}
    .in-total-box p{font-size:12px;margin:0px;line-height:22px;}
}
/*server*/
.in-server{margin:30px auto}
.in-server-box{display:inline;float:left;width:calc(18.4% - 2px);border:1px solid #dcdcdc;margin-right:2%;text-align:center;transition:all .3s}
.in-server-box:hover{margin-top:2%;box-shadow:0 10px 20px rgba(0,0,0,.15);transition:all .3s}
.in-server-box span{background:#dcdcdc;font-size:16px;display:block;line-height:60px;transition:all .3s}
.in-server-box:hover span{background:#0066cb;color:#fff;transition:all .3s}
.in-server-box a{display:block;width:95%;padding:5% 2.5%}
.in-server-box a .iconfont{font-size:100px;line-height:120px;font-weight:300}
.in-server-box a h4{margin-top:30px}
.in-server-box a p{font-size:12px}
.in-server-box:nth-child(5n){margin-right:0}
.in-process{margin:30px auto}
@media screen and (max-width:1024px) {
    .in-server{margin:0px auto}
    .in-server-box{display:inline;float:left;width:calc(49% - 2px);border:0px solid #dcdcdc;margin-right:2%;text-align:center;transition:all .3s}
    .in-server-box:first-child{width:calc(100% - 2px);border:0px solid #dcdcdc;margin-right:0%;}
    .in-server-box:nth-child(3n){margin-right:0%;}
    .in-server-box a .iconfont{font-size:60px;line-height:80px;font-weight:300}
    .in-server-box a h4{margin-top:0px}
    .in-server-box span{background:#dcdcdc;font-size:16px;display:none;line-height:60px;transition:all .3s}
   
}

/*业务范围*/
.color_wrb{display:block;overflow:hidden; }
.wbgff{padding-top:5%}
.deftopprod{border:0px solid #0050a0;margin-top:15px;display:block;}
.defartbox .deftit {display: none;}


/* 车型展示 */
.deftopprod section{ zoom:1;margin-top:2%; }
.deftopprod section pre{text-align:center;}
.deftopprod section div{ width:23.5%;margin-right:2%; margin-bottom:2%; position:relative; float:left; display:inline;}
.deftopprod section div:nth-child(4n){margin-right:0%; }
.deftopprod section div .pic {position:relative;display:block;width:100%;padding:0%;background:#ccc; overflow:hidden;margin-bottom:0px;}
.deftopprod section div .pic img {display:block;background:#ddd;width:100%;}
.deftopprod section div .pic img {display:block;background:#ddd;width:100%;transition:all .3s;}
.deftopprod section div .pic:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-transform:scale(1.2,1.2);transition: .3s transform;}
.deftopprod section div .txt1 a{color:#333;}
.deftopprod section div .movielist_tt {position:relative;overflow:hidden;position:relative;}
.deftopprod section div .score {color:#FF6600;font-family:Arial;position:absolute;top:0;right:10px;}

.defcasewrap  .pagewd .slink {display:block;float:none;width:100%;position:relative;margin-top:0px;line-height:40px; text-align:center;}
.defcasewrap  .pagewd .slink a { height:30px;line-height:30px;padding:5px 25px; border:1px solid #dcdcdc;margin:0px 5px 0px 5px;white-space:nowrap; }
.defcasewrap  .pagewd .slink a.cur {border:1px solid #0066cb;color:#0066cb;}

.picList .honour {margin: 0 20px 20px 0;}
.picList a{display:block;width:100%;height:100%;position:relative;}
.picList a span{display:block;width:100%;text-align:center;}

/*
.picList a span{display:block; opacity:1;color:#fff; position:absolute;top:125px; height:40px;line-height:40px;font-size:14px;width:100%;padding:0 0%;white-space:nowrap;text-overflow:ellipsis;transition:all .3s;}
*/
/*新闻中心*/
.defart_wrap ul li {width:23.5%;display:inline;float:left;margin:0 2% 0 0;position:relative;box-shadow:0 0 10px #e1e1e1;}
.defart_wrap ul li:last-child{width:23.5%;display:inline;float:right;margin:0 0 0 0;}
.defart_wrap ul li a.pic {display: block;width: 100%;overflow:hidden; overflow:hidden;}
.defart_wrap ul li a.pic img {width:100%;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
.defart_wrap ul li a.pic .hover {position: relative;left: 0;top: -100%;width: 100%;height: 100%;background:rgba(0,0,0,0.15);transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;opacity: 0;}
.defart_wrap ul li a.pic .hover  .link {position: relative;top: -50%;width: 60px;height:60px;border-radius:30px;background:url(/template/m2021030801/images/icon_link.png) no-repeat -400px -200px; text-align: center;font: 18px "Microsoft Yahei";color: #000;left:50%;margin-left:-30px;margin-top:0px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;opacity: 0;text-indent:-2999px;}
.defart_wrap ul li a.pic .hover .inner {position: relative;top: 100%;width: 100%;text-align: center;font: 18px "Microsoft Yahei";color: #000;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;opacity: 0;}
.defart_wrap ul li a.pic:hover{display: block;width: 100%;overflow:hidden; }
.defart_wrap ul li a.pic:hover img {transition:all .3s;-webkit-transform:scale(0.9,0.9);-moz-transform:scale(0.9,0.9);-transform:scale(0.9,0.9);}
.defart_wrap ul li a.pic:hover .hover {opacity: 1;}
.defart_wrap ul li a.pic:hover .hover .link {top: -50%;display:block;color: #fff;opacity: 1;margin-top:0px;}
.defart_wrap ul li a.pic:hover .hover .inner {width:70%; top:140px; padding:0px 15% 0px 15%; display:block;color: #fff;opacity: 1;}
.defart_wrap ul li .txt a{display:block;min-height:80px;line-height:40px;text-align:left;}
.view_box{display:block;width:90%;padding:5%;background:#fff;text-align:left;line-height:40px;font-size:small;}

.view_data{display:block;font-size:18px;line-height:1.1;color:#000;margin-bottom:36px;}
.arrow{display:block;text-align:center;margin:30px 0px 70px 0px;}


.defart_more{margin-top:30px;display:block;width:96%;padding:2%;background:#fff;height:auto;overflow:hidden;position:relative;box-shadow:0 0 10px #e1e1e1;}
.defart_morebox{padding-top:20px;border-bottom:0px dotted #d1d1d1;padding-bottom:20px;font-size:14px;display:inline;float:left;width:48.8%;position:relative;transition:all .3s;}
.defart_morebox:nth-child(2n+1){padding-top:20px;border-bottom:0px dotted #d1d1d1;padding-bottom:20px;font-size:14px;display:inline;float:left;width:48.8%;}
.defart_morebox .date{display:inline;float:left;width:60px;text-align:left;color:#999;text-align:center;border:1px solid #e1e1e1;}
.defart_morebox .date span {display: block;}
.defart_morebox .date span.day {display: block;font-size:24px;text-align:center;color:#999;background:#fff;border-bottom:1px solid #e1e1e1;}
.defart_morebox .date span.yearmon {font-size:small;}
.defart_morebox .txt{display:inline;float:left;width:480px;text-align:left;color:#000;margin-left:8px;}
.defart_morebox .txt h4{display:block;white-space:nowrap; width:100%;font-size:large;transition:all .3s;overflow:hidden;text-overflow:ellipsis;}
.defart_morebox .txt:hover h4{transform:translateX(10px); transition:all .3s;}
.defart_morebox .txt:hover p{transform:translateX(20px); transition:all .3s;}
.defart_morebox .txt p{margin:0;transition:all .3s;}



@media screen and (max-width:1200px) {    
    .showwap {display:block; margin: 5% auto 5% auto;}
    .showwap a {background:#f1f1f1;border: 1px solid #f1f1f1;border-radius: 5px;padding: 7px 25px;color:#666;}

    .bgblue {background: #fff;}
    .defblock {padding:0px 0px 0px 0px;}
    .defblock .pagewd {clear:both; width:100%;padding:0%; margin:0px auto;text-align:center;position:relative;}
    .defblock .pagewd {clear:both; width:100%;padding:0%; margin:0px auto;text-align:center;position:relative;}
    .defblock .pagewd h3 small {display: block;line-height:40px;height:40px; font-size:12pt;color:#333;font-weight:bold;z-index:9;position:relative;/* -webkit-text-stroke: 1px #fff;*/}
    .defblock .pagewd h3 font {margin-left:0px;color:#333;font-size:11pt;text-transform:uppercase; font-style:italic;position:relative;top:0pt;z-index:1}
    
    /*业务范围*/
    .color_wrb{display:block;padding-top:5%;height:auto;padding-bottom:10%;}
    .wbgff{padding-top:5%}

    /* 车型展示 */
    .deftopprod section{width:100%; overflow:hidden; zoom:1;padding-top: 2.5%;/*text-align:center;*/color:#999; }
    .deftopprod section div{ width:46.25%;padding:0%; margin: 0 0 2.5% 2.5%; position:relative; float:left; display:inline; }
    .deftopprod section div:nth-child(3n-1){ width:46.25%;padding:0%; margin: 0 0 2.5% 2.5%; position:relative; float:left; display:inline; }
    .deftopprod section div:nth-child(3n){ width:46.25%;padding:0%; margin: 0 0 2.5% 2.5%; position:relative; float:left; display:inline; }
    .deftopprod section div .pic {position:relative;display:block;overflow:hidden;margin-bottom:0px;background:#fff;}
    .deftopprod section div .pic img {display:block;background:#ddd;width:100%;}
    .deftopprod section div .txt1 a{color:#333;}
    .deftopprod section div .movielist_tt {position:relative;overflow:hidden;position:relative;}
    .deftopprod section div .score {color:#FF6600;font-family:Arial;position:absolute;top:0;right:10px;}
    .defcasewrap  .w1200{min-height:172px;}
    .defcasewrap  .w1200 .slink {display:block;float:left;width:100%;position:relative;margin-top:0px;line-height:36px; text-align:center;margin-bottom:2.5%;}
    .defcasewrap  .w1200 .slink a {display:inline;float:left;width:22.5%; margin-left: 2.5%;height:32px;line-height:32px;border-bottom:4px solid #f1f1f1;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .defcasewrap  .w1200 .slink a:nth-child(4n+1){display:inline;float:left;width:22.5%; margin-left: 2.5%;height:32px;line-height:32px;border-bottom:4px solid #f1f1f1;}
    .defcasewrap  .w1200 .slink a.cur {margin-left: 2.5%;height:32px;padding-bottom:0px;line-height:32px;border-bottom:4px solid #0054b4;}
    .picList .pic{display:block;width:99%;padding:.5%;background:#ccc}
    .picList .honour {margin: 0 20px 20px 0;}
    .picList a .hover {position: relative;left: 0;top: 0;margin:0px; width: 100%;height: 32px;line-height:32px; background:initial;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;opacity: 1;}
    .picList a .hover  .link {display:none; position: absolute;top: -40px;width: 60px;height:60px;border-radius:30px;background:url(/template/default/images/icon_link.png) no-repeat -400px -200px; text-align: center;font: 18px "Microsoft Yahei";color: #000;left:50%;margin-left:-30px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;opacity: 0;text-indent:-2999px;}
    .picList a .hover .inner {position: absolute;top: 0;left:0px; width: 100%;height:32px; line-height:32px; text-align: center;font-size: 14px;color: #000;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;opacity: 1;background:#f1f1f1;}
    .picList a:hover .hover {opacity: 1;}
    .picList a:hover .hover .link {top: 90px;display:block;color: #fff;opacity: 1;}
    .picList a:hover .hover .inner {width:70%; top:160px; padding:0px 15% 0px 15%; display:block;color: #fff;opacity: 1;}

    /*新闻中心*/
    .defblock .defart_wrap{width:100%;display: block;float: none;border:0px solid #0050a0;text-align:left;padding-bottom:2.5%;}
    .defblock .w1200 .defart_wrap {text-align: left;}
    .defartblock{margin: 0px auto;}
    .defcontent {width:100%;margin: 15px auto;}
    .defart_wrap ul li {clear:both; width:95%;height:110px; display:block;float:none;padding:2.5%;margin:0px 0px 0px 0px;overflow-y:hidden;box-shadow:initial;}
    .defart_wrap ul li:after{clear:both;content:".";}
    .defart_wrap ul li:last-child{ clear:both; width:95%;height:110px; display:block;float:none;padding:2.5%; margin:0 0 0 0;overflow-y:hidden;box-shadow:initial;}
    .defart_wrap ul li.view3 {width:95%;display:block;float:none;margin:0px 0px 0px 0px;}
    .defart_wrap ul li a.pic {display: inline;width: 35%;float:left; height: auto;overflow:hidden; }
    .defart_wrap ul li .txt {display: inline;width: 62.5%;padding-left:2.5%; float:left; height: auto;overflow:hidden; }
    .defart_wrap ul li .txt a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .defart_wrap ul li a{font-size:10pt;line-height:24px}
    .defart_wrap ul li .txt p {font-size:10pt;line-height:18pt;margin:0px;}
    .defart_wrap ul li a.pic img {height:100%; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
    .defart_wrap ul li a.pic .hover {display:none; position: relative;left: 0;top: -100%;width: 100%;height: 100%;background:rgba(232,31,41,0.85);transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;opacity: 0;}

    .view_box{display:block;width:95%;padding:2.5%;background:#fff;text-align:left;overflow:hidden;border-radius:5px;box-shadow:0px 10px rgba(0,0,0,0.14)}
    .view_box .time{display:block;width:62.5%;float:right;}
    .view_data{display:none;font-size:18px;line-height:1.1;color:#000;margin-bottom:36px;}
    .view_data span{display:block;}
    .view_data .day{font-size:60px;}
    .arrow{display:inline;width:62.5%;padding-left:2.5%; text-align:left;margin:30px 0px 70px 0px;}

    .defart_more{margin-top:0px;display:block;width:96%;padding:2%;background:#fff;position:relative;display:none;box-shadow:initial;}
    .defart_morebox{padding-top:1%;border-bottom:1px dotted #d1d1d1;padding-bottom:1%;font-size:14px;display:block;float:initial;width:100%;transition:all .3s;position:relative;}
    .defart_morebox:nth-child(2n+1){padding-top:1%;border-bottom:1px dotted #d1d1d1;padding-bottom:1%;font-size:14px;display:block;float:initial;width:100%;}
    .defart_morebox .date{display:inline;float:left;width:60px;text-align:left;color:#999}
    .defart_morebox .date span {display: block;}
    .defart_morebox .date span.day {display: block;font-size:28px;text-align:left;color:#333;}
    .defart_morebox .date span.yearmon {font-size:small;}
    .defart_morebox .txt{display:inline;float:left;width:80%;text-align:left;color:#000}
    .defart_morebox .txt h4{display:block;width:100%;}
    .defart_morebox .txt p{margin:0}

    .deftopprod{border:0px solid #0050a0;margin-top:0px;width:100%;}
    .defartbox .deftit {display: none;}
    .pd100_5{padding-top:5%;}
}