@charset "gb2312";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,th,td,blockquote,p,pre,form,label,input,textarea,select,button,em,i,u,del,span,a,strong,b{margin:0;padding:0;word-break:break-all}
body{font:12px/1.5 Helvetica,Tahoma,Arial,"Microsoft YaHei";color:#333;background:#f5f5f5}
h1,h2,h3,h4,h5,h6,input,textarea,select,button,pre{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
ul,ol{list-style:none}
i,em{font-style:normal}
img{border:0;vertical-align:middle}
a{color:#333;text-decoration:none}
.gray,.gray a{color:#999}
a:hover,a.gray:hover,.gray a:hover{color:#0078dc;text-decoration:underline}
.blue{color:#0078dc}
.fleft{float:left}
.fright{float:right}
.clearfix{zoom:1}
.clearfix:after{content:".";height:0;line-height:0;font-size:0;clear:both;display:block;visibility:hidden}
.auto{width:1200px;margin-left:auto;margin-right:auto}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.layout{background:#fff}
.layout_hd{height:30px;line-height:30px;padding:8px 15px 2px}
.layout_hd h2{float:left;font-size:16px;font-weight:700}
.layout_hd_r{float:right;font-size:14px;color:#666}
.layout_hd_r a{margin-left:5px;color:#666}
.layout_hd_r a:first-of-type{margin-left:0}
.layout_hd_r a:hover{color:#0078dc}
.aside_tab{float:right;display:inline;margin:0 -10px 0 0}
.aside_tab li{float:left;display:inline;width:40px;height:26px;line-height:26px;margin-left:5px;text-align:center;border:1px solid #e1e1e1;border-radius:3px;cursor:pointer}
.aside_tab li:first-child{margin-left:0}
.aside_tab li.active{color:#0096fa;border-color:#0096fa}
.text_list li{height:30px;line-height:30px;padding-left:10px;font-size:14px;background:url(../images/squares.gif) no-repeat 0 12px;overflow:hidden}

.page ul li a,.page ul li span,.nav_bd li a,.spentool,.list_menu a,.thum_article_list .pic,.pic_list li,.picshow_third li a,.article_btn a{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease}

.main{margin:20px auto}
.mainleft{float:left;width:885px}
.mainright{float:right;width:300px}
.location{height:30px;line-height:30px;margin-top:20px;font-size:14px}

.page{margin:20px 20px 0;text-align:center}
.page ul{display:inline-block;zoom:1;*display:inline}
.page ul li{float:left;display:inline;margin:0 4px}
.page ul li a,.page ul li span{display:inline-block;height:33px;line-height:33px;padding:0 15px;font-size:14px;background:#fff;border:1px solid #d7d7d7;border-radius:3px}
.page ul li a:hover{border-color:#0096fa;text-decoration:none}
.page ul li .active{color:#fff;background:#0096fa;border-color:#0096fa}
.page ul li .pageinfo{height:35px;line-height:35px;padding:0 0 0 10px;color:#666;background:none;border:none}

.header{height:90px}
.header_c{float:left;width:500px;margin-top:20px}
.header_r{float:right;width:310px;margin-top:5px}
.logo{float:left;width:150px;height:50px;margin-top:20px;background:url(../images/logo_new.png) no-repeat center center;text-indent:-9999px;overflow:hidden}
.top_nav{float:right;height:30px;line-height:30px}
.top_nav .v_line{padding:0 5px}
.search-form{float:right;width:300px;height:30px;margin-top:10px}
.search-form .s-txt{float:left;width:229px;height:20px;line-height:20px;padding:4px 5px;background:#fff;border:1px solid #d7d7d7;border-right:none;outline:none;box-sizing:content-box;border-radius:2px 0 0 2px}
.search-form .s-btn{float:right;width:60px;height:30px;line-height:30px;color:#fff;background:#f5780a;border:none;outline:none;border-radius:0 2px 2px 0;cursor:pointer}

.nav{min-width:1200px;background:#0582e6}
.nav_bd{height:45px;position:relative}
.nav_bd li{float:left;width:120px;height:45px}
.nav_bd li .one{display:block;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;position:relative}
.nav_bd li .one:hover,.nav_bd li.active .one{color:#fff;text-decoration:none;background:#056ec8}
.nav_bd li.open .drop_menu{display:none;width:1180px;padding:10px 10px 15px;background:#fff;box-shadow:0 1px 10px 0 rgba(0,0,0,.2);position:absolute;left:0;top:45px;z-index:20}
.nav_bd li.open .drop_menu a{float:left;width:75px;height:30px;line-height:30px;margin:5px 5px 0;text-align:center;font-size:14px;color:#333;white-space:nowrap;border:1px solid #fff;border-radius:3px}
.nav_bd li.open .drop_menu a:hover{color:#0078dc;text-decoration:none;border-color:#0078dc}
.nav_bd li.open .drop_menu .v_line{float:left;width:0;height:16px;margin:12px 5px 0;border-left:1px solid #e1e1e1}
.nav_bd li.design_item .drop_menu a{width:108px}
.nav_bd li.hot a i,.nav_bd li.hot .one i{width:22px;height:17px;background:url(../images/hot.gif) no-repeat 0 0;position:absolute;right:5px;top:3px;z-index:10}

.footer{min-width:1200px;background:#323232;border-top:8px solid #1487e6}
.footer_bd{padding:25px 0;line-height:25px;color:#969696}
.footer_bd h3{margin-bottom:10px;font-size:14px;color:#f5f5f5}
.footer_bd a,.footer_bd a:hover{color:#969696}
.footer_bd .weixin_pic{width:200px}
.footer_bd .about_us,.footer_bd .contact_us,.footer_bd .attention_us{width:150px}
.footer_bd .weixin_pic p{padding-top:8px}
.footer_bd .weixin_pic img{width:110px}
.footer_bd .copyright{width:400px}
.footer_bd .copyright p{padding:2px 0 3px;line-height:20px}
.footer_bd .attention_us li{width:114px;padding-left:21px}
.footer_bd .attention_us li.weibo{background:url(../images/sina.gif) no-repeat left center}
.footer_bd .attention_us li.t_qq{background:url(../images/qq.gif) no-repeat left center}
.footer_bd .attention_us li.huaban{background:url(../images/huaban.gif) no-repeat left center}
.footer_bd .attention_us li.t_qzone{height:30px;padding:5px 0 0;overflow:hidden}

.spentool{width:50px;height:50px;position:fixed;_position:absolute;right:20px;cursor:pointer;z-index:999}
.spentool:hover{background-color:#0078dc}
.wxqrcode{background:#464646 url(../images/qrcode1.png) no-repeat center center;bottom:100px}
.wxqrcode i{display:none;width:134px;height:156px;background:url(../images/wxqrcode1.png) no-repeat;position:absolute;left:-134px;top:-5px}
.gobacktop{display:none;background:#464646 url(../images/backtop.png) no-repeat center center;bottom:45px}

.slideshow{width:448px;height:421px;background:#fff;position:relative}
.slideshow .slide_con{width:100%;height:348px;position:relative;overflow:hidden}
.slideshow .slide_con a{display:block;width:448px;height:348px;color:#fff;position:relative}
.slideshow .slide_con a:hover{color:#50b9ff;text-decoration:none}
.slideshow .slide_con img{width:100%;height:100%}
.slideshow .slide_con .txt{width:428px;height:30px;line-height:30px;position:absolute;left:10px;bottom:0;z-index:2;cursor:pointer;overflow:hidden}
.slideshow .slide_con .bg{width:448px;height:30px;background:#000;opacity:0.5;filter:alpha(opacity=50);position:absolute;left:0;bottom:0;z-index:1;cursor:pointer}
.slideshow .slide_tab{height:73px;background:#555}
.slideshow .slide_tab li{float:left;display:inline;width:86px;height:67px;padding:3px;margin-right:-3px;cursor:pointer;position:relative;z-index:10}
.slideshow .slide_tab img{width:86px;height:67px}
.slideshow .slide_tab .active{background:#2da5d7}
.slideshow .slide_tab .active i{width:7px;height:4px;background:url(../images/triangle1.png);position:absolute;left:43px;top:-4px;overflow:hidden}
.slideshow .slide_prev,.slideshow .slide_next{width:45px;height:45px;background:url(../images/arrow1.png) no-repeat;opacity:0.35;filter:alpha(opacity=35);cursor:pointer;text-indent:-9999px;position:absolute;top:150px;z-index:15;overflow:hidden}
.slideshow .slide_prev{background-position:0 0;left:0}
.slideshow .slide_next{background-position:-45px 0;right:0}

.news{width:452px;height:421px;margin-left:10px;display:inline}
.news dl{padding:10px 15px}
.news dl dt{padding-bottom:10px;margin-bottom:6px;border-bottom:1px dashed #e1e1e1}
.news dl dt h1{height:30px;line-height:30px;text-align:center;font-size:16px;overflow:hidden}
.news dl dt h1 a{color:#f00}
.news dl dt p{height:40px;line-height:20px;margin-top:5px;color:#666;overflow:hidden}
.news dl dd{height:30px;line-height:30px;font-size:14px}
.news dl dd .title{float:left;width:320px;height:30px;overflow:hidden}
.news dl dd .time{float:right;width:80px;height:30px;text-align:right;color:#999}

.ranking{width:280px;height:421px}
.ranking_tabcon ul{padding:3px 15px}
.ranking_tabcon ul li{height:50px;padding:12px 0;border-bottom:1px dashed #e1e1e1;vertical-align:middle}
.ranking_tabcon ul li:last-child{border-bottom:none}
.ranking_tabcon ul li .pic{float:left;width:70px;height:50px;overflow:hidden}
.ranking_tabcon ul li .pic img{width:100%}
.ranking_tabcon ul li .text{float:right;width:170px;line-height:25px}
.ranking_tabcon ul li .title{height:25px;font-size:14px;overflow:hidden}

.gallery{padding:10px}
.gallery li{float:left;width:220px;padding:8px}
.gallery li .pic{display:block;height:166px;position:relative;overflow:hidden}
.gallery li .pic img{position:absolute;left:0;top:0}
.gallery li p{height:20px;line-height:20px;overflow:hidden}
.gallery li .title{margin-top:5px;font-size:14px}
.gallery li .info{margin-top:2px}
.gallery li .vline{padding:0 5px}

.tutorial_tab{float:left;display:inline}
.tutorial_tab li{float:left;display:inline;width:90px;height:28px;line-height:28px;margin-left:5px;text-align:center;font-size:16px;border:1px solid #fff;border-radius:30px;cursor:pointer}
.tutorial_tab li:first-child{margin-left:0}
.tutorial_tab li.active{color:#0096fa;border-color:#0096fa}
.tutorial_tabcon{padding:18px 10px}
.tutorial_pic{width:1176px;margin:0 auto}
.tutorial_pic li{float:left;display:inline;width:180px;height:181px;padding:0 8px}
.tutorial_pic li .pic{display:block;height:136px;overflow:hidden}
.tutorial_pic li img{width:100%}
.tutorial_pic li p{height:40px;line-height:20px;margin-top:5px;font-size:14px;overflow:hidden}
.tutorial_text{width:1160px;margin:0 auto;overflow:hidden}
.tutorial_text ul{width:1190px;margin-left:-30px}
.tutorial_text ul li{float:left;display:inline;width:350px;margin-left:30px}
.tutorial_dashed{width:1160px;height:0;line-height:0;font-size:0;margin:20px auto 10px;border-top:1px dashed #e1e1e1;overflow:hidden}
.moretutorial{width:1160px;margin:15px auto 0}
.moretutorial a{display:block;height:35px;line-height:35px;background:#fafafa;border:1px dashed #e1e1e1;text-align:center;font-size:14px;color:#999;border-radius:2px}
.moretutorial a:hover{color:#0078dc}

.flink{padding:10px 10px 15px}
.flink li{float:left;height:20px;line-height:20px;padding:5px;white-space:nowrap;font-size:14px}

.list_menu{padding:10px 15px}
.list_menu a{float:left;height:35px;line-height:35px;padding:0 10px;margin:10px 5px 0;font-size:14px;white-space:nowrap;background:#fff;border:1px solid #0078dc;border-radius:3px}
.list_menu a:hover,.list_menu a.hover{background:#0078dc;color:#fff;text-decoration:none}

.list_bd{min-height:1600px;padding:0 0 30px}
.keyword{color:#f00}
.thum_article_list{width:100%;overflow:hidden}
.thum_article_list ul{padding:0 20px;margin-bottom:-6px}
.thum_article_list li{padding:20px 0;vertical-align:middle;border-bottom:1px dashed #e1e1e1}
.thum_article_list .pic{float:left;width:180px;height:136px;text-align:center;border:1px solid #e1e1e1;position:relative;overflow:hidden}
.thum_article_list .pic:hover{border-color:#0096fa}
.thum_article_list .pic img{position:absolute;left:0;top:0}
.thum_article_list .text{float:right;display:inline;width:643px;line-height:24px;font-size:14px}
.thum_article_list p{margin-top:5px}
.thum_article_list .title{height:30px;line-height:30px;font-size:16px;font-weight:normal;overflow:hidden}
.thum_article_list .publish{color:#999}
.thum_article_list .ml{margin-left:15px}

.pic_list{width:100%;padding:0 0 15px;overflow:hidden}
.pic_list ul{width:1220px;margin:-20px 0 0 -20px;position:relative}
.pic_list li{float:left;width:224px;margin:20px 0 0 20px;background:#fff;border-radius:3px;overflow:hidden}
.pic_list li.hover{box-shadow:0 1px 10px rgba(0,0,0,.2)}
.pic_list li .pic{display:block;text-align:center;overflow:hidden}
.pic_list li .pic img{max-width:100%;height:auto}
.pic_list li .text{line-height:20px;padding:8px 10px}
.pic_list li .text .title{font-size:14px}
.pic_list li .text .info{margin-top:5px}
.pic_list li .text .vline{padding:0 5px}
.ie_pic_list li .pic{height:169px}
.ie_pic_list li .text p{height:20px}
.ie_pic_list li .text .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.article_con{padding:20px 0}
.article_con h1{margin:0 35px;line-height:35px;text-align:center;font-size:22px;font-weight:normal}
.article_info{height:24px;margin:15px 20px 0;text-align:center}
.article_info ul{display:inline-block;zoom:1;*display:inline}
.article_info li{float:left;height:24px;line-height:24px;margin:0 8px;color:#999}
.article_info li.view{position:relative;z-index:15}
.article_info li .wap_view{display:inline-block;padding-left:20px;color:#0078dc;background:url(../images/qrcode2.png) no-repeat 0 center}
.article_info li .wap_view:hover{text-decoration:none}
.article_info li .wap_qrcode{display:none;width:122px;line-height:20px;padding:15px 15px 10px;text-align:center;background:#fff;border:1px solid #e1e1e1;border-radius:3px;position:absolute;left:-40px;top:30px}
.article_info li .wap_qrcode .triangle{display:block;width:11px;height:6px;margin-left:-6px;background:url(../images/triangle4.png) no-repeat;position:absolute;left:50%;top:-6px}
.article_info li .wap_qrcode .qrcode-box table,.wap_qrcode .qrcode-box img{margin:0 auto!important}
.article_info li .wap_qrcode .title{margin-top:8px;font-size:14px;font-weight:bold}
.article_info li .wap_qrcode .tips{margin-top:4px;color:#999}

.article_bd{width:815px;margin:20px auto 0;line-height:26px;font-size:16px;overflow:hidden}
.article_bd table{min-width:80%;max-width:100%;margin:10px auto}
.article_bd table th,.article_bd table td{padding:8px;border:1px solid #e1e1e1}
.article_bd p{padding:10px 0}
.article_bd p img{margin-bottom:5px}
.article_bd a{color:#0078dc}
.article_bd a.keylink{text-decoration:underline}
.article_bd img{max-width:775px}
.images_intro{margin:15px auto}
.images_intro p{text-indent:2em}
.article_relate{margin:30px 20px 0}
.article_tags{width:560px;height:28px;line-height:28px;font-size:14px;color:#999;overflow:hidden}
.article_tags a{color:#0078dc;margin-right:10px}
.article_share{width:194px}
.article_share a,.article_share span{margin:6px 0 6px 6px!important}
.article_share .bds_to{float:left;line-height:16px;font-size:14px;color:#999}

.article_pn{height:30px;padding:20px 0 0;margin:20px 20px 0;border-top:1px dashed #e1e1e1}
.article_pn li{width:45%;height:30px;line-height:30px;font-size:14px;color:#999;overflow:hidden}
.article_pn li.prev{float:left}
.article_pn li.next{float:right;text-align:right}

.follow_mp{display:none;width:466px;margin:30px auto}
.follow_mp img{width:100%}
.follow_mp p{display:none;line-height:25px;text-align:center;font-size:16px;color:#0082ff}

.article_btn{width:64px;height:64px;margin-top:-32px;position:fixed;_position:absolute;top:50%;z-index:999}
.article_btn a,.article_btn span{display:block;width:100%;height:100%;background:#464646 url(../images/arrow2.png) no-repeat center center;text-indent:-9999px;border-radius:100%;overflow:hidden}
.article_btn a:hover{background-color:#0078dc}
.article_btn span{background-color:#ccc}
.prev_arrow{left:10px}
.next_arrow{right:10px}
.prev_arrow a,.prev_arrow span{background-position:0 0}
.next_arrow a,.next_arrow span{background-position:-64px 0}

.picshow_first{width:815px;margin:20px auto 0}
.picshow_first li{padding:10px 0;text-align:center}
.picshow_first li img{max-width:775px;height:auto}
.picshow_second{width:815px;margin:30px auto 0;text-align:center;position:relative;z-index:1}
.picshow_second img{max-width:775px;height:auto}
.picshow_second .vieworiginal{display:none;width:60px;height:26px;line-height:26px;text-align:center;background:url(../images/blue_bg.png);color:#fff;border-radius:2px;position:absolute;z-index:10}
.picshow_second .vieworiginal:hover{color:#fff;text-decoration:none}
.picshow_second .picinfo{height:20px;line-height:20px;margin-top:10px;color:#999}
.picshow_second .picsize{margin-left:15px}
.picshow_third{width:816px;margin:14px auto 0}
.picshow_third li{float:left;display:inline;width:188px;height:120px;margin:16px 8px 0}
.picshow_third li a{display:block;height:112px;padding:3px;border:1px solid #e1e1e1;position:relative;overflow:hidden}
.picshow_third li a:hover{border-color:#d2d2d2}
.picshow_third li img{max-width:180px;max-height:112px;position:absolute;left:3px;top:3px}
.picshow_small{width:816px;margin:14px auto 0}
.picshow_small li{float:left;display:inline;width:186px;height:186px;margin:16px 8px 0;border:1px solid #e1e1e1;position:relative;overflow:hidden}
.picshow_small li img{max-width:180px;max-height:180px;position:absolute;left:0;top:0}

.likebtn{width:98px;height:98px;margin:20px auto 0;background:url(../images/like_bg.png) no-repeat 0 0;text-align:center;cursor:default;overflow:hidden}
.likebtn .num{line-height:25px;margin-top:50px;color:#fff;font-size:14px;cursor:default}

.works_cr{width:775px;padding:15px;margin:30px auto;line-height:24px;font-size:14px;color:#f00;border:1px dashed #e1e1e1;border-radius:5px}
.works_cr .writername{color:#666}

.top_right_corner{margin-top:0!important}
.picrecom_tab li{width:45px}
.right_pic_list{padding:8px}
.right_pic_list li{float:left;width:126px;height:122px;padding:8px}
.right_pic_list li img{width:126px;height:95px}
.right_pic_list li p{height:22px;line-height:22px;margin-top:5px;text-align:center;font-size:14px;overflow:hidden}
.right_article_list{padding:5px 16px 12px}

.tags{padding:10px 10px 15px}
.tags li{float:left;padding:5px}
.tags li a{display:block;height:28px;line-height:28px;padding:0 8px;text-align:center;font-size:14px;white-space:nowrap;border:1px solid #d7d7d7;border-radius:3px;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease}
.tags li a:hover{color:#0078dc;border-color:#0078dc;text-decoration:none}

.comment{padding:0 15px 15px}

.service{margin-top:15px;margin-bottom:15px;background:#eee}
.serviceleft{width:200px}
.serviceright{width:1000px;min-height:600px;background:#fff}
.servicemenu li{height:45px;border-bottom:1px solid #e1e1e1}
.servicemenu li a{display:block;height:45px;line-height:45px;padding-left:30px;font-size:16px}
.servicemenu li a:hover{text-decoration:none}
.servicemenu li.selected a{padding-left:27px;border-left:3px solid #1487e6;background:#ffffff url(../images/triangle3.png) no-repeat 90% center;color:#0078dc}
.service_hd{height:45px;line-height:45px;padding:0 20px;border-bottom:1px solid #f0f0f0;font-size:16px}
.service_con{padding:20px 20px 35px;line-height:24px;font-size:14px}
.service_con p{padding:5px 0}
.qqgroup td{height:35px;padding:0 5px;border:1px solid #f2f2f2}
.flink_list{width:100%;overflow:hidden}
.flink_pic,.flink_text{margin-left:-15px}
.flink_pic{display:none}
.flink_pic li{width:88px;height:31px;float:left;display:inline;margin-left:15px}
.flink_text li{float:left;padding:5px 0 5px 15px;white-space:nowrap}
.flink_qq{margin-top:45px}
.message{margin-bottom:25px}
.links_list h3{height:35px;line-height:35px;border-bottom:1px dashed #e1e1e1;font-size:14px}
.links_list h3 a{color:#0078dc}
.links_list ul{padding:10px 0 15px}
.links_list ul li{float:left;display:inline;padding:6px 12px 6px 0;white-space:nowrap}
.tags_list h3{height:30px;line-height:30px;padding:0 5px;font-size:14px;color:#0078dc}
.tags_list .tags{padding:5px 0 15px}

.error_main{height:600px;background:#fff url(../images/404.jpg) no-repeat center center}

.hz1{padding:10px 0;margin-bottom:15px;background:#fff}
.hz1 .bd{width:1180px;margin:0 auto}
.hz1 .l{float:left}
.hz1 .r{float:right}
.hz2,.hz3{width:1200px;margin:10px auto;text-align:center}
.natives{width:1198px;height:155px;margin:15px auto;position:relative;background:#fff;border:1px solid #eee;display:none}
.natives .l{width:856px;position:absolute;top:0;left:2px;z-index:2}
.natives .r{width:352px;position:absolute;top:0;right:2px;z-index:1}
.pic_list li.pic_list_hz{height:384px}
.pic_list li.pic_list_hz>div{margin:-14px -6px 0}
.list_left_hz1{margin:0 5px}
.list_left_hz2{width:336px;margin:30px auto}
.article_left_hz2{width:730px;margin:20px auto}
.article_left_hz3{width:336px;margin:30px auto}
.list_right_hz1,.list_right_hz2,.article_left_hz2,.article_left_hz4,.article_left_hz6,.article_right_hz1,.article_right_hz2,.article_right_hz5{display:none!important}

.spen_hz{display:none;margin:-150px 0 0 -150px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.35);border-radius:5px;position:fixed;left:50%;top:50%;z-index:9999}
.spen_hz .close{width:20px;height:20px;text-indent:-9999px;background:url(../images/close1.png) no-repeat 0 -20px;position:absolute;right:-10px;top:-10px;z-index:10;cursor:pointer;overflow:hidden}
.spen_hz .close.hover{background-position:0 0}
.spen_hz img{width:100%;border-radius:5px}
.spen_hz p{line-height:20px;text-align:center;font-size:16px;color:#0082ff}