*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;}
body{font-size: 14px;min-width: 1300px;font-family:"Microsoft YaHei";overflow-x:hidden;color: #333;}
a{text-decoration: none;font-size: 14px;}
address, caption, cite, code, dfn, em, th, var, optgroup, i{font-style: inherit;font-weight: inherit;}
img{vertical-align: top;border: none;}
input, textarea{outline: none;border: none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
.fr{ float:right;}
.fl{ float:left;}
.w1500,.page,.gy,.box{max-width: 1500px; min-width: 1300px; width: 100%; margin: 0 auto;}
.clear,.cl{height: 0; overflow: hidden; clear: both;}
.dfc{display:flex;align-items:end;justify-content:center;}
.dfe{display:flex;align-items:end;justify-content:end;}
.db>div, .lb>li, .dd>dl{display:inline-block;vertical-align:top;}






/*导航*/
#top_bg{width:100%; min-width:1300px; height: 110px; top:50px !important;     z-index: 99;}
.top{width:94%;height:100%;margin: 0 auto;min-width: 1300px; background:#fff; padding:0 2vw; transition: all 1s ease-in-out; }
.logo{margin-top: 20px;}
.logo img{height: 70px;}

.name{padding-top:24px; padding-left:1.4vw;}
.name p{font-size: 28px; font-weight: bold;color: #007fd8;}
.name span{font-size:17px; color:#757f87; line-height:32px; }

/*导航*/
.nav{height:110px;width: 46%; margin-left:4vw;}
.nav>ul{height:100%;}
.nav>ul>li{ float: left; display: block;height:100%;position: relative;z-index: 9;width: 14.28%;}
.nav>ul>li>a {overflow: hidden; display: block;  color: #222;  font-size: 16px;  text-align: center; position: relative;   transition: 0.3s ease all;  height: 100%;  line-height: 110px;}
.nav>ul>li>a:hover,.nav>ul>li.navcurrent a{color:#007fd8;}
.nav>ul>li.navcurrent>a:after,.nav>ul>li:hover>a:after{opacity: 1; }




.top .tel,.top .ewm{position: relative; height:100%; cursor: pointer;}
.top .tel{ width:186px; background:url(//memberpic.114my.com.cn/023441/uploadfile/image/20221231/20221231190303_1236050333.png)no-repeat center left;}
.top .ewm p{  position: absolute;     transition: 0.3s all ease; transform-origin: top;  transform: rotateX(90deg); top:100%; right:0;}
.top .tel p{font-family: Arial; font-weight:bold;  font-size:24px; width:237px; left:41px; display:block; height:50px; line-height:108px; text-align:center; color:#222; top:52%;}
.tel:hover p,.top .ewm:hover p{    transform: rotateX(0);}
.top .ewm{ width:4%; background:url(//memberpic.114my.com.cn/023441/uploadfile/image/20221231/20221231190343_353990078.png)no-repeat center left;}
.top .ewm p{width:120px; height:120px; padding:10px;background:rgba(0,0,0,0.4);  }
.top .ewm p img{width:100%;}




/*栏目下拉*/
.nav ul li .nav2{-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out;position: absolute;width:160px;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);
z-index: 999;left:-20%;top:100%; text-align:center;background:rgba(0,0,0,0.5); }

.nav ul li .nav2 a{width: 100%;height: 40px;line-height: 40px; display: block;color: #fff;font-size: 14px;  text-liagn:center; -webkit-transition: none ease-out .3s;    transition: none ease-out .3s;    -webkit-transition-property: color, background, text-indent, opacity;    transition-property: color, background, text-indent, opacity; border-bottom:1px solid rgba(255,255,255,0.1);}
.nav ul li .nav2 a:hover{background:#007fd8;}
.nav ul li:hover .nav2 {opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index: 999;}

.nav2 table{width:100% !important;}
.nav2 table td{ display: block;height: 40px !important;line-height: 40px !important; }
.nav2 table td a{line-height: 40px !important; }
.nav2 dl{display:none;}


/*跟随抬头*/

#top_bg.yinyin{transition: all 1s ease-in-out; animation: 1s dong; top:0 !important;     box-shadow: 0 0 50px rgba(0,0,0,0.1);}
#top_bg.yinyin .top{width:100% !important;}

@keyframes dong {
    0% {
        transform: translateY(-100px);
    }

    100% {
        transform: translateY(0);
    }
}









/*banner*/
.bann{overflow: hidden;}
.slider {width: 100%;}
.slick-slide{height: auto;}
.slick-slide img {width: 100%;}
.slick-prev {left: 38px;z-index: 99;}
.slick-next {right: 40px;}
.slick-dots{bottom: 32px;}
.slick-dotted.slick-slider{margin-bottom: 0;}
.slick-prev:before, .slick-next:before{font-size: 34px;font-family: "zxi";}
.slick-dots li{margin:0 2px !important;}
.slick-dots li button{font-size:0 !important;position:absolute;}
.slick-dots li button:before{color: #fff;opacity: 1;font-size:42px;}
.slick-dots li.slick-active button:before{color:#0099ed;}
.bann.slick-dotted .slick-prev{left:-52px;transition:all 0.5s;}
.bann.slick-dotted:hover .slick-prev{left:38px;}
.bann.slick-dotted .slick-next{right:-52px;transition:all 0.5s;}
.bann.slick-dotted:hover .slick-next{right:38px;}
.bann .slick-prev:before,.bann .slick-next:before{width:36px;height:52px;background:rgba(0,0,0,0.8) url(//memberpic.114my.com.cn/023441/uploadfile/image/20221231/20221231181422_1940060781.png)center no-repeat;line-height: 52px;display: block;top:calc(50% - 26px);font-family:'zxi';}
.bann .slick-prev:before {content: '';display: block;left:0;    transform: rotate(180deg);}
.bann .slick-next:before{content: '';right:0;}









/*简介*/
.com_bg{padding:80px 0;}
.com_l{width: 50%;position:relative;}
.com_l>img{width: 100%;}

.ripple img{display: inline-block;   }
.ripple,.ripple:before,.ripple:after {position: absolute;left:0;top:0;right:0; bottom:0;height: 54px;width:54px;margin:auto; border-radius: 50%;box-shadow: 0 0 0 0 rgba(13,93,180);animation: ripple 3s infinite; }
.ripple{text-align: center;cursor: pointer;    z-index: 3;height: 88px;width:88px;}
.ripple:before {-webkit-animation-delay:.9s;animation-delay:0.9s;content:"";position:absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay:.6s;animation-delay:0.6s;content:"";position:absolute;right: 0;bottom: 0;}




.com_r{width: 50%; padding:0 5%;}

.t1 span{font-size: 2.6vw;color:#007fd8;}
.t1 dd{font-size: 1.8vw; color: #222;}
.t1 dd:after{content:''; display: block; width: 1px; height: 2vw; background: #e1e1e1; margin: 1vw 0;}
.t1 p{font-size: 1.8vw; color: #000;}
.t1 t{font-size: 1.2vw; display: block; color:#bcbcbc;}
.t1 font{font-size: 12px; color: #eee; font-family: "Arial";}
.t1 a{display: block;  width:146px; height:36px; line-height: 36px; color: #fff; font-size: 15px; text-align: center; background: #007fd8; margin-top: 2vw; transition: all 0.5s; }
.t1 a:hover{ width:200px; }


.com_rw{margin-top:2vw;}
.com_rw span{font-size: 15px; line-height: 30px; overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 6;  -webkit-box-orient: vertical;}
.com_rw a{ display: inline-block;
    font-size: 16px;
    color: #007fd8;
    margin-top: 2vw;
    border: 1px solid #007fd8;
    line-height: 40px;
    padding: 0 36px; transition: 0.3s;}

.com_rw a:hover {
    padding: 0 54px !important;
}




.title{ text-align:center; font-size:40px; color:#333333;font-weight: bold;}
.title b{color:#007fd8;}
.title span{ display:block; font-size:18px; color:#666666; font-weight:lighter; padding-top: 8px;}




/*产品中心*/
.prod_bg{padding:80px 0; background:#f3f6f9;}
.prod{margin-top: 50px;}
.prod_list{width: 100%; height: 82px; background: #e2e8ed; }
.prod_l li{float:left;}
.prod_l a{display: inline-block; line-height:82px; padding-left:3vw; font-size: 16px; color: #000; }
.prod_l a:hover{color:#007fd8; }
.prod_l a:before{content:""; display:inline-block; width:5px; height:5px; background:#999;    border-radius: 100%; position: relative; top:-4px; left:-0.8vw; }
.search2{width: 342px; padding: 20px; }
.search2 .search-bg #infoname{width:250px; outline:none; color:#ccc; border: none; height:44px; line-height:44px;font-size: 14px;padding-left:12px;background: #fff;}
.search2 input[type="image" i]{cursor: pointer;}
.search2 .search-i{background: #007fd8;}
.search2 .search-i input{display: block;padding: 12px 16px;}

.prod_d ul li{width:23.5%; margin-top:2%; float:left; padding:20px; background:#fff; text-align:center; transition:0.3s all ease; }
.prod_d ul li+li{margin-left:2%;}
.prod_d ul li a{display:block;overflow: hidden; font-size:15px;color:#333;}
.prod_d ul li>a{border:1px #e1e1e1 solid; }
.prod_d ul li a img{width:100%; height:auto; transition:0.3s all ease;}
.prod_d ul li:hover{background:#007fd8;}
.prod_d ul li:hover a img{transform:scale(1.1);}
.prod_d ul li:hover a{color:#fff;}







/*保障*/
.power_bg{background:url(//memberpic.114my.com.cn/023441/uploadfile/image/20230310/20230310095046_1433117140.jpg)no-repeat center bottom; padding-bottom:120px;    margin-top: 80px;}
.power li{width: 32.5%; margin-right: 1%;padding:3vw 3vw 3vw 120px;  transition:0.3s all linear;cursor: pointer; position: relative;background: #f8fafb;}
.power li:nth-child(3n){margin-right: 0;}
.power li:before{content:""; display:block; width:50px; height:50px;position: absolute; left:40px; top:0; bottom:0; margin:auto; background-image:url(//memberpic.114my.com.cn/023441/uploadfile/image/20221231/20221231171222_2133315064.png);background-repeat: no-repeat; }
.power1:before{background-position:0 0;}
.power2:before{background-position:-50px 0;}
.power3:before{background-position:-100px 0;}
.power4:before{background-position:-150px 0;}
.power5:before{background-position:-200px 0;}
.power6:before{background-position:-250px 0;}
.power li dd{font-size: 60px; color: #969fa5; font-family: "Arial"; }
.power li p{font-size: 22px; color: #333; padding-bottom:1vw;    line-height: 34px;}
.power li span{font-size: 15px; line-height: 30px;}
.power li:hover{    box-shadow: 0 0 50px rgba(0,0,0,0.1);  }

.power_b{text-align:center; margin-top:30px;}
.power_b dd{display:inline-block; position: relative; top:-36px; right:20px;}
.power_b span{font-size:18px; color:#222; }
.power_b b{font-size: 50px; color: #007fd8; font-family: "Tw Cen MT"; position: relative; top:8px;}
.power{ margin-top: 50px;display: flex; flex-wrap: wrap; justify-content: space-between;}
.power li:nth-child(n+4){ margin-top: 1%;}





/*优势*/
.adv_bg{padding:90px 0; background: url(//memberpic.114my.com.cn/023441/uploadfile/image/20221231/20221231172626_147669381.jpg)no-repeat center;}
.adv{margin-top: 50px;}
.adv_m{width: 100%; position: relative; background:#fff; box-shadow: 0 0 100px rgba(0,0,0,0.1); padding:60px;}
.adv_list{position: absolute; top:60px; width:calc(50% - 60px);    z-index: 3;}
.adv_list li{width:25%; float:left; border-right:1px #fff solid; padding:1.6vw 0 2vw 0; background: #007fd8; color:#fff; font-size:18px; text-align:center; cursor: pointer; position: relative; }
.adv_list li.on{background: #ff7300; }
.adv_list li p:before{content: ""; width: 50px; height: 50px; margin: 0 auto; display: block; background-image:url(//memberpic.114my.com.cn/023441/uploadfile/image/20230310/20230310095508_1505420988.png); background-repeat: no-repeat;}
.adv_list li:nth-child(1) p:before{  background-position: 0 0;}
.adv_list li:nth-child(2) p:before{  background-position: -50px 0;}
.adv_list li:nth-child(3) p:before{  background-position: -100px 0;}
.adv_list li:nth-child(4) p:before{  background-position: -150px 0;}

.adv_list li.on:after{content: ""; width: 0; height: 0; border-left: 12px solid transparent;border-right: 12px solid transparent; border-top: 15px solid #ff7300; position: absolute; top:99%; left:0; right:0; margin:auto; }
.adv_l{padding-top:12vw; width:46%;  }
.adv_l p{font-size: 30px; color: #007fd8; font-weight: bold;}
.adv_l span{color:#999; font-family: "Arial"; text-transform: uppercase; display: block; padding-bottom: 1.5vw; }
.adv_l dd{font-size: 16px; line-height: 30px; padding-left: 30px; margin-top: 1vw; position: relative;}
.adv_l dd:before{content:""; width:10px; height: 10px; border: 2px #ccc solid; border-radius: 100%; position: absolute; left:0; top:8px;}
.adv_r{width:50%; }
.adv_r img{width:100%;}












/*应用案例*/
.store_bg{padding:80px 0;}
.store{position: relative;margin:0 auto; margin-top: 50px;max-width: 1785px !important;}
.store .new_web_div2021{background:#fff;padding:4vw 5vw;box-shadow: 0 0 100px rgba(0,0,0,0.1); }
.store .new_web_div2021 ul{text-align: center; }
.store .new_web_div2021 ul li{display: inline-block; margin-right:1vw;position: relative; overflow:hidden; float: none !important;}
.store .new_web_div2021 ul li img{transition: 0.3s all ease;}
.store .new_web_div2021 ul li p{position: absolute; top:0; left:0; right:0; width:100%; height:100%; transition: 0.3s all ease; transform:scale(0); background: rgba(0,127,216,0.8);}
.store .new_web_div2021 ul li p a{display: block; width:100%; height:100%; line-height:240px; font-size:16px; color:#fff; }
.store .new_web_div2021 ul li:hover p{transform:scale(1);}
.store .tempWrap{width:100% !important; margin:0 auto;}
.store_btn{background:#007fd8 url(//memberpic.114my.com.cn/023441/uploadfile/image/20221231/20221231181422_1940060781.png)no-repeat center;width: 62px;height: 62px;position: absolute; top: 40%;cursor: pointer;}
.store_btn.btnl{left: 4%; transform: rotate(180deg);}
.store_btn.btnr{right:4%;}

@media (max-width: 1920px){
.store .new_web_div2021 ul li{width:20vw !important; }
.store .new_web_div2021 ul li img{width:100% !important; height:auto !important;}
}
@media (max-width: 1680px){
.store .new_web_div2021 ul li{width:19.7vw !important; }
}
@media (max-width: 1200px){
.store .new_web_div2021 ul li{width:22vw !important; }
}






/*新闻*/
.newstab{ font-size:0;text-align:center;}
.newstab a{ display:inline-block; width:222px; line-height:56px; border-radius:30px; background:#edeff0; text-align:center; font-size:18px; color:#222; transition:all .3s ease;}
.newstab a.on{ background:#007fd8; color:#fff;}
.newstab a+a{ margin-left:36px;}
.newscenter {
    margin-top: 50px;
}
.newscon{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; margin-top:40px;}
.newsleft{ width:48%; float:left;padding-bottom:1%;}
.newsright{ width:51%; float:right;padding-bottom:1%;}
.newsright .news_div_item_a{ position:relative;}
.news .newsleft .news_div_item_body{ margin:5% 0 10% 4%;}
.news .news_div_item{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;flex-direction: row-reverse;     }
.newsleft .news_div_item{ padding:26px; background:#fff; position:relative;box-shadow: 0 0 15px #e5e6e7;}
.newsright .news_div_item_content{ width:77%;}
.newsleft .news_div_item_content{ width:65%; padding-left:10px;}
.newsleft .news_div_item+.news_div_item{ margin-top:3%;}
.newsleft .news_div_item_pic{ overflow:hidden;width:44.8%;}
.news .news_div_item_pic img{ width:100%; height:auto; transition:all .6s ease;}
.news .news_div_item:hover .news_div_item_pic img{ transform: scale(1.1);}
.news_div_item:hover .news_div_item_a{color:#007fd8

;}
.news .news_div_item_a{ display:block; white-space:nowrap;text-overflow:ellipsis; font-size:18px; color:#666666;margin-left:4%; width:80%;}
.news .news_div_item_body{ font-size:14px; color:#666666; font-weight:lighter; line-height:30px; height:64px; overflow:hidden; margin-top:10px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.newsleft .news_div_item_a:after{ content:''; display:block; position:absolute; bottom:60px; right:30px; width:25px; height:25px; background:url(//memberpic.114my.com.cn/023441/uploadfile/image/20221231/20221231182831_871715286.png) no-repeat center;}
.newsright .news_div_item{ padding:16px; background:#fff; position:relative;box-shadow: 0 0 15px #ddd;}
.newsright .news_div_item_pic{ width:25%; overflow: hidden;}

.newsright .news_div_item_body {height: 60px; -webkit-line-clamp: 2;line-clamp: 2; margin-left:4%; width:80%;}
.newsright .news_div_item+.news_div_item{ margin-top:2%;}
.newsright .news_div_item_date{ position:absolute; padding-left:20px; text-align:center; height:115px; border-left:1px solid #f0f2f1; top:0; margin:auto 0; bottom:0; right:15px; font-size:16px; color:#666666; line-height:30px;font-family: 'FuturaBT2';}
.newsright .news_div_item_month,.newsright .news_div_item_day{ display:inline-block;font-family: fontDin1}
.newsright .news_div_item_year{ font-size:25px;font-family: fontDin1}
.newsright .news_div_item_a:after{ content:''; display:block; position:absolute; right:-80px; bottom:-80px; width:25px; height:25px; background:url(//memberpic.114my.com.cn/023441/uploadfile/image/20221231/20221231182831_871715286.png) no-repeat center;}
.newsleft .news_div_item_date{ font-size:0; position:absolute; bottom:60px;left: calc(40% + 40px);}
.newsleft .news_div_item_date>div{ display:inline-block; font-size:18px; color:#999; font-family: fontDin1;}


@media screen and (max-width:1380px){
	.news .news_div_item_a{width:75%;font-size: 16px; color:#333;}
	.news .news_div_item_body{ height:60px;}
	.newsleft .news_div_item_date{bottom: 30px;}
	.newsleft .news_div_item_a:after{bottom: 30px;}
	}





.links{ height:92px; padding:0 15px; background:#007fd8; line-height:92px; font-size:18px; color:#fff;    margin-top: 74px;}
.links p.fl{ background:url(//memberpic.114my.com.cn/023441/uploadfile/image/20230310/20230310095547_960746947.png) no-repeat left center; padding-left:33px;}
.links p.fr a{ font-size:14px; color:#fff; font-weight:lighter;}
.end{ text-align:center;}
.end,.end a{ font-size:14px; color:#b0b0b0; font-weight:lighter; line-height:70px;}
.linkTagcs li a{color:#fff !important;font-size:15px;}







/*footer*/
.footer {display: -webkit-box;display: -ms-flexbox;display: flex;}
.footer_bg{width: 100%; color: #fff;background: #131513;position: relative;overflow:hidden;padding: 80px 0 70px;}
.bq_item li{position: relative;}
.bq_item li{ float: left;position: relative;}
.bq_item li:before{content: '';position: absolute;width:12px;height: 1px;background: #007fd8;top:24px;left: -22px;}
.bq_item li+li{margin-left:14%;}
.bq_item li a{ display: block;font-size: 16px; line-height: 36px; color: rgba(255,255,255,0.47);font-weight: lighter;}
.bq_item li a:hover{color:#fff;}
.footer_t{ font-size: 18px !important; color: #fff !important;  line-height: 48px !important; position: relative;font-weight: bold;}
.footer li p img{width:130px;}
.copy{line-height: 30px; font-size: 14px;color: #999; margin-top:20px;    padding-top: 10px;}
.copy a{font-size: 14px; color: #999;}
.copy a:hover{color: #ff7b0f;}
.copy_bg{height: 80px;background: #131513;line-height: 80px;overflow:hidden;border-top: 1px solid rgba(255,255,255,0.1);}
.copy_b{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.copy_bg div{color: rgba(255,255,255,0.47);}
.copy_b div:nth-child(1){width: 65%;}
.copy_bg div a{color: rgba(255,255,255,0.47);font-size:14px;}
.copy_bg div a:hover{color:#fff;}
.foo_icon li div p {margin-top: 3px;}
.cl {clear: both;}
.banq{width: 65%;}
.bq_cl>b, .bq_cr>b, .bq_r>b {font-size: 24px;color: #fff;display: block;margin-bottom: 20px;line-height: 48px;}
.bq_ewm {display: -webkit-box;display: -ms-flexbox;display: flex;padding-top: 40px;position: relative;}
.bq_ewm li span {display: block;width: 36px;height: 36px;border-radius: 100%;font-size: 14px;text-align: center;line-height: 34px;color: #fff;background: #131513;border:1px solid rgba(255,255,255,0.3);}
.bq_ewm li span img{width: 100%;}
.bq_ewm li span:hover{background:#007fd8;border-color:#007fd8;}
.ewm_cc {position: absolute;top: -100px;left:0;display: none;}
.bq_r {width: 35%;padding-left: 80px;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;}
.bq_lx {line-height: 36px;}
.bq_lx li{font-size: 16px;color: rgba(255,255,255,0.47);}
.bq_ewm li+li {margin-left: 10px;}
.bq_item li:first-child {padding-left: 20px;}
.bq_item li:first-child:before {left: 0;}