@charset "utf-8";
/*
 * 腾石科技
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2016-7-27
 * coyright ： tengcee.com
*/
@import url("iconfont/iconfont.css");
@import url("public.css");
@import url("page.css");
/*头部*/
.top { position:relative; left:0; z-index:9999; width:100%;}
.logo { float: left; padding-top:8px; padding-bottom: 5px; position:absolute; top: 5px;overflow: hidden;z-index: 99;}
.logo:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:50%;z-index:1;width:200%;margin-left:-100%;pointer-events:none;-webkit-animation:logomove 2s linear infinite;animation:logomove 2s linear infinite;background:linear-gradient(300deg,rgba(255,255,255,0) 46%,rgba(255,255,255,0.65) 50%,rgba(255,255,255,0) 54%) 50% 50%;}
@-webkit-keyframes logomove{
	0%{transform:translate3d(-30%,0,0);}100%{transform:translate3d(30%,0,0);}}
@keyframes logomove{
	0%{transform:translate3d(-30%,0,0);}100%{transform:translate3d(30%,0,0);}}

.top1 { height: 35px; width: 100%; line-height: 35px; color: #e2e2e2; background-color: #2c2c2c; border-bottom:solid 1px #024eaa;}
.top1-left{float:left; display: inline-block;}
.top1-right {float:right; display: inline-block;}
.top1-left span { line-height: 35px; color:#999; float: left; height: 35px; position:relative;  }
.top1-left span a { color:#999; text-decoration:none; padding:0 8px; }
.top1-right span { line-height: 35px; color: #e2e2e2; float: right; height: 35px; margin-left:10px; margin-right:5px; position:relative;  }
.top1-right span a { color:#999; text-decoration:none; }
.top1-right span i{color: #6a6a6a}

.qrcodebox { width: 120px;height: 140px; background-color: #fff; position: absolute; top: 35px; left: 50%;margin-left: -60px;padding:10px; box-sizing: border-box;z-index: 999; display: none;}
.qrcodebox .qrlist{ width: 100%; float: left; }
.qrcodebox .qr{ width: 100%; float: left; text-align: center;}
.qrcodebox .qr img{ width: 100%; height: auto; }
.qrcodebox p{width: 100%; float: left; line-height:20px; text-align: center; color: #666}

.qrcodebox2 { width: 300px;margin-left: -150px; padding-top:20px;}
.qrcodebox2 .qrlist{ width: 33.3%; float: left;padding:0 5px; box-sizing: border-box; }
.qrcodebox i{ width: 10px;height: 5px;color: #fff;position: absolute; top:-20px;left: 50%; margin-left:-3px; font-size: 15px; }

.sobox { float: right; width:20%; line-height: 40px; height: 40px;margin-top: 13px; box-sizing: border-box; }
.so { float: left; height: 40px; width:100%; padding-top: 5px; padding-bottom: 5px; background-color: #FFFFFF; position: relative; z-index:888; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
.so-input { line-height:40px; height:40px; width:75%; float:left; color: #999999;border: 1px solid #e2e2e2; font-size: 13px; box-sizing:border-box;border-top-left-radius: 25px; border-bottom-left-radius: 25px; padding-left: 30px; background-image:url('../images/ico_so.png'); background-position:5px center; background-repeat: no-repeat; outline: none}
.so-btn { line-height: 40px; background-color: #f95520; text-align: center; float: left; height: 40px; width: 25%; font-size: 13px; font-weight: normal; color: #FFFFFF; border:none;border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
.soclose{ position: absolute; top:0px; right: 10px; opacity: .9; cursor: pointer; display: none;}
.soclose img{ width: 30px; height: 30px; }
.hotkey { line-height: 25px; color: #CCCCCC; height: 25px; width: 100%; }
.hotkey a { color:#888888; padding-left:5px; padding-right:5px; display:inline-block; }
.top_tel { float: right; padding-top: 15px; padding-bottom: 5px; margin-top: 25px; background-repeat: no-repeat; background-position: right center;padding-left: 55px; background-image: url(../images/top_tel.png); background-repeat: no-repeat; background-position: 0px center; }
.top_tel p { line-height: 25px; color: #999999; height: 25px; width: 100%;font-size: 15px; }
.top_tel dt { font-size: 24px; line-height: 35px; color: #fff; width: 100%; font-weight: bold; text-align: left; }

@media screen and (max-width:1300px){}
@media screen and (max-width:750px){
    .top1-left{ width: 100%;text-align: center; padding:0 10px; overflow: hidden; box-sizing: border-box }
    .top1-left span {f}
	.top1-right{ display: none; }
    .logo { padding-top:2px; padding-bottom: 2px;  top: 2px;}
    .logo img{ height: 35px;width: auto; }
}
.nav { height: 65px; width: 100%; position:relative; background-color: #fff;box-shadow: 0px 0px 30px 0px rgba(56, 108, 203, 0.1);}
.navmenu{ float: left; width: 100%; position: relative; box-sizing: border-box; padding-left: 180px; }
.navlist { float: left; width:75%; position: relative; }
.navlist li { float:left;height:65px; line-height:65px; text-align:center; font-size:16px; position:relative;}
.navlist li a { color:#222; text-decoration:none; display:block; padding: 0 20px; position: relative; }
.navlist li a:hover {color: #f95520; transition:400ms }
.navlist li:hover a {color: #f95520; transition:400ms }
.navlist li i{ font-size: 12px; color: #999; padding-left:3px;position: relative; display: inline-block;transition:400ms}
.navlist li:hover a i{ color:#f95520;transform:rotateX(180deg);transition:400ms}
.navlist dl { width:100%; font-size:13px; position:absolute; top:65px; left:0px; background-color: #fff; opacity:0.9; display: none;box-shadow:2px 4px 10px rgba(195,206,201,0.3),-2px -4px 10px rgba(195,206,201,0.3)}
.navlist dl dd { height:40px; line-height:40px;width: 100%; float: left; white-space: nowrap; overflow: hidden;}
.navlist dl dd a,.navlist li:hover dl dd a { color:#333;padding:0;}
.navlist dl dd a:hover,.navlist li:hover dl dd a:hover { color:#f95520;}
.imenu{ float: left; padding-left:10px; line-height:45px; font-size: 24px; color: #333; display: none; position: absolute; top: 20px;left: 0; cursor: pointer;z-index: 9999}
.imenu span{ width: 25px;height: 25px;line-height:25px; text-align: center; float: left; }
.iso{ float: right; padding-right:10px; line-height:45px; font-size: 24px; color: #333; display: none; position: absolute; top: 20px;right: 0; cursor: pointer;z-index: 999}
.iso span{ width: 25px;height: 25px;line-height:25px; text-align: center; float: left; }
@media screen and (max-width:1300px){
    .navlist li a { color:#222; text-decoration:none; display:block; padding: 0 10px; position: relative; }
}
@media screen and (max-width:1000px){
    .navmenu{width: 0; padding-left:0;}
    .navlist,.sobox{ display: none; }
    .imenu,.iso{ display: block; }
    .logo{ width: 100%; text-align: center; transition:400ms}
    .navlist{ width: 100%; position: absolute; top: 0;left: 0;}
    .sobox { float: left; width:100%; line-height: 40px; height: 40px;margin-top: 13px; box-sizing: border-box; padding:40px 20px; position: fixed; top:10px;z-index: 9999999;}
}
@media screen and (max-width:750px){
    .nav { height: 45px;}
    .imenu{top: 10px}
    .iso{top: 10px}
}
/*左侧菜单*/
.overlay{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.8);z-index: 999998;}
.navbox_logo{ width:100%; }
.navbox_logo span{ width:100%; float: left; }
.navbox_logo span img{ width: 100%; height: auto }
.navbox_contact{ width: 100%; position: relative;; margin-top:1em; float: left; text-align:center;}
.nav_tel{ width:180px; height:45px; color:#fff; background-color:#f95520; text-align:center;border-radius:5px; font-size:15px; line-height:45px; margin:0 auto;}
.nav_tel a{color: #fff;line-height:45px; display: block;}

.navbox{position:fixed;width:240px; left: -2000px; top:0px; z-index: 999999;padding:0;overflow-y: hidden;background-color: #000; height: 100%; padding:20px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity:80; -khtml-opacity: 0.8; box-sizing: border-box;}
.navclose{ position: absolute; top:10px; right: 10px; opacity: .9; cursor: pointer;}
.navclose img{ width: 30px; height: 30px; }
.nav2{position:relative; float: right; margin:1em 0; width: 100%;}
.nav2 li{float:left; line-height:45px; overflow:visible; width: 100%; border-bottom:solid 1px #343b3d;color:#fff; text-align: center; box-sizing: border-box;}
.nav2 li h3{ width: 100%; float: left; position:relative;  font-weight: normal;font-size:16px;}
.nav2 li h3 a{ color: #fff; }
.nav2 li h3 i{ font-size: 12px; opacity: .6;line-height:45px; cursor: pointer; }
.nav2 li dl { width:100%; font-size:13px; position:relative; float: left; display: none }
.nav2 li dl dd { height:35px; line-height:35px; border-bottom: 1px solid rgba(0,0,0,.1); font-size:12px }
.nav2 li dl dd a { color:#FFFFFF; padding: 0; opacity: .6;}
.nav2 li dl dd a:hover { color:#FFFFFF; background-color: #313131; }
.nav2 li.on a,.nav2 li:hover a{ color:#fff; text-decoration:none; background-color:none; }

.main{ width: 100%; float: left; margin:10px 0;position: relative; }
.leftmain{ width: 1000px; float: left; position: relative; padding-right: 20px; box-sizing: border-box; }
.rightmain{ width: 300px; float: right; position: relative; box-sizing: border-box;}
.flashbox{ width: 100%; float: left; position: relative;}

.banner{ width: 770px; float:left; position: relative;height: 380px; border-radius: 1px;overflow: hidden;box-sizing: border-box;}
.banner .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner .swiper-slide a {display: block;}
.banner .title{ width: 100%; position: absolute; bottom: 0;left: 0; background-color: rgba(0,0,0,.7);;padding:5px 10px; line-height:40px;z-index: 90; color: #fff; text-align: left; font-size: 16px;box-sizing: border-box; }
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 20px !important;text-align: right;z-index: 99}
.banner .swiper-pagination-bullet { border-radius: 5px; background-color: #fff; opacity: .8; width: 10px;height: 10px;transition:400ms;margin:0 4px !important;}
.banner .swiper-pagination-bullet-active{background-color: #f95520 !important; width: 25px;transition:400ms}
.banner .imgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center top; background-repeat: no-repeat; padding: 0px; float: left;}
.banner a.prev_btn,
.banner a.next_btn {position: absolute;z-index: 66;top: 50%;margin-top: -30px;width: 40px;height: 40px;opacity: 0.3;filter: alpha(opacity=20);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.banner a.prev_btn:hover,
.banner a.next_btn:hover {opacity: 0.9;filter: alpha(opacity=50);}
.banner a.prev_btn { left: 10px;background-image: url(../images/arrow-left2.png); background-repeat: no-repeat; }
.banner a.next_btn { right: 10px; background-image: url(../images/arrow-right2.png); background-repeat: no-repeat; }
@media screen and (max-width:1300px){
    .leftmain{ width: 75%; padding-right: 10px;}
    .rightmain{ width: 25%;}
    .banner{ width:75%;}
}
@media screen and (max-width:750px){
    .leftmain{ width: 100%; padding-right: 0px;}
    .rightmain{ width: 100%; padding-left:0;}
    .banner{ width: 100%}
    .main{margin:5px 0;}
}
@media screen and (max-width:600px){
    .banner{ height:190px;}
    .banner a.prev_btn,.banner a.next_btn{ display: none; }
    .banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
}

.toppic{ width: 200px; float: right; position: relative; padding-left: 10px; }
.toppic li{ width: 100%; float: left; margin-bottom: 10px;position: relative; border-radius: 1px; overflow: hidden;}
.toppic li .thumb{ width: 100%; float: left; position: relative;height: 120px; overflow: hidden;}
.toppic li .thumb img{ width: 100%;height:auto;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.toppic li:hover  .thumb img{opacity:.7;transform: scale(1.1, 1.1);background-color:#000;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.toppic li .tit{ width: 100%; position: absolute; bottom: 0;left: 0; background-color: rgba(0,0,0,.3);;padding:5px 10px; line-height:25px;z-index: 90; color: #fff; text-align: left; font-size: 13px;box-sizing: border-box; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.toppic li .tit a{ color: #fff; }

.hot{ width: 100%; float: left; position: relative; margin-top: 5px;background-color: #fff; padding:10px;box-sizing: border-box; }
.hot-tit{ width: 100%; float: left;height: 35px;line-height:35px; font-size: 16px; border-bottom: solid 1px #f5f5f5;}
.hotlist{ width: 100%; float: left; position: relative; }
.hotlist li{ width: 25%; float: left; padding:10px; box-sizing: border-box; position: relative; }
.hotlist li .hotin{ width: 100%; float: left; position: relative; }
.hotlist li .thumb { width: 100%; float: left; position: relative;overflow: hidden; }
.hotlist li .thumb img{ width: 100%;height:auto;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.hotlist li:hover .thumb img{opacity:.7;transform: scale(1.1, 1.1);background-color:#000;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.hotlist li .tit{ width: 100%; position: relative;padding:5px; line-height:30px;z-index: 90; color: #666; text-align: left; font-size: 15px;box-sizing: border-box; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }

.mainlist{ width: 100%; float: left; position: relative; margin-top: 15px;background-color: #fff; padding:10px 0px;box-sizing: border-box; }
.tabtit{ width: 100%; float: left; line-height:60px;height: 60px; border-bottom:solid 1px #f5f5f5; position: relative; padding:0 20px;box-sizing: border-box;}
.tabtit span{float: left; font-size: 16px; margin-right: 30px; color: #4c4c4c; cursor: pointer;position: relative;}
.tabtit span.on{ color: #f95520; }
.tabtit span i{ width: 0; position: absolute; bottom: 0;left: 50%;margin-left:0; height: 2px;background-color: #f95520;transition:400ms;z-index: 0;}
.tabtit span:hover i,.tabtit span.on i{ width: 100%;left: 0;transition:400ms;color: #f95520; }
.hide{ display: none; }
.show{ display: block; }
@media screen and (max-width:1300px){
    .toppic{ width: 25%; box-sizing: border-box}
}
@media screen and (max-width:750px){
    .toppic{ width: 100%;padding-left:0; }
    .toppic li{ width: 32.3%; margin:5px .5%;box-sizing: border-box;}
    .hotlist li{ width: 50%;}
    .mainlist{ margin-top:10px;padding:5px;box-sizing: border-box }
    .tabtit{ line-height:40px;height: 40px;padding:0 10px;white-space: nowrap; overflow: hidden; overflow: hidden;}
    .tabtit span{font-size: .9rem; margin-right: 15px; display: inline-block;}
    .hotlist li .thumb img{ min-height: 100px; }
}
.fixedmenu{ width:100px; position: absolute;top: 10px; left: -110px;}
.menubox{ width: 100px; float: left; position: relative; padding:10px; box-sizing: border-box; background-color: #fff;  border-radius: 5px;}
.menubox .tit{ width: 100%; float: left;line-height:35px;height: 35px; text-align: center; background-color: #f95520; color: #fff; border-radius: 25px; }
.menubox .menulist{ width: 100%; float: left; padding:10px 0;}
.menubox .menulist li{ width: 100%; float: left; text-align: center; line-height:40px; }
.menubox .menulist li a{ color: #666; }
.fixed{ position: fixed !important; top: 5px;}

.about{ width: 100%; float: left; position: relative; background-color: #fff;}
.about-bg{ width: 100%; float: left; position: relative;height: 100px;background-color:#009688; }
.about-content{ width: 100%; float: left;padding:15px;padding-top:40px;box-sizing: border-box; position: relative; background-color: #fff; }
.about-content .head{width: 80px;height: 80px;position: absolute;left: 50%; margin-left:-45px; top: 0;margin-top: -50px; border-radius: 50%;border:solid 5px rgba(255,255,255,.5);}
.about-content .head img{ width: 100%; height: auto;border-radius: 50%; }
.about-content .name{ width: 100%; float: left; text-align: center;line-height:40px; font-size: 16px; }
.about-content .desc{ width: 100%; float: left; text-align: center;line-height:2em; font-size: 14px; color: #999; }
.about-content .tongji{ width: 100%; float: left; text-align: center; padding-top: 15px; border-top:solid 1px #f5f5f5; margin-top: 10px;}
.about-content .tongji .tongjibox{ width: 20%; text-align: center; display: inline-block; }
.about-content .tongji .tongjibox p{ width: 100%; float: left;line-height:1.5em; color: #999;}
.about-content .tongji .tongjibox span{ width: 100%; float: left;line-height:2.5em; color: #666; font-size: 16px;}
.contact{ width: 100%; float: left; text-align: center; padding-top: 15px; border-top:solid 1px #f5f5f5; margin-top: 10px; position: relative}
.contact .contactbox{ width: 30px;height: 30px;margin:0 5px; border-radius: 50%; display: inline-block; background-color: #f95520;color: #fff; line-height:30px;position: relative; cursor: pointer;}
.contact .contactbox span{ font-size: 18px; }
.contact .cbox{ width: 120px; padding:10px; box-sizing: border-box;position: absolute;left: 50%; margin-left:-65px;bottom：0; display: none;transition:400ms; background-color: #f95520; border-radius: 5px;}
.contact .contactbox:hover { margin-top: -10px;}
.contact .contactbox:hover .cbox{display: block;transition:400ms; bottom:40px;}
.contact .cbox .erweima{ width: 100%; float: left; text-align: center; padding:10px 10px 0 10px; box-sizing: border-box;}
.contact .cbox .erweima img{ width: 100%;height: auto; }
.contact .cbox p{ width: 100%; line-height:25px; text-align: center;color: #fff;}
.contact .cbox i{ width: 10px;height: 10px;position: absolute; left: 50%;margin-left:-5px;bottom:0px;margin-bottom:2px; color: #f95520;z-index: 10;}
.contact .contactbox.c2,.contact .c2 .cbox{ background-color: #13c598;}
.contact .contactbox.c3,.contact .c3 .cbox{ background-color: #1e7aff;}
.contact .contactbox.c4,.contact .c4 .cbox{ background-color: #7d6bf1;}
.contact .c2 i{ color:#13c598; }
.contact .c3 i{ color:#1e7aff; }
.contact .c4 i{ color:#7d6bf1; }

.flash2{ width: 100%; float: left; position: relative;}
.flash2 .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }
.flash2 .swiper-slide {position: relative;overflow: hidden;}
.flash2 .swiper-slide a {display: block;}
.flash2 .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 10px !important;text-align: center;z-index: 99}
.flash2 .swiper-pagination-bullet { border-radius: 5px; background-color: #fff; opacity: .8; width: 10px;height: 10px;transition:400ms;margin:0 4px !important;}
.flash2 .swiper-pagination-bullet-active{background-color: #f95520 !important; width: 25px;transition:400ms}
.flash2 a.prev_btn1,.flash2 a.next_btn1 {position: absolute;z-index: 66;top: 50%;margin-top: -20px;width: 40px;height: 40px;opacity: 0.1;filter: alpha(opacity=10);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.flash2 a.prev_btn1:hover,.flash2 a.next_btn1:hover {opacity: 0.9;filter: alpha(opacity=50);}
.flash2 a.prev_btn1 { left: 2px;background-image: url(../images/arrow-left2.png); background-repeat: no-repeat; }
.flash2 a.next_btn1 { right: 2px; background-image: url(../images/arrow-right2.png); background-repeat: no-repeat; }
.flash2 .plugin{ width: 100%; float: left;}
.flash2 .plugin .thumb{ width: 100%;float: left; }
.flash2 .plugin .thumb img{ width: 100%;height: auto; }

.rightbox{ width: 100%; float: left; margin-top: 20px; background-color: #fff; position: relative; padding:15px; box-sizing: border-box;}
.rightbox .tit{ width: 100%; float: left; line-height:40px; font-size: 18px; border-bottom: solid 1px #f5f5f5;box-sizing: border-box;}
.rightbox .tit i{ color: #f95520;font-style: normal; }
.rightbox .tit span{ float: right; color: #999; font-size:13px}
.ranklist{ width: 100%; float: left; position: relative;}
.ranklist li{ width: 100%; float: left; line-height:45px; border-bottom:solid 1px #f5f5f5; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
.ranklist li i{height: 20px; margin-top: 12px;margin-right:8px; border-radius: 2px; text-align: center; line-height:20px; background-color: #e2e2e2; color: #fff; font-style: normal; float: left; padding:0 7px;}
.ranklist li:nth-child(1) i{ background-color: #f95520; }
.ranklist li:nth-child(2) i{ background-color: #ED6A0C; }
.ranklist li:nth-child(3) i{ background-color: #FAAB0C; }

.ranklist2{ width: 100%; float: left; position: relative;}
.ranklist2 li{ width: 100%; float: left; line-height:45px; border-bottom:solid 1px #f5f5f5; padding:15px 0;position: relative;}
.ranklist2 li span{ width: 80px; position: absolute; top: 16px;left: 5px;max-height:80px; overflow: hidden;}
.ranklist2 li span img{ width: 100%;height: auto;min-height: 60px }
.ranklist2 li .info{ width: 100%; float: left;padding-left: 100px; position: relative;box-sizing: border-box;}
.ranklist2 li .info h3{font-size: 14px; line-height: 1.4em; font-weight: normal; float: left;width: 100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;}
.ranklist2 li .info dt { width:100%; float:left; line-height:25px; color: #999999; }
.ranklist2 li .info em{ font-size: 12px; padding-right:5px; font-style: normal; float: left;}
.ranklist2 li .info .catname{padding:0 8px; line-height:25px;height: 25px;background-color: #e7f3fb; color: #f95520; float: left; margin-right: 10px;}
.ranklist2 li .info .catname a{color: #39a3f1;}
.ranklist2 li i{height: 20px; margin-top: 12px;margin-right:8px; border-radius: 2px; text-align: center; line-height:20px; background-color: #e2e2e2; color: #fff; font-style: normal; float: left; padding:0 7px;}

.fixed2{ position: fixed !important; top: -20px; z-index: 9999;}
.tagfixed{ width: 100%; float: left; position: relative; min-height: 550px;}
.tagfixed .tagfixedin{float: left; position: relative; width: 300px;}
.taglist{ width: 100%; float:left; position: relative; padding:10px 0;}
.taglist span{ margin:3px; padding:0 8px; line-height:30px; text-align: center; color: #fff; float: left; opacity: .9；}
.taglist span a{ color: #fff; }
.taglist span:nth-child(14n+1){ background-color:#2bb9a4 !important;}
.taglist span:nth-child(14n+2){ background-color:#ee8c8d !important;}
.taglist span:nth-child(14n+3){ background-color:#4cc0f0 !important;}
.taglist span:nth-child(14n+4){ background-color:#a884d9 !important;}
.taglist span:nth-child(14n+5){ background-color:#56d08e !important;}
.taglist span:nth-child(14n+6){ background-color:#fac932 !important;}
.taglist span:nth-child(14n+7){background-color:#fba632 !important;}
.taglist span:nth-child(14n+8){ background-color:#2bb9a4 !important;}
.taglist span:nth-child(14n+9){ background-color:#3f8ee5 !important;}
.taglist span:nth-child(14n+10){ background-color:#f1486c !important;}
.taglist span:nth-child(14n+11){ background-color:#7d78fa !important;}
.taglist span:nth-child(14n+12){ background-color:#2bb9a4 !important;}
.taglist span:nth-child(14n+13){ background-color:#598ff8 !important;}
.taglist span:nth-child(14n+14){background-color:#fba632 !important;}

.list_tag{ width: 100%; float: left;padding:10px; box-sizing: border-box;}
.list_tag li{margin:6px; line-height:50px; float: left; text-align: center;}
.list_tag li span{ float: left;background-color: #f5f5f5;padding:0 15px; display: block; font-size: 15px;}
.list_tag li:hover span{ background-color: #f95520;color: #fff}
.list_tag li:hover span a{color: #fff}
.list_tag li.goodtag span{ background-color: #55aff9; color: #fff;}
.list_tag li.goodtag2 span{ background-color: #40d1ac;color: #fff; }
.list_tag li.hottag span{ background-color: #f95520; color: #fff;}
.list_tag li.goodtag span a,.list_tag li.goodtag2 span a,.list_tag li.hottag span a{ color: #fff; }
@media screen and (max-width:750px){
    .tagfixed{ min-height: auto; }
    .tagfixed .tagfixedin{ width: 100%;}
    .rightbox{ margin-top:10px; }
    .list_tag li{margin:3px; line-height:40px; float: left; text-align: center;}
    .list_tag li span{padding:0 10px;font-size: .9rem;}
}
.chajian{ width: 100%; float:left; position: relative; padding:10px 0;}
.chajianbox{ width: 100%; float:left; position: relative; padding:20px; margin-top:1px; background-color: #009688; box-sizing: border-box;}
.chajianbox span{ width: 60px; float: left; position: absolute; top: 25px;left: 20px;}
.chajianbox span img{ width: 100%;height: auto; }
.chajianbox .info{ width: 100%; float: left; padding-left: 80px;box-sizing: border-box;}
.chajianbox .info h2{ width: 100%; float: left; line-height:1.8em; font-size: 16px; color: #fff;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-weight:normal; }
.chajianbox .info p{ width: 100%; float: left; line-height:1.4em; font-size: 13px; color: #fff; margin:2px 0; opacity: .6}
.chajian .p2{ background-color: #319bd0; }
.chajian .p3{ background-color: #e7505a; }
.chajian .p4{ background-color: #739a2d; }

.rpiclist{ width: 100%; float: left; padding:10px 0; position: relative;}
.rpiclist li{ width: 50%; float: left; padding:5px;box-sizing: border-box; position: relative;}
.rpiclist li .thumb{ width: 100%; float: left; height: 100px;overflow: hidden; }
.rpiclist li .thumb img{ width: 100%;height: auto; }
.rpiclist li p{ width: 100%; float: left; line-height:1.6em;height: 3em;margin:5px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical; padding:0 5px;box-sizing: border-box; color: #666; text-align: center;}

.contact2{ width: 100%; float: left;padding:20px;box-sizing: border-box;background-color: #13c598; margin-top:15px; position: relative;}
.contact2 .erweima{ width: 100%; float: left; text-align: center; padding:10px; box-sizing: border-box;}
.contact2 .erweima img{ width: 100%;height: auto; }
.contact2 p{ width: 100%; line-height:35px; text-align: center;color: #fff;}
.linklist{ width: 100%; float: left; padding:10px 0; }
.linklist a{float: left; line-height:35px; color:#999; padding-right: 20px; display: block; font-size:14px;}

.more{ width: 100%; float: left;padding:25px 0 10px 0; text-align: center;}
.more a{ width: 200px; line-height:40px; text-align: center;margin:0 auto; border-radius: 5px;color: #fff;background-color: #f95520; display: inline-block; }
.more a:hover{ background-color: #fd764a; }
@media screen and (max-width:750px){
    #rchajian,#rtuijian,.contact2{display: none;}
}
.bottom{ width: 100%; float: left;padding:20px 0; position: relative;background-color: #2d3237;color: #999;}
.bottom .bottom-left { width: 70%; float: left;position: relative; }
.bottom .bottom-left .blogo{ width: 150px; float: left; position: absolute; top:50px;left: 0;}
.bottom .bottom-left .blogo img{ width: 100%;height: auto; }
.bottom .bottom-left .binfo{ width: 100%; float: left; padding-left: 200px; box-sizing: border-box; }
.bottom .bottom-left .bmenu{ width: 100%; line-height:45px;height: 45px; float: left; font-size: 16px;}
.bottom .bottom-left .bmenu a{ color: #999;padding-right:25px; }
.bottom .bottom-left .copyright{ width: 100%; float: left;padding: 10px 0; line-height:2em; color: #707070; }
.bottom .bottom-left .copyright a{ color: #666; }
.bottom .bottom-right { width: 25%; float: right;position: relative; }
.bottom .bottom-right .erweima{ width: 100%；float:left; padding-top: 15px;}
.bottom .bottom-right .erweima .erweimabox{ width: 33.3%; float: left;padding:10px; box-sizing: border-box;text-align: center;}
.bottom .bottom-right .erweima .erweimabox span{ width: 100%; float: left; text-align: center; }
.bottom .bottom-right .erweima .erweimabox span img{ width: 100%;height: auto; opacity: .9;}
.bottom .bottom-right .erweima .erweimabox p{ width: 100%; float: left; text-align: center;line-height:35px; color: #666; }
@media screen and (max-width:750px){
    .bottom{ padding:15px 10px;box-sizing: border-box; }
    .bottom .bottom-left { width: 100%}
    .bottom .bottom-left .blogo{ display: none; }
    .bottom .bottom-left .binfo{ padding-left:0 }
    .bottom .bottom-left .bmenu{ width: 100%; line-height:30px;height:auto; float: left; font-size: 16px;text-align: center;}
    .bottom .bottom-left .bmenu a{ color: #999;padding:0 10px; display: inline-block; }
    .bottom .bottom-left .copyright{ padding:15px 10px; text-align: center; box-sizing: border-box }
    .bottom .bottom-right { width:100%;}
    .bottom .bottom-right .erweima .erweimabox span img{ width: 100px;height: auto;}
}
/*隐藏总数*/
.totalnum{ display: none !important; }

.logined{position: relative; float: left; height: 35px; overflow: hidden;  white-space: nowrap;}
.logined .avatar{height: 30px; float: left; padding-right: 5px;position: relative; padding-top: 5px;}
.logined .avatar img{ width: 20px; height: 20px;-webkit-border-radius:50%;-moz-border-radius:50%; -ms-border-radius:50%; border:solid 2px rgba(255,255,255,.3)} 
@media screen and (max-width:750px){
    .logined #welcome{ display: none; }
}