@font-face {
    font-family: 'BEBAS';   /*字体名称*/
    src: url('../font/BEBAS.TTF');       /*字体源文件*/
  }
*, ::before, ::after {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
body,html{width: 100%;height: 100%;font-size: 14px; color: #333;font-family: 'Microsoft Yahei', sans-serif;}
ul, ol ,li {list-style: none; margin: 0}
a {text-decoration: none;background: transparent;color: #333;}
input, textarea {outline: none;resize: none;}
img { vertical-align: middle;border-style: none;}
.clearfix::before, .clearfix::after{content: "";display: table; clear: both; } 
.fl{float: left;}
.fr{float: right;}
table{
    border-collapse:collapse;
}
table,td,tr{
    border: 1px solid #cccccc;
}
td{width: 20%;}
/*public*/
#move_port {
	position: fixed;
	max-width: 400px;
	left: 0;
	top: 0;
	cursor: pointer;
	z-index: 999;
}
#move_port img {
	display: block;
	width: 100%;
	border-radius: 10px;
}
#move_port .con {
	overflow: hidden;
	position: absolute;
	padding: 26% 40px 35px;
	height: 100%;
	left: 0;
	top: 0;
	font-family: 'FangSong' !important;
	font-size: 16px;
	color: #666;
	line-height: 27px;
}
#move_port .con p {
	font-family: 'FangSong' !important;
}
#move_port .con span {
	font-family: 'FangSong' !important;
}
@media screen and (max-width:1200px) {
	#move_port {
		left: 50% !important;
		top: 50% !important;
		transform: translate(-50%,-50%);
	}
	#move_port .close_port {
		display: block !important;
	}
}
@media screen and (max-width:860px) {
	#move_port {
		width: 90%;
	}
}
@media screen and (max-width:460px) {
	#move_port .con {
		font-size: 14px !important;
		padding: 26% 27px 23px;
		line-height: 23px !important;
	}
	#move_port .con p {
		font-size: 14px !important;
	}
	#move_port .con span {
		font-size: 14px !important;
	}
}

.hidden{overflow: hidden;}
.topNav{
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    transition: .5s;
}
.logo{height: 120px; transition: .5s;}
.logo img{
     position: relative;
     top: 50%; 
     transform: translate(0,-50%);
     max-width: 100%;
}
.navList>ul>li{
    float: left;
    line-height:120px;
    margin-right: 49px;
    transition: .5s;
    position: relative;
}
.navList>ul>li:last-child{margin-right: 0;}
.navList ul li a{
    color:#ffffff;
    font-size:14px;
    position: relative;
}
.navList ul li a:hover{color: #D60500!important;}
.subnav_slidDown{
    position: absolute;
    top: auto;
    width: 200px;
    z-index: 999;
    background: rgba(255, 255, 255, .7);
    display: none;
    padding: 5px 20px;
}
.subnav_slidDown ul li{
    line-height: 30px;
}
.subnav_slidDown ul li a{
    color: #000000!important;
}
.bannerbox{height: 100%;}
.bannerbox .swiper-container,
.bannerbox .swiper-wrapper,
.bannerbox .swiper-slide{
    width:100%!important;
    height: 100%!important;
}
.bannerbox .swiper-slide{
    overflow: hidden;
}
.bannerbox .swiper-button-prev,.bannerbox .swiper-button-next{
    width: 40px;
    height: 40px;
    background-size: cover;
}

.bannerbox .swiper-button-prev{
    background-image:url(../images/swiperprve.png)!important;
    left: 20px;
}
.bannerbox .swiper-button-next{
    background-image:url(../images/swipernext.png)!important;
    right: 20px;
}
.idxbg_pic{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}
.bannerbox .swiper-pagination{bottom: 20%;}
.bannerbox .swiper-pagination-bullet{
    width:60px;
    height:4px;
    background:rgba(255,255,255,0.7);
    border-radius: 0;
    margin: 0 5px;
}
.bannerbox .swiper-pagination-bullet-active{background: #ffffff;}
.idxbg_txt{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 100;
    color:#ffffff;
}
.idxbg_txtCN{
    width: 80%;
    font-size:50px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
}
.idxbg_txtEN{
    font-size:16px;
    font-family:ArialMT;
    font-weight:200;
    margin: 2vw 0 4vw;
}
.idxDownload{
    margin-bottom: 6vw;
    transition: .8s;
    cursor: pointer;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

/*search*/
.s_btn{cursor: pointer;}
.search{
    width: 100%;
    height:40%;
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    box-shadow: 0 1px 8px #cccccc;
    display: none;
}
.search .s_ceng {
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent;
    width: 70%;
    z-index: 99;
    font-size: 20px;
    transform: translate(-50%,-50%);
}
.search .gb {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/close.png) no-repeat center;
    position: absolute;
    top: 5%;
    right: 1%;
    cursor: pointer;
}
.search .s_ceng input {
	float: left;
	width: 100%;
	text-indent: 15px;
    outline: none;
    border: 0;
    border-bottom: 1px solid #cccccc;
    font-size: 16px;
}
.search .s_ceng .keyword{padding: 10px 2px;}
.search .s_ceng .s {
    outline: none;
    position: absolute;
    border: 0;
    height: 90%;
    width: 5%;
    background: url(../images/search2.png) #fff center center no-repeat;
    cursor: pointer;
    right: 0;
}
/* .search .s_ceng .s:hover{ background: url(../images/search2.png) #D60500 center center no-repeat;} */
/*menu*/
.menu{
    line-height: 112px;
    text-align: center;
    display: inline;
    cursor: pointer;
    display: none;
    position: relative;
    z-index: 999999;
}

.menu span {
position: relative;
display: inline-block;
width: 35px;
height: 3px;
background-color: #D60500;
border-radius: 2px;
vertical-align: middle;
-webkit-transition-duration: .3s, .3s;
-moz-transition-duration: .3s, .3s;
-ms-transition-duration: .3s, .3s;
-o-transition-duration: .3s, .3s;
transition-duration: .3s, .3s;
-webkit-transition-delay: .3s, 0s;
-moz-transition-delay: .3s, 0s;
-ms-transition-delay: .3s, 0s;
-o-transition-delay: .3s, 0s;
transition-delay: .3s, 0s;
margin-top: -2px;
z-index: 9999;
}

.menu span:after,  .menu span:before {
content: "";
position: absolute;
display: inline-block;
width: 35px;
height: 3px;
left: 0;
border-radius: 2px;
background-color: #D60500;
-webkit-transition-duration: .3s, .3s;
-moz-transition-duration: .3s, .3s;
-ms-transition-duration: .3s, .3s;
-o-transition-duration: .3s, .3s;
transition-duration: .3s, .3s;
-webkit-transition-delay: .3s, 0s;
-moz-transition-delay: .3s, 0s;
-ms-transition-delay: .3s, 0s;
-o-transition-delay: .3s, 0s;
transition-delay: .3s, 0s;
}
.menu span:before {
top: 10px;
-webkit-transition-property: top, transform;
-moz-transition-property: top, transform;
-ms-transition-property: top, transform;
-o-transition-property: top, transform;
transition-property: top, transform;
}
.menu span:after {
bottom: 10px;
-webkit-transition-property: bottom, transform;
-moz-transition-property: bottom, transform;
-ms-transition-property: bottom, transform;
-o-transition-property: bottom, transform;
transition-property: bottom, transform;
}
.menu.active span {
background-color: transparent;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
-ms-transition-delay: 0s, 0s;
-o-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
}

.menu.active span:after{
bottom: 0;
-webkit-transition-delay: 0s, .3s;
-moz-transition-delay: 0s, .3s;
-ms-transition-delay: 0s, .3s;
-o-transition-delay: 0s, .3s;
transition-delay: 0s, .3s;
}
.menu.active span:before{
top: 0;
-webkit-transition-delay: 0s, .3s;
-moz-transition-delay: 0s, .3s;
-ms-transition-delay: 0s, .3s;
-o-transition-delay: 0s, .3s;
transition-delay: 0s, .3s;
}

.menu.active span:before {
top: 0;
background: #D60500;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.menu.active span:after {
bottom: 0;
background: #D60500;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
} 
/*侧边栏*/
.rightFixed{
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 101;
}
.redMb,.blueEwm{
    background-color: #D60500;
    width:50px;
    height:50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.redMb{transition: 1s  cubic-bezier(.46,1,.23,1.52);white-space: nowrap;}
.redMb span{display: none; color: #ffffff;}
.redMb:hover{width: 240px;}
.redMb:hover span{display: inline-block;}
.blueEwm{
    position: fixed;
    right: 0;
    background-color: #015A9C;
}
.blueEwm_box{position: relative;}
.blueEwm_pic{
    position: absolute;
    top: -30px;
    right: 60px;
    display: none;
}
/*idx_solutions*/
.idx_solutions{
    margin: 7vw 0;
}
.idx_title{margin-bottom: 3.2vw;}
.idx_name{
    font-size:46px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:#015A9C;
}
.idx_ENname{
    font-size:24px;
    font-family:BaskOldFace;
    font-weight:200;
    color:#015A9C;

}
.idx_line{
    width:40px;
    height:4px;
    background:#015A9C;
    margin: 20px 0;
}
.solutions_title{
    font-size:20px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:#323232;
    margin-bottom: 1.5vw;
}
.idxsol_txt{width: 90%;}
.idxsol_txt a:hover .solutions_title{
    color: #D60500;
}
.solutions_txt{
    font-size:14px;
    font-weight:200;
    color:#646464;
    line-height:28px;
}
.idx_more{
    display: block;
     margin: 2.8vw 0;
    font-size:14px;
    font-weight:200;
    color:#015A9C;
    position: relative;
}
.idx_more::after{
    content: '';
    width: 0;
    height: 1px;
    background: #015A9C;
    position: absolute;
    bottom: -5px;
    left: 0;
    transition: .6s;
}
.idx_more:hover::after{
    width: 100px;
}
.idx_solutions_con .swiper-pagination{position: static;margin: 0 3.8vw;}
.ctrl>img{cursor: pointer;}
.idx_solutions_pic img{max-width: 100%;}
.idx_solutions_con,.idx_solutions_pic{margin-bottom: 15px;}
/*idx_news*/
.idx_news{
    background-image: url(../images/idxnewsbg.jpg);
    padding: 7.5vw 0;
}
.idxnews_view{background-color: #ffffff; margin-bottom: 10px;}
.idxnews_view a{display: flex; flex-wrap: nowrap;}
.idxnewsView_pic{
    flex: 0 0 33.1%;
    max-width: 33.1%;
}
.idxnewsView_con{
    flex: 0 0 66.9%;
     padding: 1.5vw 0 1.2vw 2vw;
     max-width: 66.9%;
}
.idxnews_title{
    font-size:20px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:#323232;
    margin-bottom: 1.5vw;
}
.idxnews_txt{
    font-weight:200;
    color:#646464;
    line-height:28px;
}
.idxnewsView_pic{overflow: hidden;}
.idxnewsView_pic img{width: 100%;transition: .8s  cubic-bezier(.46,1,.23,1.52);}
.idxnewsView_time{
    font-family:HelveticaNeueLTPro-ThEx;
    font-weight:normal;
    color:#505050;
}
.idxnewsView_title{
    font-size:16px;
    font-weight:400;
    color:#646464;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 1vw 0 1.6vw 0;
}
.idxnewsView_more{
    font-family:HelveticaNeueLTPro-ThEx;
    font-weight:normal;
    color:#505050;
}
.idxnews_view a:hover .idxnewsView_title{color: #D60500;}
.idxnews_view a:hover .idxnewsView_pic img{transform: scale(1.1);}
/*idx_question*/
.idx_question{margin: 3vw 0;}
.questionBox{position: relative; margin-bottom: 15px;}
.questionBox a{
    display: block;
    overflow: hidden;
}
.questionBox img{transition: .8s;}
.questionBox a:hover img{transform: scale(1.1);}
.idx_question img{width: 100%;}
.questionBox_con{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color:#ffffff;
    text-align: center;
}
.questionBox_name{
    font-size:20px;
    font-weight:200;
    margin-bottom: 1vw;
}
.questionBox_ENname{
    font-size:24px;
    font-family:BaskOldFace;
    font-weight:200;
}
/*bottomEnd*/
.bottomEnd{
    background-color: #353535;
    padding: 3.5vw 0 1.8vw 0;
}
.bottomNav>ul{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.bottomNav>ul>li{
   flex: 1;
}
.bottomNav>ul>li:last-child{margin-right: 0;}
.bottomNav>ul>li>a{
    font-size:16px;
    font-weight:400;
    color:#ffffff;
}
.idx_subnav{margin-top: 1.5vw;}
.idx_subnav li a{
    font-size:13px;
    font-weight:200;
    color:#C8C8C8;
    line-height: 30px;
}
.idx_adress{
    font-size:13px;
    font-weight:200;
    color:#C8C8C8;
    line-height:26px;
    margin: 1.5vw 0;
}
.idx_msgtitle{
    font-size:16px;
    font-weight:400;
    color:#FFFEFE;
}
.idx_msginput{
    border: 1px solid #7C7C7C;
    padding: 10px 1vw;
    margin: 12px 0;
}
.idx_msginput input{
    background-color:transparent;
    border: 0;
    color: #ffffff;
}
.idx_msginput form{
    white-space: nowrap;
}
.idx_msgtxt{
    font-size:12px;
    font-weight:200;
    color:#969696;
}
.bottomEnd_line{
    width:100%;
    height:1px;
    background:#626262;
    margin: 3.4vw 0 1.8vw 0;
}
.copyright,.copyright a{
    font-size:12px;
    font-weight:400;
    color:#969696;
    line-height: 26px;
}
.bottomMedia_line{
    width:1px;
    height:50px;
    background:#626262;
    margin: auto;
}
.bottomMedia>img{
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
    height: 40px;
    margin: 0 0 0 auto;
}
.bottomMedia{
    display: flex;
}
.idx_wx,.idx_wb{
    width:36px;
    height:36px;
    background:#9F9F9F;
    border-radius:50%;
    text-align: center;
    line-height: 36px;
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
    cursor: pointer;
}
.wxpic{
    position: absolute;
    top: -176px;
    left: -66px;
    display: none;
}
.idx_wx{margin-right: 20px;}
.bottomLogo a img{
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
    max-width: 100%;
}
.submitBox{
    width: 20px;
    height: 20px; 
    display: inline-block;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}
.submit{
    background-image: url(../images/sbm.png);
    width:8px;
    height:12px;
    cursor: pointer;
}
.bottomNav ul li a:hover{color: #D60500;}
.copyright a:hover{color: #D60500;}
.idx_wx:hover,.idx_wb:hover{background-color: #D60500;}
.submitBox:hover{background-color: #6a6a6a;}
/*--------------------------index end----------------------------------*/
.sub_banner img{width: 100%; }

.subNav{
    width: 100%;
    background-color: #ffffff;
    height: 60px;
    line-height: 60px;
}
.subNav ul li {
    height: 60px;
    flex: 1;
    text-align: center;
}
.subNav ul li:hover{
    border-bottom: 2px solid #D60500;
}
.subNav ul li:hover a{
    color: #D60500;
}
.mb_subnav{
    display: none;
    position: relative;
}
.mb_subnav_img{
    display: inline-block;
    background-size: cover;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    cursor: pointer;
}

.abJs{background-color: #EEF2F8;padding: 3.5vw 0;text-align: center;}
.ab_nameEn{
    font-size:24px;
    font-family:BaskOldFace;
    font-weight:200;
    color:#969696;
}
.ab_nameCn{
    font-size:30px;
    font-weight:400;
    color:#015A9C;
    margin: 11px 0 1.5vw 0;
}
.ab_line{
    width:40px;
    height:2px;
    background:rgba(1,90,156,0.5);
    margin: auto;
}
.ab_title{margin-bottom: 3.5vw;text-align: center;}
.abJs_txt{
    font-size:14px;
    font-weight:400;
    color:#505050;
    line-height:30px;
    text-align: left;
    margin-top: 50px;
}
.abJs_number{margin: 3.5vw 0 2.8vw 0;}
.abJs_number .number_box{flex: 0 0 20%;max-width: 20%;}
.number{
    font-size:60px;
    font-family:'BEBAS';
    font-weight:400;
    color:#015A9C;
}
.ab_more{
    display: block;
    width:160px;
    height:40px;
    border:1px solid rgba(1,90,156,0.4);
    border-radius:20px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    transition: .8s;
}
.ab_more:hover{
    background-color: #015A9C;
    color: #ffffff;
    transform: translateY(-5px);
}
.abwh{
    background-image: url(../images/abwhbg.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 3vw 0 3.5vw 0;
}
.abwh_view{margin-bottom: 10px;}
.abwh_view_box{
    background-color: #ffffff;
    text-align: center;
    transition: .8s;
    position: relative;
}
.abwh_view_box:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    transform: translate3d(0,-2px,0);
    -webkit-transform:translate3d(0,-2px,0);
}
.abwh_view_pic img{width: 100%;}
.abwh_view_name{
    font-size:20px;
    font-weight:400;
    color:#505050;
    line-height:24px;
    padding: 40px 0;
}
.abwh_view_nameEN{
    font-size:12px;
    font-family:ArialMT;
    font-weight:200;
    color:#969696;
    padding-bottom: 2.4vw
}
.abwh_BeforeBox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    perspective: 800px;
    transition: all .5s;
    z-index: 1;
}
.abwh_BeforeBox::before,.abwh_BeforeBox::after{
    content: '';
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background: #015A9C;
    transition: all .5s;
    z-index: -1;
}
.abwh_BeforeBox::before{
    left: 0;
    transform: rotateY(90deg);
    transform-origin: 0 50%;
}
.abwh_BeforeBox::after{
    right: 0;
    transform: rotateY(-90deg);
    transform-origin: 100% 50%;
}
.abwh_view_box:hover .abwh_BeforeBox::before,
.abwh_view_box:hover .abwh_BeforeBox::after { transform: none; }
.abwh_view_box:hover .abwh_BeforeBox { opacity: 1; visibility: visible; }
.BeforeBox_con{padding: 3.5vw 0;}
.BeforeBox_title{
    font-size:20px;
    font-weight:200;
    color:#ffffff;
}
.BeforeBox_titleEn{
    font-size:12px;
    font-family:ArialMT;
    font-weight:200;
    color:rgba(255,255,255,0.6);
}
.BeforeBox_line{
    width:1px;
    height:30px;
    background:#ffffff;
    margin: 2.5vw auto;
}
.BeforeBox_txt{
    font-size:14px;
    font-weight:400;
    color:#ffffff;
    line-height: 30px;
    padding: 0 20px;
}
.musicBox{
    width:486px;
    height:44px;
    background:rgba(255,255,255,0.8);
    border-radius:22px;
    margin: 4.3vw  auto 3vw auto;
    padding-left: 30px;
    position: relative;
}
.musicBox span{
    font-size:16px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:#015A9C;
    line-height:44px;
}
.star{
    position: absolute;
    right: 0;
    top: 0;
    width:110px;
    height:44px;
    background:rgba(1,90,156,0.8);
    border-radius:22px;
    cursor: pointer;
}
.star a{
    font-size:15px;
    font-weight:200;
    color:#ffffff;
    line-height:44px;
    margin-left: 29px;
}
.star a img{
    margin-left: 10px;
}
/*ablc*/
.ablc{background-color: #EEF2F8;padding: 3vw 0 4vw 0;}

.blackPoint{
    width:7px;
    height:7px;
    background:#999999;
    border-radius:50%;
    margin: 6px 40px;
    position: relative;
    z-index: 9;
}
.ablc_view{
    padding: 2.5vw 5vw 3vw 5vw; 
    border-bottom:8px solid #015A9C;
    background-color: #ffffff;
    display: none;
    transition:   .5s ease-in;
    position: relative;
}
.ablc_view:last-child{
     display: block;}

.ablc_view_txt{width: 80%;}
.ablc_view_con{
    margin-bottom: 2vw;
    display: flex;
}
.ablc_view_time{width: 78px;}
.ablc_view_line{
    width:1px;
    height:80% ;
    background:#D2D2D2;
    position: absolute;
    left: 210px;
    top: 46px;
}
.ablc_pagination{
    width: 100%;
    display: flex;
    position: relative;
}
.ablc_prev,.ablc_next{
    flex: 0 0 5%;
    max-width: 5%;
    height:28px;
    background:#DCDCDC;
    border-radius:14px;
    cursor: pointer;
    margin: auto;
    text-align: center;
    line-height: 28px;
    font-size: 18px;
    font-weight: bold;
    font-family: NSimSun;
}
.ablc_prev:hover,.ablc_next:hover{
    background:#D60500;
    color: #ffffff
}
.ablc_wrapperbox{
    flex: 0 0 90%;
    max-width: 90%;
    overflow: hidden;
    position: relative;
}
.ablc_wrapper{
    display: flex;
    flex-wrap: nowrap;
    transition: .5s;
    position: relative;
    z-index: 99;
}
.ablc_wrapperline{
    width:100%;
    height:1px;
    border:1px dashed rgba(0,0,0,0.5);
    position: absolute;
    top: 50%;
}
.ablc_slide{margin: 30px 0;}
.ablc_item{
    width:90px;
    height:90px;
    background:#015A9C;
    border-radius:50%;
    position: relative;
    z-index: 9;
    cursor: pointer;
    top: 50%;
    transform: translate(0,-50%);
}
.ablc_wrapperbox .swiper-slide{
    width: 7.8%!important;
    margin: 0 30px;
}
.ablc_item_year{
    text-align: center;
    line-height: 90px;
    color: #ffffff;
    font-family: 'BEBAS';
    font-size:20px;
    font-weight:400;
}
.ablc_item_year::before{
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    border-radius: 50%;
    transition: all .5s;
    z-index: -1;
}
.ablc_item::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -8px;
    border-top: 7px solid #015A9C;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}
.ablc_item::before{
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    transition: all .5s;
    z-index: -1;
}
.ablc_wrapperbox .swiper-container{height: 150px;}
.ablc_item:hover:before { top: -10px; left: -10px; right: -10px; bottom: -10px; border: 1px solid #015A9C; }
.ablc_item.active:before { top: -10px; left: -10px; right: -10px; bottom: -10px;border: 1px solid #015A9C; }
.ablc_item.active:after { bottom: -30px; opacity: 1; visibility: visible; }

.ablc_item:hover .ablc_item_year:before { top: -10px; left: -10px; right: -10px; bottom: -10px; opacity: 0; visibility: hidden; }
.ablc_item.active .ablc_item_year:before { top: -10px; left: -10px; right: -10px; bottom: -10px; opacity: 0; visibility: hidden; }

/*ablc*/
.abry{
    background-image: url(../images/abrybg.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 3vw 0 4.3vw 0;
}
.abry_view{
    background-color: rgba(255, 255, 255, 0.8);
    padding: 3vw 2.5vw;
    text-align: center;
    position: relative;
}
.abry_item_pic img{
    max-width: 100%;
    cursor: pointer;
}
.abry_item_name{
    font-size:15px;
    font-weight:400;
    color:#323232;
    margin-top: 1.3vw;
}
.abry_prev,.abry_next{
    position: absolute;
    font-size: 40px;
    font-weight: 200;
    top: 50%;
    transform: translate(0,-50%);
    cursor: pointer;
    color: rgba(100,100,100,0.8);
    font-family: NSimSun;
}
.abry_prev{left: 4px;}
.abry_next{right: 4px;}
.abry_prev:hover,.abry_next:hover{color: #D60500;}
.abry .ab_more{
    border: 1px solid rgba(255,255,255,0.6);
    color: #ffffff;
    margin-top: 3.9vw;
}
.translucent{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background-color: rgba(0,0,0,0.7);
}
.bigPic{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.abEm{padding: 3vw 0;}
.abEm_view{position: relative;margin-bottom: 40px;}
.abEm_view .swiper-slide{width: 62.1%;}
.abEm_view .swiper-slide img{width: 100%;}
.left_vague,.right_vague{
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 18.95%;
    z-index: 99;
}
.left_vague{left: 0;}
.right_vague{ right: 0;}

.abEm_prev,.abEm_next{
    display: block;
    width:40px;
    height:40px;
    background:rgba(0,0,0,0.4);
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    cursor: pointer;
    z-index: 99;
    font-size:24px;
    font-family:NSimSun;
    font-weight:400;
    color:#ffffff;
    line-height:40px;
    text-align: center;
}
.abEm_prev{left: 19%;}
.abEm_next{right: 19%;}
.abEm_prev:hover,.abEm_next:hover{background: #D60500;}
.abEm_itemtxt{
    width: 100%;
    height:60px;
    background:rgba(0,0,0,0.3);
    font-size:18px;
    font-weight:400;
    color:#ffffff;
    line-height:60px;
    text-align: center;
    position: absolute;
    bottom: 0;
}
.abManager_txt{
    font-size:14px;
    font-weight:200;
    color:#505050;
    line-height:30px;

}
.abManager_item{text-align: center;margin-bottom: 4vw;}
.abManager_item img{max-width: 100%;transition: .8s;}
.abManager_item:hover img{transform: rotateY(360deg);}
.abManager_view{padding: 4vw 0 5vw 0;}
.abTec{background-color: #EEF2F8;padding: 3.4vw 0;}
.abTec_txt{
    font-size:14px;
    font-weight:200;
    color:#505050;
    line-height:30px;
}
.abTec_pic{padding: 5.7vw 0 3.2vw 0;}
.abTec_pic img{max-width: 100%;}
/*--------------------------about end----------------------------------*/
.abcon{width: 100%; padding: 50px 0;    background-color: #EEF2F8;}
.abcon_body{line-height: 30px;}
.abcon_body img{
    max-width: 100%;
}
/*--------------------------about_con end----------------------------------*/
.abconItem{cursor: pointer;}
.abconItem_pic{text-align: center; overflow: hidden;}
.abconItem_pic img{width: 100%;transition: .6s;}
.abconItem_title{
    font-size: 15px;
    font-weight: 400;
    color: #323232;
    margin:20px 0 50px 0;
    text-align: center;
}
.abconItem:hover .abconItem_pic img{transform: scale(1.1);}

/*--------------------------about_honor end----------------------------------*/
.solutions {background-color: #EEF2F8;padding: 2.8vw 0 6vw 0;}
.solutions_view{margin-bottom: 40px;}
.solutions_view_pic{
    border-bottom: 5px solid #015A9C;
    position: relative;
    overflow: hidden;
}
.solutions_view_pic img{width: 100%; transition: .8s;}
.solutions_view a:hover .solutions_view_pic img{transform: scale(1.1);}
.solutions_view_txt{
    position: absolute;
    top:39px;
    left: 40px;
}
.solutions_view_nameEn{
    font-size:24px;
    font-family:BaskOldFace;
    font-weight:200;
    color:#ffffff;
}
.solutions_view_name{
    font-size:18px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:#ffffff;
}
.solutions_view_item{
    margin-bottom: 30px;
}
.solutions_view_item a{
    display: block;
    background: #ffffff;
    transition: .8s;
}
.solutions_view_item a:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    transform: translate3d(0,-5px,0);
    -webkit-transform:translate3d(0,-5px,0);
}
.solutions_view_item a:hover .solutionsItem_name{
        background-color: #015A9C;
        color: #ffffff;
}
.solutionsItem_pic img{width: 100%;}
.solutionsItem_name{
    font-size:16px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:#646464;
    padding: 32px 0 32px 30px; 
    transition: .8s;
}
/*--------------------------solutions end----------------------------------*/
.news , .newsView{padding: 5vw 0; background-color: #EEF2F8;}
.solView{padding: 5vw 0;}
.solViewTitle span{
    font-size: 30px;
    margin-left: 15px;
}
.solViewhead{text-align: center;}
.solViewTitle{
    margin-bottom: 30px;
    color: #323232;
}
.solViewOne{
    padding: 3vw 0;
}
.solViewOne img{max-width: 100%;}
.solViewColor{    background-color: #f5f5f5;}
.news_view{transition: .5s;}
.news_view a{
    color:#505050;
    display: flex;
    padding: 43px 20px;
    flex-wrap: nowrap;
}
.newsv_time{
    flex: 1;
    font-size:14px;
    font-family:HelveticaNeueLTPro-ThEx;
    font-weight:normal;
    text-align: right;
}
.newsv_title{
    width: 80%;
    font-size:20px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.latest .news_view a{
    color:#505050;
    display: block;
    padding: 43px 83px;
}
.latest .newsv_time{
    font-size:14px;
    font-family:HelveticaNeueLTPro-ThEx;
    font-weight:normal;
    text-align: left;
    margin-bottom: 27px;
}
.latest .newsv_title{
    width: 100%;
    font-size:20px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newsv_pic{margin: 1.8vw 0;}
.newsv_pic img{max-width: 100%;}
.newsv_txt{
    font-size:14px;
    font-weight:200;
    line-height:24px;
    margin-bottom: 3.5vw;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.newsv_more{
    font-size:14px;
    font-family:HelveticaNeueLTPro-ThEx;
    font-weight:normal;
}
.news_view:hover{background: #015A9C;}
.news_view:hover a{color: #ffffff;}
.pageView{
    background-color: #ffffff;
    width: 100%;
    height: 60px;
    position: relative;
}
.pages{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.pages a{
    display: inline-block;
    width:40px;
    height:40px;
    text-align: center;
    line-height: 40px;
}
.pages a:hover{
    background-color: #D60500;
    color: #ffffff;
}
.pages .current{
    background-color: #D60500;
    color: #ffffff;
}
.newsView_con{
 background: #ffffff;
 padding: 4vw 20px  35px 20px;
}
.newsView_line{
    width: 100%;
    height:1px;
    background:rgba(0,0,0,0.3);
    margin: 30px 0;
}
.newsView_back{
    display: block;
    width:140px;
    height:36px;
    background:#015A9C;
    font-size:14px;
    font-weight:400;
    color:#ffffff;
    line-height:36px;
    text-align: center;
}
.newsView_title{
    font-size:40px;
    font-weight:400;
    color:#323232;
}
.newsView_time{
    font-size:14px;
    font-weight:400;
    color:#787878;
    margin: 23px 0 3.5vw 0;
}
.newsView_body{
    font-size:15px;
    font-weight:400;
    color:#787878;
    line-height:30px;
}
.newsView_body img{max-width: 100%;}
.newsView_a a{display: block;width: 100%;text-align:left;}
/*--------------------------news end----------------------------------*/
.product{
    background: #EEF2F8;
    padding: 3vw 0;
}
.product_view{margin-bottom: 34px;}
.product_view a{
    padding: 55px 0 55px 60px;
    display: flex;
    flex-wrap: nowrap;
    background-color: #ffffff;
    transition: .8s;

}
.product_view a:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    transform: translate3d(0,-2px,0);
    -webkit-transform:translate3d(0,-2px,0);
}
.product_view a:hover .prov_con_details{
    background-color: #D60500;
    color: #ffffff;
    border: 0;
}
.product_view a:hover .prov_pic img{transform: scale(1.1);}
.prov_pic{flex: 0 0 25.1%; overflow: hidden;}
.prov_pic img{transition: .8s;max-width: 100%;}

.prov_con{flex: 0 0 60%;}
.prov_line{
    width: 1px;
    background:rgba(0,0,0,0.1);
    margin: 0 3vw;
}
.prov_con_name{
    font-size:24px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:#015A9C;
}
.prov_con_line{
    width:40px;
    height:2px;
    background:#015A9C;
    margin: 25px 0 2.2vw 0;
}
.prov_con_txt{
    font-size:15px;
    font-weight:200;
    color:rgba(80,80,80,.8);
    line-height:30px;
    margin-bottom: 4vw;
}
.prov_con_details{
    width:160px;
    height:40px;
    border:1px solid rgba(0,0,0,0.3);
    border-radius:20px;
    font-size:15px;
    color:#787878;
    text-align: center;
    line-height: 40px;
}
.product_list{
    background: #EEF2F8;
}
.product_list_view{
     padding: 3vw 0;
}
.product_item{
    margin-bottom: 50px;
}
.product_item a{
    display: block;
    background: #ffffff;
    transition: .8s;
}
.product_item a:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    transform: translate3d(0,-2px,0);
    -webkit-transform: translate3d(0,-2px,0);
    border-bottom: 4px solid #015A9C;
}
.proItem_pic{text-align: center;padding: 2vw 0;}
.proItem_pic img{max-width: 100%;}
.proItem_txt{padding: 2vw 0; text-align: center;}
.product_viewbg{
    background-color: #EEF2F8;
    margin-top: 90px;
    padding: 4vw 0;
}
.prov_nav ul li a{color: #505050;}
.provTopNav{background: #ffffff;}
.provTopNav .logo{
    height: 90px;
}
.prov_nav ul li{line-height: 90px;}
.prov_location{
    font-size:14px;
    font-weight:200;
    color:#969696;
    margin-top: 3vw;
}
.prov_location a{
    color:#969696;
}
.prov_name{
    font-size:24px;
    color:#323232;  
    font-weight:400;
    margin: 1.3vw 0 3vw 0;
}
.prov_txt{
    font-size:14px;
    color:#646464;
    line-height:32px;
}
.productViewPic{
    flex: 0 0 34.5%;
    max-width: 34.5%;
}
.productViewPic .swiper-slide{
    text-align: center;
}
.productViewPic .swiper-slide img{
    max-width: 100%;
}
.productViewCon{
    flex: 0 0 60%;
    max-width: 60%;
    margin-left: 5%;
}
.productViewPic .swiper-pagination{
    position: static;
    margin-top: 30px;
}
.productViewPic .swiper-pagination-bullet-active{
    background: #D60500;
}
.proVsubNav{
    background: #ffffff; 
    width: 100%; 
    border-bottom: 1px solid #F0F0F0;

}
.proVsubNav_title{
    width: 120px; 
    height: 80px; 
    line-height: 80px;
     border-bottom: 2px solid #D60500;
     text-align: center;
    }
.product_details{
    margin: 4vw 0 6vw 0;
}
.product_view_con{
    font-size:14px;
    font-weight:400;
    color:#505050;
    line-height:30px;

}
/*--------------------------product end----------------------------------*/
.busines{background-color: #EEF2F8;padding: 5vw 0;}
.busines_view_pic{border-bottom: 5px solid #015A9C; margin-bottom: 30px; overflow: hidden;}
.busines_view_pic img{width: 100%; transition: .8s;}
.busines_view a:hover .busines_view_pic img{transform: scale(1.1);}
/*--------------------------busines end----------------------------------*/

.conUp{
    background-color: #EEF2F8;
    overflow: hidden;
}
.upCon_adress{
    flex: 0 0 39%;
    padding: 6vw 0 8vw 12.1vw;
}
 .contact_downCon{margin: 3vw 0 5vw 0;}
.upCon_map{flex: 0 0 61%;}
.companyName{
    font-size:28px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:#015A9D;
    margin-bottom: 55px;
}
.massagebox_label input{
    width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding: 10px 0;
    font-size: 14px;
    margin-bottom: 15px;
}

.downCon_txt{
    font-size:15px;
    font-weight:200;
    color:#646464;
    margin: 28px 0 4vw 0;
}

.downCon_title{
    font-size:30px;
    font-weight:400;
    color:#015A9C;
}
.ipt{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding: 10px 0;
}

.massagebox_label{margin-bottom: 3vw;} 
.textarea{width: 100%;height: 180px;font-size: 14px;}
.massagebox_vcode{margin: 30px 0;}
.massagebox_submit{overflow: hidden;}
.btn{
    width:240px;
    height:44px;
    background:#015A9C;
    font-size:15px;
    font-weight:400;
    color:#ffffff;
    line-height:44px;
    text-align: center;
    border: 0;
    cursor: pointer;
} 
.pagelink{
    margin-bottom: 50px;
}
.pagelink a{
    display: block;
    margin-top: 20px;
}
.pagelink a:hover{
    color: #D60500;
}
/*--------------------------contact end----------------------------------*/
.cooperation{
    background-color: #EEF2F8;
    padding: 5vw 0;
}
.cooperation_con{
    background-color: #015A9C;color:#ffffff;
    display: flex;
}
.contitle{
    font-size:30px;
    font-weight:400;
}
.contxt{
    font-size:14px;
    font-weight:200;
    line-height:30px;
    margin: 2.2vw 0 3.5vw 0;
}
.conadress{
    font-size:14px;
    font-weight:400;
    line-height: 30px;
}
.cooperation_contxt{
    flex: 0 0 38%;
    padding: 3vw;
}
.cooperation_conpic{
    flex: 0 0 62%;
}
.cooperation_conpic img{
    width: 100%;
    height: 100%;
}
.cooperation_txtbox{
    width: 60%;
    font-size:14px;
    font-weight:200;
    color:#646464;
    line-height:30px;
    text-align: center;
    margin: 2.5vw  auto;
}
.cooperation_item{
    width:100%;
    height:60px;
    background:rgba(220,229,243,0.8);
    padding: 0 2vw;
}
.item_left,.item_right{
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
}
.item_right span:first-child{
    margin-right: 2.5vw;
}
.jh{
    display: inline-block;
    width:23px;
    height:23px;
    background:#A1B5D6;
    border-radius:50%;
    color: #ffffff;
    text-align: center;
    line-height: 22px;
    margin-left: 10px;
}
.item_conbox{
    font-size:14px;
    font-weight:200;
    color:#646464;
    line-height:30px;
    background-color: #ffffff;
    padding: 2.2vw 0 2.2vw 2vw;
    display: none;
}
.item_left span{margin-right: 30px;}
.cooperation_view{
    margin-bottom: 10px;
    cursor: pointer;
}
.supplier_item{
    margin-bottom: 30px;
}
.supplier_item a{
    display: flex;
     background: #ffffff;
     transition: .5s;
}
.supplier_item a:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    transform: translate3d(0,-2px,0);
    -webkit-transform: translate3d(0,-2px,0);
}
.supplier_item_pic{
    flex: 0 0 36%
}
.supplier_item_con{
    flex: 0 0 64%;
    padding: 1.2vw 0 1.2vw 1.5vw;
    overflow: hidden;
}
.supplier_item_pic img{width: 100%;}
.supplier_item_time{
    font-size:14px;
    font-family:HelveticaNeueLTPro-ThEx;
    font-weight:normal;
    color:#505050;
}
.supplier_item_title{
    font-size:16px;
    font-weight:400;
    color:#646464;
    margin: 1vw 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.supplier_item_more{
    font-size:14px;
    font-family:HelveticaNeueLTPro-ThEx;
    font-weight:normal;
    color:#505050;
}
.process{
    padding: 3vw 0 5vw 0;
}
.process_pic{
    position: relative;
}
.process_view{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.process_icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.process_name{
    font-size:16px;
    font-weight:400;
    color:#646464;
    margin-top: 20px;
    text-align: center; 
}
.process_txt{
    font-size: 14px;
    color: #9b9c9e; 
    line-height: 30px;
    margin: 20px 0;
}
.process_item{flex: 1;}
.process_view span{
    font-size:24px;
    font-family:NSimSun;
    font-weight:400;
    color:#B8B8B8;
    line-height: 150px;
}
.supplier{
    background: #ffffff;
    text-align: center;
    padding: 2.8vw 0 6vw 0;
}
.supplier img{
    max-width: 100%;
}
/*--------------------------cooperation end----------------------------------*/
.service{
    background-color: #EEF2F8;
    padding: 3vw 0;
}
.service_Nav{
    background-color: #ffffff;
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.service_Navbox{
    flex: 0 0 25%;   
     padding: 2.5vw 0;
     text-align: center;
     cursor: pointer;
     position: relative;

}
.service_Navbox::after{
    content: '';
    position: absolute;
    right: 0;
    background: #e4e4e4;
    width: 1px;
    height: 50%;
    top: 50%;
    top: 50%\0;
    top: 25%\9;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.service_Navbox:last-child::after{background: 0;}

.service_view{
    background-color: #ffffff;
    padding: 7vw 48px;
    font-size: 14px;
    line-height: 30px;
}
.serviceViewNav{
    margin: 30px 0;
}
.serviceViewNav a{
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f5f5f5;
    margin-right: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.serviceViewNav a:hover{
    background: #015A9C;
    color: #ffffff;
}
.megbox_txt{
    font-size:15px;
    font-weight:400;
    color:#646464;
    margin-bottom: 4vw;
}
.service_download a{
    border-bottom: 1px dashed #000000;
    padding: 20px 0;
    width: 100%;
}
.service_download a:hover{
    border-bottom: 1px dashed #D60500;
    color: #D60500;
}

.service_download .service_download_pic{
    width: 22px;
    height: 21px;
    display: inline-block;
    background: url(../images/serverpic.png);
    cursor: pointer;
}

.slideDown{
    flex: 0 0 3.5%;
    text-align: center;
    background: #015A9C;
    color: #ffffff;
    height: 46px;
    line-height: 46px;
    font-size: 30px;
}
.policy_item_txt{
    width: 100%;
    border: 1px solid #D7D7D7;
}
.slideDown_txt{
    line-height: 46px;
    margin-left: 20px;
}
.service_policy_item{
    position: relative;
}
.slideDown_xz{
    background: url(../images/serdown.png);
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.service_policy_item a:hover .slideDown_xz{
    background: url(../images/serdownh.png);
}
.policy_item_con{
    display: none;
    background: #EEF2F8;
    padding: 20px;
}
.service_policy_item{margin-bottom: 20px;}
.policy_item_txt:hover .slideDown{
    background: #D60500;
}
.policy_item_txt:hover .slideDown_txt{
    color: #D60500;
}
.navbox_name{margin-top: 1.5vw;}
.navbox_pic .img{
    width: 50px; height: 50px;
    margin: auto;
    background-repeat: no-repeat;
}
.supportItem{
    margin-bottom: 30px;
    text-align: center;
}
/*--------------------------service end----------------------------------*/
.loginPic{
    background-image: url(../images/loginpic.jpg);
    height: 700px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
.top{height: 100px;}
.toptxt{
    font-size:22px;
    font-family:MicrosoftYaHeiLight;
    font-weight:400;
    color:#323232;
}
.topline{
    width:1px;
    height:30px;
    background:#DCDCDC;
    margin:36px 1vw 0 2.5vw ;
}
.loginLogo,.toptxt,.loginBack{line-height: 100px;}
.loginBack{display: inline-block;}
.loginBack:hover{color: #D60500;}
.footer{
    text-align: center;
    padding: 41px 0 100px 0;
}
.footerNav a{
    font-size:14px;
    font-weight:400;
    color:#505050;
    margin: 0 10px;
}
.footerNav a:hover{color: #D60500;}
.loginForm{
    width:500px;
    height:380px;
    background:rgba(255,255,255,0.9);
    position: relative;
    top: 160px;
    margin: 0 260px 0 auto;
    padding: 42px 26px 0 35px; 
}
.loginForm_txt{
    font-size:20px;
    font-weight:400;
    color:#323232;
}
.loginForm input{
    display: block;
    margin: 30px 0;
}
.email,.password{
    width:70%;
    height:54px;
    background:rgba(255,255,255,1);
    border:NaNpx solid rgba(222,222,222,1);
    padding-left: 40px;
}
.loginSubmit{
    width:70%;
    height:55px;
    background:#015A9C;
    border-radius:2px;
    color: #ffffff;
    border: 0;
    cursor: pointer;
}
.emailbox,.passwordbox{position: relative;}
.emailbox img,.passwordbox img{
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0,-50%);
}
.emailbox_txt{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 0;
}
.serPhone_txt{
    margin-top: 60px;
}
.serEwm_txt,.serPhone_txt{color: #787878;}
.serPhone_pic{
    margin-bottom: 15px;
}
.serPhone_num{
    color: #015A9C;
    font-size: 24px;
}
/*--------------------------login end----------------------------------*/

/*media*/


@media (min-width: 769px){
    .pc_subnav{display: flex!important;}
}
@media (min-width:1200px){
    .topNav .container,.bottomEnd .container,.news .container{max-width:1670px;}
    .subNav .container,.abJs .container,.newsView .container{max-width:1230px;}
    .supplier .container{max-width: 1054px;}
    .navList>ul>li>a::before{
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -12px;
        height: 2px;
        background: #D60500;
        opacity: 0;
        visibility: hidden;
        transform: scale(0, 1);
        transform-origin: 100% 100%;
        transition: transform .5s, opacity .5s, visibility .5s;
    }
    .navList>ul>li>a:hover::before{
        opacity: 1; visibility: visible; transform: none; transform-origin: 0 100%; 
    }
}
@media (min-width:1201px){.navList{display: block!important;}}
@media (max-width:1200px){
    .menu{display: block;line-height: 70px;}
    .subnav_slidDown{display: none!important;}
    .navList{
        width: 100%;
        height: 100%;
        background: #ffffff;
        position: fixed;
        left: 0;
        top: 0;
        display: none;
        z-index: 999999;
    }
    .navList ul{ width: 100%;clear: both; margin-top: 70px; }
    .navList ul li{
        clear: both;
        width: 100%;
        margin: 0;
        padding: 5px 15px;
        height: auto;
    }
    .navList ul li a{
        display: block;
        width: 100%;
        height: 43px;
        border-bottom: 1px solid #dcdcdc;
        line-height: 43px;
    }
    .logo,.topNav{height: 70px!important;}

    .news_view a{padding: 43px 0;}
    .product_viewbg{margin-top: 70px;}
    .upCon_adress{padding:6vw 0 8vw 3vw;}
    .navList ul li a{color: #000000!important;}
    .abry_slideCtrl{display: none;}
    .bottomMedia_line {opacity: 0;}
    
}

@media (max-width:992px){
  
    .cooperation_con{flex-wrap: wrap;}
    .cooperation_contxt{flex: 0 0 100%;}
    .cooperation_conpic{flex: 0 0 100%;}
    .product_view a{
        flex-wrap: wrap;
        padding: 55px 15px 55px 15px;
        text-align: center;
    }
    .prov_pic,.prov_pic{flex: 0 0 100%;}
    .prov_line{display: none;}
    .prov_con{flex: 0 0 100%;}
    .prov_con_line{margin: 25px auto 2.2vw auto;}
    .prov_con_details{margin: auto;}
    .ablc_view_line{display: none;}
    .ablc_view_txt{width: 100%;margin: 10px 0;}
    .blackPoint{display: none;}
    .ablc_view_con{    flex-wrap: wrap;}
    .bottomMedia>img{margin: 0;}
    .none,.bottomLogo{display: none;}
}
@media screen and (max-width:1200px) and (min-width:992px){
    .idxnewsView_con{padding: 0.7vw 2vw;}
    .supplier_item_con{padding: .7vw 0 .7vw 1.5vw;}
    .supplier_item_title{margin: 0.8vw 0;}
}
@media (max-width:768px){
    .mb_subnav{display: block;}
    .pc_subnav{
        position: absolute;
        background: #ffffff;
        z-index: 98;
        width: 100%;
        height: 100%;
        display: none;
        left: 0;
    }

    .subNav ul li a{ width: 100%;}
    .contact_upCon{flex-wrap: wrap;}
    .upCon_adress{flex:0 0 100%;}
    .upCon_map{flex:0 0 100%;}
    .productViewPic,.productViewCon{
        flex: 0 0 100%;
    max-width: 100%;
    }
    .productViewCon{
        margin: 0;
        padding: 0 15px;
    }
    .idxbg_txtCN{font-size: 30px;}
    .ablc_item{
        width: 60px;
        height: 60px;
    }
    .ablc_item_year{line-height: 60px;}
    .subNav ul li{border: 0!important;}
    .ablc_item_year{font-size: 14px;}
    .number{font-size: 40px;}
    .idx_msginput input{width: 42%;}
    .bannerbtn{display: none;}
}
@media (max-width:640px){
    .abEm_itemtxt{
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
}
@media (max-width:520px){
    .loginForm{
        width: 300px;
        margin: 0 auto 0 auto;
    }
    .emailbox_txt{
        top: auto;
        bottom: -22px;
        transform: translate(0,0);
        right: 111px;
    }
    .email, .password{width: 100%;}
    .loginSubmit{width: 100%;}
    .musicBox{width: 290px;}
    .number{font-size: 24px;}
    .idxnewsView_title,.idxnewsView_time,.idxnewsView_more{font-size: 12px;}
    .questionBox_ENname{font-size: 14px;}
    .questionBox_name{font-size: 16px;}
    .idxbg_txtCN{font-size: 20px;}
    .idxbg_txtEN{font-size: 13px;}
    .idx_name{font-size: 24px;}
    .idx_ENname{font-size: 18px;}
    .solutions_title{font-size: 16px;}
    .prov_pic img{max-width: 100%;} 
    .item_left{margin-bottom: 15px;}
    .cooperation_item{height: 100px; padding: 20px 0;}
    .navbox_pic img{
        width: 30px;
        height: 30px;
    }
    .navbox_name{font-size: 12px;}
    .service_view{
        padding: 50px 15px;
    }
    .supplier_item_title,.supplier_item_time,.supplier_item_more{font-size: 12px;}
    .service_Navbox::after{display: none;}
    .service_Navbox{
        border-top: 1px solid rgba(0,0,0,0.1);
        border-left: 1px solid rgba(0,0,0,0.1);
    }
    .ser_UXg0CYCUM{border-right: 1px solid rgba(0,0,0,0.1);}
    .contitle{font-size: 20px;}
    .cooperation_txtbox{
        width: auto;
        margin: 2.5vw 15px;
    }
    .item_left, .item_right{
        float: none;
        text-align: center;
        position: static;
        transform: none;
    }
    .newsView_a{margin-bottom: 15px;}
    .ctrl{margin: 20px 0;}
    .idxnews_con{margin-bottom: 20px;}
    .bottomEnd{padding: 30px 0;}
    .ab_more{margin: 20px auto;}
    .cooperation_contxt{padding: 15px;}
    .sub_banner img{
        height: 200px;
        object-fit: cover;
    }
    .navbox_pic .img{
        width: 25px;
        height: 25px;
        background-size: contain;
    }
}
@media (max-width:321px){
    .idxnewsView_title{margin:4px 0;}
    .idxnewsView_con{padding: 0.2vw 2vw;}
    .item_left span {
        margin-right: 18px;
    }
}
/*responsive boots*/
.container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container-fluid {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}

@media (min-width: 576px) {.container {max-width: 540px;}}
@media (min-width: 768px) {.container {max-width: 720px;}}
@media (min-width: 992px) {.container { max-width: 960px;}}
@media (min-width: 1200px) {.container {max-width: 1450px;}}
            
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%}
.col-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto; max-width: 100%;}
.col-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
.col-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
.col-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%;max-width: 33.333333%;}
.col-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.col-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
.col-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
.col-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
.col-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
.col-12 { -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}
/*keyframes*/
.bannerbox .swiper-slide-active .idxbg_pic{-webkit-animation-name:scale_img;animation-name:scale_img;}
@-webkit-keyframes scale_img{
0%{
    transform: scale(1.1);
    animation-timing-function: ease-in;
}
100%{
    transform: scale(1);
    animation-timing-function: ease-out;
}
}
@keyframes scale_img{
0%{
    transform: scale(1.1);
    animation-timing-function: ease-in;
 }
100%{
    transform: scale(1);
    animation-timing-function: ease-out;
}
}
@-webkit-keyframes pulse {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, 10px);
              transform: translate(0, 10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } 
}
@keyframes pulse {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, 10px);
              transform: translate(0, 10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } 
}