/*初始化样式*/
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;}

.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: 1480px;width:96%;margin:0 auto;}

.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;}


.sou23{background-color: #0075c5;width: 90px;height: 90px;position: absolute;right:0px;top:0px;display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}


.yx-search3xlbox {
    width: 100%;
    height: 350px;
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 5px 13px rgba(35, 50, 64, 0.13);
    display: none;
    position: fixed;
    left: 0;
    top: 90px;
    z-index: 99;
}


.yx-search3img2{display: none;}













/* 头部  */
.xy-head{position: relative;background:#fff;height:90px; transition: all 0.5s;}

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

.logowz{margin-left: 18px;margin-top: 6px;}
.logowz p:nth-child(1){	font-family: MicrosoftYaHei-Bold;
	font-size: 26px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: 0px;
	color: #0075c5;}

.logowz p:nth-child(2){	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #555555;}


.nnav{width: 50.68%;}


.xy-head.scroll{position: fixed;width: 100%;left:0px;top:0px;z-index: 999; transition: all 0.5s;   box-shadow: 0px 5px 10px rgba(0,0,0,0.05)}






/* box1dd */
.box1dd{padding-top: 130px;background:url(../Images/7d3aac14eda71a859be340b0a88af03d2aea5550.png) no-repeat 50% top;}

.ab22{width: 43.58%;}
.ab22 img{width: 100%;}


.ab11{width: 49.32%;}
.ab11 h2{
	font-size: 30px;
	font-weight: normal;
	line-height: 42px;
	color: #333333;}

.ab11 h3{	font-size: 48px;
	font-weight: 600;
	line-height: 42px;
	letter-spacing: 0px;
	color: #0075c5;margin-top: 15px;}


.ab11 h4{	font-size: 18px;
	font-weight: normal;
	line-height: 38px;
	letter-spacing: 0px;
	color: #666666;margin-top: 30px;}


.more11{	width: 180px;
	height: 66px;
	background-color: #0075c5;
	box-shadow: -11px 16px 20px 0px 
		rgba(0, 117, 197, 0.08);
	border-radius: 4px;	font-size: 18px;text-align: center;line-height: 66px;margin-top: 80px;}


.more11 a{	color: #ffffff;}

.more11 a img{padding-left: 12px;}


.more11:hover{background-color: #1288d9;}


.more11 a img {
        /* 添加动画 */
            animation: floatAnimation 1.5s ease-in-out infinite;
}


        /* 定义左右浮动动画 */
        @keyframes floatAnimation {
            0% {
                transform: translateX(0);
            }
            50% {
                transform: translateX(5px);
            }
            100% {
                transform: translateX(0);
            }
        }


.p4a{margin-top: 100px;}
.p4a li{width: 190px;}
.xx23{height:1px;background: rgba(0,0,0,0.12);margin-top: 20px;margin-bottom: 10px;position: relative;}
.xx23::after{	width: 136px;
	height: 1px;
	background-color: #0075c5;position: absolute;left:0px;bottom: 0px;content: "";opacity: 0;}


.p4a li h3 a{	font-size: 64px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 0px;
	color: #545454;font-family: Arial;}

.p4a li h3 .nr{margin-left: 10px;}

.p4a li h3 .nr dt{	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #545454;height:24px}

.p4a li p{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #666666;}


.p4a li:hover  h3 a{	color: #0075c5;}
.p4a li:hover .nr dt{	color: #0075c5;}
.p4a li:hover .xx23::after{opacity: 1;}




/* box2dd */
.box2dd{margin-top: 100px;background:#ecf0f5;padding: 80px 0;}
.wztt{	font-size: 48px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #222222;text-align: center;}


.wztt2{	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #666666;text-align: center;max-width:1045px;margin:0 auto;margin-top: 10px;	line-height: 38px;}

.promenu{max-width: 1000px;margin:0 auto;margin-top: 35px;}
.promenu li{width: 45%;border: solid 1px #e4e8eb;background: rgba(255,255,255,0.68);line-height: 68px;	color: #333333;font-size: 18px;text-align: center;}
.promenu li a{color: #333333;}
.promenu li.on{background:#0075c5;border: solid 1px #0075c5;}
.promenu li.on a{color:#fff;font-weight: 600;}



.b1b_index li .b1img1{width: 100%;margin-top: 10px;overflow: hidden;}
.b1b_index li .b1img1 img{width: 100%;}

.b1b_index{margin-top: 44px;}
.b1b_index li{    width: calc(25% - 24px);
    margin: 0 10px;
    margin-bottom: 22px;border: solid 1px #e8eaee;display: inline-block;background:#fff;position: relative;
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
}

.pp_logo{max-width: 123px;position: absolute;top:10px;left:13px;z-index: 222;}
.pp_logo img{max-width: 100%;}

.b1b_index li h4{line-height: 46px;	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;;
	letter-spacing: 0px;
	color: #555555;text-align: center;width: 100%;}


.b1b_index li:hover{border: solid 1px #0075c5;}
.b1b_index li:hover h4{	color: #0075c5;}




/* box3dd */
.box3dd{margin-top: 105px;}
.wztt span{color: #0075c5;font-weight: 600;}




/* 应用解决方案 */
.pp_con{margin-top: 3.5vw;}
.pp_list{overflow: hidden;margin-top: 70px;position: relative;}
.pp_list li{position: relative;}
.pp_list li img{width: 100%;}

.pp_list li:hover .pp_br23 h2{color: #0075c5;}

.pp_list li:hover .pp_br23 h4{color: #0075c5;background:url(../Images/7625881d47c0447bd364a68ed2c8a062aa66c4d6.png) no-repeat right 50%;}

.pp_list li:hover .pp_br23{bottom: 80px;}




.pp_br23{position: absolute;width: 100%;bottom: 60px;padding: 0 60px;transition: all .3s;}
.pp_br23 h2{	font-size: 30px;
	font-weight: 600;
	line-height: 34px;
	letter-spacing: 0px;
	color: #ffffff;}

.pp_br23 h3{	font-size: 18px;
	font-weight: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #ffffff;height:64px;margin-top: 20px;overflow: hidden;}


.pp_br23 h4{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;color: rgba(255,255,255,0.7);
margin-top: 30px;width: 92px;background:url(../Images/1650b3ec954be15ee7f9d17296624a212eb19cb3.png) no-repeat right 50%;}




.jdt{position: relative;}

.jdt .swiper-pagination {width: 100%;height: 5px;background: rgba(255,255,255,0.2);top: auto;bottom: 20px;	border-radius: 3px;overflow: hidden;}
.jdt .swiper-pagination span {background: #0075c5!important;	border-radius: 3px;}



.pp_list .swiper-button-prev{   font-family: MicrosoftYaHei;
        letter-spacing: 0px;
        color: #ffffff;background:url(../Images/28c25ee8f152821e0a81695d6c42d4c704c2bc7f.png) no-repeat center!important ;}


.pp_list .swiper-button-next{    font-family: MicrosoftYaHei;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;background:url(../Images/320451b955165910acb9fe54eee03c345cfe9e75.png) no-repeat center!important;}

 .pp_list .swiper-button-prev {
        left: 8.3%;
      }
      
.pp_list .swiper-button-next{
        right: 8.3%;
      }
      
.pp_list .swiper-button-next,
.pp_list .swiper-button-prev {
        outline: none;
        position: absolute;
        top:50%;
        z-index: 9999;
        height: 56px;width: 56px;border-radius: 50%;border: 1px solid rgba(255,255,255,1);
        -webkit-transition: all .5s ease;
        transition: all .5s ease; margin-top: -28px;}









/* box4dd */
.box4dd{margin-top: 100px;}
.xw_ll{width: 51.75%;margin-top: 60px;}
.xw_ll li{width: 100%;}
.xw_ll li .xw_imgs11{width: 100%;overflow: hidden;}
.xw_ll li .xw_imgs11 img{width: 100%;}
.xw_ll li:hover h3{color: #0075c5;}
.xw_ll li h3{	font-size: 20px;
	font-weight: 600;
	line-height: 42px;
	letter-spacing: 0px;
	color: #333333;margin-top: 20px;overflow: hidden;height:42px}
.xw_ll li h5{	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #888888;height:70px;overflow: hidden;margin-top: 10px;text-align: justify;text-justify: inter-ideograph;}


.xw_ll li h4{background:url(../Images/b15cd4e9b3da60d7ccc6cd03e92f4e64e9252e78.png) no-repeat left 50%;padding-left: 25px;
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #999999;margin-top: 30px;}


.xw22{width: 44.18%;margin-top: 60px;}
.xw_list li{padding-bottom: 29px;border-bottom: 1px solid rgba(163,171,179,0.18);margin-bottom: 29px;}
.xw_list li .xw_imgs{width: 210px;}
.xw_list li .xw_imgs img{width: 100%;}
.xw_list li .xw_sk{width: calc(100% - 250px);}
.xw_list li .xw_sk h3{	font-size: 18px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 0px;
	color: #333333;height:48px;overflow: hidden;}

.xw_list li .xw_sk h5{	font-size: 15px;
	font-weight: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #999999;height:50px;overflow: hidden;}

.xw_list li .xw_sk h4{	text-decoration: underline;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #888888;margin-top: 10px;}


.xw_list li:hover .xw_sk h3{color: #0075c5;}
.xw_list li:hover .xw_sk h4{color: #0075c5;}


.xw2_list li h3{	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;padding-left: 18px;
	color: #666666;background:url(../Images/ebd6f489e6ebc0225eda82141e76065c48b19812.png) no-repeat left 50%;}


.xw2_list li h4{color:#888888;font-size: 16px;font-family: Arial;}
.xw2_list li:hover h3{color: #0075c5;background:url(../Images/2020f942eb9bb96aa407312caece5fc6904e8c0d.png) no-repeat left 50%;}





/* box5dd */
.box5dd{background:#f0f3f7;margin-top: 100px;padding: 86px 0;}

.hz_ll{margin-top: 50px;}
.hz_ll li{width:15.8%;
    margin-bottom: 16px;display: inline-block;}

.hz_ll li .img{width: 100%;overflow: hidden;}
.hz_ll li .img img{width: 100%;}







/* 通栏 */
.dff{background:#0e283a;padding-top: 60px;padding-bottom: 70px;}

.fotb{width: 55.54%;}

.g_ll{margin-top: 44px;max-width: 250px;}
.g_ll li{position: relative;text-align: center;	border-radius: 4px;width: 46px;height:46px;background: rgba(255,255,255,0.08);}
.g_ll li .imgdg{text-align: center;max-width: 100%;width: 46px;overflow: hidden;}

.g_ll li .wm1{position: absolute;left:50%;top:50px;display: none;width:100px;margin-left: -50px;}
.g_ll li .wm1 img{max-width: 100%;}
.g_ll li:hover .wm1{display: block;} 
.g_ll li:nth-child(3) .wm1{display: none;}

.g_ll li:hover{background:#0075c5;}
.g_ll li:hover .imgdg{filter: brightness(100);}

.dfdh h2{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;padding-left: 25px;
	letter-spacing: 0px;
	color: rgba(255,255,255,0.6);background:url(../Images/b1ace2cd89123747fd315eab8385654f44da65fd.png) no-repeat left 50%;}

.dfdh h3{	font-family: HONORSans-Bold;
	font-size: 36px;
	font-weight: 600;
	line-height: 34px;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 10px;}

.dflx{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.6;margin-top: 30px;}



.dff2{background:#0075c5;padding: 20px 0;line-height: 25px;color: #ffffff;font-size: 15px;}
.dff2 a{line-height: 25px;color: #ffffff;font-size: 15px;}
.dff2 a:hover{color: #0e283a;}




/*样式*/

@media (max-width: 1600px) {
.nnav{margin-right: 90px;}
}

@media (max-width: 1440px) {
.ab11 h2{font-size: 25px;}
.ab11 h3{font-size: 40px;}

.ab11 h4{	font-size: 17px;
	font-weight: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #666666;margin-top: 30px;}


.more11{margin-top: 60px;}

.p4a li h3 a{font-size: 54px;}
.p4a li{width: 161px;}

.wztt{font-size: 40px;}
.wztt2{font-size: 18px;}

.promenu li{width: 23%;border: solid 1px #e4e8eb;background: rgba(255,255,255,0.68);line-height: 58px;	color: #333333;font-size: 16px;text-align: center;}


.b1b_index li h4{line-height: 46px;	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;;
	letter-spacing: 0px;
	color: #555555;text-align: center;width: 100%;}


  }


  @media (max-width: 1370px) {
.wztt{font-size: 30px;}
.wztt2{font-size: 17px;}

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



.pp_br23 h3{	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;height:60px;margin-top: 10px;}

.pp_br23{position: absolute;width: 100%;bottom: 40px;padding: 0 40px;}

.xw2_list li h3{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 38px;
	letter-spacing: 0px;padding-left: 18px;
	color: #666666;}

.ab11 h3{font-size: 30px;}

  }




@media (max-width: 1280px) {
.logowz{display: none;}

.x-menu > li > a {
    font-size: 16px;
    color: #222222;
    line-height: 90px;
    display: block;position: relative;
}

.xw_list li{padding-bottom: 20px;border-bottom: 1px solid rgba(163,171,179,0.18);margin-bottom: 20px;}
.xw_ll li h4{margin-top: 20px;}


.xw_ll li h5{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #888888;height:60px;overflow: hidden;margin-top: 10px;text-align: justify;text-justify: inter-ideograph;}

.dfdh h3{font-size: 30px;}

.ab11 h3{font-size: 25px;}


.p4a li h3 a{font-size: 34px;}


  }


  @media (max-width: 1200px) { 
.box1dd{padding-top: 40px;}
.ab11 h2{font-size: 20px;}


.ab11 h4{	font-size: 14px;
	font-weight: normal;
	line-height: 27px;
	letter-spacing: 0px;
	color: #666666;margin-top: 20px;}


.p4a li h3 .nr dt{
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 0px;
	color: #545454;
	height:21px
	}

.p4a li p{	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #666666;}


.p4a{margin-top: 40px;}





.box2dd{margin-top: 40px;background:#ecf0f5;padding: 40px 0;}

.box3dd{margin-top: 40px;}
.pp_list{overflow: hidden;margin-top: 30px;position: relative;}

.wztt2{font-size: 15px;line-height: 25px;}

.pp_br23 h2{font-size: 20px;}


.pp_br23 h3{	font-size: 15px;
	font-weight: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffffff;height:25px;margin-top: 10px;}





.box4dd{margin-top: 40px;}

.xw_ll{width: 51.75%;margin-top: 30px;}
.xw22{margin-top: 30px;}

.box5dd{background:#f0f3f7;margin-top: 40px;padding: 36px 0;}

  }


    @media (max-width: 992px) { 
.jdt .swiper-pagination {width: 100%;height: 3px;background: rgba(255,255,255,0.2);top: auto;bottom: 10px;	border-radius: 3px;overflow: hidden;}

.ab11{width: 100%;}
.ab22{width: 100%;margin-top: 20px;}

.more11{	width: 150px;
	height: 46px;
	background-color: #0075c5;
	box-shadow: -11px 16px 20px 0px 
		rgba(0, 117, 197, 0.08);
	border-radius: 4px;	font-size: 15px;text-align: center;line-height: 46px;margin-top: 20px;}

.ab11 h3{margin-top: 10px;}

.p4a li h3 a{font-size: 25px;}
.p4a li p{font-size: 14px;}

.p4a li{margin-bottom: 20px;}
.xx23{height:1px;background: rgba(0,0,0,0.12);margin-top: 0px;margin-bottom: 0px;position: relative;}

.wztt2{font-size: 14px;line-height: 25px;}
.promenu li{width: 48%;margin-bottom: 20px;}

.b1b_index li{
    width: calc(50% - 14px);
    margin: 0 5px;
    margin-bottom: 11px;
    border: solid 1px #e8eaee;
    display: inline-block;
    background:#fff;
    position: relative;
    padding: 15px 0;
    }


.b1b_index li h4{line-height: 36px;	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;;
	letter-spacing: 0px;
	color: #555555;text-align: center;width: 100%;height:36px;overflow: hidden;}

.pp_logo{max-width: 83px;position: absolute;top:10px;left:13px;z-index: 222;}


.xw_ll{width: 100%;}

.xw22{width: 100%;}

.xw_list li .xw_imgs{width: 100%;}
.xw_list li .xw_imgs img{width: 100%;}
.xw_list li .xw_sk{width: calc(100% - 0px);}

.xw2_list li h3{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 38px;
	letter-spacing: 0px;
	padding-left: 18px;
	color: #666666;width: 70%;height: 36px;overflow: hidden;}

.xw2_list li h4{font-size: 13px;}

.xw_ll li h3{font-size: 17px;}
.xw_list li .xw_sk h3{font-size: 17px;}


.hz_ll li{
    width: 30.8%;
    margin-bottom: 16px;
    display: inline-block;
    }

	 }


	.zyqy{position: absolute;background:#fff;bottom: 45px;width: 59.45px;left:0px;display: none;}
	.zyqy a{text-align: center;color:#333;display: block;}
	.zhutt{position: relative;}




	.zyqy22{position: absolute;background:#fff;bottom: 45px;width: 64.45px;left:0px;display: none;}
	.zyqy22 a{text-align: center;color:#333;display: block;}
	.zhutt22{position: relative;}