body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form,  input, p, th, td { margin:0; padding:0;}
body { font-family: "Montserrat-Light(1)"; color: #313131; }

img { border:0; /* max-width: 100%; display: block;*/}
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; } 
textarea { resize:none; }
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block}
a:hover{ text-decoration: none !important;}





.clearfix:after{
    content:'';
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}


@font-face {
 font-family: "Montserrat-Light(1)";
  src: url("../fonts/Montserrat-Light(1).woff2") format("woff2"),
       url("../fonts/Montserrat-Light(1).woff") format("woff"),
       url("../fonts/Montserrat-Light(1).ttf") format("truetype"),
       url("../fonts/Montserrat-Light(1).eot") format("embedded-opentype"),
       url("../fonts/Montserrat-Light(1).svg") format("svg");
  font-weight: normal;
  font-style: normal;


}


.containerr{ max-width: 1200px; margin:0 auto;}
.indexContent{ height: auto;  position: relative;}



.hf-advisenum{ font-size:16px; color: #2c83bb;    line-height: 30px; background: url(../images/call.png) no-repeat left center; padding-left: 50px; }
.hf-advisenum span{font-size: 24px; display: block;}

@media screen and (min-width: 769px){
 .logoimg {
    display: none;
}
.header_mob{     position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 7; background:rgba(0,0,0,0.3); border:1px solid rgba(0,0,0,0.5);    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;}

.indexContent .logo_lo{ float: left; height: auto; overflow: hidden;}
.indexContent .logo_lo img{  margin-right:20px; margin-top: 13px;-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;}
.logo_mob{ display:none;}

.indexContent .dropdown{ height: auto;  float: right; line-height:80px;    cursor: pointer;-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;}
.indexContent .dropdown span{    display: none;;background: #fff;
    padding: 5px;
    border-radius: 3px;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 99;    width: 120px; transition: all .8s;}
.indexContent .dropdown:hover span{ display:block;}


.indexContent .dropdown span img{ max-width:100%;}
.navbor {height: auto;text-align: center; float: left;}
.navy{ height:auto; padding-left: 0px; margin-bottom: 0px;  } 
.navy a:hover{ text-decoration: none;}
.navy li{display: block; margin-bottom: 0px; }
.navy > li {position: relative; float: left; padding: 0px 35px;line-height:80px;  background: url(../images/line.png) no-repeat right center; -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;}

#current > a{ color: #ff9f00; }
.navy > li > a{ font-size: 15px; color:#fff;  display: block; }
.navy > li i{ display: none;}

.commonweb{ max-width: 100%; text-align: center; margin:0 auto; padding: 0 20px;}

.navbor ul.navy >li>dl.sub-menu{
/* min-width: 100%;width:210px;background: #fff;position: absolute;left: 0;top: 100%;z-index: 10;display: none;*/

    position: absolute;
    width: 100%;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.9);
    z-index: 2;
    text-align: center;
    padding-bottom: 7px;
    min-width: 150px;
    z-index: 99;
    display: none;




}


.sub-nav-tab {
   
    height: 100%; 
}
.sub-nav-tab a{
    display: inline-block;
    font-size: 16px; line-height:52px; 
    color: #626262; margin-right: 102px;}


/*.sub-nav-tab a:nth-child(1) {
    color: #fff;
}*/


.sub-nav-tab a.cur{ color: #fff;}


.sub-nav-tab a:last-child{ margin-right: 0px;}

.sub-nav-tab a:hover{ color: #fff;}


.sub-nav-list {
    overflow: hidden;
    height: 100%;
    color: #fff;
    
}
.nav-item{ display: none; text-align: center;}
.nav-item:nth-child(1) {
    display: block;
}

.nav-item a{ display: inline-block; margin-right: 50px; }
.nav-item a:last-child{ margin-right: 0px;}

.nav-item a img{ display: block; max-width: 100%; margin:0 auto; height: 170px;}
.nav-item a span{ display: block; text-align: center; font-size: 15px; color: #626262; margin-top:5px; line-height: 22px;}
.nav-item a:hover span{color: #fff;}

.navbor ul.navy >li>dl.sub-menu dd{ position: relative;}
.navbor ul.navy >li>dl.sub-menu >dd:last-child{box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); } 

.navbor ul.navy >li>dl.sub-menu dd a{ display: block;
    color: #fff;
    font-size: 18px; 
 display: block;transition: all .8s;}
.navbor ul.navy >li>dl.sub-menu dd a:hover{text-indent: 10px; color: #fea100;}

/*.navbor ul.navy >li:hover>dl.sub-menu{     display: block;}*/

.navy > li > a:hover{ color: #fff; }
.navy > li:last-child{ background: none;}

.navy li:nth-child(2){position: static;}


.header_mob.act .logo_lo .span1{ padding-top: 9px;}
.header_mob.act{  position: fixed;width: 100%;top: 0px;background: rgba(0,0,0,0.8)}

.header_mob.act .logo_lo img{ height: 28px;margin-top: 2px;}


.header_mob.act .navy > li{ line-height: 45px;}

.indexContent .header_mob.act .dropdown{line-height: 45px;}



}

footer{ height: auto;  position: relative; overflow: hidden; }
.footDetail{ height: auto; overflow: hidden; background: #FF9F00; margin-top: 20px;}
.footDetail .containerr{ position:relative;}
.footDetail img{ max-width: 4%;}
.footDetail p{ position: absolute; left:0px; right:0px; color: #fff;    width: 100%;
    text-align: center; top:50%; font-size: 23px; margin-top: -14.4px; font-weight: bold;}

.foot-top{ height: auto; overflow: hidden;}
.footlink{ height: auto;  margin:28% 0px 0px; text-align: center; background: url(../images/linkBg.png) no-repeat center;}
.footlink a{  margin-right: 22px; display: inline-block;max-width: 100%;-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;}
.footlink img{ max-width: 100%;-webkit-transition: all .8s; display: block;position: relative; top:0px;
    -moz-transition: all .8s;
    -o-transition: all .8s;}
.footlink a:last-child{ margin-right: 0px;}
.footlink a:hover img{ top:5px;}


.foot-nav{ height: auto; overflow: hidden;  padding:40px 0px;}
.foot-nav .footdl{height: auto; overflow: hidden;   }
.foot-nav .footdl .detail{ line-height: 28px; margin-bottom: 0px;}

.foot-nav .footdl p{ font-size: 13px; margin-bottom: 5px;}
.foot-nav .footdl .footitle{ font-size: 18px; color: #000000; margin-bottom: 10px;}
.foot-nav .footdl p b{ }
.foot-nav .footdl .footProa a{ float: left; width: 33%;  color: #000000;  margin-bottom: 5px; font-size: 13px;overflow: hidden;
    word-break: break-all;
    height: 28px;}
.foot-nav .footdl .footProa a:hover{ color: #ff9f00;}
.footLogo img{ display: block; max-width: 100%; margin-top:9%;}

.foot-bottom{ height: auto; overflow: hidden; line-height: 60px;  font-size: 16px; color: #7f7f7f; text-align: center;}



.stickTop{ position: fixed; right:2%; bottom:20px; z-index: 999;right: 20px;border-radius: 5px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s; cursor: pointer; }




input::-webkit-input-placeholder{ color:#cecece; }
input::-webkit-input-placeholder { color:#cecece;}
input:-moz-placeholder { color:#cecece;}
input::-moz-placeholder { color:#cecece;}
input:-ms-input-placeholder { color:#cecece;}


textarea::-webkit-input-placeholder{ color:#cecece;}
textarea::-webkit-input-placeholder { color:#cecece;}
textarea:-moz-placeholder { color:#cecece;}
textarea::-moz-placeholder { color:#cecece;}
textarea:-ms-input-placeholder { color:#cecece;}





.promobCent .prolistt,.promobCent .promune{ display: none;}

@media screen and (min-width: 769px) and (max-width: 1199px){
 
}

@media screen and (min-width: 996px) and (max-width: 1199px){

.navy > li{padding: 0px 2rem;}






}

@media screen and (min-width: 769px) and (max-width: 996px){

.navy > li{padding:0 10px; }
.hf-advisenum{ display: none;}




}


@media screen and (max-width: 768px) {


.logo_lo,.dropdown{ display: none;}





.containerr{ padding:0 10px;}
img{ max-width: 100%;}


.header_mob{position:fixed; z-index:9999; top:0; left:0;  width: 100%; overflow:visible; background:#000;display: block;height: 60px;
    box-shadow: 0px 1px 3px #d7d7d7;}
.header_mob .container {position: relative;  margin:0px auto; }

.head_mobile{ display: block; height: 60px;}

.logoimg img{ height: 40px;    margin-top:10px;}


#m_menu{position:relative;width:30px;height:30px;float:right; margin-top:20px; margin-right:0px;text-align: center;cursor: pointer; }
#m_menu span {display: block; position: absolute; width:30px; height: 3px; z-index: 1; left:0; top:0; background: #fff;}
 
#m_menu .menuicon-middle {z-index: 2;top: 8px;}
#m_menu .menuicon-bottom {z-index: 3; top: 16px; }

#sf-menu{ position:fixed; top:60px; left: 0; z-index: 9999; width:100%;  background: rgba(0,0,0,0.9); display:none; height: 100%;} 

.navMenu>li>a { display: block; overflow: hidden; padding-left: 20px; line-height: 40px; color: #fff; transition: all .3s; position: relative; text-decoration: none; font-size: 14px; border-bottom: 1px solid #555; }

.navMenu li{ position: relative; display: block;}
.navMenu li i{ display: inherit; }
.navMenu li .arrow:before {cursor: pointer;  margin-top: 9px; margin-right: 10px; display: inline; height: 20px;content: "";  background:url(../images/jiantou.png) no-repeat center; width: 20px; position: absolute; right:0px; top:0px;}
.navMenu li.open .active:before { cursor: pointer;position: absolute; right:0px; top:0px; margin-top: 9px; margin-right: 10px; display: inline; height: 20px;content: "";  background:url(../images/jian.png) no-repeat center; width: 20px;}

.navMenu>li>a.active, .navMenu>li>a:hover { color: #FFF; background: #12181b; }
.navMenu>li>dl.sub-menu { display: none; list-style: none; clear: both; margin: 0px 0px 0px 10px; padding-bottom: 5px; }
.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu { }
.navMenu>li>dl.sub-menu dd { background: none; margin: 0px; padding: 0px; }
.navMenu>li>dl.sub-menu dd>a { display: block;padding: 5px 20px;
    color: #fff;
    font-size: 14px; line-height: 22px;
    color: #fff; }

.sub-nav-tab a{ display: block;padding: 5px 20px;
    color: #fff;
    font-size: 14px; line-height: 22px;
    color: #fff;}

.sub-nav-list{ display: none;}

.search-input::-webkit-input-placeholder{ color:#fff;}
.search-input::-webkit-input-placeholder { color:#fff;}
.search-input:-moz-placeholder { color:#fff;}
.search-input::-moz-placeholder { color:#fff;}
.search-input:-ms-input-placeholder { color:#fff;}





.menuicon-in .menuicon-top, .menuicon-in .menuicon-bottom, .menuicon-out .menuicon-top, .menuicon-out .menuicon-middle, .menuicon-out .menuicon-bottom { 
 animation: menuInx 1s;
 -moz-animation: menuInx 1s; 
 -webkit-animation: menuInx 1s; 
 -o-animation: menuInx 1s; 
 animation-fill-mode: forwards; 
 -webkit-animation-fill-mode: forwards 
 }
 
.menuicon-in .menuicon-middle {
animation: menuInm 0.5s; 
-moz-animation: menuInm 0.5s; 
-webkit-animation: menuInm 0.5s; 
-o-animation: menuInm 0.5s; 
animation-fill-mode: forwards; 
-webkit-animation-fill-mode:forwards 
}

.menuicon-in .menuicon-bottom { 
animation-name: menuIny; 
-moz-animation-name: menuIny; 
-webkit-animation-name: menuIny; 
-o-animation-name: menuIny; 
}

.menuicon-out .menuicon-top { 
animation-name: menuOutx;
 -moz-animation-name: menuOutx; 
 -webkit-animation-name: menuOutx;
 -o-animation-name: menuOutx; 
 }
 
.menuicon-out .menuicon-middle { 
animation-name: menuOutm; 
-moz-animation-name: menuOutm; 
-webkit-animation-name: menuOutm; 
-o-animation-name: menuOutm; 
}

.menuicon-out .menuicon-bottom { 
animation-name: menuOuty; 
-moz-animation-name: menuOuty;
-webkit-animation-name: menuOuty;
-o-animation-name: menuOuty; 
}
  

  @-webkit-keyframes menuInx {  
0% {
 -webkit-transform:rotate(0);
 top:0
}
100% {
 -webkit-transform:rotate(-45deg);
 top:8px
}
}
@-moz-keyframes menuInx { 
 0% {
 -moz-transform:rotate(0);
 top:0
}
100% {
 -moz-transform:rotate(-45deg);
 top:8px
}
}
@-o-keyframes menuInx {  
0% {
 -o-transform:rotate(0);
 top:0
}
100% {
 -o-transform:rotate(-45deg);
 top:8px
}
}
@keyframes menuInx {  
0% {
 transform:rotate(0);
 top:0
}
100% {
 transform:rotate(-45deg);
 top:8px
}
}
@-webkit-keyframes menuInm {  
0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-moz-keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-o-keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-webkit-keyframes menuIny {  
0% {
 -webkit-transform:rotate(0);
 top:16px
}
100% {
 -webkit-transform:rotate(45deg);
 top:8px
}
}
@-moz-keyframes menuIny {  
0% {
 -moz-transform:rotate(0);
 top:16px
}
100% {
 -moz-transform:rotate(45deg);
 top:8px
}
}
@-o-keyframes menuIny {  
0% {
 -o-transform:rotate(0);
 top:16px
}
100% {
 -o-transform:rotate(45deg);
 top:8px
}
}
@keyframes menuIny { 
0% {
 transform:rotate(0);
 top:16px
}
100% {
 transform:rotate(45deg);
 top:8px
}
}
@-webkit-keyframes menuOutx {  
0% {
 -webkit-transform:rotate(-45deg);
 top:8px
}
100% {
 -webkit-transform:rotate(0);
 top:0
}
}
@-moz-keyframes menuOutx {  
0% {
 -moz-transform:rotate(-45deg);
 top:8px
}
100% {
 -moz-transform:rotate(0);
 top:0
}
}
@-o-keyframes menuOutx {  
0% {
 -o-transform:rotate(-45deg);
 top:8px
}
100% {
 -o-transform:rotate(0);
 top:0
}
}
@keyframes menuOutx {  
0% {
 transform:rotate(-45deg);
 top:8px
}
100% {
 transform:rotate(0);
 top:0
}
}
@-webkit-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-moz-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-o-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-webkit-keyframes menuOuty {  
0% {
 -webkit-transform:rotate(45deg);
 top:8px
}
100% {
 -webkit-transform:rotate(0);
 top:16px
}
}
@-moz-keyframes menuOuty {  
0% {
 -moz-transform:rotate(45deg);
 top:8px
}
100% {
 -moz-transform:rotate(0);
 top:16px
}
}
@-o-keyframes menuOuty {  
0% {
 -o-transform:rotate(45deg);
 top:8px
}
100% {
 -o-transform:rotate(0);
 top:16px
}
}
@keyframes menuOuty {  
0% {
 transform:rotate(45deg);
 top:8px
}
100% {
 transform:rotate(0);
 top:16px
}
}



.menufade > li{opacity:0}
.menufade > li{ 
    animation:menufade 0.35s ease-out;
    -moz-animation:menufade 0.35s ease-out;
    -webkit-animation:menufade 0.35s ease-out;
    -o-animation:menufade 0.35s ease-out;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.menufade > li:nth-child(1){
    animation-delay:100ms;
    -moz-animation-delay:100ms;
    -webkit-animation-delay:100ms;
    -o-webkit-animation-delay:100ms
}
.menufade > li:nth-child(2){
    -o-webkit-animation-delay:300ms;
    -moz-animation-delay:300ms;
    -webkit-animation-delay:300ms;
    animation-delay:300ms
}
.menufade > li:nth-child(3){
    -o-webkit-animation-delay:350ms;
    -moz-animation-delay:350ms;
    -webkit-animation-delay:350ms;
    animation-delay:350ms
}
.menufade > li:nth-child(4){
    -o-webkit-animation-delay:400ms;
    -moz-animation-delay:400ms;
    -webkit-animation-delay:400ms;
    animation-delay:400ms
}
.menufade > li:nth-child(5){
    -o-webkit-animation-delay:450ms;
    -moz-animation-delay:450ms;
    -webkit-animation-delay:450ms;
    animation-delay:450ms
}
.menufade > li:nth-child(6){
    -o-webkit-animation-delay:500ms;
    -moz-animation-delay:500ms;
    -webkit-animation-delay:500ms;
    animation-delay:500ms
}
.menufade > li:nth-child(7){
    -o-webkit-animation-delay:550ms;
    -moz-animation-delay:550ms;
    -webkit-animation-delay:550ms;
    animation-delay:550ms
}
.menufade > li:nth-child(8){
    -o-webkit-animation-delay:600ms;
    -moz-animation-delay:600ms;
    -webkit-animation-delay:600ms;
    animation-delay:600ms
}
.menufade > li:nth-child(9){
    -o-webkit-animation-delay:650ms;
    -moz-animation-delay:650ms;
    -webkit-animation-delay:650ms;
    animation-delay:650ms
}
.menufade > li:nth-child(10){
    -o-webkit-animation-delay:700ms;
    -moz-animation-delay:700ms;
    -webkit-animation-delay:700ms;
    animation-delay:700ms
}


@-webkit-keyframes menufade {
0% {opacity:0;-webkit-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-webkit-transform:scale(1) translateY(0)}
}
@-moz-keyframes menufade {
0% {opacity:0;-moz-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-moz-transform:scale(1) translateY(0)}
}
@-o-keyframes menufade {

0% {opacity:0;-o-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-o-transform:scale(1) translateY(0)}
}
@keyframes menufade {
0% {opacity:0;transform:scale(1.1) translateY(-24px)}
100% {opacity:1;transform:scale(1) translateY(0)}
}










}


@media screen and (max-width: 414px) {

.footDetail{ display: none;}

.footLogo img{ margin:0 auto; display: block;}
.footLogo{ margin-bottom: 5%; display:none;}

.footdl{ margin-bottom: 2%;}
.footlink{ margin-top: 0px; text-align: left;}
.foot-bottom{ line-height: 28px;    text-align: left;}
.foot-nav .footdl .mobfoot{ position:relative; border-bottom: 1px solid #929292;padding-bottom: 10px; cursor:pointer;}

.plus.icon {
    position: absolute;
    right: 0;
    top: 0;
    color: #929292;
    position: absolute;
    margin-left: 3px;
    width: 100%;
    height: 100%;
}

.plus.icon:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    right: 0;
    top: 11px;
    background-color: #929292;
}

.plus.icon:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    right: 0;
    top: 11px;
    background-color: #929292;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.footProa{ display:none;}
.foot-nav .footdl .footProa a{ float:none; display:block; width:100%;}
.foot-nav .footdl .mobfoot.cur .plus.icon:after {
    opacity: 0;
}


.foot-nav{ padding-bottom: 0px;}



}