@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0; box-sizing: border-box}
body
{color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width: 1200px;overflow-x: hidden}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
a { color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; }
.clear:after {content:''; display:block; clear:both; }
.clear { height:0px; clear:both; }
.text-cut { overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}/*限制文字,文字超出显示冒号*/
.t_center { text-align:center;}
/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 20px 0;line-height: 2}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {width:50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;color: #707070}
.wengzhengfanye a:hover {color: #07a553}
.wengzhengfanye a{color: #707070}
.wengzhengfanyeB{text-align: right}

/* 文章类别上下页 */
.page { overflow:hidden;}
.pagelink {text-align:center;margin-top: 40px}
.pagelink span,.pagelink a
{ display:inline-block;text-align:center; font-size:12px; padding:6px 10px; border:solid 1px #ddd; color:#666; margin:0 2px;}
.pagelink a:hover,.pagelink a.on
{ background:#07a553; color:#fff; border:solid 1px #07a553;}
.pagelink span{display:inline-block; color:#fff; background:#07a553; border:solid 1px #07a553;}

/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:30px 0 40px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 12px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#07a553; }

/*========================================= 首页 =====================================*/
.container { width:1250px; margin:0 auto;}
.fl{float: left}
.fr{float: right}

.header{width: 100%;height: auto;overflow: hidden;position: fixed;top: 0px;left: 0px;z-index: 90;
    border-bottom: 1px solid rgba(255,255,255,.1);}
.head{display: flex;align-items: center;justify-content: space-between;height: auto;overflow: hidden;box-sizing: border-box;transition: all 0.3s linear;}
.logo a img:nth-child(2){display: none}
.header.on{background: #fff;box-shadow: 0 0 10px #ccc}
.header.on .nav li a{color: #333}
.header.on .logo a img:nth-child(1){display: none}
.header.on .logo a img:nth-child(2){display: block}

.nav{margin-left: 100px}
.nav ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.nav li{float:left; position:relative;line-height: 88px;padding: 0 30px;}
.nav li a{display:block; position:relative;color: #fff;font-size: 16px}
.nav li a:after{content: '';width: 0;height: 2px;background: #fff;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease;}
.nav li:hover a:after,.nav li.active a:after{width: 100%}
.nav ul li a:hover, .nav ul li .active {color: #fff;}
.headr{background: linear-gradient(to right, #07a553, #07CD69);border-radius: 30px;width: 200px;height: 36px;line-height: 36px;color: #fff;text-align: center;}

.xlnav{display:none;z-index: 100;width: 180px;position: absolute;top: 116px;left: 50%;margin-left:-90px;background: #fff;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);}
.xlnav dd{width: 100%;line-height: 42px;text-align: center;border-bottom: 1px solid #f2f2f2;transition: all .3s ease 0s;}
.xlnav dd a{color: #333!important;}
.xlnav dd a:after{opacity: 0!important;}
.xlnav dd:hover{background-color: #F8F8F8;}
.nav li:hover .xlnav{display: block}

/*banner图片切换样式*/
.banner{width:100%;  overflow:hidden;}
.banner li{overflow:hidden;height: 100vh;display:flex;justify-content:center;align-items:center}
.banner li.li2 dl dd{float: right}
.banner li dl{color: #fff}
.banner li dl dd{width: 600px;}
.banner li dl h2{font-size: 46px;margin-bottom: 25px; }
.banner li dl p{font-size: 18px;line-height: 1.8;}
.banner .swiper-slide-active dl h2{-webkit-animation:fadeInUp 1s .5s ease both; -moz-animation:fadeInUp 1s .5s ease both; width:auto; max-width:100%;}
.banner .swiper-slide-active dl p{-webkit-animation:fadeInUp 1s .5s ease both; -moz-animation:fadeInUp 1s .5s ease both; width:auto; max-width:100%;}
.banner .swiper-button-prev{ width:32px; height:19px; background:url(../img/banl.gif); position:absolute; top:50%;left: 50%;margin-left: -550px;
    margin-top:-10px;z-index:99; cursor:pointer;opacity: 0.6;}
.banner .swiper-button-next { width:32px; height:19px; background:url(../img/banr.gif); position:absolute; top:50%;right: 50%;margin-right: -550px;
    margin-top:-10px;z-index:99; cursor:pointer;opacity: 0.6;}
.banner .swiper-pagination{ position: absolute; bottom:30px!important; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet {width:12px;height:12px;margin:0 7px!important;cursor: pointer;background-color:rgba(255,255,255,0.6);border-radius: 100%;position: relative}
.banner .swiper-pagination-bullet-active{background: #fff}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{opacity: 1}

.footer { width:100%;position: relative;background: #07a655}
.foot{padding: 22px 0 30px;overflow: hidden;display: flex;justify-content: space-between;align-items: center}
.footl{color: #fff;line-height: 2;}
.footl a{color: #fff}
.footr{color: #fff;line-height: 2;display: flex;justify-content: space-between;align-items: center}
.footr dd{width: 77px;height: 77px;margin-right: 25px;text-align: center}
.footr dd img{max-width: 100%}

/*========================================= 关于我们 =====================================*/
.ny_ban{overflow: hidden;height: 450px;display:flex;justify-content:center;align-items:center;text-align: center;position: relative}
.ny_ban dl{color: #fff;position: relative;z-index: 2}
.ny_ban dl h2{font-size: 36px;font-weight: normal}
.ny_ban dl i{display:inline-block;height: 2px;width: 36px;background: #fff;margin: 10px 0}
.ny_ban dl p{font-size: 18px;text-transform: uppercase}
.ny_ban:before {content: '';position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(0,0,0,.2);z-index: 1;}

.ny_title{margin-top: 40px}
.ny_title h2{font-size: 30px;background: linear-gradient(to right, #07a553, #07CD69);background-clip: border-box;-webkit-background-clip: text;color: transparent;}

.ny_nav{background: #f6f6f6;margin-top: 30px}
.ny_nav ul{display: flex;flex-wrap: wrap}
.ny_nav ul li{position: relative;padding: 0 30px;font-size: 15px;line-height: 80px;float: left;}
.ny_nav ul li:after {content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0;transition: all 0.5s ease}
.ny_nav ul li:hover,.ny_nav ul li.active{background: linear-gradient(to right, #07a553, #07CD69);transition: all 0.5s ease}
.ny_nav ul li:hover a,.ny_nav ul li.active a{color: #fff}

.ny_title2{text-align: center;margin-top: 40px}
.ny_title2 h2{font-size: 28px;}
.ny_title2 p{margin-top: 15px}

.about{line-height: 2;margin-top: 30px;font-size: 16px}
.about img{max-width: 100%}

.one{line-height: 2;font-size: 16px;min-height: 300px;margin-top: 40px}
.one img{line-height: 2;font-size: 16px;}

.aboutB ul{display: flex;justify-content: space-between;margin-top: 60px}
.aboutB ul li{width: 33.3%;text-align: center;border-right: 1px solid #e9e9e9}
.aboutB ul li:nth-child(1){border-left: 1px solid #e9e9e9}
.aboutB ul li h2{font-size: 45px;color: #07a553;line-height: 60px;display: inline-block;font-family: Impact;}
.aboutB ul li i{font-size: 24px;color: #07a553;text-align: right;display: inline-block;font-style: normal;}
.aboutB ul li p {color: #333;font-size: 16px;font-family: 'Rubik', sans-serif;line-height: 36px;}

.aboutC{background: url("../img/aboutc.png") fixed no-repeat center;padding-bottom: 60px;margin-top: 50px;overflow: hidden}
.aboutC .ny_title2 h2{color: #fff}
.aboutC .ny_title2 p{color: #fff}

.aboutCs{overflow: hidden;position: relative;width: 1350px;margin: 0 auto;margin-top: 50px;}
.aboutCs ul{}
.aboutCs ul li{background: #F6F6F6;padding: 15px;text-align: center;float: left}
.aboutCs ul li dd{height: 200px;overflow: hidden}
.aboutCs ul li dd img{max-width: 100%;transition: all 0.5s ease;max-height: 100%}
.aboutCs ul li p{margin-top: 15px}
.aboutCs ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease;}
.aboutCs ul li:hover p{color: #07a553}
.aboutC_more{text-align: center;margin-top: 60px}
.aboutC_more a{display: inline-block;text-align: center;line-height: 44px;border: 1px solid #fff;width: 200px;color: #fff}
.aboutC_more a:hover{background: #07a553;color: #fff;border-color: #07a553}
.aboutCs .swiper-button-prev{background: url("../img/aboutl.png") no-repeat center;outline: none}
.aboutCs .swiper-button-next{background: url("../img/aboutr.png") no-repeat center;outline: none}

.aboutD{margin-top: 40px}
.aboutD ul{display: flex;justify-content: space-between}
.aboutD ul li{background: #E7EAEE}
.aboutD ul li dd img{height: 430px;}
.aboutD ul li dl{text-align: center;padding: 30px 0}
.aboutD ul li dl h3{margin-bottom: 10px}
.aboutD ul li dl p{line-height: 1.8}
.aboutD ul li:hover{background: #07a553;transition: all 0.5s ease}
.aboutD ul li:hover dl{color: #fff}

.footline{height: 50px;overflow: hidden}

.factory{overflow: hidden}
.factory ul li{background: #F6F6F6;padding: 15px;text-align: center;float: left;margin-right: 2%;width: 23%;margin-top: 40px}
.factory ul li dd{height: 190px;overflow: hidden}
.factory ul li dd img{max-width: 100%;transition: all 0.5s ease;}
.factory ul li p{margin-top: 15px}
.factory ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease;}
.factory ul li:hover p{color: #07a553}
.factory ul li:nth-child(4n){margin-right: 0}

.honors{overflow: hidden;}
.honors ul li{margin-top: 40px;width: 23.5%;text-align: center;float: left;margin-right: 2%;transition: all 0.5s ease;}
.honors ul li dd{overflow: hidden;height: 300px;position: relative;border:1px solid #F6F6F6;}
.honors ul li dd img{max-width: 100%;max-height:100%;position: absolute;padding: 15px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.5s ease}
.honors ul li p{padding: 15px;color: #666;position: relative}
.honors ul li p:after{content:'';position: absolute;left: 0;bottom: 0;width: 0;right:0;margin:auto;height: 100%;
    background: radial-gradient(#07a553, #07CD69);transition: all 0.3s ease;z-index: -1}
.honors ul li:hover p:after{width: 100%}
.honors ul li:hover p{color: #fff;}
.honors ul li:nth-child(4n){margin-right: 0}

.news{overflow: hidden;}
.news ul li{margin-top: 40px;width: 32%;margin-right: 2%;float: left;padding: 10px;overflow: hidden; background: #f5f5f5;}
.news ul li dd {max-height: 223px;overflow: hidden;}
.news ul li dd img{transition: 0.5s linear 0s;width: 100%}
.news ul li dl{padding: 20px 15px}
.news ul li:nth-child(3n+1){margin-right: 0}
.news ul li:first-child {width: 100%;margin-left: 0%;padding: 20px;}
.news ul li:first-child dd {box-shadow: 10px 10px 45px 0 rgba(0, 0, 0, 0);width: 39%;height: auto;max-height: 355px;display: inline-block;vertical-align: middle;}
.news ul li:first-child dl {width: 54%;display: inline-block;vertical-align: middle;margin-left: 5%;margin-top: 0;padding: 0;}
.news ul li:first-child h3 {font-size: 20px;font-weight: normal;margin-top: 5%;}
.news ul li:first-child h3:before {width: 15px;height: 3px;display: inline-block;vertical-align: middle;background: linear-gradient(to right, #07a553, #07CD69);margin-right: 15px;content: '';}
.news ul li:first-child p {line-height: 26px;max-height: 84px;margin-left: 30px;}
.news ul li p{transition: 0.3s ease 0s;margin-top: 5%;font-size: 14px;line-height: 1.7;color: #666;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;max-height: 65px;}
.news ul li .i-a{z-index: 0;margin: 0 auto;font-size: 0px;position: relative;line-height: 50px;width: 165px;height: 50px;display: block;color: #fff;background: linear-gradient(to right, #07a553, #07CD69);text-align: center;}
.news ul li:first-child .i-a{margin-left: 30px;margin-top: 6%;}
.news ul li:first-child .i-a>* {transition: 0.3s ease 0s;display: inline-block;vertical-align: top;font-size: 14px;}
.news ul li i {position: relative;font-family: 宋体;font-weight: bold;z-index: 0;padding-left: 7px;margin-left: 36px;font-style: normal;}
.news ul li i:before {content: '';width: 7px;height: 1px;top: 50%;margin-top: -1px;left: 0px;position: absolute;background: #fff;z-index: 0;}
.news ul li:hover img {transform: scale(1.2);}
.news ul li:not(:first-child):hover dl{background: linear-gradient(to right, #07a553, #07CD69);color: #fff;}
.news ul li:not(:first-child):hover dl p{color: #fff}
.news ul li:first-child:hover h3{color: #07a553;}

.product{}
.product ul{display: flex;flex-wrap: wrap}
.product ul li{width: 290px;margin-top: 35px;transition: all 0.5s;box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2);margin-right: 30px}
.product ul li dd{background: #fff;position: relative;height: 245px;overflow: hidden}
.product ul li dd img{max-width: 100%;max-height:100%;transition: all 0.5s;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.product ul li dl{padding: 20px;}
.product ul li dl h3{font-size: 16px;font-weight: normal;display: flex;justify-content: space-between;align-items: center}
.product ul li h3 i {display: inline-block;width: 30px;height: 30px;overflow: hidden;background: url(../img/eyes.png) no-repeat right center;}
.product ul li span{display: block;width: 100%;height: 2px;}
.product ul li:hover dl{background: linear-gradient(to right, #07a553, #07CD69);}
.product ul li:hover dl h3{color: #fff}
.product ul li:nth-child(4n){margin-right: 0}
.product ul li span{position: relative;margin-top: 10px;width: 100%;height: 2px;}
.product ul li span:before{content: '';position: absolute;right: 0;display: block;width: 30px;height: 1px;background: #999;transition: all .5s ease;}
.product ul li:hover span::before {width: 100%;background: #fff;}
.product ul li:hover h3 i{background-position: left center;}
.product ul li:hover dd img{transform:scale(1.1);}

.rcln{background: #F5F5F5;margin-top: 40px;display: flex;justify-content: space-between;align-items: center}
.rcln dd{width: 50%}
.rcln dd img{max-width: 100%}
.rcln dl{width: 50%;padding-left: 40px;line-height: 2;font-size: 16px;color: #666}
.rcln dl b{font-size: 20px;}

.ny_title3 h2{font-size: 24px;font-weight: normal}
.contactA{margin-top: 40px;overflow: hidden;display: flex;justify-content: space-between}
.contactAl{width: 35%;background: #F9F9F9;padding: 25px}
.contactAl ul{padding: 20px 0}
.contactAl ul li{padding:20px 0;display: flex;border-bottom: 1px solid #ededee;line-height: 2}
.contactAl ul li p{font-size: 18px;color: #333}
.contactAl ul li span{font-size: 16px;color: #666;}
.contactAl ul li dd{width: 30px;margin-right: 20px}
.contactAl ul li dd img{max-width: 100%}
.contactAl ul li:last-child{border-bottom: none}

.contactAr{width: 62%;background: #F9F9F9;padding: 25px}
input,textarea{border: none;outline: none;background: none}
.message{overflow: hidden}
.message dl{display: flex;justify-content: space-between;margin-top: 20px}
.message input{width: 100%;line-height: 44px;padding: 0 15px;background:rgba(204, 204, 204, 0.15);color: #333}
.message textarea{width: 100%;min-height: 120px;padding: 15px;font-family: "微软雅黑";background:rgba(204, 204, 204, 0.15);color: #333}
.message a{display:block;line-height: 44px;background: linear-gradient(to right, #07a553, #07CD69);color: #fff;width: 335px;outline: none;border: none;
    font-size: 16px;text-align: center;margin-top: 20px}
.message a:hover{background: #07a553}

#dituContent{height: 400px;margin-top: 40px}



/*=======================================产品详情页============================================*/
.show{overflow: hidden;display: flex;justify-content: space-between;margin-top: 40px;padding: 20px;background: #F5F6F8;}
.showl{width: 48%;text-align: center;position: relative;}
.showl dd{background: #fff;width: 100%;height: 100%}
.showl dd img{position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;max-width: 100%}
.showr{width: 48%}
.showr h1{font-size: 34px;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 2px solid #333;}
.showr .text{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin: 15px 0;color: #555;line-height: 1.6;}
.showra{display: flex;flex-direction: row;flex-wrap: wrap;margin: 30px 0px 0px;border-top: 1px dashed #aaa;border-bottom: 1px dashed #aaa;padding: 20px 0px;}
.showra a{display: inline-block;font-size: 16px;margin-right: 30px}
.showra a:nth-child(1){background: url("../img/showra1.png") no-repeat 0 -19px;padding-left: 30px;}
.showra a:nth-child(2){background: url("../img/showra2.png") no-repeat 0 -18px;padding-left: 28px;}
.showra a:hover{color: #e5322c}
.showrb{font-size: 16px;font-weight: bold;padding: 20px 0px 10px;align-items: center;
    display: flex;background: url("../img/tel.png") no-repeat 0 25px;padding-left: 35px}
.showrb a{font-size: 26px;}
.showr .btn{display: inline-block;width: 145px;line-height: 45px;background: #e5322c;color: #fff;text-align: center;font-size: 16px;margin: 20px 0 5px}
.showr .btn:hover{background: #1D2088}
.showcon{margin-top: 40px;font-size: 16px;line-height: 2}
.showcon img{max-width: 100%}

/*=======================================新闻详情页============================================*/
.content{margin-top: 40px}
.news_info{overflow:hidden;}
.info_title{text-align:center;}
.info_title h1{font-size:36px;font-weight: normal}
.info_laiyuan{text-align:center; color: #666;border-top: 1px solid #d9d9d9;padding-top: 20px;margin-top: 20px}
.info_text{padding:20px 0;line-height:2;min-height: 300px;}
.info_text img{max-width:100%;}
.info_picA{padding:10px;text-align:center;}
.info_picA img{max-width:100%; width: expression(this.width > 720 ? 720: true)}


.qq-set-container {position: fixed;z-index: 9999}
.qq-set-container.right {right: 30px; }
.qq-set-container.right .set-suspend-item .set-ul-style {position: absolute;opacity: 0;bottom: 0;left: 52px; }
.qq-set-container.right .set-suspend-item .set-ul-style:before {right: -12px;content: ''; }
.qq-set-container.right .set-suspend-item .show-item {left: 0;opacity: 1;-webkit-transition: all 0.3s;transition: all 0.3s;border-width: 20px;border-style: none;
    -webkit-box-sizing: content-box;box-sizing: content-box; }
.qq-set-container.right .set-suspend-item .weixin.show-item{left: -140px}
.qq-set-container.right.qq_set_3 .set-suspend-item .set-ul-style:before {border-left-color: #fff; }
.qq-set-container.right.qq_set_3 .set-suspend-item:hover .inner-center {right: 48px;-webkit-transition: all 0.3;transition: all 0.3; }
.qq-set-container.right.qq_set_2 .set-suspend-item .set-ul-style:before {border-left-color: #F6F7FA; }
.qq-set-container.right.qq_set_2 .set-suspend-item:hover .inner-center {right: 40px;-webkit-transition: all 0.3;transition: all 0.3; }
.qq-set-container.right.qq_set_1 .set-suspend-item:first-child {border-top-left-radius: 2px; }
.qq-set-container.right.qq_set_1 .set-suspend-item:last-child {border-bottom-left-radius: 2px; }
.qq-set-container.right.qq_set_1 .set-suspend-item .set-ul-style:before {border-left-color: rgba(0, 0, 0, 0.72); }
.qq-set-container.right.qq_set_1 .set-suspend-item:hover .inner-center {right: 32px;-webkit-transition: all 0.3;transition: all 0.3; }
.qq-set-container.right .inner-center {right: -260px; }
.qq-set-container.right .set-suspend-item .suspend-qq-ul.show-item {left: auto;right: 20px; }
.qq-set-container.center {top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%); }
.qq-set-container.down {bottom: 110px; }
.qq-set-container .set-suspend-item {width: 48px;height: 48px;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;cursor: pointer; }
.qq-set-container .set-suspend-item:last-child {margin-bottom: 0; }
.qq-set-container .set-suspend-item.set-suspend-item-feedback .item-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.qq-set-container .set-suspend-item.set-suspend-item-back .item-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.qq-set-container .set-suspend-item .inner-center {position: absolute;width: 190px;height: 48px; }
.qq-set-container .set-suspend-item.set-suspend-item-ttalk .inner-center {width: 120px; }
.qq-set-container .set-suspend-item .set-ul-style {width: 170px;-webkit-box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.08);box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.08); }
.qq-set-container .set-suspend-item .set-ul-style:before {position: absolute;border-left: 12px solid red;border-top: 8px solid transparent;border-bottom: 8px solid transparent; }
.qq-set-container .set-suspend-item .set-qq-icon {width: 24px;height: 24px;display: block; }
.qq-set-container .set-suspend-item .suspend-qq-ul {padding-top: 16px;padding-bottom: 16px;width: auto;min-width: 80px;white-space: nowrap; }
.qq-set-container .set-suspend-item .suspend-qq-ul li {display: -webkit-box;display: -ms-flexbox;display: flex; }
.qq-set-container .set-suspend-item .suspend-qq-ul li a.item-link {padding: 8px 13px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 14px; }
.qq-set-container .set-suspend-item .suspend-qq-ul li a.item-link .qq-img {width: 24px;height: 24px;border-radius: 50%;background: #EAECF1;padding: 5px;margin-right: 6px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.qq-set-container .set-suspend-item .suspend-qq-ul li a.item-link .qq-img img {max-width: 100%; }
.qq-set-container .set-suspend-item .suspend-qq-ul li:last-child {border-bottom: 0; }
.qq-set-container .set-suspend-item .ttalk {width: 100px;height: 48px;line-height: 48px;text-align: center;color: #333; }
.qq-set-container .set-suspend-item .weixin {width: 250px;padding: 30px 30px 14px 30px}
.qq-set-container .set-suspend-item .weixin .weixin-qcode {width: 110px;height: 110px;}
.qq-set-container .set-suspend-item .weixin .weixin-desc {font-size: 14px;color: #333;text-align: center;margin: 16px 0;overflow: hidden; }
.qq-set-container .set-suspend-item .phone-ul {width: 170px; }
.qq-set-container .set-suspend-item .phone-ul li {border-bottom: 1px solid #ECECEC;font-size: 14px;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 16px 0px;margin: 0 16px; }
.qq-set-container .set-suspend-item .phone-ul li a.item-link {color: #333; }
.qq-set-container .set-suspend-item .phone-ul li a.item-link .phone-name {font-size: 12px; }
.qq-set-container .set-suspend-item .phone-ul li a.item-link .phone-num {font-size: 14px; }
.qq-set-container .set-suspend-item .phone-ul li:last-child {border-bottom: 0; }
.qq-set-container .set-suspend-item .show-item {left: 52px;opacity: 1;-webkit-transition: left 0.3s;transition: left 0.3s; }
.qq-set-container.qq_set_3 .set-suspend-item {
    background-color: #fff;-webkit-box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.08);box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.08);margin-bottom: 10px;border-radius: 50%; }
.qq-set-container.qq_set_3 .set-suspend-item .inner-center {
    height: 48px; }
.qq-set-container.qq_set_3 .set-suspend-item .set-ul-style {
    background: #FCFCFD;
    background-clip: padding-box; }
.qq-set-container.qq_set_3 .set-suspend-item .set-ul-style:before {
    bottom: 16px; }
.qq-set-container.qq_set_3 .set-suspend-item .suspend-qq-ul li a.item-link {
    color: #333; }
.qq-set-container.qq_set_3 .set-suspend-item .suspend-qq-ul li a.item-link:hover {
    color: #2172F4; }
.qq-set-container.qq_set_3 .set-suspend-item .set-qq-icon {
    background-image: url(../img/qq_set_icon1_2.png);
    background-size: 288px 25px; }
.qq-set-container.qq_set_3 .set-suspend-item.set-suspend-item-back .set-qq-icon {
    background-image: url(../img/top_icon1_2.png);
    background-size: 96px 25px; }
.qq-set-container.qq_set_2 .set-suspend-item {
    width: 40px;
    height: 40px;
    background: #F6F7FA;
    border-radius: 2px;
    margin-bottom: 4px; }
.qq-set-container.qq_set_2 .set-suspend-item .inner-center {
    height: 40px; }
.qq-set-container.qq_set_2 .set-suspend-item .set-ul-style {
    background: #F6F7FA; }
.qq-set-container.qq_set_2 .set-suspend-item .set-ul-style:before {
    bottom: 16px; }
.qq-set-container.qq_set_2 .set-suspend-item .suspend-qq-ul li a.item-link {
    color: #333; }
.qq-set-container.qq_set_2 .set-suspend-item .suspend-qq-ul li a.item-link:hover {
    color: #2172F4; }
.qq-set-container.qq_set_2 .set-suspend-item:last-child {
    margin-bottom: 0; }
.qq-set-container.qq_set_2 .set-suspend-item:hover {
    background: #3884FD; }
.qq-set-container.qq_set_2 .set-suspend-item .set-qq-icon {
    background-image: url(../img/qq_set_icon2_2.png);
    background-size: 288px 25px; }
.qq-set-container.qq_set_2 .set-suspend-item.set-suspend-item-back .set-qq-icon {
    background-image: url(../img/top_icon1_2.png);
    background-size: 96px 25px; }
.qq-set-container.qq_set_1 {
    -webkit-box-shadow: -1px 4px 6px 0px rgba(0, 0, 0, 0.08);
    box-shadow: -1px 4px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    background: #fff; }
.qq-set-container.qq_set_1 .set-suspend-item {
    width: 32px;
    height: 34px;
    background: #fff;
    margin-bottom: 8px; }
.qq-set-container.qq_set_1 .set-suspend-item:last-child {
    margin-bottom: 0; }
.qq-set-container.qq_set_1 .set-suspend-item .inner-center {
    height: 34px; }
.qq-set-container.qq_set_1 .set-suspend-item:hover {
    background: #F6F7F9; }
.qq-set-container.qq_set_1 .set-suspend-item .set-ul-style {
    background: rgba(0, 0, 0, 0.72); }
.qq-set-container.qq_set_1 .set-suspend-item .set-ul-style:before {bottom: 8px; }
.qq-set-container.qq_set_1 .set-suspend-item .suspend-qq-ul li a.item-link {color: #fff; }
.qq-set-container.qq_set_1 .set-suspend-item .suspend-qq-ul li a.item-link .qq-img {
    background: #EAECF1; }
.qq-set-container.qq_set_1 .set-suspend-item .suspend-qq-ul li a.item-link:hover {
    color: #5B9AFF; }
.qq-set-container.qq_set_1 .set-suspend-item .weixin .weixin-desc {
    color: #fff; }
.qq-set-container.qq_set_1 .set-suspend-item .ttalk {
    color: #fff; }
.qq-set-container.qq_set_1 .set-suspend-item .phone-ul li {
    border-color: rgba(255, 255, 255, 0.13); }
.qq-set-container.qq_set_1 .set-suspend-item .phone-ul li a.item-link {color: #fff; }
.qq-set-container.qq_set_1 .set-suspend-item-weixin .set-qq-icon {
    background-position: 0px 0px;width: 20px;height: 20px; }
.qq-set-container.qq_set_1 .set-suspend-item-weixin:hover .set-qq-icon {
    background-position: -20px 0px; }
.qq-set-container.qq_set_1 .set-suspend-item-app .set-qq-icon {
    background-position: -40px 0px; }
.qq-set-container.qq_set_1 .set-suspend-item-app:hover .set-qq-icon {
    background-position: -150px -0px; }
.qq-set-container.qq_set_1 .set-suspend-item-feedback .set-qq-icon {
    background-position: -62px -0px; }
.qq-set-container.qq_set_1 .set-suspend-item-feedback:hover .set-qq-icon {
    background-position: -172px -0px; }
.qq-set-container.qq_set_1 .set-suspend-item-ttalk .set-qq-icon {
    background-position: -84px -0px; }
.qq-set-container.qq_set_1 .set-suspend-item-ttalk:hover .set-qq-icon {
    background-position: -194px -0px; }
.qq-set-container.qq_set_1 .set-suspend-item-phone .set-qq-icon {
    background-position: -106px -0px; }
.qq-set-container.qq_set_1 .set-suspend-item-phone:hover .set-qq-icon {
    background-position: -216px -0px; }
.qq-set-container.qq_set_1 .set-suspend-item-idcard .set-qq-icon {
    background-position: -128px -0px; }
.qq-set-container.qq_set_1 .set-suspend-item-idcard:hover .set-qq-icon {
    background-position: -238px -0px; }
.qq-set-container.qq_set_1 .set-suspend-item-back .set-qq-icon {
    background-position: -0px -0px; }
.qq-set-container.qq_set_1 .set-suspend-item-back:hover .set-qq-icon {
    background-position: -22px -0px; }
.qq-set-container.qq_set_2 .set-suspend-item-weixin .set-qq-icon, .qq-set-container.qq_set_3 .set-suspend-item-weixin .set-qq-icon {
    background-position: 0px 0px; }
.qq-set-container.qq_set_2 .set-suspend-item-weixin:hover .set-qq-icon, .qq-set-container.qq_set_3 .set-suspend-item-weixin:hover .set-qq-icon {
    background-position: -144px -0px; }
.qq-set-container.qq_set_2 .set-suspend-item-app .set-qq-icon, .qq-set-container.qq_set_3 .set-suspend-item-app .set-qq-icon {
    background-position: -24px 0px; }
.qq-set-container.qq_set_2 .set-suspend-item-app:hover .set-qq-icon, .qq-set-container.qq_set_3 .set-suspend-item-app:hover .set-qq-icon {
    background-position: -168px 0px; }
.qq-set-container.qq_set_2 .set-suspend-item-feedback .set-qq-icon, .qq-set-container.qq_set_3 .set-suspend-item-feedback .set-qq-icon {
    background-position: -48px 0px; }
.qq-set-container.qq_set_2 .set-suspend-item-feedback:hover .set-qq-icon, .qq-set-container.qq_set_3 .set-suspend-item-feedback:hover .set-qq-icon {
    background-position: -192px -0px; }
.qq-set-container.qq_set_2 .set-suspend-item-ttalk .set-qq-icon, .qq-set-container.qq_set_3 .set-suspend-item-ttalk .set-qq-icon {
    background-position: -72px -0px; }
.qq-set-container.qq_set_2 .set-suspend-item-ttalk:hover .set-qq-icon, .qq-set-container.qq_set_3 .set-suspend-item-ttalk:hover .set-qq-icon {
    background-position: -216px 0px; }
.qq-set-container.qq_set_2 .set-suspend-item-phone .set-qq-icon, .qq-set-container.qq_set_3 .set-suspend-item-phone .set-qq-icon {
    background-position: -96px -0px; }
.qq-set-container.qq_set_2 .set-suspend-item-phone:hover .set-qq-icon, .qq-set-container.qq_set_3 .set-suspend-item-phone:hover .set-qq-icon {
    background-position: -240px -0px; }
.qq-set-container.qq_set_2 .set-suspend-item-idcard .set-qq-icon, .qq-set-container.qq_set_3 .set-suspend-item-idcard .set-qq-icon {
    background-position: -120px -0px; }
.qq-set-container.qq_set_2 .set-suspend-item-idcard:hover .set-qq-icon, .qq-set-container.qq_set_3 .set-suspend-item-idcard:hover .set-qq-icon {
    background-position: -264px -0px; }
.qq-set-container.qq_set_3 .set-suspend-item-back .set-qq-icon {
    background-position: -0px -0px; }
.qq-set-container.qq_set_3 .set-suspend-item-back:hover .set-qq-icon {
    background-position: -24px -0px; }
.qq-set-container.qq_set_2 .set-suspend-item-back .set-qq-icon {
    background-position: -48px -0px; }
.qq-set-container.qq_set_2 .set-suspend-item-back:hover .set-qq-icon {
    background-position: -72px -0px; }