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: "SourceHanSansCN-Regular", Arial,Helvetica,sans-serif; }

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; }




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



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


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


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




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


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

.navContent{ background:#fff; padding:1% 0px;}
.header_mob{ height: auto; position: inherit;background: #fff; }
.header_mob .containerr{  max-width: 1600px;}

.logomob_lo img{ padding-top: 26px;}
.header_mob .logo_lo span{ display: table-cell;}
.tablecell{display: table;margin-top: 20px;}
.ljnum{ font-size: 22px; color: #224787;float: left; background: url(../images/call1.png) no-repeat left center; padding-left: 30px; font-weight: bold;  font-family: "Arial"; margin-top: 27px; margin-left: 60px;}
.ljnum a{ color: #224787; }

.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 25px; font-size: 17px;  }
.navy > li:last-child{ padding-right:0px;}
.navy > li > a.current-menu-item{ color: #0a3681; }
.navy > li > a{ color:#3d3d3d; display: inline-block;line-height: 87px; font-family: "Arial";}
.navy > li span{ display: none;}
.navbor ul.navy >li>ul.sub-menu{ min-width: 100%;width:210px;background: #fff;position: absolute;left:-56px;top: 100%;z-index: 10;display: none;}

.navbor ul.navy >li>ul.sub-menu li{ position: relative; height: 45px; line-height: 45px;border-bottom: 1px solid #e6e6e6;}
.navbor ul.navy >li>ul.sub-menu >li:last-child{box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); } 

.navbor ul.navy >li>ul.sub-menu li a{ color:#3f4447; font-size: 14px; display: block;transition: all .8s;}
.navbor ul.navy >li>ul.sub-menu li a:hover{  text-indent: 10px; color: #0a3681;}

.navbor ul.navy >li:hover>ul.sub-menu{     display: block;}
.navbor ul.navy>li:hover ul.sub-menu>li>ul.sub-menu{ min-width: 100px; width: 210px;min-height: 50px;background: #fff;z-index: 10;position: absolute;left: 100%;top: 0;display: none;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);}
.navbor ul.navy>li:hover ul.sub-menu>li:hover>ul.sub-menu{ display: block;}
.navy > li > a:hover{ color: #0a3681; }


}


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


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

footer{ height: auto;  position: relative; overflow: hidden;background:#efefef; padding-top: 2%;}

footer .containerr{ max-width: 1600px;}



.foot_logo{ float: left; width: 30%;}
.foot_logo img{ display: block;max-width: 100%;     margin-top:52px}

.foot-top{ height: auto; overflow: hidden; border-top:1px solid #d9d4d0; border-bottom:1px solid #d9d4d0; padding:2% 0px;}
.foottwo{ height: auto; overflow: hidden;}
.foottwo .row{ margin:0px;}
.footdl{ height: auto; overflow: hidden;  padding:0px; }
.footdl dt{ font-size: 25px; color: #03388b;font-weight: normal; border-bottom: #e4e1df solid 1px; padding-bottom: 30px; margin-bottom: 30px;}
.footdl dl dd{ font-size: 14px; color: #3d3d3d; line-height: 27px;font-weight: bold;
    margin-bottom: 11px;}
.footdl dl dd a{ color: #3d3d3d;display: block;}
.footdl dl dd a:hover{ color: #3d5a9a;}

.foocont{ float: left; width: 68%;} 
.foot_whate{ float: left; width: 12%; margin-right: 20px;}

.foot_whate{ float: left; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.foot_whate .whateimg img{ display: block; max-width: 100%;}

.foot-bottom{ height: auto; overflow: hidden;   font-size: 14px; color: #3d3d3d;  line-height: 30px; padding:10px 0px; text-align: center;}
.foot-bottom a{ color:#3d3d3d;}

.stickTop{ position: fixed; right:2%; bottom:20px;    display: inline-block;width: 45px;height: 45px;background: #000 url(../images/top_icon.png) no-repeat center;text-align: center;text-decoration: none;line-height: 30px;z-index: 999;right: 20px;border-radius: 5px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s; }

.stickTop:hover {background-color: #e83838;}


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;}





.login_mob{ 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;}

.hf-advisenum{ display: none;}




}

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

.navy > li{padding:0 10px; }
.hf-advisenum{ display: none;}
.navContent .logo_lo .span3 b{ font-size: 22px;}
.navContent .logo_lo .span3 i{ margin-right: 0px;}
.navContent .logo_lo .span2{ font-size: 16px; line-height: 22px;}

}


@media screen and (max-width: 768px) {
.containerr{ padding:0 10px;}
img{ max-width: 100%;}
.navContent{ display: none;}
.zychang{ display: none;}

.header_mob .logo_lo .span2{ display: none;}

.ljnum{ display:none;}


.header_mob .logo_lo img{ height: 30px; margin-top: 12px;}

.langular{ width: 100%; height: 35px; background: #f3f3f3; position: fixed; top:0px; left:0px; line-height: 35px;}
.langular a{ color: #858585; font-size:14px; margin-left: 10px;}
.header_mob{position:fixed; z-index:9999; top:0px; left:0px;  width: 100%; overflow:visible; background:#fff;display: block;height: 60px;
    box-shadow: 0px 1px 3px #d7d7d7;}
.header_mob .container {position: relative;  margin:0px auto; }

.head_mobile{ display: block; height: 60px;}
.logomob_lo a{ height: auto; overflow: hidden; }
.logomob_lo a img{ margin-top: 18px; height: auto;}


#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: #000;}
 
#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 span{ display: inherit;}
.navMenu li .arrow:before {  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 { 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>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.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>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
.navMenu>li>ul.sub-menu li>a { display: block; font-size: 13px; line-height: 36px; padding-left: 20px; color: #fff; clear: both; }







.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)}
}



.footdl dt{ font-size: 18px; padding-bottom: 10px; margin-bottom: 10px;}
.foot_whate p{ font-size: 14px; letter-spacing: 0px;}




}


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

.foot_logo{ display: none;}
.foot-top{ float: none; width: 100%;}
.footdl dt{ font-size: 14px;}


.footdl dl dd{ font-size: 12px; line-height: 18px;}
.foot_whate p{ margin-bottom: 3px;}
.foot-bottom{ font-size: 12px; line-height: 22px;}




}