/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px; line-height:30px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/



.wh{max-width: 1650px;margin:0 auto;padding: 0 15px;}


.flex_a{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}

.flex_b{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}


.flex_c{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}




.flexd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



/* head_11 */
.head_11{height:90px;position: absolute;width: 100%;left:0px;top:0px;z-index: 999;transition: all .3s;}

.logo_a{line-height: 90px;}
.logo_a img{max-width: 100%;}




.sou_aa{width: 96px;}

.search{background:url(../img/965927077e4eb1f304892c32df908912f8a5bd02.png) no-repeat 100% 50%;}
.searchbtn{width:48px;height:48px;text-align:left;line-height:48px;justify-content: center;align-items: center;padding-right: 6px;}
.searchbox{width:0;height:100px;background-color:#fff;position:absolute;top:0;right:0;z-index:4;opacity:0}
.searchbox .close2{line-height:74px;cursor:pointer}
.searchbox .close2:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.searchbox .searchform{display: flex;align-items: center;}
.searchbox .searchform .input{width:calc(100% - 73px);margin:0 20px}
.searchbox .searchform .input input{width:100%;height:74px;text-align:center;position:relative;background-color:transparent;color:#333;font-size: 14px;outline: none;border:none;border-bottom:1px solid #ddd;
}
.searchbox .searchform .input input:focus{border-bottom-color:#ccae66}
.searchbox .searchform .input input::-webkit-input-placeholder{color:#999}
.searchbox .searchform .btn{height:74px;text-align:center;line-height:74px;cursor:pointer}

.searchbox .searchform .btn2{position: relative;}
.searchbox .searchform .btn2 #s_btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 99;width: 20px;height: 20px;display: block;background: transparent;outline: none;border:none}


.searchbox.cur2{width:100%;padding:13px 50px;opacity:1}


[transition="5s"],
[imgsalc] img {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s
}


.scroll{background: #fff;position: fixed;width: 100%;}
.scroll .x-menu > li > a{color:#000}
.scroll .searchbtn img{filter: brightness(0);}

.scroll .search{background:url(../img/89ea59bba320db9e65049dbe240240ccab1ef519.png) no-repeat 100% 50%;}

.logo_a1{ display:none}
.scroll .logo_a1{ display:block}
.scroll .logo_a{ display:none}

.z_menu_btn{width: 48px;height:48px;text-align: right;line-height: 48px;cursor: pointer;}
.z_menu_mask{ width: 100%; overflow: hidden; opacity: 0; visibility: hidden; transition: ease 1s; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.3); z-index: 999;}
.z_menu_con{ width: 60%; height: 100%; position: relative; margin-left: 40%;
border-radius: 50%; padding: 0 8.3vw 0 10.4vw; box-sizing: border-box; display: flex; align-items: center;z-index: 999;}
.z_menu_mask::before{ content: ""; display: block; width: 90vw; height: 90vw; background: #fff;position: absolute; right: -30vw; top: 50%; transform: translateY(-50%) scale(0,0);border-radius: 50%; transition: ease 1s; }
.z_menu_mask::after{ content: ""; display: block; width: 100vw; height: 100vw; background:rgba(255,255,255,.3);position: absolute; right: -36vw; top: 50%; transform: translateY(-50%) scale(0,0);border-radius: 50%; transition: ease 1.5s;}
.z_menu_nav li{ margin-bottom: 2vw;}
.z_menu_nav li h3 a{ font-size: 1.35416vw; font-weight: bold;color: #2da9e8;}
.z_menu_down a{ display: inline-block; color: #444; background: url(../img/63ce254f73c73701d33cdd71ec7eb09fe641d025.png) no-repeat left center; padding-left: 15px; margin-top: 0.6vw;  position: relative;  margin-right: 2vw;font-size: 15px;line-height: 28px;} 
.z_menu_nav a:hover{ color: #2da9e8; }

.z_menu_down a:Hover{ background-image: url(../img/ed461129b447cbbd19e7a92d17d087b2f5b2aa16.png);}
.z_menu_btm{ border-top: 2px solid  #2da9e8; padding-top: 1.5vw; display: flex; align-items: center;}
.z_menu_addre{color: #333333;
line-height: 24px;}
.z_menu_share{ margin-left: auto; flex-shrink: 0;}
/* .z_menu_share a{ display: inline-block;width: 44px;height: 44px;background: #cccccc;border-radius: 50%; text-align: center; line-height: 44px; color: #fff; font-size: 20px!important; margin-left: 15px;}
.z_menu_share a:hover{ background:  #2da9e8; color: #fff; cursor: pointer;} */

.z_menu_close{ position: absolute; right: 4vw; top: 2.5vw; color: #B4B4B4; font-size: 28px!important; font-weight: bold; cursor: pointer;
background:url(../img/a1d34ba7fdae15faaacaaeef158fdffbcf1f20ce.png) no-repeat;width: 24px;height:24px;display: block;z-index: 9999;
}

.z_menu_close:hover{ background:url(../img/73091023c046fa96a3dd02b48930a3477adfe0cd.png) no-repeat;}
.z_menu_mask .warp{ opacity: 0; transition: ease 1.5s; transform: translateX(5vw); }
.z_menu_mask.on,.z_menu_mask.on .warp{ opacity: 1; visibility: visible;transform: translateX(0px);}
.z_menu_mask.on::before{ transition-delay:.5s;}
.z_menu_mask.on::after{}
.z_menu_mask.on::before,.z_menu_mask.on::after{ transform: translateY(-50%) scale(1,1)}
.z_menu_mask.on .warp{transition-delay:1s;transform: translateX(0px);}






/*公司简介*/
.ab_con{margin:65px 0}
.ab_aa{width: 46.52%}
.gstt2{color:#373737;font-size:23px;margin-top:15px;font-weight:600;}

.xnn{width:45px;height:1px;background:#2da9e8;margin-top:15px;}

.gsjjx{margin-top:18px;color:#373737;font-size:18px;line-height:38px;}

.cha_a{width: 150px;
	height: 56px;
	background-color: #2da9e8;margin-top:30px;text-align:center; border-radius:80px;}
	
.cha_a a{text-align:center;line-height:56px;text-align:center;color: #fff;font-size:16px;}

.cha_a:hover a{
    color: #fff;
}
.ab_bb{width: 49.23%}
.ab_img{width: 100%}
.ab_img img{width: 100%;border-radius: 20px;
}}



.title{
    text-align: left;
}
.title h3{
    font-size: 40px;
    color:#0988c8;
    font-weight: bold;
}
.title p{
    font-size: 18px;
    color: #888;
    margin-top: 25px;
}



@media (max-width: 1440px) {
.gsjjx{margin-top:16px;color:#373737;font-size:18px;line-height:38px;}
.gstt2{color:#373737;font-size:20px;margin-top:15px;font-weight:600;}

.title h3{
    font-size: 30px;
    color: #333;
    font-weight: bold;
}
}



@media (max-width: 1370px) {
.gsjjx{margin-top:16px;color:#373737;font-size:17px;line-height:38px;}
.gstt2{color:#373737;font-size:20px;margin-top:15px;font-weight:600;}



}


@media (max-width: 1100px) {
.ab_aa{width:100%;}
.ab_bb{width:100%;margin-top:25px;}

.title h3{
    font-size: 25px;
    color: #333;
    font-weight: bold;
}
}









/* 产品中心 */
.probg{
    margin-top: 4.1875vw;
    background: #f4f4f4; padding:30px 0
}



.pubtitle{position: relative;}
.pubtitle h3{	font-size: 45px;
	font-weight: 600;
	font-style: italic;
	letter-spacing: 0px;
	color: #000000;}

.pubtitle h4{	font-size: 26px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #929292;margin-top: 10px;}






.proindex1{
    align-items: center;
    margin-bottom: 3.125vw;
}


.psort li{margin: 0 15px;}

.psort li a{
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 1.8;
}

.psort li a span{
    position: relative;
    display: inline-block;margin: 0 5px;
}

.psort li a span::before{
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    background:#2da9e8;
    bottom: 0;
    left: 0;
    right: 0;transition: all .3s;
 
}





.psort li.active a{
    color: #2da9e8;
}

.psort li.active a span{
    color: #2da9e8;
}

.psort li.active a span::before{
    width: 100%;
}
.psort li.active a span::after{
    opacity: 1;
}
.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }

.proSwiper{
    overflow: hidden;
}
.proSwiper .swiper-slide{ background:#fff}
.proSwiper .swiper-slide a{
    display: block;
    
   
    position: relative;
    padding-top: 2.73vw;
    padding-bottom: 2.73vw;
    transition: 0.5s;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.proSwiper .swiper-slide a::before{
    content: '';
    position: absolute;
    width: 225px;
    height: 225px;
    background: #2da9e8;
    border-radius: 50%;
    top: 50%;
    margin-top: -112.5px;
    left: 50%;
    margin-left: -112.5px;
    z-index: 0;
    transition: 1.5s;
    opacity: 0;
}

.proSwiper .swiper-slide .img1{
    text-align: center;
    position: relative;
}

.proSwiper .swiper-slide .img1 img{
    max-width: 100%;
    margin: 0 auto;
}

.proSwiper .swiper-slide .wzmore{
    position: absolute;
    bottom: 0;
    right: 0;
  
    width: 205px;
    height: 57px;
    background: #fff;
    text-align: center;
    line-height: 57px;
    color: #000000;
    font-size: 14px;text-transform: uppercase;
}


.proSwiper .swiper-slide:hover .wzmore{    background: #2da9e8; color: #fff;}


.proSwiper .swiper-slide .wz{
    position: absolute;
    top: 2vw;
    left: 2vw;
}

.proSwiper .swiper-slide .wz .wza{
    font-size: 16px;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.proSwiper .swiper-slide .wz .wzb{
    font-size: 16px;
    color: #8e8e8e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.6vw;
}

.proSwiper .swiper-slide:hover a{
    border-radius: 50%;
}

.proSwiper .swiper-slide:hover a::before{
    opacity: 1;
}


.more_a99{	width: 156px;
	height: 54px;
	background-color: #2da9e8;margin:0 auto;
	border-radius: 27px;margin-top: 3.5vw;font-size: 15px;text-align: center;}
.more_a99 a{color: #ffffff;font-size: 15px;text-align: center;line-height: 54px;}




/*样式*/
@media (max-width: 1440px) {
.pubtitle h3{font-size: 35px;}
.pubtitle h4{font-size: 25px;}
  }



@media (max-width: 1280px) {
.pubtitle h3{font-size: 28px;}
.pubtitle h4{font-size: 20px;}
.psort li{margin-bottom: 10px;}
.psort{margin-top: 20px;}
.proSwiper .swiper-slide a{
    display: block;   
    position: relative;
     padding: 20px;
    transition: 0.5s;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.proSwiper .swiper-slide .wz{
    position: absolute;
    top: 20px;
    left: 20px;
}


.more_a99{	width: 134px;
	height: 47px;
	background-color: #2da9e8;margin:0 auto;
	border-radius: 27px;margin-top: 20px;font-size: 13px;text-align: center;}
.more_a99 a{color: #ffffff;font-size: 13px;text-align: center;line-height: 47px;}



  }











/* 行业应用 */
.yybg{background:url(../img/148f3f40dbf7ebcbb58cf08f8104aea34c29fd45.png) repeat-x top;padding-top: 88px;}

.top_aa{margin-top: 40px;}

.qhan{position: relative;width: 140px;}
.pp_2{position: relative;overflow: hidden;}

.qhan .swiper-button-next,
.qhan .swiper-button-prev {
        outline: none;
        position: absolute;
        top:0%;
        z-index: 9999;
        height: 62px;width: 62px; }
     



.qhan .swiper-button-prev{background:url(../img/1945df1483f89248c731402011860d8fc29781b2.png) no-repeat 50%;left:0px;}
.qhan .swiper-button-prev:hover{background:url(../img/c7cd79b089ef92362dd38ac7d828777c62642dd3.png) no-repeat 50%;left:0px;transform: rotate(180deg);}


.qhan .swiper-button-next{background:url(../img/1945df1483f89248c731402011860d8fc29781b2.png) no-repeat 50%;transform: rotate(180deg);right:0px;}
.qhan .swiper-button-next:hover{background:url(../img/c7cd79b089ef92362dd38ac7d828777c62642dd3.png) no-repeat 50%;transform: rotate(0deg);}

.pp_2 li{position: relative;	border-radius: 10px;overflow: hidden;}
.pp_2 li a.img{display: block;}
.pp_2 li a.img img{width: 100%;}
.pp_2 li h2{position: absolute;width: 100%;	font-size: 22px;	color: #ffffff;font-weight: 600;bottom:30px;text-align: center;background:url(../img/2ab7117555f84541f4f5058014be05e1f5be2613.png) no-repeat 50% top;padding-top: 20px;}
.pp_2 li h2 a{color:#fff}



@media (max-width: 1440px) {
.pp_2 li h2{font-size: 18px;}
  }

@media (max-width: 1280px) {
.pp_2 li h2{font-size: 16px;}
  }



@media (max-width: 992px) {
.wz_ttb{width: 100%;}
.qhan{margin-top:35px;margin-bottom: 35px;}
.yybg{padding-top: 30px;}

  }









/* 新闻资讯 */
.xw_con{margin-top: 70px;}




.xw_rot{margin-top: 30px;}
.xw_rot li{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 37px;
	letter-spacing: 3px;
	color: #6b6b6b;margin:0 15px}

.xw_rot li a{text-align: center;color: #6b6b6b;}

.xw_rot li a{padding-left: 25px;}
.xw_rot li:hover a{color: #2da9e8;}




.xw_bg{	margin-top: 40px;padding-bottom: 80px;}
.news_ll{position: relative;padding-bottom: 60px;overflow: hidden;}
.news_ll li{border-left: 1px solid #f1f1f1;padding:20px;}
.news_ll li h2{font-size: 34px;line-height: 33px;color:#f7f7f7;
	letter-spacing: 2px;   text-shadow: 1px 1px 0px #b2b2b2, -1px -1px 0px #b2b2b2, 1px 1px 0px #b2b2b2, -1px -1px 0px #b2b2b2, 1px 1px 0px #b2b2b2, -1px -1px 0px #b2b2b2;}
.news_ll li h3{	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 1px;
	color: #888888;}

.news_ll li h4{	font-size: 19px;
	font-weight: 600;
	line-height: 33px;
	letter-spacing: 1px;
	color: #3e3e3e;height:66px;overflow: hidden;margin-top: 8px;}

.news_ll li h5{	font-size: 14px;
	font-weight: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #8c8c8c;height:66px;overflow: hidden;margin-top: 15px;}

.news_ll li:hover h5{color:#2da9e8}
.news_ll li:hover h4{color:#2da9e8}



.dd_a{	width: 6px;
	height: 6px;
	background-color: #2da9e8;border-radius: 50%;margin: 33px 0;}


.xw_img{width: 100%;}
.xw_img img{width: 100%;}




.news_ll .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 11px!important
}

.news_ll .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 0%;opacity: 1;
background:url(../img/fa6b2aab7d44271abda21abd40504d09d2156818.png)no-repeat top}

.news_ll .swiper-pagination-bullet-active {
    background:url(../img/622a4107118c4eb66f64fcda93e182041821ef9c.png)no-repeat top}




.sou_22{margin-top: 3.5vw;}


.wz_a h2{	font-family: SourceHanSerifCN-Heavy;
	font-size: 40px;
	font-weight: 600;
	line-height: 33px;
	letter-spacing: 0px;
	color: #000000;text-transform: uppercase;}

.wz_a h3{	font-size: 16px;
	font-weight: normal;
	line-height: 33px;
	letter-spacing: 3px;
	color: #000000;margin-top: 15px;}




.ss2{	background-color: #ededed;width: 573px;border-radius: 15px;overflow: hidden;}
.ss2 input {
    outline: none;
    line-height: 64px;
    width: 20%;
    background: none;
    border: none;
    font-size: 14px;
    float: left;background:url(../img/1ab9f06114d882172f08dc7159100ac171877990.png) no-repeat 50%;
}

.ss2 #keyword {
    padding-left: 25px;
    line-height: 64px;
    width: 80%;
    background: none;
    border: 1px solid #ededed;
    outline: none;
    font-size: 13px;
    color: #8d8d8d;
    float: left;
}

.ss2 #keyword:-webkit-autofill {
    -webkit-text-fill-color: #8d8d8d !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss2 #keyword::placeholder {
    color: #8d8d8d;
}



@media (max-width: 1360px) {

.wz_a h2{font-size: 25px;}
}


@media (max-width: 1280px) {
  .xw_rot li{width: 33%;margin: 0px;margin-bottom: 10px;}
}


@media (max-width: 990px) {
 .wz_a h2{font-size: 22px;}

 .xw_bg{	margin-top: 20px;padding-bottom: 80px;}
}







/* 网站文字 */
.xw_tt{color:#0988c8;font-size: 40px;text-align: center;font-weight: bold;}
.xw_tt2{	font-size: 22px;
	
	letter-spacing: 1px;
	color:#0988c8;text-align: center;margin-top: 10px;}







/* 通栏 */
.dff{padding-top: 110px;background:url(../img/0ed58f72f7ee2310196f3f87342d4ae5b3c6e6bd.png) no-repeat top;background-size: cover;}
.fotb{width: 66.06%;padding-top: 45px;}


.df_lxwm{width: 25.69%;padding-left: 6%;border-left: 1px solid rgba(255, 255, 255, .1);padding-top: 45px;}
.lxwm{    font-size: 16px;
    color: #ffffff;
    display: block;
    font-weight: 700;}


.x-nav-menu22{ margin-top: 1.43em;
	font-size: 14px;
	font-weight: 500;
	line-height: 31px;
	letter-spacing: 1px;
	color: #fff;
}


.dfewm{width:300px;margin-top: 3.5vw;}
.dfewm img{max-width:120px;}



/* 在线分享 */

.pull-right2{max-width: 228px;margin-top: 2.5vw;margin-bottom: 2.5vw;}
.pull-right2 .social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 42px;
    font-size: 20px;
    border-radius: 0%;
    line-height: 42px;
    border: 1px solid #818181;
    color: #666;
    text-align: center;
    vertical-align: middle;
    transition: background 0.6s ease-out 0s;  transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;margin-left: 0px;margin-right: 20px;
}

.pull-right2 .social-share .social-share-icon:hover{border: 1px solid #2da9e8;}



.pull-right2 .social-share .icon-wechat:hover {
    background: #2da9e8
}

.pull-right2 .social-share .social-share-icon:hover {
    background:none;
	  transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);
    color: #2da9e8
}




.dff2{background:#000000;padding: 20px 0;margin-top:3.5vw}


.copyright_11{color:rgba(255,255,255,.6);font-size: 13px;line-height: 27px;}
.copyright_11 a{color:rgba(255,255,255,.6);font-size: 13px;}




@media (max-width: 1100px) {
.fotb{display: none;}

.df_lxwm{width:100%;padding-left: 0px;border-left: none;padding-top: 45px;}

.dff{padding-top: 50px;background:url(../img/0ed58f72f7ee2310196f3f87342d4ae5b3c6e6bd.png) no-repeat top;background-size: cover;}
}










/* 友情链接 */

.c-link {

        width: 42px;
    height: 42px;
    font-size: 20px;
    border-radius: 0%;
    line-height: 42px;    transition: background 0.6s ease-out 0s;  transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;margin-left: 0px;
    border: 1px solid #818181;background:url(../img/354a3db71844a9ea472b5c292e01d851ef452971.png) no-repeat center;
}

.c-link:hover{  border: 1px solid #2da9e8;background:url(../img/decbc40e16570b02b6eb3f422756a30dcf623619.png) no-repeat center;
	  transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);}

.c-link .con {position: relative;}
.c-link .sec {
    display: none;
    position: absolute;
    
    left: 0;
    background: rgba(255,255,255,.6);
    padding: 10px;
    min-width:120px;
    z-index: 999;
    bottom:0;
}

.c-link a {
    color: #2a333c;
    padding: 0 4px;
    font-size: 14px;
    line-height: 24px;
}




@media (max-width: 1440px) {
.xw_tt{font-size: 34px;}
.xw_tt2{font-size: 18px;}
}



/*样式*/
@media (max-width: 1280px) {
.xw_tt{font-size: 26px;}
.xw_tt2{font-size: 16px;}
  }






/* 网站文字 */
.wz_tta{position: relative;width: 100%;}
.wz_tta em{position: absolute;top:0px;line-height: 25px;
text-align: center;color:rgba(38, 128, 252, .1);	font-size: 80px;font-weight: 600;font-style: normal;text-transform: uppercase;width: 100%;}
.wz_tta h2{	color: #000000;font-size: 48px;font-weight: 600;text-align: center;}
.wz_tta h2 span{color: #006afc;}

.wz_tta h3{	font-size: 18px;
	font-weight: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #666666;text-align: center;margin-top: 10px;}

.wz_tta h4{text-align: center;margin-top: 10px;}








/*样式*/
@media (max-width: 1440px) {
.wz_tta em{font-size: 60px;}
.wz_tta h2{font-size: 40px;}
.wz_tta h3{font-size: 17px;}
  }

@media (max-width: 1370px) {
.wz_tta em{font-size: 50px;}
.wz_tta h2{font-size: 30px;}
.wz_tta h3{font-size: 16px;}
  }


  @media (max-width: 1280px) {
.wz_tta em{font-size: 46px;}
.wz_tta h2{font-size: 22px;padding-top: 5px;}
.wz_tta h3{font-size: 14px;line-height: 26px;}
.wz_tta h4{text-align: center;margin-top: 18px;}
  }


/*首页方案 */
.solution { 
	padding-top: 6.6%;
	overflow: hidden; background:url(../img/pbg.jpg); background-size:cover
}
.box44 {
	padding: 2% 0 3.6%;
}
.fsort {
	border-bottom: 1px solid #E5E5E5
}
.fsort li {
	text-align: center;
	color: #555;
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	margin: 10px 50px 0 50px; font-weight:bold
}
.fsort li p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.fsort li.cur {
	border-color: #0186f5;
}
.fsort li.cur p {
	color: #0186f5
}
.fang {
		padding: 2.7vw 3.5vw 3.2vw 2.7vw;
}
.fbox .img {
	display: block;
	width: 50%;
	overflow: hidden; text-align:center; background:#fff;border-radius: 20px;box-shadow: 5px 5px 5px #e7e7e7;
}
.fbox .img img {
	width: auto;
	transition: all 0.5s;
	border-radius: 8px; height:400px; max-width:100%;
}
.fright {
	width: 50%;
	padding: 0 64px;
}
.fright h3 {
	color: #2DA9E8;
	font-size: 28px;
	font-weight: bold
}
.fright p {
	color: #222;
	font-size: 16px;
	line-height: 26px;
	margin: 15px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee
}
.fright ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.fright ul li {
	width: 50%;
	margin-bottom: 15px
}
.fright svg {
	float: left;
	margin-right: 10px;
}
.fright ul li p {
	font-size: 16px;
	line-height: 26px;
	color: #222;
	border: none;
	padding: 0;
	margin: 0
}

.fright .anlib{color: #222;	font-size: 18px;font-weight:bold; margin:10px 0;}
.fright .anlip{font-size: 16px;
	line-height: 26px;
	color: #222;
	border: none;
	padding: 0;
	margin-left:30px;}


.xq a {
	display: block;
	width: 130px;
	height: 48px;
	background-color: #FFB700;
	border-radius: 30px;
	line-height: 48px;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-top: 24px
}
.xq1 a {
	display: block;
	width: 130px;
	line-height: 48px;
	color: #1B69CD;
	font-size: 15px;
	margin-top: 24px
}
.xq1 a:hover {
	font-weight: bold;
}
.fbox {
	align-items: center;
}
.fbox .img img:hover {
	transform: scale(1.1);
}
 @media(max-width:768px) {
	 
.solution {
	padding: 60px 0;
}
.psort {
	margin: 30px 0;
}
.yleft, .ysimg {
	width: 100%;
	float: none;
}
.ysimg {
	margin-top: 30px;
}
.fsort li {
	font-size: 14px; margin:10px 20px;
}
.fbox .img, .fright {
	width: 100%;
	padding: 0
}
.fbox .img {
	margin-bottom: 20px;
}
.fbox .img img{ width:100%; height:auto;}
.fright h3 {
	font-size: 20px;
}
.fang {
	padding: 20px;
	margin: 20px 0 35px;
}
}
 @media(max-width: 640px) {
.solution {
	padding: 30px 0;
}
.psort li {
	margin-bottom: 15px;
}
.psort {
	margin: 20px 0 5px 0;
}
.psort li a {
	padding-bottom: 15px;
}
.plist li {
	width: 49.7%;
	margin-bottom: 5px;
	padding-bottom: 20px;
}
.plist {
	margin-bottom: 20px;
}
.bj1 h3 {
	font-size: 16px;
}
.bj1 p {
	font-size: 12px;
	line-height: 20px;
}
.pmore a {
	width: 220px;
	height: 50px;
	line-height: 50px;
}
.ybt dd {
	font-size: 20px;
}
.ybt dt {
	font-size: 30px;
}
.yul {
	margin-top: 0;
}
.yul li {
	padding: 20px 15px 20px 30px;
}
.yul li p br {
	display: none;
}
.fsort li {
	font-size: 14px;
}
.fbox .img, .fright {
	width: 100%;
	padding: 0
}
.fbox .img {
	margin-bottom: 20px;
}
.fright h3 {
	font-size: 20px;
}
.fang {
	padding: 20px;
	margin: 20px 0 35px;
}
}


.zty221z{background-color:#fff;width:65.8%;float:left;padding-left:48px;padding-top:3.8vw;padding-bottom:35px}
.zty221z1{width:65%;float:left}
.zty221z1 h2{font-size:34px;font-weight:700;font-stretch:normal;letter-spacing:0;color:#2DA9E8}
.zty221z1 h3{font-size:18px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#666;margin-top:22px}
.zty221z1 h4{width:40px;height:2px;background-color:#666;margin-top:30px}
.zty221z1 h5{font-size:18px;font-weight:400;font-stretch:normal;line-height:36px;letter-spacing:0;color:#555;margin-top:43px}
.zty221z2{width:35%;float:left;margin-top:48px}
.zty221z2 h2{font-size:18px;font-weight:400;font-stretch:normal;line-height:18px;letter-spacing:0;color:#444}
.zty221z2 h3{width:40px;height:2px;background-color:#666;margin-top:45px}
.zty221z2 h4{margin-top:50px}
.zty221z2 h4 li{width:100%;float:left;position:relative}
.zty221z2 h4 li .img{max-width:135px;float:left;border:solid 2px #e9e9e9;margin-bottom:14px}
.zty221z2 h4 li .img img{width:100%}
.zty221z2 h4 li dd{font-size:16px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#555;float:left;line-height:125px;margin-left:20px}
.zty221y{width:34.2%;float:right;height:556px;overflow:hidden}
.zty221y img{width:100%}

@media (max-width:1630px){.zty22w1600{max-width:1430px}
.zty221z2{margin-top:30px}
.zty221z2 h4{margin-top:30px}
.zty221z{padding-top:2.7vw}
.zty221y{height:490px;overflow:hidden}
}
@media (max-width:1430px){.zty22w1600{max-width:1230px}
.zty221z2{margin-top:21px}
.zty221z2 h4{margin-top:30px}
.zty221z{padding-top:2.7vw;padding-left:30px}
.zty221z1 h2{font-size:28px}
.zty221z1 h3{font-size:13px}
.zty221z1 h5{font-size:16px;line-height:30px}
.zty221z2 h4 li .img{max-width:100px}
.zty221z2 h4 li dd{line-height:100px}
.zty221y{height:417px}
}
@media (max-width:1230px){.zty22w1600{max-width:992px}
.zty221z2{margin-top:21px}
.zty221z2 h4{margin-top:22px}
.zty221z{padding-top:2.7vw;padding-left:15px;padding-bottom:17px}
.zty221z1 h2{font-size:23px}
.zty221z1 h3{font-size:12px;margin-top:11px}
.zty221z1 h5{font-size:14px;line-height:27px;margin-top:30px}
.zty221z2 h4 li .img{max-width:85px}
.zty221z2 h4 li dd{line-height:85px;font-size:14px;margin-left:10px}
.zty221z1 h4{margin-top:20px}
.zty221z2 h3{margin-top:24px}

.zty221y{height:334px}
}
@media (max-width:992px){.zty22w1600{padding:0 2%}
.zty221y{width:100%}
.zty221z1{width:100%}
.zty221z2{margin-top:21px;width:100%}
.zty221z{padding-top:2.7vw;padding-left:10px;padding-bottom:17px;width:100%}
.zty222z{width:100%}
.zty222zbt h2{font-size:28px}
.zty222zbt h3{font-size:16px;margin-top:13px}
.zty222zbt h4{font-size:16px;margin-top:28px}
.zty222lx{padding-bottom:20px;margin-top:43px}
.zty222lx li h2{font-size:16px}
.zty222lx li h3{font-size:16px;margin-top:13px}

}




/*  */
.jul{}
.jul li{padding: 6.5% 0 3%;}
.jimg{width: 38.5%;}
.jimg img{max-width: 100%;}
.jleft{width: 46%;}
.jbt dd{color: #333333;font-size: 40px;font-weight: bold;line-height: 1.2;margin-bottom: 7px;}
.jbt dt{color: #333333;font-size: 20px;font-weight: bold;line-height: 1;}
.jcon{color: #333333;font-size: 16px;line-height: 30px;margin: 2.9vw 0 1.6vw;}
.tt1{text-align: center;margin-right: 39px;}
.tt1 p{color: #999999;font-size: 14px;margin-top: 5px;}
.jmore a{display: block;width: 156px;height: 44px;background-color: #2DA9E8;line-height: 44px;text-align: center;color: #fff;font-size: 16px;margin-top: 3.4vw; border-radius:50px;}


.tt1:last-child{margin-right: 0;}
.jul li:nth-child(2n){ background:#F3F3F3}
.jul li:nth-child(2n) .fl{ float:right;}
.jul li:nth-child(2n) .fr{ float:left;}

@media(max-width: 1500px){
     .jimg img{width: 80%;}
}


@media(max-width: 1200px){
  
    .jcon{font-size: 14px;line-height: 24px;}
    .jbt dd{font-size: 30px;}
}

@media(max-width: 1024px){
	
}

@media(max-width: 640px){

    .jul li{padding: 30px 0;}
    .jleft,.jimg{width: 100%;float: none;}
    .jbt dd{font-size: 24px;}
    .jbt dt{font-size: 16px;}
    .jimg{margin-top: 30px;text-align: center;}
    .jmore a{width: 140px;height: 40px;line-height: 40px;}
	.jul li:nth-child(2n) .fl{ float:left;}
.jul li:nth-child(2n) .fr{ float:right;}
}



/* 网站的文字 */
.web_tt{text-align: center;}
.web_tt h2{	font-size: 48px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #bbbbbb;text-transform: uppercase;}


.web_tt h3{	font-size:40px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #0988c8;margin-top: 10px;text-transform: uppercase;}


.web_tt h4{	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #666666;line-height: 30px;max-width: 900px;margin:0 auto;margin-top: 12px;}







@media (max-width: 1440px) {
 .web_tt h2{font-size: 40px;}
 .web_tt h3{font-size: 30px;}
 .web_tt h4{font-size: 16px;}
  }




@media (max-width: 1280px) {
 .web_tt h2{font-size: 30px;}
 .web_tt h3{font-size: 25px;}
 .web_tt h4{font-size: 15px;}
  }



@media (max-width: 992px) {
 .web_tt h2{font-size: 25px;}
 .web_tt h3{font-size: 20px;}
 .web_tt h4{font-size: 12px;}
  }




/* 为什么选择我们 */
.che_bg{padding: 85px 0;}
.xw_ll{margin-top: 30px;}
.xw_ll li{width: 31%;margin-top: 65px;}

.img_y_a{width: 65px;}
.img_y_a img{width: 100%;}

.xw_ll li .img_y_a .imgaaa{display: block;}
.xw_ll li .img_y_a .imgbbb{display: none;}

.xw_ll li:hover .img_y_a .imgbbb{display: block;}
.xw_ll li:hover .img_y_a .imgaaa{display: none;}

.xw_ll li .yy_ok{width:calc(100% - 75px);}
.xw_ll li .yy_ok h3{	color: #2DA9E8;font-size: 24px;font-weight: 600;}
.xw_ll li .yy_ok p{	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #565656;margin-top: 10px;}

.xw_ll li:hover .yy_ok h3{color: #ffbc20;}



@media (max-width: 1440px) {
.xw_ll li .yy_ok h3{font-size: 20px;}

.xw_ll li .yy_ok p{	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #565656;margin-top: 10px;line-height: 25px;height:50px;overflow: hidden;}
}





@media (max-width: 1280px) {
.xw_ll li .yy_ok h3{font-size: 18px;}

.xw_ll li .yy_ok p{	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #565656;margin-top: 10px;line-height: 25px;height:50px;overflow: hidden;}
}



@media (max-width: 992px) {
.xw_ll li{width: 48%;margin-top: 45px;}
}


@media (max-width: 768px) {
.xw_ll li{width: 100%;margin-top: 25px;}
}



/*  */
.box5{margin: 7.2% 0 3.5%;}
.nul{margin: 3.8% 0;}
.nul li{width: 24%;}
.nul li .img {display: block;overflow: hidden;}
.nul li .img img{display: block;width: 100%;transition: all 0.5s; border-radius:20px;}
.nul li:hover .img img{transform: scale(1.1);}
.nul li h3 a{display: block;font-weight:bold;color:#2DA9E8;font-size: 24px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin: 25px 0 15px;}
.nul li p{color: #888888;font-size: 14px;line-height: 26px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}




@media(max-width: 640px){
  
    .box5{margin: 30px 0;}
    .nul{margin: 22px 0;}
    .nul li{width: 100%;margin-bottom: 15px;}
    .nul li h3 a{margin: 20px 0 10px;}
   
}