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: "Arial"; 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;
}
.containerr{ max-width: 1300px; margin:0 auto;}

.titleNomarl{ color: #313131; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.pNomarl{color: #6e6e6e; font-size: 16px;}




.indexContent{ height: auto;  position: relative;}

.searchBox{ display: none;}

@media screen and (min-width: 769px){
 .logoimg {
    display: none;
}
.header_mob{  
    width: 100%;
    z-index: 7; background:#fff  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: 26px;-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;max-width: 100%;
    max-height: 100%;}
.logo_mob{ display:none;}

.indexContent .dropdown{ height: auto;  float: right;    cursor: pointer;-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s; margin-left: 42px;line-height: 90px;}
.indexContent .dropdown a{  color: #848484; font-size: 16px; text-align: center; }
.indexContent .dropdown a.cur{ color: #358cd1;}


.search{ float: left;  width: 180px; border:1px solid #cfcfcf; border-radius: 30px; height: 30px; line-height: 30px;margin-top: 30px;-webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;}
.search .input{ border:none; background: transparent; width: 80%; font-size: 12px;height: 30px; float: left; text-indent: 1em;}
.search .button{ width: 18%;border:none;background: transparent url(../images/button1.png) no-repeat 76% center;float: left; font-size: 0px;}





.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 {float: left; padding: 0px 27px;line-height:90px; -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;position: relative;}

.navy > li.current-menu-item > a{ color: #358cd1; }
.navy > li#current-menu-item > a{ color: #358cd1; }
.navy > li > a{ font-size: 16px; color:#4e4e4e;  display: block;  }

.navy > li > a.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 3px;
    content: '';
    vertical-align: middle;
    border-top: 3px solid;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    margin-right: 0;
    margin-left: .3px;
}


.navy > li i{ display: none;}

.navy > li:hover>a{color: #358cd1; }



.commonweb{ max-width: 600px; margin:0 auto;}


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


.navbor ul.navy > li > dl.sub-menu dd {
    position: relative;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #e6e6e6;
  } 


.navbor ul.navy > li > dl.sub-menu dd a {
    color: #3f4447;
    font-size: 14px;
    display: block;
    transition: all .8s;
  }








.navbor ul.navy >li>dl.sub-menu .isproduct_li{ max-width: 1200px; margin:0 auto; display: flex;
    justify-content: space-between;flex-direction: row;}


.isproduct_li .flexbox{ display: flex;
    list-style: none;
    width: 100%;
    flex-wrap: wrap;
    padding-right: 125px;
    padding-left: 0;
    align-content: space-between;}

.isproduct_li .flexbox .item{ width: 20%;
    padding: 5px 0;}
.isproduct_li .flexbox .item a{ display: flex !important; color: #333;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;position: relative;
    overflow: hidden;}

.isproduct_li .flexbox .item a img{ height: 35px; }
.isproduct_li .flexbox .item a span{ margin-top: 12px;line-height: 20px;}


.isproduct_li .imgbox .bigpicture{     width: 563px;
    height: 195px; display: none;
    }



.header_mob.act .logo_lo .span1{ padding-top: 9px;}
.header_mob.act{  position: fixed;width: 100%;top: 0px;background:#fff;}

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


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

.indexContent .header_mob.act .dropdown {margin-top: 2px;line-height: 45px;}
.indexContent .header_mob.act .search{ margin-top: 11px;}






}

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


.foot-top{ height: auto; overflow: hidden; padding:2% 0px; }

.footLogo img{ display: block; max-width: 100%;}




/* ÔÚÏß¿Í·þ */
.kf_side {
    width:45px;
    position:fixed;
    z-index:990;
    top:20%;
    right:0
}  
.kf_side li {
    padding-bottom:1px;
    position:relative;
    width:45px
}
.kf_side li.frewm a {
    background-image:url(../images/kf_ico.png);
    background-repeat:no-repeat;
    background-position:-77px -75px
}
.kf_side li .frewm_hv {
    position:absolute;
    top:-53px;
    right:45px;
    display:none;
    padding-right:16px
}
.kf_side li.frewm.on a {
    background-color:#FD7700
}
.kf_side li .frewm_hv p {
    width:136px;
    height:136px;
    padding:7px;
    background:#fff;
    box-shadow:0 1px 6px 3px rgba(0,0,0,.05);
    position:relative
}
.kf_side li .frewm_hv p:before {
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-left:10px solid #fff;
    border-bottom:10px solid transparent;
    position:absolute;
    right:-10px;
    top:50%;
    margin-top:-10px;
    content:""
}
.kf_side li.qq_m {
    display:none
}
.kf_side li a {
    display:block;
    background-color:#0082df;
    color:#FFF;
    height:45px;
    width:100%
}
.kf_side li a.kf_qq2 {
    height:auto
}
.kf_side li a.kf_qq2 span {
    width:15px;
    padding:40px 15px 12px;
    text-align:center;
    display:block;
    font-size:14px;
    line-height:16px;
    background:url(../images/kf_ico.png) no-repeat -135px -74px
}
.kf_side li a:hover {
    background-color:#0082df;
}
.kf_side li a#gettop {
    height:40px;
    background-image:url(../images/kf_ico.png);
    background-repeat:no-repeat;
    background-position:-50px 10px
}
.kf_side li .sidebox {
    height:45px;
    line-height:45px;
    width:45px;
    font-size:14px;
    position:absolute;
    right:0;
    top:0;
    overflow:hidden
}
.kf_side li .sidebox p {
    width:160px
}
.kf_side li .sidebox .tel {
    width:45px;
    height:45px;
    display:block;
    background:url(../images/kf_ico.png) no-repeat -94px 14px;
    vertical-align:top;
    float:left
}
.kf_side li a.kf_qq {
    background-image:url(../images/kf_ico.png);
    background-repeat:no-repeat;
    background-position:-137px 12px
}




.footNav{ height: auto; overflow: hidden; padding-left: 5%;}
.footNav ul li{ float: left; width: 20%; }
.footNav ul li .title{ font-size: 18px; color: #fff; margin-bottom: 10px; text-transform: uppercase;}
.footNav ul li .subTitle a{display: block; font-size: 16px; color: #9b9b9b; margin-top: 16px;text-transform:capitalize}
.footNav ul li .subTitle a:hover{color: #358cd1;  }

.footNav ul li .subTitle .ftli{font-size: 16px; color: #9b9b9b; margin-bottom:20px; height: auto;
    overflow: hidden;}
.footNav ul li .subTitle .ftli span{ float: left;
    display: block;
    width: 23px;
    height: 24px;
    background: url(../images/ftimg1.png) no-repeat left center;
    margin-right: 10px;}

 .footNav ul li .subTitle .ftli i{ float: left; width: calc( 100% - 34px); font-style: normal;}   

.footNav ul li .subTitle .ftli.tel span{ background: url(../images/ftimg2.png) no-repeat left center;}
.footNav ul li .subTitle .ftli.address span{ background: url(../images/ftimg3.png) no-repeat left center;}


.footNav ul li:last-child{ width: 40%; }


.foot-bottom{ height: auto; overflow: hidden; line-height: 70px;  font-size: 16px; color: #afafaf; border-top:1px solid #525252; }

.foot-bottom .containerr{display: flex; justify-content: space-between;flex-direction: row; align-items:center;}

.footlink{ height: auto; text-align: center; padding-top: 10px; }
.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-bottom span a{color: #afafaf;}


.stickTop{ position: fixed; right:2%; bottom:20px;    display: inline-block;width: 45px;height: 45px;background: #ff9f00 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:#040404; }
input::-webkit-input-placeholder { color:#040404;}
input:-moz-placeholder { color:#040404;}
input::-moz-placeholder { color:#040404;}
input:-ms-input-placeholder { color:#040404;}


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





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

.indexContent .dropdown{ margin-left: 5px;}
.navy > li{ padding: 0px 8px;}

.navy > li > a{ font-size: 14px;}



}

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

.navy > li{padding:0 10px; }





}


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


.logo_lo,.search{ display: none;}

.indexContent .dropdown{ height: auto; position: absolute;  cursor: pointer;-webkit-transition: all .8s;
    -moz-transition: all .8s;margin-right: 10px; right: 85px;
    -o-transition: all .8s; margin-left:10px;line-height: 60px;}
.indexContent .dropdown a{  color: #848484; font-size: 14px; text-align: center; }
.indexContent .dropdown a.cur{ color: #358cd1;}


.search{display: none;
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 5;
    width: 100%;
    height: auto;
    padding: 10px 15px;
    background: #f5f5f5;
    font-size: 0;}
.search .input{ float: left;
    width: 85%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    background: #fff;
    border: none;
    text-indent: 10px;
    color: #000;}
.search .button{ float: right;
    width: 15%;
    border: none;
    background: #358cd1 url(../images/btn.png) no-repeat center;
    height: 35px;
    font-size: 0px;}

.searchBox{     display: block;
    position: absolute;
    top: 20px;
    right: 56px;
    width: 16px;
    height: 16px;}
.searchBox .search_btn {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/button1.png) no-repeat center center;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

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


.header_mob{position:fixed; z-index:9999; top:0; left:0;  width: 100%; overflow:visible; background: #fff;
    transition: all .8s;display: block;height: 60px;
    }
.header_mob .container {position: relative;  margin:0px auto; }

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

.logoimg img{ height: 33px;    margin-top:13px;}


#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: #333;}
 
#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%;    overflow-y: scroll;} 

.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 0px; padding-bottom: 5px;     background: #fff;}
.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu { }



.isproduct_li .flexbox .item{ float: left; width: 25%; padding:5px 0px; }
.isproduct_li{ padding: 10px 0px;    height: auto;
    overflow: hidden;}

.isproduct_li .flexbox .item img{ display: block; margin:0 auto; height: 35px; max-width: 100%;} 
.isproduct_li .flexbox .item span{  display: block; text-align: center; font-size: 13px; margin-top: 8px;color: #333;}
.isproduct_li .imgbox{ 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) {

.footLogo{ display: none;}
.footNav{ padding-left: 0px;}
.footNav ul li{ width: 33%;}
.footNav ul li .title{ font-size: 14px; margin-bottom: 0px;}
.footNav ul li:last-child {width: 100%; margin-top: 10px;}
.footNav ul li .subTitle a{ font-size: 13px; margin-top: 6px;}
.footNav ul li .subTitle .ftli{ font-size: 13px; margin-top:10px;}
.foot-bottom .containerr{ flex-direction: column;}
.foot-bottom{ line-height: 30px; font-size: 12px;}

}