/*-----------------------------------------------------------------------------------------------------------------------*/
.ban img{ display:block; width:100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:9.1rem; overflow:hidden; margin-top:2.5rem;}
nav a{ color:#fff; font-size:1rem; width:7.083rem; text-align:center; height:2.5rem; line-height:2.5rem; overflow:hidden; display:inline-block;float:left; margin:0 0 1.33rem 1.25rem;background:#00599f;}

/*-----------------------------------------------------------------------------------------------------------------------*/

/*banner*/
.banner img{ display: block; width: 100%;}

/*产品*/
.pro_bj{ background: url(../Images/Index/pro_bj.jpg) no-repeat left top; background-size:100% 57.3rem; height: 54.5rem; overflow: hidden; padding-bottom: 1.6rem; }
.pro_tit{ text-align: center; padding-top: 1.8rem; margin-bottom: 0.85rem;}
.pro_tit h1{ color: #333333; font-weight: bold; font-size: 1.4rem; }
.pro_tit b{ color: #666666; font-size: 0.85rem; font-weight: normal;}
.pro_dh span{ display: block; width: 17.5rem; height: 2.15rem; margin: 0 auto; margin-bottom: 0.5rem;}
.pro_dh span a{ position: relative; display: block; width: 8.5rem; height: 2.15rem; line-height: 2.15rem; text-align: center; float: left; border: 1px dashed #ABABAB; color: #333333; font-weight: bold;}
.pro_dh span a:nth-child(2){ border-left:none;}
.pro_dh span a.cur{ background: #0D3E6D; color: #fff; border: 1px solid #0D3E6D;}
/*.pro_dh span a.cur:after{ content: ''; position: absolute; left: 3.8rem; bottom: -0.5rem; display: block; width: 0.9rem; height: 0.45rem; background: url(../Images/Index/pro_dh_cur.jpg) no-repeat left top; background-size:100% 0.45rem;}*/
.pro_dh h2{ width: 90%; display: inline-block; padding: 0.7rem 0; margin: 0 5%; border-bottom: 1px dashed #A0A0A0;}
.pro_dh h2:nth-last-child(1){ border: none;}
.pro_dh h2 em{ display: block; float: left; width: 32%;}
.pro_dh h2 em a{ color: #333333; font-size: 0.85rem; font-weight: bold;}
.pro_dh h2 p{ display: block; float: left; width: 68%;}
.pro_dh h2 p a{ color: #555555; font-size: 0.85rem; display: block; width: 50%; float: left; line-height: 1.4rem;}
.pro_photo{ width: 90%; margin: 0 5%;}
.pro_photo ul { display: inline-block;}
.pro_photo ul li{ display: block; float: left; width: 49%; margin-bottom: 0.7rem;}
.pro_photo ul li:nth-child(2),.pro_photo ul li:nth-child(4){ float: right;}
.pro_photo ul li a{ display: block;}
.pro_photo ul li a img{ display: block; width: 100%;}
.pro_photo ul li a em{ color: #fff; font-size: 0.85rem; display: block; width: 100%; text-align: center; background: #909090; height: 1.4rem; line-height: 1.4rem;}
.pro_photo span{ background:url(../Images/Index/more.jpg) no-repeat left top; background-size:9rem 1.96rem; display: block; width: 9rem; height: 1.96rem; line-height: 1.75rem; margin: 0 auto; text-align: center; margin-top: 0.5rem;}
.pro_photo span a{ color: #FFFFFF; font-size: 0.85rem; display: block;}

/*精品*/
.jp_bj{background: url(../Images/Index/lc_bj.jpg) no-repeat left -1.5rem;background-size:100% 39.39rem;height: 37.9rem;overflow: hidden;}
.jp_tit{ text-align: center; padding-top: 1.6rem; margin-bottom: 1rem;}
.jp_tit h1{ color: #333333; font-weight: bold; font-size: 1.4rem; }
.jp_tit b{ color: #666666; font-size: 0.85rem; font-weight: normal;}
.jp_lc{ width: 90%; padding: 0 5%;}
.jp_lc ul{ position: relative; display: inline-block; width: 100%; height: 28.5rem;}
.jp_lc ul li{position: absolute;font-size:0.85rem;text-align: center;font-weight: bold;}
.jp_lc ul li b{ font-size: 1.78rem; font-weight: normal; display: block;}
.jp_lc ul .li1{left: 1%;top: 8.3rem;}
.jp_lc ul .li2{left: 43%;top: 4.3rem;}
.jp_lc ul .li3{left: 78%;top: 8.3rem;}
.jp_lc ul .li4{left: 82%;top: 19rem;}
.jp_lc ul .li5{left: 43%;top: 23rem;}
.jp_lc ul .li6{left: 7%;top: 19rem;}
.jp_lc span{ background:url(../Images/Index/more.jpg) no-repeat left top; background-size:9rem 1.96rem; display: block; width: 9rem; height: 1.96rem; line-height: 1.75rem; margin: 0 auto; text-align: center; margin-top: 0.5rem;}
.jp_lc span a{ color: #FFFFFF; font-size: 0.85rem; display: block;}

/*小banner*/
.xbanner{ background: url(../Images/Index/xbanner_bj.jpg) no-repeat left top; background-size:100% 12rem; height: 12rem;}
.xbanner_nr h1{ color: #FFFFFF; font-size: 0.85rem; padding-top: 3rem; padding-left: 50%;}
.xbanner_nr h1 b{ font-size: 1.25rem; color: #fff; display: block;}

/*优势*/
.ys_bj{ background: url(../Images/Index/ys_bj.jpg) no-repeat left top; background-size:100%;}
.ys_nr{ width: 90%; padding: 0 5%; display: inline-block; padding-bottom: 1.7rem;}
.ys_list{ margin-top: 1rem;}
.ys_list dl{ padding-bottom: 1.5rem;}
.ys_list dl dt{ position: relative;}
.ys_list dl dt img{ display: block; width: 100%;}
.ys_list dl dt span{ font-family: "[BodoniBT]"; font-size: 1.5rem; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; background: url(../Images/Index/ys_tit_bj.jpg) no-repeat left top; display: none; width: 8.1rem; height:2.25rem; line-height: 2.25rem; color:#fff; overflow: hidden;}
/*.ys_list dl dd{ padding: 0 5%;}*/
.ys_list dl dd{ padding: 0;}
.ys_list dl dd span{ font-size: 1.2rem; font-weight: bold; display: block; margin: 1rem 0;}
.ys_list dl dd p{ color: #1F1A17; font-size: 0.85rem;}
.ys_list dl dd p a{ display: block; margin-bottom: 0.3rem; display: block; padding-left: 1rem; position: relative;}
.ys_list dl dd p a:after{ content: '-'; position: absolute; left: 0; top: 0;}
.ys_list dl dd p a em{ padding-right: 0.5rem; display: block; float:left;}
.ys_list dl dd p i{ color: #0D3E6D; font-weight: bold;}
.ys_qh ul{ width: 7.5rem; margin: 0 auto;}
.ys_qh ul li{ float: left; background: #7D7D7D; width: 0.7rem; height: 0.7rem; margin: 0 0.35rem; display: block; border-radius:100%;}
.ys_qh ul li.on{ background: #0D3E6D; }

/*案例*/
.al_bj{ background: url(../Images/Index/al_bj.jpg) no-repeat left top; background-size:100%; overflow: hidden; padding-bottom: 1.7rem; }
.al_nr{ display: inline-block; width: 100%;}
.al_tit{ text-align: center; padding-top: 1.7rem; margin-bottom: 1rem;}
.al_tit h1{ color: #333333; font-weight: bold; font-size: 1.4rem; }
.al_tit b{ color: #666666; font-size: 0.85rem; font-weight: normal;}
.al_list{ width: 90%; margin: 0 5%;}
.al_list ul { display: inline-block;}
.al_list ul li{ display: block; float: left; width: 49%; margin-bottom: 0.8rem;}
.al_list ul li:nth-child(2),.pro_photo ul li:nth-child(4){ float: right;}
.al_list ul li a{ display: block;}
.al_list ul li a img{ display: block; width: 100%;}
.al_list ul li a em{ color: #555555; font-size: 0.85rem; display: block; width: 100%; text-align: center; height: 2.15rem; line-height: 2.15rem;}
.al_list span{ background:url(../Images/Index/more.jpg) no-repeat left top; background-size:9rem 1.96rem; display: block; width: 9rem; height: 1.96rem; line-height: 1.75rem; margin: 0 auto; text-align: center;}
.al_list span a{ color: #FFFFFF; font-size: 0.85rem; display: block;}

/*关于*/
.ab_bj{ background: url(../Images/Index/ab_bj.jpg) no-repeat left top; background-size:100%; overflow: hidden; padding-bottom: 1.7rem; }
.ab_nr{ display: inline-block; width: 100%;}
.ab_tit{ text-align: center; padding-top: 1.7rem; margin-bottom: 1rem;}
.ab_tit h1{ color: #333333; font-weight: bold; font-size: 1.4rem; }
.ab_tit b{ color: #666666; font-size: 0.85rem; font-weight: normal;}
.ab_list{ padding: 0 5%;}
.ab_list dl{ padding-bottom: 0.7rem;}
.ab_list dl dt a img{ display: block; width: 100%;}
.ab_list dl dd p{ color: #666666; font-size: 0.85rem; margin: 0.9rem 0;}
.ab_list dl dd p a{ color: #0D3E6D;}

/*photo*/
.photo_nr{ width: 90%; margin: 0 5%; padding-bottom: 1.7rem; } 
.photo_tit{ margin-bottom: 1rem;}
.photo_tit span{ display: block; width: 100%; height: 2.15rem; margin: 0 auto; margin-bottom: 0.5rem;}
.photo_tit span a{ position: relative; display: block; width: 32.5%; height: 2.15rem; line-height: 2.15rem; text-align: center; float: left; border: 1px dashed #ABABAB; color: #333333; font-weight: bold;}
.photo_tit span a:nth-child(1){ border-right:none;}
.photo_tit span a:nth-child(3){ border-left:none;}
.photo_tit span a.on{ background: #0D3E6D; color: #fff; border: 1px solid #0D3E6D;}
.photo_tit span a.on:after{ content: ''; position: absolute; left: 0; right: 0; margin: auto; bottom: -0.5rem; display: block; width: 0.9rem; height: 0.45rem; background: url(../Images/Index/pro_dh_cur.jpg) no-repeat left top; background-size:100% 0.45rem;}
.photo_list ul { display: inline-block;}
.photo_list ul li{ display: block; float: left; width: 49%; margin-bottom: 0.8rem;}
.photo_list ul li:nth-child(2),.pro_photo ul li:nth-child(4){ float: right;}
.photo_list ul li a{ display: block;}
.photo_list ul li a img{ display: block; width: 100%;}
.photo_list ul li a em{ color: #555555; font-size: 0.85rem; display: block; width: 100%; text-align: center; height: 2.15rem; line-height: 2.15rem;}
.photo_list span{ background:url(../Images/Index/more.jpg) no-repeat left top; background-size:9rem 1.96rem; display: block; width: 9rem; height: 1.96rem; line-height: 1.75rem; margin: 0 auto; text-align: center;}
.photo_list span a{ color: #FFFFFF; font-size: 0.85rem; display: block;}

/*新闻*/
.news_nr{}
.news_tit{ height: 2.3rem; overflow: hidden;}
.news_tit span{ display: block; width: 100%; height: 2.3rem;}

.news_tit span b{ position: relative; background: #555555; border: none; display:block; width: 25%; height: 2.3rem; line-height: 2.3rem; text-align: center; color: #FFFFFF; font-size: 0.85rem; font-weight: bold; float:left;}
.news_tit span b:after{ content: ''; position: absolute; right: 0; top: 0; display: block; width: 1px; height: 2.3rem; background: #2E2E2E;}
.news_tit span b:nth-last-child(1){ font-weight: normal;}
.news_tit span b.on{ background: url(../Images/Index/news_cur.jpg) no-repeat left top; background-size:100%;}
.news_tit span b:nth-last-child(1):after{ content: ''; position: absolute; right: 0; top: 0; display: block; width: 1px; height: 2.3rem; background: #555555;}
.news_tit span b.on:nth-last-child(1):after{ content: ''; position: absolute; right: 0; top: 0; display: block; width: 1px; height: 2.3rem; background: #555555;}

.news_tit span a{ position: relative; background: #555555; border: none; display:block; width: 25%; height: 2.3rem; line-height: 2.3rem; text-align: center; color: #FFFFFF; font-size: 0.85rem; font-weight: bold; float:left;}
.news_tit span a:after{ content: ''; position: absolute; right: 0; top: 0; display: block; width: 1px; height: 2.3rem; background: #2E2E2E;}
.news_tit span a:nth-last-child(1){ font-weight: normal;}
.news_tit span a.on{ background: url(../Images/Index/news_cur.jpg) no-repeat left top; background-size:100%;}
.news_tit span a:nth-last-child(1):after{ content: ''; position: absolute; right: 0; top: 0; display: block; width: 1px; height: 2.3rem; background: #555555;}
.news_tit span a.on:nth-last-child(1):after{ content: ''; position: absolute; right: 0; top: 0; display: block; width: 1px; height: 2.3rem; background: #555555;}
.news_list ul{ width: 90%; margin: 0 5%;}
.news_list ul li{ position: relative; display: block; margin-top:0.7rem; padding-left: 1rem;}
.news_list ul li:after{ content: ''; position: absolute; left: 0; top: 0.55rem; display: block; width: 0.35rem; height: 0.35rem; background: #555555; border-radius:100%;}
.news_list ul li a{ color: #555555; font-size: 0.85rem;}
.news_list ul li i{ float: right;}















@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}