﻿/*===============================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%;}
.banner-text {position:absolute;top:40%;left:calc(50% - 100px);font-weight:400;}
.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.moreshow {display:block;margin-top:20px;width:120px; text-align:center;padding-left:10px;padding-right:10px; line-height:40px;font-size:14px;}
@media screen and (max-width: 1150px) {
    #defbanner{position:relative; margin-top:0px;}
    .banner-text {position:absolute;top:20%;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;margin-top:0px;}
.defblock:after{display:block;content:"";width:100%;clear:both;}
.defblock {padding:0px 0px 0px 0px;}
.defblock .w1200 {margin:0px auto;}
.def_bgrdp70{background:#fff;padding:60px 0px 60px 0px;}
.def_bgee{background:#f6f7fb;}
@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 .pagemore01 {font-size:10pt; margin: 30px auto;width: 160px;height: 46px;line-height:46px;border-radius: 0px;text-align: center;transition: all ease 0.5s;display: block;color:#999;background:#fff; border:1px solid #999;}
.defblock .w1200 .pagemore02 {font-size:10pt;margin: 30px auto;width: 200px;height: 46px;line-height:46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;color:#333;background:#fff;transform: translateX(0);}
.defblock .w1200 .pagemore01:hover,.defblock .w1200 .pagemore02:hover{width:220px;transition: all ease 0.5s;}

.aboutimg ,
.defblock a{overflow:hidden;}
.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:24px;line-height:2; color:#222222;font-weight:600;padding-bottom:10px;}
.mTitbg h2:after{display:block;content:"";width:80px;height:4px;background:#cc3333;position:absolute;bottom:0px;left:calc(50% - 40px);}
.mTitbg h2 p{ font-size:16px; color:#323232; line-height:24px; font-family:Arial;margin:0px auto;font-weight:400;display:none;margin-left:0px;}
.mTitbg h2 a.btn{display:block;width:120px;height:38px;line-height:38px;font-weight:300; background:none;border:1px solid #222222; color:#222222;position:absolute;top:4px;right:0px;}
.mTitbg h2 a.btn:hover{display:block;width:120px;height:40px;line-height:40px;font-weight:300; background:#222222;color:#fff;position:absolute;top:4px;right:0px;}
/*产品展示*/
.swiper-container-horizontal>.btndefhistorypage{bottom:0}
/*新闻中心*/
.def_bgcontact h3{margin-bottom:0px;font-size:20px;}
.contact_lft{display:inline;float:left;width:49%;margin-left:0%}
.newsitembox{display:block;width:100%;position:relative;}
.newsitembox a,.newsitembox a img{display:block;width:100%}
.newsitembox a{display:block;width:95%;padding:2.5%;background:#eee;transition:all .3s;}
.newsitembox a img{width:100%;}
.newsitembox span{display:block;width:calc(100% - 5%);padding:0 2.5%;height:40px;line-height:40px;position:relative;left:0;bottom:0;background:#22222250;color:#fff;text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-top:-40px;}
.newsitembox p{width:95%;padding:0 2.5%;color:#333;font-size:small;}
.newsitembox a:hover{display:block;width:95%;padding:2.5%;background:#cc3333;transition:all .3s;}
.newsitembox a:hover span{margin-top:-40px;transition:all .3s;background:#cc3333;}
.newsitembox a:hover p{color:#fff;}
.newsitemwrap{padding-bottom:100px;}
.newsitemwrap .swiper-pagination{text-align:center;bottom:20px;width:97.5%;padding-right:2.5%}
/*关于我们*/
.defbg_about{width: 100%;padding:0px;}
.defbg_about .mTitbg{ overflow:hidden; padding:0px 0 0px 0px;text-align:left;}
.defbg_about .mTitbg h2:after{display:block;content:"";width:80px;height:4px;background:#cc3333;position:absolute;bottom:0px;left:0;}
.defbg_about .mTitbg h2{ display:inline-block; position:relative; font-size:24px;line-height:2; color:#222222;font-weight:600;margin-top:0px;}
.defbg_about .mTitbg h2 p{ font-size:16px; color:#323232; line-height:24px; font-family:Arial;margin:0px;font-weight:400;display:none;}
.defblock .floor_4{padding: 60px 0;}
.defblock .floor_4 .aTit{height:190px;background: url(../images/titLine.png) no-repeat 14px center;}
.defblock .floor_4 .aTit .tit{padding-top:60px;display:block;font-size:40px;font-weight:bold;color:#222222;line-height:40px;}
.defblock .floor_4 .aTit .subtit{font-size: 16px;color: #666;line-height:18px;font-weight: normal;padding-top: 12px;}
.defblock .floor_4 .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;}
.defblock .floor_4 .aboutimg img{width: 600px; height: 450px; display: block;}
.defblock .floor_4 .abouttext{width: calc(96% - 620px); display: block;}
.defblock .floor_4 .abouttext .stit{font-size: 24px; font-weight: bold; padding-top: 36px;color:#333;line-height:26px;}
.defblock .floor_4 .abouttext h4{color: #999; font-size: 24px; display: block;}
.defblock .floor_4 .abouttext .desc{padding-top: 40px;color: #666;line-height: 30px;margin-bottom: 46px;text-align: justify;}
.defblock .floor_4 .abouttext .more{margin: 0;}
/*parnter*/
.def_partner{margin-top:0px;background:#eee;}
.partlist ul {background: #fff;}
.partlist ul li {display: inline;float: left;width: calc(14.2857% - 2px);border:1px dotted #ccc;}
.partlist ul li:last-child{display:none;}
.partlist ul li a{display:block;width:100%;}
.partlist ul li a img{display:block;width:80%;height:80px; margin:10%;}
.partlist ul li a span{display:block;width:80%;height:80px;line-height:80px;text-align:center;font-size:small; margin:10%;}
@media screen and (max-width:720px) {
    .def_partner{margin-top:0px;background:initial;}
.partlist ul{margin-bottom:30px;}
.partlist ul li {display: inline;float: left;width: calc(33.333% - 2px);border:1px dotted #ccc;background:#fff;}
.partlist ul li a{display:block;width:100%;}
.partlist ul li a img{display:block;width:80%;height:32px; margin:10%;}
}
/*case*/
.casebox{display:inline;float:left;width:23.5%;margin-right:2%;margin-bottom:2%;}
.casebox:nth-child(4n){margin-right:0%;}
.casebox a{display:block;width:95%;padding:2.5%;background:#eee;transition:all .3s;}
.casebox a:hover{display:block;width:95%;padding:2.5%;background:#eee;transition:all .3s;}
.casebox a img{width:100%;}
.casebox span{display:block;width:100%;height:40px;text-align:center;line-height:40px;}
/*youshi*/
 .defbg_youshi {background:#d7bb3e url(../images/bg_case.jpg) no-repeat center center;background-size:100%;padding-bottom:120px;background-attachment:scroll;}
.ysbox {display:inline;float:left;width:19.5%;margin-right:2%;padding:2%;background:#ffffff80;position:relative;}
.ysbox:nth-child(4n) {display:inline;float:left;width:19.5%;margin-right:0%;padding:2%;}
.ysbox .panel-title{text-align:center;font-size:large;font-weight:bold;}
.ysbox  i{display:block;width:80px;height:80px;margin:0px auto;text-align:center;line-height:80px;border:2px solid #333;border-radius:50%;font-size:42px;}
.icon01:before{content:"\e757";}
.icon02:before{content:"\e77f";}
.icon03:before{content:"\e75e";}
.icon04:before{content:"\e781";}
.ysbox .panel-body {display:block;width:90%;padding:5%;height:150px;overflow:hidden;position:relative;background:#fff;}
.ysbox .panel-body p{margin:0;line-height:30px;display:block;position:relative;transition:all 3s;}
.ysbox:hover .panel-body p{margin:0;line-height:30px;display:block;position:relative;margin-top:-200px;transition:all 3s;}
/*faq*/
.defbg_faq {background:#cc3333 url(../images/bg_case.jpg) no-repeat center center;background-size:100%;padding-bottom:120px;background-attachment:scroll;position:relative;}
.defbg_faq2{background:url(../images/bg_faq.jpg) no-repeat left center;background-size:200%;display:block;position:absolute;width:38%;height:100%;top:0px;left:0%;opacity:0.5;transition:all .3s;}
.defbg_faq2.cur{background:#ffffff50 url(../images/bg_faq.jpg) no-repeat left center;background-size:220%;transition:all .3s;}
.defbg_faq .fl{display:inline;float:right;width:calc(96% - 620px);}

.feedback_form select {height:50px;line-height:50px;width:99%;margin-right:0%;padding:5px 20px;font-size:small;outline:none;border:none;background:#f8f8f8;}
.feedback_form select option{height:50px;line-height:50px;}
.feedback902 {display:block;float:initial;margin:0px auto;}
@media screen and (max-width:1200px) {        
    /*===============================大标题=======================================*/
    .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:#222222;font-weight:600;width:100%;}
    .mTitbg h2 p{ font-size:16px; color:#323232; line-height:24px; font-family:Arial;margin:0px;font-weight:400;display: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;}
    .mTitbg h2 a.btn:hover{display:block;width:120px;height:40px;line-height:40px;font-weight:300; background:#222222;color:#fff;position:absolute;top:4px;right:0px;}
    .def_bgee .mTitbg h2{ display:block;position:relative; font-size:24px;line-height:2; color:#222222;font-weight:600;width:95%;margin:0 2.5%; }    
    .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;}
    .defblock .pagewd {clear:both; width:95%;padding:0% 2.5%; margin:0px auto;position:relative;}
    .defblock .pagewd h3{position:relative;}
    .defblock .pagewd 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 .pagewd 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 .pagewd h3 font.color-fs{color:#00a2da;}
    .defblock .pagewd h3 i{display: block;font-size: 18px;color: #ccc;line-height: 30px;}
    .defblock .pagewd 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 .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 .w1200 h3 small:after {content: '';position: absolute; top: 50%;background: #fff;width: 30%;height: 1px;z-index:1;display:none;}
    .defblock .pagewd h3 small:before {left: 15%;}
    .defblock .pagewd h3 small:after {right: 15%;}

    .def_bgrdp70 {padding:0px 0px 0px 0px;}
    .def_bg{background:rgba(55,79,90,.9);background-size:400% auto;padding:20px 0px 20px 0px;}       
    /*关于我们*/
    .defbg_about{width: 100%; height:auto;background:initial;padding:30px 0;}
    .defbg_about .mTitbg{ overflow:hidden; padding:0px 0 0px 0px;text-align:center;}
    .defbg_about .mTitbg h2:after{display:block;content:"";width:80px;height:4px;background:#cc3333;position:absolute;bottom:0px;left:calc(50% - 40px);}
    .defbg_about .mTitbg h2{ display:inline-block; position:relative; font-size:24px;line-height:2; color:#222222;font-weight:600;margin-top:0px;}
    .defbg_about .mTitbg h2 p{ font-size:16px; color:#323232; line-height:24px; font-family:Arial;margin:0px;font-weight:400;display:none;}

    .defblock .floor_4{padding: 0px 0;}
    .defblock .floor_4 .aTit{height:190px;background: url(../images/titLine.png) no-repeat 14px center;}
    .defblock .floor_4 .aTit .tit{padding-top:60px;display:block;font-size:40px;font-weight:bold;color:#222222;line-height:40px;}
    .defblock .floor_4 .aTit .subtit{font-size: 16px;color: #666;line-height:18px;font-weight: normal;padding-top: 12px;}
    .defblock .floor_4 .aboutimg{width: 100%; height: auto; margin-left:0px;display: none; background: #fff; box-shadow: initial; padding: 0px;}
    .defblock .floor_4 .aboutimg img{width: 100%; height: auto; display: block;}
    .defblock .floor_4 .abouttext{width: 95%; display: block;padding:0 2.5% 2.5%;}
    .defblock .floor_4 .abouttext .stit{font-size: 16px; font-weight: bold; padding-top: 36px;color:#333;line-height:26px;text-align:center;}
    .defblock .floor_4 .abouttext h4{color: #999; font-size: 24px; display: block;}
    .defblock .floor_4 .abouttext .desc{padding-top: 0px;color: #666;line-height: 30px;margin-bottom: 0px;text-align: left;display:block;width:95%;padding:2.5%;}
    .defblock .floor_4 .abouttext .more{margin: 0 auto;}
    /*case*/
    .casebox{display:inline;float:left;width:49%;margin-right:2%;margin-bottom:2%;}
    .casebox:nth-child(4n){margin-right:2%;}
    .casebox:nth-child(2n){margin-right:0%;}
    /*youshi*/
    .defbg_youshi {background:#ffffff;background-size:100%;padding-bottom:120px;background-attachment:scroll;}
    .ysbox {display:inline;float:left;width:45%;margin-right:2%;padding:2%;background:#ffffff80;position:relative;margin-bottom:2%;}
    .ysbox:nth-child(4n) {display:inline;float:left;width:45%;margin-right:0%;padding:2%;}
    .ysbox:nth-child(2n){margin-right:0%;}
    /*faq*/
    .defbg_faq {background:#fff;background-size:100%;padding-bottom:120px;background-attachment:scroll;position:relative;}
    .defbg_faq2{display:none;}
    .defbg_faq .fl{display:block;float:initial;width:100%;}
}



.showbox30700{display:inline;float:left;width:calc(13.42857% - 2px);height:98px; margin-right:1%;margin-bottom:1%;border:1px solid #ccc;overflow:hidden;}
.showbox30700:nth-child(7n){display:inline;float:left;width:calc(13.42857% - 2px);margin-right:0%;}
.showbox30700 .showbox_tit, .showbox30800 .showbox_tit a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height: 98px;line-height: 98px;}
.showbox30700 .showbox_tit{display:block;width:100%;height:100%;position:absolute;background:#ffffff;left:0px;top:0%;transition:all .3s;}
.showbox30700 .showbox_tit a span.faa{display:block;width:100%;position:absolute;top:calc(50% - 20px);color:#333;text-align:center;}
.showbox30700:hover .showbox_tit{display:block;width:100%;height:100%;position:absolute;background:#00000080;left:0px;top:0px;transition:all .3s;}
.showbox30700:hover .showbox_tit a span.faa{color:#ffffff;}

.showbox30800{display:inline;float:left;width:calc(11.625% - 2px);margin-right:1%;margin-bottom:1%;border:1px solid #ccc;overflow:hidden;}
.showbox30800 .showbox_pic{display:block;width:100%;}
.showbox30800 .showbox_pic a{display:block;width:100%;}
.showbox30800 .showbox_pic a img{display:block;width:100%;}
.showbox30800:nth-child(8n){display:inline;float:left;width:calc(11.625% - 2px);margin-right:0%;}
.showbox30800 .showbox_tit, .showbox30800 .showbox_tit a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height: 40px;line-height: 40px;}
.showbox30800 .showbox_tit{display:block;width:100%;height:100%;position:absolute;background:#00000080;left:0px;top:100%;transition:all .3s;}
.showbox30800 .showbox_tit a span.faa{display:block;width:100%;position:absolute;top:calc(50% - 20px);color:#fff;text-align:center;}

.showbox30800:hover .showbox_tit{display:block;width:100%;height:100%;position:absolute;background:#00000080;left:0px;top:0px;transition:all .3s;}

@media screen and (max-width:1200px) {
    .def_bgee{background:initial;}
    .showbox30700{display:inline;float:left;width:calc(32% - 2px);height:68px; margin-right:2%;margin-bottom:1%;border:1px solid #ccc;overflow:hidden;}
    .showbox30700:nth-child(7n){display:inline;float:left;width:calc(32% - 2px);margin-right:2%;}
    .showbox30700:nth-child(3n){display:inline;float:left;width:calc(32% - 2px);margin-right:0%;}
    .showbox30700 .showbox_tit a span.faa{display:block;width:100%;position:absolute;top:calc(50% - 20px);color:#333;text-align:center;font-size:small; white-space:initial;}
}