﻿@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,table,ul,li,dl,dt,dd,marquee{font-size:14px; margin:0px; padding:0px; font-family:"微软雅黑"; background-repeat:no-repeat;}
img{border:0px;}
ul, li, dl, dt, dd{list-style:none;}
a, a:visited{ text-decoration:none; color:#333; background-repeat:no-repeat; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
a:hover{ color:#1da5cf; }
span{ background-repeat:no-repeat;}
font{_font-size:14px;}
body { margin:0px; padding:0px; text-align:left; color:#333;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
*{outline:none;}
p{ margin:0px; padding:0px; background-repeat:no-repeat;}
.clear{ clear:both; *+clear:none; _clear:none;}
input, select, textarea, button{font-family:"微软雅黑"; color:#777; font-size:13px; background-repeat:no-repeat;}
button{ cursor:pointer; white-space:nowrap; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
textarea{resize: none;}
table{border-collapse:collapse;}
.hidden{ visibility:hidden;}
.hidden.animated{ visibility:visible;}
.linear{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.fl, .fr{ width:auto; height:auto; float:left;}
.fr{ float:right;}
html{ overflow-x:hidden;}

::-webkit-scrollbar-track-piece { background-color:#f1f1f1;}
::-webkit-scrollbar { width:5px;height:5px;}
::-webkit-scrollbar-thumb { background-color:#c1c1c1; background-clip:padding-box; min-height:28px; }
::-webkit-scrollbar-thumb:hover{ background-color:#a8a8a8;}
* {
  scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */
  scrollbar-color: #c1c1c1 #f1f1f1;
}

.fontWhite, .fontWhite a, .fontWhite a:visited{ color:#fff;}
.fontWhite a:hover{ opacity:0.6; filter:alpha(opacity=60);}
.fontBlue, .fontBlue a, .fontBlue a:visited{ color:#1da5cf;}
.fontBlue a:hover{ opacity:0.6; filter:alpha(opacity=60);}


#superContainer { height: 100%; position: relative; }
.section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.slide { float: left; }
.slide, .slidesContainer { height: 100%; display: block; }
.slides { height:100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index:9; }
.section.table, .slide.table { display: table; width: 100%; }
.tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.slidesContainer {  float: left; position: relative; }
.controlArrow { position: absolute; top: 50%; cursor: pointer; width: 0;  height: 0; border-style: solid; margin-top: -32px; }
.controlArrow.prev, .controlArrow.next{ left:70px;  width: 28px; height:64px; background-image:url(../images/list_arr.png); background-position:left center;  border:0px; _display:none; z-index:900; }
.controlArrow.next { right: 70px; left:inherit;background-position:right center;  }
.controlArrow.prev:hover, .controlArrow.next:hover{ background-image:url(../images/list_arr_hover.png);}
.scrollable { overflow: scroll; }
.easing {  -webkit-transition: all 0.7s ease-out;  -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; }

.ind_top{ width:100%; height:60px; position:fixed; left:0px; right:0px; top:10px; z-index:900; _position:absolute;}
.ind_topm{ width:auto; height:60px; margin:0px; position:relative; padding:0px 20px;}
.ind_topLogo{ width:auto; height:40px; float:left; padding:10px 0px 0px 0px;}
.ind_topLogo img{ width:164px; height:40px;}
.ind_topLogo:hover{ opacity:0.6; filter:alpha(opacity=60);}
.ind_topMenu{ width:740px; height:40px; position:absolute; left:50%; margin-left:-300px; top:16px; z-index:100;}
.ind_topMenu ul li{ width:auto; height:28px; line-height:28px; display:block; padding-right:38px; float:left;}
.ind_topMenu ul li a, .ind_topMenu ul li a:visited{ width:auto; height:28px; display:block; float:left; line-height:28px; font-size:16px; padding:0px 14px; border-radius:28px;}
.ind_topMenu ul li.active a, .ind_topMenu ul li.active a:visited, .ind_topMenu ul li.active a:hover{ background-color:#fff; color:#1da5cf;}

.ind_top.ind_topbg{ background-image:url(../images/opbBg04.png); background-repeat:repeat;}


.ind_topR{ width:auto; height:20px; float:right; padding:20px 0px 0px 0px; line-height:20px; color:#fff; font-size:16px;}
.ind_topR_btn{ width:auto; height:20px; float:left;}
.ind_topR_btn a, .ind_topR_btn a:visited{ width:auto; height:20px; display:block; float:left;  cursor:pointer; padding-left:20px;}
.ind_topR_btn a:hover{ opacity:0.6; filter:alpha(opacity=60); }
.btnNav a{ background-image:url(../images/topbtn_nav.png);}
.btnBack a{ background-image:url(../images/topbtn_back.png); margin-left:20px; padding-left:25px;}

.ind_banner{ width:100%; height:auto; position:absolute; left:0px; top:0px; bottom:0px; z-index:10;}
.yf_slide-main{ height:100%; position:relative;}
.yf_slide-main .item{ display:block; width:auto; height:20px; position:absolute; z-index:124; bottom:104px; left:10px; right:0px; text-align:center;}
.yf_slide-main .item a{ display:inline-block; width:40px; height:20px; margin-right:10px; background-image:url(../images/ban_item.png); opacity:0.5; filter:alpha(opacity=50); overflow:hidden; background-repeat:repeat-x; background-position:center; overflow:hidden;}
.yf_slide-main .item a:hover{ opacity:0.2; filter:alpha(opacity=20);}
.yf_slide-main .item a.cur{ opacity:1; filter:alpha(opacity=100); }
.yf_slide-box,.yf_slide{ display:block; width:100%; height:100%; overflow:hidden;}
.yf_slide-box{ position:relative;}
.yf_slide{ display:none; height:100%; position:absolute; z-index:8; background-image:url(../images/indban_bg.jpg); background-position:center; background-size:cover;}
.yf_slide a, .yf_slide a:visited, .yf_slide a:hover{ display:block; width:100%; height:100%; cursor:default; color:#fff;}
.indban_txt, .indban_img, .indban_per1, .indban_per2{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10; background-position:center; background-size:100% auto;}
.indban_per1, .indban_per2{ z-index:2;  background-size:100% auto;}
#bgstylea .indban_txt{ background-image:url(../images/indban2_txt.png);}
#bgstylea .indban_img{ background-image:url(../images/indban2_img.png);}
#bgstyleb .indban_txt{ background-image:url(../images/indban1_txt.png);}
#bgstyleb .indban_img{ background-image:url(../images/indban1_img.png);}
#bgstylec .indban_txt{ background-image:url(../images/indban3_txt.png);}
#bgstylec .indban_img{ background-image:url(../images/indban3_img.png);}
#bgstyled .indban_txt{ background-image:url(../images/indban4_txt.png);}
#bgstyled .indban_img{ background-image:url(../images/indban4_img.png);}

.indban_per1{ background-image:url(../images/indban1_per1.png);}
.indban_per2{ background-image:url(../images/indban1_per2.png);}

.indban_per1{	
 -webkit-animation-delay:0.6s;
  animation-delay:0.6s;
 -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.indban_per2{	
 -webkit-animation-delay:0.8s;
  animation-delay:0.8s;
 -webkit-animation-duration: 1s;
  animation-duration: 1s;
}


.indban_arrDown{ width:64px; height:28px; position:absolute; bottom:60px; left:50%; margin-left:-32px; z-index:20; cursor:pointer;}
.indban_arrDown a, .indban_arrDown a:visited{ width:64px; height:28px; margin:auto; display:block; background-image:url(../images/indban_arrDown.png); opacity:0.5; filter:alpha(opacity=50);}
.indban_arrDown a:hover{ opacity:0.2; filter:alpha(opacity=20);}

.indm_bg{ background-position:center; background-size:cover; background-attachment:fixed;}
.seAb{ background-image:url(../images/ind_seAb.jpg);}
.seSol{ background-image:url(../images/ind_seSol.jpg);}
.seExp{ background-image:url(../images/ind_seExp.jpg);}
.seAbl{ background-image:url(../images/ind_seAbl.jpg);}
.seCont{ background-image:url(../images/ind_seCont.jpg);}
.indm_more{ width:100%; height:auto; position:absolute; left:0px; bottom:40px; z-index:10; text-align:center; font-size:13px;}

.indm{ width:100%; height:auto; position:absolute; left:0px; top:50%; z-index:100; }
.indm_n{ width:auto; height:auto; margin:0px; padding:0px 20px;}
.seSol .indm_n, .seExp .indm_n{ padding:0px;}
.indm_nT, .indm_nTen, .indm_nTch{ width:100%; height:auto; margin:auto; text-align:center; }
.indm_nTen{ line-height:58px; color:#1da5cf; font-size:48px; font-family:"Times New Roman";}
.indm_nTch{ line-height:50px; font-size:24px;}
.indm_nTxt{ width:100%; height:auto; margin:auto; line-height:24px;}
.indm_nTxt img{ max-width:1200px; height:auto; }

.indm .indm_nTen, .indm .indm_nTch, .indm .indm_nTxt, .indm .indm_nseAb_5block, .indm .indm_nseAb_5block, .indm .indm_nseAbl_8block{ max-width:1200px;}

.indm_nTtab{ width:100%; height:50px; margin:20px auto 0px; background-image:url(../images/indm_nTtab_line.png); background-repeat:repeat-x; background-position:left bottom; text-align:center;}
.indm_nTtab ul li{ width:auto; height:50px; display:inline-block; line-height:30px; font-size:26px; color:#666; margin:0px 20px; cursor:pointer; background-position:center bottom; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.indm_nTtab ul li.on{ color:#1da5cf; background-image:url(../images/indm_nTtab_point.png);}
.indm_nTtab ul li:hover{ color:#1da5cf;}

.seAb .indm{ margin-top:-220px;}
.seAb .indm_nTxt{ text-align:center; padding:40px 0px;}
.seSol .indm{ margin-top:-220px;}
.seExp .indm{ margin-top:-335px;}
.seAbl .indm{ margin-top:-265px;}
.seAbl .indm_nTch{ opacity:0.5; filter:alpha(opacity=50); color:#fff;}
.seCont .indm{ margin-top:-205px;}

.indm_nseAb_5block{ width:100%; height:auto; margin:auto;}
.indm_nseAb_5block ul li{ width:20%; height:auto; display:block; float:left; margin-bottom:20px;}
.indm_nseAb_5block ul li dl, .indm_nseAb_5block ul li dl dt, .indm_nseAb_5block ul li dl dd{ width:100%; height:auto; margin:auto; display:block; text-align:center;}
.indm_nseAb_5block ul li dl dt img{ width:70%; height:auto; display:block; margin:auto; max-width: 96px;}
.indm_nseAb_5block ul li dl dd{ line-height:26px; padding-top:10px;}

.indm_nseSol_list{ width:100%; height:300px; margin:auto; padding-top:50px;  overflow:hidden;}
.seSolColumn{ position:relative; width:100%; height:auto; margin:auto; overflow:hidden;}

.seSolColumn .prev, .seSolColumn .next{ display:block; width:28px; height:64px; position:absolute; z-index:10; top:50%; margin-top:-32px; left:70px; background-image:url(../images/list_arr.png); background-position:left center; overflow:hidden; cursor:pointer;  }
.seSolColumn .next{  right:70px; left:inherit; background-position:right center; }
.seSolColumn .prev:hover, .seSolColumn .next:hover{ background-image:url(../images/list_arr_hover.png);}

.seSolColumn .bd{ width:100%; overflow:hidden; margin:auto; max-width:1230px; }
.seSolColumn .bd ul{ overflow:hidden; zoom:1; width:410px; float:left; display:block;}
.seSolColumn .bd ul li{ width:100%; float:left; display:block; overflow:hidden; text-align:center; margin-bottom:20px;}
.seSolColumn .bd ul li dl{ width:auto; height:auto; margin:0px 20px; background-color:#fff; display:block; overflow:hidden; position:relative; padding:10px;}
.seSolColumn .bd ul li dl .dl_img{ width:100%; height:auto; overflow:hidden; }
.seSolColumn .bd ul li dl .dl_img img{ width:100%; height:auto; display:block; margin:0px;}

.dl_hover{ width:auto; height:auto; position:absolute; left:10px; bottom:10px; right:10px; z-index:10; background-repeat:repeat;}
.dl_hover .line{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10; display:none;}
.dl_hover .line img{ width:100%; height:100%;}
.dl_hover .name{ width:auto; height:auto; position:absolute; left:0px; right:0px; bottom:0px; line-height:30px; padding:5px; font-size:18px; color:#fff; text-align:center;  background-image:url(../images/opbBg06.png); background-repeat:repeat; }
.dl_hover .more{ width:60px; height:60px; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-300px; z-index:20; display:none;}
.dl_hover .more img{ width:100%; height:100%;}

.listImgHover .dl_hover{  top:10px; background-image:url(../images/opbBg06.png); display:none; }
.listImgHover .dl_hover .line{ display:block;}
.listImgHover .dl_hover .name{ bottom:-200px; background-image:none;}
.listImgHover .dl_hover .more{ display:block;}

.indm_nseExp_list{ width:100%; height:auto; margin:auto; overflow:hidden;}
.seExpColumn{ position:relative; width:100%; height:auto; margin:auto; }

.seExpColumn .prev, .seExpColumn .next{ display:block; width:28px; height:64px; position:absolute; top:50%; z-index:900; margin-top:8px; left:70px; background-image:url(../images/list_arr.png); background-position:left center; overflow:hidden; cursor:pointer; }
.seExpColumn .next{  right:70px; left:inherit; background-position:right center; }
.seExpColumn .prev:hover, .seExpColumn .next:hover{ background-image:url(../images/list_arr_hover.png);}

.seExpColumn .bd{ width:auto; overflow:hidden; margin:auto; padding-top:30px; max-width:1230px;}
.seExpColumn .bd ul{ overflow:hidden; zoom:1; width:100%; float:left; display:block; height:488px; }
.seExpColumn .bd ul li{ width:410px; float:left; display:block; overflow:hidden; text-align:center; margin-bottom:20px;}
.seExpColumn .bd ul li dl{ width:auto; height:auto; margin:0px 20px; background-color:#fff; display:block; overflow:hidden; position:relative; cursor:pointer; padding:10px;}
.seExpColumn .bd ul li dl .dl_img{ width:100%; height:auto; overflow:hidden; }
.seExpColumn .bd ul li dl .dl_img img{ width:100%; height:auto; display:block; margin:0px;}

.indm_nseAbl_8block{ width:100%; height:auto; margin:auto;}
.indm_nseAbl_8block ul li{ width:25%; height:auto; display:block; float:left; margin-top:40px;}
.indm_nseAbl_8block ul li dl, .indm_nseAbl_8block ul li dl dt, .indm_nseAbl_8block ul li dl dd{ width:100%; height:auto; margin:auto; display:block; text-align:center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.indm_nseAbl_8block ul li dl dt img{ width:70%; height:auto; display:block; margin:auto; max-width: 80px;}
.indm_nseAbl_8block ul li dl dd{ line-height:42px; font-size:18px; padding-top:8px; color:#fff;}
.indm_nseAbl_8block ul li dl dd p.ddEn{ line-height:18px; font-size:12px; opacity:0.5; filter:alpha(opacity=50); width: 180px; margin: auto; height: 36px; overflow:hidden;}
.indm_nseAbl_8block ul li dl:hover{  opacity:0.6; filter:alpha(opacity=60);}

.indm_nseCont_m{ width:100%; height:auto; margin:60px auto 0px; max-width:1100px;}
.indm_nseCont_mMap{ width:50%; height:auto; float:left; position:relative; background-image:url(../images/cont_map.png); max-width:458px; background-size:100% auto;}
.indm_nseCont_mMap img{ width:100%; height:auto;}
.indm_nseCont_mMap .mapTxt, .indm_nseCont_mMap .mapLoc{ width:100%; height:100%; position:absolute; left:0px; top:0px; background-image:url(../images/cont_map_indtxt.png); z-index:10; background-size:100% auto; }
.indm_nseCont_mMap .mapLoc{  background-image:url(../images/cont_map_loc.png); z-index:20;}
.indm_nseCont_mTxt{ width:45%; height:auto; float:right; line-height:36px; font-size:16px; padding-top:5px;}

.indm_foot{ width:100%; height:auto; position:absolute; left:0px; bottom:0px; z-index:200; text-align:center; background-color:#333;}
.indm_footn{ width:	auto; height:auto; margin:0; text-align:center; color:#7f7f7f; font-size:12px; line-height:20px; padding:15px 10px;}
.indm_footn a, .indm_footn a:visited{ color:#7f7f7f;}
.indm_footn a:hover{ color: #1da5cf}

.yf_topLogo{
 -webkit-animation-duration: 1s;
  animation-duration: 1s;

}

.indm_nseAb_5block .seAb_em1, .indm_nseAb_5block .seAb_em5{	
 -webkit-animation-delay:0.6s;
  animation-delay:0.6s;
}

.indm_nseAb_5block .seAb_em2, .indm_nseAb_5block .seAb_em4{	
 -webkit-animation-delay:0.3s;
  animation-delay:0.3s;
}

.indm_nseAb_5block .seAb_em3{	
 -webkit-animation-delay:0.1s;
  animation-delay:0.1s;
}


@-webkit-keyframes fadeInUp_sm {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp_sm {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp_sm {
  -webkit-animation-name: fadeInUp_sm;
  animation-name: fadeInUp_sm;
}

@-webkit-keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-400px, 0, 0);
    transform: translate3d(-400px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-400px, 0, 0);
    transform: translate3d(-400px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftSmall {
  -webkit-animation-name: fadeInLeftSmall;
  animation-name: fadeInLeftSmall;
}

@-webkit-keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(400px, 0, 0);
    transform: translate3d(400px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(400px, 0, 0);
    transform: translate3d(400px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightSmall {
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}

.indm_nseAbl_8block .seAbl_em1{	
 -webkit-animation-delay:0.2s;
  animation-delay:0.2s;
}
.indm_nseAbl_8block .seAbl_em2{	
 -webkit-animation-delay:0.3s;
  animation-delay:0.3s;
}
.indm_nseAbl_8block .seAbl_em3{		
 -webkit-animation-delay:0.4s;
  animation-delay:0.4s;
}
.indm_nseAbl_8block .seAbl_em4{	
 -webkit-animation-delay:0.5s;
  animation-delay:0.5s;
}
.indm_nseAbl_8block .seAbl_em5{		
 -webkit-animation-delay:0.6s;
  animation-delay:0.6s;
}
.indm_nseAbl_8block .seAbl_em6{		
 -webkit-animation-delay:0.7s;
  animation-delay:0.7s;
}
.indm_nseAbl_8block .seAbl_em7{	
 -webkit-animation-delay:0.8s;
  animation-delay:0.8s;
}
.indm_nseAbl_8block .seAbl_em8{	
 -webkit-animation-delay:0.9s;
  animation-delay:0.9s;
}


.indm_nseCont_mTxt{
 -webkit-animation-delay:0.8s;
  animation-delay:0.8s;
}
.indm_nseCont_mMap{
 -webkit-animation-delay:0.5s;
  animation-delay:0.5s;
}
.mapTxt{
 -webkit-animation-delay:1s;
  animation-delay:1s;
}
.mapLoc{
 -webkit-animation-delay:1.4s;
  animation-delay:1.4s;
}

.indm_footn{
 -webkit-animation-delay:0.2s;
  animation-delay:0.2s;
}

.indNavShow{ box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);}
.mLeft{ width:210px; height:auto; position:fixed; _position:absolute; left:-300px; top:0px; bottom:0px; z-index:910; background-color:#fff; -webkit-transform: translateZ(0);}
.mLeft_logo{ width:202px; height:76px; margin:auto; text-align:center; padding-top:20px; padding-right:8px;}
.mLeft_logo img{ width:164px; height:40px;}

.mLeft_nav{ width:104px; height:auto; margin:auto;}
.mLeft_nav ul li{ width:100%; height:28px; display:block; margin:0px auto 22px;}
.mLeft_nav ul li a, .mLeft_nav ul li a:visited{ width:100%; height:28px; display:block; line-height:28px; text-align:center; border-radius:28px; font-size:16px; }
.mLeft_nav ul li a:hover{ opacity:0.6; filter:alpha(opacity=60);}
.mLeft_nav ul li.liCurr a, .mLeft_nav ul li.liCurr a:visited, .mLeft_nav ul li.liCurr a:hover{ background-color:#1da5cf; color:#fff;}

.mLeft_footTxt{ width:100%; height:24px; position:absolute; left:0px; bottom:20px; z-index:10; background-image:url(../images/mLeft_footTxt.png); background-position:top center;}

.mLeft_btnClose{ width:15px; height:15px; position:absolute; right:5px; top:5px; z-index:20; cursor:pointer; background-image:url(../images/popClose.png);}
.mLeft_btnClose:hover{ background-image:url(../images/popClose_hover.png);}



.mBody{ background-color:#e9f6fa;}
.mBody .ind_top{ display:none;}
.mBody .indNavShow{ box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);}
.mBody .mLeft{ left:0px;}
.mBody .mLeft .mLeft_btnClose{ display:none;}
.mBody .indm_nT, .mBody .indm_nTen, .mBody .indm_nTch, .mBody .indm_nTxt{ text-align:left; }
.mBody .indm_nTxt p{ padding:10px 0px;}
.mBody .indm_nseAb_5block{ width:auto; padding:20px 0px 20px 35px; margin:0px -35px;}
.mBody .indm_nseAb_5block ul li{ width:76px; margin-right:120px;}
.mBody .indm_nseAb_5block ul li dl dt img{ width:100%;}
.mBody .seSolColumn, .mBody .seExpColumn{ height:auto;}

.mBody .indm_nseCont_mMap{ width:458px; margin-right:40px;}
.mBody .indm_nseCont_mTxt{ width:600px; float:left; padding-bottom:20px;}


.mR_topBan{ width:auto; height:200px; position:fixed; _position:absolute; top:0px; left:210px; right:0px; z-index:20; -webkit-transform: translateZ(0);}
.mR_topBanBg{ width:100%; height:200px; position:absolute; left:0px; top:0px; z-index:20; background-position:top center; background-size: cover;}
.nban_ab{ background-image:url(../images/ntopbg_ab.jpg);}
.nban_pro{ background-image:url(../images/ntopbg_pro.jpg);}
.nban_case{ background-image:url(../images/ntopbg_case.jpg);}
.nban_abl{ background-image:url(../images/ntopbg_abl.jpg);}
.nban_job{ background-image:url(../images/ntopbg_job.jpg);}

.mR{ width:auto; height:auto; position:absolute; top:200px; left:210px; right:0px;  z-index:10;}
.mR_n{ width:100%; height:auto; margin:auto;}
.mR_t{ width:auto; height:auto; margin:0px; padding:35px 35px 10px;}
.mR_b{ width:auto; height:auto; margin:0px; padding:0px 35px 30px;}

.m_nTxt_abLm{ width:100%; height:auto; margin:auto; line-height:24px;}
.m_nTxt_abLm p{ padding:10px 0px;}
.m_nTxt_abLm p b{ font-size:15px; font-weight:bold;}
.m_nTxt_abLm p.pTitle{ padding:15px 0px 0px; font-size:15px; font-weight:bold;}

.mR_foot{ width:100%; height:auto; margin:auto; text-align:center; background-color:#333;}

.mBody .mLeft_nav{
-webkit-animation-delay:0.1s;
  animation-delay:0.1s;	
}

.mBody .indm_nTen{
-webkit-animation-delay:0.1s;
  animation-delay:0.1s;	
}

.mBody .indm_nTch, .mBody .mR_caseTab{
-webkit-animation-delay:0.15s;
  animation-delay:0.15s;	
}

.mBody .indm_nTxt, .mBody .mR_proList ul, .mBody .mR_caseList ul li, .mBody .mR_page, .mBody .mR_mnTitle{
-webkit-animation-delay:0.2s;
  animation-delay:0.2s;	
}

.indm_nseAb_5block .seAb_em1{	
 -webkit-animation-delay:0.2s;
  animation-delay:0.2s;
}
.indm_nseAb_5block .seAb_em2{	
 -webkit-animation-delay:0.3s;
  animation-delay:0.3s;
}
.indm_nseAb_5block .seAb_em3{		
 -webkit-animation-delay:0.4s;
  animation-delay:0.4s;
}
.indm_nseAb_5block .seAb_em4{	
 -webkit-animation-delay:0.5s;
  animation-delay:0.5s;
}
.indm_nseAb_5block .seAb_em5{		
 -webkit-animation-delay:0.6s;
  animation-delay:0.6s;
}



.mR_proList{ width:auto; height:auto; margin:0px -35px; padding:20px 10px 0px 35px;}
.mBody .seSolColumn .bd{ width:100%; max-width:none;}
.mBody .seSolColumn .bd ul{ visibility:hidden; width:25%;}
.mBody .seSolColumn .bd ul li dl{ margin:0px 20px 0px 0px; }

.mR_caseTab{ width:auto; height:auto; margin:0px -35px; padding:15px 5px 0px 35px;}
.mR_caseTab ul{ width:auto; height:auto; float:left;}
.mR_caseTab ul li{ width:auto; height:26px; display:block; float:left; line-height:26px; margin-bottom:10px; border-radius:28px; padding:0px 18px; color:#666; border:1px #ccc solid; background-color:#fff; margin-right:10px; cursor:pointer; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.mR_caseTab ul li.liCurr{ background-color:#1da5cf; border:1px #1da5cf solid; color:#fff;}
.mR_caseTab ul li:hover{ opacity:0.6; filter:alpha(opacity=60); color:#1da5cf;}
.mR_caseTab ul li.liCurr:hover{ color:#fff;}

.mR_backList{ width:auto; height:auto; float:right; padding-right:35px;}
.mR_backList a, .mR_backList a:visited{ width:auto; height:26px; display:block; float:left; line-height:26px; margin-bottom:10px; border-radius:28px; padding:0px 18px; color:#666; border:1px #ccc solid; background-color:#fff;}
.mR_backList a:hover{ opacity:0.6; filter:alpha(opacity=60); color:#1da5cf;}
.indm_nTch .mR_backList{ margin-top:10px; padding-right:0px;}

.mR_caseList{ width:auto; height:auto; margin:0px -35px; padding:10px 10px 0px 35px;}
.mBody .seExpColumn .bd{ width:100%; padding-top:0px; max-width:none;}
.mBody .seExpColumn .bd ul{ width:100%; height:auto; }
.mBody .seExpColumn .bd ul li{ visibility:hidden; width:25%; }
.mBody .seExpColumn .bd ul li dl{ margin:0px 20px 0px 0px;}

.mR_page{ width:100%; height:auto; margin:auto; text-align:center; padding-bottom:10px;}
.mR_page ul li{ width:40px; height:4px; display:inline-block; border-radius:10px; background-color:#ccc; margin-left:5px; margin-right: 5px; cursor:pointer; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.mR_page ul li.liCurr{ background-color:#1da5cf;}
.mR_page ul li:hover{ background-color:#1da5cf;}

.mR_mnTitle{ width:100%; height:auto; margin:auto; line-height:40px; font-size:24px; color:#1da5cf;}

.mR_njob_m{ width:100%; height:auto; margin:auto; padding:26px 0px 0px;}
.mR_njob_m ul{ max-width:1300px; float:left; width:100%;}
.mR_njob_m ul li{ width:50%; height:auto; float:left; display:block; visibility:hidden;}
.mR_njob_m ul dl{ width:100%; height:auto; float:left; display:block;}
.mR_njob_m ul dl dt{ width:100px; height:100px; float:left; display:block; margin-right:20px; margin-bottom:10px; line-height:100px;}
.mR_njob_m ul dl dt span{ width:100%; height:100%; display:block; float:left; border-radius:50%; color:#fff; text-align:center;  font-size:26px; letter-spacing:-2px; background-color:#4dbae5; overflow:hidden;}
.mR_njob_m ul dl dd{ width:78%; height:auto; display:block; float:left; line-height:24px; font-size:14px; padding-bottom:32px; min-width:320px;}
.mR_njob_m ul dl dd p.p_title{ line-height:40px; font-size:16px;}
.mR_njob_m ul dl dd p{ width:100%; display:block; float:left; margin-bottom:5px;}
.mR_njob_m ul dl dd p span{ width:130px; display:block; float:left;}
.mR_njob_mtxt_fl{ width:auto; height:auto; margin:0px; border-top:1px #dce8ec solid; padding:14px 16px 4px 120px;  font-size:14px; position:relative;}
.mR_njob_mtxt_fl span{ width:auto; height:24px; display:block; line-height:22px; }
.mR_njob_mtxt_fl span.Title{ position:absolute; left:14px; top:14px; z-index:10; }
.mR_njob_mtxt_fl span.bgcolor{ background-color:#4dbae5; color:#fff; border-radius:20px; padding:0px 14px; float:left; margin-right:10px; margin-bottom:10px;}
.mR_njob_mtxt{ width:auto; height:auto; margin:0px; border-top:1px #dce8ec solid; line-height:24px; padding:18px 14px 20px; font-size:14px;}

.mR_njob_m ul li.njob_dl1{
  -webkit-animation-delay:0.2s;
  animation-delay:0.2s;
}
.mR_njob_m ul li.njob_dl2{
  -webkit-animation-delay:0.3s;
  animation-delay:0.3s;
}
.mR_njob_m ul li.njob_dl3{
  -webkit-animation-delay:0.4s;
  animation-delay:0.4s;
}
.mR_njob_m ul li.njob_dl4{
  -webkit-animation-delay:0.5s;
  animation-delay:0.5s;
}

.mR_njob_m, .mR_njob_mtxt_fl, .mR_njob_m, .mR_njob_mtxt{
  -webkit-animation-delay:0.6s;
  animation-delay:0.6s;
}

.mBody .indm_nseCont_m{ width:100%; margin:0px; padding-top:40px;}

.mRcode{ width:168px; height:auto; position:fixed; _position:absolute; right:0px; bottom:0px; z-index:90; background-color:#fff; border:1px #ccc solid;  padding:18px 0px 10px;  -webkit-transform: translateZ(0);}
.mRcodeImg{ width:100%; height:auto; margin:auto; text-align:center;}
.mRcodeImg{ width:130px; height:130px;}
.mRcodeTxt{ width:100%; height:auto; margin:auto; text-align:center; font-size:13px; line-height:20px; padding-top:10px; }
.mRcode .mLeft_btnClose{ right:3px; top:3px;}

.goTop, .btnCode{ width:48px; height:48px; position:fixed; _position:absolute; right:0px; bottom:75px; z-index:99; -webkit-transform: translateZ(0); cursor:pointer;}
.mcase .goTop{ bottom:220px;}
.goTop{ display:none;}
.goTop a{ width:48px; height:48px; display:block; margin:auto;  border-radius:4px; background-color:rgba(0, 0, 0, 0.2);}
.goTop a:hover{ background-color:#1da5cf;}

.btnCode{ bottom:162px; background-color:rgba(0, 0, 0, 0.2); border-radius:4px; right:-50px;}
.btnCode img{ width:40px; height:40px; padding:4px;}

.mb_prompt{ width:100%; height:auto; position:fixed; _position:absolute; z-index:1000; left:0px; top:0px; bottom:0px; background-color:#e9f6fa; background-image:url(../images/mb_prompt.png); background-position:center; background-size:auto 90%; display:none;}

.mR_nPla{ width: auto; height: auto; margin: 0; padding-top:20px; max-width: 1200px;}
.mR_nPla ul li, .mR_nPla ul li dl, .mR_nPla ul li dt, .mR_nPla ul li dd, .mR_nPla ul li i{ width: auto; height: auto; margin: 0px; display: block;}
.mR_nPla ul{ width: 100%; float: left;}
.mR_nPla ul li{ width: 380px; float: left; margin-bottom: 30px;}
.mR_nPla ul li dl{ margin-right:40px; border: 2px #1da5cf solid; padding:20px 20px 20px 110px; position: relative; border-radius: 6px;}
.mR_nPla ul li dl dt{ line-height: 30px; font-size: 15px; font-weight: bold;}
.mR_nPla ul li dl dd{ line-height: 22px; }
.mR_nPla ul li dl i.iIcon{ width: 60px; height: 60px; position: absolute; left: 22px; top:22px; z-index: 1;}
.mR_nPla ul li dl i.iIcon img{ width: 60px; height: 60px; display: block; margin: 0px;}

.mR_nPla_img{ width: auto; height: auto; margin: 0; padding-top:20px;}
.mR_nPla_img ul{ width: 100%; float: left;}
.mR_nPla_img ul li{ width: auto; height: auto; margin: 0px; display: block; float: left; margin:0px 40px 20px 0px;}
.mR_nPla_img ul li img{ width: 320px; height: auto; display: block; margin: 0;}

@media (max-width: 1600px) {
	
	.mBody .seSolColumn .bd ul{ width:33.3333%;}
	.mBody .seExpColumn .bd ul li{ width:33.3333%; }
		
}

@media (max-width: 1250px) {
	
	.mBody .seSolColumn .bd ul{ width:50%;}
	.mBody .seExpColumn .bd ul li{ width:50%; }
		
}

@media (max-width: 1275px) {
	
	.seSolColumn .bd{ width:820px;}
	.seExpColumn .bd{ width:820px;}
		
}


@media (max-width: 1132px) {
		
	.seAb .indm_nTxt{ text-align:left;}	
	.seAb .indm_nTxt p{ padding-bottom:6px;}
	
	.indm_nTxt img{ max-width:100%;}

}



@media (max-width: 910px) {	

   .ind_topMenu{ display:none;}
     
   .seSolColumn .prev{ left:20px;}
   .seSolColumn .next{ right:20px;}
   
   .indm_nTtab ul li{ margin:0px 15px;} 
   .seExpColumn .prev{ left:20px;}
   .seExpColumn .next{ right:20px;}
       
   .mBody .mR_njob_m ul li{ width:100%;}
   .mBody .indm_nseCont_mMap{ width:100%; margin:auto;}
   .mBody .indm_nseCont_mTxt{ width:100%;}
   .mBody .indm_nseAb_5block ul li{ margin-right:40px;}
   
   .indban1_em1, .indban1_em2{  background-size:120% auto;}
    
}

@media (max-width: 875px) {	

   .seSolColumn .bd{ width:410px;}
   .seExpColumn .bd{ width:410px;}
}

@media (max-width: 820px) {	
   
   .mBody .mR_caseList{ margin:0px; padding:0px;}
   .mBody .seExpColumn .bd ul li{ width:100%;}
   .mBody .seExpColumn .bd ul li dl{ margin:0px;}	
		
   .mBody .mR_proList{ margin:0px; padding:0px;}
   .mBody .seSolColumn .bd ul{ width:100%;}
   .mBody .seSolColumn .bd ul li dl{ margin:0px;}	
}




@media (max-width: 640px) {

	.mLeft_btnClose{background-image:url(../images/mb_popClose.png); background-size: 15px 15px;}
	.mLeft_btnClose:hover{ background-image:url(../images/mb_popClose_hover.png);}
	.ind_topR_btn a, .ind_topR_btn a:visited{background-size: 20px 20px;}
	.btnNav a{ background-image:url(../images/mb_topbtn_nav.png);}
	.btnBack a{ background-image:url(../images/mb_topbtn_back.png); }
	.mLeft_footTxt{background-image:url(../images/mb_mLeft_footTxt.png); background-size: 168px 24px;}
	.indm_nTtab ul li{background-size: 12px 12px;}
	.indm_nTtab ul li.on{  background-image:url(../images/mb_indm_nTtab_point.png); }
	
	.seAbl .indm{ margin-top:-228px;}
	.indm_nseAbl_8block ul li dl dd p.ddEn{ display:none;} 
	
	.indm_nTtab ul li{ margin:0px 10px;}

	.seCont .indm{ margin-top:-279px;}
	.indm_nseCont_m{ margin-top:20px;}
	.mBody .indm_nseCont_m{ padding-top:20px;}  
	.indm_nseCont_mMap, .mBody .indm_nseCont_mMap{ width:300px; margin:auto; float:none;} 
	.indm_nseCont_mTxt{ width:100%; margin:auto; float:none;}
	.indm_more{ bottom:20px;}
	 
	.mBody .mLeft{ left:-300px;}
	.mBody .ind_top{ display:block; background-image:url(../images/opbBg04.png); background-repeat:repeat; top:0px;}
	.mBody .ind_topm{ padding:0px 10px;}
	.mBody .mR_topBan{ left:0px;}
	.mBody .mR{ left:0px;}
	.mBody .mLeft .mLeft_btnClose{ display:block;}
	.mBody .indm_nseCont_m{ padding-top:20px;}  

	.seAb{ background-image:url(../images/mb_ind_seAb.jpg);}
	.seExp{ background-image:url(../images/mb_ind_seExp.jpg);}
	.seCont{ background-image:url(../images/mb_ind_seCont.jpg);}
	.nban_case{ background-image:url(../images/mb_ntopbg_case.jpg);}
	.nban_abl{ background-image:url(../images/mb_ntopbg_abl.jpg);}
	
	.indban_arrDown{ bottom:20px;}
	.yf_slide-main .item{ bottom:60px;}
	
	.yf_slide{  background-image:url(../images/mb_indban.jpg);}
	
	.indban_txt, .indban_img{  background-size:auto 96%; background-position:top center;}
	.indban_txt{  background-size:auto 90%;}
	#bgstylea .indban_txt{ background-image:url(../images/mb_indban2_txt.png);}
	#bgstylea .indban_img{ background-image:url(../images/mb_indban2_img.png);}
	#bgstyleb .indban_txt{ background-image:url(../images/mb_indban1_txt.png);}
	#bgstyleb .indban_img{ background-image:url(../images/mb_indban1_img.png);}
	#bgstylec .indban_txt{ background-image:url(../images/mb_indban3_txt.png);}
	#bgstylec .indban_img{ background-image:url(../images/mb_indban3_img.png);}
	#bgstyled .indban_txt{ background-image:url(../images/mb_indban4_txt.png);}
	#bgstyled .indban_img{ background-image:url(../images/mb_indban4_img.png);}
	
	.indban_per1{ background-image:url(../images/mb_indban1_per1.png);}
	.indban_per2{ background-image:url(../images/mb_indban1_per2.png);}
	
	.yf_slide-box .fadeInUp {
	  -webkit-animation-name: fadeInRight;
	  animation-name: fadeInRight;
	}
	.yf_slide-box .fadeInRight {
	  -webkit-animation-name: fadeInLeft;
	  animation-name: fadeInLeft;
	}


}

@media (max-width: 620px) {	

    h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,table,ul,li,dl,dt,dd,marquee{font-size:13px; }
	.indm_nTen{ font-size: 33px; letter-spacing: -1px; line-height:48px;}
	.indm_nTch{ font-size:20px; line-height:30px; }
	.indm_nTtab ul li{ font-size:20px; margin:0px 5px;}	
	
	.seAbl .indm{ margin-top:-190px;}
	.indm_nseAbl_8block ul li dl dd{ font-size:15px;}
	.mBody .mR_mnTitle{ font-size:18px;}
		
	.seCont .indm{ margin-top:-225px;}
	.indm_nseCont_mTxt{ font-size:13px; line-height:24px;}
	
	.mBody .mR_njob_m ul dl dt{ width:80px; height:80px; line-height:80px;}
	.mBody .mR_njob_m ul dl dt span{ font-size:22px;}
	.mBody .mR_njob_mtxt_fl{ padding:50px 16px 4px 16px}
	
	.seSolColumn .prev{ left:10px;}
    .seSolColumn .next{ right:10px;}
      
    .seExpColumn .prev{ left:10px;}
    .seExpColumn .next{ right:10px;}

}

@media (max-width: 580px) {	
   
   .dl_hover .name{ font-size:15px;}
   .dl_hover .more{ width:40px; height:40px; margin-top:-20px; margin-left:-20px;}
   
   .mBody .mR_t{ padding:20px 20px 10px}
   .mBody .mR_b{ padding:0px 20px 15px;} 

			
}

@media (max-width: 520px) {	

   .indm_nTtab ul li{ margin:0px 2px;}	 
   .dl_hover .more{ width:50px; height:50px; margin-top:-25px; margin-left:-25px;}
   .mR_njob_m ul dl dd{ width:100%; min-width:inherit;}
     
   
}

@media (max-width: 500px) {
	.mR_topBan, .mR_topBanBg{ height:150px;}
    .mR{ top:150px;}
}

@media (max-width: 450px) {
	
   .seSol .indm{ margin-top:-190px}	
   .seSolColumn .bd{ width:350px;}
   .seSolColumn .bd ul{ width:350px;}
   
   .seExp .indm{ margin-top:-200px}
   .seExpColumn .bd{ width:350px;}
   .seExpColumn .bd ul{ height:200px;}
   .seExpColumn .bd ul li{ width:350px;}

}

@media (max-width: 348px) {	
    
	.btnBack{ width:80px; overflow:hidden;}

}

@media (max-width: 320px) {	

    .indm_nTen{ font-size: 28px;}
	.indm_nTch{ font-size:16px; }
	.indm_nTtab{ margin-top:0px;}
	.indm_nTtab ul li{ font-size:16px;}	
	
	.seCont .indm{ margin-top:-260px;}
	.indm_nseAbl_8block ul li dl dd{ font-size:13px;}
	.mBody .mR_mnTitle{ font-size:15px;}
	.indm_nseAb_5block ul li dl dd{ font-size:12px;}
	
	.mBody .indm_nseCont_m{ padding-top:5px;}
	.indm_nseCont_mMap, .mBody .indm_nseCont_mMap{ width:100%;}
	
	.seSol .indm{ margin-top:-190px}	
    .seSolColumn .bd{ width:300px;}
    .seSolColumn .bd ul{ width:300px;}
   
    .seExp .indm{ margin-top:-258px}
    .seExpColumn .bd{ width:300px;}
    .seExpColumn .bd ul{ height:360px;}
    .seExpColumn .bd ul li{ width:300px;}

}



