@font-face {
  font-family: 'iconfont';  /* project id 455609 */
  src: url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.eot');
  src: url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.woff') format('woff'),
  url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 13px;
    font-style: normal;
}

.key_tag{text-decoration:underline;}

/*Ã¥Â¯Â¼Ã¨Ë†ÂªÃ¦Â ÂÃ¦Â Â·Ã¥Â¼Â*/
.navv{height:80px;width: 80%;float: left;}
.navv li{line-height:80px;height:80px;text-align:center;width:14.28%;float:left;position:relative;z-index:999}
.navv li:last-child{background: none;}

/*.navv li:nth-child(4) .sec a:nth-child(4){display:none;}
.navv li:nth-child(4) .sec a:nth-child(5){display:none;}*/
.navv li a{display:block;line-height:80px;color:#4b4b4b;height:80px;font-size: 14px;font-weight: normal;
    background: url(../images/jt01.png) no-repeat 90% center;}
.navv li a:hover{text-decoration:none; background: url(../images/jt02.png) no-repeat 90% center;color:#108ccf;}

@media (max-width: 990px) {
   .navv li a{
    background: url(../images/jt01.png) no-repeat right center;
   }
   .navv li a:hover{ background: url(../images/jt02.png) no-repeat right center;}
}
.navv .sec{height:0;background:rgba(16,140,207,0.7);color:#fff;overflow:hidden;z-index:9999;position:absolute;top:80px;width:100%;}
.navv .secc{padding: 10px 0;background:rgba(16,140,207,0.7);}
.navv .sec a{background:none;color:#fff;height:35px;line-height:35px;width:100%;display: block;text-align: center;
font-size: 13px;font-weight: normal;}
.navv .sec a:hover{background:#09357f;text-decoration:none;color: #fff;}


.navbar-header{}
.navbar-header .navbar-toggle{border: 1px solid #fff;padding: 0 10px 0 55px;height:34px;margin-top: 20px;}
.navbar-header .navbar-toggle .menu{position: absolute;left:10px;top:0;line-height: 34px;color: #fff;}
.navbar-header .navbar-toggle.active{}
.navbar-header .navbar-toggle a:hover{text-decoration: none;}
.navbar-header .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-header .navbar-toggle:hover{border: 1px solid #f58222;background: #f58222;}
.navbar-header .navbar-toggle:hover .menu{color:#fff;}
.navbar-header .navbar-toggle:hover .icon-bar {background-color: #fff;}
.toleft{position: relative;overflow-x:hidden;left:0;-webkit-transition: all 0.21s ease-out;transition: all 0.21s ease-out;}
.push-toleft{left:-260px;-webkit-transition: all 0.21s ease-out;transition: all 0.21s ease-out;}
.menuid.menuopen{left: 0px;opacity: 1;-webkit-transition: all 0.21s ease-out;transition: all 0.21s ease-out;}
.push-toleft .head{
    left: -260px;
}

#cbp-spmenu-s2 {
    -webkit-transition: all 0.21s ease-out;
    transition: all 0.21s ease-out;
}

.navbar-header{position: relative;}
.menuid{width:100%;height:100%;position: fixed;top:0;left:100%;opacity: 0;z-index: 9999;-webkit-transition: all 0.21s ease-out;transition: all 0.21s ease-out;}
.mobile-menu-overlay{opacity: 0.3;filter: alpha(opacity=30);position: absolute;display: none;background: #000000;z-index: 9;top: 0;right: 0;width: 200%;height: 100%;}
.cbp-spmenu-open .mobile-menu-overlay{display:block;-webkit-transition: all 0.21s ease-out;transition: all 0.21s ease-out;}
.cbp-spmenu-right{
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    position: absolute;
    display: block;
    background: #0d233b;
    z-index: 10;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 260px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 60px 0 40px 0;

}
.cbp-spmenu-right li a{padding: 15px 23px;color:#fff;display: block;border-bottom: solid 1px #163c65;}
.cbp-spmenu-right li a:hover{background: #f58222;text-decoration: none;}
.menuid .icon-close {
    -webkit-transition: all 0.21s ease-out;
    transition: all 0.21s ease-out;
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    right: 0;
    padding: 20px 20px 0 0;
    font-size: 16px;}
.menuid .icon-close span{color:#fff;font-size: 18px;-webkit-transition: all 0.21s ease-out;
    transition: all 0.21s ease-out;}
.menuid .icon-close:hover span{color:#f58222;}
.menuopen .mobile-menu-overlay{
    display: block;
    -webkit-transition: all 0.21s ease-out;
    transition: all 0.21s ease-out;
}

/*Ã©Â¦â€“Ã©Â¡Âµbanner*/
.topbanner{position:relative;}
.banner{width:100%;height:100%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%;}
.banner ul.bb li a{width:100%;display:block;height:100%;}
.banner ul.bb li a img{width:100%;height:100%;}
.banner .num{position:absolute;right:2px;bottom:10px;width:100%;z-index:100;padding:5px 0px;opacity:0.8;text-align:center;}
.banner .num li{width:13px;height:13px;display:inline-block;margin-right:8px;background:#fdeec8;_display:inline;_font-size:0px; text-indent:-100px;
border-radius: 50%;}
.banner .num li{*display:inline;_zoom:1;_display:inline;}
.banner .num li.num_hover{background-color:#dcae8b;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;overflow:hidden;opacity:1;line-height: 20px;}
.banner .preNext { cursor:pointer;z-index:999;position:absolute;bottom:0;opacity: 0;transition: opacity 1s;}
.banner .pre{left:0%;background:url(../images/pre_left.png) no-repeat center rgba(83,83,83,0.3);width: 47px;height: 100%;}
.banner .next{right:0%;background:url(../images/pre_right.png) no-repeat center rgba(83,83,83,0.3);width: 47px;height: 100%;}
.banner:hover .preNext{opacity: 1;}

.bannerr4 {width: 100%;position: relative;}
.bannerr4 ul.ba4 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr4 ul.ba4 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr4 .numm4 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display: none;}
.bannerr4 .numm4 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr4 .numm4 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr4 .numm4 li.num_hover4 {background: #fff;}
.bannerr4 .numm4 li.num_hover4 a {color: #666;}
.bannerr4 .numm4 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
    
    
    
.bannerr5 {width: 100%;position: relative;}
.bannerr5 ul.ba5 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr5 ul.ba5 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr5 ul.ba5 li img{width: 100%;}
.bannerr5 .numm5 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr5 .numm5 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr5 .numm5 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr5 .numm5 li.num_hover5 {background: #fff;}
.bannerr5 .numm5 li.num_hover5 a {color: #666;}
.bannerr5 .numm5 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.kaixin .tu1 .pre,.kaixin .tu1 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.kaixin .tu1 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.kaixin .tu1 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.kaixin .tu1 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.kaixin .tu1 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}



.bannerr6 {width: 100%;position: relative;}
.bannerr6 ul.ba6 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr6 ul.ba6 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr5 ul.ba6 li img{width: 100%;}
.bannerr6 .numm6 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr6 .numm6 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr6 .numm6 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr6 .numm6 li.num_hover6 {background: #fff;}
.bannerr6 .numm6 li.num_hover6 a {color: #666;}
.bannerr6 .numm6 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.kaixin .tu2 .pre,.kaixin .tu2 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.kaixin .tu2 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.kaixin .tu2 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.kaixin .tu2 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.kaixin .tu2 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}



.bannerr7 {width: 100%;position: relative;}
.bannerr7 ul.ba7 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr7 ul.ba7 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr7 .numm7 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr7 .numm7 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr7 .numm7 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr7 .numm7 li.num_hover7 {background: #fff;}
.bannerr7 .numm7 li.num_hover7 a {color: #666;}
.bannerr7 .numm7 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.kaixin .tu3 .pre,.kaixin .tu3 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.kaixin .tu3 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.kaixin .tu3 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.kaixin .tu3 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.kaixin .tu3 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}



.bannerr8 {width: 100%;position: relative;}
.bannerr8 ul.ba8 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr8 ul.ba8 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr8 .numm8 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr8 .numm8 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr8 .numm8 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr8 .numm8 li.num_hover8 {background: #fff;}
.bannerr8 .numm8 li.num_hover8 a {color: #666;}
.bannerr8 .numm8 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.kaixin .tu4 .pre,.kaixin .tu4 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.kaixin .tu4 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.kaixin .tu4 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.kaixin .tu4 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.kaixin .tu4 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}



.bannerr9 {width: 100%;position: relative;}
.bannerr9 ul.ba9 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr9 ul.ba9 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr9 .numm9 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr9 .numm9 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr9 .numm9 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr9 .numm9 li.num_hover9 {background: #fff;}
.bannerr9 .numm9 li.num_hover9 a {color: #666;}
.bannerr9 .numm9 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.kaixin .tu5 .pre,.kaixin .tu5 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.kaixin .tu5 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.kaixin .tu5 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.kaixin .tu5 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.kaixin .tu5 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}



.bannerr10 {width: 100%;position: relative;}
.bannerr10 ul.ba10 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr10 ul.ba10 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr10 .numm10 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr10 .numm10 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr10 .numm10 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr10 .numm10 li.num_hover10 {background: #fff;}
.bannerr10 .numm10 li.num_hover10 a {color: #666;}
.bannerr10 .numm10 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.kaixin .tu6 .pre,.kaixin .tu6 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.kaixin .tu6 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.kaixin .tu6 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.kaixin .tu6 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.kaixin .tu6 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}



.bannerr11 {width: 100%;position: relative;}
.bannerr11 ul.ba11 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr11 ul.ba11 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr11 .numm11 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr11 .numm11 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr11 .numm11 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr11 .numm11 li.num_hover11 {background: #fff;}
.bannerr11 .numm11 li.num_hover11 a {color: #666;}
.bannerr11 .numm11 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.kaixin .tu7 .pre,.kaixin .tu7 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.kaixin .tu7 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.kaixin .tu7 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.kaixin .tu7 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.kaixin .tu7 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}


.bannerr12 {width: 100%;position: relative;}
.bannerr12 ul.ba12 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr12 ul.ba12 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr12 .numm12 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr12 .numm12 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr12 .numm12 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr12 .numm12 li.num_hover12 {background: #fff;}
.bannerr12 .numm12 li.num_hover12 a {color: #666;}
.bannerr12 .numm12 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.kaixin .tu8 .pre,.kaixin .tu8 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.kaixin .tu8 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.kaixin .tu8 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.kaixin .tu8 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.kaixin .tu8 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}


.bannerr13 {width: 100%;position: relative;}
.bannerr13 ul.ba13 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr13 ul.ba13 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr13 .numm13 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr13 .numm13 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr13 .numm13 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr13 .numm13 li.num_hover13 {background: #fff;}
.bannerr13 .numm13 li.num_hover13 a {color: #666;}
.bannerr13 .numm13 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.kaixin .tu9 .pre,.kaixin .tu9 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.kaixin .tu9 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.kaixin .tu9 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.kaixin .tu9 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.kaixin .tu9 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}



.bannerr14 {width: 100%;position: relative;}
.bannerr14 ul.ba14 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr14 ul.ba14 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr14 .numm14 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr14 .numm14 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr14 .numm14 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr14 .numm14 li.num_hover14 {background: #fff;}
.bannerr14 .numm14 li.num_hover14 a {color: #666;}
.bannerr14 .numm14 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.kaixin .tu10 .pre,.kaixin .tu10 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.kaixin .tu10 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.kaixin .tu10 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.kaixin .tu10 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.kaixin .tu10 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}



.bannerr15 {width: 100%;position: relative;}
.bannerr15 ul.ba15 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr15 ul.ba15 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr15 .numm15 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr15 .numm15 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr15 .numm15 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr15 .numm15 li.num_hover15 {background: #fff;}
.bannerr15 .numm15 li.num_hover15 a {color: #666;}
.bannerr15 .numm15 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.daai .tu1 .pre,.daai .tu1 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.daai .tu1 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.daai .tu1 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.daai .tu1 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.daai .tu1 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}




.bannerr16 {width: 100%;position: relative;}
.bannerr16 ul.ba16 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr16 ul.ba16 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr16 .numm16 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr16 .numm16 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr16 .numm16 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr16 .numm16 li.num_hover16 {background: #fff;}
.bannerr16 .numm16 li.num_hover16 a {color: #666;}
.bannerr16 .numm16 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.daai .tu2 .pre,.daai .tu2 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.daai .tu2 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.daai .tu2 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.daai .tu2 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.daai .tu2 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}


.bannerr17 {width: 100%;position: relative;}
.bannerr17 ul.ba17 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr17 ul.ba17 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr17 .numm17 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr17 .numm17 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr17 .numm17 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr17 .numm17 li.num_hover17 {background: #fff;}
.bannerr17 .numm17 li.num_hover17 a {color: #666;}
.bannerr17 .numm17 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.daai .tu3 .pre,.daai .tu3 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.daai .tu3 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.daai .tu3 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.daai .tu3 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.daai .tu3 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}


.bannerr18 {width: 100%;position: relative;}
.bannerr18 ul.ba18 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr18 ul.ba18 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr18 .numm18 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr18 .numm18 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr18 .numm18 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr18 .numm18 li.num_hover18 {background: #fff;}
.bannerr18 .numm18 li.num_hover18 a {color: #666;}
.bannerr18 .numm18 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.daai .tu4 .pre,.daai .tu4 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.daai .tu4 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.daai .tu4 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.daai .tu4 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.daai .tu4 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}


.bannerr19 {width: 100%;position: relative;}
.bannerr19 ul.ba19 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr19 ul.ba19 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr19 .numm19 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr19 .numm19 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr19 .numm19 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr19 .numm19 li.num_hover19 {background: #fff;}
.bannerr19 .numm19 li.num_hover19 a {color: #666;}
.bannerr19 .numm19 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.daai .tu5 .pre,.daai .tu5 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.daai .tu5 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.daai .tu5 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.daai .tu5 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.daai .tu5 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}


.bannerr20 {width: 100%;position: relative;}
.bannerr20 ul.ba20 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr20 ul.ba20 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr20 .numm20 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr20 .numm20 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr20 .numm20 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr20 .numm20 li.num_hover20 {background: #fff;}
.bannerr20 .numm20 li.num_hover20 a {color: #666;}
.bannerr20 .numm20 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.daai .tu6 .pre,.daai .tu6 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.daai .tu6 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.daai .tu6 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.daai .tu6 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.daai .tu6 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}


.bannerr21 {width: 100%;position: relative;}
.bannerr21 ul.ba21 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr21 ul.ba21 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr21 .numm21 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr21 .numm21 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr21 .numm21 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr21 .numm21 li.num_hover21 {background: #fff;}
.bannerr21 .numm21 li.num_hover21 a {color: #666;}
.bannerr21 .numm21 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.daai .tu7 .pre,.daai .tu7 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.daai .tu7 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.daai .tu7 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.daai .tu7 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.daai .tu7 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}


.bannerr22 {width: 100%;position: relative;}
.bannerr22 ul.ba22 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr22 ul.ba22 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr22 .numm22 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr22 .numm22 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr22 .numm22 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr22 .numm22 li.num_hover22 {background: #fff;}
.bannerr22 .numm22 li.num_hover22 a {color: #666;}
.bannerr22 .numm22 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.daai .tu8 .pre,.daai .tu8 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.daai .tu8 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.daai .tu8 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.daai .tu8 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.daai .tu8 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}


.bannerr23 {width: 100%;position: relative;}
.bannerr23 ul.ba23 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr23 ul.ba23 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr23 .numm23 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr23 .numm23 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr23 .numm23 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr23 .numm23 li.num_hover23 {background: #fff;}
.bannerr23 .numm23 li.num_hover23 a {color: #666;}
.bannerr23 .numm23 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.daai .tu9 .pre,.daai .tu9 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.daai .tu9 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.daai .tu9 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.daai .tu9 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.daai .tu9 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}


.bannerr24 {width: 100%;position: relative;}
.bannerr24 ul.ba24 {position: relative;padding: 0px;margin: 0px;z-index: 5;width: 100%;height: 100%;}
.bannerr24 ul.ba24 li { position: absolute;display: none;width: 100%;height: 100%;background-size: cover;}
.bannerr24 .numm24 { width: 100%;left: 0; bottom: 0; position: absolute;z-index: 100;text-align: center;display:none;}
.bannerr24 .numm24 li {width:20px;height:20px;display:inline-block;margin-right:8px;background:none;_display:inline;_font-size:0px;
    line-height: 20px;border-radius: 10px; border: 1px solid #fff;}
.bannerr24 .numm24 li { _display: inline; _zoom: 1; *display: inline;}
.bannerr24 .numm24 li.num_hover24 {background: #fff;}
.bannerr24 .numm24 li.num_hover24 a {color: #666;}
.bannerr24 .numm24 li a {float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:20px;height:20px;
    overflow:hidden;opacity:1;line-height: 20px;}
.daai .tu10 .pre,.daai .tu10 .next {
    position:absolute;
    width:42px;
    height:42px;
    margin-top:-21px;
    cursor:pointer;
    top:50%;
    z-index: 9999;
}

.daai .tu10 .pre{
    background:url(../images/left01.png) no-repeat top center;
    left:14px;
}
.daai .tu10 .pre:hover{
    background:url(../images/left01_h.png) no-repeat top center;
}

.daai .tu10 .next {
    background:url(../images/right01.png) no-repeat top center;
    right:14px;
}
.daai .tu10 .next:hover {
    background:url(../images/right01_h.png) no-repeat top center;
}
















/*Ã¥Â¹Â»Ã§ÂÂ¯Ã§â€°â€¡Ã¦Â Â·Ã¥Â¼Â2*/
#focus {width:255px; height:188px; overflow:hidden; position:relative;}
#focus ul {height:188px; position:absolute;}
#focus ul li {float:left; width:255px; height:188px; overflow:hidden; position:relative; background:#000;}
#focus ul li a img{height:188px;width:255px;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:255px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:255px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}

/*Ã¦ÂÅ“Ã§Â´Â¢Ã¥â€™Å’Ã§Æ’Â­Ã©â€”Â¨Ã¦ÂÅ“Ã§Â´Â¢*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{display: none;z-index: 3333; width: 200px; background: #fefefe;height: 30px;
    line-height: 30px;padding-left: 30px;color: #000;font-family: "microsoft yahei"; border:none;border: 1px solid #515151;}
#formsearch input#s_btn{position: absolute;top: 0px;left: 0px;height: 30px;width: 36px;background: url(../images/fdj.png) no-repeat center;border: none;
    text-indent: -100px;overflow: hidden;z-index: 9999;}


/*Ã¤ÂºÂ§Ã¥â€œÂÃ¥Ë†â€ Ã§Â±Â»*/
.cate{border:1px solid #e0e1dc;padding:10px;background-color:#f7f7f7;}
.cate li{line-height:28px;border-bottom:1px dashed #d7d7d7;line-height:28px;}
.cate li a{padding-left:60px;display:block;height:28px;line-height:28px;background:url(../images/ico1.gif) 34px center no-repeat;}
.cate li a:hover{background-color:#ececec;text-decoration:none;}

/*Ã¨Â¯Â¦Ã§Â»â€ Ã¤Â»â€¹Ã§Â»ÂÃ¥Ë†â€ Ã©Â¡ÂµÃ¦Â Â·Ã¥Â¼Â*/
.total {border-bottom:1px dashed #e0e1dc;padding-bottom:10px;}
.paging_num{padding:10px 0px;overflow: hidden;text-align: right;}
.paging_num a{width:25px;height:20px;line-height: 20px;text-align: center;display:inline-block;
	border: 1px dashed #e0e1dc;color:#666;margin-left:15px;}
.paging_num a:hover{text-decoration:none;color:#005a98;border: 1px dashed #005a98;}
.paging_num .paging_hover{text-decoration:none;color:#005a98;border: 1px dashed #005a98;}

/*Ã¦â€“Â°Ã©â€”Â»Ã¥Ë†â€”Ã¨Â¡Â¨*/
.news_list li{line-height:27px;position:relative;}
.news_list li a{line-height:27px;color:#666;}
.news_list li a:hover{text-decoration:none;color:#333;}
.news_list li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.news_list li h3 {font-size:14px;}
.news_list li div{line-height:24px;}

.news_list1{background: #fff;box-shadow: 3px 3px 3px #d4d1cc;}
.news_list1 li{line-height:34px;position:relative;border-bottom: 1px solid #108ccf;text-align: center;}
.news_list1 li a{line-height:34px;color:#333;}
.news_list1 li:hover{text-decoration:none;background: #108ccf;}
.news_list1 li:hover a{color:#fff;}
.news_list1 li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.news_list1 li h3 {font-size:14px;}
.news_list1 li div{line-height:24px;}

.news_list2{}
.news_list2 li{line-height:30px;position:relative;border-bottom:1px dashed #c6c6c6;margin-bottom:10px}
.news_list2 li a{line-height:30px;color:#5a5a5a;font-size:14px;}
.news_list2 li a:hover{text-decoration:none;color:#333;}
.news_list2 li span{color:#999999;z-index:0;line-height:28px;position:absolute;right:0px;top:0px;}
.news_list2 li dt{font-size:12px;color:#5a5a5a;font-weight: 400;line-height: 30px;}


/*Ã§Æ’Â­Ã©â€”Â¨Ã¥â€¦Â³Ã©â€Â®Ã¨Â¯Â*/
.words{overflow:hidden;margin-right:-1.3%;padding-top:5px;}
.words li{width:46%; float:left;border:1px dashed #d0d0d0;background:#fcfcfc;padding-left:0px;margin-bottom:10px;text-align:center;}
.new1 li{border-bottom:1px solid #dddddd;background:url(../images/list_dot1.gif) no-repeat 0% 50%;padding-left:13px;}
.right_word{margin-left: 5%;}

/*Ã¦Â¡Ë†Ã¤Â¾â€¹Ã¥Ë†â€”Ã¨Â¡Â¨*/
.case_list li{float:left;padding-left:15px;padding-right:15px;padding-bottom:15px;_display:inline;}
.case_list li a.img{border:1px solid #e0e1dc;}
.case_list li a.img img{width:100%;height:auto;}
.case_list li h3{text-align:center;padding-top:5px;font-size: 14px;}
.case_list li h3 a{font-weight:normal;color: #323232;}
.case_list li a.img{display:block;}
.case_list li a.img:hover{border-color:#831318;}

/*TagÃ¥Ë†â€”Ã¨Â¡Â¨*/
.tag_list_product {margin-top:10px;}
.tag_list_product li{float:left;padding-bottom:25px;_display:inline;border-bottom: 1px solid #ccc;margin-bottom: 20px;width: 100%;}
.tag_list_product li a.img{padding:1px;border:1px solid #e0e1dc;}
.tag_list_product li a.img img{width:200px;height:160px;}
.tag_list_product li h3{text-align:left;padding-top:5px;}
.tag_list_product li h3 a{color:#333;font-size: 14px;}
.tag_list_product li h3 a:hover{color:#e87518;text-decoration:none;outline:none;}
.tag_list_product li a.img{display:block;}
.tag_list_product li a.img:hover{border-color:#e87518;}
.tag_list_product li .tab_intro{margin-left: 25px;width: 730px;}
.tag_list_product li .tab_intro h1{font-weight: normal;width: 33%;float: left;line-height: 27px;}
.tag_list_product li .tab_intro h2{font-weight: normal;line-height: 27px;}
.tag_list_product li .tab_intro .desp{margin-top: 5px;line-height: 22px;color: #888888;padding: 5px 5px;}
.tag_list_product .inquiry{line-height:32px;border:none;margin-top:10px;}
.tag_list_product .inquiry a{background:url("../images/xunjia.gif") center center no-repeat;display:block;width:112px;height:32px;text-indent:-99999px;}
.tag_list_product .inquiry a:hover{background-image:url("../images/xunjia_hover.gif");}
.tag-category{margin: 10px 0;color: #333;display: -webkit-box;display: -moz-box;}
.tag-category h3{margin-left: 5px;margin-right: 10px;padding: 5px 0;line-height: 27px;}
.tag-category ul{display: block;margin: 0;-webkit-box-flex: 1;-moz-box-flex: 1;}
.tag-category ul li{display: inline-block;margin-right: 10px;padding: 5px 0;line-height: 16px;}
.tag-category li a{display: inline-block;color: #333;padding: 5px 15px;border: 1px solid #d9d9d9;border-radius: 5px;}
.tag-category li a:hover{color:#e87518;text-decoration:none;outline:none;}
.tagdescription{border:1px solid #e5e5e5;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}
.tagdescription font{color:#005a98;font-weight:bold;}
.tag_recom_product{margin-top: 10px;}
.tag_recom_product li{float: left;margin:0 15px;position: relative;}
.tag_recom_product h3{font-weight: normal;font-size: 16px;border-bottom: 1px solid #f1f1f1;line-height: 36px;text-align: left;padding-left: 15px;margin-bottom: 30px;}
.tag_recom_product li img{width: 166px;height: 133px;}
.tag_recom_product li h2{background: rgba(0,0,0,0.8);position:absolute;left: 0;top:0;width: 100%;line-height: 133px;text-align: center;display: none;font-weight: normal;color:#fff;font-size: 14px;}
.tag_recom_product li:hover h2{display: block;}



.tag_list_news li{line-height:27px;position:relative;padding-left:10px;}
.tag_list_news li a{line-height:27px;}
.tag_list_news li span{color:#999;z-index:0;line-height:27px;}
.tag_list_news li h3 {font-size:14px;}
.tag_list_news li div{line-height:24px;}
.tag_list_news h2{line-height: 36px;font-size: 14px;color:#666;background: #f9f9f9;border: 1px solid #e5e5e5;font-weight: normal;text-indent: 20px;margin-bottom: 15px;}


.tag_list_job li{line-height:27px;height:27px;position:relative;background:url(../images/list_dot1.gif) 0 50% no-repeat;padding-left:10px;}
.tag_list_job li span{position:absolute;color:#999;right:0;z-index:0;}
.tag_list_job h2{line-height: 36px;font-size: 14px;color:#666;background: #f9f9f9;border: 1px solid #e5e5e5;font-weight: normal;text-indent: 20px;margin-bottom: 15px;}

.tag_total{height:36px;line-height:36px;text-align:left;padding-left:20px;background-color:#edf1f5;border:1px solid #b6c7db;}


.search_list_product {margin-top:10px;}
.search_list_product li{float:left;padding-left:15px;padding-left:15px;padding-bottom:15px;_display:inline;}
.search_list_product li a.img{border:1px solid #e0e1dc;}
.search_list_product li a.img img{width:100%;}
.search_list_product li h3{text-align:center;padding-top:5px;}
.search_list_product li h3 a{font-weight:normal;}
.search_list_product li a.img{display:block;}
.search_list_product li a.img:hover{border-color:#108ccf;}
.search_list_product h2{line-height: 36px;font-size: 14px;color:#666;background: #f9f9f9;border: 1px solid #e5e5e5;font-weight: normal;text-indent: 20px;margin-bottom: 15px;}
/*Ã¤ÂºÂ§Ã¥â€œÂÃ©â€¡Å’Ã¥Ë†â€”Ã¨Â¡Â¨*/

/*Ã¦Â»Å¡Ã¥Å Â¨*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

#nydemo {
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    height: 440px;
    overflow: hidden
}
#nyindemo {
    height: 100%;
}
#nydemo1 {}

#nydemo2 {}

.product_list li{float:left;padding-bottom:15px;_display:inline;padding-left: 15px;padding-right: 15px;}
.product_list li a.img{border:1px solid #e0e1dc;}
.product_list li a.img img{width:100%;height:auto;}
.product_list li h3{text-align:center;padding-top:5px;font-size: 14px;}
.product_list li h3 a{font-weight:normal;color: #323232;}
.product_list li a.img{display:block;}
.product_list li a.img:hover{border-color:#108ccf;}
.roll_product{float:left;}

.sort_a{overflow:hidden;}
.sort_a .layer1{padding:15px 0px;border-bottom:1px dashed #a7b8d4;position:relative;height:133px;z-index: 1;}
.sort_a .layer1 .img{float:left;padding:5px;border:1px solid #dddddd;}
.sort_a .layer1 .img img{width:150px;height:120px;}
.sort_a .layer1 .img_right{width:560px;float:right;}
.sort_a .layer1 .img_right h3{font: bold 14px/36px "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";}
.sort_a .layer1 .img_right span{line-height:25px;display:block;}
.sort_a .layer1 .pro_more{position:absolute;right:0px;bottom:15px;width:110px;padding-left:10px;height:28px;line-height:28px;background:#666666;color:#fff;
font:bold 24px/24px "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";}
.sort_a .layer1 .pro_more span{float:left;}
.sort_a .layer1 .pro_more a{font:normal 12px/28px "Ã¥Â®â€¹Ã¤Â½â€œ";color:#fff;padding-right:15px;display: inline-block;}
.sort_a .layer1 .pro_more a:hover{text-decoration:none;color:#faf104;}
.sort_a .abb_product{padding-top:15px;border:1px dashed #a7b8d4;border-top:none;}


.productcates{padding-top:10px;}
.catemore{color:#0080d9;margin-top:6px;overflow:hidden;position:relative;}
.catemore h2{width:360px;float:left;font:bold 15px/36px "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";}
.catemore a{float:right;font:normal 14px/36px "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";color:#444444;padding-right:28px;}
.catemore a:hover{text-decoration:none;color:#0080d9;}

/*Ã¥Å“Â°Ã¥â€ºÂ¾Ã¦Â Â·Ã¥Â¼Â*/
#allmap{width:95%;height:500px;margin-top:20px;margin-bottom:10px;margin:0 auto;}
.maplist{position:relative;overflow:hidden;padding:18px 0px;}
.maplist ul li{width:26%;float:left;margin-right:1.5%;margin-left:1.5%;_display: inline;
	background:url(../images/ditulogo.png) no-repeat 18px 6px;padding-left:40px;line-height:26px;font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
	height:110px;border-right:1px dashed #ddd;margin-bottom:20px;
}
.maplist ul li h2{font-size:15px;}
.maplist ul li span{font-size:12px;color:#666;}
.province{font:normal 14px/32px "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";padding:0px 10px;}
#search_form{margin:15px 0px;padding-left:20px;}
#search_form select{width:180px;border:1px solid #d9d9d9;line-height: 32px;height:32px;}
.button_s{border: none;background: #459afa;line-height: 30px;color:#fff;text-align: center;width:80px;margin-left:15px;
border-radius: 3px;transition: all 0.3s ease 0s;}
.button_s:hover{background:#fb9108;}

/*Ã¤Â¸â€¹Ã¨Â½Â½Ã¥Ë†â€”Ã¨Â¡Â¨*/

.down_list li{line-height:27px;height:27px;position:relative;background:url(../images/list_dot1.gif) 0 50% no-repeat;padding-left:10px;}


/*Ã¦â€¹â€ºÃ¨ÂËœÃ¥Ë†â€”Ã¨Â¡Â¨*/

.job_list li{line-height:40px;height:40px;position:relative;background:url(../images/list_dot1.gif) 0 50% no-repeat;padding-left:10px;}
.job_list li span{position:absolute;color:#999;right:0;z-index:0;}

/*Ã¦â€¹â€ºÃ¨ÂËœÃ¥Ë†â€”Ã¨Â¡Â¨*/
.download_list li{line-height:27px;height:27px;position:relative;background:url(../images/list_dot1.gif) 0 50% no-repeat;padding-left:10px;}
.download_list li span{position:absolute;color:#999;right:0;z-index:0;}


/*Ã¨Â¯Â¦Ã§Â»â€ Ã©Â¡ÂµÃ©ÂÂ¢Ã¥â€¦Â¬Ã¥â€¦Â±Ã¦Â Â·Ã¥Â¼Â*/
h3.title_bar{width:100%;}
.share{padding-left:5px;padding-bottom:8px;float:left;width:240px;height:26px;}
.info_title{border-bottom:1px solid #e1e4e6;}
.case_title{border-bottom:1px solid #e1e4e6;}

/*Ã¤ÂºÂ§Ã¥â€œÂÃ¨Â¯Â¦Ã§Â»â€ */
.product_detail{padding:5px;}
.product_detail h1.title{text-align:center;line-height:30px;font-size:14px;font-family:"Microsoft YaHei";border-bottom:1px solid #e0e1dc;margin-bottom:15px;padding-bottom:5px;}
.product_detail .img{    text-align: center;}
.product_detail .img img{width: 100%;height: 100%;}
.product_detail .small{ width: 100%;height: 100%;}
.jqzoom{
    text-decoration:none;

}


.product_detail .list{padding-top:8px;}
.list_p li{font-size:12px;border-bottom:1px dashed #e0e1dc;padding-bottom:5px;padding-top:5px;font-family:"Microsoft YaHei"}
.list_p li h2{font-size:12px;font-weight:normal;font-family:"Microsoft YaHei";}
.product_detail .inquiry{line-height:32px;border:none;margin-top:6px;}
.product_detail .inquiry a{background:url("../images/xunjia.gif") center center no-repeat;display:block;width:112px;height:32px;text-indent:-99999px;}
.buy{border:none!important;}
.buy a{ background:#0057a8;display:block;width:112px;height:32px;float:left;color:#fff;text-align:center;line-height:32px;border-radius:5px;margin-right:10px;}
.buy a:hover{background: #e87518}
.buy a.nobuy-product{background: #666}

.product_detail .inquiry a:hover{background-image:url("../images/xunjia_hover.gif");}
.list_p li h2 a{font-size:12px;font-family:"Microsoft YaHei"}
.p_detail span.title{line-height:28px;height:28px;text-align:left;margin-top:10px;
	display:block;padding-left:10px;font-size:12px;border-bottom:1px solid #0055ac;}
.p_detail p.dd{padding-top:5px;padding-bottom:5px;}
h3.tag{line-height:32px;border-top:1px dashed #e0e1dc;margin-top:10px;color:#999;font-weight:normal;}
h3.tag a{color:#005a98;}
h3.tag a:hover{color:#ecc448;}
.page{line-height:26px;margin-top:6px;padding-top:5px;font-size:12px;}
.page a{color:#005a98;}
.page a:hover{color:#ecc448;}
.page span{color:#005a98;/*display:block;padding-left:50px;*/}
.page1 span{display:block;padding-left:50px;}

.page .span1{background: url("../images/shang1.png") 10px center no-repeat;}
.page .span1:hover{background: url("../images/shang1_h.png") 10px center no-repeat;}
.page .span2{background: url("../images/xia1.png") 10px 10px no-repeat;}
.page .span2:hover{background: url("../images/xia1_h.png") 10px 10px no-repeat;}
.news_detail .news-ri{/*background: url("../images/nline.png") top left no-repeat;*/padding-bottom:337px;padding-left:35px;height:400px;}
@media (max-width: 768px){
    .news_detail .news-ri{background: none;padding-bottom:0px;}
    .page span{display:inline;padding:0;}
}

@media (min-width: 1200px) {
    .news_detail .news-le{padding-right: 35px;}
    .news_detail .news-ri{padding-left:35px;margin-top:92px;}
}

/*Ã¦â€“Â°Ã©â€”Â»Ã¨Â¯Â¦Ã§Â»â€ */
.news_detail h1.title{text-align:center;font-family:"Microsoft YaHei";font-size:18px;border-bottom:1px solid #e0e1dc;margin-bottom:5px;
padding-bottom:10px;}
.news_detail h3.title_bar{line-height:26px;text-align:center;font-weight:normal;color:#808080;float:left;height:26px;overflow:hidden;}
.news_detail h3.title_bar span{padding-right:10px;}

/*Ã¦â€¹â€ºÃ¨ÂËœÃ¨Â¯Â¦Ã§Â»â€ */
.job_detail h1.title{text-align:center;font-family:"Microsoft YaHei";font-size:18px;border-bottom:1px solid #e0e1dc;margin-bottom:5px;padding-bottom:10px;}
.job_detail h3.title_bar{line-height:26px;text-align:center;font-weight:normal;color:#808080;}
.job_detail h3.title_bar span{padding-right:10px;}
.job_detail .content h4{background-color:#f1f1f1;height:26px;line-height:26px;text-align:left;padding-left:15px;}
.job_detail .content div.text{padding-top:10px;padding-left:22px;padding-right:8px;}

/*Ã¤Â¸â€¹Ã¨Â½Â½Ã¨Â¯Â¦Ã§Â»â€ */
.down_info{padding:10px;margin-top:15px;}
.down_info table{width:100%;}
.down_info table thead{line-height:26px;background-color:#f2f2f2;}
.down_info table th{border:1px solid #b6d5f1;}
.down_info table td{padding:3px;padding-left:10px;padding-right:5px;border:1px solid #b6d5f1;text-align:center;line-height:28px;height:28px;}
#download{text-decoration:underline;}
#down_detail .title{line-height:26px;text-align:left;padding-left:15px;font-size:14px;height:26px;background-color:#ececec;}
#down_detail .text{padding:10px;}


/*Ã¥â€ â€¦Ã©Â¡ÂµÃ¥Â·Â¦Ã¤Â¾Â§Ã¥Ë†â€ Ã§Â±Â»Ã©â‚¬Å¡Ã§â€Â¨Ã¦Â Â·Ã¥Â¼Â*/
.sort{background: #fff;box-shadow: 3px 3px 3px #d4d1cc;margin-top: 1px;}
.sort li{position:relative;z-index: 999;}
.sort li .about_b{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;
	border-bottom:2px solid #3a78c1;z-index:9999;}
.sort li .layer2{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;
	border-bottom:2px solid #3a78c1;z-index:9999;}
.sort li .layer2 li{overflow:hidden;}
.sort li .layer2 li a{font-weight:bold;background:url(../images/ico1.gif) no-repeat 0% 50%;}
.sort li .layer2 li a:hover{text-decoration:none;color:#3a78c1;}
.sort li .layer2 li .layer3 li{margin:6px 0px;line-height: 24px;padding-left: 10px;}
.sort li .layer2 li .layer3 li a{font:normal 12px/24px "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";background:none;}
.sort li .layer2 li .layer3 li .layer4 li{margin:6px 0px;line-height: 24px;padding-left: 15px;}
.sort li .layer2 li .layer3 li .layer4 li a{font:normal 12px/24px "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";background:none;}



@media (min-width: 1200px){
    .sort li a{color:#333;display:block;line-height:34px;
    font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";border-bottom:1px solid #108ccf;text-align: center;font-size: 16px;}
   .sort li a:hover{color:#fff;text-decoration: none;background:#108ccf;}
   .sort li.change a{}
}
@media (max-width: 1200px){
    .sort li a{color:#333;display:block;line-height:34px;
    font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";border-bottom:1px solid #108ccf;text-align: center;font-size: 16px;}
    .sort li a:hover{color:#fff;text-decoration: none;background:#108ccf;color: #fff;}
}




/*Ã¥â€ â€¦Ã©Â¡ÂµÃ§â€¢â„¢Ã¨Â¨â‚¬*/
.message{padding-top:10px;z-index:100;position:relative;}
.message input{vertical-align:middle;}
.message #name{display:block;height:40px;line-height:40px;padding:0;padding-left:6px;border:1px solid #dedede;width:100%;}
.message #contact{display:block;height:40px;line-height:40px;padding:0;padding-left:6px;border:1px solid #dedede;width:100%;}
.message #email{display:block;height:40px;line-height:40px;padding:0;padding-left:6px;border:1px solid #dedede;width:100%;}
.message #address{display:block;height:40px;line-height:40px;padding:0;padding-left:6px;border:1px solid #dedede;width:100%;}
.message #content{display:block;height:120px;padding:6px;font-size:12px;border:1px solid #dedede;margin-top:6px;width:100%;}
.message .msgbtn{background:#108ccf;cursor:pointer;width:90px;height:30px;line-height:30px;text-align:center;border:none;color:#fff;font-size:14px;
border-radius:3px;margin-top:15px;font-family:"Microsoft YaHei";-moz-border-radius:3px;-webkit-border-radius:3px;}
#code{padding-top:10px;line-height:26px;}
#checkcode{height:32px;line-height:32px;width:115px;border:1px solid #dedede;}
#message_main tr{position:relative;}
#message_main tr th{font-weight:normal;text-align:right;height:42px;line-height:42px;color:#666;}
.m_label{position:absolute;width:160px;text-align:left;line-height:40px;padding-left:8px;color:#ccc;z-index:1;cursor:text;}
.c_label{line-height:18px;padding-top:12px;}




.messd{padding-bottom: 10px;}
.messd .col-sm-1{padding:10px 0;}

.messd div{padding: 5px 0;}
.message2 {
    z-index: 100;
    position: relative;
}

.message2 input {
    vertical-align: middle;
}

.message2 #name {
    display: block;
    height: 39px;
    line-height: 39px;
    padding: 0;
    padding-left: 6px;
    border: none;
    width: 100%;
    background: #abeebe;
    box-shadow: 1px 1px 1px #6d6d6d inset;
}

.message2 #contact {
    display: block;
    height: 39px;
    line-height: 39px;
    padding: 0;
    padding-left: 6px;
    border: none;
    width: 100%;
    background: #abeebe;
    box-shadow: 1px 1px 1px #6d6d6d inset;
}
.message2 #email {
    display: block;
    height: 39px;
    line-height: 39px;
    padding: 0;
    padding-left: 6px;
    border: none;
    width: 100%;
    background: #abeebe;
    box-shadow: 1px 1px 1px #6d6d6d inset;
}

.message2 #content {
    display: block;
    height: 70px;
    line-height: 39px;
    padding: 0;
    padding-left: 6px;
    border: none;
    width: 100%;
    background: #abeebe;
    box-shadow: 1px 1px 1px #6d6d6d inset;
}

.message2 .msgbtn {
    background: #abeebe;
    cursor: pointer;
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: none;
    color: rgba(0,0,0,0.66);
    font-size: 17px;
    border-radius: 3px;
    font-family: "Microsoft YaHei";
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.message2 #code {
    padding-top: 0;
    line-height: 26px;
}

.message2 #checkcode {
    height: 39px;
    line-height: 39px;
    width: 120px;
    border: none;
    background: #abeebe;
    box-shadow: 1px 1px 1px #6d6d6d inset;
}

.message2 #code a {
    color: #161616;
}

.message2 #message_main tr {
    position: relative;
}

.message2 #message_main tr th {
    font-weight: normal;
    text-align: right;
    height: 42px;
    line-height: 42px;
    color: #666;
}

.message2 .m_label {
    position: absolute;
    width: 100%;
    text-align: left;
    line-height: 39px;
    padding-left: 8px;
    color: rgba(0,0,0,0.66);
    z-index: 1;
    cursor: text;
    font-size: 15px;
    padding-top: 0;
}

.message2 .c_label {
    line-height: 39px;
}





/*Ã©Â¦â€“Ã©Â¡ÂµÃ§â€¢â„¢Ã¨Â¨â‚¬Ã¨Â¡Â¨Ã¥Ââ€¢*/
.index_message{position: relative;}
.name_input{border:1px solid #cccccc; margin-top: 5px; background: #fff; height: 22px; width: 204px;}
.input_left{float: left; width: 40px; text-align: center; background:url(../images/newadd/title_left.jpg) left top repeat-x; height: 22px; line-height: 22px}
.input_right{position: relative; float: right;}
.input_right input{height: 22px; line-height: 22px;}
.input_right .m_label{position:absolute;width:100px;text-align:left;line-height:22px;padding-left:6px;color:#ccc;z-index:1;cursor:text;}


#m_div{width:222px;position:fixed;right:2px;bottom:0px;padding-bottom:1px;z-index:99999;background:none;}
.d_label{line-height:18px;padding-top:8px; width:160px;}
.w_message{border:1px solid #4a9cf9;padding:7px;padding-top:3px; height:238px; background:#fff;padding-bottom:27px;background:url(../images/newadd/message_bg.jpg) left top no-repeat;background-size: 100% 100%;}
.w_message #name{width:156px;height:22px;line-height:22px; border: none !important;}
.w_message #contact{width:156px;height:20px;line-height:20px; border: none !important;}
.w_message #email{width:156px;height:20px;line-height:20px; border: none !important;}
.w_message #address{width:156px;height:20px;line-height:20px; border: none !important;}
.w_message #content{width:192px;height:65px;resize:none;overflow-y:auto;overflow-x:hidden;}
.w_message #checkcode{width:99px;height:22px;line-height:22px;border:1px solid #ccc;background-color:#fff;}


#message_main{display:table-cell;}
.w_message #message_main tr{display:block;width:100%;overflow:hidden;line-height:28px;}
.w_message #message_main tr th{height:28px;line-height:28px;width:37px;text-align:center;vertical-align:middle;overflow:hidden;}
.w_message #code{padding-top:0px; margin-top: 5px;}
.w_title{background:none;color:#fff;;position:relative;cursor:pointer;height:33px;width:222px;overflow:hidden;}
.w_message #message_main .m_input{border:1px solid #ccc;background-color:#fff;}
.w_message .msgbtn{width:93px;height:29px;line-height:20px; background:url(../images/newadd/submit.png) 50% 50% no-repeat;margin-top:3px;border:none;font-family:"Ã¥Â®â€¹Ã¤Â½â€œ",arial;font-size:12px;font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜"; color: #fff;}
.w_message .msgbtn_hover{background:#3c96fc;color:#fff;border:1px solid #3c96fc;}



.m_close{background:url(../images/newadd/messbtn.png) left top no-repeat;position:absolute;right:0px;top:0px;cursor:pointer;overflow:hidden;
width:19px;height:20px;right:12px;top:8px;cursor:pointer;}
.m_open{background:url(../images/newadd/messbtn1.png) left top no-repeat;}
.w_message .m_under{position:absolute;width:227px;height:37px;line-height:41px;left:0;bottom:1px;text-align:center;}
.w_message .support{color:#000;width:100px;position:absolute;bottom:1px;right:8px;font-size:12px;}
#m_top{height: 1px;font-size: 0px;line-height: 1px;margin: 0 2px;background:#4a9cf9;}
#m_mid{height: 1px;font-size: 0px;line-height: 1px;margin: 0 1px;background:#4a9cf9;}
#m_bot{background:#4a9cf9;height:31px;line-height:31px;padding-left:9px; font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜"; font-size: 13px;}


/*Ã¥Ë†â€ Ã©Â¡ÂµÃ¦Â Â·Ã¥Â¼Â1*/
.pageController{padding-right:10px; padding-top:5px;padding-bottom:5px;color:#505050;margin:0 auto;border-top:1px solid #E2E3E4;margin-top:16px;line-height:24px;}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;border-radius:3px;}
.pageController a:hover{background-color:#efefef;color:#438ece; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #efefef;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;}
.pageController .t2{float:right;vertical-align:middle;line-height:24px;}
.pageController .t2 #current{line-height: 24px;background-color: #068fd0;vertical-align: middle;border: 1px solid #068fd0; color: #fff;padding: 5px 8px;margin-right: 3px;margin-left: 3px;border-radius:3px;}
.pageController .t1 span{padding-left:4px;padding-right:4px;}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;}
.pageController select option{vertical-align:middle;}
@media (max-width: 768px){
    .pageController .t1{display: none;}
}


/*Ã§â€ºÂ¸Ã¥â€¦Â³Ã¤ÂºÂ§Ã¥â€œÂÃ¥â€™Å’Ã¦â€“Â°Ã©â€”Â»*/
.relate_list{margin-top:10px;}
.relate h4{line-height:30px;border-bottom:1px solid #999;padding-left:5px;}
#relate_p .img img{width:100%;height:auto;}
#relate_p li{_display:inline;}
#relate_n li{width:48%;float:left;}
.relate ul{float:none;}

/*Ã¥ÂÅ¡Ã¥Â®Â¢Ã¥Ë†â€”Ã¨Â¡Â¨*/
.blog_list li{border-bottom:1px solid #ccc;padding-bottom:20px;}
.blog_list li h2{line-height:42px;height:42px;padding-left:10px;padding-left:20px;border-bottom:1px dashed #ccc;}
.blog_list li h2 a{font-size:14px;font-family:"Microsoft YaHei";font-weight:bold;color:#4C4C4C;line-height:42px;color:#204e7d;}
.blog_list li .summary{color:#878787;line-height:28px;height:28px;text-indent:20px;padding-top:5px;padding-bottom:5px;}
.blog_list li .under{padding-left:20px;padding-top:5px;height:24px;line-height:24px;padding-bottom:5px;color:#2970a6;}
.blog_list li .under a{color:#2970a6;}

/*Ã§Â½â€˜Ã§Â«â„¢Ã¥Å“Â°Ã¥â€ºÂ¾*/
h3.map_title{line-height:30px;line-height:30px;background-color:#f5f8fa;border:1px solid #d6dbe1;text-indent:20px;color:#666;border-bottom:2px solid #ccc;}
.map_list{line-height:30px;padding:0 5px;margin-top:8px;margin-bottom:8px;}
.map_list a{padding:4px;white-space:nowrap;}
.map_list a:hover{text-decoration:none;color:#3b639f;padding:4px;}
.map_list .layer1{margin-bottom: 10px;}
.map_list .layer2 a{color:#999;}
.map_list .layer2 a:hover{text-decoration:none;color:#3b639f;}
.map_list h3{border-bottom: 1px dashed #cccccc;margin-bottom: 10px;line-height: 36px;}
.map_list h3 a{font-weight: normal;}

/*Ã§Æ’Â­Ã¦Å½Â¨Ã¤ÂºÂ§Ã¥â€œÂ*/
.content-getkey{padding:15px 10px;}
.getkey_list li{float:left;margin-left:20px;margin-right:20px;padding-bottom:15px;_display:inline;}
.getkey_list li a.img{padding:1px;border:1px solid #e0e1dc;}
.getkey_list li a.img img{width:150px;height:120px;}
.getkey_list li h3{text-align:center;padding-top:5px;}
.getkey_list li h3 a{font-weight:normal;}
.getkey_list li a.img{display:block;}
.getkey_list li a.img:hover{border-color:#e87518;}

.content-getkey .content{line-height: 24px;overflow: hidden;padding: 15px 10px 10px;}
.getkey_detail .content{line-height: 24px;overflow: hidden;padding: 15px 10px 10px;}

/*Ã§Â®â‚¬Ã¥Å½â€ Ã¦ÂÂÃ¤ÂºÂ¤*/
.job-title {padding-left:10px;line-height:40px;font-size:16px;margin-bottom:15px;}
.job-title .job-send{background:#476199;padding:8px 15px;border-radius:4px;color:#fff;}
.send-title{border-bottom: 1px solid #ddd;margin-bottom:15px;padding-bottom:10px;font-size:16px;color:#060;}
.message-job{padding-left:10px;padding-bottom:10px;}
.message-job li{line-height:30px;margin-bottom:10px;}
.message-job li label{font-size:14px;width:70px;float:left;text-align:right;}
.message-job li span{color:red;}
.message-job li input[type='radio']{margin:0 10px;}
.message-job li input.jobinput{border:1px solid #ccc;width:200px;margin:0 5px;line-height:24px;height:24px;padding:0 5px;}
.message-job li select{line-height:24px;height:24px;padding:0 5px;}
.message-job li #experience{width:400px;height:80px;}
.message-job li input#file{margin-top:18px;margin-right:20px;}
.message-job input.jobbtn{width:80px;border:1px solid #f1f1f1;background:#476199;color:#fff;border-radius:4px;font-family:"Microsoft Yahei";line-height:30px;height:30px;margin:0 8px 0;cursor:pointer;}
.message-job input.jobbtn:hover{background:#476199;}
.message-job li.last{border-bottom: 1px solid #ddd;margin-bottom:8px;padding:5px 0;font-size:14px;color:#060;}
 .resume-prompt{line-height:36px;color:#999;}
.message-job span.last{color:red;display:inline-block;line-height:36px;}



.sun_news_list {
  position: relative;
  margin: 0 -1%;
}
.sun_news_list li {
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
  float: left;
  width: 31.3333%;
  margin: 0 1% 2rem 1%;
}
.sun_news_list li .pic {
  display: block;
  width: 100%;
}
.sun_news_list li img {
  width: 100%;
  min-height: 279px!important;
}
.sun_news_list li .cont {
  display: block;
  width: 100%;
  padding: 26px 30px 13px;
  box-sizing: border-box;
}
.sun_news_list li .tit {
  font-size: 16px;
  color: #000;
  line-height: 28px;
  text-align: center;
  height: 28px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sun_news_list li .tit:hover {
  color: #0062cb;
}
.sun_news_list li .tit a{
  color: #000;
  display: inline-block;
}
.sun_news_list li .tit a:hover{
  color: #0062cb;
}
.sun_news_list li .font {
  display: inline-block;
  margin-top: 13px;
  font-size: 12px;
  color: #666;
  line-height: 22px;
  height: 110px;
  overflow: hidden;
}
.sun_news_list li .font:hover {
  color: #0062cb;
}
.sun_news_list li .date {
  display: block;
  border-top: 1px solid #f2f2f2;
  line-height: 28px;
  padding-top: 9px;
  font-size: 14px;
  font-family: "Arial";
  color: #8d8d8d;
  margin-top: 22px;
}

@media (max-width: 1020px) {
  .sun_news_list li{
    width: 48%;
  }
}
@media (max-width: 768px) {
  .sun_news_list {
    margin: 0;
    padding: 0 5%;
    box-sizing: border-box;
  }
  .sun_news_list li{
    width: 100%;
    float: none;
    margin: 0 0 2rem 0;
  }
}

@media (min-width: 1019px){
.sun_news_list1 li {
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
  float: left;
  width: 48%;
  margin: 0 1% 2rem 1%;
}

}


.slideDemos {
	width: 100%;
}
.slideDemos-single {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-top: 1em;
}
.slideDemos-single .pogoSlider {
	height:700px;
}
.slideDemos-single h3 {
	text-align: center;
	margin-top: 90px;
	color: #fff;
	font-weight: 700;
}
.pogoSlider-slide-element {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    text-align:left;
    margin-top: 200px!important;
}
.pogoSlider-slide-element h3 {
	color: #fff;
    font-weight: normal;
    font-size: 50px;
	font-family:"Microsoft YaHei";
    padding: 50px 100px;
    padding-bottom: 30px;
	font-weight:bold;
	text-align:center;
    text-transform: uppercase;
    position: relative;
}
.pogoSlider-slide-element h3 p { width:200px; height:5px; background:#d10000; margin:0 auto; display:block; margin-top:20px;
}
.pogoSlider-slide-element h3 span {
	color: #fff;
    font-weight: normal;
    font-size: 16px;
	font-family:"Microsoft YaHei";
    line-height: 15px;
	font-weight:bold;
	text-align:center;
}

.pogoSlider-nav-btn {
	width:15px;
	height:15px;

}

.pogoSlider{
	height: 850px;
	position: relative;
	margin-top: 0px;
}


@media (min-width: 2500px){
    .pogoSlider-slide{
	height: 888px!important;
    }
     .pogoSlider{
  	height: 888px;
  	position: relative;
  }
}



@media (max-width: 1440px){
    .pogoSlider-slide{
	height: 472px!important;
    }
     .pogoSlider{
  	height: 472px;
  	position: relative;
  }
}

@media (max-width: 1025px) {

  .pogoSlider-slide{
  	height: 430px!important;
  }

  .pogoSlider{
  	height: 430px;
  	position: relative;
  }
}

@media (max-width: 640px) {
    	.pogoSlider{
  	height: 200px;
  	position: relative;
  }
   .pogoSlider-slide{
  	height: 200px!important;
  }
}

@media (max-width: 480px){
    	.pogoSlider{
  	height: 140px;
  	position: relative;
  }
   .pogoSlider-slide{
  	height: 140px!important;
  }
}

@media (max-width: 320px){
    	.pogoSlider{
  	height: 130px;
  	position: relative;
  }
   .pogoSlider-slide{
  	height: 130px!important;
  }
}

@media (max-width: 768px){
    .pogoSlider{
        margin-top:0;
    }
}

.leadership .hn{
    position: relative;
    z-index: 9999;
    margin-top: 112px;
}
.leadership .hn h4{
    font:normal 15px/36px "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
    color:#000;
    width: 110px;
    margin: 0 auto;
    background: #035cac;
    color: #fff;

}
.leadership .hn h4 .nav_btnn{
    background: url(../images/list.png) no-repeat center;
    width: 31px;
    height: 36px;
    display: block;
    float: right;
}

.leadership .hn .listt{
    width: 85px;
    background: #008ccf;
    position: absolute;
    right: 460px;
    top: 0px;
    z-index: 9999999;
    display: none;
}
.leadership .hn .listt li{
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
.leadership .hn .listt li a{
    color: #035cac;
}
.leadership .hn .listt li:hover a{
    color:#fff;
}

.gsgkk{padding: 50px 0px 24px;}

@media(max-width:1300px){
    .navv li{
        height:70px;
        line-height: 70px;
    }
    .navv li a{
        line-height: 70px;
          height:70px;
    }
    .navv .sec{
        top:70px;
    }
}


/*Ã¥ÂÂ³Ã¤Â¾Â§Ã¦â€šÂ¬Ã¦ÂµÂ®*/


.w3ls-nav{
    display: none;
}
.w3ls-nav.scroll{
    display: block;
}

.htnav{
    position: fixed;
    right: 0;
    top: 0;
    bottom: auto;
    height: 100%;
    width: 90px;
    max-width: none;
    max-height: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background-color: transparent;
    display: table;
    z-index: 1;
    overflow-y: auto;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}
.htnav:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

}
.htnav:hover:before{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}


.no-touch .cd-vertical-nav:hover a::before {
    background: #fff;
}
.cd-vertical-nav ul{
        display: table-cell;
    vertical-align: middle;
    text-align: center;

}
.cd-vertical-nav {
	right: 0;
    top: 0;
    bottom: auto;
    height: 100%;
    width: 90px;
    max-width: none;
    max-height: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background-color: transparent;
    display: table;
	position: fixed;
    z-index: 1;
    overflow-y: auto;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s; 
}
.cd-vertical-nav a.active {
	color: #f7542b;
}
.cd-vertical-nav.open {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-overflow-scrolling: touch;
}
.cd-vertical-nav.open + .cd-nav-trigger {
	background-color: transparent;
}
.cd-vertical-nav.open + .cd-nav-trigger span {
	background-color: rgba(58, 44, 65, 0);
}
.cd-vertical-nav.open + .cd-nav-trigger span::before, .cd-vertical-nav.open + .cd-nav-trigger span::after {
	/* transform dots in 'X' icon */
	height: 3px;
	width: 20px;
	border-radius: 0;
	left: -8px;
}
.cd-vertical-nav.open + .cd-nav-trigger span::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
}
.cd-vertical-nav.open + .cd-nav-trigger span::after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	bottom: 0;
}  
.cd-vertical-nav::before {
	/* this is the navigation background */
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.no-touch .cd-vertical-nav:hover::before, .touch .cd-vertical-nav::before {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.cd-vertical-nav ul {
	/* vertically align <ul> inside <nav>*/
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.cd-vertical-nav ul  li {
	display: block;
}
.cd-vertical-nav a {
    position: relative;
    padding: 3em 0 0;
    margin: 2em auto;
    font-size: 0.9em;
    color: #fff;
    font-weight: 400;
	display: block;
}
.cd-vertical-nav a::before, .cd-vertical-nav a::after,.cd-vertical-nav a .tu{
	/* used to create the filled circle and the background icon */
	content: '';
	position: absolute;
	left: 50%;
	/* Force Hardware Acceleration */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	line-height: 16px;
}
.cd-vertical-nav a::before {
	/* filled circle */
	top: 0;
	height: 36px;
	width: 36px;
	border-radius: 50%;
	background: #999;
	-webkit-transform: translateX(-50%) scale(0.25);
	-moz-transform: translateX(-50%) scale(0.25);
	-ms-transform: translateX(-50%) scale(0.25);
	-o-transform: translateX(-50%) scale(0.25);
	transform: translateX(-50%) scale(0.25);
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	transition:0.5s all;
}
.cd-vertical-nav a::after {
	/* icon */
	opacity: 0;
	top: 8px;
	height: 16px;
	width: 16px; 
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0);
	-webkit-transition: -webkit-transform 0.4s 0s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s 0s, opacity 0.1s 0.3s;
	transition: transform 0.4s 0s, opacity 0.1s 0.3s;
} 


.cd-vertical-nav a .tu{
   	/* icon */
   	opacity: 0;
   	top: 8px;
   	height: 52px;
   	width: 52px;
   	-webkit-transform: translateX(-50%) scale(0);
   	-moz-transform: translateX(-50%) scale(0);
   	-ms-transform: translateX(-50%) scale(0);
   	-o-transform: translateX(-50%) scale(0);
   	transform: translateX(-50%) scale(0);
   	-webkit-transition: -webkit-transform 0.4s 0s, opacity 0.1s 0.3s;
   	-moz-transition: -moz-transform 0.4s 0s, opacity 0.1s 0.3s;
   	transition: transform 0.4s 0s, opacity 0.1s 0.3s;
}

.cd-vertical-nav li a .tu{
    color: #000;
    -webkit-transform: translateX(-50%) translateY(7.5em) scale(0.01);
    -moz-transform: translateX(-50%) translateY(7.5em) scale(0.01);
    -ms-transform: translateX(-50%) translateY(7.5em) scale(0.01);
    -o-transform: translateX(-50%) translateY(7.5em) scale(0.01);
    transform: translateX(-50%) translateY(7.5em) scale(0.01)
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    line-height: 1.5em;
    /* position: absolute; */
    /* left: 50%; */
    top: 0%;
    line-height: 36px;
}
.cd-vertical-nav li a .tu img{
    width: 30px;
    height: 30px;
}

.cd-vertical-nav li a::after {
    content: "";
    font: 14px/1 FontAwesome;
    font-size: 1em;
    color: #000;
    -webkit-transform: translateX(-50%) translateY(7.5em) scale(0.01);
    -moz-transform: translateX(-50%) translateY(7.5em) scale(0.01);
    -ms-transform: translateX(-50%) translateY(7.5em) scale(0.01);
    -o-transform: translateX(-50%) translateY(7.5em) scale(0.01);
    transform: translateX(-50%) translateY(7.5em) scale(0.01);
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    line-height: 1.5em;
}
.no-touch .cd-vertical-nav:hover a::before {
    background: #fff;
}
.no-touch .cd-vertical-nav:hover :nth-of-type(2) a::before {
    background:none;
}
.no-touch .cd-vertical-nav a.active::before, .no-touch .cd-vertical-nav a:hover::before {
	background-color: #e6b721;
} 
.no-touch .cd-vertical-nav a.active::after, .no-touch .cd-vertical-nav a:hover::after{
	color: #fff;
} 
.cd-vertical-nav li a::before {
	-webkit-transform: translateX(-50%) translateY(7.5em) scale(0.25);
	-moz-transform: translateX(-50%) translateY(7.5em) scale(0.25);
	-ms-transform: translateX(-50%) translateY(7.5em) scale(0.25);
	-o-transform: translateX(-50%) translateY(7.5em) scale(0.25);
	transform: translateX(-50%) translateY(7.5em) scale(0.25);
}
.cd-vertical-nav li:nth-of-type(1) a .tu {

}
.cd-vertical-nav li:nth-of-type(2) a .tu {
	/* change icon using image sprites */
	content: "";
	/* fix bug with transitions - set scale(0.01) rather than scale(0) */
	-webkit-transform: translateX(-50%) translateY(4.5em) scale(0.01);
	-moz-transform: translateX(-50%) translateY(4.5em) scale(0.01);
	-ms-transform: translateX(-50%) translateY(4.5em) scale(0.01);
	-o-transform: translateX(-50%) translateY(4.5em) scale(0.01);
	transform: translateX(-50%) translateY(4.5em) scale(0.01);
}
.cd-vertical-nav li:nth-of-type(2) a::before {
	-webkit-transform: translateX(-50%) translateY(4.5em) scale(0.25);
	-moz-transform: translateX(-50%) translateY(4.5em) scale(0.25);
	-ms-transform: translateX(-50%) translateY(4.5em) scale(0.25);
	-o-transform: translateX(-50%) translateY(4.5em) scale(0.25);
	transform: translateX(-50%) translateY(4.5em) scale(0.25);
}
.cd-vertical-nav li:nth-of-type(3) a .tu {
	content: "";
	-webkit-transform: translateX(-50%) translateY(1.5em) scale(0.01);
	-moz-transform: translateX(-50%) translateY(1.5em) scale(0.01);
	-ms-transform: translateX(-50%) translateY(1.5em) scale(0.01);
	-o-transform: translateX(-50%) translateY(1.5em) scale(0.01);
	transform: translateX(-50%) translateY(1.5em) scale(0.01);

}
.cd-vertical-nav li:nth-of-type(3) a::before {
	-webkit-transform: translateX(-50%) translateY(1.5em) scale(0.25);
	-moz-transform: translateX(-50%) translateY(1.5em) scale(0.25);
	-ms-transform: translateX(-50%) translateY(1.5em) scale(0.25);
	-o-transform: translateX(-50%) translateY(1.5em) scale(0.25);
	transform: translateX(-50%) translateY(1.5em) scale(0.25);
}
.cd-vertical-nav li:nth-of-type(4) a .tu {
	content: "";
	-webkit-transform: translateX(-50%) translateY(-1.5em) scale(0.01);
	-moz-transform: translateX(-50%) translateY(-1.5em) scale(0.01);
	-ms-transform: translateX(-50%) translateY(-1.5em) scale(0.01);
	-o-transform: translateX(-50%) translateY(-1.5em) scale(0.01);
	transform: translateX(-50%) translateY(-1.5em) scale(0.01);

}
.cd-vertical-nav li:nth-of-type(4) a::before {
	-webkit-transform: translateX(-50%) translateY(-1.5em) scale(0.25);
	-moz-transform: translateX(-50%) translateY(-1.5em) scale(0.25);
	-ms-transform: translateX(-50%) translateY(-1.5em) scale(0.25);
	-o-transform: translateX(-50%) translateY(-1.5em) scale(0.25);
	transform: translateX(-50%) translateY(-1.5em) scale(0.25);
}
.cd-vertical-nav li:nth-of-type(5) a .tu {
	content: "";
	-webkit-transform: translateX(-50%) translateY(-4.5em) scale(0.01);
	-moz-transform: translateX(-50%) translateY(-4.5em) scale(0.01);
	-ms-transform: translateX(-50%) translateY(-4.5em) scale(0.01);
	-o-transform: translateX(-50%) translateY(-4.5em) scale(0.01);
	transform: translateX(-50%) translateY(-4.5em) scale(0.01);

}
.cd-vertical-nav li:nth-of-type(5) a::before {
	-webkit-transform: translateX(-50%) translateY(-4.5em) scale(0.25);
	-moz-transform: translateX(-50%) translateY(-4.5em) scale(0.25);
	-ms-transform: translateX(-50%) translateY(-4.5em) scale(0.25);
	-o-transform: translateX(-50%) translateY(-4.5em) scale(0.25);
	transform: translateX(-50%) translateY(-4.5em) scale(0.25);
}
.cd-vertical-nav li:nth-of-type(6) a .tu {
	content: "";
	-webkit-transform: translateX(-50%) translateY(-7.5em) scale(0.01);
	-moz-transform: translateX(-50%) translateY(-7.5em) scale(0.01);
	-ms-transform: translateX(-50%) translateY(-7.5em) scale(0.01);
	-o-transform: translateX(-50%) translateY(-7.5em) scale(0.01);
	transform: translateX(-50%) translateY(-7.5em) scale(0.01);

}
.cd-vertical-nav li:nth-of-type(6) a::before {
	-webkit-transform: translateX(-50%) translateY(-7.5em) scale(0.25);
	-moz-transform: translateX(-50%) translateY(-7.5em) scale(0.25);
	-ms-transform: translateX(-50%) translateY(-7.5em) scale(0.25);
	-o-transform: translateX(-50%) translateY(-7.5em) scale(0.25);
	transform: translateX(-50%) translateY(-7.5em) scale(0.25);
}

.cd-vertical-nav .w3label {
	display: block;
	/* Force Hardware Acceleration */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.no-touch .cd-vertical-nav:hover a::before,.no-touch .cd-vertical-nav:hover a .tu, .no-touch .cd-vertical-nav:hover a::after, .touch .cd-vertical-nav li:nth-of-type(n) a::before, .touch .cd-vertical-nav li:nth-of-type(n) a::after,.touch .cd-vertical-nav li:nth-of-type(n) a .tu {
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	/* set a rotation to fix bug on Firefox - http://gielberkers.com/how-to-fix-shaking-css-transitions-in-firefox/ */
	-moz-transform: translateX(-50%) scale(1) rotate(0.02deg);
}
.no-touch .cd-vertical-nav:hover a::after,.no-touch .cd-vertical-nav:hover a .tu, .touch .cd-vertical-nav a::after,.touch .cd-vertical-nav a .tu {
	opacity: 1; 
}
.no-touch .cd-vertical-nav:hover .w3label, .touch .cd-vertical-nav .w3label {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
} 


















