﻿body{background:#f6f7fb;}
/*===============================banner=======================================*/
#defbanner{position:relative; margin-top:0px;width:100%;margin:0px auto;z-index:1;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:5%;}
.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%;}
.banner-text {position:absolute;top:40%;left:calc(50% - 100px);font-weight:400;display:none;}
.banner-text .small-title{font-size:51pt;line-height:80px; color:#fff;}
/*.banner-text .small-title:after{display:block;width:138px;content:"";clear:both;height:4px;background:#1374f6;}*/
.banner-text h1{font-size:32pt;line-height:36pt;font-weight:400;color:#fff;}
.banner-text h2{font-size:24pt;line-height:56pt;font-weight:400;color:#fff;}
.banner-text a.e_tel {display:block;margin-top:20px; width:120px;height:40px;text-align:center;padding-left:10px;padding-right:10px; line-height:40px;font-size:14px;background:#fff; color:#215399;position:relative;}
.banner-text a.e_tel:before{display:block;content:"";position:absolute;width:0%;height:100%;left:0px; background:#215399;z-index:0;transition:all .3s; }
.banner-text a.e_tel:hover:before{display:block;content:"";position:absolute;width:100%;height:100%;left:0px; background:#215399;z-index:0; transition:all .3s;}
.banner-text a.e_tel:hover span{color:#fff;}
.banner-text a.e_tel span{z-index:1;position:relative;}
@media screen and (max-width: 1150px) {
    #defbanner{position:relative; margin-top:0px;}
    .banner-text {position:absolute;top:30%;left:10%;font-weight:400;}
    .banner-text .small-title{font-size:51px;line-height:80px; color:#fff;}
    .banner-text h1{font-size:32px;line-height:50px;font-weight:400;color:#fff;}
    .banner-text h2{font-size:24px;line-height:50px;font-weight:400;color:#fff;}    
}
/*===============================default common=======================================*/
.content{position:relative;margin-top:0px;}
.defblock{font-size:12pt;line-height:28px;color:#666;position:relative;/*background:#292d33;*/margin-top:0px;}
.defblock:after{display:block;content:"";width:100%;clear:both;}
.defblock {padding:0px 0px 20px 0px;}
.def_bgrdp70{background:#f6f7fb;}
.def_bgprod{background:url(../images/prod_bg.jpg) no-repeat bottom center; }

.defblock .w1200 {margin:0px auto;text-align:center;}
@media screen and (min-width: 1367px) and (max-width: 1920px){
   /* .defblock .w1200 {width:76%;}*/
    .defblock .w1200 {width:1200px;}
}
@media screen and (max-width: 1150px) {
    .defblock .w1200 {width:100%;}
}
.defblock .w1200 h3 {font-weight:400;height:auto; color:#000;text-align:center;margin-bottom:30px;position:relative;}
.defblock .w1200 h3:after{display:block;content:"";clear:both;width:100%; }
.defblock .w1200 h3.cen{text-align:center;}
.defblock .w1200 h3 a {display: none;float:right;position:absolute;right:0px;bottom:0px;background:#00a2da;width:58px;height:98px;text-indent:-1999pt;}
.defblock .w1200 h3 i{display: block;width:100%; position:relative;top:0px;margin:0px auto;text-align:center; font-size: 20px;color: #888;font-weight: 400;line-height: 30px;}
.defblock .w1200 h3 small {display: block;line-height:40px;height:40px; font-size:28pt;color:#333;font-weight:400;z-index:9;position:relative;margin-top:0px;}
.defblock .w1200 h3 small em{color:#333;}
.defblock .w1200 h3 font {display:block;width:80px;height:4px;background:#215399;margin:10px auto; color:#666;font-size:18px; line-height:40px;position:relative;top:0px;z-index:1}

.defblock .w1200 h3 a.page01{background:url(../images/page01.png) no-repeat bottom center; }
.defblock .w1200 h3 a.page02{background:url(../images/page02.png) no-repeat bottom center; }
.defblock .w1200 h3 a.page03{background:url(../images/page03.png) no-repeat bottom center; }
.defblock .w1200 h3 a.page04{background:url(../images/page04.png) no-repeat bottom center; }
.defblock .w1200 h3 a.page05{background:url(../images/page05.png) no-repeat bottom center; }

.def_bgprod .w1200 h3 small{color:#fff;}
.def_bgprod .w1200 h3 small em{color:#fff;}

.defblock .w1200 .pagemore01 {font-size:10pt; margin: 30px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;color:#fff;line-height:46px;background:#215399; border:1px solid #f1f1f1;}
.defblock .w1200 .pagemore02 {font-size:10pt;margin: 30px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;color:#215399;line-height:46px;/*background: linear-gradient(to left, #eaeb54, #00a2da);*/background:#fff;transform: translateX(0);}
.defblock .w1200 .pagemore01:hover,.defblock .w1200 .pagemore02:hover{width:220px;transition: all ease 0.5s;}


.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.defprodhot{margin-bottom:30px}
.defprodhot h4{display:block;background:#0010ab;color:#fff;text-align:left;width:95%;padding:0 2.5%;height:40px;line-height:40px}
.defprodhotlist{display:block;width:95%;padding:2.5% 2.5% 0 2.5%;background:#fff}
.defprodhotlist:after{display:block;content:"";width:100%;clear:both}
.defprodhotbox{display:inline;float:left;width:25%;position:relative;margin-bottom:20px;text-align:left}
.defprodhotbox span{font-size:14px;margin-left:10px}
.defprodhotbox a{display:inline;float:left;width:30%}
.defprodhotbox a img{width:100%}

.com_left{display:inline;float:left;width:20%}
.com_right{display:inline;float:right;width:78%;}
.showlist_index{display:block; width:95%;padding:2.5% 2.5% 2.5% 2.5%;background:#fff;margin-bottom:0}
.showlist_index_tit{position:relative;height:40px;margin:0 0 20px 0;color:#111;font-size:16px;font-weight:400;line-height:40px;vertical-align:top;white-space:nowrap;text-align:left}
.showlist_index_tit a{text-align:left}
.showlist_index_con:after{display:block;content:"";width:100%;clear:both}
.showlist_index_con .showbox00001{display:inline;float:left;width:25%;text-align:left;font-size:14px}
.mould000_01 .showlist_index_tit{position:relative;height:40px;margin:0 0 20px 0;color:#111;font-size:16px;font-weight:400;line-height:40px;vertical-align:top;white-space:nowrap;padding-left:0;border-bottom:1px solid #333}

@media screen and (max-width:1200px) {        
    body{background:no-repeat;}    
    #defbanner{position:relative; margin-top:0px;width:100%;margin:0px auto;z-index:1;}
    .defblock {padding:0px 0px 0px 0px;}
    .defblock .w1200 {clear:both; width:100%;padding:0%; margin:0px auto;text-align:center;position:relative;}
    .defblock .w1200 h3{position:relative;}
    .defblock .w1200 h3 small {display: block;width:95%;padding:0 2.5%; text-align:center; line-height:40px;height:40px; font-size:14pt;font-weight:bold;z-index:1;position:relative;}
    .defblock .w1200 h3 font {display:block;width:80px;left:calc(50% - 40px); text-align:center; margin-left:0px;color:#999;font-size:11pt;text-transform:uppercase; position:relative;top:0pt;z-index:1}
    .defblock .w1200 h3 font.color-fs{color:#00a2da;}
    .defblock .w1200 h3 i{display: block;font-size: 18px;color: #ccc;line-height: 30px;}
    .defblock .w1200 h3 a {display: none;height:40px;line-height:40px;font-size:x-small; position:absolute;right:2.5%;top:0;z-index:2;color:#fff;}
    .defblock .swfj_box,.def_bbys{padding: 70px 0px 70px 0px;}
    .defblock .w1200 h3 small:after{content:".";width:40px;color:#fff;}
    .defblock .w1200 h3 small:before{content:".";width:40px;color:#fff;}
    .defblock .w1200 h3 small:before, .defblock .w1200 h3 small:after {content: '';position: absolute; top: 50%;background: #fff;width: 30%;height: 1px;z-index:1;display:none;}
    .defblock .w1200 h3 small:before {left: 15%;}
    .defblock .w1200 h3 small:after {right: 15%;}
    .def_bb{padding:0px 0px 80px 0px;}
    .def_bgrdp70 {padding:30px 0px 30px 0px;}
    .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;}   
    .defblock .w1200 .pagemore01 {font-size:10pt; margin: 0px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;color:#fff;line-height:46px;background:#215399; border:1px solid #f1f1f1;}
    .defblock .w1200 .pagemore02 {font-size:10pt;margin: 0px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;color:#215399;line-height:46px;/*background: linear-gradient(to left, #eaeb54, #00a2da);*/background:#fff;transform: translateX(0);}
    .defblock .w1200 .pagemore01:hover,.defblock .w1200 .pagemore02:hover{width:220px;transition: all ease 0.5s;}

    .com_left{display:block;float:initial;width:95%;margin:0px auto;}
    .com_right{display:block;float:initial;width:100%;}
    .defprodhotbox{display:inline;float:left;width:32%;margin-right:2%; position:relative;margin-bottom:20px;text-align:left}
    .defprodhotbox:nth-child(3n){display:inline;float:left;width:32%;margin-right:0%; position:relative;margin-bottom:20px;text-align:left}
    .showlist_index_con .showbox00001{display:inline;float:left;width:33.333%;text-align:left;font-size:14px}
    
}