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

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_1";
  src: url("../fonts/SOURCEHANSANSCN-REGULAR_1.woff2") format("woff2"),
       url("../fonts/SOURCEHANSANSCN-REGULAR_1.woff") format("woff"),
       url("../fonts/SOURCEHANSANSCN-REGULAR_1.ttf") format("truetype"),
       url("../fonts/SOURCEHANSANSCN-REGULAR_1.eot") format("embedded-opentype"),
       url("../fonts/SOURCEHANSANSCN-REGULAR_1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SOURCEHANSANSCN-MEDIUM_1";
  src: url("../fonts/SOURCEHANSANSCN-MEDIUM_1.woff2") format("woff2"),
       url("../fonts/SOURCEHANSANSCN-MEDIUM_1.woff") format("woff"),
       url("../fonts/SOURCEHANSANSCN-MEDIUM_1.ttf") format("truetype"),
       url("../fonts/SOURCEHANSANSCN-MEDIUM_1.eot") format("embedded-opentype"),
       url("../fonts/SOURCEHANSANSCN-MEDIUM_1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}



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




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

.hfindex-top{ width: 100%; height: 40px; background: #f0f0f0; line-height:40px; }
.hfindex-top .pull-left{ color: #646464; font-size: 13px;}
.hfindex-top .pull-right{ font-size: 13px;}

.hfindex-top .hf-map{ height: auto; position: relative;}
.hfindex-top .hf-map a{ color: #646464; background:url(../images/line.png) no-repeat right center; padding:0 15px; float: left;}

.hfindex-top .hf-map a.mowhc{ background:url(../images/sjmon.png) no-repeat right center;     padding-right: 25px; cursor: pointer;}

.mobwhat{ position: absolute; top:100%; right:0px;    z-index: 1; display: none;}
.mobwhat img{ height: 133px; display: inline-block;}




.hf-advisenum{ font-size:12px; color: #4b4b4b;    line-height: 30px; background: url(../images/call.png) no-repeat left center; padding-left: 50px; }
.hf-advisenum span{ color: #ff1313; font-size: 18px; }



@media screen and (min-width: 769px){
.logomob_lo{ display: none;}
.navContent{ background:#fff; padding:2% 0px;}
.header_mob{ height: auto; position: inherit; background:#116db7;}

.navContent .logo_lo{ float: left; height: auto; overflow: hidden;}
.navContent .logo_lo img{  margin-right:20px;}
.navContent .logo_lo span{ display: table-cell;}

.navContent .logo_lo .span2{ font-size:18px; color: #4b4b4b; line-height: 30px; position: relative;top: -12px;}

.tablecell{display: table;}


.navbor {height: auto;text-align: center; }
.navy{ height:auto; padding-left: 0px; margin-bottom: 0px;  text-align: center;} 
.navy a:hover{ text-decoration: none;}
.navy li{display: block; margin-bottom: 0px; }
.navy > li {position: relative;padding: 10px 35px; background: url(../images/nav-line.png) no-repeat right center;  display: inline-block;}
.navy > li:last-child{ background: none;}
.navy > li.current-menu-item > a{ color: #fff600; }
.navy > li > a em{ display: block; font-size: 12px;}
.navy > li > a{ font-size: 14px; color:#fff;  display: block; }
.navy > li span{ display: none;}
.navbor ul.navy >li>ul.sub-menu{ min-width: 100%;width:210px;background: #fff;position: absolute;left: 0;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:#333; font-size: 14px; display: block;transition: all .8s;}
.navbor ul.navy >li>ul.sub-menu li a:hover{ background: #116db7; text-indent: 10px; color: #fff;}

.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: #fff; }

.navfix{ position:fixed; z-index: 999;  top:0px; width: 100%;moz-box-shadow: 0px 1px 5px #e9ecf1;
    -webkit-box-shadow: 0px 1px 5px #e9ecf1;
    box-shadow: 0px 1px 5px #e9ecf1; } 




}






.newsindex{height: auto; overflow: hidden; background: #f7f7f7; padding:3% 0px;}
.newsul{ height: auto; overflow: hidden;}
.newsul >li{ float: left; width:33%; margin-right: 3%;}
.newsul >li:last-child{ margin-right: 0px; width:27%; float: right;}
.newsul >li .newstitle{ color: #116db7; font-size:22px;  font-weight: normal; background: url(../images/news_tit1.png) no-repeat left center; padding-left:30px;}
.newsul >li:nth-child(2) .newstitle{ background: url(../images/news_tit2.png) no-repeat left center; padding-left:30px;}
.newsul >li:nth-child(3) .newstitle{ background: url(../images/news_tit3.png) no-repeat left center; padding-left:30px;}

.newsul >li .newstitle a{ float: right; color: #363636; font-size: 13px; text-transform: uppercase; line-height: 31px; font-family: "Arial";}
.newsul >li img{ display: block; margin:3% 0px; max-width: 100%;}

.newsol{ height: auto; overflow: hidden;}
.newsol li{ height: 46px;border-bottom: 1px dashed #cbcbcb;display: block; overflow: hidden;} 
.newsol li a{ color: #666;line-height: 46px;background: url(../images/jiao.png) left center no-repeat;padding-left: 12px;display: block;font-size: 15px;}
.newsol li a span{ float: right;}
.newsol li:hover a{ color: #116db7;}


.newsbox{ height: auto; overflow: hidden; margin-top: 3%; width: 100%;}

.faqol{ height: auto; overflow: hidden; }
.faqol li{ height: auto;}
.faqol li a{ height: auto; overflow: hidden; padding: 3% 0px; border-bottom: 1px dashed #b4b4b4; display: block; }
.faqol li h3{display:block;color:#363636;font-size:14px;width:100%;height:auto;overflow:hidden;line-height:18px;margin-bottom:15px;padding-left:25px;position:relative; overflow: hidden;}
.faqol li h3::before{content:"Q";display:inline-block;width:18px;height:18px;background:#116db7;color:#fff;text-align:center;line-height:18px;position:absolute;left:0;top:0; font-size: 12px;color:#fff;}
.faqol li p{display:block;font-size:14px;width:100%;height:auto;overflow:hidden;line-height:22px;padding-left:25px;position:relative; overflow: hidden; color: #666666;}
.faqol li p:before{content:"A";display:inline-block;width:18px;height:18px;background:#949494;color:#fff;text-align:center;line-height:18px;position:absolute;left:0;top:0;font-size: 12px;color:#fff;}
.faqol li:last-child{ border-bottom: none;}

.newsmob{ display: none;}

footer{ height: auto;  position: relative; overflow: hidden;background:#1d1d1d; }

.foot-top{ height: auto; overflow: hidden; padding:3% 0px;}
.foottile{ font-size: 16px; color: #fefefe; margin-bottom: 20px;}
.footol{ height: auto; overflow: hidden; }
.footol li{ height: auto; overflow: hidden; font-size: 14px; margin-bottom: 3%;}
.footol li a{ display: block; color: #fff;}
.footol li a:hover{ opacity: .6;}
.fooimg{ height: auto; overflow: hidden;}
.fooimg img{ display: block; max-width: 100%;}
.footadd{ height: auto; overflow: hidden; margin-left: 5%;}
.footadd p{ font-size: 13px; color: #8e8e8e; line-height: 24px;}
.footadd p a{color: #8e8e8e; }
.footadd p a:hover{ color: #fff;}
.footmess{ height: auto; overflow: hidden;}
.footmess p{ float: left; width: 49%; margin-bottom: 2%;}
.footmess p:nth-child(2n){ float: right;}
.footmess p:last-child{ float: none; width: 100%; display: block;}
.footmess p input{ background: #494949; height: 36px; line-height: 36px; border:none; text-indent: 10px; font-size: 14px; color: #fff; width: 100%;}
.footmess p textarea{background: #494949; height: 82px;  border:none; text-indent: 10px; font-size: 14px; color: #fff; width: 100%; padding-top: 10px; display: block; }

.messbtn .btnn{width: 106px; height: 32px; background: #4a4a4a; color: #fff; line-height: 32px; text-align: center; border:none; float: left; margin-right: 8px;    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;}
.messbtn .btn1{ color: #fff; background: #116db7;}
.messbtn .btnn:hover{ color: #232323; background: #fff;}



.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: #116db7;}


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



.foot-bottom{ height: auto; overflow: hidden; border-top:1px solid #2b2b2b; line-height: 65px; color: #a3a3a3; font-size: 14px; }
.foot-bottom a{ float: right; color: #a3a3a3;}
.foot-bottom a:hover{ color: #fff;}

.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) {
.containerr{ padding:0 10px;}
img{ max-width: 100%;}
.navContent{ display: none;}
.zychang{ display: none;}

.header_mob{position:fixed; z-index:9999; top:0; left:0;  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 img{ height: 27px;    margin-top: 19px;}


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


.search{ width: 100%; margin:0 auto; line-height: 45px; height: 45px; display: block; overflow: hidden; border-bottom: 1px solid #555;}
.search-input{ width: 87%; border:none; background: transparent; color: #fff; font-size: 14px; text-indent: 20px;}
.search-sbm{ width: 11%; background:transparent url(../images/sear1.png) no-repeat center;border:none;  text-indent: -99em;}


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




.newsul >li .newstitle{ font-size: 16px;}
.faqol li h3{ font-size: 12px;}
.faqol li p{ font-size: 12px;}
.foot_right{ display: none;}
.newsindex{ display: none;}



.newsmob{ position:relative;  overflow:hidden; margin-top: 0%; display: block; margin-bottom: 5%;}
.newsmob .news-ol{ height: auto; overflow: hidden; margin:10px; margin-top: 5%;}
.newsmob .news-ol li{ width: 32%; height: 35px;  font-size: 14px; text-align: center;  line-height: 35px; border-radius: 20px; float: left; margin-right: 2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border:1px solid #c6c6c6; color:#333333;}
.newsmob .news-ol li.cur{ background: #116db7; border:1px solid #116db7; color:#fff;}
.newsmob .news-ol li:last-child{ margin-right: 0;}
.newsmob .news_con{ height: auto; overflow: hidden;margin:0 10px;    margin-bottom: 0px;}
.newsmob .news_con .news_in{ height: auto; overflow: hidden; display:none; color:#333;}
.newsmob .news_con .news_in img{ display:none;  max-width: 100%;}
.newsmob .news_ul{ height: auto; overflow: hidden;}
.newsmob .news_ul li{ height: 40px; line-height: 40px; border-bottom:1px dashed #bababa;}
.newsmob .news_ul li:last-child{ border-bottom:none;}
.newsmob .news_ul li a{ color:#666; font-size: 14px; }
.newsmob .news_ul li span{ float: right;}

.foot-bottom{ line-height: 25px;}


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

.promobCent {
    height: 60px;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 1px 3px #d7d7d7;
        margin-bottom: 8%;
}
.promobCent .prolistt {
    float: left;
    line-height: 60px;
    color: #333;
    font-size: 16px;
    text-indent: 10px;
}
.promobCent .promune {
    height: 60px;
    line-height: 60px;
    width: 100%;
    text-align: right;
    position: absolute;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.promobCent .promune img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease,-webkit-transform .35s ease;
}






}


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

.fooimg{ display: none;}
.footadd p{ font-size: 12px;}

}