@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 {
    max-width:15.10rem;
	width:98%;
	margin:0 auto;
}

header .logo{ float:left; height:1.31rem; }
header nav{ float:right; margin-top:.44rem; }
header nav a{ font-size:.2rem; float:left; padding:10px 15px; display:block; position:relative; }
header nav a:hover:after{ width:.3rem; height:3px; background:#AC0000; content:''; position:absolute; left:50%; bottom:-.1rem; transform:translateX(-50%); }
header nav a.lang{ padding-left:.4rem; background:url(../images/lang_en.jpg) no-repeat .05rem center; background-size:.31rem .31rem; }
header nav a.lang.cn{ background-image:url(../images/lang_cn.jpg);  }


.lunhuan{  }
.lunhuan img{ width:100%; display:block; }

.about_box{ padding:.7rem 0 0; }
.about_box .about_left{ float:left; width:50%; }
.about_box .about_left .tit1{ color:#777d83; font-size:.24rem; font-weight:100; }
.about_box .about_left .tit2{ font-size:.24rem; font-weight:100; padding:.05rem 0 .1rem; }
.about_box .about_left .tit3{ color:#1b1e1d; font-size:.31rem; font-weight:bold; padding-bottom:.15rem; position:relative; margin-bottom:.1rem; }
.about_box .about_left .tit3:after{ width:.37rem; height:3px; background:#AC0000; content:''; position:absolute; left:0; bottom:0; }
.about_box .about_left .brief{ color:#1b1e1d; line-height:.35rem; }
.about_box .about_left a.more{ width:1.4rem; height:.46rem; color:#fff; line-height:.44rem; padding-left:.3rem; margin-top:.2rem; display:block; background:url(../images/about_more.jpg) no-repeat; background-size:100% 100%; }
.about_box .about_right{ float:right; width:50%; padding-left:.3rem; }

.compnay_data { margin-bottom:.5rem; }
.compnay_data ul{ width:12.3rem; background:#B82D26; padding:.35rem 0; transform:translateY(-.3rem); }
.compnay_data ul li{ float:left; width:25%; height:83px; border-left:1px solid #CCCCCC; padding-left:1.25rem; color:#fff; padding-top:.15rem;}
.compnay_data ul li:first-child{ border:0; background:url(../images/data_icon1.jpg) no-repeat .65rem center; background-size:.54rem .4rem; }
.compnay_data ul li:nth-child(2){  background:url(../images/data_icon2.jpg) no-repeat .65rem center;background-size: .45rem .54rem;  }
.compnay_data ul li:nth-child(3){  background:url(../images/data_icon3.jpg) no-repeat .65rem center; background-size: .51rem .42rem;}
.compnay_data ul li:nth-child(4){  background:url(../images/data_icon4.jpg) no-repeat .57rem center; background-size: .57rem .56rem;}
.compnay_data ul li .number{ font-size:.24rem; color:#fff; padding:.05 0; font-weight:100; }

.product_box{ margin-bottom:.5rem; }  
.product_box .prod_left{ width:227px; float:left; border:1px solid #AD0000; }
.product_box .prod_left .prod_left_tit { width:100%; height:.44rem; line-height:.44rem; font-size:.18rem; color:#fff; font-weight:bold; padding-left:.35rem; background:url(../images/prod_left_tit_bg.jpg);}
.product_box .prod_left .prodtype{ padding:.1rem .3rem; }
.product_box .prod_left .prodtype a{ width:100%; min-height:.4rem; padding:.1rem .1rem .1rem .2rem; display:block; color:#1a1a1a; background:url(../images/prod_icon.jpg) no-repeat 0 .18rem; border-bottom:1px dashed #D1CCCC; }

.product_box .prod_right{ width:12.6rem; float:right; }
.product_box .prod_right .tit{ width:100%; height:1.01rem; background:url(../images/prod_tit.jpg) no-repeat 35% center; background-size:2.33rem 1.01rem; position:relative; margin-bottom:.22rem; }
.product_box .prod_right .tit a{ position:absolute; top:40%; right:0; color:#171616; font-size:.14rem; }
.product_box .prod_right .prodlist{ width:100%; }
.product_box .prod_right .prodlist li{ width:2.86rem; margin:.15rem; float:left; position:relative; }
.product_box .prod_right .prodlist li img{ width:100%; height:2rem; display:block; }
.product_box .prod_right .prodlist li a{ width:100%; height:100%; background:rgba(0,0,0,.3); text-align:center; padding:.8rem .1rem 0; color:#fff; position:absolute; left:0; top:0; font-size:.17rem; }
.product_box .prod_right .prodlist li a:after{ width:.3rem; height:1px; background:#fff; content:''; position:absolute; left:50%; bottom:40%; transform:translateX(-50%);  }

.honor_box{ width:100%; height:9.33rem; background:url(../images/honor_bg.jpg) no-repeat center; background-size:19.2rem 9.33rem; }
.honor_box .tit{ width:100%; height:1.2rem; padding:1.2rem 0 .4rem; margin-bottom:.3rem; background:url(../images/honor_tit.jpg) no-repeat center .45rem; text-align:center; position:relative;  } 
.honor_box .tit:after{ width:.5rem; height:4px; background:#AC0000; content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); border-radius:4px;}
.honor_box .honorlist1{ width:100%; margin-bottom:.3rem; }
.honor_box .honorlist1 li{ width:25%; float:left; padding:.05rem; }
.honor_box .honorlist1 li img{ width:3.85rem; height:2.56rem; display:block; max-width:unset;} 
.honor_box .honorlist2 li{ width:calc(100% / 6); float:left; padding:.05rem; }
.honor_box .honorlist2 li img{ width:2.45rem; height:3.47rem; display:block;max-width:unset;} 

.bottom_box{ padding:.2rem 0 .3rem; }
.bottom_left{ width:60%; float:left; }
.bottom_left > div{ width:50%; padding:.1rem 0 .1rem .3rem; float:left; line-height:.2rem; }
.bottom_left > div.tel{ background:url(../images/bottom_icon1.jpg) no-repeat 0 center; }
.bottom_left > div.addr{ background:url(../images/bottom_icon2.jpg) no-repeat 0 center; }
.bottom_left > div.mobile{ background:url(../images/bottom_icon3.jpg) no-repeat 0 center; }
.bottom_left > div.email{ background:url(../images/bottom_icon4.jpg) no-repeat 0 center; }

.bottom_right{ width:40%; float:right; text-align:right;}
.bottom_right span{ padding-top:.3rem; float:right; color:#959494; font-size:.15rem; line-height:.3rem; }
.bottom_right img{ float:right; margin-left:.25rem; }


.position_box{ width:100%; height:.46rem; 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:#B82D26; 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:#F0B3B1;
	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;
}



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


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

}