/* @import 'swiper.min.css';
@import 'animate.css';
@import 'skin.css'; */

/***********************************
 *** 全局初始化
 **********************************/
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; }
html { height: 100%;}
body {width: 100%;min-height: 100%;max-width: 750px;min-width: 320px;margin: 0 auto;font: .24rem/1.8 "Microsoft Yahei", Arial;color: #666;background: #fff;padding: 0 0 .9rem;}
img { border: 0px; }
a, a:link, a:visited, a:hover, a:active { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5, h6, h7 { font-size: .28rem; }
ul, ol{ list-style-type: none; }
em{ font-style: normal;}
input,
button,
select,
textarea { outline: none; font-family: "Microsoft Yahei", Arial; font-size: .28rem; -webkit-appearance: none !important; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }


/***********************************
 *** 网站风格
 **********************************/
 /* body.active { position: fixed; transform: translate3d(-70%, 0, 0); }
body.active:after { content: ''; position: absolute; left: 0; top: 2.5rem; bottom: 0; right: 0; z-index: 100; } */
/* top */
.header { position: relative; height: 1.2rem; padding: 2% 2%; background-size: 1.5rem; color: #333; background: #fff; 
border-top: .05rem solid #7c0000;}
.header .logo{ float: left;margin-left: 2%;width:29%;}
.header .logo img{ width: 100%;}
.header .zi{color: #666;line-height: 1;font-weight: normal;float: leftp;padding-top:2%;}
.header .tag {position: absolute;top: 30%;right: 2%;width:.8rem;}
.header .tag .right{background: url(../images/top_phone.png) center left no-repeat; background-size: contain;
height: 0.5rem;display: block;}
.header .tag h2{font-size: 0.24rem;color: #5b5b5b;line-height: 0.24rem;font-weight: normal;}
.header .zi a{ }
/* nav */
.inav { background: #bb0505;height: 1.4rem;}
.inav ul { width: 100%; overflow: hidden; }
.inav li { float: left; width: 25%; color: #fff;border-bottom: 1px solid #e40000;border-right: 1px solid #e40000; }
.inav a { display: block; padding: .15rem 0; line-height: .4rem; font-size: .3rem; font-weight: normal; text-align: center; }
.inav li:first-child{background: #bb0505 url(../images/home.png) center center no-repeat; padding: .348rem 0; width: 25%;
  height:1.4rem;background-size: 68%;}
.inav li:first-child a{padding-top: 0.5rem;}
.inav li:nth-child(4n) { border-right: 0; }
.inav li:active { background: #840f0f;   }
/* banner */
.banner { width:100%; overflow:hidden; position:relative; }
.banner .list { float:left; width:500%; }
.banner .list li { float:left; width:20%; }
.banner .list img { display:block; width:100%; }
.banner .tip { width:100%; line-height:0; text-align:center; clear:both; display:none; position:absolute; left:0; bottom:.3rem; }
.banner .tip li { display:inline-block; width:.22rem; height:.22rem;margin:0 .1rem; vertical-align:middle;border:2px solid #fff;background:none;border-radius:50%;}
.banner .tip li.active {background:#2eb82c;border:2px solid #2eb82c; }
/* ipro */
.ipro{margin-top:0.6rem;position: relative;}
.iheader{text-align: center; font-weight: normal;border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.iheader h2{margin-bottom: 0.2rem;font-size: 0.4rem;color: #b20606;line-height: 2;} 
.iheader h2 span{font-size: .3rem;color: #c8c8c8;text-transform: uppercase; } 

/* iabout */
.iabout{padding-top:0.6rem;position: relative; background: url(../images/part.jpg) center top no-repeat #fff;
background-size:100% ;}
 
.iabout .com_con{margin-bottom: .2rem;color: #666;line-height: 1.8;margin: 0.32rem 2%; }
.iabout .com_con a{display: block;color: #bb0505;margin:0 auto;margin-top: .3rem;width: 1.4rem;text-align: center;}
.iabout .com_con a:hover{font-weight: bold;} 

.ipro .thead{position: relative;height: 0.63rem;margin: 0.33rem auto 0 0.2rem;}
.ipro .thead li{text-align: center;margin-left: 0.13rem;line-height: 0.7rem;float: left;width: 31%;height:0.7rem;
    background: -webkit-linear-gradient(top, #f9f8f8, #eeeded); }
.ipro .thead li:first-child{margin-left: -0.0rem;}
.ipro .thead li a{color: #666;font-size: 0.28rem;height:0.7rem;display: inline-block;}
.ipro .thead li:hover{ background: #bb0505;} 
.ipro .thead li:hover a{color: #fff;}
.ipro .tod{margin-top: 0.45rem;margin-right: 0.2rem;}
.ipro .tod li{position: relative;float: left;width: 47%;margin: 0 0 -2% 3%;padding-bottom: .2rem;text-align: center;
margin-bottom: 2%;}
.ipro .tod li a{display: block;}
.ipro .tod figure {position: relative;padding: 0 0 75%;}
.ipro .tod img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ipro .tod li h2 {text-align: center;height: .49rem;line-height: 2.2;color: #666; font-size: 0.24rem;font-weight: normal;}
.ipro .tod li:hover h2{ color: #bb0505;}
a.imo {display: block;height: .86rem;line-height: .86rem;text-align: center; color: #bb0505;font-size: .24rem; }
a.imo:hover{ font-weight: bold;}
 

/* inews */
.inews{margin-top:0.6rem;position: relative;}
 
.inews .wd{margin-left: 0.2rem;margin-right: 0.2rem;margin-top: 0.32rem;width: 94%;}
.inews .wd .nes_img {display: block;}
.inews .wd .nes_img figure{position: relative;padding: 0 0 75%;}
.inews .wd .nes_img img{width: 100%;position: absolute;top: 0;left: 0;}
.nes_img figure span{text-align: center;display: block;background: #000;position: absolute;top: 0;left: 0;}
.nes_img figure span h2{display: block;background: #2c860e;height: 0.75rem;color: #fff;font-size: 0.51rem;}
.nes_img figure span h3{display: block;background: #fff;height: 0.41rem;color: #33851b;font-size: 0.24rem;}
.nes_img h4{color: #2c860e;font-size: 0.32rem;line-height: 0.32rem;margin-top: 0.17rem;}
.nes_img p{display: inline-block;color: #636363;font-size: 0.24rem;line-height: 0.32rem;margin-top: 0.17rem;}
.nes_img p em{ font-style: normal;}
.nes_img:hover em{cursor: pointer;color:#2c860e;}
/* .inews .nes_lst{margin-left: 0.2rem;} */
.nes_lst li{min-height: 100%;
    background: #efefef;
    margin-top: 0.3rem;
    padding-bottom:30%;}
.nes_lst li a figure{
    float: left;
    padding: 2.1% 0 24%;
    width: 30%;
    position: relative;}
.nes_lst li a img{
    min-height: 100%;
    width: 100%;
    margin-left: 0.24rem;
    position: absolute;}
.inews .description{  width: 100%;color: #333;line-height: 2; } 
.inews a.s{color: #fff;text-align: left;display: block; width: 2rem;padding-left: 0.2rem;float: right;
  height: 0.4rem;line-height: 0.4rem; background: url(../images/xiangxi.jpg) center top no-repeat;
    background-size:contain;
  margin-top: 0.3rem;}
.inews a.s:hover{font-weight: bold;}
.inews .hot .data{float: left; margin-top: 0.3rem;padding-left: 0.4rem; color: #333;
  background: url(../images/data.jpg) left center no-repeat;background-size:.3rem;}

.inews .nes_lst {padding: 0 2%; margin-top: 0.2rem; }
.inews .item {   height:0.6rem;line-height: 0.6rem;   width: 100%;position: relative;float: none;
  border-bottom: 0.01rem dashed #dedede;
display: block;}
.inews .item h3{  padding-left: 0.12rem;  }
.inews .item h3 a {color: #747474;  }
.inews .item .data{position: absolute;right: 0;top: 0; }
.inews .item h3:hover{  color: #c50303;}
.inews .item h3:hover a{color: #c50303;  }
/* icomtact */
.icontact{margin-top:0.6rem;position: relative;}
 
.icontact .icbot {margin: 0 2%;}
.icontact .list {margin: 0 2%;padding: 0 0 4%;}
.icontact .list dd {  padding: 0 2%;color: #5b5b5b;font-size: 0.30rem;}
.icontact .list dd p{color: #666666;}
.icontact .list label.name {background: url(../images/icontact-1.png) left center no-repeat;background-size: auto auto;background-size: .44rem;}
.icontact .list label {    line-height: .7rem;padding: 0 0 0 .5rem;color: #232323;}
.icontact .list a {display: block;}
 .icontact .list label.mobile {background: url(../images/icontact-4.png) left center no-repeat;background-size: auto auto;background-size: .44rem;}
 .icontact .list label.address {background: url(../images/addr.png) left center no-repeat;background-size: contain;
 }
 .icontact .list label.weixin {background: url(../images/weixin.png) left center no-repeat;background-size: contain;
 }
.icontact .list figure img{height: 0.36rem;padding-left: 0.32rem;}
.icontact .list dd .format{background: url(../images/telx.png) left center no-repeat;background-size: .4rem	;color: #bb0505;
  padding-left: .4rem;width:5.2rem;margin: 0 auto;
}
.icontact .list dd .format span{font-size: .34rem;}
.icontact .imap{width: 100%;height: 4rem;display:block;position: relative;margin-top: .2rem;
  }
.icontact .imap .imapCon{width:100%;height: 4rem; }
/* searcher */
.searcher {margin: 5%;position: relative;}
.searcher .txt {width: 100%;height: .64rem;border: 1px solid #218001;background: none;padding: 0 0 0 .2rem;color: #333;}
.searcher .submit {position: absolute;right: 0;top: 0;width: .96rem;height: .64rem;background: url(../images/search-submit.png) center center no-repeat #218001;background-size: auto auto;background-size: .42rem;border: 0;}
.searcher .cancel { position: absolute; right: .2rem; top: .2rem; bottom: .2rem; width: 1rem; border: 0; color: #999; border-radius: .06rem; display: none; }

.searcher.fixed .cancel { display: block; }


/* footer */
.footer {background: url(../images/part2.jpg) center bottom no-repeat #fff;
background-size:100% ;}
.copyright {text-align: center;line-height: .4rem;color: #303030;padding: .2rem 0;}
/* bottom */
.toolbar {position: fixed;left: 0;bottom: 0;background: #bb0505;background-size: auto auto;z-index: 20;background-size: auto 1px;width: 100%;height: .9rem;border-top: 1px solid #fff;}
.toolbar .list dd:active{ background: #840f0f;}
.toolbar .list {width: 100%;}
.toolbar .list dd:first-child {border-left: 0;}
.toolbar .list dd {float: left;width: 25%;text-align: center;border-left: 1px solid #940000;}
.toolbar .list a {display: block;height: .9rem;line-height: .24rem;font-size: .25rem;color: #fff;}
.toolbar .list a::before {content: '';display: block;width: .5rem;height: .5rem; margin: 0 auto .04rem;position: relative;}
.toolbar .list a.too-home::before {background: url(../images/toolbar-1.png) center center no-repeat;background-size: auto auto;background-size: .46rem;}
.toolbar .list a.too-map::before {background: url(../images/toolbar-4.png) center center no-repeat;background-size: auto auto;background-size: .3rem;}
.toolbar .list a.too-tel::before {background: url(../images/toolbar-2.png) center center no-repeat;background-size: auto auto;background-size: .37rem;-webkit-animation: toolicon 600ms linear infinite;}
.toolbar .list a.too-qiao::before { background: url(../images/toolbar-3.png) center center no-repeat; background-size: auto auto;background-size: .4rem;}





/***********************************
 *** 设备适配
 **********************************/
@media (min-width: 700px){
	html { font-size: 70px; }
}
@media (max-width: 700px){
	html { font-size: 60px; }
}
@media (max-width: 500px){
	html { font-size: 50px; }
}
@media (max-width: 350px){
	html { font-size: 50px; }
}

/***********************************
 *** 网站内容
 **********************************/

.wrapper { width:100%; }

/* 图片列表 */
.list-product { width:100%; }
.list-product .list { padding:2% 0 0; }
.list-product .item { float:left; width:47%; margin:0 0 0 2%; }
.list-product .item figure { display:block; width:100%; height:auto; padding-bottom:75%; }
.list-product .item span { display:block; height:0.56rem; line-height:0.56rem; text-align:center; font-size:0.21rem; }

/* 图文列表 1:1 */
.list-case { width:100%; }
.list-case .list { padding:0 0 3% 0; }
.list-case .item { width:auto; padding:0 2%; }
.list-case .item:active { background:#eee; }
.list-case .item a { display:block; height:1.44rem; padding:0.08rem 0 0.08rem 0rem; position:relative; border-bottom:1px dotted #36578d; }
.list-case .item figure { display:block; width:1.28rem; height:1.28rem; border-radius:50%; position:absolute; left:0; top:0.08rem; border:1px solid #36578d;  }
.list-case .item h3 { font-size:0.29rem; padding:0.04rem 0 0.04rem; font-weight:400;  }
.list-case .item p { opacity:0.7; font-size: 0.25rem;margin-top: -0.04rem;line-height: 0.32rem;}

/* 图文列表2 4:3 */
.list-case2 { width:100%; }
.list-case2 .list { padding:0 0 3% 0; }
.list-case2 .item { width:auto; padding:0 2%; }
.list-case2 .item:active { background:#eee; }
.list-case2 .item a { display:block; height:1.28rem; padding:0.16rem 0 0.16rem 1.2rem; position:relative; border-bottom:1px dotted #36578d; }
.list-case2 .item figure {border-radius: 50%; display:block; width:0.96rem; height:0.96rem; position:absolute; left:0; top:0.16rem; }
.list-case2 .item h3 { font-size:0.22rem; margin-bottom:0.04rem; font-weight:400;  }
.list-case2 .item p { opacity:0.7; }


/* 标题列表 */
.list-news { width:100%; }
.list-news .list { padding:0 0 3% 0; }
.list-news .item { width:auto; padding:0 2%; }
.list-news .item:active { background:#f1f1f1; }
.list-news .item a { display:block; height:0.64rem; line-height:0.64rem; border-bottom:1px dotted #dcbe8c; }
.list-news .item h3 { font-size:0.21rem; font-weight:400; color:#333; }

/* 文字组列表 */
.list-news2 { width:100%; }
.list-news2 .list { padding:0 0 3% 0; }
.list-news2 .item { width:auto; padding:0 2%; }
.list-news2 .item:active { background:#f9f9f9; }
.list-news2 .item a { display:block; height:1.28rem; padding:0.16rem 0; position:relative; border-bottom:1px dotted #36578d; }
.list-news2 .item h3 { font-size:0.22rem; margin-bottom:0.04rem; font-weight:400; color:#333; }
.list-news2 .item p { opacity:0.7; }

/* 图文详情 */
.product-view { width:100%; height:auto; overflow:hidden; }
.product-view img { display:block; width:100%; }
.product-content { }
.product-content h1 { padding:0.16rem 2% 0; font-size:0.28rem; text-align:center; }



/***********************************
 *** 通用组件类
 **********************************/
 
/* 工具栏 */



/* 广告位 */
.banner { width:100%; overflow:hidden; position:relative; }
.banner .list { float:left; width:500%; }
.banner .list li { float:left; width:20%; }
.banner .list img { display:block; width:100%; }
.banner .tip { width:20%;  line-height:2; text-align:center; clear:both;margin: 0 auto;
  display:none; position: absolute; right:4%; bottom:.2rem;background: #236efb;border-radius: .3rem;
margin-left: 35%;}
.banner .tip span { display:inline-block; vertical-align:middle; width:.18rem; height:.18rem;
    border-radius:100%; margin:0 .05rem; vertical-align:middle;border:3px solid #fff; }
.banner .tip span.cur { background: #fff; }
.qqqq .tip{ width: 91%;margin: 0;}
/* 百度地图 */
.location { position:fixed; left:0; top:0; right:0; bottom:0; z-index:99; background:#fff; visibility:hidden; }
.location .map { position:absolute; top:0; left:0; bottom:0.8rem; right:0; z-index:97; }
.location .address { position:absolute; left:0; bottom:0; right:0; padding:0.16rem 0.16rem; background:#fff; z-index:98; box-shadow:0 -0.04rem 0.04rem rgba(0,0,0,.2); }
.location .address p { height:0.48rem; line-height:0.24rem; margin:0 0.64rem 0 0; overflow:hidden; opacity:.5; }
.location .close { position:absolute; right:0.16rem; bottom:0.16rem; width:0.48rem; height:0.48rem; text-align:center; font-size:0.32rem; z-index:99; background:url(../images/map-close.png) center center no-repeat; background-size:0.28rem; border:0.02rem solid #aaa; border-radius:50%;  }
.location .close:active { background:#f1f1f1; }
.BMap_bubble_title a { display:inline-block; height:0.48rem; line-height:0.48rem; padding:0 0.24rem; color:#FFF; background:#8ea8e0; border-radius:0.02rem; margin-bottom:0.04rem; font-size:0.22rem; }
.BMap_bubble_title a:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.2) inset; }

/* 栏目面包屑 */
.sitepath { height:0.56rem; line-height:0.56rem; background:#eee; position:relative; }
.sitepath h2 { float: left;margin:0 1.2rem 0 0.12rem; color:#333; font-size:0.26rem; font-weight:400; }
.sitepath .showmenu { position:absolute; right:0.12rem; top:0; color:#999; padding-right:0.32rem; display:none; }
.sitepath .showmenu:after { content:''; position:absolute; right:0; top:0.14rem; width:0.24rem; height:0.24rem; background:url(../images/arrow-down.png) center center no-repeat; background-size:0.2rem; margin-left:0.06rem; }
.sitepath .showmenu.current:after { transform:rotate(180deg); }

/* 栏目菜单 */
.menu { width:100%; display:none; }
.menu .list { width:100%; padding:2% 0 0; }
.menu .list dd { float:left; width:30.666666666666%; height:0.48rem; line-height:0.48rem; padding:0 0.08rem; margin:0 0 2% 2%; border:1px solid #2d9301; border-radius:3px; text-align:center;
background: #2d9301;}
.menu .list a { display:block; font-size:0.29rem;color: #fff; }
.menu .list dd:active, .menu .list dd.current { background:#fd5800;border-color: #fd5800; }
.menu .list dd:active a, .menu .list dd.current a { color:#fff; }

/* 提交表单 */
#formPost { padding:4%; color:#666; overflow:hidden; }
#formPost li { margin-bottom:0.24rem; float:left; width:100%; font-size:1.2em; }
#formPost .txt, #formPost .text { width:100%; padding:0 3%; height:0.64rem; line-height:0.64rem; background:#FFF; border:0.02rem solid #aaa; border-radius:3px; }
#formPost .txt:focus, #formPost .text:focus { border-color:#fa6003; }
#formPost .text { height:1.92rem; line-height:0.24rem; padding:3%; }
#formPost .submit { width:100%; height:0.64rem; line-height:0.64rem; background:#2d9301; border:1px solid #2d9301; border-radius:3px; font-size:0.22rem; color:#FFF; text-align:center; }
#formPost .submit:active { background:#36578d; }

/* 内容格式化 */
[ig-article] { text-align:justify; padding:2%; font-size:0.3rem; line-height:1.8; }
[ig-article] img { max-width:100% !important; height:auto !important; display:block; margin:0 auto; }

/* 关联链接 */
[ig-link] { height: 0.8rem;width:96%; display:block; margin:0 auto 0.32rem; position:relative; top:0.32rem; overflow:hidden;color: #fff; }
[ig-link] .prev, [ig-link] .next { width:49%; height:0.56rem; line-height:0.56rem; text-align:center; border:0.02rem solid #2d9301; background:#2d9301; font-size:0.21rem; }

[ig-link] .next { position:absolute; right:0; top:0; }
[ig-link] a { display:block; height:0.56rem;color: #fff; }
[ig-link] div:active { background:#e96616; }

/* 页面细节 */
[ig-hide] { display:none; }
[ig-cut] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
[ig-load] { display:block; width:96%; height:0.64rem; line-height:0.64rem; text-align:center; 
  margin:0 2% 0.16rem; opacity:0.7; background:#2c8601; border-radius:3px; font-size:0.21rem;  display:none;
color: #fff;}
[ig-load]:active { background:#999; }
[ig-null] { display:block; width:100%; height:0.64rem; line-height:0.64rem; overflow:hidden; opacity:0.5; }
.ig-hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.05) inset; }
.pager { display:none; }
.api {  content:'4DD845D1BB619BEEFB641EC49A7D8735'; }
.BMap_bubble_content{font-size: .2rem;line-height: 1;}

/***********************************
 *** 动画
 **********************************/

@keyframes show_smaller{
  0%{
    visibility:visible;
    opacity:0; 
    transform:scale(2,2);
  }
  100%{
    visibility:visible;
    opacity:1; 
    transform:scale(1,1);
  }
}
@keyframes hide_smaller{
  0%{
    visibility:visible;
    opacity:1; 
    transform:scale(1,1);
  }
  100%{
    visibility:visible;
    opacity:.5; 
    transform:scale(0,0);
  }
}




/***********************************
 *** 设备适配
 **********************************/

/* @media (min-width:700px){
  html { font-size:100px; }
} 
@media (max-width:700px){
  html { font-size:90px; }
}
@media (max-width:500px){
  html { font-size:80px; }
} 
@media (max-width:350px){
  html { font-size:70px; }
} */


/***********************************
 *** 配色方案
 **********************************/

.BMap_bubble_content{ font-size: .28rem!important;line-height: 1!important;}