HTML, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td {
border:none;
font-size:14px;
margin:0px;
padding:0px;
}
html,body{
height: 100%;
width: 100%;
}
*{font-family: Arial, Helvetica, sans-serif}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
a{
text-decoration:none;
}
a:link{
color:#000;
}
a:visited{
color:#000;
}
a:hover{
color:#000;
}
a:active{
color:#000;
}
input::-ms-clear{
display:none;
}
input::-ms-reveal{
display:none;
}
input{
-webkit-appearance: none;
margin: 0;
outline: none;
padding: 0;
}
input::-webkit-input-placeholder{
color: #ccc;
}
input::-ms-input-placeholder{
color: #ccc;
}
input::-moz-placeholder{
color: #ccc;
}
input[type=submit],input[type=button]{
cursor: pointer;
}
button[disabled], input[disabled] {
cursor: default;
}
img{
border:none;
}
ul,ol,li{
list-style-type:none;
}
.head{width: 100%;}
.nr{width: 100%;max-width: 1200px;margin: 0 auto;}
.head .logo{float: left;margin-top: 30px;}
.head .tel{float: right;}
.head .tel .top{text-align: right;line-height: 35px;padding-top: 30px;}
.dht{width: 100%;background: #ebebeb;margin-top: 10px;display: table;}
.dht ul{display: table;height: 60px;border: 1px solid #cccccc;margin-top: 10px;margin-bottom: 10px;background: #fff;float: left;}
.dht ul li{float: left;height: 60px;line-height: 60px;padding-left: 30px;padding-right: 30px;border-right: 1px solid #ccc;position: relative;text-transform: uppercase}
.dht ul li:hover{color: #d61e23;}
.dht ul li:hover a{color: #d61e23;}
.dht ul li:nth-child(2){padding-left: 70px;padding-right: 70px;}
.dht ul li:nth-child(4){padding-left: 67px;padding-right: 67px;}
.dht ul li:nth-child(5){padding-left: 70px;padding-right: 70px;}
.dht ul li:nth-child(6){border-right: 0}
.dht ul li .hover{position: absolute;width: 210px;left: 0;text-align: left;background: #fff;opacity: 0;z-index: 99;border-top: 3px solid #d61e23;    box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.04);}
.dht ul li:hover .hover{opacity: 1;}
.dht ul li .hover dl dt{height: 40px;line-height: 40px}
.dht ul li .hover dl dt a{text-transform: capitalize}
.dht ul li .hover dt:hover {color: #d61e23}
.dht ul li:hover .hover dt a {color: #000;}
.dht ul li .hover dt:hover a {color: #d61e23;}
.dht ul li .hover a{padding-left: 15px;}
.dht .nr .ss{float: right;margin-top: 27px;}
.dht .nr .ss form{border-bottom: 1px solid #ccc}
.dht .nr .ss form input{border: 0;background: none}
.dht .nr .ss form .serach{line-height: 30px}
.dht .nr .ss form .sub{background: url(../images/ss.jpg)no-repeat;width: 30px;height: 23px;}
.slides{
text-align: center;
}
/* .banner_sy{margin-top: 25px;} */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
width: 100%;
margin-right: auto;
margin-left: auto;
overflow: hidden;
background-color: #FFF;
}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
width: 100%;
display: block;
text-align: center;
overflow: hidden;
margin-right: auto;
margin-left: auto;
}
.flexslider .slides li span{
font-size: 28px;
line-height: 80px;
height: 80px;
width: 100%;
display: block;
position: absolute;
left: 0px;
bottom: 0px;
}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {
background: #fff;
position: relative;
zoom: 1;
}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {
width: 50px;
height: 50px;
margin: -13px 0 0;
display: block;
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -9999px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transition: opacity 1s;
background-color:rgba(255, 255, 255, 0.4);
}
.flex-direction-nav li a.next {
right: 5px;
background-position: 0px center;
background-image: url(../images/hover_right.png);
background-repeat: no-repeat;
transition: opacity 1s;
}
.flex-direction-nav li a.prev {
left: 5px;
background-position: 0 0;
background-image: url(../images/hover_left.png);
background-repeat: no-repeat;
transition: opacity 1s;
}
.flexslider:hover a.next{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.flexslider:hover a.prev{
filter:alpha(opacity=100);
-moz-opacity:1; 
opacity:1;
}

.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 10px;
text-align: center;
overflow: hidden;
height: 0px;
}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
.gd{width: 100%;text-align: center;overflow: hidden;}
.gd h1{font-size: 32px;color: #000;margin-top: 50px;text-transform: uppercase;}
.gd i{width: 45px;height: 5px;display: inline-block;background: #d61e23;margin-bottom: 50px;margin-top: 30px;}
.gd img{display: inline-block}
.cp{width: 100%;background: url(../images/cp.jpg)no-repeat top center;height: 980px;margin-top: 50px;text-align: center}
.cp h1{font-size: 32px;color: #000;padding-top: 70px;color: #fff;text-transform: uppercase;}
.cp i{width: 45px;height: 5px;display: inline-block;background: #d61e23;margin-bottom: 50px;margin-top: 30px;}
.cp .content{max-width: 1200px;width: 100%;margin: 0 auto;}
.cp .content .slideTxtBox .hd {
width: 100%;
overflow: hidden;
float: none;
position: relative;
}
.cp .content .slideTxtBox .hd .case-tel {
margin-top: 205px;
background: #227bd1;
padding: 8% 2%;
}
@media (max-width: 1200px) {
.cp .content .slideTxtBox .hd .case-tel {
    display: none;
}
}
.cp .content .slideTxtBox .hd .case-tel .txt {
color: #fafafa;
padding-left: 45px;
background: url("../images/case-tel_03.jpg") no-repeat left center;
}
.cp .content .slideTxtBox .hd .case-tel .txt p {
font-size: 1.6rem;
}
.cp .content .slideTxtBox .hd .case-tel .txt h5 {
font-size: 2.2rem;
margin-bottom: 0;
}
.cp .content .slideTxtBox .hd ul li {
line-height: 50px;
float: left;
display: inline-block;
padding-left: 2.5%;
padding-right: 2.5%;
margin-right: 2%;
cursor: pointer;
text-align: center;
font-size: 1.2rem;
color: #8c8787;
border-bottom: 1px solid #494949;
background: #fff ;
}
.cp .content .slideTxtBox .hd ul li:nth-child(1){
    padding-left: 50px;
    padding-right: 50px;
}
.cp .content .slideTxtBox .hd ul li.on {
background: #d61e23 ;
color: #fff;
}
.cp .content .slideTxtBox .bd {
float: none;
width: 100%;
margin-top: 50px;
}
.cp .content .slideTxtBox .bd li {
width: 23.5%;
float: left;
margin-right: 1.5%;
margin-bottom: 2.5%;
}
.cp .content .slideTxtBox .bd li:hover .img img {
transform: scale(1.07);
}
.cp .content .slideTxtBox .bd li:hover .txt {
/* background: #fff; */
}
.cp .content .slideTxtBox .bd li:hover .txt p {
color: #fff;
}
.cp .content .slideTxtBox .bd li:hover .txt span {
background: url("../images/case-more_05.png") no-repeat center;
}
.cp .content .slideTxtBox .bd li .img {
overflow: hidden;
}
.cp .content .slideTxtBox .bd li .img img {
transition: 0.3s;
width: 100%;
}
.cp .content .slideTxtBox .bd li .txt {
padding: 10px 0 5px;
text-align: center;
}
.cp .content .slideTxtBox .bd li .txt p {
font-size: 1.4rem;
color: #fff;
text-transform: lowercase;
width: 100%;
overflow: hidden;
height: 24px;
}
.cp .content .slideTxtBox .bd li .txt span {
display: none;
*zoom: 1;
width: 23px;
height: 23px;
background: url("../images/case-more_03.png") no-repeat center;
}
.cp .content .slideTxtBox .bd li:nth-child(4n+4) {
margin-right: 0;
}
.about{width: 100%;overflow: hidden;margin-bottom: 50px;}
.about .nr{margin-top: 50px;}
.about .left{float: left;width: 50%;}
.about .right{float: right;width: 50%;}
.about .left h1{color: #d92d32;display: inline-block;font-size: 29px;text-transform:uppercase;}
.about .left h3{    line-height: 45px;
    font-size: 20px;text-transform: uppercase}
.about .left p{color: #797777;line-height: 35px;width: 80%;}
.about .left a{border: 1px solid #000;padding: 10px;margin-top: 30px;display: inline-block;font-weight: bold}
.about .left a:hover{background: #d92d32;color: #fff;}
.ly{width: 100%;text-align: center;background: url(../images/ly.png)no-repeat center}
.ly h1{font-size: 32px;padding-top: 70px;color: #fff;text-transform:uppercase;}
.ly i{width: 45px;height: 5px;display: inline-block;background: #d61e23;margin-bottom: 20px;margin-top: 30px;}
.ly p{color: #fff;line-height: 25px;font-size: 20px}
.ly ul{width: 100%;display: block;overflow: hidden;margin-top: 80px;padding-bottom: 80px;}
.ly ul li{float: left;width: 23%;margin-right: 2%;overflow: hidden;position: relative;}
.ly ul li p{position: absolute;width: 0%;left: 0;top: 0;height: 100%;line-height: 230px;background: rgba(255, 255, 255, 0.3);color: #000;overflow: hidden;}
.ly ul li:hover p{transition: all 0.6s;width: 100%;}
.ly ul li a{display: block;border: 5px solid #fff;}
.ly ul li img{width: 100%; transition: all 0.6s;display: block;}
.ly ul li img:hover{transform: scale(1.1);  }
.news{width: 100%;text-align: center;overflow: hidden;}
.news ul li{float: left;width: 30%;text-align: left}
.news ul li:nth-child(3){float: right;} 
.news ul li:nth-child(2){margin-left: 5%;margin-right: 5%;}
.news h1{font-size: 32px;color: #000;padding-top: 70px;text-transform:uppercase;}
.news  i{width: 45px;height: 5px;display: inline-block;background: #d61e23;margin-bottom: 20px;margin-top: 30px;}
.news ul li img{width: 100%;transition: all 0.6s;}
.news ul li img:hover{ transform: scale(1.05)}
.news ul li .p1{font-size: 18px;line-height: 35px;color: #000;text-transform: lowercase !important}
.news ul li .p2{font-size: 13px;line-height: 25px;color: #5d5959;margin-top: 15px;}
.foot{width: 100%;background: url(../images/foot.png)no-repeat center top;margin-top: 50px;padding-bottom: 50px;overflow: hidden;}
.foot .div1{width: 33.3%;text-align: center;float: left;}
.foot .div1 img{margin-top: 75px;}
.foot .div2{width: 33.3%;text-align: left;float: left;color: #fff;}
.foot .div2 h1{margin-top: 60px;font-size: 21px;}
.foot .div2 ul{margin-top: 20px;color: #fff;}
.foot .div2 ul li a{color: #fff;font-size: 13px;line-height:25px}
.foot .div2 form{margin-top: 20px;}
.foot .div2 form .input-lg{background: #fff;width: 180px;height: 40px;float: left;border: 0}
.foot .div2 form #CheckCode{float: left;height: 40px;border: 0;border-left: 1px solid #ccc;}
.foot .div2 form .top{display: block;overflow: hidden;margin-bottom: 10px;}
.foot .div2 form .btn-text{background:#d61e23 ;color: #fff;height: 40px;width: 100px;border: 0}
.foot .div2 p{display: block;margin-top: 20px;}
.foot .div2 p .s1{display: inline-block;border-bottom: 1px solid #fff}
.foot .div2 p .s2{display: block;color: #c8c8c8;line-height: 30px;padding-top: 10px;}
.foot .div2 p .s3{display: block;margin-bottom: 5px;margin-top:5px;}
.foot .div2 p .s3 b{color: #c8c8c8;}
.foot .div2 p .s4{display: block;}
.foot .div2 p .s4 b{color: #c8c8c8;}
.sj{display: none;}
@media screen and (max-width: 760px) {
    .dht{display: none;}
    .accordion li.open .link .i1 img{width: 70%;}
    .fa-chevron-down:before{display: none;}
    .head{display: none;}
    .sj{display: block;}
    .accordion ul {
        list-style-type: none
    }
    
    .accordion a {
        color: #b63b4d;
        text-decoration: none
    }
    
    .accordion h1 {
        color: #fff;
        font-size: 24px;
        font-weight: 400;
        text-align: center;
        margin-top: 80px
    }
    
    .accordion h1 a {
        color: #c12c42;
        font-size: 16px
    }
    
    .accordion {
        width: 100%;
       
        margin: 0px auto 20px;
        background: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
    
    .accordion .link {
        cursor: pointer;
        display: block;
        padding: 15px 15px 65px 42px;
        color: #4d4d4d;
        font-size: 14px;
        font-weight: 700;
        border-bottom: 1px solid #ccc;
        position: relative;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }
    
    .accordion li:last-child .link {
        border-bottom: 0
    }
    .accordion li{float: none;}
    .accordion li i {
        position: absolute;
        top: 16px;
        left: 12px;
        font-size: 18px;
        color: #595959;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }
    
    .accordion li i.fa-chevron-down {
        right: 12px;
        left: auto;
        font-size: 16px
    }
    
    .accordion li.open .link {
        color: #b63b4d
    }
    
    .accordion li.open i {
        color: #b63b4d
    }
    
    .accordion li.open i.fa-chevron-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    
    .submenu1 {
        display: none;
        background: #444359;
        font-size: 14px
    }
    
    .submenu1 li {
        border-bottom: 1px solid #4b4a5e;
        float: none;
    }
    
    .submenu1 a {
        display: block;
        text-decoration: none;
        color: #d9d9d9;
        padding: 12px;
        padding-left: 42px;
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease
    }
    
    .submenu1 a:hover {
        background: #b63b4d;
        color: #fff
    }
}
.sidebar-box{    overflow: hidden;
    margin-bottom: 30px;
    background-color: #fff;}
.sidebar-title{    background: #d61e23;
    padding: 12px 20px;
    overflow: hidden;}
.sidebar-title span{color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;}
.sidebar-contant{    padding: 14px 20px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-top: 0;}
.sidebar-news ul{overflow: hidden;}
.sidebar-news ul li{    line-height: 20px;float: none;
    font-size: 16px;
    padding: 10px 20px;
    position: relative;
    display: block;
    overflow: hidden;
    transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;}
.sidebar-news ul li a{display: block;color: #444;}
.sidebar-news ul li a:hover{ color: #d61e23;}
.sidebar-news ul{ overflow: hidden;} 
.sidebar-news ul li{ line-height: 20px; font-size: 16px; padding: 10px 20px; position: relative; display: block; overflow: hidden;transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;}
    .sidebar-news ul li:hover{ padding: 10px 10px 10px 30px;}
    .sidebar-news ul li i{ font-size: 12px; position: absolute; top: 10px; left: 0;
    transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;}
    .sidebar-news ul li:hover i{ left: 10px;}
.ioi a {
    margin-left: 20px;
    float: left;
    line-height: 35px;
    font-size: 14px;}
.ioi img {
    float: left;}
    .newsnr {
        line-height: 25px;
}
.col-md-first .tito{
    font-size: 18px;
    line-height: 35px;
    font-weight: bold
}
.cont_c .wrap .mktitle {
    padding: 54px 0 63px 0;
  }
  .cont_c .wrap .table {
    padding-bottom: 35px;
  }
  .cont_c .wrap .table input,
  .cont_c .wrap .table textarea {
    display: block;
    outline: none;
    border: solid 1px #ebebeb;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fcfcfc;
  }
  .cont_c .wrap .table .inpbox {
    margin-bottom: 3.3333%;
  }
  .cont_c .wrap .table .inpbox input {
    display: block;
    width: 22.5%;
    float: left;
    margin-right: 3.3333%;
    padding: 0 20px;
    height: 46px;
  }
  .cont_c .wrap .table .inpbox input:last-child {
    margin-right: 0;
  }
  .cont_c .wrap .table textarea {
    height: 140px;
    resize: none;
    width: 100%;
    margin-bottom: 40px;
    padding: 18px 20px;
  }
  .cont_c .wrap .table .moreBtnBox {
    text-align: center;
  }
  .cont_c {
    padding-bottom: 20px;
  }
  .bgbox  img{width: 100%;}
  .cont_c .wrap {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    top: -120px;
    background: #fff;
    -webkit-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.04);
       -moz-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.04);
            box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.04);
    border: solid 1px #f5f5f5;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 80px;
  }
  .moreBtn {
    padding: 15px 0;
    padding-left: 20px;
    padding-right: 20px;
    background: #d61e23;
    border: solid 1px #ebebeb;
    display: inline-block;
    color: #fff;
    cursor: pointer;
}
.moreBtn button {
    background: none;
    cursor: pointer;
    color: #fff;
    border: 0;
    position: relative;}
.moreBtn button::after {
background: #fff;}.moreBtn button::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #333;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
  }
  .moreBtn:hover button::after {
    width: 100%;
  }
  @media screen and (max-width: 960px) {
    .gd img{width: 100%;}
    .gd>div{display: none;}
    .gd h1{margin-top: 20px; margin-bottom: 20px;font-size: 20px}
    .cp h1{padding-top: 30px;font-size: 20px}
    .cp .content .slideTxtBox .hd ul li{margin-bottom: 10px;}
    .cp .content .slideTxtBox .hd ul{    text-align: center;
        margin: 0 auto;
        display: block;
        overflow: hidden;
        width: 325px;}
    .cp{height: auto;}
    .about .right{display: none;}
    .about .left{width: 100%;text-align: center}
    .about .left p{width: 100%;}
    .about .nr .left div i{    margin-bottom: 10px;margin-top: 10px;height: 2px;}
    .ly h1{padding-top: 30px;}
    .ly i{ margin-bottom: 10px;margin-top: 10px;height: 2px;}
    .news h1{padding-top: 35px;}
    .news i{margin-bottom: 10px;margin-top: 10px;height: 2px;}
    .news ul li{width: 100%;}
    .news ul li .p1{text-align: center}
    .news ul li .p2{margin: 0 auto;width: 90%;}
    .news ul li:nth-child(2){margin-left: 0;margin-right: 0;}
    .foot{background: url(../images/foot.png)no-repeat center top #000;}
    .foot .div1{display: none;}
    .foot .div2{width: 90%;
        margin: 0 auto;
        display: block;
        float: none;}
    .sitewidget-text-20190322162626 img{width: 100%;}
    .piclist900 .prodlist-fix-style li{width: 100% !important;}
    .slide .big li{width: 100% !important;}
    .slide .big{width: 100% !important;}
    .proddetail-description{width: 100% !important;}
    .pro-this-description h1{font-size: 14px}
    .pager .next>a, .pager .next>span{float: left;}
    .pager li{float: left;margin-bottom: 30px;text-align: left}
    .col-md-last{width: 100%;float: left;}
    .prodlist-fix-fullnum3 li, .profixlist1180 .prodlist-fix-largenum3 li, .profixlist960 .prodlist-fix-mdnum3 li, .profixlist740 .prodlist-fix-sdnum3 li, .profixlist480 .prodlist-fix-pdnum3 li{width: 100% !important;}
    .container iframe{display: none;}
    .cont_c .wrap{width: 100%;padding: 0;}
    .cont_c .wrap .mktitle{padding: 23px 0 16px 0;}

}
.language{float: right; margin-top: 8px !important;border: 1px solid #ccc;}
.language .cur{cursor: pointer; position: relative; padding: 6px 5px 4px 6px; background-color: #fff; margin-right: 10px;}
.language .cur e{ color: #555; font-size: 12px; line-height: 20px;background-image:url(../images/flag.png); background-repeat:no-repeat; padding-left: 30px; height: 20px; display: block;}
.language .cur e i{font-weight: bold;font-size: 12px;margin-left: 3px;}
.language .cur:hover e{color: #ff3b23; }
.language ul.language-list{
	max-height: 400px;
    overflow: auto;
    position:absolute;
    width: 100%;
	z-index: 2;
	top: 30px;
	right: -10px;
	list-style-type: none;
	background-color: #fff;
	font-size: 12px;
	height: 0;
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	opacity: 0; 
}
.language .cur:hover .language-list{
    display: block;
	opacity: 1; 
	height: auto;
	padding: 2px 5px;
	-webkit-box-shadow:0 0 5px #ccc;  
  -moz-box-shadow:0 0 5px #ccc;  
  box-shadow:0 0 5px #ccc;
}
.language ul.language-list li{
    padding: 4px 4px 2px 4px;
    height: auto;
    width: 90%;
    text-align: left;
	overflow: hidden;
	border-bottom: 1px solid #ececec;
	margin: 3px 0 2px 0;
}
.language ul.language-list li a{color: #1b1b1b; font-size: 12px; line-height: 20px;background-image:url(../images/flag.png); background-repeat:no-repeat;background-position:0 0; padding:  0 0 0 30px; float: left; width: 100%;white-space:nowrap;}
.language ul.language-list li:hover{background-color: #005de9;}
.language ul.language-list li:hover a{color: #fff;}
.language e.cn, .language ul.language-list li a.cn{background-position: 0 0;}
.language e.en, .language ul.language-list li a.en{background-position: 0 -22px;}
.language e.es, .language ul.language-list li a.es{background-position: 0 -44px;}
.language e.nl, .language ul.language-list li a.nl{background-position: 0 -66px;}
.language e.ar, .language ul.language-list li a.ar{background-position: 0 -88px;}
.language e.ru, .language ul.language-list li a.ru{background-position: 0 -110px;}
.language e.de, .language ul.language-list li a.de{background-position: 0 -132px;}
.language e.ja, .language ul.language-list li a.ja{background-position: 0 -154px;}
.language e.pt, .language ul.language-list li a.pt{background-position: 0 -176px;}
.language e.fr, .language ul.language-list li a.fr{background-position: 0 -198px;}
.language e.it, .language ul.language-list li a.it{background-position: 0 -220px;}
.language e.ko, .language ul.language-list li a.ko{background-position: 0 -242px;}
.language e.th, .language ul.language-list li a.th{background-position: 0 -264px;}
.language e.el, .language ul.language-list li a.el{background-position: 0 -286px;}
.language e.pl, .language ul.language-list li a.pl{background-position: 0 -308px;}
.language e.bul, .language ul.language-list li a.bul{background-position: 0 -330px;}
.language e.est, .language ul.language-list li a.est{background-position: 0 -352px;}
.language e.dan, .language ul.language-list li a.dan{background-position: 0 -374px;}
.language e.fin, .language ul.language-list li a.fin{background-position: 0 -396px;}
.language e.cs, .language ul.language-list li a.cs{background-position: 0 -418px;}
.language e.rom, .language ul.language-list li a.rom{background-position: 0 -440px;}
.language e.slo, .language ul.language-list li a.slo{background-position: 0 -462px;}
.language e.swe, .language ul.language-list li a.swe{background-position: 0 -484;}
.language e.hu, .language ul.language-list li a.hu{background-position: 0 -506px;}
.language e.hi, .language ul.language-list li a.hi{background-position: 0 -528px;}
.language e.tr, .language ul.language-list li a.tr{background-position: 0 -550px;}
.language e.vi, .language ul.language-list li a.vi{background-position: 0 -572px;}
.language e.fa, .language ul.language-list li a.fa{background-position: 0 -594px;}
.language e.he, .language ul.language-list li a.he{background-position: 0 -616px;}
.language e.sk, .language ul.language-list li a.sk{background-position: 0 -638px;}
.language e.id, .language ul.language-list li a.id{background-position: 0 -660px;}
.language e.lt, .language ul.language-list li a.lt{background-position: 0 -682px;}
.language e.lv, .language ul.language-list li a.lv{background-position: 0 -704px;}
.language e.ms, .language ul.language-list li a.ms{background-position: 0 -726px;}
.language e.no, .language ul.language-list li a.no{background-position: 0 -748px;}
.language e.uk, .language ul.language-list li a.uk{background-position: 0 -770px;}
.language e.ur, .language ul.language-list li a.ur{background-position: 0 -792px;}
.language e.hr, .language ul.language-list li a.hr{background-position: 0 -814px;}
.language e.tw, .language ul.language-list li a.tw{background-position: 0 0;}
.language e.bn, .language ul.language-list li a.bn{background-position: 0 -836px;}