*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6; }
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur());}
a{text-decoration:none;cursor: pointer;}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-max{max-width: 100%;height: auto}
 
 /*bian hui se
 html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
} 
 */
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/

.row:after,.contain:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.clear{ clear: both;}
.fl{float: left;}
.fr{ float: right;}
.text-overflow{overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
/*拟栅格化*/
  .container {
    width: 1170px;
  }
  /* 2018-11-22添加 */
@media (max-width: 1400px) {
  .container {
    width: 1100px;
  }
}
@media (max-width: 1200px) {
  .container {
    width: 950px;
  }
}
@media (max-width: 992px) {
  .container {
    width: 730px;
  }
}
@media (max-width: 767px) {
  .container {
    width:auto;
  }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
}
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 20%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
@media (max-width:1200px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (max-width: 992px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (max-width: 768px) {
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
}
/*手机rem单位重定义*/
html{
    font-size: 10px;
}
@media(min-width: 481px){
    html {
        font-size: 15px !important;
    }
}
@media(min-width: 561px){
    html {
        font-size: 17.5px !important;
    }
}
@media(min-width: 641px){
    html {
        font-size: 20px !important;
    }
}
@media(min-width: 767px){
    html {
        font-size: 14px !important;
    }
}
/*导航============================================================================================================================*/
/* .nav{ height:50px; background: url(../images/navbj.jpg) repeat-x;}
.nav ul{ display: table; width: 100%;}
.nav ul li{ display: table-cell; width:initial; line-height:50px;text-align: center; border-right:1px solid #cc9e1a; margin-left: -1px;}
.nav ul li a{ color: #1f1f1f; font-size: 16px; display: block; width: 100%; height: 50px;}
.nav ul li:last-child{ border: none;}
.nav ul li:nth-child(3){ width: 450px;}
.nav ul li.active{ background: url(../images/navbjon.jpg) repeat-x; }
.nav ul li.active a{ color: #fff;}
.nav ul li form{ width:350px; display: inline-block; height:30px; vertical-align:middle;}
.nav ul li form input[type="text"]{ background: #fff; height: 28px; border:1px solid #cecece; border-right: 0; float: left; width: 80%; text-indent: 15px;}
.nav ul li form input[type="submit"]{ background: url(../images/navico.jpg) no-repeat center center; background-color: #725500; height: 30px; border: 0; width: 19%; float: left;} */

.nav{position:fixed;top:0;box-shadow: 0 0 10px #ccc;z-index:999999999; height:79px; /* background: url(../images/navbj.jpg) repeat-x; */width:100%;}
.head-box a{display:table;line-height:79px;padding-left:15px;}
.head-box a .logo{max-width:80%;}
.g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; overflow:hidden;}

#header {position:relative; z-index:5; height:79px; background-color:#fff;z-index:10;}
#header>.container{position: relative;z-index: 1000000;background: #fff;}
#nav  {position:absolute; top:0; right:120px; z-index:4; height:100%; background-color:#fff; overflow:hidden;}
#nav  li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
#nav  .n1 {width:58px;}
#nav  .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:100px;}
#nav  .n4 {width:96px;}
#nav  li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:13px; line-height:90px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
#nav  li a.on {color:#fff;}
#nav  li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
#nav  li a .bkg {top:100%; z-index:-1; background-color:#01e4ea; -webkit-transition:top 200ms; transition:top 200ms;}

#nav  li a.on .bkg,
#nav  li a:hover .bkg {top:0;}
#shop {position:absolute; bottom:0; right:0; z-index:5; width:120px; height:100%; background:#fff;overflow: hidden;}
#shop {width:95px;}
/* #shop a{display:block;float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;} */
#shop .btn-search {position:absolute; width:30px;/*  height:100%; */text-align:center;color: #000;line-height: 85px;}
#shop .btn-search:hover,
#shop .btn-search.on {color:#24CBDE;}
#shop .btn-lang-en {position:absolute;top:0; right:0px; width:30px;text-align: center; height:100%; font-weight:bold; font-size:13px; line-height:90px; color:#666369; }
#shop .btn-lang-cn {position:absolute;top:0; right:30px; width:30px;text-align: center; height:100%; font-weight:bold; font-size:13px; line-height:90px; color:#666369; }
#shop .btn-lang-en:hover, #shop .btn-lang-en.on{color:#24CBDE;}
#shop .btn-lang-cn:hover,#shop .btn-lang-cn.on {color:#24CBDE;}
#shop .header-nwbtn{ position:absolute;top:0; right:0px; width:90px;text-align:center; height:100%; font-weight:bold; font-size:13px; line-height:90px; color:#666369; -webkit-transition:all 300ms; transition:all 300ms;}
#shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #24CBDE;}
/* #shop a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
#shop a .bkg {top:100%; z-index:-1; background-color:#24CBDE; -webkit-transition:top 200ms; transition:top 200ms;}
#shop a:hover .bkg {top:0;} */


#content {overflow: hidden;position:relative; width: 100%;height:0;position: absolute; top: 79px;}
#subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:61px; /*overflow: hidden;*/}
#subNav .g-wrap {overflow:visible;}
#subNav .g-wrap .item {position:absolute; top:-100%; width:80%; height:100%; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
#subNav .g-wrap .about {/* left:365px; */right:0; padding:0 67px; /*width:835px;*/}
#subNav .g-wrap .news {/* left:448px; */right:0; padding:0 67px; /*width:752px;*/}
#subNav .g-wrap .relation {/* left:614px; */right:0; padding:0 80px;/* width:643px;*/}
#subNav .g-wrap .service {/* left:531px; */right:0; padding:0 67px; /*width:573px;*/}
#subNav .g-wrap .citizenship {/* left:710px; */right:0; padding:0 67px; /*width:573px;*/}
#subNav .g-wrap .search {right:-117px; width:238px; height:44px; border:1px solid #8c8c8c;}
#subNav .g-wrap .search input { padding:0 20px; width:160px; height:44px; line-height:44px; }
#subNav .g-wrap .search span {display: inline-block;width:20px;height:44px;text-align: center;}
#subNav .g-wrap .search span:hover i{color:#fff;}
#subNav .g-wrap .langs {right:-117px; padding:0 15px; width:224px;}
#subNav .g-wrap .nwmenu{ color:#fff;right: -117px; top: -409px; width: 170px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;}
#subNav .g-wrap .nwmenu .nwmenu-inner{   overflow: hidden;}
#subNav .g-wrap .nwmenu .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;}
#subNav .g-wrap .nwmenu .nwmenu-list{overflow:hidden;} 
#subNav .g-wrap .nwmenu .nwmenu-list li { text-align: center;}
#subNav .g-wrap .nwmenu .nwmenu-list li a{ float:none; padding: 0; line-height: 30px; color: #d2ced5; font-size: 13px;font-weight: bold; -webkit-transition: color 300ms; transition: color 300ms;}
#subNav .g-wrap .nwmenu .nwmenu-list li a:hover{ color: #24CBDE;}
#subNav .g-wrap .on {top:0; z-index: 2;background-color: #737373;}
#subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#24CBDE;}
#subNav .g-wrap .item #on {color: #24CBDE;}


.menubtn{ display: none; float: right; height: 2rem;margin-top: 3rem;}
.menubtn>div{ width: 25px;  margin-top: 14px; height: 3px;  background: #B7B7B7; border-radius:1.5px ; position: relative;}
.menubtn>div:before,.menubtn>div:after{ content: ''; width: 100%; height: 3px;background: #B7B7B7; border-radius:1.5px ; display: block; position: absolute; left: 0;
transition:all 0.5s;
-moz-transition: all 0.5s;	
-webkit-transition: all 0.5s;	
-o-transition: all 0.5s;	
}
.menubtn>div:before{ top:-8px;
transform-origin:0 0;
-ms-transform-origin:0 0; 		
-webkit-transform-origin:0 0;	
-moz-transform-origin:0 0;		
-o-transform-origin:0 0;
transform: rotate(0deg);
-ms-transform: rotate(0deg); 		
-webkit-transform: rotate(0deg);	
-moz-transform: rotate(0deg);		
-o-transform: rotate(0deg);	}
.menubtn>div:after{ bottom:-8px;
transform-origin:0 3px;
-ms-transform-origin:0 3px; 		
-webkit-transform-origin:0 3px;	
-moz-transform-origin:0 3px;		
-o-transform-origin:0 3px;
transform: rotate(0deg);
-ms-transform: rotate(0deg); 		
-webkit-transform: rotate(0deg);	
-moz-transform: rotate(0deg);		
-o-transform: rotate(0deg);	}
.menubtn.on>div{ background: rgba(63,58,57,0);}
.menubtn.on>div:before{
	transform: rotate(45deg);
-ms-transform: rotate(45deg); 		
-webkit-transform: rotate(45deg);	
-moz-transform: rotate(45deg);		
-o-transform: rotate(45deg);		
}
.menubtn.on>div:after{ 
transform: rotate(-45deg);
-ms-transform: rotate(-45deg); 		
-webkit-transform: rotate(-45deg);	
-moz-transform: rotate(-45deg);		
-o-transform: rotate(-45deg);	}

/* header-search */

/*首页footer============================================================================================================================*/
.footer{ background: #484848; overflow: hidden;}
.foot-link { font-size: 14px; line-height: 30px;}
.foot-link span{ color: #fff;}
.foot-link a{color: #aaa; display: inline-block; margin: 0 5px; vertical-align: middle;}
.foot-link{ padding: 25px 0; border-bottom: 1px solid #aaa;}
.foot-bottom .pull-left{ color: #fff;font-size: 14px; line-height: 30px; padding: 25px 0 ;}
.foot-bottom .pull-right{ padding-top: 10px;}
.foot-bottom .pull-right img{ float: right; margin-left: 10px;}
.foot-bottom .pull-right span{ padding-top:15px ; color: #fff; font-size: 14px; line-height: 30px; display: inline-block;}

.con-title{text-align:center;padding:2rem 0 0.2rem 0;font-size:2rem;color: #01e4ea;}
.solve .con-title{text-align:center;padding:1.2rem 0 0.2rem 0;font-size:2rem;color: #20BDAE;}
/* .con-title::after{content:"";display:block;width:100%;height:1px;background:#C6C6C6;}
 */
.con-list{ display: block;height:auto;width:83.3%;font-weight: bold;font-size: 1rem;}
.con-active{}
/* .con-active::after{content:"";display:block;width:60%;height:2px;background:#1DC0B0;}
 */
.con-list .hr{float:left;display:block; width:100%;position:relative;height:2px;background:#D3D4D5;}
.con-list .hr span{ display: block; width: 65px; position: absolute; top: 0; left: 0; height: 2px;background:#1DC0B0;}
.con-list div>a{color:#666;}
.con-con div{display: none;margin-top:0.8rem;width:83.3%;}
.con-con div ul a{color: #666;}
.con-con div ul a:hover{color: #24CBDF;}
.con-con div ul a li{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con-con div:first-child{display: block;}
.con-new a{
  color:#666;
}
.con-con-3{
  float: left;
  padding-right:3%;
  width: 22%;
}
.con-con-3 img{
  width: 100%;
  height:100%;
  object-fit: cover;
}
.foot{padding:2.7rem 0;overflow: hidden;}
.foot a div{display: table;text-align:center;width:33.3%;float:left;}
.foot a{color:#666;font-size: 1.2rem;}
.foot a div p{margin-top:1rem;}
.foot a div:hover{color:#24CBDE;}
.foot a div{box-sizing: border-box;border-right:1px dashed #000;}
.foot a:last-child div{box-sizing: border-box;border:none;}
.foot-line{width:100%;height:0.5rem;background:#24CBDF;}
.footermain{/* margin-top:2.7rem; */margin-bottom: 2VH;padding-bottom:2rem;font-size:1rem;width:80%;text-align:center;background:#fff; }
.footermain .container .row{margin-top:3rem;}
.footermain .container .row div p{text-align: left;padding-left:15px;}
/* 滑块 start */
#subjects {height:165px; background-color:#d0d0d0;margin-top: 4VH;margin-bottom:4VH;}
#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}

#subjects .g-wrap .item-1 {z-index:1; background-color:#f0f2f2;width:500px;}
#subjects .g-wrap .item-2 {z-index:2; background-color:#31dae1;width:500px;}
#subjects .g-wrap .item-3 {z-index:3; background-color:#b61b1a;width:500px;}
#subjects .g-wrap .item-4 {z-index:4; background-color:#3f3d4f;width:500px;}
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;}
#subjects .g-wrap .item-1 .p1 {left:0; top:0; width:493px; height:165px;}
#subjects .g-wrap .item-1 .p2 {left:276px; top:68px; z-index:2; width:189px; height:29px;}
#subjects .g-wrap .item-2 .p1 {left:50px; top: -4px !important;}
#subjects .g-wrap .item-2 .p2 {left:300px; top:0px;}
#subjects .g-wrap .item-3 .p1 {left:65px; width:77px; height:76px;    top: -15px !important;}
#subjects .g-wrap .item-3 .p2 {left:260px;top:20px; width:282px; height:122px;}
#subjects .g-wrap .item-4 .p1 {top:50px; width:182px; height:80px;    left: -4px !important;}
#subjects .g-wrap .item-4 .p2 {left:229px; width:245px; height:122px;}

/*#subjects*/
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

/* 逐个出现 */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}

/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:305px;}
#subjects .state-0 .item-3 {left:600px;}
#subjects .state-0 .item-4 {left:900px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:492px;}
#subjects .state-1 .item-3 {left:705px;}
#subjects .state-1 .item-4 {left:917px;}
#subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:712px;}
#subjects .state-2 .item-4 {left:917px;}
#subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:212px;}
#subjects .state-3 .item-3 {left:425px;}
#subjects .state-3 .item-4 {left:925px;}
#subjects .state-3 .item-3 .p1 {left:135px;}
#subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:219px;}
#subjects .state-4 .item-3 {left:466px;}
#subjects .state-4 .item-4 {left:703px;}
#subjects .state-4 .item-4 .p2 {left:229px;-webkit-opacity:1; opacity:1; display:block\9;}
/* 滑块 end *//* 滑块 end */
/*banner动画*/
@keyframes myrotate
{
from {transform: rotate(0deg);
-ms-transform: rotate(0deg);    
-webkit-transform: rotate(0deg);  
-o-transform: rotate(0deg);   
-moz-transform: rotate(0deg);
transform-origin:50% 50%;
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
}
to {
  transform: rotate(360deg);
-ms-transform: rotate(360deg);    
-webkit-transform: rotate(360deg);  
-o-transform: rotate(360deg);   
-moz-transform: rotate(360deg);
transform-origin:50% 50%;
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
}
}

@-moz-keyframes myrotate 
{
from {transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform-origin:50% 50%;
-moz-transform-origin:50% 50%;}
to {
  transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
}
}

@-webkit-keyframes myrotate
{

from {transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform-origin:50% 50%;
-webkit-transform-origin:50% 50%;
} 
to {
  transform: rotate(360deg);
-webkit-transform: rotate(360deg); 
transform-origin:50% 50%;
-webkit-transform-origin:50% 50%;
}
}
@-o-keyframes myrotate
{
from {
    transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform-origin:50% 50%;
     }
to {
  transform: rotate(360deg);  
    -o-transform: rotate(360deg);
    transform-origin:50% 50%;  
    -webkit-transform-origin:50% 50%;
    }
}
.rotate{animation: myrotate 5s linear infinite;
-moz-animation: myrotate 5s linear infinite;  
-webkit-animation: myrotate 5s linear infinite; 
-o-animation: myrotate 5s linear infinite; 

}
@keyframes myrotatet
{
from {transform: rotate(360deg);
-ms-transform: rotate(360deg);    
-webkit-transform: rotate(360deg);  
-o-transform: rotate(360deg);   
-moz-transform: rotate(360deg);
transform-origin:10VW 10VW;
-webkit-transform-origin:10VW 10VW;
-moz-transform-origin:10VW 10VW;}
to {
  transform: rotate(0deg);
-ms-transform: rotate(0deg);    
-webkit-transform: rotate(0deg);  
-o-transform: rotate(0deg);   
-moz-transform: rotate(0deg);
transform-origin:10VW 10VW;
-webkit-transform-origin:10VW 10VW;
-moz-transform-origin:10VW 10VW;
}
}

@-moz-keyframes myrotate 
{
from {transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform-origin:10VW 10VW;
-moz-transform-origin:10VW 10VW;}
to {
  transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform-origin:10VW 10VW;
-moz-transform-origin:10VW 10VW;
}
}

@-webkit-keyframes myrotate
{

from {transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform-origin:10VW 10VW;
-webkit-transform-origin:10VW 10VW;
} 
to {
  transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform-origin:10VW 10VW;
-webkit-transform-origin:10VW 10VW;
}
}
@-o-keyframes myrotatet
{
from {
    transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform-origin:10VW 10VW;
     }
to {
  transform: rotate(0deg);  
    -o-transform: rotate(0deg);
    transform-origin:10VW 10VW;  
    }
}
.rotate2{animation: myrotatet 5s linear infinite;
-moz-animation: myrotatet 5s linear infinite;  
-webkit-animation: myrotatet 5s linear infinite; 
-o-animation: myrotatet 5s linear infinite; 
}
/* car */
@keyframes mycar1
{
0%{transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
-moz-transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
}
22.5%{
  transform:translate(220px,0px);
-ms-transform:translate(220px,0px);
-moz-transform:translate(220px,0px);
-webkit-transform:translate(220px,0px);
}
27.5%{
    transform:translate(220px,-28px);
-ms-transform:translate(220px,-28px);
-moz-transform:translate(220px,-28px);
-webkit-transform:translate(220px,-28px);
opacity: 1;
}
32.5%{
    transform:translate(180px,-28px);
-ms-transform:translate(180px,-28px);
-moz-transform:translate(180px,-28px);
-webkit-transform:translate(180px,-28px);
opacity: 0;
}
67.5%{opacity: 0;
  transform:translate(-180px,-28px);
-ms-transform:translate(-180px,-28px);
-moz-transform:translate(-180px,-28px);
-webkit-transform:translate(-180px,-28px);
} 
72.5%{opacity:1;
  transform:translate(-200px,-28px);
-ms-transform:translate(-200px,-28px);
-moz-transform:translate(-200px,-28px);
-webkit-transform:translate(-200px,-28px);
} 
77.5%{
  transform:translate(-200px,0px);
-ms-transform:translate(-200px,0px);
-moz-transform:translate(-200px,0px);
-webkit-transform:translate(-200px,0px);
}
100%{transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
-moz-transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
}
}

@keyframes mycar2
{
0%{transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
-moz-transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
}
30%{
  transform:translate(16.6VW,0px);
-ms-transform:translate(16.6VW,0px);
-moz-transform:translate(16.6VW,0px);
-webkit-transform:translate(16.6VW,0px);
}
35%{
    transform:translate(16.6VW,-28px);
-ms-transform:translate(16.6VW,-28px);
-moz-transform:translate(16.6VW,-28px);
-webkit-transform:translate(16.6VW,-28px);
opacity: 1;
}
37.5%{
    transform:translate(280px,-28px);
-ms-transform:translate(280px,-28px);
-moz-transform:translate(280px,-28px);
-webkit-transform:translate(280px,-28px);
opacity: 0;
}
77.5%{opacity: 0;
  transform:translate(-80px,-28px);
-ms-transform:translate(-80px,-28px);
-moz-transform:translate(-80px,-28px);
-webkit-transform:translate(-80px,-28px);
} 
80%{opacity:1;
  transform:translate(-100px,-28px);
-ms-transform:translate(-100px,-28px);
-moz-transform:translate(-100px,-28px);
-webkit-transform:translate(-100px,-28px);
} 
85%{
  transform:translate(-100px,0px);
-ms-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-webkit-transform:translate(-100px,0px);
}
100%{transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
-moz-transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
}
}
@keyframes mycar3
{
0%{transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
-moz-transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
}
15%{
  transform:translate(-150px,0px);
-ms-transform:translate(-150px,0px);
-moz-transform:translate(-150px,0px);
-webkit-transform:translate(-150px,0px);
}
20%{
    transform:translate(-150px,-18px);
-ms-transform:translate(-150px,-18px);
-moz-transform:translate(-150px,-18px);
-webkit-transform:translate(-150px,-18px);
opacity: 1;
}
22.5%{
    transform:translate(-130px,-18px);
-ms-transform:translate(-130px,-18px);
-moz-transform:translate(-130px,-18px);
-webkit-transform:translate(-130px,-18px);
opacity: 0;
}
77.5%{opacity: 0;
  transform:translate(230px,-18px);
-ms-transform:translate(230px,-18px);
-moz-transform:translate(230px,-18px);
-webkit-transform:translate(230px,-18px);
} 
80%{opacity:1;
  transform:translate(270px,-18px);
-ms-transform:translate(270px,-18px);
-moz-transform:translate(270px,-18px);
-webkit-transform:translate(270px,-18px);
} 
85%{
  transform:translate(270px,0px);
-ms-transform:translate(270px,0px);
-moz-transform:translate(270px,0px);
-webkit-transform:translate(270px,0px);
}
100%{transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
-moz-transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
}
}
@keyframes mycar4
{
0%{transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
-moz-transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
}
12.5%{
  transform:translate(130px,0px);
-ms-transform:translate(130px,0px);
-moz-transform:translate(130px,0px);
-webkit-transform:translate(130px,0px);
opacity: 0;
}
15%{
    transform:translate(170px,0px);
-ms-transform:translate(170px,0px);
-moz-transform:translate(170px,0px);
-webkit-transform:translate(170px,0px);
opacity: 1;
}
20%{opacity: 1;
    transform:translate(170px,18px);
-ms-transform:translate(170px,18px);
-moz-transform:translate(170px,18px);
-webkit-transform:translate(170px,18px);

}
80%{opacity: 1;
  transform:translate(-250px,18px);
-ms-transform:translate(-250px,18px);
-moz-transform:translate(-250px,18px);
-webkit-transform:translate(-250px,18px);
} 
82.5%{opacity:1;
  transform:translate(-250px,0px);
-ms-transform:translate(-250px,0px);
-moz-transform:translate(-250px,0px);
-webkit-transform:translate(-250px,0px);
} 
85%{
  opacity: 0;
  transform:translate(-230px,0px);
-ms-transform:translate(-230px,0px);
-moz-transform:translate(-230px,0px);
-webkit-transform:translate(-230px,0px);
}
100%{transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
-moz-transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
}
}
.car1,.car2,.car3,.car4{ width:23px; height:12px;position:absolute;
transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
-moz-transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
transform-origin:50% 0%;
-webkit-transform-origin:50% 0%;
-moz-transform-origin:50% 0%;
}
.car1{ bottom:0; left: 200px; z-index: 999;
animation: mycar1 10s linear infinite;
-moz-animation: mycar1 10s linear infinite;  
-webkit-animation: mycar1 10s linear infinite; 
-o-animation: mycar1 10s linear infinite; }
.car2{ bottom:0; left: 100px; z-index: 999;
animation: mycar2 8s linear infinite;
-moz-animation: mycar2 8s linear infinite;  
-webkit-animation: mycar2 8s linear infinite; 
-o-animation: mycar2 8s linear infinite; }
.car3{ bottom:2%; left: 150px; z-index: 999;
animation: mycar3 10s linear infinite;
-moz-animation: mycar3 10s linear infinite;  
-webkit-animation: mycar3 10s linear infinite; 
-o-animation: mycar3 10s linear infinite;}
.car4{opacity: 0; bottom:5%; left: 250px; z-index: 999;
animation: mycar4 8s linear infinite;
-moz-animation: mycar4 8s linear infinite;  
-webkit-animation: mycar4 8s linear infinite; 
-o-animation: mycar4 8s linear infinite;}
/* car end */

.swiper-slide div:first-child{position: absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
#intro{width:20VW;height:20VW;overflow:hidden;top:30%;left:2%;z-index:6;float:left;}
#intro .obj{position:absolute;}
#intro .electro{z-index:7; width:100%; height:100%;margin:0px auto;display:none;}
#intro .electro .wrapt{position:relative; width: 100%; height: 100%;}
#intro .electro .wrapt .ele{left:0;z-index:8; text-align: center;width:100%;height:100%;vertical-align:middle;line-height: 22rem;}
#intro .electro .wrapt .ele-1{width:100%;height:100%;left:0;z-index:8}
#intro .electro .wrapt .ele-2{width:80%;height:80%;left:10%;z-index:8}
#intro .electro .wrapt .ele img{width:100%;height:auto;}

#intro2{width:24VW;height:100%;overflow:hidden;position:relative;top:0rem;z-index:8;left:12VW;}
#intro2 .obj{position:absolute;}
#intro2 .obj img{width:100%;height:auto;vertical-align: middle;}

#intro2 .electro{z-index:7; width:100%; height:100%;display:none;}
#intro2 .electro .wrap{position:relative; width: 100%; height: 100%;}
#intro2 .electro .wrap #fb{position:absolute;z-index:100; bottom:0;width: 100%; height: auto;}
#intro2 .electro .wrap #fb img{position:absolute;z-index:100; bottom:0;width: 100%; height: auto;}
#intro2 .electro .wrap .el1{top:22rem;left:10rem; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 12px; border-radius:50% ;}
#intro2 .electro .wrap .el2{top:6VW;left:10rem; width: 60px; height: 60px;border-radius:50% ;}
#intro2 .electro .wrap .el3{top:20VW;left:5VW; width: 3VW; height: 3VW;border-radius:50% ; line-height: 40px; text-align: center; font-size: 10px;}
#intro2 .electro .wrap .el4{top:22rem;left:10rem; width: 90px; height: 90px;border-radius:50% ; line-height: 90px; text-align: center;font-size:16px}
#intro2 .electro .wrap .el5{top:22rem;left:10rem; width: 66px; height: 66px;border-radius:50% ;}
#intro2 .electro .wrap .el6{top:22rem;left:10rem; width: 82px; height: 82px; line-height: 82px; text-align: center; font-size: 16px; border-radius:50% ;}
#intro2 .electro .wrap .el7{top:22rem;left:10rem; width: 55px; height: 55px; line-height: 55px; text-align: center; font-size: 14px; border-radius:50% ;}
#intro2 .electro .wrap .el8{top:22rem;left:10rem; width: 21px; height: 21px; line-height: 21px; text-align: center; font-size: 12px; border-radius:50% ;}
#intro2 .electro .wrap .el9{top:22rem;left:10rem; width: 70px; height: 70px; text-align: center; font-size: 15px; }
#intro2 .electro .wrap .el10{top:22rem;left:10rem; width: 40px; height: 40px;border-radius:50% ;}
#intro2 .electro .wrap .el11{top:22rem;left:10rem; width: 57px; height: 57px; line-height: 57px; text-align: center; font-size: 16px; border-radius:50% ;}
#intro2 .electro .wrap .el12{top:22rem;left:10rem; width: 70px; height: 70px; text-align: center; font-size: 15px; }
#intro2 .electro .wrap .el13{top:20VW;left:10rem; width: 3.2VW; height: 3.2VW; text-align: center; font-size: 15px; }
#intro2 .electro .wrap .el14{top:22rem;left:10rem; width: 20px; height: 20px;border-radius:50% ;}
#intro2 .electro .wrap .el15{top:22rem;left:10rem; width: 80px; height: 80px; line-height: 82px; text-align: center; font-size: 16px; border-radius:50% ;}
#intro2 .electro .wrap .el16{top:22rem;left:10rem; width: 40px; height: 40px;border-radius:50% ; line-height: 40px; text-align: center; font-size: 15px;}
#intro2 .electro .wrap .el17{top:22rem;left:10rem; width: 70px; height: 70px; text-align: center; font-size: 15px; }
#intro2 .electro .wrap .el18{top:22rem;left:10rem; width: 20px; height: 20px;border-radius:50% ;}
#intro2 .electro .wrap .el19{top:20VW;left:10rem; width: 46px; height: 46px;border-radius:50% ;}
#intro2 .electro .wrap .el20{top:22rem;left:10rem; width: 88px; height: 88px; line-height: 88px; text-align: center; font-size: 16px; border-radius:50% ;}
#intro2 .electro .wrap .el21{top:22rem;left:10rem; width: 40px; height: 40px;border-radius:50% ; line-height: 40px; text-align: center; font-size: 16px;}
#intro2 .electro .wrap .el22{top:22rem;left:10rem;width: 58px; height: 58px; line-height: 58px; text-align: center; font-size: 14px; border-radius:50% ;}
#intro2 .electro .wrap .el23{top:22rem;left:10rem;width: 23px; height: 23px;border-radius:50% ;}
#intro2 .electro .wrap .el24{top:22rem;left:10rem;width: 70px; height: 70px;line-height: 70px text-align: center; font-size: 15px; }
#intro2 .electro .wrap .el25{top:22rem;left:10rem;width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 15px; }
#intro2 .electro .wrap .el26{top:22rem;left:10rem;width: 70px; height: 70px; text-align: center; font-size: 15px; }
#intro2 .electro .wrap .el27{top:22rem;left:10rem;width: 60px; height: 60px;border-radius:50% ; line-height: 60px; text-align: center; font-size: 15px; }

.f-icon{display:table;text-align:right;}
.f-icon div img{margin-left:10px;width:36px;height:36px;margin-right:130px;}
.f-icon > div{position:relative;padding-right:15px;}
/*提示窗口样式*/  
div.tooltipWindos{
    position:absolute;
    top:-30px;
    left: 63px;
    z-index:99;
    width:100px; 
    height:100px; 
    border:1px solid #24CBDF; 
    background-color:#FFF;
    display: none;
}
div.tooltipWindos img{width:100%;height:auto;margin-left:0px;}
/*倒置三角样式*/
div.invertedTriangle{
    width:0; 
    height:0; 
    overflow:hidden; 
    border-width:15px; 
    border-style:solid;  
    position:absolute;
}
/*倒置三角中背景三角样式*/
div.backgroundTriangle{
    border-color: transparent #FFF transparent transparent;
    margin-left:-28px;
    margin-top:35px;
}
/*倒置三角中主三角样式*/
div.mainTriangle{
    border-color:transparent #24CBDF transparent transparent;   
    margin-left:-30px;
    margin-top:34px;
}
#subjectm{display: none;}
.footermainm{display: none;}
.anibm{display: none;}
.con-new:first-child a{color:#666;}
.con-new section h1{font-size:1.2rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom:1rem;}
.con-new:first-child section p{margin-top: 1.5rem;text-indent:2em;}

.resolveOutBox img{-webkit-filter: brightness(1.2);filter: brightness(1.2);}
/*banner字运动开始*/
.swiper-slide .banner-font{
  width:70rem;
  height:26rem;
  position:absolute;
  z-index:99999;
  text-align:right;
  line-height: 26rem;
  top:120%;
  right:15%;
  opacity:0;
  transition: all 2s;
-moz-transition: all 2s;  
-webkit-transition: all 2s; 
-o-transition: all 2s;
}
.swiper-slide.swiper-slide-active .banner-font{width:70rem;height:70rem;position:absolute;z-index:99999;text-align:right;line-height: 15VW;top:2VW;right:10%;opacity: 1;}
.banner-font .banner-font1{width:100%;height:6rem !important;position:static !important;color:#1DC0B0;font-size:3.5rem;font-family: "微软雅黑";text-shadow: 1px 1px 1px #000;}
.banner-font .banner-font2{height:5.7rem !important;color:#7A7A78;font-size:3rem;font-family: "微软雅黑";}
.banner-font .banner-font3{background:#1DC0B0;color:#fff;font-size:1.2rem;font-family: "微软雅黑";width:184px;height:3rem;border-radius: 10px;line-height: 3rem;text-align:center;position: absolute;right:0;top:18VW;}
/*banner字结束*/
/* pc端轮播 */
.banner{margin-top:79px;width:100%;min-height:28.64VW !important;background:#999;position:relative;overflow:hidden;}
.banner ul li{position:absolute;top:0;left:0;}
.banner ul li img{width:100%;height:auto;display:block;text-align:center;}
.banner .indicator{width:100%;position:absolute;bottom:15px;z-index:2;text-align: center;}
.banner .indicator a{display:inline-block;margin-right: 10px;border-radius: 12px;width:12px;height:12px;background:#666;}
.banner .indicator .action{background: #007AFF;}
.banner .ban-btn a{line-height:550px;position:absolute;font-size:64px;color:#007AFF;width:10%;text-align:center;height:100%;z-index:2;}
.banner .ban-btn a:hover{}
.banner .ban-btn .ban-btn-prev{left:0;}
.banner .ban-btn .ban-btn-next{right:0;}
.swiper-container{display: none;}
/* pc端轮播结束 */
.hr img{width:100%;}

/* 内页banner及内页导航开始 */
/* .n_banner{
  display: block;
}
.n_banner.m_banner{
  display: none;
} */
/* 内页banner及内页导航结束 */
.index-newscenter .con-new:nth-child(1) section{
  padding-left:8%;
}
.index-newscenter .con-new:nth-child(2) > div{
  padding-left:6%;
  padding-bottom:0.7rem;
}
#container{
  min-height:47.35rem;
}
.searchres > div:first-child{
  margin-top:1rem;
  text-align:center;
}
.searchres > div:last-child{
  margin-top:1rem;
  text-align: right;
}
.searchres > div:last-child > span.red{
  color:#f00;
}
.n_banner{
  display: block;
}
.m-n_banner{
  display: none;
}
.srmgys > div{
  text-align: center;
  font-size: 3.6rem;
  font-weight:bold;
  color:#004EA2;
  padding:5rem 0;
}
.menubtn-btn-search{
  display: none;
}

/* 2018-12-10修改 */
.foot-backtop{
  position: fixed;
  bottom:2rem;
  right:2rem;
  display: none;
}
.foot-backtop div{
  cursor: pointer;
}
/* 2018-11-22修改 */
.foot-beian{
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.foot-beian > div:nth-child(1){
  max-width: 20%;
}
.foot-beian > div:nth-child(1) img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media  screen and (max-width:1400px) {
  .g-wrap {
    width: 1100px;
  }
  #subjects .state-0 .item-3 {
    left: 580px;
  }
  #subjects .g-wrap .item-2 .p1 {
    left: 30px;
  }
  #subjects .state-0 .item-4 {
    left: 850px;
  }
  div.tooltipWindos {
    right: 34px;
  }
}
@media(max-width:768px) {
  .menubtn-btn-search{
    display: none;
    float: right;
    border: 1rem solid #4c4a4f;
    margin-right:2%;
    box-sizing: border-box;
    width: 50VW;
    max-width: 50VW;
  }
  .menubtn-btn-search input {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
  }
  .menubtn{ display: inline-block;}
  .n_banner{
    display: none;
  }
  .m-n_banner{
    display: block;
    margin-top: 79px;
  }
  .m-n_banner img{
    width: 100%;
  }
  .nav #shop{ display:none;}
  /*.nav ul li:first-child,.nav ul li:nth-child(3){ display: table-cell;}*/
  /*.nav ul li:nth-child(3){ width: 80%;}
  .nav ul li form{ width: 80%;}*/
  .foot{display: none;}
  .head-box a .logo{ width: 15rem; height:auto;margin-top: 1rem;}
  /* .head-box .language{ height:50px; line-height: 50px;} */
  .con-new{margin-top:1rem;}
  .foot > div{width:16%;float:left;margin:0 4.5%;}
  /* .foot > div:nth-of-type(even){box-sizing: border-box;border-right:1px dashed #000;} */
  .foot > div{border:none;}
  #subjects{display: none;}
  #content{display: none;}
  .banner{display: none;}
  .con-title{text-align:center;width: 100%;padding:0;font-size:2rem;color: #24CBDF;}
  .foot>div:nth-child(2){display: none;}
  .foot>div>img{width:100%;height:auto;}
  .row{margin:0;padding:0;}
  #nav {
    position: fixed;
    top: 0;
    right: 0;
    width:0;
    z-index: 999999;
    height: 100VH;
    background-color: rgba(0,0,0,0.8);
    overflow: hidden;
  }
  body{overflow-x: hidden;}
  .container-all{width:100%;margin:0;padding:0;}
  #nav li{width:100% !important;height:auto;float:none;position:static;line-height: 40px;text-align:center;}
  #nav li .item{display: none;}
  #nav li .item li{background: #555;margin-top:0.1rem;}
  #nav  li a {position:relative; z-index:2; display:inline-block; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:40px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
  #nav li a .bkg{background: none;}
  #nav li.more > ul > li > a{color:#aaa;}
  #nav li.more > i{float:right;line-height:40px;color:#666;margin-right:1rem;}
  .f-icon{display:table;text-align:center;}
  .con-title img{width:100%;height:auto;}
  .con-title{margin-top:1rem;}
  .solve{background:url(../images/resolvemBJ.jpg) no-repeat;background-size:100% 100%; }
  .con-list{display: none;}
  .con-con div ul a li{border-top:1px dotted #ddd;padding:12px 0;color:#666666;}
  .con-con div ul a li time{color:#24CBDF;}
  .con-con div ul a:nth-last-child(1) li{border-bottom:1px dotted #ddd;margin-bottom: 30px;}
  .con-con-3 {
    float: none;
    padding-right: 0%;
    width: 100%;
  }
  .con-new section h1{font-size:1.6rem;}
  .solve>.con-title{padding-top:15px;}
  #subjectm{display: table;text-align:center;margin:0 auto;}
  #subjectm div div img{width:90%;height:auto;margin-bottom:15px;}
  .footermainm{overflow:hidden;margin-bottom:0;display: block;background: #404143;width:100%;height:auto;padding:15px 0;}
  .footermain{display: none;}
  .wechatm{
    width: auto;
    max-width: 40%;
  }
  .footermainm .container .row div:first-child{font-size: 1.4rem;color:#fff;margin-bottom: 15px;}
  .footermainm .container .row:first-child{margin-bottom: 15px;}
  .footermainm .container hr{height:2px;border:none;border-top:1px solid #505050;margin: 15px 0;}
  .footermainm .container .row div:first-child nav{font-size: 1.4rem;color:#908F8B;margin-bottom: 15px;}
  .footermainm .container .row div:first-child nav a{color:#908F8B;}
  .footermainm .container .row section{font-size: 0.8rem;color:#fff;margin-bottom: 15px;}
  .footermainm-logo{
    max-width: 20%;
    margin-bottom:2VH;
  }
  #intro{display: none;}
  #intro2{display: none;}
  .anibp{display: none;}
  .anibm{display: block;}
  .btn-s{width:30px;height:auto;float:right;margin-right:0.2rem;margin-top: 3.2rem;}
  .btn-t{width:30px;height:auto;float:right;margin-right:0.2rem;margin-top: 3.2rem;}
  .btn-s img{width:80%;height:auto;}
  .btn-t img{width:80%;height:auto;}
  .resolveOutBox img{-webkit-filter: brightness(1.2);filter: brightness(1.2);}
  .banner-font{display: none;}
  .fileicon{height:12px;width:auto;margin-left:5px;}
  .swiper-container{display: block;margin-top: 79px;}
  /*提示窗口样式*/  
div.tooltipWindos{
    position:absolute;
    top:-30px;
    left:50%;
    width:100px; 
    height:100px; 
    border:1px solid #24CBDF; 
    background-color:#FFF;
    display: none;
    z-index:9999999;
}
div.tooltipWindos img{width: calc(100% - 10px);height:auto;margin:5px;}
/*倒置三角样式*/
div.invertedTriangle{
    width:0; 
    height:0; 
    overflow:hidden; 
    border-width:15px; 
    border-style:solid;  
    position:absolute;
    margin-left:-30px;
    transform: rotate(180deg);
}
/*倒置三角中背景三角样式*/
div.backgroundTriangle{
    border-color:transparent transparent transparent #FFF;
    margin-top:40px;
}
/*倒置三角中主三角样式*/
div.mainTriangle{
    border-color:transparent transparent transparent #24CBDF;
    margin-top:39px;
}
/* .n_banner{
  display: none;
}
.n_banner.m_banner{
  display: block;
} */
.index-newscenter .con-new:nth-child(1) section{
  padding-left:0%;
}
.index-newscenter .con-new:nth-child(2) > div{
  padding-left:0%;
}
  #container{
    min-height:auto;
  }
  .searchres > div:last-child{
    margin-top:1rem;
    text-align: right;
    font-size:0.6rem;
  }
  .searchres > div:last-child > span.red{
    font-size: 0.8rem;
    color:#f00;
  }
}