@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,"Microsoft YaHei";font-size:625%;/* Hschubin */color: #333;}
body {max-width: 640px;margin: auto;font-size: 0;}
p ,input {font-size: inherit;}
a {color: inherit;text-decoration: none;outline-style: none; border:none；}
ul, ol, li {list-style: none;}
img {max-width: 100%;border: 0 none;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0;)}
em{ font-style: normal;}

.fl {float: left; _display: inline;}
.fr {float: right; _display: inline;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

.hearder-mar{height: .9rem;}
.header{z-index: 999;background: #333; box-shadow: 1px 1px 3px 1px #ccc; height: .9rem; position: fixed; top: 0; left: 0;right: 0;width: 6.4rem; margin:auto;  }
.logo{ width: 1.66rem;height: .55rem;display: block; float: left; margin:.18rem  0 0 2.4rem}
.logo img{width: 1.66rem;height: .55rem;}

.top-login{ width: .45rem;height: .45rem;display: block; float: left; margin:.25rem  0 0 .5rem}
.top-login>img { width: .45rem;}
.top-search{ width: .39rem;height: .39rem;display: block; float: left; margin:.25rem  0 0 1.8rem}
.top-search>img { width: .39rem;}

.top-menu{position: absolute;left: .15rem;top: 0; height: .9rem;}
.lanmu{float: left;line-height: 2; margin: .05rem .3rem 0 .34rem;border-right: 1px solid #fff; width:.92rem; height: .58rem; padding:  .07rem 0; color: #ffffff;}
.lanmu p{color: #fff; font-size: .24rem; line-height: 1.2;padding-top: .08rem }
.lanmu  span{ line-height: 1;display: block; font-size: .14rem;;padding-top: .02rem  }

.top-nav{ width: .57rem; height: .36rem;float: left; margin-top: .24rem;}
.top-nav img{width: .57rem; height: .36rem;}


.nav {position: absolute;top:.9rem;left: -.15rem;z-index: 20;display: none;width:6.4rem;font-size: .2rem;line-height: .59rem;color: #434343;background: #fff;}
.nav a {display: block;}
.nav dt {border-bottom: 1px solid #efeff1;}
.nav dt>a {padding-left: .28rem;background: url(../images/down.png) 5.9rem center no-repeat; background-size: .31rem auto; font-size: .18rem;}
.nav dt ul{display:none; padding-left: .28rem;}
.nav .tit{text-align: center; position: relative; height: .76rem; line-height: .76rem; color: #0a55a6; font-size: .3rem; background: url(../images/top-nav.jpg) left center repeat-x; }
.close-nav {position: absolute;top: .25rem;right: .24rem;z-index: 21;width: .26rem;height: .26rem;background: url(../images/close-nav.png) center center no-repeat;}

.banner{ position: relative;}
.banner-down{width: .75rem;height: .75rem; background:url(../images/banner-down.png); z-index: 30; background-size: .75rem; position: absolute; left: 0;right: 0; bottom:.17rem; margin: auto; }
.banner img { width: 100%;}
.banner .swiper-pagination{ text-align: right;bottom: 10px; position: absolute;z-index: 4}
.banner .swiper-pagination-bullet{ width: .14rem; height: .14rem;background:#e3e3e3; opacity: 1}
.banner .swiper-pagination-bullet-active{ background: #0f0f0f}


.verify{ width: .8rem; margin: .16rem 0 0 .1rem}
.dropdown {z-index:20; display: none;top: .9rem; padding: .4rem; padding-bottom: 0; background-color:#f3f3f3;  position: absolute; left: 1.6rem; right:1.7rem;box-shadow: 0px 0px 3px 3px #ccc inset;}
.dropdown input{box-shadow: 0px 1px 3px 3px #e3e3e3 inset; font-size: .14rem; margin-bottom: .2rem; text-indent:.1rem; display: block; width: 100%; height: .59rem; line-height: .59rem; border: 1px solid #c4c4c4; border-radius: 6px;}
.dropdown input.search-btn{text-indent: 0; line-height: 0;box-shadow:none; background-color: #0a55a6; border-radius: 0;text-align: center; font-size: .3rem; color: #fff}
.show{ display:block;}

.pro-common-tit {text-align: center; margin:.5rem  0 .38rem;}
.pro-common-tit p{ color: #8c8c8c; font-size:.3rem;}
.pro-common-tit span{line-height: 1; display: block; font-size: .12rem; color: #8c8c8c}
.pro-common-tit .line{margin:.1rem auto; width: 1.1rem; background:url(../images/line.jpg); height: 2px;}




.fix{
	position: fixed;
	right:.2rem;
	bottom:1.2rem;
	z-index: 111;
	width:.35rem;
	height:.32rem;
	padding:.1rem;
	background:rgba(255,255,255,.8);
	border-radius:100%;
}
.fix a{
	display: block;
}
.fix a img{
	width:.35rem;
	height:.32rem;
}


.pro {
    padding:.4rem 0;
    width:100%;
}
.pro .pro_htit{
    margin-bottom:.3rem;
}
.pro .list_box {
    width:100%;
}
.pro .list_box .list{
    float:left;
    width:49%;
    margin: 0 0.5% .2rem 0.5%;
}
.pro .list_box .list .img_box{
    border:1px solid #ddd;
    width:2.8rem;
    height:2.4rem;
    line-height:2.4rem;
    text-align:center;
    display: block;
    margin:0 auto;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center center;
}
.pro .list_box .list .img_box img{
	max-width:100%;
	max-height:100%;
}
.pro .list_box .list p{
    text-align:center;
    font-size: .26rem;
    color: #444;
    padding-top: .15rem;
    line-height: .28rem;
}
.pro .list_box .list span{
    display: block;
    color:#888;
    font-size: .13rem;
    line-height: .22rem;
    text-transform:uppercase;
}

.prov_link{
    width:100%;
    margin:.2rem 0;
}
.prov_link a{
    display:block;
    width:33%;
    float:left;
    color:#777;
    font-size:.16rem;
    line-height:.6rem;
    text-align:center;
}

.pro_htit{
    width:100%;
    max-width:6.4rem;
    background-size:5.8rem .9rem;
    display: block;
    text-align:center;
}
 .pro_htit h2{
    font-size:.22rem;
    color:#333;
    font-family:"微软雅黑";
    height:.3rem;
    line-height:.3rem;
    padding:.1rem 0 0 0;
    font-weight:normal;
}
 .pro_htit p{
    font-size:.28rem;
    color:#333;
    font-family:"微软雅黑";
    font-weight:bold;
    height:.3rem;
    padding:.1rem 0 0 0;
    text-transform : uppercase;
}



.index-one-pro-l {position: relative; overflow: hidden; float: left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width:62%;height:3.84rem; font-size:.14rem;padding-right: .02rem; text-align: center;}
.index-one-pro-l img {width: 100%;height: 3.84rem;}
.index-one-pro-l a{display: block;width: 100%; height: 100%  }
.index-one-pro-l .mask{z-index: 2;background:url(../images/blue.png);  position: absolute;left:0px;right:0px; bottom:18px; margin: auto; width: 2.3rem; height:.86rem; border:1px solid #cdc8c2;}
.index-one-pro-l .mask p{ font-size: .26rem; color: #fff; padding-top:.2rem; line-height: .28rem;}
.index-one-pro-l .mask p span{ display: block; font-size: .13rem; line-height:.22rem;}

.index-one-pro-r{float: left; width:38%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } 
.index-one-pro-m {position: relative; overflow: hidden;width:100%;height:1.9rem; margin-bottom:.04rem; margin-right: 15px; text-align: center;}
.index-one-pro-m img {width:100%;height:100%;}
.index-one-pro-m a{display: block;width: 100%; height: 100% }
.index-one-pro-m .mask{z-index: 2;background:url(../images/blue.png);  position: absolute;left:0px;right:0px; bottom:.4rem; margin: auto; height:.62rem; border:1px solid #cdc8c2;}
.index-one-pro-m .mask p{ font-size: .26rem; color: #fff; padding-top:.06rem; line-height:.28rem;}
.index-one-pro-m .mask p span{ display: block; font-size: .13rem; line-height: .22rem;}

.index-pro-more{ display: block; width: 2.1rem; text-align: center; font-size: .26rem; color: #878a8f; height: .44rem; line-height: .44rem; border: 2px solid #e1e1e1; margin: .34rem auto .3rem;}

.index-news-tit {background: url(../images/news-tit2.jpg) left center repeat-x;text-align: center;height: .83rem; line-height: 1; padding-top: 30px;}
.index-news-tit p{ font-size:.3rem;color: #8c8c8c;} 
.index-news-tit span{display: block; font-size: .12rem; color: #8c8c8c}
.index-news-tit .line{margin:.1rem auto; width: 1.1rem; background:#7b7a7a; height: 2px;}

.index-one-new .tit{line-height: 1;margin: auto; text-align: center; font-size: .26rem; color: #6aa1df; width: 3.24rem; margin: auto; height: .47rem; background:url(../images/news-tit.jpg); background-size: 3.24rem auto;}
.index-one-new .tit span{display: block; padding-top: .08rem; font-size: .12rem;color: #c8c8c8;}
.index-one-new img{ width: 100%; margin: .33rem 0;}
.index-one-new { width:5.5rem; margin:.4rem auto; }
.index-one-new .con span{ line-height: 1; display: block; padding: .08rem 0 .12rem; font-size:.26rem; color: #2c4664;}
.index-one-new .con p{ font-size:.18rem; color: #797979; line-height: 28px; height:.9rem; overflow: hidden;}
.index-one-new .more{ display: block; background:url(../images/news-more.jpg); margin: 14px auto;  width: 3.24rem; height:.5rem; background-size: 3.24rem auto; }



.index-about{padding: 0 .18rem;background:url(../images/index-about.jpg) center top ;background-size: 100% auto;}

.index-about-tit {text-align: center; padding: .26rem 0 .1rem;}
.index-about-tit p{ color: #303053; font-size: 24px; line-height:36px; color: #fff;} 
.index-about-tit span{line-height: 22px; font-family: "Arial"; display: block; font-size: 14px; color: #fff}
.index-about-tit .line{margin:4px auto; width:148px; background:#959595; height:1px;}

.index-about .con{ font-size: .23rem; color: #fff; line-height:.42rem; padding: 0 .1rem}
.about-pic{text-align: center; margin:.2rem auto 0;  padding-bottom: .4rem;}

.about-pic a{background-position:center top; background-repeat: no-repeat;background-size: 1.05rem auto; margin-right: .2rem; display:inline-block;*display:inline-block; padding-top:1.28rem; width: 1.3rem; text-align: center;}
.about-pic a span{ font-size:.2rem; font-weight: bold;color: #fff;}
.about-pic a span em{ color: #8a93a2; display: block; font-size:.14rem; line-height:.2rem; padding-top:.06rem;}
.about-pic a.a1{ background-image: url(../images/a1.png);}
.about-pic a.a2{ background-image: url(../images/a2.png);}
.about-pic a.a3{ background-image: url(../images/a3.png);}
.about-pic a.a4{ background-image: url(../images/a4.png);}

.mid-banner .swiper-container{ position: relative; height: 4.14rem}
.mid-banner  .case-btn{ position: absolute;top:3.24rem; display: block; width: .55rem; height:1.06rem; }
.mid-banner  .swiper-button-prev{background:url(../images/case-l.jpg); left:.48rem;background-size: .55rem auto;}
.mid-banner  .swiper-button-next{background:url(../images/case-r.jpg); right:.48rem;background-size: .55rem auto;}

.one-mid-banner .mask{background:url(../images/b-bg.png); height: 1.47rem; margin: auto; position: absolute;left: 0;right: 0; bottom: 0;}
.one-mid-banner .mask p{ text-align: center; padding-top:.5rem; line-height: 1; font-size:.3rem; color: #939393;}
.one-mid-banner .mask p span{display: block; font-size: .14rem; color: #939393; line-height: .34rem; font-family: "Tahoma"l}

.footer{ font-size: .18rem; line-height: .4rem; padding: .21rem 0; color: #606060; text-align: center;}

.foot-mar{ height:1.01rem;margin-top:.2rem;}
.foot{position: fixed;z-index: 999; bottom: 0;left: 0;right: 0; margin: auto; max-width: 640px; width: 100%; height: 1.01rem; background: url(../images/foot-bg.jpg) center center no-repeat; background-size: auto 1.01rem;}
.foot ul li{ width: 25%; float: left; height: 1.01rem; color:#fff; font-size: .16rem;text-align: center; }
.foot ul li>a{display: block;width: 100%; height: 100%;  }

.about-con{ padding: 0 .18rem .5rem; line-height:.46rem; font-size: .26rem; color: #292929; font-family: "黑体";}

.in-about2 .p1{padding-top: .2rem; font-size: .38rem; font-family: "FZLTHJW"; line-height: .46rem; margin-bottom: .18rem;}
.in-about2 .p1 span{ display: block;font-size: .3rem; line-height: .3rem;}
.in-about2 .p2{ font-size: .2rem; font-family: "Arial"; color: #a5a5a5; line-height: .24rem;margin-bottom: .2rem;}
.in-about2 .p2 span{ display: block;font-size: .3rem; line-height: .3rem;color: #333333;}
.in-about2 .p-con{ font-size: .26rem; color: #171717; line-height: .36rem;margin-bottom: .2rem;}


.in-about3{height: 9.16rem; padding:.2rem 0 0 0;}
.in-about3 .con{padding-left: .2rem; padding-right: 0;}
.in-about3 .p-con{ margin-bottom:.4rem;}


.contact .page-con { color: #303030; margin-bottom: .5rem; padding: 0 .18rem; font-size: .26rem;line-height:.43rem;}
.contact .service {color: #004ea2;}
.contact .service span {font-size: .48rem;}
.contact .page-con strong{ color: #004ea2; font-size: .26rem}
.contact .page-con img{ width: 80%; display: block; margin:.1rem auto;}

.news-con{ padding: .25rem .28rem; background: #e7e7e7;}

.one-news{height: 1.87rem; padding-bottom: .28rem;margin-bottom: .23rem; border-bottom: 1px solid #d4d4d4;}
.one-news .pic-box {width: 2.63rem; position: relative;}
.one-news .pic-box div {width: 2.63rem;height: 1.87rem;*font-size: 145.25px;}
.one-news .pic-box img {width: 2.63rem;height: 1.87rem;}

.one-news .r{ width: 3.06rem}
.one-news .tit{font-size: .18rem; color: #1c1c1c; font-weight: block; line-height: 1; padding: .37rem 0 .18rem;}
.one-news .con{ font-size: .16rem; color: #4f4f4f; line-height: .24rem;}


.other-page {height: .64rem;font-size: .3rem;line-height: .64rem;text-align: center;color: #fff; padding: .5rem 0 .5rem 0;}
.other-page a {width: 1.8rem;background: #fff; border: 1px solid #b3b3b3; color: #111111;font-size:.2rem; margin-right: .2rem;  display: inline-block;}


.page-index {position: relative;display: inline-block;width: 2.4rem;background: #433f3f;}
.page-index em {float: right;width: .54rem;height: .54rem;margin: .04rem;background: url(../images/down.jpg) center center no-repeat;-webkit-background-size: .54rem auto;background-size: .54rem auto;border: .02rem solid #fff;}
.page-index select {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 2.4rem;opacity: 0;filter: alpha(opacity=0); width: 1.08rem; }
.page-index {display: inline-block;width: 1.08rem;border:1px solid #b3b3b3; background: #fff;color: #111111;text-align: center; text-indent:.14rem;   _display: inline; }


.news-view-con{font-size: .2rem; padding:.3rem .2rem;}
.news-title {font-size: .3rem;line-height: 1.5;text-align: center;color: #000;}
.news-date{ text-align: center; line-height: 2;}

.other-page2 {text-align: center;color: #111;}
.other-page2 a{margin: .3rem .1rem .4rem;font-size: .24rem;line-height: .7rem;background: #fff;}

.one-case {font-size:.26rem;text-align: center;color: #020001;}
.one-case p {  line-height: .76rem;}
.one-case .pic-box {margin: auto;width:5.6rem;}
.one-case .pic-box div {width: 5.6rem;height:4rem; text-align: center;}
.one-case .pic-box img {max-width:5.6rem;max-height: 4rem }
.one-case:hover p {color: #004ea2;}



.swiper-container.fangda {
    background: rgba(30, 30, 30, 0.9) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}
.swiper-container.fangda .swiper-wrapper {   box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition-property: transform;
    width: 100%;
    z-index: 1;
}
.swiper-container.fangda .swiper-slide {
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    display: flex;
    font-size: 18px;
    justify-content: center;
    text-align: center;
}

.swiper-container.fangda .swiper-pagination{
     position: absolute;
    text-align: center;
    transform: translate3d(0px, 0px, 0px);
    transition: all 300ms ease 0s;
    z-index: 10;
}
.swiper-container-horizontal.fangda > .swiper-pagination{
       bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-container-horizontal.fangda  .swiper-pagination-bullet {
    background: #000 none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: 0.2;
    width: 8px;
    margin:0 5px;
}
.swiper-container.fangda .swiper-pagination-bullet{background: #fff none repeat scroll 0 0}
.swiper-container.fangda .swiper-pagination-bullet-active{opacity: 1}

.lead{ margin: .24rem .3rem; text-align: center;}
.lead li{width:2.56rem; border-radius: 4px; background: #d0d0d0; color: #4b4b4b;display: inline-block; margin: 0 .1rem .08rem; height: .6rem; line-height: .6rem;}
.lead a{ font-size: .26rem;   }
.lead li.present{ background:#004ea2;color: #fff;}

.in-products-list{ padding: 0 .1rem; }
.in-one-pro {float: left;width: 50%;margin-bottom: .3rem;line-height: .38rem;text-align: center; color: #666666;}
.in-one-pro .pic-box {border: 1px solid #cdcdcd; width: 2.64rem;margin: auto;}
.in-one-pro .pic-box div {width: 2.64rem;height:2.64rem;}
.in-one-pro .pic-box img {max-width: 2.64rem;max-height:2.64rem; }
.in-one-pro p{padding-top: .1rem;width: 2.64rem; height:.6rem; margin: auto;  font-size: .2rem;text-align: left; line-height: .4rem;}

.product-view {position: relative;padding-bottom: .4rem;margin: auto;overflow: hidden;}
.pro-view-tit{width:5.98rem; margin:0 auto; font-size: .3rem; color: #004ea2;font-weight:bold; line-height: .74rem;}
.product-view  .pic-box{ margin: auto;width: 4.9rem;}
.product-view .pic-box div {width: 4.9rem;height: 4.9rem;}
.product-view .pic-box img {max-width: 4.9rem;max-height: 4.9rem;}





.prov_slide{
	width:96%;
	margin:0 auto;
    position: relative;
	padding-bottom:.3rem;
}
.prov_slide .bd{
	margin:0 auto;
	display: block;
    border:1px solid #ddd;
    overflow: hidden;
}
.prov_slide .bd .tempWrap{
    margin:0 auto;
}
.prov_slide .bd ul li{
    width:100%;
    height:5rem;
	display: block;
    position: relative;
	padding-bottom:.6rem;
	background:#fff;
	overflow: hidden;
}
.prov_slide .bd ul li a{
	display: block;
}
.prov_slide .bd ul li .img_box{
    margin: 0 auto;
    width:100%;
    height:5rem;
    text-align:center;
	position: relative;
}
.prov_slide .bd ul li .img_box img{
	max-width:100%;
	max-height:100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.prov_slide .bd ul li h4{
    position: absolute;
    left:0;
    bottom:0;
    color:#fff;
    font-size:.16rem;
    background: #333;
    text-align:center;
    width:100%;
    height:.45rem;
    line-height:.45rem;
}
.prov_slide .sslide{
	width:67%;
	margin:0 auto;
	overflow: hidden;
}
.prov_slide .sslide .hd .swiper-container{
    width:100%;
}
.prov_slide .hd{
    padding:.4rem 0 0 0;
}
.prov_slide .hd .swiper-slide{
	float:left;
	display: inline-block;
}
.prov_slide .hd .swiper-slide p{
	color:#666;
	font-size:.15rem;
	padding-top:.1rem;
	line-height:.3rem;
	width:100%;
	height:.9rem;
	overflow: hidden;
	text-align:center;
	display: block;
	overflow: hidden;
	word-wrap:break-word;
	margin:0 auto;
}
.prov_slide .hd .swiper-slide .img_box{
    width:.88rem;
	height:.9rem;
	position: relative;
    border:1px solid #fff;
	overflow: hidden;
	margin:0 auto;
}
.prov_slide .hd .swiper-slide .img_box img{
	max-width:100%;
	max-height:100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.prov_slide .hd .swiper-slide.on .img_box{
    border:1px solid #333;
}
.prov_slide .sprev,
.prov_slide .snext{
    position: absolute;
    top:6rem;
    width:.35rem;
    height:.94rem;
    line-height:.94rem;
    border:1px solid #ddd;
    text-align:center;
    font-size:.2rem;
    font-family:"宋体";
    z-index: 100;
}
.prov_slide .sprev{
    left:.5rem;
}

.prov_slide .snext{
    right:.5rem;
}








.relate-pro{ position: relative;}
.relate-pro .swiper-container { width: 5.25rem; margin: auto}
.relate-pro .pic-box { width:  2.5rem;margin: auto;}
.relate-pro .pic-box div {position: relative; width: 2.5rem;height: 2rem;}
.relate-pro .pic-box img {width:  2.5rem;}
.relate-pro .swiper-container .swiper-slide .text{
    padding-top: .1rem;
    width: 2.5rem;
    height:.6rem;
    margin: auto;
    color:#666;
    font-size: .16rem;
    text-align: center;
    line-height: .3rem;
    display:block;
}
.relate-pro .swiper-button-next{right: .2rem; margin-top: -12px; background: url(../images/circle-right.png) no-repeat; width:.22rem;height: .72rem; margin-top: -.34rem; background-size: .22rem auto; }
.relate-pro .swiper-button-prev{left: .2rem; margin-top: -12px; background: url(../images/circle-left.png) no-repeat; width:.22rem;height: .72rem;margin-top: -.34rem; background-size: .22rem auto; }
.relate-pro{ padding-bottom: .4rem;}


.series-pro{ padding:.65rem .2rem;background: #f4f4f4; }
.series-pro .tit{padding-left: .2rem; font-size: .3rem; color: #5b5b5b; line-height: 1;padding-bottom: .34rem;}





.pro-text {
    width: 5.6rem;
    margin: .20rem auto;
    border-bottom: 1px solid #dfdfdf;
    padding: .15rem 0;
}

.pro-text .tit {
    font-size: .16rem;
     padding-left: .30rem;
    font-weight: bold;
    color: #004ea2;
   line-height: 3;
   background: url("../images/pro-detail.png") no-repeat left center;
   background-size: .20rem .14rem;
    -webkit-background-size: .20rem .14rem;
}
.pro-text p {
    font-size: .15rem;
    color: #3c3c3c;
    line-height: 2;
}


.pro-detail{
    text-align: left; 
    padding-left: .40rem; 
    font-size: .16rem; 
    color: #5b5b5b; 
    line-height: .4rem
}
.pro-detail p {
    padding-left: .30rem
}

.pro-detail p.d1 {
    background: url("../images/d1.png") no-repeat left .1rem;
    background-size: .15rem .15rem;
    -webkit-background-size: .15rem .15rem;
}
.pro-detail p.d2 {
    background: url("../images/d2.png") no-repeat left .1rem;
    -webkit-background-size: .15rem .17rem;
}
.pro-detail p.d3 {
    background: url("../images/d3.png")no-repeat left .1rem;
     background-size: .20rem .20rem;
    -webkit-background-size: .20rem .20rem;
}
.pro-detail p.d6 {
    background: url("../images/d6.png")no-repeat left .1rem;
     background-size: .16rem .18rem;
    -webkit-background-size: .16rem .18rem;
}
.pro-detail p.d7 {
    background: url("../images/d7.png")no-repeat left .1rem;
     background-size: .20rem .20rem;
    -webkit-background-size: .20rem .20rem;
}
.pro-detail p.d8 {
    background:url("../images/d11.png")no-repeat left .1rem;
	background-size: .20rem .20rem;
    -webkit-background-size: .20rem .20rem;
}
.pro-vr{ background-color: #004ea2;
    border-radius: 0.2rem;
    padding: 0.1rem 0.23rem;
    font-size: 0.14rem;
    color: #fff;
    box-shadow: 0px 0.02rem 0.05rem #ABABAB; transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.pro-detail p strong {
    color:#004ea2; 
}




.store1{text-align: center; padding: .4rem}
.store1.con{text-align: center; }
.store1 ul{border-top: 1px dashed #cccacb;margin: 43px 0;}
 .store1 ul li{font-weight: bold; line-height: 1rem; color: #fff; background-color: #004ea2; text-align: center; display:inline-block;*display:inline-block; width: 2.35rem; height:1rem; border-radius: 4px; font-size: .26rem; margin:.47rem.14rem 0;}
 .store1 ul li a{ display: block;}
 .store1 ul li:hover{background-color: #7189a2;}


.select-net{ padding: .08rem 0; background-color: #e9e6e1; font-size: 0; height: .85rem; line-height: .85rem;}
.select-net select{ border:1px solid #d0d6da; color: #cccccc; font-size: .2rem; display: inline-block; width:1.2rem; height: .4rem; background: #fff; }
.select-net form div{ position: relative;display: inline-block; width:1.2rem; margin: 0 .04rem;}

.area{padding-left:.52rem; font-size: .3rem; color: #464646;background: url(../images/local.jpg) .12rem center no-repeat; background-size: .26rem auto; }

.se{margin: 0 .04rem; width: 1.2rem; height:.4rem; line-height: .4rem;  display: inline-block;color: #cccccc; font-size: .2rem;border:1px solid #d0d6da;  }
.re{margin: 0 .04rem; width: 1rem;text-align: center;border:none; display: inline-block;background: #cccccc; color: #fff; font-size: .3rem;border-bottom:3px solid #aaaaaa;  }

.store-view{ padding: .2rem .2rem .4rem;}

.store-view .tit{ font-size: .3rem; color: #525252; padding-top:.25rem; line-height: .6rem;}
.store-view .con{ font-size: .26rem; line-height: .42rem; color: #979797; font-family: "黑体";}

.relate-store{ padding: .2rem 0; background: #e7e7e7}
.relate-store ul{ font-size: 0;}
.one-store{ display: inline-block; width: 3rem; margin: 0 .08rem;text-align: center; line-height: .32rem; font-size: .18rem; color: #575757; margin-bottom: .2rem}


.resign .r{  width: 5.34rem; margin:.48rem auto;}
.resign .r .row{position: relative; border: 1px solid #c9c9c9;height:.75rem; margin-bottom: 18px; font-size: 0;}
.resign .r .row label{float: left;width: .75rem;height:.75rem;text-align: center;border-right: 1px solid #c9c9c9}

.resign .r .row input{float: left; border: none; text-indent: 12px; width: 4.24rem; height:.75rem; line-height: 40px; color: #999999; font-size: .22rem;}
.resign .r .row label.re1{ background:url(../images/re1.png) center center no-repeat;background-size: .42rem auto;}
.resign .r .row label.re2{ background:url(../images/re2.png) center center no-repeat;background-size: .42rem auto;}
.resign .r .row label.re3{ background:url(../images/re3.png) center center no-repeat;background-size: .42rem auto;}

.resign .r .row label.lre2{ background:url(../images/lre2.png) center center no-repeat;background-size: .42rem auto;}
.resign .r .row label.lre3{ background:url(../images/lre3.png) center center no-repeat;background-size: .42rem auto;}
.resign .r .row label.lre4{ background:url(../images/lre4.png) center center no-repeat;background-size: .43rem auto;}
.yanzhng{ position:absolute;width: 1.04rem; right: .05rem; top: .2rem;}
.extra-row input{color: #ff6764; background: #bfbfbf; position:relative; top: 2px; margin-right: 4px;}
.extra-row label{ font-size: .18rem; line-height: 2;}
.extra-row a{ float: right; font-size: .18rem; color: #70b8f4 ;line-height: 2;}
#login-submit{font-size: 0; cursor: pointer; display: block; border: none; width:3.25rem; height: .83rem; background: url(../images/sub.jpg);  background-size: 3.25rem auto;margin: 30px auto;}

.pro-nav{height: .88rem; line-height: .88rem; position: relative; font-size: .24rem; color: #4ca0fc; margin: .2rem .14rem;}
.pro-nav .nav-btn {
    width:100%;
    line-height:.5rem;
    display:inline-block;
    font-size:.19rem;
    color:#333;
    border-bottom:1px solid #333;
    text-indent:.1rem;
    background:#fff url(../images/angle1.png) no-repeat right center;
    background-size:.18rem auto;
    position:relative;
}

.nav-lead{display:block;}
.navigation {position: absolute;top: .7rem; text-indent: .78rem; width: 6.12rem;right: 0; display: none;font-size: .18rem;line-height: 3;z-index: 100;background: #fff; padding-bottom:.6rem;}
.navigation>li {
    line-height: .45rem;
    font-size: .18rem;
    color: #666;
    text-indent: .2rem;
    background: #fff;
    border-bottom: 1px solid #666;}
.navigation a {display: block;}


.navigation>li dl{display: none;}
.navigation>li dl dd{background-color: #70b8f4;color: #fff; }
.navigation>li dl ul{display: none;}
.navigation>li dl ul{background-color: #fff;color: #333; }

.navigation2{width:6.4rem; font-size: .18rem;line-height: 3;z-index: 100;}
.navigation2>li {border-top: 1px solid #fff; color: #3e3a39; font-size: .22rem;float:left; /* width: 1.28rem; */ padding: 0 .14rem; text-align:center;background:url(../images/pro_list.png) no-repeat center right #e4ded6;}
.navigation2 li:nth-child(5n+0){background:#e4ded6;}


.navigation2 a {}


.navigation2>li dl{display: none;position:absolute;}
.navigation2>li dl dd{background-color: #70b8f4;color: #fff; }
.navigation2>li dl ul{display: none;}
.navigation2>li dl ul{background-color: #fff;color: #333; }

.pro_li{ padding: .1rem .2rem .3rem .2rem;}
.pro_li h1{ font-size: .3rem;margin-bottom: .2rem;}
.pro_li a{font-size: .25rem; padding-right: .2rem; display: block; float: left; padding-bottom: .1rem;}