@charset "utf-8";
/* 
 *
 *******************************
   设计制作：厦门玖圣网络科技有限公司
   网址：www.jiuss.com
   联系电话：13959261880
 *******************************
 *
 */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{margin:0px;padding:0px;font-family: "Microsoft YaHei", "微软雅黑", "黑体", Arial;-webkit-text-size-adjust:none;}
body ::selection {color:#FFFFFF;background-color:#ee2d36;text-shadow:none;}
ul,h1,h2,h3,li{margin:0px;padding:0px; list-style-type:none;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;} 
a:focus{outline:none;-moz-outline-style:none;-moz-outline:none;}
a:hover{text-decoration:underline;}
.clear{ clear:both; height:0px; overflow:hidden; border:0;}
input,textarea{outline:none;background-color:transparent;resize:none;}
.none{display:none; }
img{border:0px;display:block;}
/*页眉*/
header{max-width:1180px; height:118px; margin:auto;}
header h1{background:url(../images/jiuss_logo.png); width:230px; height:90px; overflow:hidden; float:left; margin-top:20px;}
header h1 a{display:block; padding-top:90px;}
header nav{ float:right; margin-top:63px;}
header nav ul{ float:left;}
header nav ul li{ float:left;}
header nav ul li a{ font-size:.9375em; color:#000;padding:0 20px; line-height:23px;}
header nav ul li a:hover,header nav ul li.hover a{ color:#ee3039; text-decoration:none;}
header nav ul li a i{font-style:normal; font-family: Arial, Helvetica, sans-serif}
header nav ul li a span{ margin-right:5px; font-family: Arial, Helvetica, sans-serif; color:#CCC;}
header nav .code2{ float:left;}
.code2{width:140px; height:19px; margin-left:40px;}
.code2 span{display:block;height:19px; float:left; cursor:pointer; overflow:hidden;}
.code2 span.mob{ width:75px;background:url(../images/logo.png) left -68px;}
.code2 span.mob:hover{background:url(../images/logo.png) left -48px;}
.code2 span.weibo{ width:32px;background:url(../images/logo.png) -81px -68px;}
.code2 span.weibo:hover{background:url(../images/logo.png) -81px -48px;}
.code2 span.weixin{ width:32px;background:url(../images/logo.png) -113px -68px;}
.code2 span.weixin:hover{background:url(../images/logo.png) -113px -48px;}
.code2 span.mob a{ display:block; padding-top:20px;}
.code2 span.weixin img{ position:absolute; top:110px;z-index:999999; margin-left:-162px; display:none;}
.code2 span.weixin:hover img{ display:block;}

.jia{ height:35px;border-bottom:solid #6d6d6d 1px; font-size: .75em;}
.jia .left{ float:left;}
.jia .left a{ color:#607fa6}
.jia .right{ float:right;}
.jia .right a{ color:#999;font-size: .85em;}
.jia .right i{ font-style:normal; cursor:pointer;color:#999;}
.jia .right i:hover{ color:#333}
.casemore{ display:block; border:solid #de363b 2px; width:120px; height:30px; line-height:30px; text-align:center; margin:0 auto 50px; color:#333;}
.casemore:hover{ text-decoration:none; background:#de363b; color:#fff;}
.hero__scroll { text-align:center;display: block;padding-bottom: 40px;text-transform: uppercase; max-width:200px; margin:auto;}
.hero__scroll a{ display:block; color:#676565}
.hero__scroll a:hover{ text-decoration:none;}
.hero__scroll .chevron {display: block;-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;color: #FF4081; }
@-webkit-keyframes pulse {0%{-webkit-transform: translate(0, 0);transform: translate(0, 0); }50% {-webkit-transform: translate(0, 10px);transform: translate(0, 10px); }100% {-webkit-transform: translate(0, 0);transform: translate(0, 0); } }
@keyframes pulse {0% {-webkit-transform: translate(0, 0);transform: translate(0, 0); }50% {-webkit-transform: translate(0, 10px);transform: translate(0, 10px); }100% {-webkit-transform: translate(0, 0);transform: translate(0, 0); } }
.chevron::before {border-style: solid;border-width: 0.25em 0.25em 0 0;content: '';display: inline-block;height: 20px;position: relative;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);vertical-align: top;width: 20px; }
.chevron.bottom:before {top: 0;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg); }
@media screen and (max-width:1180px){
header{ padding:0 5%;}
}
@media screen and (max-width:1158px){
.code2{ display:none;}
}
@media screen and (max-width:980px){
header nav ul li:nth-child(1){ display:none;}
}
@media screen and (max-width:840px){
header{-moz-box-shadow: 0px 0px 0px #fff;-webkit-box-shadow: 0px 0px 0px #fff;box-shadow: 0px 0px 0px #fff; height:auto;}
header h1,header nav,header nav ul{ float:none;}
header nav ul{border-top:solid #CCC 1px;border-left:solid #CCC 1px;}
header nav ul li{ border-right:solid #CCC 1px;border-bottom:solid #CCC 1px; width:25%;}
header nav ul li a{ padding:0; display:block; height:50px; line-height:50px; text-align:center;}
}
@media screen and (max-width:540px){
header nav ul li{ width:50%;}
header{ margin-bottom:100px;}
}

/*页脚*/
.footer{ max-width:1100px; margin:0 auto;}
.i_about{width:28%; float:left; margin-right:7%;}
.i_about h2,.gonggao h2,.f_contact h2{font-size:1.5em;color:#6d6d6d; font-weight:normal;}
.i_about p{ color:#6d6d6d; font-size:.825em; line-height:150%;}
.f_contact{width:30%;float:left;margin:0 5% 0 3%;}
.f_contact ul,.gonggao ul{ padding-top:10px;}
.f_contact ul li{ color:#FFF; font-size:.825em;color:#6d6d6d; line-height:25px;padding-left: 20px; background-image:url(../images/logo.png); background-repeat:no-repeat;}
.f_contact ul li a{ color:#6d6d6d;}
.email{ background-position:-204px 4px;}
.tel{background-position:-204px -20px;}
.qq{background-position:-204px -42px;}
.add{background-position:-204px -68px; cursor:pointer;}
.gonggao{width:27%;float:left;}
.gonggao ul li a{color:#6d6d6d; font-size:.825em; line-height:25px;}
.copyright{ color:#eee; line-height:50px; height:50px; font-family:Verdana, Geneva, sans-serif; font-size:.825em;background:#555;}
.copyright p{ padding:0px; margin:0px;}
.cleft{ float:left;}
.bright{ float:right;}
.h70{ padding:70px 0 50px;}
@media screen and (max-width:1100px){
.footer{ margin:0 5%;}
}
@media screen and (max-width:700px){
.i_about,.f_contact,.gonggao{ width:100%;}
.f_contact{ margin:40px 0;}
.cleft{ float: none; text-align:center}
.bright{ display: none}
}
@media screen and (max-width:420px){
.cleft span{ display:none}
}
/*首页服务项目*/
.service{ padding:70px 0;}
.service h2,.case_index h2,.newsbox h2{ font-weight:normal;}
.service h2 span,.case_index h2 span,.newsbox h2 span{text-align:center; display:block; color:#6d6d6d; font-size:2.2em;}
.service h2 i,.case_index h2 i,.newsbox h2 i{text-align:center;display:block; color:#6d6d6d; font-style:normal; font-size:1.3em;}
.service ul{ width:100%; text-align:center;}
.service ul li{ width:223px; height:250px; display:inline-block;-moz-box-shadow: 0px 0px 15px #bababa;-webkit-box-shadow: 0px 0px 15px #bababa;box-shadow: 0px 0px 15px #bababa;border:solid #d7d7d7 1px\9; margin:50px 10px 10px; padding-top:150px; background:url(../images/service.png) no-repeat;}
.service ul li span{ display:block; text-align:center; color:#6d6d6d; font-size:.875em; line-height:150%;}
.service ul li span a{color:#555454;}
.service ul li.icon_1{ background-position:60px 37px;}
.service ul li.icon_2{ background-position:-227px 37px;}
.service ul li.icon_3{ background-position:-512px 37px;}
.service ul li.icon_4{ background-position:-802px 37px;}
@media screen and (max-width:420px){
.cleft span{ display:none}
.service h2 span,.case_index h2 span{ font-size:1.5em;}
.service ul li span{ font-size:1em;}
}
/*首页案列*/
.case_index{ background:#f0f0f0; padding:70px 0 10px;}
.case_index ul{ max-width:1200px; margin:23px auto 0; text-align:center;}
.case_index ul li{ display:inline-block;width:280px; margin:0 5px;}
.case_index ul li a{ display:block;}
.case_index ul li a:hover{ text-decoration:none;}
.case_index ul li a p{ position:relative;padding:0; margin:0; width:280px; height:210px; overflow:hidden;}
.case_index ul li a p::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.3);content: '';-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); z-index:999;}
.case_index ul li a:hover p::before{-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
.case_index ul li a img{width:100%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.case_index ul li a:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.case_index ul li a span{ display:block; height:88px; text-align:left; padding:10px 0 0; font-size:.875em; color:#636363;}
.case_index ul li a span i{ font-style:normal; margin-left:10px;}
.case_nav{ background:#ee2d36; height:34px; text-align:center; line-height:34px; max-width:1168px; margin:50px auto 0; color:#fff;font-size:12px;}
.case_nav a{ color:#fff; margin:0 15px; font-size:12px;}
@media screen and (max-width:420px){
.case_index ul li a span{ font-size:1em;}
}
/*案列展示*/
.case_index.casebox{padding:1px 0 10px; margin:0;}
.lrooo img {
    max-width: 800px;
    background: url(../images/picbj.png) no-repeat center top;
    padding-top: 24px;
    margin-top: 40px;
    border-radius: 5px;
    box-shadow: 0 0 8px #999;
}
.lrooo img.nostyle{ background:none;padding-top:0;box-shadow:none; border-radius:0;margin-top: 20px;}
@media screen and (max-width:800px){
	.lrooo img{ background:none; padding:0;}
}
/*关于我们*/
.about_banner{ width:100%; height:350px; background:url(../images/about_banner.jpg) no-repeat center center #decfb5;}
.about_text{ max-width:1200px; margin:137px auto 110px;}
.about_pic{ float:left; padding:0 8%; width:46%;}
.about_pic img{ width:100%;}
.about_article{ float:left; width:54%; padding-right:7.5%;}
.about_article h2 span{ display: block; color: #6d6d6d; font-size: 2em; font-weight:normal;text-transform: uppercase; }
.about_article h2 i{ font-style:normal; color:#6d6d6d; font-size:1.1em;font-weight:normal;}
.about_article p{ font-size:.75em; color:#6d6d6d; line-height:200%;}
@media screen and (max-width:840px){
.about_article h2 span{ font-size:1.5em;}
.about_banner{ display:none;}
.about_pic{ display:none;}
.about_article{ float:none; width:100%;padding:0 7.5%;}
.about_article p{ font-size:1em;}
}
/*新闻*/
.news_banner{ width:100%; height:350px; background:url(../images/news_banner.jpg) no-repeat center center #decfb5;}
.newsbox{ max-width:1200px; margin:auto; padding-bottom:70px;}
.newsbox h2{ padding:70px 0;}
.newsbox ul li{float:left; width:24%; margin:0 0 0 7%; padding-left:3%; border-left:solid #ababab 1px;}
.newsbox ul li a{display:block; color:#6d6d6d; font-size:.75em; line-height:24px; height:24px; max-width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page{font-size:1.125em; color:#6d6d6d; text-align:center; padding-top:30px;}
.phui{color:#c3c3c3;}
.page a{font-size:1.125em; color:#6d6d6d; padding:0 10px;}
.page a:hover{text-decoration:none; color:#f00;}
.news_box{background:#f4f4f4; padding:36px 0;}
.newbanner{background:url(../images/new_banner.jpg) no-repeat left center; max-width:1210px; height:72px; margin:auto;}
.newbanner2{background:url(../images/new_banner2.jpg) no-repeat left center; max-width:1210px; height:72px; margin:auto;}

.newarticle{max-width:1210px; background:#fff; margin:17px auto 0; padding:60px 165px; color:#6d6d6d;}
.newarticle a{ color:#6d6d6d}
.newarticle p{font-size:.75em; line-height:24px; padding:10px 0 0;}
.newarticle img{max-width:100%;}
.newh2{font-size: 1.125em; color: #6d6d6d; font-weight:normal; padding:23px 0 10px 0;}
.npage{padding:30px 0 0;}
.npage a{color:#6d6d6d;font-size:.75em; margin-right:20px;}
.npage a:hover{ color:#f00; text-decoration:none;}
.mob{ display:none;}
@media screen and (max-width:1210px){
.news_box{ background:none; padding:0;}
}
@media screen and (max-width:840px){
.news_banner{ display:none;}
.newsbox h2 span{ font-size:1.5em;}
.newsbox ul li{ float:none; width:90%; margin:2px 5% 0; padding:0; border:0;}
.newsbox ul li a{ font-size:1em; line-height:40px; height:40px; padding-left:2%; max-width:98%;}
.newarticle{padding:60px 5%;}
.newarticle p{ font-size:1em; line-height:200%;}
.newh2{ font-size:1.5em;}
.mob{ display: block;}
.pc{ display:none}
}
/*联系我们*/
.addbox{ float:left; margin-left:10%; padding-left:3%; width:29%;border-left:solid #ababab 1px;color:#6d6d6d; font-size:.875em;line-height:24px;}
.telbox{ float:left; padding-left:4%; width:34.5%;border-left:solid #ababab 1px;}
.code{ float:left; padding:0 4%; color:#8c8c8c; font-size:.75em; text-align:center; border-left:solid #ababab 1px;border-right:solid #ababab 1px;}
.telbox address{ background:url(../images/contact_add.jpg) no-repeat left 2px; display:block; padding-left:35px; font-style:normal; font-size:.875em;line-height:24px;color:#6d6d6d;margin:10px 0;}
.addbox span{ background:url(../images/contact_web.jpg) no-repeat left 2px;display:block; padding-left:35px; margin:20px 0;}
.addbox span a{ color:#6d6d6d;}
.addbox span a:hover{ color:#f00;}

.telbox a{ color:#6d6d6d;}
.telbox a:hover{ color:#f00;}
.telbox span{display:block;padding-left:35px; margin-bottom:10px;color:#6d6d6d;font-size:.875em; line-height:24px;}
.telbox span.telicon{ background:url(../images/contact_tel.jpg) no-repeat left 2px;}
.telbox span.qqicon{background:url(../images/contact_qq.jpg) no-repeat left 2px;}
.telbox span.emailicon{background:url(../images/contact_email.jpg) no-repeat left 2px;}
.telbox span.weixoicon{background:url(../images/contact_weibo.jpg) no-repeat left 2px;}
.bank{ background:url(../images/bank.png) no-repeat left top; padding-left:35px;}
.bank strong{ display:block;}
@media screen and (max-width:840px){
.addbox{margin-left:7%;width:47%; padding-right:3%; font-size:.95em;}
.telbox{ width:32%; padding-right:4%;}
.telbox span{font-size:.95em;}
.code{ float:none; clear:both; padding-top:40px;font-size:.95em;}
}
@media screen and (max-width:840px){
.addbox{ float:none;width:90%; padding:0 5%;}
.telbox{ float:none;width:90%; padding:0 5%; margin-left:7%;}
}
/*动画*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
/*QQ客服*/
.side{position:fixed;width:54px;height:275px;right:0;bottom:30px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
/*分销*/
.weixin_banner img{ max-width:100%;}
.function-experience .textbox{ padding:0;}
.function-experience .textbox h3,.function-experience .textbox p{ color:#fff;}
.textbox{ text-align:center; padding:100px 0 50px;}
.textbox h3{ font-size:3em; font-weight:normal; color:#444;}
.textbox p{ color:#8c8c8c; line-height:200%;}
.function-server-bot{background: url("../images/weixin/server-bg.png") no-repeat center 79px;background-size: 100% 481px;}
.function-server-main{width:1200px;margin:0 auto;height:667px;overflow: hidden;}
.function-server-bot-left{width:439px;float:left;text-align: right;padding:79px 0 0 0;}
.function-server-bot-mid{width:322px;float:left;}
.function-server-bot-right{width:439px;float:left;padding:79px 0 0 57px;}
.function-server-bot-left span{float:right;display: block;height:667px;overflow: visible;}
.function-server-bot-left span img{display: block;}
.function-server-left-span1{width:130px;padding:68px 0 0 0;}
.function-server-left-span1 img{margin-bottom:60px;}
.function-server-left-span2{width:130px;padding:90px 0 0 0;}
.function-server-left-span2 img{margin-bottom:37px;}
.function-server-left-span3{width:130px;padding:147px 0 0 0;}
.function-server-left-span3 img{margin-bottom:42px;}
.function-server-bot-right span{float:left;display: block;height:667px;overflow: visible;}
.function-server-bot-right span img{display: block;}
.function-server-right-span1{width:130px;padding:68px 0 0 0;}
.function-server-right-span1 img{margin-bottom:60px;}
.function-server-right-span2{width:130px;padding:90px 0 0 0;}
.function-server-right-span2 img{margin-bottom:37px;}
.function-server-right-span3{width:100px;padding:147px 0 0 0;}
.function-server-right-span3 img{margin-bottom:42px;}
.function-experience{height:760px;background: url("../images/weixin/experience-bg.png") no-repeat center top;background-size: 100% 100%;}
.function-experience-top{height:390px;padding:86px 0 0 0;text-align: center;}
.function-experience-bot{height:370px;text-align: center;}
.function-experience-a{width:255px;height:52px;display:block;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background: #15ddd1;margin:51px auto 0;
line-height: 51px;color:#fff;font-size:24px;}
a.function-experience-a:hover{color:#fff;}
a.function-experience-a:visited{color:#fff;}
.weixin_pc img{ max-width:100%;}
@media screen and (max-width:840px){
.textbox h3{ font-size:2em;}
}
.lynn-procedure-info{ width:1200px; margin:auto;}
.lynn-procedure-info-main{width:208px;padding:0 5px;float:left;height:434px;}
.lynn-procedure-info-main img{display: block;width:139px;height:139px;margin:0 auto;}
.lynn-procedure-info-main p{font-size:18px;color:#2f2f2f;line-height: 34px;text-align: center;padding-top:12px;}
.lynn-procedure-info-right{width:40px;float:left;text-align: center;height:434px;}
.lynn-procedure-info-right img{width:14px;height:27px;display: block;margin:56px auto;}
.lynn-web{padding-bottom:130px;}
.lynn-web-header{height:228px;position: relative;text-align: center;width:1200px;margin:0 auto;}
.lynn-web-header i{height:14px;width:100%;display: block;position: absolute;border-bottom:1px dashed #e1e5e7;border-top: 1px dashed #e1e5e7;top:197px;left:0;}
.lynn-web-header span{height:70px;padding:0 18px;line-height: 70px;display: inline-block;margin:0 auto;background: #fff;font-size:52px;color:#444;position: relative;z-index: 1;}
.lynn-web-header span strong{color:#02aeff;font-weight: normal;}
.lynn-web-header p{height:35px;line-height: 35px;font-size:24px;color:#2f2f2f;}
.lynn-web-info{margin:0 auto;}
.lynn-case-info{width:1306px;margin:0 auto;padding:0 53px;overflow: hidden;}
.lynn-case-slider i{line-height: 28px;display: inline-block;padding:0 3px;color:#939292;font-size:12px;font-style: normal;}
.slider-img{width:300px;height:470px;float:left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding:0 15px;position: relative;}
.slider-img > img{border:1px solid #ddd;width:270px;height:470px;padding:4px;}
.slider-img span.rcode{width:260px;height:460px;display: none;background: url("../images/case_bg.png") repeat;position: absolute;left:20px;top:5px;text-align: center;padding:129px 0 0 0;}
.slider-img span.rcode p{height:49px;line-height: 49px;font-size:18px;color:#fff;font-weight: bold;}
.slick-prev{position: absolute;left:-53px;top:0;height:470px;width:53px;background: #fff url("../images/btn-left.png") no-repeat left center;border:none;cursor: pointer;}
.slick-next{position: absolute;right:-53px;top:0;height:470px;width:53px;background: #fff url("../images/btn-right.png") no-repeat right center;border:none;cursor: pointer;}
.slick-dots{clear:both;margin:0;text-align: center;height:50px;line-height:36px;padding-top:14px;}
.slick-dots span{width:10px;height:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #444;display: inline-block;margin:0 4px;}
.slick-dots span.slick-active{width:12px;height:12px;background: #00b1ff;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;overflow-x: initial;}
.bg{ width:100%; background:#E4E4E4;}

/*新新闻*/
.news_main{ max-width:1180px; margin:auto;}
.news_list{ float:left; width:840px;}
.news_list ul{ padding:20px 0;}
.news_list ul li a{ display:block; position:relative;padding:10px 15px 15px 240px; color:#333; border-bottom:1px solid #f0f0f0;}
.news_list ul li.big a{padding:10px 15px 15px 520px; min-height:305px;}
.news_list ul li a:hover{ text-decoration:none; color:#f63756;}
.news_list ul li a p{ color:#999; font-size:.875em;}
.news_list ul li a h4{ font-size:1.25em; font-weight:normal; margin:0;}
.news_list ul li a span.newslistimg{ position:relative; float:left; width: 220px; margin-left:-240px;}
.news_list ul li.big a span.newslistimg{margin-left:-520px;}
.news_list ul li a span.date{display:inline-table; background:url(../images/Time_Machine.png) no-repeat left center; padding-left:25px;color:#bbb; font-size:.875em;}
.news_list ul li a span.click{display:inline-table; margin-left:30px; background:url(../images/time.png) no-repeat left center; padding-left:20px; color:#bbb; font-size:.875em;}
.news_sidebar{ float:right; width:340px;}
.news_sidebar h3.hot{margin: 30px 0 20px 0;padding-left: 25px; border-left: 4px solid #f63756;color: #333;font-size: 20px;line-height: 20px; font-weight:normal;}
.items-pic{overflow:hidden}
.items-pic li{padding:30px;border-bottom:solid 1px #f0f0f0}
.items-pic a{position:relative;display:block;color:#333;font-size:16px;line-height:25px}
.items-pic a:hover{color:#f63756}
.items-pic .thumb{margin-bottom:30px;width:280px;height:160px;background-color:#fafafa}
.items-pic .post-views{display:none}
.news_sidebar_nav{ padding:10px 30px;}
.news_sidebar_nav li a{ display:block; color:#3B3A3A; line-height:200%;}
.yuedu .news_list{ float:none; width:100%;}
.yuedu .news_list p{ padding:0; margin:0;}
.yuedu .news_list ul{ padding:0;}
.yuedu .click{ border-bottom:solid #F5F5F5 1px; padding:10px 0; display:none}
.fanhui{ background:rgba(255,255,255,.9); height:50px; border-bottom:solid #F2F2F2 1px; position:fixed; width:100%; padding:0 2%; line-height:50px; display:none; top:0;}
.fanhui a{ color:#333;}
/*分页*/
.pages{ text-align:center; padding:40px 0;}
.pages a{ background:#e6e6e6; padding:5px 10px; border-radius:3px; color:#333; margin:0 5px;}
.pages a:hover{ text-decoration:none; background:#CCC;}
.pages a.hover{ background:#f63756; color:#fff;}
.moblie_pages{ display:none}
@media screen and (max-width:1180px){
.news_sidebar{ display:none}
.news_list{ float:none; width:100%; padding:2%;}
}
@media screen and (max-width:800px){
.news_list ul li a{padding:10px 15px 15px 180px; min-height:115px;}
.news_list ul li.big a{padding:10px 15px 15px 180px; min-height:inherit;min-height:115px;}
.news_list ul li.big a span.newslistimg{margin-left:-180px; width:160px;}
.news_list ul li a span.newslistimg{margin-left:-180px;width:160px;}
.news_list ul li.big a span.newslistimg img{ max-width:160px;}
.news_list ul li a span.newslistimg img{max-width:160px;}
.news_list ul li a p,.mobtop,.npage{ display:none}
.yuedu .click,.fanhui{ display:block;}
.newarticle.neww{margin:0; padding:20px 2%;}
}
@media screen and (max-width:640px){
.pages{ display:none}
.moblie_pages{ display:block;}
.news_list ul li a,.news_list ul li.big a{ padding:10px;}
.news_list ul li a span.newslistimg,.news_list ul li.big a span.newslistimg{ margin:0; width:100%;max-width:100%; float:none;}
.news_list ul li.big a span.newslistimg img,.news_list ul li a span.newslistimg img{ width:100%;max-width:100%;}
}