*{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;font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; }
html{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";-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: 25%;
  }
  .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{float: left;}
.head-box a{display:table;line-height:79px;/*padding-left:15px; txq 2019.6.20*/}
.g-wrap {position:relative; margin:0 auto; /*width:1170px;*/width:1300px; height:100%; overflow:hidden;}

#header {position:relative; z-index:5; height:79px; background-color:#fff;z-index:10;}
#header>.container{width:93%;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:83px;}
#nav  .n4 {width:96px;}
#nav  li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold;  line-height:90px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;font-size:13px; }
#nav li a{font-size:14px;}/*txq*/
#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:#24CBDE; -webkit-transition:top 200ms; transition:top 200ms;}
#nav .n2{ width:90px;}/*txq*/
.head-box .logo{width:85%;}
#nav  li a.on .bkg,
#nav  li a:hover .bkg {top:0;}
#shop {
  position:absolute; 
  bottom:0; 
  right:15px; 
  z-index:5; 
  width:120px; 
  height:100%; 
  background:#fff; 
  border-left:1px solid #e5e5e5;
  overflow: hidden;
  padding-left: 2VW;
}
/* #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:8px solid #4c4a4f;}
#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: #636363;}
#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);	}
/*首页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: #20BDAE;}
.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-con-3 p:nth-child(2){margin-top:1rem;font-size:2.4rem;font-weight:bold;color:#CE0021;display: inline-block;}
.con-con-3 p:nth-child(3){margin-bottom:1rem;font-size:1.6rem;font-weight:bold;color:#CE0021;display: inline-block;}
.con-con-3 p:nth-child(4){margin-top:0.6rem;}
.foot{padding:2.7rem 0;overflow: hidden;}
.foot a div{display: table;text-align:center;width:25%;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; */padding-bottom:2rem;font-size:1rem;width:80%;text-align:center;background:#F3F3F3; }
.footermain .container .row{margin-top:1.2rem;}
.footermain .container .row div p{text-align: left;padding-left:15px;}
/* 滑块 start */
#subjects {height:165px; background-color:#e0e2e4;}
#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:#c8c8c8;width:500px;}
#subjects .g-wrap .item-2 {z-index:2; background-color:#cb0101;width:500px;}
#subjects .g-wrap .item-3 {z-index:3; background-color:#fff;width:500px;}
#subjects .g-wrap .item-4 {z-index:4; background-color:#fc433e;width:500px;}
#subjects .g-wrap .item-5 {z-index:4; background-color:#2d2d58;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:36px;}
#subjects .g-wrap .item-2 .p2 {left:300px; top:0px;}
#subjects .g-wrap .item-3 .p1 {left:41px; top:40px; width:77px; height:76px;}
#subjects .g-wrap .item-3 .p2 {left:260px;top:20px; width:282px; height:122px;}
#subjects .g-wrap .item-4 .p1 {left:60px; top:37px; width:182px; height:80px;}
#subjects .g-wrap .item-4 .p2 {left:229px; width:245px; height:122px;}
#subjects .g-wrap .item-5 .p1 {left:38px; top:50px; width:182px; height:80px;}
#subjects .g-wrap .item-5 .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:250px;}
#subjects .state-0 .item-3 {left:510px;}
#subjects .state-0 .item-4 {left:788px;}
#subjects .state-0 .item-5 {left: 1123px;}

/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:485px;}
#subjects .state-1 .item-2 .p1{left:17px !important;}
#subjects .state-1 .item-3 {left: 682px;}
#subjects .state-1 .item-3 .p1{left:14px;}
#subjects .state-1 .item-4 {left:903px;}
#subjects .state-1 .item-4 .p1{left: 8px;top: 37px;}
#subjects .state-1 .item-5 {left:1130px;}
#subjects .state-1 .item-5 .p1{left: 32px;}
#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-2 .p1{left: 133px !important;}

#subjects .state-2 .item-3 {left:652px;}
  
#subjects .state-2 .item-4 {left:917px;}
#subjects .state-2 .item-4 .p1{ left: 3px;top: 37px;}
#subjects .state-2 .item-5 {left:1130px;}

#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:442px;}
#subjects .state-3 .item-4 {left:890px;}
#subjects .state-3 .item-4 .p1{left:14px;}

#subjects .state-3 .item-5 {left:1130px;}
#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:212px;}
#subjects .state-4 .item-3 {left:442px;}
#subjects .state-4 .item-4 {left:658px;}
#subjects .state-4 .item-4 .p1 {left: 134px !important; }
#subjects .state-4 .item-5 {left:1130px;}
#subjects .state-4 .item-3 .p1 { left:11px;}
#subjects .state-4 .item-4 .p2 {left:229px;-webkit-opacity:1; opacity:1; display:block\9;}

/* 指向第五个 */
#subjects .state-5 .item-1 {left:0;}
#subjects .state-5 .item-2 {left:212px;}
#subjects .state-5 .item-3 {left:442px;}
#subjects .state-5 .item-4 {left:658px;}
#subjects .state-5 .item-4 .p1{ left:15px;}
#subjects .state-5 .item-5 {    left: 893px;}
#subjects .state-5 .item-3 .p1 { left:11px;}

#subjects .state-5 .item-5 .p2 {left:187px;-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;}
.f-icon > div{position:relative;padding-right:15px;}
/*提示窗口样式*/  
div.tooltipWindos{
    position:absolute;
    top:-120px;
    right:34px;
    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;
    margin-left:36px;
}
/*倒置三角中背景三角样式*/
div.backgroundTriangle{
    border-color:#FFF transparent transparent;
    margin-top:99px;
}
/*倒置三角中主三角样式*/
div.mainTriangle{
    border-color:#24CBDF transparent transparent;
    margin-top:101px;
}
#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:right;
}
.searchres > div:first-child > a{
	display:inline-block;
	background:#aaa;
	color:#fff;
	padding:.5rem 2rem;
	font-size:1.2rem;
}
.searchres > div:last-child{
  margin-top:1rem;
  text-align: center;
}
.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修改 */
@media  screen and (max-width:1400px) {
  .g-wrap {
    width: 1100px;
  }
  #subjects .state-0 .item-3 {
    left: 550px;
  }
  #subjects .g-wrap .item-2 .p1 {
    left: 30px;
  }
  #subjects .state-0 .item-4 {
    left: 900px;
  }
  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{display: none;}
  .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;}
  .footermainm .container .row:first-child img{width:80%;height:auto;}
  .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;
  } */
  

  #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:40px;
    left:20%;
    width:100px; 
    height:100px; 
    border:1px solid #24CBDF; 
    background-color:#FFF;
    display: none;
    z-index:9999999;
}
div.tooltipWindos img{width:100%;height:auto;margin:10px;}
/*倒置三角样式*/
div.invertedTriangle{
    width:0; 
    height:0; 
    overflow:hidden; 
    border-width:15px; 
    border-style:solid;  
    position:absolute;
    margin-left:20%;
    transform: rotate(180deg);
}
/*倒置三角中背景三角样式*/
div.backgroundTriangle{
    border-color:#FFF transparent transparent;
    margin-top:-28px;
}
/*倒置三角中主三角样式*/
div.mainTriangle{
    border-color:#24CBDF transparent transparent;
    margin-top:-30px;
}
/* .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;
  }
}


/* 20210730改版开始 */
.body-width{
  width: 65%;
}
.index-body-width{
  width: 85.652%;
  max-width: 1430.016px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.body-con{
  margin:auto;
}
.index-header.container{
  width: 80%;
  position: relative;
  z-index: 1000000;
  background: #fff;
  height: auto;
  margin:auto;
  padding:0;
}
.index-header.container .row{
  margin:0;
}
#nav {
  width: 60%;
}
#nav .n2 {
  width: 12%;
}
#nav li a {
  font-size: 1.1rem;
  font-weight: bold;
}
#nav li a.on {
  border-bottom:2px solid rgba(29,155,245,0);
  box-sizing: border-box;
  transition:border-bottom .3s;
}
#nav li a.on:hover {
  border-bottom:2px solid rgba(29,155,245,1);
  transition:border-bottom .3s;
}
.index-header .btn-s,.index-header .btn-t{
  display: none;
}
.g-wrap {
  width: auto;
}
#subNav .g-wrap .item {
  right: 0;
}
.indexpc-container.swiper-container{
  display: block;
  height: auto;
  margin-top:79px;
}
.indexpc-slide img{
	width:100%;
	max-width:100%;
}
/* 新闻中心开始 */
.index-news{
  margin-bottom: 5rem;
}
.index-tit{
  margin:4rem auto;
  text-align: center;
}
.index-tit-con{
  position: relative;
  font-size: 2.2rem;
  color:#333;
  font-weight: bold;
  display: inline-block;
}
.index-tit-con:after{
  content:'';
  position: absolute;
  width: 3rem;
  height: 2px;
  left: 50%;
  bottom:-.5rem;
  transform: translateX(-50%);
  background: #24cbde;
}
.index-nc-con{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index-ncc-list{
  width: 24%;
  float: left;
  background: #f2f2f2;
  transition: all .5s;
}
.index-ncc-list:hover{
  background: #e6e6e6;
  transition: all .5s;
}
.index-ncc-list-news > a{
  display: block;
}
.index-nccln-img{
  width: 100%;
  overflow: hidden;
  height: 9.36VW;
  /* height: 12.5rem; */
}
.index-ncc-list-news .index-nccln-img img{
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  transition: all .5s;
}
.index-ncc-list-news:hover .index-nccln-img img{
  transform: scale(1.08);
  transition: all .5s;
}
.index-nccln{
  padding:1.5rem;
  box-sizing: border-box;
}
.index-nccln-tit{
  font-size: 1.3rem;
  color:#333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-nccln-date{
  display: flex;
  align-items: center;
  margin-top:.3rem;
}
.idnex-ncclnd-img{
  display: flex;
  align-items: center;
}
.idnex-ncclnd-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idnex-ncclnd-time{
  margin-left: .2rem;
  font-size: 1rem;
  color:#252525;
}
.index-nccln-con{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 160%;
  margin-top:.5rem;
  font-size: 1rem;
  color:#252525; 
}

.index-ncc-list-stock{
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-nccls-tit{
  font-size: 1.8rem;
  color:#333;
  font-weight: bold;
  text-align: center;
}
.index-nccls-num{
  margin-top:15%;
  text-align: center;
}
#nowPrice{
  font-size: 3rem;
  font-weight: bold;
}
#gupiao_money{
  font-size: 2.2rem;
  font-weight: bold;
}
.index-nccls-time{
  font-size: 1.2rem;
  color:#252525; 
  margin-top:15%;
  margin-bottom:10%;
  text-align: center;
}
.index-nc-more{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top:4rem;
}
.index-ncm-button a{
  display: block;
  font-size: 1.3rem;
  color:#333;
  border:1px solid #333;
  box-sizing: border-box;
  padding:.5rem 3rem;
  background: transparent;
  transition:all .3s;
}
.index-ncm-xinwen{
  margin-left:2rem;
}
.index-ncm-button a:hover{
  color:#fff;
  border:1px solid #24cbde;
  background: #24cbde;
  transition:all .3s;
}
/* 新闻中心结束 */
/* 解决方案开始 */
.index-solute{
  margin-bottom:5VH;
}
.index-scc-list{
  display: flex;
  margin-bottom:30px;
  overflow: hidden;
}
.index-sccl > a{
  display: block;
  width: 100%;
}
.index-scc-list > div.index-sccl-left:first-child{
  margin-right: 30px;
}
.index-scc-list > div.index-sccl-right:first-child{
  margin-right: 30px;
}
.index-sccl-left{
  float: left;
}
.index-sccl-con{
  position: relative;
  width: 100%;
}
.index-sccl-img{
  width: 100%;
  overflow: hidden;
}
.index-sccl .index-sccl-img img{
  width: 100%;
  transform: scale(1);
  transform-origin: center;
  transition: all .5s;
}
.index-sccl:hover  .index-sccl-img img{
  transform: scale(1.08);
  transition: all .5s;
}
.index-sccl-video{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.index-sccl .index-sccl-video video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-sccl-mask{
  content: '';
  position: absolute;
  left: 0;
  bottom:0;
  width: 100%;
  height: 50%;
  background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);
  transition: all .5s;
}
.index-sccl:hover .index-sccl-mask{
  height: 100%;
  background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
  transition: all .5s;
}
.index-sccl-text{
  content: '';
  position: absolute;
  left: 0;
  bottom:-2.4rem;
  width: 100%;
  height: auto;
  padding:1.5rem;
  box-sizing: border-box;
  transition: all .5s;
}
.index-sccl:hover .index-sccl-text{
  bottom:-0rem;
  transition: all .5s;
}
.index-scclt-tit{
  display: flex;
  align-items: flex-end;
}
.index-sccltt-tit{
  font-size: 1.3rem;
  color: #fff;
  line-height: 2.5rem;
}
.index-scclt-tit1{
  font-size: 1.7rem;
  color: #fff;
  font-weight: bold;
  line-height: 2.1rem;
  margin-bottom:.85rem;
}
.index-scclt-tit2{
  font-size: 1.25rem;
  line-height: 2.5rem;
  color: rgba(255,255,255,.8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
}
.index-sccl .index-scclt-more{
  font-size: 1.25rem;
  color: #fff;
  opacity: 0;
  transition: all .5s;
}
.index-sccl:hover .index-scclt-more{
  opacity: 1;
  transition: all .5s;
}
.index-scclt-more > span:last-child{
  font-size: 1.25rem;
  color: #24cbde;
  margin-left:.5rem;
}
.index-sccl-right{
  /* width: 43.5%; */
  height: 100%;
  float: left;
}
.index-scc-list-bottom{
  margin-top:1rem;
}
/* 解决方案结束 */
/* 底部开始 */
.footer-con{
  margin:auto;
}
.footermain{
  background: rgba(80,80,80,1);
  padding-bottom:0;
}
.footer {
  background: transparent;
}
.footer-top{
  display: flex;
  justify-content: space-between;
  text-align: left;
  padding-top:3VH;
  padding-bottom:3VH;
}
.footer-tit1{
  font-size: 1rem;
  font-weight: bolder;
  color: #fff;
  margin-bottom: .6rem;
}
.footer-tit2{
  font-size: 1rem;
  color: #fff;
  font-weight: bolder;
  margin-bottom: .6rem;
}
.footer-tit3{
  font-size: 1rem;
  color: rgba(255,255,255,.8);
  margin-bottom: .6rem;
  
}
.footer-titflex{
  display: flex;
  align-items: center;
}
.footer-titflex > .footer-tit2{
  float: left;
}
.footer-titflex > .footer-tit3{
  float: left;
}
.footer-tit2-img{
  margin-top:.5rem;
}
.footer-tit2-img img{
  margin-left: .5rem;
}
.footer-tit2-img img:first-child{
  margin-left: 0rem;
}

.footer-center{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:3VH 0;
  border-top:1px solid rgba(255,255,255,.2);
}
.footer-c-left a{
  font-size: 1rem;
  color: #fff;
  margin-right: 1rem;
}
.footer-c-right{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.footer-cr-left{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left:1rem;
}
.footer-cr-left > div{
  margin-left:1rem;
}
.footer-crl-img img{
  opacity: .81;
}
.footer-brl-img img{
  opacity: .81;
}



.footer-bottom{
  padding-top:2VH;
  padding-bottom:2VH;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(72,72,72,1)
}
.footer-b-left{
  font-size: .9rem;
  color: #fff;
  display: flex;
  align-items: center;
}
.footer-b-left span{
  font-size: .9rem;
  color: #fff;
}
.footer-b-left a{
  font-size: .9rem;
  color: #fff;
}
.footer-b-right{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 5%;
  border-right:1px solid rgba(255,255,255,.2);
}
.footer-br-list{
  position: relative;
  margin-right:1rem;
}
.footer-br-list:last-child{
  margin-right:2rem;
}
.footer-br-wechat{
  cursor: pointer;
}
.footer-br-douyin{
  cursor: pointer;
}
.footer-brl-show{
  position: absolute;
  width: 150px;
  height: 150px;
  left:50%;
  top:-160px;
  background: #fff;
  transform: translateX(-50%);
  box-shadow: 0 0 20px #888888;
  z-index:1;
  display: none;
}
.footer-brl-show:after{
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  left:70px;
  bottom:-5px;
  transform: rotate(45deg);
  box-shadow: 0 0 5px #888888;
  z-index:-1;
}
.footer-brl-tit{
  position: relative;
  height: 25px;
  background: #f3f3f3;
  line-height: 25px;
}
.footer-brl-text{
  text-align: center;
  color:#404040;
  font-size: .9rem;
}
.footer-brl-close{
  color:#000;
  font-size: .9rem;
  position: absolute;
  top:50%;
  right:5%;
  transform: translateY(-50%);
}
.footer-brls-con{
  height: 125px;
  background: #fff;
}
.footer-brls-con img{
  width: 80%;
  margin:auto;
}
/* div.tooltipWindos {
  width: 150px;
  height: 150px;
  top: -160px;
  left: 50%;
  transform: translateX(-50%);
}
div.tooltipWindos img {
  width: 80%;
  height: auto;
  margin-left: 0px;
}
div.invertedTriangle {
  margin-left: 63px;
}
div.mainTriangle {
  margin-top: 126px;
}
div.backgroundTriangle {
  border-color: #FFF transparent transparent;
  margin-top: 124px;
} */
@media screen and (max-width: 1400px){
  div.tooltipWindos {
    left: 50%;
    transform: translateX(-50%);
  }
}
/* 底部结束 */
@media(max-width:768px){
  #nav {
    width: 0%;
  }
  .body-con {
    width: 90%;
  }

  /* 新闻中心开始 */
  .index-ncc-list {
    width: 100%;
    margin-top:1rem;
  }
  .index-ncc-list:first-child {
    margin-top:0;
  }
  .index-nccls-con{
    padding: 2rem 0;
  }
  .index-nccls-num {
    margin-top: 0;
  }
  .index-nccls-time {
    margin-top: 0;
  }
  .index-nccln-img {
    height: auto;
  }
  /* 新闻中心结束 */ 
  /* 解决方案开始 */
  .index-scc-list {
    height: auto;
    margin-bottom:0;
    flex-wrap: wrap;
  }
  .index-sccl-left {
    width: 100%;
    height: auto;
  }
  .index-scc-list > div.index-sccl-left:first-child {
    margin-right: 0;
  }
  .index-sccl-right {
    width: 100% !important;
    height: auto;
    margin-top:1rem;
    display: none;
  }
  .index-scc-list > div.index-sccl-right:first-child {
    margin-right: 0;
  }
  .index-scc-list:nth-child(2) .index-sccl-left{
    margin-top:1rem;
  }
  .index-scc-list:last-child .index-sccl-left{
    margin-top:1rem;
  }
  /* 解决方案结束 */
  /* 底部开始 */
  .footer-con {
    width: 90%;
  }
  .footer-top-left{
    display: none;
  }
  .footer-top-center{
    display: none;
  }

  .footer-center {
    display: block;
  }
  .footer-c-right {
    justify-content: center;
    margin-top: 1rem;
  }

  .footer-bottom {
    display: block;
  }
  .fileicon {
    height: 2rem;
  }
  .footer-b-left {
    display: block;
    text-align: center;
  }
  .footer-b-left > span:first-child {
    display: block;
  }
  .footer-b-left > a:last-child {
    display: block;
  }
  /* 底部结束 */
}
/* 20210730改版结束 */

/* 20211019 header改版开始 */
#shop {
  overflow: visible;
}
#shop .btn-search {
  line-height: 85px;
}
.btn-search-icon{
  line-height: 85px;
}
.btn-search .btn-search-input{
  position: absolute;
  width: 238px;
  height: 44px;
  right: -95px;
  top:79px;
  border: 8px solid #4c4a4f;
  background-color: #fff;
  display: none;
}
.btn-search .btn-search-input .search{
  line-height: 44px;
}
.btn-search .search input {
  padding: 0 10px;
  width: 160px;
  height: 42px;
  line-height: 44px;
  border:none;
}
#nav_t ul.header-navbar-level1{
  display: flex;
  justify-content: space-between;
  height: 79px;
  width: 45%;
  margin: auto;
}
#nav_t ul.header-navbar-level1 > li{
  float: left;
  height: inherit;
  width: 20%;
}
#nav_t ul.header-navbar-level1 > li > a {
  line-height: 79px;
  display: inline-block;
  text-align: center;
  width: 100%;
}
#nav_t ul.header-navbar-level1 > li > a > span {
  height: 100%;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: bold;
  color:#666;
  border-bottom:2px solid rgba(29,155,245,0);
  box-sizing: border-box;
  transition:border-bottom .3s;
}
#nav_t ul.header-navbar-level1 > li > a:hover > span {
  border-bottom:2px solid rgba(29,155,245,1);
  transition:border-bottom .3s;
}
.header-navbar-menu{
  position: fixed;
  background: #fff;
  width: 100VW;
  left:0;
  top:79px;
  box-shadow: 0 15px 10px -15px #666;
  border-top: 1px solid rgba(0,0,0,.2);
  display: none;
}
.header-nm-container{
  width: 85.652%;
  max-width: 1430.016px;
  padding-left: 15px;
  padding-right:15px;
  margin:auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 4rem;
  align-items: flex-end;
}
.header-nmc-left{
  float: left;
  display: flex;
  width: 100%;
  margin-top:2.2rem;
}
.header-nmcl-list{
  width: 25%;
  padding: 0 2%;
  box-sizing: border-box;
}
.header-nmcl-list > a {
  color: #333;
  font-size: 1.5rem;
  line-height: 2rem;
  display: block;
  width: 5em;
  padding-bottom:1rem;
  border-bottom: 1px solid #e6e6e6;
}
.header-nmcll-level3{
  padding-top:1.5rem;
}
.header-nmcll-level3 li{
  /* margin-bottom:1rem; */
}
.header-nmcll-level3 a{
  color: #333;
  font-size: 1rem;
}
.header-nmc-right{
  width: 33.333%;
  margin-top:2.3rem;
  float: right;
  position: relative;
}
.header-nmc-right img{
  width: 100%;
}
.header-nmcr-bottom{
  /* text-align: right;
  line-height: 120%; */
  color:#333;
  font-size: 2.1rem;
  cursor: pointer;
  position: absolute;
  bottom:-3rem;
  right:0;
}

.header-nav-list.header-nav-single-list .header-nmcl-list{
  width: 100%;
}
.header-nav-list.header-nav-single-list .header-nmcll-level3{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.header-nav-list.header-nav-single-list .header-nmcll-level3 li{
  display: flex;
  justify-content: flex-start;
  margin-right: 1VW;
}
.header-nav-list.header-nav-single-list .header-nmcll-level3 li a{
  margin:auto;
  text-align: center;
}
.header-nav-list.header-nav-single-list .header-nmcll-level3 li a img{
  width: 60%;
  position: relative;
  max-width: 160px;
  max-width: 7.6VW;
  min-width: 4em;
}
.header-nav-list.header-nav-single-list .header-nmcll-level3 li p{
  margin-top:2rem;
}


/* 20211019 header改版结束 */
@media(max-width: 1000px) { 
  #nav_t ul.header-navbar-level1 {
    margin: 0;
  }
}
@media(max-width: 850px) { 
  .head-box{
    max-width: 30%;
  }
} 
@media(max-width:768px){
  #nav {
    width: 0%;
  }
  .body-con {
    width: 90%;
  }
  .head-box a .logo {
    margin-top: 0;
  }
  .menubtn {
    margin-top: 26px;
  }
  .btn-s {
    margin-top: 30px;
  }
  .btn-t {
    margin-top: 30px;
  }

  /* 20211020 导航开始 */
  #nav_t{
    position: fixed;
    top: 80px;
    left: 100VW;
    background: #fff;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  #nav_t ul.header-navbar-level1 {
    display: block;
    height: auto;
    width: 100%;
    padding-top:15px;
  }
  #nav_t ul.header-navbar-level1 > li {
    float: none;
    height: auto;
    width: 100%;
    padding:0 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #d4d4d4;
  }
  #nav_t ul.header-navbar-level1 > li > a {
    line-height: normal;
    padding: 15px 0;
    font-weight: bold;
    font-size: 1.1rem;
    text-align: left;
    display: inline-block;
    width: auto;
  }
  .header-navbar-menu {
    position: static;
    box-shadow: none;
  }
  .header-nm-container {
    padding-bottom: 1rem;
  }
  .header-nmc-left {
    display: block;
    margin-top: 1rem;
  }
  .header-nmcll-level3 {
    padding: .5rem 0;
  }
  .header-nav-list.header-nav-single-list .header-nmcll-level3 {
    display: block;
  }
  .header-nav-list.header-nav-single-list .header-nmcll-level3 li a {
    text-align: left;
  }
  .header-nav-list.header-nav-single-list .header-nmcll-level3 li {
    display: block;
  }
  .header-nav-list.header-nav-single-list .header-nmcll-level3 li p {
    margin-top: 1rem;
  }
  .header-nmcll-level3 > li > a > p:first-child{
    display: none;
  }
  .header-nmcl-list {
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
  }
  .header-nmc-right{
    display: none;
  }
}