@charset "utf-8";
*{ margin:0; padding:0; font-family:'Microsoft YaHei'; box-sizing: border-box;}

html {font-size: 100px;}

body{ font-size:.16rem; }
img{ border:0; max-width:100%; }
li {list-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a{ text-decoration:none; color:#000; }
a:hover{ }

.transition_up{  transition:.3s; }
.transition_up:hover{ transform:translateY(-.05rem); }

.pub_img{ width:100%; overflow:Hidden;}
.pub_img img{ transition:.3s; }
.pub_img:hover img{ transform:scale(1.1,1.1); }

.fl{float: left;}
.fr{float: right;}
.clr , .clear{ clear:both;}
.clearfix:after{ display:block; clear:both; content:'';}

/* 整个滚动条 */
::-webkit-scrollbar {
    width: 6px; /* 滚动条的宽度 */
    height: 6px; /* 滚动条的高度 */
}
/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
    background-color: darkgrey; /* 滑块颜色 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
}

.view {
	width:100%;
	margin:0 auto;
}



/* 整个滚动条 */
::-webkit-scrollbar {
    width: 6px; /* 滚动条的宽度 */
    height: 6px; /* 滚动条的高度 */
}
/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
    background-color: darkgrey; /* 滑块颜色 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
}

.index-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background:#1D2C6A; }
.index-wrap .swiper-slide{ overflow:hidden; }

.index-btns { position: fixed; right: 2.5%; top: 50%; transform: translateY(-50%); z-index: 10; display:none; }
.index-btns a { display: block; width: .25rem; height: .25rem; border-radius: 100%; border: 1px solid transparent; position: relative; transition: all .5s;}
.index-btns a:before { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-radius: 100%; background-color: #fff; margin: -4px 0 0 -4px; transition: all .3s;}
.index-btns.on a:before {
    background-color: #93a3b7;
}
.index-btns a.cur { border-color: #CA2304;}
.index-btns a.cur:before { background-color: #CA2304;}

.header_box{ position:fixed; left:0; top:0; width:100%; z-index:100; background:#1D2C6A;}

header{ width:calc(100% - 1rem); margin:0 auto; height:.7rem; padding:.35rem 0 0; position:relative; transition:.3s; }
header .webtitle{ text-align:center; color:#fff; font-size:.18rem; font-family:Arial; font-weight:bold; }
header .lang{ position:absolute; left:.1rem; bottom:.2rem; color:#fff;  }
header .kouhao{ position:absolute; right:.1rem; bottom:.2rem; color:#fff;  }
header.hide{  }

.header2{ width:100%; max-width:100%;  background:#E6E6E6; padding:.3rem 1rem .3rem; margin:0 auto; }
.header2 .logo{ height:.62rem; display:block; float:left; }
.header2 nav{ float:right; }
.header2 nav a{ font-weight:bold; color:#000; line-height:.62rem; display:inline-block; padding:0 .1rem; margin-right:.2rem; }
.header2_right{ height:.62rem; line-height:.62rem; float:right; color:#808080; font-size:.2rem; padding:0 .3rem 0 .4rem; background:url(../images/header2_right1.jpg) no-repeat 0 center; position:relative; }
.header2_right:after{ width:.1rem; height:.62rem; background:url(../images/header2_right2.jpg) no-repeat 0 center; content:''; position:absolute; top:0; right:0; }  

.header_placeholder{ height:2.5rem; }

.page1 {  /*padding:0 1rem;*/ }
.page1 .lh{ height:100vh; width:100%; background:#E6E6E6; }
.page1 .lh img{ width:100%; height:100vh; }

.page_pub{ width:calc(100% - 2rem); height:100vh; background:url(../images/page_line.png) no-repeat center bottom #fff; display:flex; justify-content: center; align-items: center; padding:.8rem 0 .7rem; margin:0 1rem; }
.page_pub .index_title_en{ width:100%; font-size:.65rem; color:#fff; font-family:Arial; font-weight:bold; text-align:center; margin-bottom:.2rem; }
.page_pub .index_title_cn{ display:inline-block; text-align:center; background:#fff; color:#1d2c6a; font-size:.24rem; padding:.05rem .15rem; font-weight:bold; }

.about_box{ width:100%; height:100%; background:url(../images/about_box_bg.jpg) no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: center; }
.about_box .jiazhi_yuanjing { padding-top:1rem; }
.about_box .jiazhi_yuanjing span{ border:2px solid #fff; padding:.1rem .15rem .1rem .5rem; border-radius:.25rem; display:inline-block; color:#fff; margin:0 .2rem; }
.about_box .jiazhi_yuanjing span:nth-child(1){ background:url(../images/about_icon1.png) no-repeat .15rem center; background-size:.29rem .29rem; }
.about_box .jiazhi_yuanjing span:nth-child(2){ background:url(../images/about_icon2.png) no-repeat .15rem center; background-size:.28rem .28rem; }


.core_box{ width:100%; height:100%; background:url(../images/core_box_bg.jpg) no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: center; }


.technology_box{ width:100%; height:100%; background:url(../images/technology_box.jpg) no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: center; }
.technology_box .jishu{ color:#fff; font-size:.2rem; margin-top:1rem; }
.technology_box .jishu b{ font-size:.24rem; }


.huanbao_box{ width:100%; height:100%; background:url(../images/huanbao_box.jpg) no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: center; }
.huanbao_box .huanbao_tags { padding-top:1rem; }
.huanbao_box .huanbao_tags span{ border:2px solid #fff; font-size:.24rem; padding:.03rem .25rem; border-radius:.25rem; display:inline-block; color:#fff; margin:0 .2rem; }



.prodtype_box{ width:100%; height:100%; background:url(../images/prodtype_box.jpg) no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: center; }
.prodtype_box .prodtype_tags { padding-top:1rem; }
.prodtype_box .prodtype_tags a{ border:2px solid #fff; font-size:.24rem; padding:.03rem .2rem; border-radius:.25rem; display:inline-block; color:#fff; margin:0 .2rem; }

.contact_box{ width:90%; }
.contact_box .contact_title_en{ color:#1d2c6a; font-size:.65rem; font-weight:bold; }
.contact_box .contact_title_cn{ color:#1d2c6a; font-size:.24rem; font-weight:bold; }
.contact_box .contact{ width:100%; height:3.3rem; margin-top:.6rem; box-shadow:0 0 .15rem #ccc; border-radius:.1rem; }
.contact_box .contact_left{ width:33.333%; height:100%; float:left; display:flex; justify-content: center; align-items: center;  }
.contact_box .contact_left .cn{ color:#1d2c6a; text-align:center; font-size:.26rem; font-weight:bold; }
.contact_box .contact_left .en{ color:#050505; text-align:center; font-size:.16rem; }
.contact_box .contact_center{ width:33.333%; height:100%; float:left; float:left; display:flex; justify-content: center; align-items: center; }
.contact_box .contact_right{ width:33.333%; height:100%; float:left; color:#1d2c6a; display:flex; justify-content: center; align-items: center; padding-right:.2rem; font-size:.16rem; line-height:.35rem; }

.contact_box .flink{ width:100%; height:.71rem; margin-top:1rem; display: flex; }
.contact_box .flink > div{ flex:1; } 
.contact_box .flink > div:nth-child(1){ text-align:left; }
.contact_box .flink > div:nth-child(2){ text-align:center; }
.contact_box .flink > div:nth-child(3){ text-align:right; }


.page_pic_box img{ width:100%; display:block; margin:0 auto; }

.bottom_box{ padding:1rem 0 .3rem; }
.bottom_box .contact_box{ margin:0 auto; }


.position_box{ width:15.1rem; height:.46rem; margin:0 auto; background-color: rgba(238, 238, 238, 1); border-bottom: 0rem solid #dddd; }
.position{ width:100%; max-width:13.60rem; height:.46rem; line-height:.46rem; margin:0 auto;  padding-left:.3rem; color:#000; }
.position a{ color:#000; }

.main{ width:100%; max-width:15.10rem; margin:0 auto; position:relative;overflow: hidden;clear:both; padding:.30rem 0; }

.all_left{ width:2.62rem; float:left;}
.all_right{ width:calc(100% - 2.62rem - 2%); float:right; background:#fff;}

/*内页左侧*/
.left_list{ width:100%; margin-bottom:.20rem;}
.left_list strong { background:#1D2C6A; color: #fff; display: block; font-size: .26rem; overflow: hidden;  padding:.25rem; font-weight:normal; }
.left_list strong span {
    color: #fff;
    display: block;
    font-family:arial,helvetica,sans-serif;
    font-size: .14rem;
    font-weight: 100;
}

.left_list ul li {
	min-height:.50rem;
	font-size:.16rem;
	background-color:#eee;
	border-bottom:1px #FFFFFF solid;
	color:#000;
}

.left_list UL li a {
	min-height:.50rem;
	line-height:.25rem;
	padding:.10rem .25rem;
	font-size:.16rem;
	color:#363636;
	display:block;
}
.left_list UL li a.current2{ padding-left:.80rem;}
.left_list UL li a:hover {
	background-color:#647AD4;
	color:#FFF!important;
	display:block;
}

.left_list UL li.hover a {
	background-color:#1A77FF;
	display:block;
	height:.60rem;
	line-height:.60rem;
	width:2.00rem;
}

.left_contact{ width:100%; margin-top:.20rem; background:#eee; padding:.20rem .30rem; }
.left_contact .tit{ color:#000; font-size:.16rem; font-weight:bold; margin-bottom:.20rem; }
.left_contact .tit span{ font-size:.12rem; }
.left_contact p{ line-height:200%; font-size:.12rem; } 



/*内页右侧*/
.right_tit{ width:100%; line-height:.60rem; border-bottom:1px solid #000; }
.right_tit:after{ display:block; clear:both; content:'';}
.right_tit h2{float:left; padding-left:.30rem; width:.200rem; font-size:.16rem;}
.right_tit span{padding-right:.20rem; font-size:.14rem; float:right}
.right_tit a{ color:#000; }
.right_all{ min-height:5.00rem; border: 1px solid #ddd;    padding: .20rem .35rem;}
.right_all .title{ width:100%; font-size: .22rem;margin: 0 0 .20rem;    text-align: center;    padding-bottom: .20rem; border-bottom: 1px solid #e8e8e8; } 

/* 产品详情页 */
.prod_pic{ width:48%; float:left; height:3.50rem; display:flex; justify-content:center; align-items:center;    border: 1px solid #ddd; }
.prod_pic img{ max-width:100%; max-height:100%; display:block; padding:1px;}
.prod_info{ width:48%; float:right; }
.prod_info h3 { margin-top:.51rem; font-size:.19rem; border-bottom: 1px solid #ddd; padding-bottom:.15rem; }
.small_pics{ width:100%; overflow:hidden; margin-top:.30rem; display:flex; }
.small_pics .pic{ width:calc(25% - .10rem); height:100rem; float:left; border: 1px solid #ddd; margin-right:.10rem; display:flex; justify-content:center; align-items:center; padding:1px; cursor:pointer; }
.small_pics .pic.active{ border-color:#044C8B; }
.small_pics img{ display:block; max-width:100%; max-height:100%; }

.more_tit{ width:100%; border-bottom:1px solid #ddd; margin:.20rem 0; }
.more_tit div{ display:inline-block; float:left; padding:0 .25rem; font-size:.20rem; line-height:.50rem; color: #053796; border-bottom: 2px solid #053796; }

.back_btn{ width:1.00rem; border-radius:2px; display:block; float:left; padding:.10rem; color:#fff; background:#1AA3FD; margin-top:.30rem; text-align:center; }



/*关于我们*/
.right_all .content{ width:100%; line-height:.35rem;}

/*新闻*/
.newList { overflow: hidden; padding: .25rem 0; width: 100%;  height: 1.40rem;  border-bottom: 1px solid #eaeaea;    transition: all .5s ease;}
.newList .newLinkBox { position: relative; display: flex; flex-wrap: nowrap; width: 100%; height: 100%; padding-right: 10%; overflow: hidden;}
.newList .leftTimeBox { width: .80rem; height: .98rem; background: #f5f5f5; text-align: center; font-family: arial; transition: all .5s ease;}
.newList .newData {
    font-size: .45rem;
    line-height: .46rem;
    padding-top: .15rem;
}
.newList .centerContentBox {
    width: calc((100% - .80rem)/1);
    padding-left: 3%;
}
.newList .newTitle {
    font-size: .16rem;
    color: #000;
    white-space: nowrap;
    margin: .10rem 0;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .5s ease;
}
.newList .newSummry {
    line-height: .24rem;
    height: .48rem;
    overflow: hidden;
    color: #565656;
}
.newList .rightIcon {
    position: absolute;
    top: 50%;
    right: 0rem;
    transform: translateY(-50%);
    width: .40rem;
    height: .40rem;
    border-radius: .20rem;
    overflow: hidden;
}
.newList:hover{ height:1.50rem; }
.newList:hover .leftTimeBox{ height:1.08rem; background:#ccc; color:#fff; }




.newstitle {
	text-align: center;
	font-size: .30rem;
	font-weight: bold;
	color: #333;
	line-height: .30rem;
	width: 100%
}
.newssubtitle {
	text-align: center;
	line-height: .60rem;
	font-size: .14rem;
	width: 100%
}
.newssubtitle span {
	width: 100%
}
.newsx {
	line-height: .40rem;
	width: 100%;
	margin-top: .05rem;
}


/* 产品列表 */
.proLi {
	position: relative;
    overflow: hidden;
    padding: 0 .16rem .32rem;
    height: auto;
    float: left;
    width: calc(100% / 3);
    margin: 0rem;
}
.proLi:hover .proLink {
    box-shadow: 0 0 .20rem #ddd;
}
.proLink {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s ease;
    border: 1px solid rgba(243,243,243,1);
}
.proLink::after {
    content: '';
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    width: 0rem;
    height: .02rem;
    background-color: #003f98;
    transition: all .5s ease;
}
.proLi:hover .proLink::after {
    width: 100%;
}
.proTitle {
    position: relative;
    text-align: center;
    padding: 0 .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    font-size: .16rem;
    height: .70rem;
    line-height: .70rem;
    transition: all .5s ease;
	border-bottom:1px solid rgb(243,243,243);
}
.proImgBox {
    position: relative;
    width: 100%;
    height: 0rem;
    padding-bottom: 68%;
    overflow: hidden;
}
.proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    max-width: 100%;
	max-height:100%;
    transition: all 2s ease .5s;
}
.proLi:hover .proImg {
    transform: translate(-50%, -50%) scale(1.1);
}
.lookMore {
    width: 100%;
    padding: .16rem 0 .32rem;
    text-align: center;
    font-size: .16rem;
    color: #003f98;
    font-family: Oswald;
}
.lookMore i{ width:.15rem; height:.20rem; display:inline-block; margin-left:.05rem; background:url(../images/jt3.jpg) no-repeat center; transform:translateY(.04rem); }


/* 分页CSS */
.pg {
    margin: .20rem 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: .30rem;
    line-height: .30rem;
    margin: 0 .03rem;
    padding: 0 .10rem;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
    display: inline-block;
    height: .30rem;
    line-height: .30rem;
    margin: 0 .03rem;
    padding: 0 .10rem;
    text-decoration: none;
}

.nav_btn{ display:none; }

@media (max-width: 801px){
	html {
		font-size: 70px!important;
	}
	header .webtitle{ font-size:.12rem; }
	header{ width:calc(100% - .1rem);padding: 0.32rem 0 0;}
	header .kouhao{ font-size:.12rem; display:none;  }
	header .nav_btn{ width:.3rem; height:.25rem; display:block; border-top:2px solid #fff;  border-bottom:2px solid #fff; position:absolute; right:.1rem; bottom:.2rem; }
	header .nav_btn:after{ width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%; transform:translateY(-1px); content:''; }
	.header2{ padding:.0rem; }
	.header2 .logo{ display:none; }
	.header2 nav { width:100%; position:relative; z-index:3; display:none; }
	.nav_yy{ display:none; position:fixed; left:0; top:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,.5); }
	.header2 nav a{ width:100%; }
	.header2_right{ display:None; }
	.header_placeholder{ height:.7rem; }
	
	.bottom_box{ padding-top:.5rem; }

	.contact_box{ width:95%; }
	.contact_box .contact{ height:2.3rem; }
	.contact_box .contact_left .cn{ font-size:.18rem; text-align:left; }
	.contact_box .contact_left .en{ text-align:left; margin-bottom:.1rem; }
	.contact_box .contact_left p{ font-size:.14rem; }
	.contact_box .contact_title_en{ font-size:.3rem; }
	.contact_box .contact_left{ width:66.6666%; padding-left:.1rem; }
	.contact_box .contact_right { padding-right:.1rem; }
	.contact_box .flink{ margin-top:.4rem; }

}
@media (max-width: 1440px){
	html {
		font-size: 80px!important;
	}
}


@media (max-width: 800px){
	html {
		font-size: 100px!important;
	}

}