@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%; height: 100%; font: .28rem/1.8 "Microsoft Yahei", Arial; color: #333; background: #fff; transition: transform .3s ease; }
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; }
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(75%, 0, 0); }
body.active:after { content: ''; position: absolute; left: 0; top: 1rem; bottom: 0; right: 0; z-index: 100; }

 /*header 头部*/
.header { width:100%; height:1.6rem;padding-top: .4rem;background:#0ea850 url(../images/top.jpg) center top repeat-x; 
background-size: 1.6rem;}
.header .logo {float:left; width:46%;padding:2% 0 0 2%;}
.header .logo a { display:block; padding:.1rem 0; }
.header .logo img { display:block; height:.7rem; }
.header .tag {float:right; width:48%;    margin-top: 2%;padding:1% 0 0 2%;   
  background:url(../images/logo_li.png) left center no-repeat;  background-size: contain;}
.header .tag h1{color:#fff;line-height: 1.1;}
.header .tag span{color:#ffb901;text-transform:uppercase;}
.header .ui {  }
.header .ui li { width:.8rem; height:.8rem; float:right; position:absolute; top:12%; }
.header .ui li.shownav { left:0; background:url(../images/shownav.png) center center no-repeat; background-size:.4rem; }
.header .ui li.showsos { right:0; background:url(../images/showsos.png) center center no-repeat; background-size:.4rem; }

.nav { position:fixed; right:0; left:0; top:1.1rem; z-index:9; box-shadow:0 2px 5px rgba(0,0,0,.1); display:none; }
.nav .list { border-top:1px solid #ddd; }
.nav .list dd { float:left; width:25%; position:relative; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.nav .list dd:nth-child(4n) { border-right:0; }
.nav .list a { display:block; height:.7rem; line-height:.7rem; background:#fff; text-align:center; }
.nav .list a:active { background:#FFF; background-size:cover; color:#d9324c; }

/*searcher*/
.searcher { position: relative; display: block; background: #fff; }
.searcher .head { position: relative; padding: .2rem 1rem .2rem .2rem; }
.searcher .txt { width: 100%; height: .7rem; border: 2px solid #0ea850; background: #fff; color: #666; padding: 0 0 0 .2rem; }
.searcher .submit { position: absolute; right: .2rem; top: .2rem; bottom: .2rem; border: 0; width: 1rem; 
  background: #0ea850 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkM0MEU3QjBBQjUxMTFFOEJEODdGM0VEMzU1RENEOUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkM0MEU3QjFBQjUxMTFFOEJEODdGM0VEMzU1RENEOUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQzQwRTdBRUFCNTExMUU4QkQ4N0YzRUQzNTVEQ0Q5QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQzQwRTdBRkFCNTExMUU4QkQ4N0YzRUQzNTVEQ0Q5QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgy5DVQAAALySURBVHjarJdNSFRRFMffmF9jOkPWRGYtzKgsSqqVSNiiRRk02KbARTGIaYWLCKJN1KYkiGhRRPRFXwtdVJs2tinCKCmKIIs0U3NiKEmnsiBp+l84T/5c3ntzn/MO/HjvnXvOvf93Z96954YymYxlaJtBI1gOKsECMAVGwSfwCDwE45YfUwI8KAKHwNuMmaXBBVCTpd8ZvBp3g88Og/wFg+AxeAV+uog5m4uAU1pn38Fl0AgWa7HzwEZwDDzX8vpAhV8B3VonZ2QQy5BmkKL8cbDUVEAnJU6DJq291FCEEvyU+hoxEbBDe/O11LYODIg/6mM2HlB/3dkEpCl4G/lbyX8TFPsQEAJJyt/qJmC/y7+3RXyjoNrHwEwt9f3eTcAXCZgU1cpXJb5hUDjLwW26SMR6XUA9NV6ShnwwIb5YjoNbsjDZdp7b8rAYxmlhvCPXIhAFN8BXK3frBym536Ivxffps4uQumgAb87clXH+gDKegQrRMgTSpG0yx7cuBDF6fkmzW2M782RXU5a0grUjYBiUyPMEtZWzgCm5Lw1YwBoQpucCup9mAWNyvxIUByigQa72C66itg8swJ76uaAqoMFDYBF4Qr46uX6Tn2ZGQA8FxQMS0CnX43KNgNVy36d/hmXyCSp7F8DnVid9PSPfYVqImp2W4usU0JTD4Juonyitqr/Ep6qnOU4CllGi2g/CPgeOaVVUPbXdIv9Jr+34IgW+yDJgCTgBroAxyusFSyjuILUl9bd3qoj6KeGex0wspLjfoAfEtZgOLWa+SUkW0wqTAflTOYkI85pORKSAZVPr/3bTolQVHkNaB1f1fdyBSjlDpDzODXv0vJDLyUitiLfBTs3/EbyWjeWHxFWDDaAW5GuxKn8F6CJ/AlwzPRntcqj1s5k6zJwGBdRPmxbTanIyYhqkknlD33RGK7tVXZHwKN/atZyE10/gZeWycdnb7CAYAf8McjvAOXreawVc9ZhwgKdhNjMQhO0DR0HvfwEGAItl3UuOpRozAAAAAElFTkSuQmCC) center no-repeat;
  background-size: .4rem; border-radius: 0; color: #fff; }
.searcher .submit:active { box-shadow: 0 0 100rem rgba(0,0,0,.1) inset; }
.searcher .cancel { position: absolute; right: .2rem; top: .2rem; bottom: .2rem; width: 1rem; border: 0; color: #999; border-radius: .06rem; display: none; }
.searcher.fixed { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #fff; z-index: 10; display: block; }
.searcher.fixed .head { background: #eee; }
.searcher.fixed .cancel { display: block; }

.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 .dots { width: 100%; line-height: 0; text-align: center; clear: both; display: none; position: absolute; left: 0; bottom: .3rem; }
.banner .dots li { display: inline-block; width: .4rem; height: .4rem;line-height: .4rem;   background: #fff;   margin: 0 .1rem; vertical-align: middle;
  transition: all .5s ease;color: #333; border-radius: 50%;}
.banner .dots li.active { background: #0ea850; color: #fff; }

.inav { position: relative; background: #fff; }
.inav ul { width: 100%; overflow: hidden;  }
.inav li { float: left; width: 25%;  border-left: 1px solid #cdcdcd; text-align: center; color: #222;
border-bottom: 1px solid #cdcdcd;}
.inav li:nth-child(4n) { border-right: 0; }
.inav a { display: block; padding: 0 .1rem; line-height: .8rem; font-size: .3rem; white-space: normal; overflow: hidden; 
  text-overflow: ellipsis; }
.inav li:active{ color: #0ea850;  }


/*公共*/
.iheadx{  line-height: 1.6;position: relative;height: 1.2rem;
text-align: center;}
 
.iheadx .w{position: relative; }
.iheadx h1{font-size: 0.4rem;color: #fff;font-weight: bold; padding-bottom: .2rem;margin: .1rem 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAECAIAAACC+bH6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ2MzBBOUFDMTUzMTFFOEJGNDZDNUM5MDk1MTgxQjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ2MzBBOUJDMTUzMTFFOEJGNDZDNUM5MDk1MTgxQjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RDYzMEE5OEMxNTMxMUU4QkY0NkM1QzkwOTUxODFCNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RDYzMEE5OUMxNTMxMUU4QkY0NkM1QzkwOTUxODFCNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpBB4AEAAAAZSURBVHjaYvz//z8D3QETw0CAkWQrQIABAIYBAwXI6BmoAAAAAElFTkSuQmCC) no-repeat center bottom; 
background-size: .8rem;}
.iheadx span{display: block; font-size: .22rem;color: #fff; }
.iheadx a.mo{ position: absolute;right: 0;top: 0.1rem;font-size: 0.14rem;color: #b2b4b5;display: block; }
.iheadx a.mo:hover{color: #0773ce;}

.icase .iheadx h1,.inews .iheadx h1,.icontact .iheadx h1{color: #0ea850;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAECAIAAACC+bH6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REVBRENFOENDMTU1MTFFODhBNTJBMDUxMEM2RTREMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REVBRENFOERDMTU1MTFFODhBNTJBMDUxMEM2RTREMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERUFEQ0U4QUMxNTUxMUU4OEE1MkEwNTEwQzZFNEQwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERUFEQ0U4QkMxNTUxMUU4OEE1MkEwNTEwQzZFNEQwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi53lwYAAAAYSURBVHjaYuRbEcBAd8DEMBBgJNkKEGAA6gkBDqUOZboAAAAASUVORK5CYII=) no-repeat center bottom; 
background-size: .8rem;}
.icase .iheadx span,.inews .iheadx span,.icontact .iheadx span{color: #0ea850;}

 .ipro { padding: .4rem 0; background: #0ea850;  }
.itop_phone{text-align: center;}
.itop_phone a{ display: inline-block; line-height: .6rem; height: .6rem; font-size: .22rem; color: #fff; 
padding-left: .6rem; background:url(../images/tel.png) left center no-repeat; background-size:.4rem;}
.itop_phone a font{font-weight:bold;color: #ffb901;font-size: .26rem;}

.ipro .thead{width: 100%;  margin: 0.2rem 0; }
.ipro .tod{   margin: 0 auto;text-align: center;}
.ipro .tod li{ display: inline-block;margin-left:1%;width:22%;  text-align:center;
 border-radius: 50%;
background: #15cf65;
  background: -webkit-linear-gradient(top, #15cf65, #089042);
  background: -moz-linear-gradient(top, #15cf65, #089042);}
.ipro .tod li figure{position: relative;
    padding: 0 0 100%;}
.ipro .tod li a{display:block;font-size:0.24rem;color:#fff;position: absolute;left: 0;top:38%;width: 100%;
  text-align: center;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ipro .tod li.more{width: .6rem;height: .6rem;line-height: .6rem;
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABMAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwNDg3NEJEQkNCMzExRThCM0JEOUZCOTU4M0UzMjFBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwNDg3NEJFQkNCMzExRThCM0JEOUZCOTU4M0UzMjFBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjA0ODc0QkJCQ0IzMTFFOEIzQkQ5RkI5NTgzRTMyMUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjA0ODc0QkNCQ0IzMTFFOEIzQkQ5RkI5NTgzRTMyMUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAADAgICAgIDAgIDBAMCAwQFBAMDBAUGBQUFBQUGCAYHBgYHBggICQkKCQkIDAwMDAwMDQ0NDQ0PDw8PDw8PDw8PAQMDAwYGBgsICAsRDQsNERQPDw8PFBEPDw8PDxERDw8PDw8PEQ8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw//wAARCAA5AD0DAREAAhEBAxEB/8QBogAAAAcBAQEBAQAAAAAAAAAABAUDAgYBAAcICQoLAQACAgMBAQEBAQAAAAAAAAABAAIDBAUGBwgJCgsQAAIBAwMCBAIGBwMEAgYCcwECAxEEAAUhEjFBUQYTYSJxgRQykaEHFbFCI8FS0eEzFmLwJHKC8SVDNFOSorJjc8I1RCeTo7M2F1RkdMPS4ggmgwkKGBmElEVGpLRW01UoGvLj88TU5PRldYWVpbXF1eX1ZnaGlqa2xtbm9jdHV2d3h5ent8fX5/c4SFhoeIiYqLjI2Oj4KTlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+hEAAgIBAgMFBQQFBgQIAwNtAQACEQMEIRIxQQVRE2EiBnGBkTKhsfAUwdHhI0IVUmJy8TMkNEOCFpJTJaJjssIHc9I14kSDF1STCAkKGBkmNkUaJ2R0VTfyo7PDKCnT4/OElKS0xNTk9GV1hZWltcXV5fVGVmZ2hpamtsbW5vZHV2d3h5ent8fX5/c4SFhoeIiYqLjI2Oj4OUlZaXmJmam5ydnp+So6SlpqeoqaqrrK2ur6/9oADAMBAAIRAxEAPwDnGfZD8fOxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2Kvo3/nBLRtH1z83NXtNbsbbULVPLlzIkN1CkyBxe2ahgsgIBAJFffPOv8Agm6jJi0EDCRifEHI1/DPufRP+BnhhPXzEgCPDPMX/FB4H5kRIvMWqRxqEjS9uFVVFAAJWAAAzvNGScMCf5o+54fXgDPkA/nH70uzJcN2KuxV2KuxV7F+R9x/zjZDo2oj877a+n1g3SnTWtDdACDgOQb6u6j7XjvnHe0kO2Dkj+RMRGvVfDzv+kO57P2al2OMUvzoJnfpri5V/R831H/zjVc/84vTeer5fyTtb+DzUNJmN090bsobL6xBzA9d2Wvqen0Fc8w9sIdtDTR/OmJx8YquH6qlXId1vpfslLsU6mX5IEZOE3fF9Nxv6tudPMNWvf8AnAoareDUdP1g6h9Yl+skNqNPV5nnSktOtemdNgx+1HBHhlCqFfRy+Tzupn7MeJLjjLis3/ec736vm/8AMt/Ir+eNUf8ALRJY/I5eP9FpP6nqBPRTny9Ul/7zl1Oej9jDUjTQ/M14u/FVd5rltyp837aOl/Mz/Lf3W3Dz7hfPfnbGc2bq3Yq7FXYq7FX0N/zg95o8s+UvzY1bUfNWr2OjafJ5duYI7rULmK1iaVry0YRq8zKpYqpNK1oD4Z57/wAEnRZs+hhHFCUz4gNRBka4Z77PoH/A41uHBrpyyzjAeGRciIi+KO27wnzFLFP5g1OaF1khkvLho5FIZWVpGIII2IIzutJEjFAHnQ+54rXyBzzI3BkfvS/MhxHYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FX/9k=) no-repeat center;color: #fff;
background-size:contain; }
.ipro .tod li:hover{line-height:2.2;background:#ffb901;  }
.ipro .tod li:hover a{color:#fff;}

.ipro .list { width: 100%; overflow: hidden; }
.ipro .list:nth-child(n+2) { display: none; }
.ipro .item { float: left; width: 45.5%; margin: 0 0 3% 3%;position: relative;
background: #0ea850;
  background: -webkit-linear-gradient(top, #12b457, #088f42);
  background: -moz-linear-gradient(top, #12b457, #088f42);
}
.ipro .item a { display: block; text-align: center; }
.ipro .item figure { position: relative; padding: 0 0 75%; }
.ipro .item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #eee; }
.ipro .item h3 { line-height: .8rem; font-weight: normal; padding: 0 .2rem; font-size: .24rem; 
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; color: #fff; width: 50%;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float: left;}
.ipro .item span{width:1rem;float: right; color: #fff;background: #fff;text-align: center;color: #0ea850;font-size: .22rem;
border-radius: .2rem;margin: .2rem .2rem 0 0;}
a.more{width: 40%; color: #fff; height: .7rem;line-height: .7rem;text-align: center;display: block;background: #ffb901;
  border-radius: .2rem;
margin: 0 auto;}
.ipro .item:hover{background: #ffb901;}

.icase { background: url(../images/icase.jpg) center top no-repeat; 
    background-size: cover;   padding: .4rem 0; }
.icase .listpro{text-align: center;margin-top: .2rem;}
.icase .listpro a{width: 30%;height: 0.6rem;line-height: .6rem;    background: #0ea850;
display: inline-block;font-size: 0.24rem;text-align: center; margin: .5% 1%;border-radius: .2rem;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color: #fff;}
.icase .listpro a:hover,.ipro .listpro a:active{background: #c72929;color: #fff;border-color: #c72929;}
 
.icase .list {padding:0.3rem 0;  }
.icase .list li { float:left; width:48%;margin:1%;background:#fff;text-align:center; }
.icase .list .img{display: block;width: 100%; overflow: hidden;}
.icase .list figure{    
display: block;    width: 100%;    height: auto;    padding-bottom: 75%;    position: relative;    background: #fff;    overflow: hidden;
}
.icase .list li img{
position: absolute;    left: 0;    top: 0;    width: 100%;    min-height: 100%;
}

.icase .list h3{ height: .8rem;line-height: .8rem;color:#222222;font-size:0.24rem;width: 100%;font-weight: normal;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} 
.icase .list span{display:block;margin:0 auto;width:1.6rem;height:0.4rem;line-height:0.4rem;text-align:center;
  background:#464646;color:#fff;font-size: .22rem;}
.icase .list span .imo{display:block;color:#fff;} 
.icase .list li:hover{ background: #0ea850;}
.icase .list li:hover h3,.icase .list li:hover p{color: #fff;}
.icase a.more,.inews a.more{background: #0ea850;}

.iabout {background: url(../images/iabout.jpg) center top no-repeat; 
    background-size: cover;   padding: .4rem 0; }
.iabout .wd{ margin-top: 0.2rem;position: relative;padding: 0 2%;}
.iabout .zi>h2{font-size: 0.26rem;color: #222;font-weight: bold;margin-bottom: 0.1rem;text-align: center;}
.iabout .wd img{display: block; width: 100%;   }
.iabout .wd .zi{ font-size: 0.22rem; line-height: 1.8; }
.iabout .wd .description{ color: #fff;height: 2.1rem;overflow: hidden;margin-top: .3rem;}
.iabout .wd .description h1{text-align: center;font-size: .3rem;color: #fff;}
.iabout .zix{text-align: center;}
.iabout .wd a.detail{ color: #007fea;}
  

.inews { padding: .4rem 0; } 
.inews .tod { padding: 0 2%;margin-top: .3rem;}
.inews .tod dd { padding:0 0 0 1.86rem;position:relative; height: 1.46rem; margin:0 0 0.24rem;   border: 0.02rem solid #e4e4e4;
  transition:all .5s ease;}
.inews .tod .img { position:absolute; left:0.05rem; top:0.05rem; }
.inews .tod .img a{ display:block; width:1.78rem; height:1.34rem;overflow:hidden;}
.inews .tod img { display:block; width:1.78rem; height:1.34rem; }
.inews .tod h3 { font-size:0.24rem; line-height:0.4rem;color:#202022;font-weight:bold;margin-top: 0.1rem;margin-bottom: 0.06rem;}
.inews .tod p { height:0.6rem; line-height:1.4; overflow:hidden; color:#666666; font-size: .22rem;} 
.inews .tod a { }
.inews .tod .data{width: 1.46rem;border-right: 0.01rem solid #e4e4e4;position: absolute;left: 0;top: 0.28rem;line-height: 1;
text-align: center;}
.inews .tod .data b{font-size: 0.43rem;color: #666;display: block;}
.inews .tod .data em{font-style: normal;font-size: 0.22rem;color: #666;}
.inews .tod dd:hover{background: url(../images/inews_dots.png) right 0.56rem no-repeat;}
.inews .tod dd:hover h3 a{ color:#0ea850; }
.inews .tod dd:hover img{ transform:scale(1.05,1.05); } 

 

.icontact {   padding: .4rem 0; }
.icontact .list { padding: 0 .3rem;margin-top: .3rem; }
.icontact dd { position: relative; line-height: .4rem; padding: 2% 0 2% 1.9rem; }
.icontact a { display: block; }
.icontact label { position: absolute; left: 0; top: 0; line-height: .7rem; padding: 0 0 0 .6rem; }
.icontact label.name { background: url(../images/icontact-1.png) left center no-repeat; background-size: .5rem; }
.icontact label.qq { background: url(../images/icontact-2.png) left center no-repeat; background-size: .5rem; }
.icontact label.email { background: url(../images/icontact-3.png) left center no-repeat; background-size: .5rem; }
.icontact label.tel { background: url(../images/icontact-4.png) left center no-repeat; background-size: .5rem; }
.icontact label.mobile { background: url(../images/icontact-5.png) left center no-repeat; background-size: .5rem; }
.icontact label.address { background: url(../images/icontact-6.png) left center no-repeat; background-size: .5rem; }
.icontact .iqq { display: inline-block; vertical-align: middle; height: .4rem; line-height: .4rem; margin: 0 0 0 .2rem;
  background: url(../images/icontact-qq.png) .2rem center no-repeat #0ea850; background-size: .25rem; color: #fff; border-radius: 3px; padding: 0 .2rem 0 .6rem; }

.goTop{ position:relative; width:100%; height:.6rem; line-height:.6rem; margin-top:2%;}

.goTop a{ width:1.8rem; height:.6rem; background:#0ea850; color:#fff; position:absolute; top:0px; left:50%; margin-left:-.9rem; text-align:center;  }
 

.footer { background: #fff; color: #666; }
.copyright { padding: .2rem; line-height: .4rem; text-align: center; }

.toolbar { display: block; height: 1rem; }
.toolbar .inner { background: #202020; position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; display: -webkit-box; display: box; }
.toolbar li { -webkit-box-flex: 1; box-flex: 1; border-left: 1px solid rgba(255,255,255,.2); color: #fff; }
.toolbar li:first-child { border-left: 0; }
.toolbar a { display: block; text-align: center; padding: .15rem 0 0; height: 1rem; line-height: .3rem; font-size: .26rem; }
.toolbar a:active { background: #0ea850; box-shadow: 0 0 1000rem rgba(0,0,0,.15) inset; }
.toolbar a:before { content: ''; display: block; width: .4rem; height: .4rem; margin: 0 auto .05rem; }
.toolbar a.icon-home:before { background: url(../images/toolbar-1.png) center center no-repeat; background-size: contain; }
.toolbar a.icon-phone:before { background: url(../images/toolbar-2.png) center center no-repeat; background-size: contain; animation:toolicon 600ms linear infinite; }
.toolbar a.icon-online:before { background: url(../images/toolbar-3.png) center center no-repeat; background-size: contain; }
.toolbar a.icon-map:before { background: url(../images/toolbar-4.png) center center no-repeat; background-size: contain; }



/***********************************
 *** 设备适配
 **********************************/
@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; }
}