@charset "utf-8";
html {height: 100%;-webkit-tap-highlight-color: transparent;-webkit-font-smoothing: antialiased;}

.pc{display:none!important;}
.sp{display:block!important;}

*{box-sizing:border-box;font-size:16px;}

.content img{
max-height:1500px;
max-width:630px;
width:expression_r((this.width > 630 && this.width > this.height) ? '630px': this.width+'px');
height:expression_r((this.height > 1500 && this.height > this.width) ? '1500px': this.height+'px');
float:middle;
}

img{
 width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;
}

@media screen and (max-width:640px) {
  body #body_inner {position:absolute!important;top:0!important;}
  .pc{display:block!important;} 
  .sp{display:none!important;}
}

body {
  *font: 82% sans-serif;
  *font-size:small;
  *font:x-small;
  margin: 0;
  min-height: 100%;
  color: #333;
  font: 13px sans-serif;
  line-height: 1.7;
  font-family: 'Microsoft Yahei','Arial', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN',  sans-serif;
  background-color:#f6f6f6;
  -webkit-text-size-adjust: 100%;
}

#body_inner{min-width: 1024px;}

.fl{ float: left;width:200px }
.fr{ float: left; }

@media screen and (max-width:640px) {
  #body_inner{width: 100%;min-width: auto;}
}



/* ========================================================================

Header

======================================================================== */


/* wrap

------------------------------------------------------------------------ */


html, legend {
  color: #000;
}
.no_rwd h1, .no_rwd h2, .no_rwd h3, .no_rwd h4, .no_rwd h5, .no_rwd h6, .no_rwd li, .no_rwd p, .no_rwd td, fieldset, img {
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNzRGQUI5MDNCRTgxMUUzOUVDM0UzNDJDMjUxNTU2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNzRGQUI5MTNCRTgxMUUzOUVDM0UzNDJDMjUxNTU2RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE3NEZBQjhFM0JFODExRTM5RUMzRTM0MkMyNTE1NTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE3NEZBQjhGM0JFODExRTM5RUMzRTM0MkMyNTE1NTZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAAAsAAAAAAEAAQAAAgJEAQA7);
  background-repeat: no-repeat;
}
a,
a:hover,
a:active,
a:link,
a:visited,
del,
ins {
  color: #262626;
  text-decoration: none;
}

a.gray:hover,
a:hover {
  color: #367eb3;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}

a img{
  -webkit-transition: 0.2s ease-out;
  -moz-transition:  0.2s ease-out;
  -ms-transition:   0.2s ease-out;
  -o-transition:    0.2s ease-out;
  transition:     0.2s ease-out;

}
a:hover img {
  opacity:0.6 !important;
  filter: alpha(opacity=60) !important;
  -ms-filter: "alpha( opacity=60 )" !important;
  


}
a.hdp:hover img {
  opacity:1 !important;
  filter: alpha(opacity=100) !important;
  -ms-filter: "alpha( opacity=100 )" !important;
}

a.gray,
*.gray{ color: #acacac; }

.inner {
  filter: alpha(opacity=100);
}
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;

  padding: 0;
}
fieldset, img {
  border: 0;
}
address, caption, cite, code, dfn, em, optgroup, strong, th, var {
  font-weight: inherit;
  font-style: inherit;
}
li {
  list-style: none;
  display:inline;
  

}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400;
}
button, input, optgroup, option, select, textarea {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
}
button, input, select, textarea {
  font: 99%;
}
.blurb p, .error, .paragraph .day.bold, em, strong {
  font-weight: 700;
}


/* for modern browsers */
.clearfix:before,
.clearfix:after { display:table; content:""; }
.clearfix:after { clear:both; }
/* for IE6/7 */
.clearfix { zoom:1; }

img {
  vertical-align: bottom;
}
#js-gnav-layer {
  width: 100%;
  height: 100px;
  opacity: .6;
  display: none;
  position: absolute;
  left: 0;
  z-index: 10;
}
.gnav01,
.gnav02,
.gnav03,
.gnav04,
.gnav05,
.gnav06 {
  z-index: 100;
}
.powerworld_tel{float:right; font-size:25px;display: inline;}
@media screen and (max-width: 1024px){.powerworld_tel{display: none;}}
#Head {-webkit-box-sizing: border-box;box-sizing: border-box;background-color: white;min-width: 1024px;}
#Head_bar{height: 34px; background: #f6f6f6;border-bottom: 1px solid #ececec;text-align: center;position: relative;z-index: 10000;}

@media screen and (max-width:1024px) {
  #Head_bar{ display: none; }
}

#Head_bar_inner{height: 34px;width: 1024px;margin: 0 auto;text-align: left;}

#head_inner {margin: 0 auto;width: 1024px;height: 96px;position: relative;}

@media screen and (max-width:1024px) {
  #head_inner {width: auto;height: 72px;margin-right: 144px;}
}

#Head #headLogo {position: absolute;width: 128px;bottom:5px;left: 0;}
#Head #headLogo img{width: 100%;}

#Head .search-form-sp,
#Head .search-icon-sp{display: none;}

@media screen and (max-width:1024px) {
  #Head { border-bottom: 1px solid #e6e6e6;height: 72px;min-width: auto;}
  #Head #headLogo {position: absolute;top: 20px;left:20px;z-index:1000;}
  #Head #headLogo span img{width:80%;}
}

#Head #Head_menu {float: right;font-size: 14px;height: 34px;}
#Head #Head_menu ul{height: 34px;}
#Head #Head_menu a,
#Head #Head_menu span{font-size: 14px;font-weight: 700;}

#Head_menu_sp{display: none;}

@media screen and (max-width:1024px) {
  #Head_menu {display:none;}
  #Head_menu .sp_submenu{width: 100%;}
  #Head_menu_sp{margin-top: 20px;display: block;  }
  #Head_menu_sp div{padding: 20px;border-top: 1px solid #828383;  }
  #Head_menu_sp div div{padding: 0;border: none;  }
  #Head_menu_sp a,
  #Head_menu_sp span{
    margin-right: 1.2em;
    padding: 0;
    width: auto;
    height: 20px;
    display: inline-block;
    float: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }
  #Head_menu_sp span.parts-sp{
    padding-right: 14px;
    background: url(/static/style/icon_arrow_down.png) right center no-repeat;
    background-size: 9px 7px;
  }
  #Head_menu_sp span.parts-sp.active{ background-image: url(/static/style/icon_arrow_up.png); }
  #Head_menu_sp span.global-sp{
    padding-right: 20px;
    padding-left: 10px;
    background: url(/static/style/icon_arrow_down.png) right 5px center no-repeat;
    background-color: white;
    background-size: 9px 7px;
  }
  #Head_menu_sp span.global-sp.active{ background-image: url(/static/style/icon_arrow_up.png); }
  #Head_menu_sp .mg0{
    margin: 0;
  }
  #Head_menu_sp a.login{
    margin-right: 0;
    padding-left: 28px;
    background: url(/static/style/icon_login.png) left center no-repeat;
    display: inline-block;
  }

  #Head_menu_sp .parts-list-sp,
  #Head_menu_sp .global-list-sp,
  #Head_menu_sp .lang-list-sp{
    display: none;
  }
  #Head_menu_sp .parts-list-sp a,
  #Head_menu_sp .global-list-sp a,
  #Head_menu_sp .lang-list-sp a{
    margin: 10px 10px 0 0;
    padding: 0 10px 0 0;
    height: 18px;
    height: auto;
    border-right: 1px solid #8a8a8a;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    line-height: 1.4;
  }
  #Head_menu_sp .parts-list-sp a:last-child,
  #Head_menu_sp .global-list-sp a:last-child,
  #Head_menu_sp .lang-list-sp a:last-child{
    border: none;
  }

  #Head_menu_sp span.lang-sp{
    background: url(/static/style/img_cn.png) right 40px center no-repeat;
    background-size: 22px 20px;
  }
  #Head_menu_sp span.lang-sp span{
    background: url(/static/style/icon_arrow_down.png) right 10px center no-repeat;
    background-size: 9px 7px;
    padding-right: 56px;
  }
  #Head_menu_sp span.lang-sp.active span{
    background-image: url(/static/style/icon_arrow_up.png);
  }
  .mean-container .mean-nav{
    position: absolute;
    background: none;
    float: none;
    background: rgba(255,255,255,0.95) !important;
    z-index: 100;
  }
  .mean-container .mean-nav ul li a,
  .mean-container .mean-nav ul li span{
    padding: 0;
    margin: 0;
    height: 48px;
    font-size: 16px;
    line-height: 48px;
  }
  .mean-container .mean-nav ul li .link,
  .mean-container .mean-nav ul li .drop{
    margin: 0 20px;
  }
  .mean-container .mean-nav ul li .drop span{float:left;clear:both;margin:0 20px;padding:0}
  .mean-container .mean-nav ul li .link span{
    padding: 0;
    margin: 0;
  }


  .mean-container .mean-nav ul li img{
    display: inline-block;
  }
  .mean-container .mean-nav ul li .link{
    background: url(/static/style/icon_spmenu_link.png) right center no-repeat !important;
    background-size: 14px 14px !important;
  }
  .mean-container .mean-nav ul li{
    position: relative;
  }
  .mean-container .mean-nav ul li a.mean-expand{
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 48px;
    background: url(/static/style/icon_spmenu_open.png) right 20px center no-repeat transparent !important;
    background-size: 14px 14px !important;
    overflow: hidden;
    top: 0%;
    right: 0;
    line-height: 48px;
    text-indent: -9999em;
  }
  .mean-container .mean-nav ul li a.mean-clicked{
    background-image: url(/static/style/icon_spmenu_close.png) !important;
  }
  .mean-container .mean-nav ul li ul.sp_submenu .left{
    width: 50%;
    float: left;
  }
  .mean-container .mean-nav ul li ul.sp_submenu li{float: left;padding: 0 20px;width:46%; margin-left: 4%; box-sizing: border-box;}
  .mean-container .mean-nav ul li ul.sp_submenu li a{padding: 0;font-size: 13px; }
  ul.sp_submenu  a::before {margin-top: -0.5em;width: 1em;display: block;position: absolute;top: 50%;left: 0;line-height: 1em; text-align: center;content: "+";}
  
  
  
  .mean-container .mean-nav ul li ul.sp_submenu .right{
    width: 50%;
    float: right;
  }
  .mean-container .mean-nav ul li ul.sp_submenu .left a,
  .mean-container .mean-nav ul li ul.sp_submenu .right a{
    box-sizing: border-box;
    padding: 10px 0 10px 20px;
    width: 100% !important;
    height: auto !important;
    display: block;
    position: relative;
    color: #818181;
    font-size: 13px;
    line-height: 1.5;
  }
  .mean-container .mean-nav ul li ul.sp_submenu .left a::before,
  .mean-container .mean-nav ul li ul.sp_submenu .right a::before{
    margin-top: -0.5em;
    width: 1em;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 1em;
    text-align: center;
    content: "+";
  }
}
#Head #Head_menu ul li{
  position: relative;
  float: left;
  height: 34px;
  vertical-align: top;
}
#Head #Head_menu ul li.support,
#Head #Head_menu ul li.global{
  margin-right: 50px;
}
#Head #Head_menu ul li.support span,
#Head #Head_menu ul li.global span{
  border: none;
}

#Head #Head_menu ul li a,
#Head #Head_menu ul li span{
  display: inline-block;
  height: 34px;
  cursor: pointer;
  color: #656565;
}
#Head #Head_menu ul li a:hover,
#Head #Head_menu ul li span:hover{
  color: #367eb3;
}
#Head #Head_menu ul li a span,
#Head #Head_menu ul li span span{
  padding: 0 15px;
  margin: 10px 0;
  display: block;
  height: 14px;
  line-height: 14px;
  border-right:1px solid #d7d7d7;
}
#Head #Head_menu ul li.parts div,
#Head #Head_menu ul li.language div{
  padding: 5px 10px;
  width: 200px;
  background: #f6f6f6;
  display: none;
  position: absolute;
  left: 0;
  top: 34px;
  z-index: 1000;
}
#Head #Head_menu ul li.parts div a,
#Head #Head_menu ul li.language div a{
  height: auto;
  line-height: 1.6;
}

#Head #Head_menu .language .lang-list-pc{
  width: 100%;
}


#Head #Head_menu ul li.parts span span{
  padding-right: 24px;
  background: url(/static/style/icon_arrow_down.png) right 10px center no-repeat;
  background-size: 9px 7px;
  cursor: pointer;
}
#Head #Head_menu ul li.parts.active span span{
  background-image: url(/static/style/icon_arrow_up.png);
}
#Head #Head_menu ul li.brazil{
  border-right: none;
}
#Head #Head_menu ul li.global span span{
  padding-right: 34px;
  background: url(/static/style/icon_arrow_down.png) right 20px center no-repeat;
  background-size: 9px 7px;
  cursor: pointer;
}
#Head #Head_menu ul li.global.active span span{
  background-image: url(/static/style/icon_arrow_up.png);
}

#Head_global{
  background: #f6f6f6;
  padding: 20px 0;
  text-align: center;
  display: none;
  position: relative;
  z-index: 9000;
  margin-top: -1px;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width:1024px) {
  #Head_global{ display: none; }
}


#Head_global ul{
  margin: 0 auto;
  padding: 0 30px 0 150px;
  text-align: left;
  box-sizing: border-box;
  width: 1024px;
}
#Head_global ul li{
  padding: 0;
  float: left;
  height: 30px;
}
#Head_global ul li a{
  padding: 0 15px;
  display: block;
  line-height: 14px;
  margin: 10px 0;
  border-right: 1px solid #d7d7d7;
}
#Head_global ul li:last-child a{
  border: none;
}
#Head_global ul li a:hover{
  text-decoration: none;
}
#Head_global ul li:last-child{
  padding-right: 0;
  border: none;
}
#Head #Head_menu .language{
  position: relative;
}

#Head #Head_menu .language span{
  background: url(/static/style/img_cn.png) right 28px center no-repeat;
  background-size: 24px 22px;
}
#Head #Head_menu .language span span{
  background: url(/static/style/icon_arrow_down.png) right 10px center no-repeat;
  background-size: 9px 7px;
  padding-right: 60px;
}
#Head #Head_menu .language.active span span{
  background-image: url(/static/style/icon_arrow_up.png);
}
#Head #Head_menu a,
#Head #Head_menu span{
  font-weight: 700;
}
#Head #Head_menu a:hover{
  text-decoration: none;
}
#Head #Head_menu .login a span{
  padding-left: 35px;
  background: url(/static/style/icon_login.png) left 15px center no-repeat;
  background-size: 14px 14px;
  display: inline-block;
}
#Head #Head_menu .btn{
  cursor: pointer;
}

#Head #Head_menu .search_form{
  float: left;
}

#Head #Head_menu .search_text{
  padding: 0 44px 0 20px;
  width: 286px;
  background: url(/static/style/head_icon_search_gray.png) right 12px center no-repeat #f2f2f2;
  background-size: 20px 20px;
  border: none;
  display: none;
  line-height: 36px;
  height: 36px;
  position: absolute;
  right: 0;
  top: 35px;
}
#Head #Head_menu .on{
  background: url(/static/style/head_icon_search_black.png) right 12px center no-repeat #f2f2f2;
  background-size: 20px 20px;
}

#Head #Head_menu .search_text::-webkit-input-placeholder,
#Head #Head_menu .search_text::-moz-placeholder,
#Head #Head_menu .search_text::-ms-input-placeholder {
  color: white; 
}
#Head #Head_menu span.search_icon{
  width: 34px;
  height: 34px;
  background: url(/static/style/head_icon_search_black.png) center center no-repeat;
  background-size: 15px 15px;
  border: none;
  overflow: hidden;
  display: block;
  text-indent: -9999em;
}
#Head #Head_menu span.search_icon.open{
  background-image: url(/static/style/head_icon_search_close.png);
}
#Head #Head_menu span.search_icon:hover{
  opacity:0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}
#Head #Head_menu #search_btn{
    width: 45px;
    position: absolute;
    top: 35px;
    right: 0;
    text-indent: -99999px;
    display:none;
    background-image:url('/static/style/head_icon_search_btn_blank.png');
}
#Head #Head_menu #search_btn.open{
    display:block;
}
#Head #Gnav {
  width:860px;
  height: 27px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: center;
}
#Head #Gnav ul li {
  line-height: 27px;
  border:none ;
  display: inline-block;;
  margin-left: 31px;
  position: default;
}
#Head #Gnav ul li.last{
  margin: 0;
}
#Head #Gnav ul li li{
  height: auto !important;
}


#Head #Gnav ul li a,
#Head #Gnav ul li .drop {
  margin-right: 0;
  margin-left: 0;
  height: 27px;
  border:medium none;
  display: block;
  font-size:15px;
  font-weight: 0;
  line-height: 1;
  text-align: left;
  cursor: pointer;
}
#Head #Gnav ul li a:hover,
#Head #Gnav ul li .drop:hover{
  text-decoration: none;
  color: #367eb3;
}
#Head #Gnav ul li .drop span{
  display: block;
  height: 27px;
  background: url(/static/style/icon_arrow_down.png) right 5px no-repeat;
  background-size: 9px 7px;
  padding-right: 16px;
}
#Head #Gnav ul li .drop:hover{
  background: url(/static/style/balloon_001.png) center bottom no-repeat;
}
#Head #Gnav ul li div a{
  font-size: 16px;
  line-height: 1.6;
}

@media screen and (max-width:1024px) {

  #Head #Head_menu{
    display: none;
  }
  #Head .search-form-sp{
    width: 100%;
    margin: 0;
    padding: 0 144px 0 0;
    height: 72px;
    border: none;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
  }
  #Head .search-form-sp .search-text-sp{
    padding: 0 1em;
    width: 100%;
    margin: 0;
    background: #f2f2f2;
    border: none;
    display: block;
    font-size: 1.6em;
    line-height: 72px;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  #Head .search-icon-sp{
    width: 72px;
    height: 72px;
    display: block;
    position: absolute;
    top: 0;
    right: -72px;
    z-index: 1000;
  }
  #Head .search-icon-sp img{
    width: 100%;
  }
  .gnav01 a {
    background:none;
  }
  
  .mean-container .mean-nav ul li a {
    background-color: transparent !important;
  }
  
  .mean-container a.meanmenu-reveal {
    box-sizing: border-box;
    padding: 22px 20px 4px 20px;
    width: 72px;
    height: 72px;
    z-index: 1000;
  }
  .mean-container a.meanmenu-reveal.meanclose{
    background-image: url(/static/style/icon_close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px 22px;
    overflow: hidden;
    text-indent: -9999em !important;
  }
  .mean-container a.meanmenu-reveal span{margin-top: 5px;height: 3px; }

}


.mean-container .mean-bar{min-width: 1024px;height: 72px;background: transparent;z-index: 1000;}

@media screen and (max-width:640px) {
  .mean-container .mean-bar{min-width: auto;}
}

#Head #Gnav ul.gnav_head_list {width:1100px;background: 0 0;float:left;position: relative;height: auto;}
#Head #Gnav ul.gnav_head_list>li {width:200px;float: left; height: auto;background: 0 0;font-size: 15px;text-align: left;margin-bottom: 20px; margin-left: 0;}
#Head #Gnav ul.gnav_head_list>li.top {padding-top: 0;width:100%;float:left;font-size: 20px;}



@media screen and (max-width:1024px) {
  .gnav01 a,
  .gnav02 a,
  .gnav03 a,
  .gnav04 a,
  .gnav05 a,
  .gnav06 a {
    background:none;
  }
}


.sp_submenu{
  display: none;
}
.gnav01_menu a,
.gnav02_menu a,
.gnav03_menu a,
.gnav04_menu a,
.gnav05_menu a,
.gnav06_menu a {
  width: auto!important;
  height: auto!important;
  background: 0 0;
  overflow: inherit!important;
  font-size: 93%;
  white-space: normal!important;
  text-indent: 0!important;
}
.inner {
  padding: 60px 0;
  overflow: hidden;
  position: relative;
}
.inner a {
  line-height: 1.6;
  margin-bottom: 20px;
}
.inner a:last-child{
  margin-bottom: 0;
}

.inner_R {
  width: 550px !important;
  float: right;
  position: relative;
}
.inner_R .right_list {
  padding-bottom: 0!important;
  top:0;
}
.inner_R .right_list ul {
  padding: 0!important;
  background: 0 0!important;
}
.inner_R .right_list ul li:nth-child(1) {
  margin: 0 0 15px!important;
  width:244px!important;
  background: 0 0!important;
  display: block!important;
  float: left!important;
  text-align: left!important;}

.inner_R .right_list ul li:nth-child(2) {
  margin: 0 0 15px!important;
  width:244px!important;
  background: 0 0!important;
  display: block!important;
  float: right!important;
  text-align: left!important;
}
.inner_R .right_list ul li p{
  margin-top:10px;
  font-size:16px;
  font-weight:bold;
}

.inner_R .right_list ul li a {
  padding-left: 13px;
  /* background: url(data:image/png; */base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAQUlEQVR42mL4wMBg8P//fwZ0zACUeA/EDtgk/kNxArpEPzZJMAESQJKcD5fAJsnEgAvgNAqn5fici9ODWIMEIMAAf9aZ6GJXjrwAAAAASUVORK5CYII=) 2px .4em no-repeat!important;
  border: none;
  display: block;
}
.inner_R .right_list ul li a:hover {
  border: none;
}

.megaDisp {
  width: 100%;
  top: 27px;
  left: 0;
  position: absolute;
  z-index: 10000;
  display: none;
  text-align: center;
  background: #f2f2f2;
}
.megaDisp .inner{
  width: 1024px;
  margin: 0 auto;
  text-align: left;
}
@media screen and (max-width:1024px) {
  .megaDisp { display: none !important; }
}

#Foot ul:after,
#Main:after,
#Main_inner:after,
#dirPath ul:after,
header #headR:after,
header ul:after,
header:after,
nav.Gnav ul:after {
  content: ".";
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
#Foot ul,
#Main,
#Main_inner,
#dirPath ul,
header,
header #headR,
header ul,
nav.Gnav ul {
  min-height: 1px;
}
.js-displayfla {
  display: none;
}


/*footer
------------------------------------------*/

footer{
  background: #0093D9;
  color: white;
  padding-top:120px;
}

footer #footer_inner{
  width:1024px;
  margin:0 auto 60px;
}
footer #footer_inner dl dd:last-child{
  padding-bottom: 0 !important;
}
@media screen and (max-width:1024px) {
  footer #footer_inner{ padding: 0 20px; }
}


footer dl{
  color:#fff;
}

footer dl#products{
  width:202px;
  float:left;
}

footer dl#products02{
  width:207px;
  float:left;
}

footer dl#contact{
  width:237px;
  float:left;
}
footer dl#contact dd strong{
  display: block;
  font-size: 120%;
  line-height: 1;
  margin-bottom: 0.5em;
}
footer dl#contact dd a{
  line-height: 1.3;
}
footer dl#contact .no_link{
  line-height:1.3
}

footer dl#company{
  width:245px;
  float:left;
}
@media screen and (max-width:1024px) {
  footer dl#contact{
    width:217px;
  }
  footer dl#company{
    width:225px;
  }
}


footer dl#connect{
  width:119px;
  float:left;
}

footer dl#connect dd{
  width:180px;
  float:left;
  margin-bottom:13px;
}

footer dt{
  font-size:20px;
  font-weight:bold;
  margin-bottom:30px;
  line-height:1;
}

footer dd{
  padding-bottom:18px;
  line-height:1;
  color:#fff;
}

footer dd a:link{
  color:#fff;
  text-decoration:none;
}

footer dd a:visited{
  color:#fff;
  text-decoration:none;
}

footer dd a:hover{
  text-decoration:underline;
  color:#fff;
}

footer dd a:active{
  text-decoration:none;
  color:#fff;
}

#footerNav{
  clear:both;
  background:#fff;
  width:100%;
  margin:0 auto;
  padding-top:45px;
  padding-bottom:30px;
}

#footerNav11{
padding:10px;
  
  background:#212121;
  width:100%;
  margin:0 auto;
  
}
#footerNav11 a:link{
  color:#FFF;
  text-decoration:none;
}
#footerNav11 a:hover{
  text-decoration:underline;
  color:#FFF;
}
#footerNav a:link{
  color:#000;
  text-decoration:none;
}

#footerNav a:visited{
  color:#000;
  text-decoration:none;
}

#footerNav a:hover{
  text-decoration:underline;
  color:#000;
}

#footerNav a:active{
  text-decoration:none;
  color:#000;
}


#footerNav #f_logo{
  float:left;
  width:137px;
  margin-right:45px;
}

#footerNav ul{
  float:left;
}
#footerNav ul li{
  display:block;
  float:left;
  margin-top:16px;
  line-height:1;
  border-right:1px solid #FFF;
  padding-right:17px;
  padding-left:17px;
}
#footerNav ul li:last-child{
  border: none;
}

#copy{
  float:right;
  margin-top:16px;
  line-height:1;
  color:#838383;
}

#twitter{
  background-image:url(/static/style/ico_twitter.png);
  background-repeat:no-repeat;
  background-position:left top;
  padding:7px 0 8px 42px;
  margin-left:-10px;
  height:31px;
}

#facebook{
  background-image:url(/static/style/ico_facebook.png);
  background-repeat:no-repeat;
  padding:7px 0 8px 42px;
  padding:7px 0 8px 42px;
  margin-left:-10px;
  height:31px;
}

#pinterest{
  background-image:url(/static/style/ico_pinterest.png);
  background-repeat:no-repeat;
  padding:7px 0 8px 42px;
  margin-left:-10px;
  height:31px;
}

#youtube{
  background-image:url(/static/style/ico_youtube.png);
  background-repeat:no-repeat;
  padding:7px 0 8px 42px;
  margin-left:-10px;
  height:31px;
}

/*footer sp
------------------------------------------*/

@media screen and (max-width:640px) {

footer{
  padding:10% 0 0;
}


footer #footer_inner{
  width:100%;
  margin:0 auto 0;
}

footer dl{
  color:#fff;
  padding:0;
}

footer dl#products{
  width:100%;
  float: inherit;
  margin-bottom:10%;
}

footer dl#products dd{
  width:45%;
  float: left;
  margin-right:10%;
}

footer dl#products dd:nth-child(odd){
  margin-right:0!important;
}

footer dl#products02{
  width:100%;
  float: inherit;
  margin-bottom:10%;
}


footer dl#products02 dd{
  width:45%;
  float: left;
  margin-right:10%;
}

footer dl#products02 dd:nth-child(odd){
  margin-right:0!important;
}

footer dl#contact{
  width:100%;
  float: inherit;
  margin-bottom:10%;
}

footer dl#contact dd{
  width:45%;
  float: left;
  margin-right:10%;
}

footer dl#contact dd:nth-child(odd){
  margin-right:0!important;
}

footer dl#company{
  width:100%;
  float: inherit;
  margin-bottom:10%;
}

footer dl#company dd{
  width:45%;
  float: left;
  margin-right:10%;
}

footer dl#company dd:nth-child(odd){
  margin-right:0!important;
}

footer dl#connect{
  width:100%;
  float: inherit;
  margin-bottom:10%;
}

footer dl#connect dd{
  width:45%;
  float: left;
  margin-right:10%;
}

footer dl#connect dd:nth-child(odd){
  margin-right:0!important;
}

footer dt{
  font-size:20px;
  font-weight:bold;
  margin-bottom:30px;
  line-height:1;
}

footer dd{
  padding-bottom:18px;
  line-height:1;
}

footer dd a:link{
  color:#FFF;
  text-decoration:none;
}

footer dd a:visited{
  color:#FFF;
  text-decoration:none;
}

footer dd a:hover{
  text-decoration:underline;
  color:#FFF;
}

footer dd a:active{
  text-decoration:none;
  color:#FFF;
}

#footerNav{
  clear:both;
  background:#fff;
  height: auto;
  width:100%;
  margin:0 auto;
  padding-top:10%;
}

#footerNav a:link{
  color:#000;
  text-decoration:none;
}

#footerNav a:visited{
  color:#000;
  text-decoration:none;
}

#footerNav a:hover{
  text-decoration:underline;
  color:#000;
}

#footerNav a:active{
  text-decoration:none;
  color:#000;
}

#footerNav #f_logo{
  float:left;
  width:137px;
  margin-right:45px;
  display:none;
}

#footerNav ul{
  margin: 0 auto;
  float:inherit;
}



#footerNav ul li:first-child
{
  border-left:none;
  padding-left:0;
}

#footerNav ul li:last-child
{
  border-right:none;
  padding-right:0;
}

#footerNav ul li{
  display:block;
  float:left;
  margin-top:0;
  line-height:1;
  border-right:1px solid #FFF;
  padding-right:3%;
  padding-left:3%;
}

#copy{
  float:right;
  margin-top:10%;
  line-height:1;
  clear:both;
}


#copy #sp_f_logo{
  width:22%;
  height: auto;
  float:left;
}

#copy small{
  float:right;
  line-height:45px
}

#twitter{
  background-image:url(/static/style/ico_twitter.png);
  background-repeat:no-repeat;
  background-position:left top;
  background-size: contain;
  padding:7px 0 8px 25px;
  margin-left:0;
  height:20px;
}

#facebook{
  background-image:url(/static/style/ico_facebook.png);
  background-repeat:no-repeat;
  background-size: contain;
  padding:7px 0 8px 25px;
  margin-left:0;
  height:20px;
}

#pinterest{
  background-image:url(/static/style/ico_pinterest.png);
  background-repeat:no-repeat;
  background-size: contain;
  padding:7px 0 8px 25px;
  margin-left:0;
  height:20px;
}

#youtube{
  background-image:url(/static/style/ico_youtube.png);
  background-repeat:no-repeat;
  background-size: contain;
  padding:7px 0 8px 25px;
  margin-left:0;
  height:20px;
}

}

/*footer global
------------------------------------------*/
#footer_global {text-align: center;border-bottom: 1px solid #7a7a7a;}
#footer_global .inner {position: relative;width: 1024px;padding: 0 0 100px 0;margin: 0 auto;text-align: left;}
@media screen and (max-width:1024px) {
  #footer_global .inner{  padding: 100px 20px;}
}

#footer_global .inner h3{font-size: 20px;line-height: 1;margin-bottom: 30px;font-weight: 700;color: #acacac;}
#footer_global .inner dl { float: left; }
#footer_global .inner dl.link-global { width: 202px; }
#footer_global .inner dl.link-americas-europe { width: 207px; }
#footer_global .inner dl dt{ height: 15px; }
#footer_global .inner dl.link-americas-europe dt span{color: #797979;}
#footer_global .inner dl.link-asia-oceania {width: 205px;}
#footer_global .inner dl.link-asia-oceania.area2,
#footer_global .inner dl.link-asia-oceania.area3{padding-top: 45px;}
#footer_global .inner dl.link-asia-oceania dd {float: left;width: 205px;}

@media screen and (max-width:1024px) {
  #footer_global .inner dl.link-asia-oceania{width: 191px;}
  #footer_global .inner dl.link-asia-oceania dd {width: 191px;}
}

@media screen and (max-width:640px) {
  #footer_global .inner dl {float: none;width: 100% !important;margin-bottom: 10%;}
  #footer_global .inner dl dd{width:45% !important;float: left;margin-right:10% !important;}
  #footer_global .inner dl dd:last-child{padding-bottom: 0;}
  #footer_global .inner dl.link-global dt,
  #footer_global .inner dl.link-global dt h3{margin-bottom: 0;}
  #footer_global .inner dl.area1 dd:nth-child(odd){margin-right:0!important;}
  #footer_global .inner dl.area2 dd:nth-child(even),
  #footer_global .inner dl.area3 dd:nth-child(even){margin-right:0!important; }
  #footer_global .inner dl.link-asia-oceania.area1,
  #footer_global .inner dl.link-asia-oceania.area2,
  #footer_global .inner dl.link-asia-oceania.area3{padding-top: 0;}
  #footer_global .inner dl.link-asia-oceania.area1,
  #footer_global .inner dl.link-asia-oceania.area2{margin-bottom: 0;}
}

#footer_global .inner dl dt{font-size: 100%;}
#footer_global .inner dl dt span,
#footer_global .inner dl dt a{display: block;font-size: 120%;line-height: 1;margin: 0;}
#footer_global .inner dl dt a{color: #acacac;}

@media screen and (max-width:640px) {
  color: #fff;
}

#footer_global .inner dl dd a {line-height: 1;}
#footer_global .inner .back{position: absolute;right: 0;bottom: 0;z-index: 100;}



/*footer global sp
------------------------------------------*/
@media screen and (max-width:640px) {
#footer_global .inner{position: relative;width: auto;padding: 0 20px 10%;margin: 0 auto;text-align: left;}
#footer_global .inner h3{width: auto;margin-bottom: 30px;}
#footer_global .inner ul li{float: left;width: 50%;height: 20px;}
#footer_global .inner ul li a{display: block;line-height: 20px;color: #acacac;}
#footer_global .inner ul li img{display: inline-block;margin-right: 26px;width: 20px;height: 20px;}
#footer_global .inner .back{width: 80px;height: 80px;position: absolute;right: 0;bottom: 0;}
#footer_global .inner .back img{width: 100%;}
}





/**********************************首页*******************************/
/*首页三横块*/
.zr_three{ margin-bottom: 50px; overflow: hidden;}
.zr_three img{width: 100%;}
.zr_three a{display: block;  background-color: #FFF; padding-bottom: 34px; position: relative;}
.zr_three ul{}
.zr_three ul li h2 {margin-top: 30px;margin-bottom: 0px;padding: 0 25px 0 20px;font-size: 23px;font-weight: normal;line-height: 1;}
.zr_three ul li p {margin-top: 0;padding: 0 2px; font-size: 16px;}
.zr_three ul li .plus {position: absolute;right: 0;bottom: 0;z-index: 10;}
.indexnews a:link{color:red;text-decoration:none;font-size:16px;}
.indexnews a:visited{color:yellow;text-decoration:none;font-size:14px;}
.indexnews a:hover{color:blue;text-decoration:none;font-size:14px;}
.indexnews a:active{color:green;text-decoration:none;font-size:14px;}

/*首页四横块*/
.zr_four{margin-bottom: 50px; overflow: hidden;}
.zr_four img{ width: 100%}
.zr_four .marks{ width: 100%; height: 100px; background: #000; opacity: 0.7; position: absolute; bottom: 0; z-index: 10;}
.zr_four .text{position: absolute; bottom:30px;z-index: 11;  color: #e4e4e4;line-height: 1.3; cursor: pointer; padding-left: 20px;}
.zr_four .text h2{font-size: 22px;  font-weight: normal;}
.zr_four .text p{ font-size: 16px;}
.zr_four a:hover .marks{opacity: 0.2;}

.big_photo{ overflow: hidden;}
.big_photo img{width: 100%;}

@media screen and (max-width:1024px) {
  /*首页三横块*/
  .zr_three{margin-bottom: 0;}
  .zr_three a{padding-bottom: 30px;}
  .zr_three ul li h2{margin-top: 10px; margin-bottom:0px;}
  .zr_three ul li{ margin-bottom: 20px;}
  /*首页四横块*/
  .zr_four{margin-bottom: 20px; }
  .big_photo {margin-bottom:20px;}
}

/**********************************产品中心频道页********************************/
/*分类栏目*/
.type{padding: 30px 10px 30px 15px;}
.type-list {padding: 30px 0; background:#fff; box-shadow: 0 0 30px rgba(0,91,170,0.15);overflow: hidden;}
.type-list li {float: left; width: 11.11%; }
.type-list a {width: 100%; height: 100%; display: block; padding-top: 6px; text-align: center; border-bottom: 4px solid #fff;}
.type-ico {height: 78px; width: 190px; display: table-cell; vertical-align: middle;}
.type-ico i {display: inline-block; width: 58px; height: 50px; background: url('/static/style/ico.png') no-repeat; transition: all 0.3s ease-in-out;}
.type-ico .i-pro-ico6 {background-position: -290px top;}
.type-text span {font-size: 16px; color: #666; line-height: 1.6; transition: all 0.3s ease-in-out;width: 90px;display: block; margin: auto;}
@media screen and (max-width:1024px) {
  .type-list{padding: 0}
  .type-list li {width: 33.33%;     border: 0.01rem solid #f6f6f6;}
}



.type-ico .i-pro-ico19{background: url('/static/style/p1.png') no-repeat;background-size: 100% 100%;width: 31px;height: 58px;}
.type-list .type-on .i-pro-ico19,
.type-list a:hover .i-pro-ico19{background: no-repeat url('../style/p1-hover.png');background-size: 100% 100%; width: 31px;height: 58px;}

.type-ico .i-pro-ico20{background: url('/static/style/p2.png') no-repeat;background-size: 100% 100%;width: 31px;height: 58px;}
.type-list .type-on .i-pro-ico20,
.type-list a:hover .i-pro-ico20{background: no-repeat url('../style/p2-hover.png');background-size: 100% 100%;width: 31px;height: 58px;}

.type-ico .i-pro-ico21{background: url('/static/style/p3.png') no-repeat;background-size: 100% 100%;width: 48px;height: 47px;}
.type-list .type-on .i-pro-ico21,
.type-list a:hover .i-pro-ico21{background: no-repeat url('../style/p3-hover.png');background-size: 100% 100%;width: 51px;height: 50px;}

.type-ico .i-pro-ico22{background: url('/static/style/p8.png') no-repeat; background-size: 100% 100%;width: 42px;height: 47px;}
.type-list .type-on .i-pro-ico22,
.type-list a:hover .i-pro-ico22{background: no-repeat url('../style/p8-hover.png');background-size: 100% 100%;width: 42px;height: 47px;}

.type-ico .i-pro-ico23{background: url('/static/style/p5.png') no-repeat;background-size: 100% 100%;width: 48px;height: 44px;}
.type-list .type-on .i-pro-ico23,
.type-list a:hover .i-pro-ico23{background: no-repeat url('../style/p5-hover.png');background-size: 100% 100%;width: 48px;height: 42px;}

.type-ico .i-pro-ico24{background: url('/static/style/p6.png') no-repeat;background-size: 100% 100%;width: 48px;height: 44px;}
.type-list a:hover .i-pro-ico24,
.type-list .type-on .i-pro-ico24{background: no-repeat url('../style/p6-hover.png');background-size: 100% 100%;width: 48px;height: 41px;}

.type-ico .i-pro-ico25{background: url('/static/style/p7.png') no-repeat;background-size: 100% 100%;width: 48px;height: 44px;}
.type-list a:hover .i-pro-ico25,
.type-list .type-on .i-pro-ico25{background: no-repeat url('../style/p7-hover.png');background-size: 100% 100%;width: 48px;height: 41px;}

.type-ico .i-pro-ico26{background: url('/static/style/p4.png') no-repeat;background-size: 100% 100%; width: 55px;height: 22px;}
.type-list .type-on .i-pro-ico26,
.type-list a:hover .i-pro-ico26{background: no-repeat url('../style/p4-hover.png');background-size: 100% 100%;width: 55px;height: 24px;}

.type-ico .i-pro-ico9 {background-position: -290px top;}
.type-list .type-on .i-pro-ico9, 
.type-list a:hover .i-pro-ico9 {
    background: no-repeat url(../style/icon-a.png) 0px 4px;
    width: 42px;
    height: 49px;
}

.type-ico .i-pro-ico120{background: url('/static/style/p9.png') no-repeat;background-size: 100% 100%;width: 48px;height: 44px;}
.type-list a:hover .i-pro-ico120,
.type-list .type-on .i-pro-ico120{background: no-repeat url('../style/p9-hover.png');background-size: 100% 100%;width: 48px;height: 41px;}


/*产品列表*/
.pro-title {position: relative; height: 58px;}
.pro-title p {position: absolute; top: 24px; text-align: center; width: 100%; z-index: 2;}
.pro-title span {font-size: 20px; color: #005baa; background: #f6f6f6; padding: 0 30px; line-height: 18px;}
.pro-line {width: 100%; height: 1px; background: #dedede; position: absolute; top: 34px; z-index: 1;}

.pro-list { overflow: hidden; padding-top: 16px;}
.pro-list li {float: left; height: 356px; margin-bottom: 20px;}
.pro-list a {display: block; width: 100%; height: 100%; position: relative;background: #fff;  }
/*小角标*/
.pro-label {position: absolute; top: 10px; left: 10px; z-index: 2;}
.pro-label span {width: 56px;height:59px;display: none; color: #fff; font-size: 12px; line-height: 26px; text-align: center;}
.pro-label .news-pro{background:url('/static/style/xinpin.png') center center no-repeat;}
.pro-label .rec-pro{background:url('/static/style/tuijian.png') center center no-repeat;}
.pro-label{top:1px; left:1px;}

.pro-list li:first-child .pro-label span.news-pro,
.pro-list li:first-child .pro-label span.rec-pro{display: block;}
.pro-list li:nth-child(2) .pro-label span.rec-pro{display: block;}


.pro-pic {width: 100%; height: 270px; position: absolute; left: 0; top: 0; padding: 0 9px; z-index: 1;}
.pro-pic .pic-box { height: 270px;    display: table-cell;vertical-align: middle;text-align: center;}
.pro-pic .pic-box img{ }
.pro-text {width: 100%; height: 86px; text-align: center; position: absolute; bottom: 0;}
.pro-text span {font-size: 16px; color: #666; display: block; line-height: 26px; margin-bottom: 20px; transition: all 0.3s ease-in-out;}
.pro-text small {font-size: 12px; color: #888; line-height: 12px; display: block;}

.pro-hover{
    position:absolute;
    background:rgba(166, 186, 208, 0.55);
  
    width:100%;height:0;z-index: 9;height:0;overflow: hidden;
   transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.pro-hover .p-ti{
    width:288px;height:400px;vertical-align: middle;text-align: center;color:#fff;display:table-cell;
    font-size: 18px;
    font-weight: 600;
}
.pro-hover .p-ti span{
    display: inline-block;margin-top:20px;
    vertical-align: top;
    width: 134px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 20px;
    line-height: 38px;
    font-size: 14px;
    background: #fff;
    color: #777777;
    font-weight: 300;
}
.pro-hover .p-ti span i{display: inline-block;width: 7px;height: 12px; background: url('/static/style/jiantou.png') no-repeat;margin-left: 5px;}
.pro-list li:hover .pro-hover{height:100%;}

@media screen and (max-width:1024px) {
.pro-list li {margin-bottom: 10px;}
.pro-list li:last-child{display: none;}
.pro-list li:nth-last-child(2){display: none;}
}

/*标题带中横线*/
.sigma-content{margin: 0px 0 10px 0;text-align: center;}
.sigma-middle-line:before{content: '';display: block;height: 1px;width: 100%;
    background-color: #999;position: relative; top: 20px;/*调节线高*/ left: 0;}
.sigma-line-text{display: inline-block;padding: 0 18px 0 18px;position: relative;font-size: 22px;font-weight: 500;background-color: #f6f6f6; color: #0c74b8}
.sigma-line-text a{color: #0c74b8}
/*分块产品*/
.zr_product_box{overflow: hidden;}
.zr_product_box li{ margin-top: 0px;}
.zr_product_box li img{}
.zr_product_box li a{background: #fff; display: inline-block;width: 100%; overflow: hidden; position: relative;}
.zr_product_box li p{text-align: center; line-height: 1.7}
.zr_product_box li p.title{font-size: 16px;color: #272727; padding-top: 30px;}
.zr_product_box li p.xinghao{font-size: 12px;color: #727272; padding-top:5px;}
/*小图标*/
.zr_product_box li i{display: none; width: 54px; height: 58px; position: absolute; top: 0; left: 0;}
.zr_product_box li i.icon1{background: url(/static/image/icon1.jpg) no-repeat;}
.zr_product_box li i.icon2{background: url(/static/image/icon2.jpg) no-repeat; top: 60px;}
.zr_product_box li:first-child i.icon1,
.zr_product_box li:first-child i.icon2{display: block;}
.zr_product_box li:nth-child(2) i.icon1{display: block;}
/*最后一个元素*/
.zr_product_box li.last a{background: #cfd9e5; width: 100%;}
.zr_product_box li.last .title{color: #fff;}
.zr_product_box li.last img{margin:20% auto 20% auto; width: auto; display: block;}



/***********************************解决方案***************************/
/*二级导航*/
.zr_menu_list{ padding-bottom:10px; border-bottom: 1px solid #dedede;overflow: hidden; margin-bottom: 40px;}
.zr_menu_list ul{}
.zr_menu_list ul li{float: left; font-size: 16px; color: #515151}
.zr_menu_list ul li a{ color: #515151;}
.zr_menu_list ul li a.hover{ color: #0c74b8;}
.zr_menu_list ul li span{padding: 0 20px;}
/*新闻列表*/
.zr_list_plan{background: #f9f9f9; padding: 30px 20px; margin-bottom: 40px; overflow: hidden;}
.zr_list_plan .photo{}
.zr_list_plan .photo img{width: 100%; max-height: 300px; border: 1px solid #CCCCCC;}
.zr_list_plan .text{}
.zr_list_plan .text h2{font-size: 24px;}
.zr_list_plan ul{margin-top: 50px; font-size: 16px;}
.zr_list_plan ul li{line-height: 1.7;}
.zr_list_plan ul li span{color: #ff4800;}

.zr_list_plan .infos{padding-top: 20px;line-height: 2.2; font-size: 16px; text-indent: 2em;}
.zr_list_plan .more{text-align: left;margin-top: 20px;}
.zr_list_plan .more span{background: #005ba2; padding: 10px 10px; color: #fff;}

@media screen and (max-width:1024px) {
  .zr_menu_list{margin-bottom: 20px;}
  .zr_list_plan{margin-bottom: 20px;padding: 15px 10px;}
  .zr_list_plan .text h2{font-size: 22px; margin-top: 20px;}
  .zr_list_plan ul{margin-top:20px;}
}


/***********************************工程案例***************************/

/*分块产品*/
.zr_case_box{ overflow: hidden;}
.zr_case_box li{ margin-bottom: 20px;}
.zr_case_box li img{width: 100%; max-height:225px;}
.zr_case_box li a{background: #fff; display: inline-block;padding:5px 5px 10px 5px;width: 100%; position: relative;}
.zr_case_box li p{text-align: center; line-height: 0.7; width:354px; height:53px; overflow:hidden;}
.zr_case_box li p.title{font-size: 16px;color: #272727; padding-top: 10px;}

/*最后一个元素*/
.zr_case_box li.last a{background: #cfd9e5; width: 100%; overflow: hidden;}
.zr_case_box li.last .title{color: #fff;}
.zr_case_box li.last img{margin:30% auto 20% auto; width: auto; display: block;}

/*分页*/
.pagelist{ margin-bottom: 61px;text-align: center; margin:0 auto;}    
.pagelist a{padding: 10px 15px; background: #005ba2; color: #fff; border-radius: 5px} 
.pagelist a:hover,
.pagelist a.active{background: #0c3c61;}







/***********************************关于悟空体育官方网站***************************/

.fullSlide{ position:relative; background:#000; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li{display: table; width: 100%; min-height: 815px; background-size: 100% 100%;}
.fullSlide .bd li.bg1{background: url(/static/style/bg_01.jpg) center center}
.fullSlide .bd li.bg2{background: url(/static/style/bg_02.jpg) center center}
.fullSlide .bd li.bg3{background: url(/static/style/bg_03.jpg) center center}
.fullSlide .bd li.bg4{background: url(/static/style/bg_04.jpg) center center}
.fullSlide .bd li.bg5{background: url(/static/style/bg_05.jpg) center center}
  
.fullSlide .bd li .text{ text-align: center;  display:table-cell;vertical-align:middle}
.fullSlide .bd li .text h2{font-size:3.5rem; color:#ffa304; line-height: 1.3; margin-bottom: 2rem }
.fullSlide .bd li .text p{font-size: 1.5rem; color: #fff; line-height: 2.2}
.fullSlide .bd li .more{color: #fff; text-align: center;font-size: 16px; margin-top: 30px;}
.fullSlide .bd li .more span{border: 4px solid #fff; background: #000;  padding: 10px 20px; border-radius:20px}
.fullSlide .bd li .more a span{color: #fff;}
.fullSlide .bd li .more a span:hover{background: #ffa304; color: #111}
  
.fullSlide .hd{ left:10%; top:30%; position:absolute; z-index:1; /*background: url(/static/css/images/dot1.png) repeat-y; */overflow:hidden;  }
.fullSlide .hd ul{ color: #fff; font-size: 18px; }
.fullSlide .hd ul li{  cursor:pointer; background: url(/static/style/dot2.png) no-repeat 5px center; padding-left:30px; margin-bottom: 30px;}
.fullSlide .hd ul li.on {background: url(/static/style/dot3.png) no-repeat center left;opacity:1; color: #ffa304  }
  
.fullSlide .fanye{position:absolute; left: 10%; bottom: 10%;}
.fullSlide .fanye a{display:block;  width: 41px; height: 41px; background: #f30;margin-bottom: 10px;}
.fullSlide .fanye a.prev{background: url(/static/style/fanye_up.png) no-repeat}
.fullSlide .fanye a.next{background: url(/static/style/fanye_down.png) no-repeat}
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.3 }
   
@media screen and (max-width:1024px) {
.fullSlide .hd{ left:10%; top:5%; position:absolute; z-index:1; overflow:hidden;  }
.fullSlide .hd ul{ color: #fff; font-size: 18px; }
.fullSlide .hd ul li{ float: left; cursor:pointer; background:none; padding-left:30px; margin-bottom: 30px;}
.fullSlide .hd ul li.on {background: none;opacity:1; color: #ffa304  }
  
.fullSlide .bd li .text{ }
.fullSlide .bd li .text h2{font-size:2rem; color:#ffa304; margin-bottom: 1rem; }
.fullSlide .bd li .text p{font-size: 1.2rem;  line-height:1.7}
.fullSlide .bd li .more{text-align: center;font-size: 16px;}
.fullSlide .bd li .more span{border: 2px solid #fff; padding: 10px 20px; border-radius:20px}  
    
.fullSlide .fanye{display: none;}
}
