/*样式初始化及公共样式部分*/
*{ margin:0px; padding:0px; }
body{ color:#333; margin:0 auto; background-color:#fff; font-family:"Microsoft YaHei"; overflow-x:hidden; }
a{ color:#333; text-decoration:none; }     
a:hover{transition:0.3s all; }      
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0px; padding:0px; list-style:none; border:0px; font-weight: lighter; }    
address, caption, cite, code, dfn, em, strong, th, var, optgroup, i{ font-style: inherit; font-weight: lighter; }
b{ font-weight:normal;}
.clear{clear:both; font-size:0px; overflow:hidden; height :0px;}
.cl{ clear: both; height:0px; }  
.fl{ float:left; }     
.fr{ float:right; }     
#copy{ display:none; }      
.page{ width:1300px; margin:0 auto; height:auto; overflow:hidden; }
.page1{ width:1300px; margin:0 auto; position:relative; }
.page3{ width:85%; min-width:1300px; margin:0 auto; height:auto;  }
.box,.footer1{ width:1300px; margin:0 auto; height:auto; }    /*定义版面统一宽度*/
.top30{ margin-top:30px; }
.top40{ margin-top:40px; }
.top30{ margin-top:30px; }
.top50{ margin-top:50px; }
.top60{ margin-top:60px; }

.w1300 {width: 1300px;margin: 40px auto;}
.w1400 {width: 1400px;margin: 0 auto;}

ins#newBridge {
    display: none;
}


/*head*/
.head{ height: 42px;line-height:42px;border-bottom: 1px #edebeb solid; font-weight:200; background:#fff;}
.head .fl,.head .fr a{letter-spacing: 0.5px; color: #5b5b5b; font-size: 14px;}
.head .fr a {display:inline-block; padding-left: 50px;background: url(../image/top1.png) no-repeat 2px 11px; transition: 0.3s all ease-in-out;font-size: 14px;line-height:42px;padding-right:15px;cursor:pointer;position:relative;color:#5b5b5b; float: left;}
.head .fr .tel{background-position:-107px 10px;}
.head .fr .wx{background-position:-223px 12px;}
.head .fr .wx .wxewm {width: 120px;height: 120px;position:absolute;top:42px;z-index:2;left:0;display:none;}
.head .fr .wx .wxewm img{width: 120px;height:120px;display:block;}



/*head*/
.logo{ padding:42px 0; float:left;}
.logo1{ font-size:25px; line-height:30px; font-weight:bold; color:#0c55c4; padding-top:60px;}
.logo1 p{ font-size:16px; line-height:36px; color:#666; font-weight:normal;}
.logo33{ font-size:16px; color:#333; position:absolute;  top:122px; left:28px;  }

.logo2{width:330px; float:left; padding:41px 0 0 30px}
.logo2 p{font-size: 0.3rem;color: #0c55c4;font-weight: bold;}
.logo2 span{color: #666;line-height: 0.3rem;font-size: 0.16rem;letter-spacing: 1px;}
.logo2 li{width: 110px;height: 40px;border-radius: 40px;line-height: 40px;;font-size: 16px;color: #fff;background-image:linear-gradient(to right,#0c55c4,#1342a2);float: left;text-align: center;}
.logo2 li:nth-child(2){margin-left: -32px;z-index: -1;position: relative;text-align: right;padding-right: 15px;width: 115px;}
.logo2 li:nth-child(3){margin-left: -32px;z-index: -2;position: relative;text-align: right;padding-right: 15px;width: 115px;}
.logo2 ul{margin-top: 0.55rem;margin-left: 0.4rem;cursor: pointer;}

.logo3{ float:right;}
.logo31{ font-size:16px; color:#666; float:left; width:55px; padding-top:65px;}
.logo32{ font-size:16px; color:#333; padding-top:50px; font-weight:normal;}
.logo32 p{ font-size:35px; line-height: 45px; color:#0c55c4; font-family:Impact; }
#top_img {float: left;margin-top: 49px;margin-left: 19px;margin-right: 19px;background: url(../image/dh1.jpg) center no-repeat;width: 9px;height: 89px;}





/*导航*/
.nav_c{width: 100%;height: 70px; display: flex;align-items: center;justify-content: space-between;background: #1657dd;}
.nav_c ul{width: 100%;max-width: 1300px;display: flex;height: 100%;align-items: center;justify-content: space-between;margin: 0 auto;}
.nav_c ul li{position: relative;width: 15%;height: 100%;display: flex;align-items: center;}
.nav_c ul li.on{background: #1244a6;}
.nav_c ul li a{text-align: center;color: #ffffff;font-size: 16px;width: 100%;height: 100%;line-height: 70px;}
.nav_c>ul>li.on>a{color: #ffffff;}
.nav_c>ul>li:hover>a{color: #ffffff;}
.nav_c>ul>li:hover{background: #1244a6;}



/*banner*/
.focus { width:100%; height:650px; overflow:hidden; position:relative;}
.focus ul {height:650px; position:absolute;}
.focus ul li {float:left; width:100%; height:650px; overflow:hidden; position:relative; background:#222;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#222; display:none;}
.focus .btn {position:absolute; width:1400px; left:50%; margin-left:-650px; height:24px; bottom:40px; text-align:right; z-index:100000;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:110px; position:absolute; top:288px; background:url(../image/119.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
.dis { display: none;}
#banner{overflow:hidden;}
div#focus002 .preNext {top: 155px;}




/*网站标题*/
.wz-bt{text-align: center;}
.d-bt{display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}
.d-bt p{font-size: 40px;font-weight: bold;margin: 0 30px;}
.wz-bt span{font-size: 20px;}
.bt-color1{color: #fff;}
.bt-color2 p{color: #333;}
.bt-color2 span{color: #555;}
.bt-color2 b {font-weight: bold;color: #0c55c4;}



 

/*产品*/
.pro_list {background: #fff;line-height: 90px;height: 91px;width: 1040px;margin-bottom: 25px;border: 1px solid #ededed;margin: 25px auto;}
.pro_list li {display: block;width: 220px;margin: 20px;padding: 0 !important;background: #0c55c4;float: left;-webkit-transition: all 0.5s linear;height: 50px;line-height: 50px;font-size: 15px;text-align: center;}
.pro_list li:hover {background: #333;}
.pro_list li:hover a{ color:#fff;}
.pro_list li a {font-size: 16px; color: #fff; display: block;}
.pro_list li:nth-child(1) { border-left: none;}
.pro_list li:hover span { background-position: 0 -26px;}
.pro_list li:hover a { color: #fff;}



.prod_b{position: relative;}
.prod_b table tr td span a {display: block;overflow: hidden;background: #f5f5f5;font-size: 16px;color: #444;}
.prod_b table tr td:hover span a{ background:#0c55c4; color:#fff;}
.prod_b table tr td>a {width: 100%;overflow: hidden;display: block;}
.prod_b table tr td br{display: none;}
.prod_b img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:306px; height:auto;}
.prod_b img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);  overflow:hidden;}   
.colee{overflow: hidden;height: 580px;width: 1400px;}
.colee table td {width: 23.5%;height: auto;display: block;float: left;margin: 2% 2% 0 0;padding: 0.7%;border: 1px solid #f2f2f2;box-sizing: border-box;}
.colee table td:nth-of-type(4n){margin-right: 0;}
.colee table td span{line-height:50px;}
.products-image-t {margin-top: 30px;}





/*案例*/
.case{ padding:65px 0 65px 0;}
.swiper-container{ padding:35px 0 65px 0;}
.post_m{position: relative;  padding-bottom:40px; margin:50px auto 0 auto; width:95%;}
.post_m .swiper-slide {position: relative;background-repeat: no-repeat;background-position: center top;background-size: cover;
-webkit-transition: transform 1s;-moz-transition: transform 1s;-ms-transition: transform 1s;-o-transition: transform 1s;-webkit-transform: scale(.8);transform: scale(.8);}
.post_m .swiper-slide img { width: 100%;height:auto;}
.post_m .text {box-sizing:border-box;width: 60%; line-height:50px; opacity:1; color:#999999; text-align:center;font-size:18px;background-color:#e5e5e5; margin:0 auto; font-size:14px;}
.post_m .swiper-slide-next{ -webkit-transform: scale(.94) translateX(10px);transform: scale(.94)translateX(10px);}
.post_m .swiper-slide-prev{ -webkit-transform: scale(.94) translateX(-10px);transform: scale(.94)translateX(-10px);}
.post_m .swiper-slide-active, .post_m .swiper-slide-duplicate-active { -webkit-transform: scale(1.07) translateY(-6%);transform: scale(1.07) translateY(-6%);}
.post_m .swiper-slide-active h4, .post_m .swiper-slide-active p, .post_m .swiper-slide-duplicate-active h4, .post_m .swiper-slide-duplicate-active p { color: #fff;}
.post_m .swiper-slide-active a, .post_m .swiper-slide-duplicate-active a { display: block; width:100%; height:100%;position: relative;}
.post_m .swiper-pagination {bottom:0;left: 50%;transform: translate(-50%, 0)}
.post_m .swiper-pagination-bullet{ width:16px; height:16px; background:#dcdcdc; opacity:1;}
.post_m .swiper-pagination-bullet+ .swiper-pagination-bullet{ margin-left:14px;}
.post_m .swiper-pagination-bullet-active{background:#0e5dd4;}
.custhide{ position:absolute; bottom:50px; width:82%; height:100px; box-sizing:border-box; padding:30px; background:#0e5dd4; color:#fff; transition:all .3s ease; opacity:0; left:0; right:0; margin:0 auto; text-align:center;}
.cust_t{ font-size:22px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:15px;font-weight: normal;}
.cust_remark{color: #b9d5ff; font-size: 15px; line-height: 30px; height:90px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.post_m .swiper-slide-active .custhide, .post_m .swiper-slide-duplicate-active .custhide { opacity:1; bottom:-35px;}
.post_m .custjt{ bottom:-13px; top:auto; left:30%; width:20px; height:40px; background:url(../image/20210227150011_2047781879.png) no-repeat left bottom;}
.post_m .custjt.swiper-button-prev{ left:auto; right:30%; background-image:url(../image/20210227150036_594224201.png);}
.post_m .custjt:hover{ background-position-y:top;}






/*简介*/
.ab_bg {padding-top: 65px;height: 685px;}
.ab_nr {display: block;width: 545px;height: 424px;padding: 0 50px;box-shadow: 0 0 10px #eee;position: relative;background: #fff;margin-top: 99px;float: right;z-index: 1;}
.ab_nr:after {content: "";display: block;width: 39px;height: 39px;background: #0c55c40f;position: absolute;top: 0;right: 0;}
.ab_nr span{ font-size:30px; color:#444; font-weight:normal; display:block; padding-top: 50px;}
.ab_nr em{ display:block; width:27px; height:2px; background:#a4a4a4; margin:25px 0 35px;}
.ab_nr p{ font-size:16px; color:#777; line-height:35px;}
.ab_tp {position: absolute;top: 51px;left: 0;z-index: 0;}
.ab_bg .page1 b {font-size: 41px;font-family: Arial;font-weight: bold;text-transform: uppercase;color: #b1b1b1;opacity: 0.1;position: absolute;top: 43px;right: 0;}
.about_btn{ margin-top:20px;}
.about_btn a{ display:block; width:164px; height:44px; color:#fff; text-align:center; line-height:44px; float:left;-webkit-transition:0.8s;transition:0.8s;}
.about_btn a:nth-child(1){ background:#222;}
.about_btn a:nth-child(2){ background:#0c55c4;}
.about_btn a:hover{ width:200px; -webkit-transition:0.8s; transition:0.8s;}




/*版权*/
.crcon{ padding:70px 0 55px; border-bottom:1px solid #2f2f2f;background: #232323;}
.footer {width: 725px;float: left;}
.kslj {width: 100%;}
.kslj span{ font-size:20px; color:#fff;}
.kslj span:after{ content:''; display:block; width:36px; height:2px; background:#5d5d5d; transition:all .3s ease; margin:20px 0 20px 0;}
.kslj li:hover span:after{ width:72px; background:#fff;}
.kslj li a{ display:block; font-size:15px;color:#999; line-height:38px;}
.kslj li a:hover{ color:#fff;}
.kslj li {margin-right: 18%;float: left;}
.kslj li:last-child {margin-right: 0;}



.crconcat{ width:500px;}
.code {display: flex;align-items: center;justify-content: space-around;}
.code div{width: 20px;line-height: 17px;color: #b0b0b0; padding-left: 24px;}
.cr_tel{ padding:0 0 15px 20px; border-bottom:1px solid #2e2e2e; background:url(../image/bq1.png) no-repeat right top; margin-bottom:17px; font-size:14px; color:#afafaf;}
.cr_tel em {display: block;font-size: 27px;color: #fff;font-family: Arial;font-weight: bold;padding-top: 10px;}
.craddr{ margin-left:20px; font-size:17px; color:#b0b0b0; line-height:35px;}
.craddr p{ padding-left:28px; background:url(../image/bq2.png) no-repeat left center;}
.craddr p:nth-child(1) {background: url(../image/bq2.png) no-repeat left 10px;}
.craddr p:nth-child(2){background:url(../image/bq3.png) no-repeat left center;}
.craddr p:nth-child(3){background:url(../image/bq4.png) no-repeat left center;}
.code img {width: 162px;}   
.end{ text-align:center; padding:35px 0;background: #242424;}
.end,.end a{ font-size:14px; color:#b0b0b0; font-weight:lighter; line-height:35px;}