@charset "utf-8";
/* eyoucms.com 易优CMS -- 好用,免费,安全 */
body{width:100%;height:100%;margin:0;padding:0; line-height:26px;color:#333;font:16px "微软雅黑","Microsoft YaHei";  }
div,p,span,ul,li,dl,dt,dd,ol,h1,h2,h3, h4,h5,h6,a,img,textarea,input,em,b,i {margin:0;padding:0;font-weight: normal;border:none; }
a{text-decoration: none;outline:none;color:#333;padding:0;}
ul,li{list-style: none;}
input,textarea,img{outline:none;border:none;font:16px "微软雅黑","Microsoft YaHei";}
i,em{font-style:normal;}
p{line-height:26px;}
.lt{float:left;}
.rt{float:right;}
.hide{display: none;}
.show{display: block;}
.container{ margin:0 auto;height:auto; }
a:focus, a:hover{color:#f96465;text-decoration: none;outline: none;
    outline-offset: 0;}
body{ background: #fff;position: relative;}
img{vertical-align: middle;max-width:100%;max-height:100%;}
html{overflow-x: hidden;}

@font-face {
    font-family: 'iconfont';  /* project id 430368 */
    src: url('../fonts/font_430368_rfp6lu8s6aymygb9.eot');
    src: url('../fonts/font_430368_rfp6lu8s6aymygb9.eot') format('embedded-opentype'),
    url('../fonts/font_430368_rfp6lu8s6aymygb9.woff') format('woff'),
    url('../fonts/font_430368_rfp6lu8s6aymygb9.ttf') format('truetype'),
    url('../fonts/font_430368_rfp6lu8s6aymygb9.svg#iconfont') format('svg');
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#had_top{height:37px;line-height:37px;background: #f6f6f6;color:#999;font-size:12px;}
.hot_tel {display: inline-block;}
.hot_tel i{display: inline-block;width:15px;height:14px;background: url(../img/tel.png) no-repeat center center;vertical-align: middle;margin-top:-3px;}
.hot_tel:hover  {color:#f96465; }
.hot_tel:hover i{background: url(../img/tel-on.png) no-repeat center center; }
.top_classify ul li{height:14px;width:93px;text-align: center;border-right:1px solid #999;display: inline-block;line-height:14px;}
.top_classify ul li a{color:#999;}
.top_classify ul li:hover a{color:#f96465;}
.top_classify ul li:last-child{border:none;}

#header{height:125px; position: relative; }
.logo{ height:125px; text-align: left; position: relative;}
.logo a{display: table-cell;vertical-align: middle;height:125px;width:100%; }

.nav>li>a{padding:0;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.nav{vertical-align: top;margin:35px 0;text-align: right;}
.nav .one-li{display: inline-block;line-height:40px; width:11%;text-align: center;margin:0 1%;position: relative;vertical-align: top;}
.nav .one-li a{line-height:40px; font-size:14px;display: inline-block;padding:3px;overflow: hidden;height:40px;border-bottom:2px solid transparent;}
.nav .chilmenu{position: absolute;top:40px;left:0;width:100%;background: #fff;display: none;z-index:50;}
.nav .chilmenu li{line-height: 30px;}
.nav .one-li.current>a{border-bottom:2px solid #f96465;color:#f96465;}
.nav .one-li:hover>a{border-bottom:2px solid #f96465;color:#f96465;}
.nav .chilmenu li.current a{color:#f96465;}
.nav .chilmenu li:hover a{color:#f96465;}
#menu{position: absolute;top:0;right:15px;height:100%;width:10%;text-align: center;}
#menu i{font-size:24px;position: absolute;top:0;bottom:0;left:0;right:0;display: block;margin:auto;width:32px;height:28px;}

.slick-slide{outline: none;}
.banner .slick-prev:before, .banner .slick-next:before{display: none;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin:0;}
.banner {overflow: hidden;}
.banner .slick-slide {overflow: hidden;}
.banner   img{width: 100%;margin:0 auto;}
.banner .slick-prev, .banner .slick-next{z-index:10;width:48px;height:47px;background: none;}
.banner .slick-prev{background: url(../img/ban-left.png) no-repeat center center;left:10%; background-size: 100%;}
.banner .slick-prev:hover{background: url(../img/ban-left-on.png) no-repeat center center;left:10%; background-size: 100%;}
.banner .slick-next{background: url(../img/ban-right.png) no-repeat center center;right:10%; background-size: 100%;}
.banner .slick-next:hover{background: url(../img/ban-right-on.png) no-repeat center center;right:10%; background-size: 100%;}



.S-title{margin:60px auto 40px;text-align: center;}
.S-title b{display: block;width:60px;background: #f96465;height:3px;margin:0 auto;}
.S-title h3{font-size:30px;font-weight: bold;margin:10px 0;}
.S-title span{font-size:14px;color:#999;}

.services-content{position:relative;}

.servicesSlider .slick-list{ }
.services-ul li{text-align: center; padding:2px; }
.services-ul li dl{padding:75px 0;border:2px solid transparent;}
.services-ul li dl dt{width:60px;height:60px;line-height:50px;border:1px solid #cfcfcf;border-radius: 50%;
    padding:5px;margin:0 auto;text-align: center;transition: all linear .3s;-webkit-transition: all linear .3s;}
.services-ul li dl dt a{display: block;width:100%;height:100%;border-radius: 50%; }
.services-ul li dl dt i{color:#666;display: block;vertical-align: middle;font-size: 25px;width:45px;height:50px;margin:0 auto}
.services-ul li:nth-child(1) dl dt i{background: url(../img/icon_14_on.png) no-repeat center center;}
.services-ul li:nth-child(2) dl dt i{background: url(../img/icon_16_on.png) no-repeat center center;}
.services-ul li:nth-child(3) dl dt i{background: url(../img/icon_18_on.png) no-repeat center center;}
.services-ul li:nth-child(4) dl dt i{background: url(../img/icon_20_on.png) no-repeat center center;}
.services-ul li dl dd h3 a{font-size:24px;color:#666;margin:10px 0;display: block;height:26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.services-ul li dl dd p{font-size:14px;color:#999;height:26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.services-ul li dl dd a.more{font-size:14px;color:#999;margin-top:5px;opacity: 0;}
.services-ul li dl dd img{ margin:0 auto;opacity: 0;width: 10px;}
.services-ul li:hover dl{border:2px solid #f96465;cursor: pointer;}
.services-ul li:hover dl dt a{background: #f96465;}
.services-ul li:hover dl dt {margin-top:-20px;}
.services-ul li:nth-child(1):hover dl dt i{background: url(../img/icon_14.png) no-repeat center center;}
.services-ul li:nth-child(2):hover dl dt i{background: url(../img/icon_16.png) no-repeat center center;}
.services-ul li:nth-child(3):hover dl dt i{background: url(../img/icon_18.png) no-repeat center center;}
.services-ul li:nth-child(4):hover dl dt i{background: url(../img/icon_20.png) no-repeat center center;}
.services-ul li:hover dl dd h3 a{color:#f96465;}
.services-ul li:hover dl dd a.more{color:#f96465;opacity: 1;}
.services-ul li:hover dl dd img{ opacity: 1;}

.slider_btn  .slick-prev, .slider_btn .slick-next{width:55px;height:90px;text-align:center;z-index:20;}
.slider_btn  .slick-prev{left:-50px;}
.slider_btn  .slick-next{right:-50px;}
.slider_btn  .slick-prev:before,.slider_btn .slick-next:before{content:"";color:#cfcfcf;font-size:40px;display: inline-block;width:15px;height:29px;
    vertical-align: middle;opacity: 1;}
.slider_btn  .slick-prev:before{background: url(../img/click-lt.png) no-repeat center center;opacity: 1;background-size: 100% 100%;}
.slider_btn  .slick-next:before{background: url(../img/click-rt.png) no-repeat center center;opacity: 1;background-size: 100% 100%;}
.slider_btn  .slick-prev:hover{background: #f96465; }
.slider_btn  .slick-prev:hover:before{background: url(../img/click-lt-on.png) no-repeat center center; background-size: 100% 100%;}
.slider_btn  .slick-next:hover{background: #f96465; }
.slider_btn  .slick-next:hover:before{background: url(../img/click-rt-on.png) no-repeat center center;background-size: 100% 100%;}
.slider_btn  .slick-prev.slick-disabled:before,.slider_btn .slick-next.slick-disabled:before{opacity: 1;}


.S-more{text-align: center;margin:50px 0 40px;}
.S-more a {display: block;margin:0 auto;width:250px;height:50px;line-height:50px;text-align: center;
    border-radius: 25px; color:#f96465;border:1px solid #f96465;}
.S-more a:hover{  background: #f96465;color:#fff;}

.services-mob{width:90%;}
.services-content .arrow-right-serM{right:0;width:40px;text-align: right;}
.services-content .arrow-left-serM{left:0;width:40px;text-align: right;}

.brand-content{height:470px;background: #fcfcfc;overflow: hidden;}
.brandLt{height:100%;position: relative;overflow: hidden;}
.brandLtBg{position: absolute;top:0;left:50%;width:960px;height:470px;max-width: none;transform: translate(-50%);-webkit-transform: translate(-50%);}
.brandLt-list li a{display:block;margin-top:80px;width:118px;height:118px;border-radius: 50%;
    border:1px solid #d1d1d0;text-align: center; background: #fff;}
.brandLt-list li i{ display: block;width:54px;height:115px;margin:0 auto;}
.brandLt-list li.idea i{background: url(../img/icon_35_on.png) no-repeat center center;}
.brandLt-list li.invite i{background: url(../img/icon_37_on.png) no-repeat center center;}
.brandLt-list li.explain i{background: url(../img/icon_41_on.png) no-repeat center center;}
.brandLt-list li.contact i{background: url(../img/icon_43_on.png) no-repeat center center;}
.brandLt-list li span{font-size:18px;height:26px;line-height:26px;overflow: hidden; display: none;margin-top:5px;}
.brandLt-list li a:hover{background: #f96465;}
.brandLt-list li a:hover i{ width:35px;height:30px; background-size: 35px 30px;margin-top:25px;}
.brandLt-list li.idea a:hover i{background: url(../img/icon_35.png) no-repeat center center;background-size: 35px 30px;}
.brandLt-list li.invite a:hover i{background: url(../img/icon_37.png) no-repeat center center;background-size: 35px 30px;}
.brandLt-list li.explain a:hover i{background: url(../img/icon_41.png) no-repeat center center;background-size: 35px 30px;}
.brandLt-list li.contact a:hover i{background: url(../img/icon_43.png) no-repeat center center;background-size: 35px 30px;}
.brandLt-list li a:hover span{display: block;line-height:26px;color:#fff;}

.brandRt-txt{font-size:14px;color:#666;line-height:30px;margin:35px 15px;height:390px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:13}
.news-content{position: relative;}
.news-list{ }
.news-list li{padding:20px 25px;vertical-align: top; }
.news-list li dl{width: 100%;height:360px;position: relative;overflow: hidden; }
.news-list li:nth-child(2n) dt{position: absolute;bottom:0;}
.news-list li:nth-child(2n) dd{position: absolute;top:0;}
.news-list li dl dt{  }
.news-list li dl dd{padding:5px 0 0 0;}
.news-list li dl dd h3 a{line-height:24px;height:24px;overflow: hidden;display: block;font-size:16px;}
.news-list li dl dd span{line-height:28px;height:28px;overflow: hidden;display: block;color:#999;font-size:14px;}
.news-list li dl dd p{color:#666;font-size:14px;line-height:32px;height:64px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.news-list li:hover{background: #f96465;}
.news-list li:hover h3 a{color:#fff;}
.news-list li:hover span{color:#fff;}
.news-list li:hover p{color:#fff;}

.team-bg{padding:48px 0;background: #fcfcfc;}
.team-content{position: relative;}
.team-list { }
.team-list li{padding:0 15px;}
.team-list li dl{ position: relative;overflow: hidden;}
.team-list li dl dt{  }
.team-list li dl dd{background: #f96465;text-align: center;position: absolute;bottom:-100%;width:100%;height:100%;
    transition: all linear .5s;-webkit-transition: all linear .5s;}
.team-list li dl dd img{color:#fff;font-size:30px;display: block;margin:90px auto 0;}
.team-list li dl dd h3{color:#fff;font-size:24px;height:26px;overflow: hidden;line-height:26px;margin:8px 0 13px;}
.team-list li dl dd b{width:55px;border-top:2px solid #fff;display: block;margin:0 auto;}
.team-list li dl:hover dd{bottom:0;}

.team-list-mob{overflow: hidden;}
.team-list-mob li{padding:0 20px;width:50%;float:left;margin-bottom:10px;}
.team-list-mob li dl dt{  }
.team-list-mob li dl dd{text-align: center;line-height:26px;height:26px;overflow: hidden;margin:10px 0;}

.cooperationCase{padding-bottom:105px;}
.case-content{position: relative;}
.case-list { }
.case-list li{width:250px;padding:0 20px;}
.case-list li dl{position: relative;width:100%;height:100%;overflow: hidden;}
.case-list li dl dt{width:100%;height:100%;}
.case-list li dl dd{position: absolute;bottom:-100%;width:100%;height:100%;background: rgba(000,000,000,.7);
    text-align: center;transition: all linear .5s;-webkit-transition: all linear .5s;}
.case-list li dl dd h3{color:#fff;font-size:14px;height:20px;line-height:20px;overflow: hidden;margin-top:50px;}
.case-list li dl dd b{display:block;width:50px;border-top:2px solid #fff;margin:10px auto 0;}
.case-list li dl:hover dd{bottom:0;}

#footer{background: #fcfcfc;padding-top:45px;}
.footBox{padding:0 0 25px 0;border-bottom:1px solid #f6f6f6;overflow: hidden;}
.foot-nav li h3 a{color:#666;font-size:14px;display:block;height:24px;overflow: hidden;line-height:24px;
    margin-bottom:10px;font-weight: bold;}
.foot-nav li span a{color:#999;font-size:14px;display:block;height:24px;overflow: hidden;line-height:24px;}
.foot-nav li span{display: block;}
.foot-nav li a:hover{color:#f96465;}
.foot-logo dl{text-align: center;}
.foot-logo dl dt{width:90px;height:90px; margin:0 auto;}
.foot-logo dl dd{font-size:12px;color:#999;height:20px;overflow: hidden;line-height:20px;margin-top:5px;}

.foot-contact{padding:25px 0;overflow: hidden;}
.foot-contact dl dt{display: inline-block;vertical-align: top;height:36px;line-height:36px;width:15%;}
.foot-contact dl dt i{color:#b3b3b3;font-size:35px;}
.foot-contact dl.e-mail dt{ }
.foot-contact dl.e-mail dt i{ font-size:45px;}
.foot-contact dl dd{display: inline-block;margin-left:10px;width:75%;}
.foot-contact dl dd h3{color:#666;font-size:14px;}
.foot-contact dl dd p{color:#999;font-size:12px;}

#link{text-align: center;background: #f6f6f6;padding:20px 0;}
.link li{display: inline-block;color:#999;font-size:12px; }
.link li a{display: inline-block;color:#999;font-size:12px;height:12px;line-height:12px;padding:0 5px;border-right:1px solid #999;}
.copy{color:#999;font-size:12px;line-height:24px;margin-top:10px;}
.copy a{color:#999;font-size:12px;line-height:24px;}
.copy a:hover{color:#f96465;}
.link li a:hover{color:#f96465;}
.link li:last-child a{border:none;}


.foot-tel{background: #f96465;color:#fff;padding:5px 15px;}
.foot-tel img{font-size:25px; height: 26px;  line-height: 26px;vertical-align: middle;display: inline-block; }
.foot-tel a{ color:#fff;}
.foot-tel  span{vertical-align: middle;
    display: inline-block;  width: 75%;  height: 26px;  line-height: 26px;  overflow: hidden;}
.copy-mob{padding:5px 15px;margin-bottom:50px;}
.copy-mob p{color:#999;width:80%;height:26px;overflow: hidden;display: inline-block;}
.copy-mob .scroll_top{display: inline-block;}

.foot-nav-mob{background: #f6f6f6;position: fixed;  bottom: 0;  left: 0;  right: 0;  z-index: 100;  box-shadow: 0 0 10px 1px rgba(0,0,0,.3);}
.foot-nav-mob ul{ padding:0 10px;}
.foot-nav-mob li{width:16.6%;float:left;text-align: center;padding:6px 5px 2px;}
.foot-nav-mob li i { display: block;width:90%;height:20px;text-align: center;margin:0 auto;}
.foot-nav-mob li i img{}
.foot-nav-mob li span{color:#999;display: block;    line-height: 20px;  height: 20px;font-size: 14px;  overflow: hidden;}

.det-banner{position: relative;height:400px;overflow: hidden;width:100%;}
.det-ban-img{position: absolute;height:400px;top:0;left:50%;width: 1920px;
    margin-left:-960px;overflow: hidden;max-width:none;max-height:none;}
.ban-name{position:absolute;top:0;left:0;width:100%;height:100%;}
.ban-cont{text-align: center; }
.ban-cont h3{font-size:30px;font-weight: bold;margin:130px 0 10px 0;}
.ban-cont h4{font-size:24px;font-weight: bold;}

.det-navBox{background: #fff;z-index:10;position:relative;}
.det-nav{height:80px;background: #fff; margin-top:-80px;}
.det-nav li{display: inline-block;width:9%;text-align: center;position: relative;}
.det-nav li a{line-height:80px;display: inline-block;font-size:14px;color:#666;
    border-bottom:2px solid transparent;height:80px;overflow: hidden;}
.det-nav li:hover>a{border-bottom:2px solid #f96465;color:#f96465}
.det-nav li.current>a{border-bottom:2px solid #f96465;color:#f96465}
.child{position: absolute;top:80px;left:0;width:450px;text-align: left;display: none;}
.child li{display: inline-block;width:24%; }
.child li a{display: inline-block;line-height:30px;height:30px;overflow: hidden;color:#999;font-size:12px;}
.child li.current a{color:#f96465;border:none;}
.child li:hover a{color:#f96465;border:none;}
.det-navBox{padding:0 30px; }
.det-nav{ border-bottom:2px solid #f6f6f6}



.det-content{padding:50px 40px; }
.det-text{padding:0 0 50px 0;line-height: 26px;}
.det-news{padding:30px 0 50px 0;}
.det-news .list-news {overflow: hidden;padding-bottom:10px;}
.list-news li{margin-bottom:40px;padding:0 40px;}
.list-news li dl dt{  width:100%;position: relative;}
.list-news li dl dd h3{font-size:16px;font-weight: bold; height:30px;overflow: hidden;line-height:30px;}
.list-news li dl dd span{color:#999;font-size:12px;height:30px;overflow: hidden;line-height:30px;display: block;}
.list-news li dl dd p{color:#666;font-size:14px;line-height:32px;height:64px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2}

.page{text-align: center;}
.page li{display: inline-block;}
.page li a{display: inline-block;width:120px;height:50px;text-align: center;line-height:50px;font-size:14px;color:#999;}
.page li a:hover{background: #f96465;border-radius: 25px;color:#fff;}

.list-text{padding-bottom:50px;overflow: hidden;}
.list-text li{padding:30px 0;border-bottom: 1px dashed #ddd;}
.list-text li  h3 a{font-size:16px;font-weight: bold; height:30px;overflow: hidden;line-height:30px;}
.list-text li  span{color:#999;font-size:12px;height:30px;overflow: hidden;line-height:30px;display: block;}
.list-text li  p{color:#666;font-size:14px;line-height:32px;height:64px;overflow: hidden;}
.list-text li a.more{margin-top:10px;color:#999;font-size:12px;display: block;width:70px;height:28px;line-height:28px;text-align: center;}
.list-text li:hover a.more{color:#fff;background: #f96465;border-radius: 15px;}
.list-text li:hover h3 a{color:#f96465;}

.list-image{overflow: hidden;padding:10px 0 20px 0;}
.list-image li{padding:0 25px; text-align: center;margin-bottom:60px;}
.list-image li .pic{ position: relative;}
.list-image li .pic img{ }
.list-image li .pic .pic-bg{position: absolute;top:0;left:0;background: #f96465;width:100%;
    color:#fff;height:100%;display: none;}
.list-image li .pic .pic-bg i{font-size:30px;margin :19% auto 0;display: block;background: url(../img/index_51.png) no-repeat center center;width:32px;height:32px;}
.list-image li .pic .pic-bg h3{line-height:30px;height:30px;overflow: hidden;font-size:24px;margin:10px 0;}
.list-image li .pic .pic-bg b{display: block;width:50px;height:2px;background: #fff;margin:0 auto;}
.list-image li .title{line-height:30px;height:30px;margin-top:10px;font-size:16px;overflow: hidden;display: none;}
.list-image li:hover .pic .pic-bg{display: block;}

.content-news{text-align: center;}
.content-news h3{font-weight: bold;margin:10px 0;font-size:16px;
    line-height: 26px;}
.content-news span{color:#999;font-size:12px;}
.content-news a{color:#999;font-size:12px;}
.content-news a:hover{color:#f96465;}
.content-news-text{border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;padding:30px 0;margin-top:30px;}
.share  {   overflow: hidden;line-height:30px;height:30px;}
.share .bshare-custom{  float: right; }

.page-ul{margin-top:50px;overflow: hidden;}
.page-ul li{display: inline-block;padding:0; }
.page-ul li a{display: inline-block;width:90%;height:50px;line-height:50px;border:1px solid #f6f6f6;
    border-radius: 25px;font-size:14px;color:#999;padding:0 10px;overflow: hidden;}
.page-ul li a:hover{background: #f96465;color:#fff;}


.content-pro-text{border-top:none;}
.content-pro{position: relative;max-width:700px;margin:0 auto;}
.slide-product img{margin:0 auto;}
.pro_name{text-align: center;font-size: 20px;margin:15px 0;}
.proContName{text-align: center;font-size: 20px;margin:15px 0;}

.right_navBox{position: fixed;right:-100%;top:0;z-index:100;background: #fff;height:100%;
    transition: all linear .5s;-webkit-transition: all linear .5s;}
.que-name{height:60px;line-height:60px;background: #f6f6f6;overflow: hidden;}
.que-name p{transform: skew(-30deg);-webkit-transform: skew(-30deg);width:57%;display: inline-block;background: #f96465;height:60px;line-height:60px;
    padding:0 30px 0 35px;margin-left:-7%;}
.que-name span{transform: skew(30deg);-webkit-transform: skew(30deg); font-size:18px;color:#fff;display: inline-block;
    height:60px;line-height:60px;margin-left:7%;}
.que-name i{color:#f96465;font-size:24px;display: inline-block;height:60px;line-height:60px;cursor: pointer;margin-right:15px;}
.right_navBox  {width:100%;}
.right_navBox .rt-nav{width:100%;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 60px;}
.right_navBox .rt-nav li{position: relative;}
.right_navBox .rt-nav li.one-li{ line-height:45px;}
.right_navBox .rt-nav li.one-li a{display: block;width:100%;position: relative;z-index:20;border-bottom:1px solid #f6f6f6;padding:0 15px;}
.right_navBox .rt-nav li.one-li span{width:85%;height:45px;line-height:45px;display: inline-block;color:#666;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align: middle;}
.right_navBox .rt-nav li.one-li i{position: absolute;right:15px;height:45px;line-height:45px;color:#666;display: inline-block;top:0;width:20px;text-align: center;font-size:27px;font-weight: normal}
.right_navBox .rt-nav li.one-li .two .two-li a{border-bottom:2px solid #fff; background: #f6f6f6}
.right_navBox .rt-nav li.one-li .two .two-li span{margin-left:25px;width:78%;color:#f96465;}
.right_navBox .rt-nav li.one-li .three .three-li a{border:none;}
.right_navBox .rt-nav li.one-li .three .three-li span{margin-left:40px;}
.two{display: none;}
.three{display: none;}

.right_navBox.current{right:0;}



.list-image li .pic .pic-bg a:hover{color:#fff;}

.proContName{text-align: center;}

/*分享开始*/
.newsclass{width:100%;height:145px;padding-top:15px;position:fixed;bottom:-145px;left:0px; z-index:9999; background:#f5f5f5;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.show{transform: translate(0px,-145px);
    -ms-transform: translate(0px,-145px);
    -webkit-transform: translate(0px,-145px);
    -o-transform: translate(0px,-145px);
    -moz-transform: translate(0px,-145px);}
.share-cance{height:35px;line-height:35px;overflow:hidden;background:rgba(0,0,0,0.05);text-align:center; margin-top:10px;}
.share-con{width:100%;height:85px;overflow:hidden;}
.share-con a{height:85px;width:80px;display:block;float:left;overflow:hidden;text-align:center; }
.share-con a .title{ height:25px; overflow:hidden; color:#333}