@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.1rem;background:url(/Content/Templaes/C20338N/mobile/style/images/nav.png) center center repeat;  
  position: absolute;
    left: 0;
    top: 0;
    z-index: 1;}
.header .logo {float:left; width:46%;padding:2% 0 0 10%;}
.header .logo a { display:block; padding:.1rem 0; }
.header .logo img { display:block; height:.6rem; }
.header .tag {float:right; width:50%;    margin-top: 2%;padding:1% 0 0 2%;   
border-left: 1px solid #fff;}
.header .tag h1{color:#fff;line-height: 1.1;}
.header .tag span{color:#c5c7c7;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(/Content/Templaes/C20338N/mobile/style/images/shownav.png) center center no-repeat; background-size:.4rem; }
.header .ui li.showsos { right:0; background:url(/Content/Templaes/C20338N/mobile/style/images/showsos.png) center center no-repeat; background-size:.4rem; }

.nav { position:absolute; 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 { padding:.3rem .2rem; position:fixed; right:0; left:0; top:1.1rem; z-index:9; background:#eee; box-shadow:0 2px 5px rgba(0,0,0,.1); display:none; }
.searcher .box { position:relative; }
.searcher .txt { width:100%; height:.6rem; border:1px solid #fff; background:#fff; border-radius:3px; padding:0 0 0 .2rem; }
.searcher .submit { position:absolute; right:2px; top:2px; bottom:2px; border:0; padding:0 .4rem;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAeCAYAAACrI9dtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDg0MDk1QkVBNEUzMTFFOEFBQkVCOUQ2NjVFNkREQ0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDg0MDk1QkZBNEUzMTFFOEFBQkVCOUQ2NjVFNkREQ0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ODQwOTVCQ0E0RTMxMUU4QUFCRUI5RDY2NUU2RERDQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0ODQwOTVCREE0RTMxMUU4QUFCRUI5RDY2NUU2RERDQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuODAqkAAAJcSURBVHjaxJc7SF1BEIY3RgQfiYISo42FohhQJJHYqChCRLEQUgkGUSyCaUSEVCEktaCFVoYgllaKT1J4LXwRggQbRSXgGw0xRR5qjB7/gbmwrOex9+zx3oEP3OvZ4T8zO7NzhHC2bPAazIIjYIEzsA1GQDNIFIZmWdYN7CwVDIB/LMSN76AdxN2mqGLwTUOMyjS4H5SoO9L/i0AIpEu/UbQmwTzYAfR8IagHZYr/BfAM/I1UlJPdA5vK238COS7+qsCasudjkOnrUZz3cFS8jFK2rOytDkJUBjiXnI5pCgrbQ3Ag7Q8FIapTcnjhkTIna1WilW8qalxyNuqzshP5gIf9vDIRRf3lsfRMyKeoU7CoVLJvI1EPpPWuga8d6e8MU1G/lLVfk4vj0lTUkbTON/Al7z00FbUqret8+qF0lUrrFdOLukUp56c+fLxT2kqWaUtI5ts+7PQrSIpAULHSDtbBe/CSry/f10ynEq0ZkKIh6BHYc5ke9kGtX1F3wZTicAs0OFQkRbebK9drrLkC/U7R9xpd0rh5lij7qHfN8VuTmFxQYZMaGm/KXYJCaX0BvuiOLmFL4Qs5kgGPDvZbnlh/ezxL89kbEB/pOEzRa7KZr+zSQjPXE2lvG/iv8SJLIE8nfXY9jAa5Gk5pOn84UGP8zCPwus2+SjCsMW38AV1g0NLJYQBGw9+QZvonQKZX+oK050oPdOIYNEZLlODuPqUZtQ8gQUTJ6Ox28DnyEtYromwFXCRuon6IGFg8X+AXDqJ+ihgafcxu2IjqEzG2ZP7GpAo9YUEJ1wIMAB6y6i7qTn9RAAAAAElFTkSuQmCC) center center no-repeat #fff; 
  background-size:contain; color:#fff; border-radius:0 3px 3px 0; }

.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: #007fea; color: #fff; }

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


/*公共*/
.iheadx{  line-height: 1.6;position: relative;height: 1.2rem;
text-align: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAAFCAYAAADYIgf+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTM4NkU2NTlCQ0FEMTFFODlERUJDNTMxRjkxMURERUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTM4NkU2NUFCQ0FEMTFFODlERUJDNTMxRjkxMURERUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Mzg2RTY1N0JDQUQxMUU4OURFQkM1MzFGOTExRERFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Mzg2RTY1OEJDQUQxMUU4OURFQkM1MzFGOTExRERFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrTD4rUAAABdSURBVHjaYmSof8UwCkbBIAVyQDwHiC2B+AQQJ7OMhskoGMRgLhC7QNkgeiEowf4fDZdRMIgAIxLbAk3Oimk0fEbBIAYn0PjHWNBS9CgYBYMJJCO1YY8DcQpAgAEAfaQKwb1JTaQAAAAASUVORK5CYII=) no-repeat -40% 0.3rem;  }
.ipro .iheadx,.icase .iheadx{  line-height: 1.6;position: relative;
text-align: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAAFCAYAAADVL11hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjVGRTA3QjFCQ0FEMTFFODk0QUVCMUE2Q0I0NzdCQzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjVGRTA3QjJCQ0FEMTFFODk0QUVCMUE2Q0I0NzdCQzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNUZFMDdBRkJDQUQxMUU4OTRBRUIxQTZDQjQ3N0JDMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNUZFMDdCMEJDQUQxMUU4OTRBRUIxQTZDQjQ3N0JDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvOr5jEAAAClSURBVHja7NoxCsJAEAXQRAI2nsF7WAZyDwsP4kW8iU0qyTksbU1loxO0WCwCosUI78EnsOWkmL8hdbW/VKS0jhwim8gQ2UXOxgKAfcW36iiAd2NI9k6ejpGuOO8jrfEAkMzcvtIxFEA+LIDXyKo4v0WWxgNAMnP7SsdIqikKB7kMbzeqk5EA8Gf7SsdIamEEaU3/UEyf1cfXc2skANhX/MJDgAEAe2ogQeB4GOAAAAAASUVORK5CYII=) no-repeat center 0.3rem;  
background-size:contain ;}
.iheadx .w{position: relative; }
.iheadx h1{font-size: 0.45rem;color: #222; z-index: 3;position: absolute;left: 0;top: 0rem; display: block;width: 4.3rem;
left: 50%;margin-left: -2.15rem;}
.iheadx span{display: block; width: 4.3rem;font-size: 0.65rem;color: #dcdcdc; text-transform: uppercase; font-weight: bold;
line-height: 1; position: relative;top: 0;left: 50%;margin-left: -2.15rem;z-index: 2;}
.iheadx a.mo{ position: absolute;right: 0;top: 0.1rem;font-size: 0.14rem;color: #b2b4b5;display: block; }
.iheadx a.mo:hover{color: #0773ce;}


.iabout { 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%;padding: 2%;border: 1px solid #ccc; }
.iabout .wd .zi{ font-size: 0.22rem; line-height: 1.8; }
.iabout .wd .description{ color: #333;height: 2.1rem;overflow: hidden;margin-top: .3rem;}
.iabout .wd .description h1{text-align: center;font-size: .3rem;color: #007fea;}
.iabout .zix{text-align: center;}
.iabout .wd a.detail{ color: #007fea;}

.iabout ul{  }
.iabout li{float: left;width: 50%;  margin: .1rem 0; }
.iabout li .img{ width: 0.44rem;height: 0.8rem;background: url(/Content/Templaes/C20338N/mobile/style/images/iab.png) no-repeat  center;
    background-size:contain ;
margin-right: 0.2rem;float: left;}
.iabout li b{font-size: 0.22rem; color: #222;font-weight: 400;} 
.iabout li p{font-size: 0.22rem;color: #727272;} 
.iabout li.icon2 .img{background: url(/Content/Templaes/C20338N/mobile/style/images/iab2.png) no-repeat  center;
    background-size:contain ;}
.iabout li.icon3 .img{background: url(/Content/Templaes/C20338N/mobile/style/images/iab3.png) no-repeat  center;
    background-size:contain ;}
.iabout li.icon4 .img{background: url(/Content/Templaes/C20338N/mobile/style/images/iab4.png) no-repeat  center;
    background-size:contain ;} 

 .ipro { padding: .4rem 0; background: url(/Content/Templaes/C20338N/mobile/style/images/ipro.jpg) no-repeat  center top;
    background-size:cover; }
.ipro .thead{width: 100%;  margin: 0.2rem 0;margin-bottom: .6rem;}
.ipro .tod{   margin: 0 auto;text-align: center;}
.ipro .tod li{ display: inline-block;margin-left:0.2rem;width:29%;height:0.6rem;line-height:0.6rem;text-align:center; background: #fff;}
.ipro .tod li a{display:block;font-size:0.24rem;color:#222222;
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:#007fea;  }
.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: #fff;		 }
.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: #222; width: 100%;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
a.more{width: 40%; color: #222;border: 1px solid #000;height: .7rem;line-height: .7rem;text-align: center;display: block;
margin: 0 auto;}
 

.inews { padding: .4rem 0; } 
.inews-view { width:100%; overflow:hidden; position:relative; margin:0 auto; padding:0 0 .3rem;  }
.inews-view .list { float:left;   }
.inews-view .list li {    position:relative;overflow:hidden; border-bottom: 1px dashed #ccc;}
.inews-view .list img { display:block; width:96%;  margin: 0 2%; } 
.inews-view .list li h1{}
.inews-view .list li h1 b{text-indent: .5em;color: #222;display: block;font-size: .3rem;font-weight: normal;
line-height:0.7rem;}
.inews-view .list li p{color: #b3b3b3;font-weight: normal; padding: 0 .1rem;height: 1.1rem;}
.inews-view .list li:hover h1{color: #007fea;}

.icase { background: url(/Content/Templaes/C20338N/mobile/style/images/icase.jpg) center top no-repeat; 
    background-size: cover;   padding: .4rem 0; }
.icase .ihead h2 { color: #fff; }
.icase .ihead h3{ color: #fff; }
.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{padding-top:0.04rem;color:#222222;font-size:0.26rem;width: 100%;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.icase .list p{padding: 2%;margin-bottom: .2rem;color: #a6a6a6;height: 0.8rem;line-height: 1.4;font-size: .22rem;
text-align: left;}
.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{background: #fff;}
.icase .list li:hover{ background: #007fea;}
.icase .list li:hover h3,.icase .list li:hover p{color: #fff;}

.inews .more { position: relative; }
.inews .more:after{position: absolute;left: 0;top: 50%;border-bottom: 1px solid #ddd;content:'';display: block;
width: 100%; z-index: 1;margin-top: .3rem;}
.inews .more a { display: block; background: url(/Content/Templaes/C20338N/mobile/style/images/imore.png) center center no-repeat #fff; 
  background-size: 2.6rem; border: 1px solid #ddd; overflow: hidden; text-indent: -99em; z-index: 3;  
position: absolute;width:60%;margin: 0 auto;left: 20%;height: .7rem ;    top: 0;}


/* iprocces */
.iprocces{  overflow: hidden;background: #f2f2f2;  margin-top: 0.6rem;}
.iprocces .tod{width: 110%;}
.iprocces .icon{position: relative;width: 28%;height: 2.73rem;font-size: 0.22rem;float: left;text-align: center;margin: 1%; 
background: #fff;}
.iprocces .icon:hover .img{    -webkit-transform: translateX(0.08rem); transition: all .5s ease; 
    transform: translateX(0.08rem);}
.iprocces .icon:hover b,.iprocces .icon:hover span{    -webkit-transform: translateX(-0.08rem); transition: all .5s ease; 
    transform: translateX(-0.08rem);}
.iprocces .icon .img{height: 0.76rem;margin-top: 0.4rem;background: url(/Content/Templaes/C20338N/mobile/uploadfile/iprec_1.png) center top no-repeat;
  width: 100%;  background-size: contain;
z-index: 3;position: absolute;left: 0;top: 0.1rem;}
.iprocces .icon2 .img{background: url(/Content/Templaes/C20338N/mobile/uploadfile/iprec_2.png) center top no-repeat;
 background-size: contain;}
.iprocces .icon3 .img{background: url(/Content/Templaes/C20338N/mobile/uploadfile/iprec_3.png) center top no-repeat;
 background-size: contain;}
.iprocces .icon4 .img{background: url(/Content/Templaes/C20338N/mobile/uploadfile/iprec_4.png) center top no-repeat;
 background-size: contain;}
.iprocces .icon5 .img{background: url(/Content/Templaes/C20338N/mobile/uploadfile/iprec_5.png) center top no-repeat;
 background-size: contain;}
.iprocces .icon6 .img{background: url(/Content/Templaes/C20338N/mobile/uploadfile/iprec_6.png) center top no-repeat;
 background-size: contain;}
.iprocces .icon b{ font-size: 0.24rem;color: #0b090c;font-weight: normal;display: block;
margin-top: 1.4rem;font-weight: bold;}
.iprocces .icon span{display: block;text-transform: uppercase;font-size: 0.22rem;color: #999;}
.iprocces .icon em{font-size: 1rem;color: #eee;font-style: normal;font-weight: bold;
position: absolute;left: 0.44rem;top: 0.36rem;line-height: 1;z-index: 1;}
.iprocces .itel{margin-top: 0.3rem;width: 4rem;background: url(/Content/Templaes/C20338N/mobile/style/images/itel.jpg) center center no-repeat;
height: .6rem;line-height: .6rem;color: #fff;  margin: 0.3rem auto;text-align: center;}
.iprocces .itel h2{padding-left: 0.42rem;background: url(/Content/Templaes/C20338N/mobile/style/images/itelimg.png) left center no-repeat;
    background-size:0.3rem;
  font-size: 0.22rem;
font-weight: normal;display: inline-block;}
.iprocces .itel h3{font-size: 0.24rem;display: inline-block;}


.icontact {   padding: .4rem 0; }
.icontact .list { padding: 0 .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(/Content/Templaes/C20338N/mobile/style/images/icontact-1.png) left center no-repeat; background-size: .5rem; }
.icontact label.qq { background: url(/Content/Templaes/C20338N/mobile/style/images/icontact-2.png) left center no-repeat; background-size: .5rem; }
.icontact label.email { background: url(/Content/Templaes/C20338N/mobile/style/images/icontact-3.png) left center no-repeat; background-size: .5rem; }
.icontact label.tel { background: url(/Content/Templaes/C20338N/mobile/style/images/icontact-4.png) left center no-repeat; background-size: .5rem; }
.icontact label.mobile { background: url(/Content/Templaes/C20338N/mobile/style/images/icontact-5.png) left center no-repeat; background-size: .5rem; }
.icontact label.address { background: url(/Content/Templaes/C20338N/mobile/style/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(/Content/Templaes/C20338N/mobile/style/images/icontact-qq.png) .2rem center no-repeat #007fea; 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:#007fea; 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: #121212; 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: #007fea; 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(/Content/Templaes/C20338N/mobile/style/images/toolbar-1.png) center center no-repeat; background-size: contain; }
.toolbar a.icon-phone:before { background: url(/Content/Templaes/C20338N/mobile/style/images/toolbar-2.png) center center no-repeat; background-size: contain; animation:toolicon 600ms linear infinite; }
.toolbar a.icon-online:before { background: url(/Content/Templaes/C20338N/mobile/style/images/toolbar-3.png) center center no-repeat; background-size: contain; }
.toolbar a.icon-map:before { background: url(/Content/Templaes/C20338N/mobile/style/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; }
}