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

body{ font-size:.16rem; background:#e3e9e2; }
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:14.30rem;
	width:98%;
	margin:0 auto;
}

header .logo{ float:left; height:1.44rem; }
header .subtitle{ float:left; height:1.44rem; line-height:1.44rem; color:#60715e; font-size:.36rem; padding-left:.1rem; font-weight:bold; }
header .biaoyu{ float:right; height:.45rem; margin-top:.5rem; }

nav{  background:#A3B7A0; }
nav .view{ display:flex; }
nav .view a{ flex:1; text-align:center; color:#fff; height:.7rem; line-height:.7rem; font-size:.2rem; }

.banner{ width:100%; height:3.9rem; }

.index_title{ width:100%; height:.8rem; position:relative; margin-bottom:.25rem; }
.index_title a.more{ width:.95rem; height:.29rem; display:block; position:absolute; top:.25rem; right:.1rem; background:url(../images/more.png) no-repeat; background-size:100% 100%;}

.subtitle_big{ text-align:center; font-size:.36rem; color:#000; padding:.5rem 0; }

.index_block{ border-bottom:1px solid #A8A8A8; padding-bottom:.3rem; margin-bottom:.6rem; }
.index_block .block_title{ color:#89a086; font-size:.3rem; line-height:.55rem; }
.index_block .block_content{ color:#181818; font-size:.18rem; line-height:.3rem; padding:0 .1rem; }  
.index_block .block_content img{ max-width:100%; }
.index_block .block_list{ padding:0 .1rem; }
.index_block .block_list li{ width:100%; padding:.1rem 0; border-bottom:1px dashed #89A086; color:#181818; }
.index_block .block_list li .date{ float:right; }

.bottom_box{ width:100%; background:#A3B7A0; padding:.5rem 0 .6rem; text-align:center; color:#fff; line-height:.3rem; }


.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:14.30rem; margin:0 auto; position:relative;overflow: hidden;clear:both; padding:.30rem .20rem; }

.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:#A3B7A0; 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:#C6D2C4;
	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; }
.right_all .content *{ font-size:.16rem!important; }
.right_all .content img{ max-width:100%; }

/*新闻*/
.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% / 2);
    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: 2rem;
    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 (min-width: 801px){
	html {
		font-size: 70px!important;
	}
}
@media (min-width: 1440px){
	html {
		font-size: 80px!important;
	}
}
@media (min-width: 1680px){
	html {
		font-size: 100px!important;
	}
}

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

}
*/