﻿@charset "UTF-8";
/* const.css -----------------------------------------------------------------*/
.icon{display: inline-block;background-color: transparent;background-repeat: no-repeat;}
.VAM:after{content: "";display: inline-block;overflow: hidden;height: 100%;width: 0;font-size: 0;vertical-align: middle;}
.wbwr{word-break: break-all;word-wrap: break-word;}
.clr:after, .clr:before{content: "";display: table;}
.clr:after{clear: both;}
.clr{zoom: 1;}
.fll{float: left;}
.flr{float: right;}
.vam{vertical-align: middle;}
.db{display: block;}
.dib{display: inline-block;}
.tar{text-align: right;}
.tac{text-align: center;}
.ovh{overflow: hidden;}
.vat{vertical-align: top;}
.vam{vertical-align: middle;}
.posr{position: relative;}
.auto{margin-left: auto;margin-right: auto;}
/* reset.css -----------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, header, footer, section, article, aside, nav, figure, figcaption{margin: 0;padding: 0;}
html, body{width: 100%;font-family: "Microsoft Yahei", "Helvetica";color: #333333;}
img{max-width: 100%;border: 0; /*-webkit-touch-callout: none;*/}
a{color: #333333;text-decoration: none;}
ul, ol{list-style: none;}
/* form-reset.css -----------------------------------------------------------------*/
table{border-collapse: collapse;border-spacing: 0;}
button{background: none;}
input, textarea, button{border: none;}
input, button, textarea, select, optgroup, option{font: 1rem "Microsoft Yahei", "Helvetica";}
input[type="button"], input[type="text"], input[type="submit"], input[type="search"], input[type="tel"], input[type="number"], select, option, .appNone{appearance: none;-webkit-appearance: none;-moz-appearance: none;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.6);} input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder{color: rgba(255, 255, 255, 0.6);}
/*常用类名*/
.fl{float: left;}
.fr{float: right;}
.clearfix{zoom: 1;}
.clearfix:after{content: '';display: block;clear: both;}
.wrap-b{width: 100%;min-width: 1200px;}
.wrap{width: 1200px;margin: 0 auto;}
.a-img{width: 100%;vertical-align: top;}
.a-hover:hover{color: #dc0000;}
h1, h2, h3, h4, h5{font-weight: normal;}
em, i{font-style: normal;}
*{outline: none;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}


.header-b{background: #eeeeee;}
.header{height: 40px;}
.header .header-left{font-size: 14px; line-height: 16px;}
.header .header-left-ls{padding-top: 13px; height: 27px; border-left: 1px solid transparent; border-right: 1px solid transparent; margin-left: -1px;}
.header .header-left-ls .header-left-list{position: relative; padding: 0 18px 0 0;   margin-left: -1px; cursor: pointer;}
.header .header-left-ls:first-child .header-left-list{border-left: none;}
.header .header-left-ls .a-hover{color: #666;}
.header .header-left-ls .a-hover:hover{color: #dc0000;}
.header .header-left-ls-wap-title{display: inline-block; color: #666; cursor: pointer;}
.header .header-left-ls-wap{z-index: 3; position: relative;}
.header .header-left-ls-wap:before{content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #fff; left: 0; bottom: -1px; z-index: 2;}
.header .header-left-ls-wap:hover .header-left-ls-wap-show{display: block;}
.header .header-left-ls-wap:hover .icon-header-arrow{position: absolute; right: 4px; top: 3px; width: 0; height: 0; border: 4px solid transparent; border-bottom: 4px solid #999;}
.header .header-left-ls-wap:hover .header-left-ls-wap-title{color: #dc0000;}
.header .icon-header-arrow{position: absolute; right: 4px; top: 8px; width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid #999;}
.header .header-left-ls-wap-show{display: none; position: absolute; width: 150px; height: 150px; background: #fff; border: 1px solid #ddd; top: 26px; left: 30px; z-index: 2;}
.header .header-left-ls-wap-show:before, .header .header-left-ls-wap-show:after{content: ''; position: absolute; top: -10px; left: 34px; width: 0; height: 0; border: 4px solid transparent; border-bottom: 6px solid #fff;}
.header .header-left-ls-wap-show:before{border-bottom-color: #000; left: 34px;}
.header .header-left-wap{width: 150px;}
.rightnav{font-size: 0; line-height: 40px;}
.rightnav .rightnav-link{margin-left:20px; font-size: 14px; color: #666;}
.rightnav .rightnav-link:hover{color: #dc0000;}
.pic-code-app{margin: 15px auto 0; width: 120px; height: 120px;}
.footer-index{display: none;}
.footer{display: block; padding-top: 20px;}
.footer-special .footer-index{display: block;}
.footer-special .footer{display: none;}
.footer-b{background: #333; color: #999;}
.footer-index{font-size: 14px;}
.footer-sitemap{width: 100%; border-top: 1px solid #444; border-bottom: 1px solid #444; padding: 20px 0; text-align: center;}
.footer-sitemap-main{width: 655px; margin: 0 auto;}
.footer-sitemap-ls{padding: 0 14px; color: #999; font-size: 16px; border-left: 1px solid #666;}
.footer-sitemap-ls:first-child{border-left: none;}
.footer-sitemap-ls:hover{color: #dc0000;}
.footer-friendlink-title{color: #666;}
.footer-friendlink{padding: 20px 0;}
.footer-friendlink a{padding: 0 10px; color: #999; line-height: 30px; border-right: 1px solid #666;}
.footer-friendlink a:last-of-type{border-right: none;}
.footer-friendlink a:hover{color: #dc0000;}
.footer-copy{padding: 20px 0; text-align: center; color: #666;}
.footer-copy a{color: #666;}
.footer-info{font-size: 14px; text-align: center;}
.footer-info .footer-sitemap-ls{margin-top: 20px; color: #999;}
.nav-header{height: 90px;}
.logo{padding-top: 15px; width:500px; height: 64px;}
.search{width: 700px;}
.search-tags{font-size: 14px; line-height: 90px; height: 90px; width:300px; overflow:hidden}
.search-tags a{color:#999999}
.search-tags-title{color: #fda953;}
.tags-link{color: #999;}
.search-input{margin-top: 24px; width: 380px; height: 42px;}
.inp{padding: 0 20px; width: 297px; height: 40px; font-size: 14px; border: 1px solid #eee; border-right: none; background: #f7f7f7; line-height: 40px;}
.search-btn{width: 42px; height: 42px; display: block; cursor: pointer; background: #dc0000;}
.search-btn:hover{opacity: 0.5;}
.icon-search-btn{display: block; margin: 0 auto; width: 20px; height: 20px; background: no-repeat;background-position: -138px 0;}
.icon-search-btn{background-image: url(../images/index.png);}
.inp::-webkit-input-placeholder{color: #bbb;}
.inp::-moz-placeholder{color: #bbb;}
.inp:-ms-input-placeholder{color: #bbb;}
.nav-box{font-size: 18px; height: 48px; background: #222; line-height: 48px;}
.nav{width: 100%;}
.nav li{position: relative; float: left;}
.nav .current{background: #dc0000;}
.nav li:hover .nav-hide{display: inline-block;}
.nav li:hover .nav-link{display: inline-block; background: #dc0000;}
.nav-link{display: inline-block; padding: 0 24px; color: #fff;}
.nav-hide{display: none; position: absolute; top: 48px; left: 0; z-index: 22; width: 100%; font-size: 14px; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ffffff;}
.nav-hide .nav-hide-item{display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; border-bottom: 1px solid #eee;}
.nav-hide .nav-hide-item:last-of-type{border-bottom: none;}
.left-box{width: 870px;}
.right-box{width: 300px;}
.greenyellow{color: #a2cf36;}
.lightblue{color: #9fcaed;}
.darkpink{color: #ceaefa;}
.orangered{color: #f89283;}
.indigo{color: #68dcab;}
.lightRed{color: #ff6362;}
.lightgreen{color: #6ab98c;}
.lightorange{color: #ffa800;}
.lightpink{color: #a788d4;}

.alpha-txt{position: absolute;bottom: 10px;margin: 0 10px;padding: 0 10px;width: 260px;height: 40px;font-size: 18px;line-height: 40px;text-align: center;background: rgba(255, 255, 255, 0.5);color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.alpha-txt:hover{color: #dc0000;}
/* const.css -----------------------------------------------------------------*/
.icon{display: inline-block;background-color: transparent;background-repeat: no-repeat;}
.VAM:after{content: "";display: inline-block;overflow: hidden;height: 100%;width: 0;font-size: 0;vertical-align: middle;}
.wbwr{word-break: break-all;word-wrap: break-word;}
.clr:after, .clr:before{content: "";display: table;}
.clr:after{clear: both;}
.clr{zoom: 1;}
.fll{float: left;}
.flr{float: right;}
.vam{vertical-align: middle;}
.db{display: block;}
.dib{display: inline-block;}
.tar{text-align: right;}
.tac{text-align: center;}
.ovh{overflow: hidden;}
.vat{vertical-align: top;}
.vam{vertical-align: middle;}
.posr{position: relative;}
.auto{margin-left: auto;margin-right: auto;}
input, button{outline: none;}
li{list-style: none;}
body{background: #fff;}
input{background: #fff;}
.main .left{width: 870px;}
.main .right{width: 300px;}
.left-left{width: 160px;}
.left-main{width: 680px;}
.all-img{width: 100%;}
.all-img-block{width: 100%;display: block;}
.ls-typeone a img{margin-left: 0;width: 240px;height: 160px;overflow: hidden;float: left;margin-right: 20px;margin-bottom: 20px;}
.ls-typeone .ls-typeone-title{font-weight: normal;font-size: 22px;line-height: 24px;margin-bottom: 28px;}
.ls-typeone .ls-typeone-title .a-hover{display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000;}
.ls-typeone .ls-typeone-title .a-hover:hover{color: #dc0000;}
.ls-typeone .ls-typeone-ul{display: block;}
.ls-typeone .ls-typeone-imgwrap{width: 240px;height: 160px;overflow: hidden;margin-left: 30px;}
.ls-typeone .ls-typeone-imgwrap:first-child{margin-left: 0;}
.ls-typeone .ls-typeone-info{font-size: 14px;line-height: 16px;margin-top: 20px;color: #999999;}
.ls-typeone .ls-typeone-info .a-hover{color: #6675a2;margin-right: 18px;}
.ls-typeone .ls-typeone-info .a-hover:hover{color: #dc0000;}
.ls-typetwo .ls-typetwo-title{font-weight: normal;margin-bottom: 3px;}
.ls-typetwo .ls-typetwo-title .a-hover{font-size:18px;line-height: 46px;display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000;}
.ls-typetwo .ls-typetwo-title .a-hover .ls-typetwo-tag{color: #dc0000;}
.ls-typetwo .ls-typetwo-title .a-hover:hover{color: #dc0000;}
.ls-typetwo .ls-typetwo-imgwrap{width: 240px;height: 160px;overflow: hidden;margin-right: 20px;}
.ls-typetwo .ls-typetwo-imgwrap + .ls-typetwo-right{width: 610px;}
.ls-typetwo .ls-typetwo-content{font-size: 14px;line-height: 30px;color: #666666;height: 80px;overflow: hidden;margin-bottom: 10px;}
.ls-typetwo .ls-typetwo-info{font-size: 14px;line-height: 16px;color: #999999;}
.ls-typetwo .ls-typetwo-info .a-hover{color: #6675a2;margin-right: 18px;}
.ls-typetwo .ls-typetwo-info .a-hover:hover{color: #dc0000;}
.ls-typethree .ls-typethree-main{margin-right: -30px;}
.ls-typethree .ls-typethree-ls{width: 270px;height: 180px;position: relative;margin-right: 30px;overflow: hidden;}
.ls-typethree .ls-typethree-ls-word{position: absolute;left: 0;bottom: 0;width: 250px;padding: 0 10px;font-size: 18px;line-height: 36px;text-align: center;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ls-typethree .ls-typethree-ls-word:hover{color: #dc0000;}
.cm-right-title{line-height: 54px;font-size: 22px;color: #000000;font-weight: normal;}
.ma-addmore{background: #f7f7f7;text-align: center;font-size: 14px;line-height: 44px;}
.ma-addmore .a-hover{color: #999;}
.ma-addmore .a-hover:hover{color: #dc0000;}
.cm-title{line-height: 48px;border-top: 1px solid #eeeeee;color: #000;}
.cm-title .cm-title-word{font-size: 20px;font-weight: normal;padding-top: 2px;padding-left: 3px;margin-top: -1px;border-top: 2px solid #dc0000;}
.cm-sidetitle{border-top: 2px solid #000000;}
.cm-sidetitle .cm-sidetitle-head{line-height: 48px;font-size: 20px;color: #000;font-weight: normal;}
.cm-sidetitle .cm-sidetitle-right{margin-top: 17px;}
.cm-sidetitle .cm-sidetitle-right .a-hover{padding: 0 6px;font-size: 14px;line-height: 16px;border-left: 1px solid #e4e4e4;color: #666;}
.cm-sidetitle .cm-sidetitle-right .a-hover:hover{color: #dc0000;}
.cm-sidetitle .cm-sidetitle-right .a-hover:first-child{border-left: none;}
.cm-sidetitle .cm-sidetitle-right .a-hover-act{color: #dc0000;}
.wrap-list-paging{text-align: center;padding: 14px 0;clear: both;}
.wrap-list-paging p{display: inline;}
.wrap-list-paging p a{font-size: 16px;padding: 9px 16px;color: #666;line-height: 20px;border: 1px solid #e1e1e1;margin-right: 5px;}
.wrap-list-paging p .current, .wrap-list-paging p a:hover{font-size: 16px;padding: 9px 16px;line-height: 20px;border: 1px solid #dc0000;background: #dc0000;color: #fff;margin-right: 5px;}
.wrap-list-paging{height:45px;line-height:35px;margin:0 auto;padding-top:15px;text-align:center}
.wrap-list-paging ul{margin:0 auto;display:inline-block;}
.wrap-list-paging li{padding:0 13px;line-height:36px;display:inline-block;font-size:14px;border:1px solid #ddd;margin-left:-1px;float:left;background-color:#FFF;cursor:pointer;}
.wrap-list-paging li a{color:#444;}
.wrap-list-paging li.thisclass, .pagination ul li.thisclass a, .pagination ul li.thisclass a:hover{color:#fff !important;background-color: #dc0000;}
.error-bottom{background: #f7f7f7;padding: 30px 30px 36px;}
.error-bottom .eb-left{width: 840px;}
.error-bottom .eb-right{width: 300px;}
.detail-head{color: #000000;border-bottom: 1px solid #ddd;}
.detail-head .detail-head-title{border-bottom: 2px solid #dc0000;margin-bottom: -2px;font-size:18px;font-weight: normal;line-height: 50px;}
.pic-main{margin-right: -26px;}
.pic-main > li{width: 198px;margin-right: 26px;}
.pic-main .pic-list{display: block;}
.pic-main .pic-ls-imgwrap{display: block;width: 198px;height: 135px;overflow: hidden;}
.pic-main .pic-ls-title{margin-top: 7px;font-weight: normal;font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;margin-bottom: 17px;}
.pic-main .pic-ls-title:hover{color: #dc0000;}
.eyfs-list{display: none;}
.eyfs-list-show{display: block;}
.arti .arti-head{text-align: center;}
.arti .arti-head .arti-title{font-size: 32px;line-height: 70px;padding-bottom: 0;color: #000000;font-weight: normal;}
.arti .arti-head-info{border-top: 1px solid #dddddd;font-size: 14px;line-height: 20px;padding: 10px 0;color: #666;}
.arti .arti-hi-font{color: #666666;line-height: 28px;margin-right: 10px;}
.arti .arti-content{font-size: 16px;color: #333;line-height: 30px;}
.arti .arti-content p{text-indent: 2em;}
.arti .arti-content img{display: block;margin: 12px auto;}
.arti .arti-content .a-hover{color: #dc0000;}
.arti .arti-content .a-hover:hover{text-decoration: underline;}
.arti .arti-tip{line-height: 22px;font-size: 14px;color: #999999;}
.arti .arti-tip-a{width: 60px;height: 22px;background: #ff9900;text-align: center;color: #fff;margin-left: 7px;}
.arti .arti-tip-a:hover{background: #dc0000;}
.arti .arti-updown-list{width: 50%;font-size: 14px;}
.arti .arti-updown-list > span{color: #2670d5;}
.arti .arti-updown-list-a{max-width: 360px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.arti .arti-updown-list-a:hover{color: #dc0000;}
.arti .casedetail-bottom{margin-top: 30px;padding-bottom: 30px;}
.arti .casedetail-about{line-height: 1;color: #999999;line-height: 28px;font-size: 14px;}
.arti .casedetail-about .a-hover{color: #336699;margin-right: 17px;}
.arti .casedetail-about .a-hover:hover{color: #dc0000;}
.arti .casedetail-about-rel{margin: 0 10px 0 5px;}
.arti .icon-about{width: 14px;margin-top: 7px;height: 15px;background: no-repeat center;background-position: -168px -43px;}
.arti .artical-share-txt{font-size: 14px;color: #999999;line-height: 28px;margin-right: 20px;}
.arti-hi-left{line-height: 28px;}
.arti-hs-list{width: 28px;height: 28px;border: 1px solid #cccccc;text-align: center;line-height: 28px;font-size: 14px;color: #999999;margin-left: -1px;cursor: pointer;}
.arti-hs-list-act{color: #fff;background: #ffa800;border-color: #ffa800;}
.arti-hi-phone{margin-right: 40px;line-height: 28px;color: #666;cursor: pointer;}
.arti-hi-phone:hover .arti-hipl-show{display: block;}
.icon-phone{width: 15px;height: 23px;background: no-repeat center;background-position: -168px 0;}
.arti-hip-left{position: relative;padding-top: 2px;height: 26px;margin-right: 8px;}
.arti-hipl-show{position: absolute;left: 50%;top: 28px;width: 286px;padding-top: 13px;margin-left: -143px;display: none;}
.arti-hipl-box{position: relative;padding: 25px;background: #fff;border: 1px solid #e1e1e1;-webkit-border-radius: 4px;border-radius: 4px;}
.arti-hipl-box:before{content: '';display: block;position: absolute;left: 50%;margin-left: -11px;top: -11px;width: 22px;height: 11px;background-position: -40px -118px;}
.arti-hipl-left{width: 88px;height: 88px;}
.arti-hipl-right{width: 130px;}
.arti-hipl-right-tip{font-weight: normal;font-size: 16px;margin-top: -6px;line-height: 28px;padding-bottom: 5px;color: #444444;border-bottom: 1px solid #dcdcdc;}
.arti-hipl-right-title{font-weight: normal;font-size: 12px;line-height: 20px;color: #999999;text-align: left;padding-top: 5px;}
.arti-share-box{margin-left: 45px;padding-top: 6px;}
.arti-wxwrap{display: none;width: 240px;height: 274px;position: fixed;top: 50%;left: 50%;z-index: 100;margin-left: -130px;margin-top: -147px;background: red;background: #fff;padding: 10px;border: solid 1px #d8d8d8;}
.arti-wxwrap .arti-wxwrap-title{font-size: 12px;font-weight: bold;text-align: left;line-height: 16px;height: 16px;color: #000;}
.arti-wxwrap .arti-wxwrap-close{width: 16px;height: 16px;color: #999;font-size: 16px;cursor: pointer;}
.arti-wxwrap .arti-wxwrap-img{width: 185px;height: 185px;margin: 15px auto;}
.arti-wxwrap .arti-wxwrap-img > img{width: 100%;}
.arti-wxwrap .arti-wxwrap-bottom{font-size: 12px;text-align: center;color: #999;}
.casedetail-share .casedetail-share-txt{font-size: 14px;color: #999999;line-height: 28px;margin-right: 20px;}
.casedetail-share .share-com{width: 16px;height: 16px;cursor: pointer;margin-right: 7px;background-position: 0 -158px;}
.casedetail-share .share-com{width: 28px;height: 28px;padding: 0;margin-left: 6px;margin-right: 3px;}
.casedetail-share .share-qzone{background: no-repeat center;background-position: -120px -48px;}
.casedetail-share .share-sinaminiblog{background: no-repeat center;background-position: -120px 0;}
.casedetail-share .share-qqmb{background: no-repeat center;background-position: 0 -70px;}
.casedetail-share .share-weixin{background: no-repeat center;background-position: -48px -70px;}
.artical-page{margin: 30px 0 40px;border: 1px solid #dddddd;background: #f7f7f7;padding: 15px 0;}
.artical-page .artical-page-ls{width: 433px;font-size: 16px;line-height: 42px;}
.artical-page .artical-page-ls:first-child{border-right: 1px solid #ddd;}
.artical-page .artical-page-ls-title{padding-left: 88px;}
.relcase{width: 601px;padding-left: 50px;margin-bottom: 20px;margin-top: 20px;}
.relcase .relcase-right{background: url("../images/related-recom-bg.png") repeat;width: 816px;padding-top: 4px;padding-right: 4px;padding-bottom: 4px;}
.relcase .relcase-right-main{background: #fff;padding-top: 9px;padding-bottom: 9px;height: 144px;}
.relcase .relcase-title{width: 50px;margin-left: -50px;background: #dc0000;text-align: center;font-size: 20px;color: #fff;padding: 29px 0;line-height: 28px;position: relative;}
.relcase .relcase-title:after{content: '';display: block;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 6px solid transparent;border-left: 6px solid #dc0000;position: absolute;top: 50%;margin-top: -7px;right: -12px;}
.relcase .relcase-list-time{color: #999999;font-size: 14px;}
.relcase .relcase-part{width: 50%;float: left;}
.relcase .relcase-list{line-height: 36px;font-size: 14px;color: #333333;padding-left: 24px;padding-right: 24px;}
.relcase .relcase-list-style{width: 4px;height: 4px;-webkit-border-radius: 50%;border-radius: 50%;background: #cccccc;margin-top: 15px;margin-right: 7px;}
.relcase .relcase-list-link{max-width: 250px;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.relcase .relcase-list-link:hover{color: #dc0000;}
.relcase .relcase-time{color: #999999;font-size: 12px;}
.guslike .guslike-title-ls{border-bottom-color: transparent;margin-right: 20px;cursor: pointer;}
.guslike .guslike-title-ls-cur{border-bottom-color: #dc0000;color: #dc0000;}
.guslike .guslike-main{margin-right: -26px;display: none;}
.guslike .guslike-main-cur{display: block;}
.guslike .guslike-list{width: 198px;margin-bottom: 10px;margin-right: 26px;}
.guslike .guslike-list-imglink{width: 100%;height: 132px;display: block;overflow: hidden;}
.guslike .guslike-list-title{display: block;width: 178px;font-size: 14px;font-weight: normal;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 32px;padding: 0 10px;}
.guslike .guslike-list-title:hover{color: #dc0000;}
.wrap-list-paging{text-align: center;padding: 14px 0;clear: both;}
.wrap-list-paging p{display: inline;}
.wrap-list-paging p a{font-size: 16px;padding: 9px 16px;color: #666;line-height: 20px;border: 1px solid #dddddd;margin-right: 5px;}
.wrap-list-paging p .current, .wrap-list-paging p a:hover{font-size: 16px;padding: 9px 16px;line-height: 20px;border: 1px solid #dc0000;background: #dc0000;color: #fff;margin-right: 5px;}
.bread{margin-bottom: 0;}
.bread .bread-main{font-size: 14px;line-height: 16px;}
.bread .bread-arrow{color: #999999;}
.bread .bread-main-ls{color: #666666;}
.bread .bread-main-ls:hover{color: #dc0000;}
.bread .bread-main-ls-cur{color: #999999;}
.bread .bread-main-tags{color: #666666;}
.bread .bread-main-tags-red{color: #dc0000;}
.sl .slideBox{width: 100%;height: 360px;overflow: hidden;position: relative;}
.sl .slideBox .hd{width: 92px;overflow: hidden;position: absolute;right: 16px;bottom: 25px;z-index: 1;}
.sl .slideBox .hd ul{overflow: hidden;zoom: 1;float: left;}
.sl .slideBox .hd ul li{float: left;width: 15px;height: 4px;background: #fff;cursor: pointer;margin: 0 4px;}
.sl .slideBox .hd ul li.on{background: #dc0000;}
.sl .slideBox .bd{position: relative;height: 100%;z-index: 0;}
.sl .slideBox .bd li{zoom: 1;vertical-align: top;}
.sl .slideBox .bd img{display: block;}
.sl .sl-list{position: relative;display: block;width: 870px;height: 360px;overflow: hidden;}
.sl .sl-list-bottom{position: absolute;bottom: 0;width: 100%;line-height: 54px;color: #fff;background: #000;font-size: 20px;background: rgba(0, 0, 0, 0.5);}
.sl .sl-list-bottom-text{max-width: 645px;overflow: hidden;margin-left: 25px;text-overflow: ellipsis;white-space: nowrap;}
.sl .sl-list-bottom-text:hover{color: #dc0000;}
.sonnav .ma-nav-wrap{border: 1px solid #dddddd;border-top: 2px solid #000000;height: 52px;margin-bottom: 20px;}
.sonnav .ma-nav-wrap .ma-nav-list{border-bottom: 1px solid transparent;border-top: 2px solid transparent;margin-top: -2px;line-height: 52px;font-size: 16px;padding: 0 18px;position: relative;}
.sonnav .ma-nav-wrap .ma-nav-list:before{content: '';display: none;width: 0;position: absolute;bottom: -1px;left: 50%;margin-left: -5px;border: 5px solid transparent;border-bottom-color: #fff;}
.sonnav .ma-nav-wrap .ma-nav-list:first-child{margin-left: -1px;border-left: 1px solid transparent;}
.sonnav .ma-nav-wrap .ma-nav-list-hover, .sonnav .ma-nav-wrap .ma-nav-list:hover{border-color: #dc0000;background: #dc0000;color: #fff;}
.sonnav .ma-nav-wrap .ma-nav-list-hover:before, .sonnav .ma-nav-wrap .ma-nav-list:hover:before{display: block;}
.sonnav .ma-nav-wrap .ma-nav-more{color: #666666;font-size: 16px;width: 107px;position: relative;padding-left: 21px;background: #f7f7f7;border-left: 1px solid #dddddd;text-align: center;line-height: 52px;}
.sonnav .ma-nav-wrap .ma-nav-more:hover .ma-nav-more-show{display: block;}
.sonnav .ma-nav-wrap .ma-nav-more:hover .icon-ma-arrow{background-position: -168px -78px;}
.sonnav .ma-nav-wrap .ma-nav-more:hover .ma-nav-more-title{color: #dc0000;}
.sonnav .ma-nav-wrap .icon-ma-arrow{width: 10px;height: 5px;margin-left: 10px;margin-top: 23px;background: no-repeat center;background-position: -168px -103px;}
.sonnav .ma-nav-wrap .ma-nav-more-show{position: absolute;width: 298px;top: 52px;right: -1px;border: 1px solid #dddddd;background: #fff;display: none;}
.sonnav .ma-nav-wrap .ma-nav-more-show-wrap{margin-right: -20px;padding-left: 23px;padding-top: 21px;padding-bottom: 17px;}
.sonnav .ma-nav-wrap .ma-nms-a{font-size: 16px;color: #000000;margin-right: 23px;line-height: 36px;}
.sonnav .ma-nav-wrap .ma-nms-a:hover{color: #dc0000;}
.sonnav .ma-modone{padding: 20px 0;border-top: 1px dotted #dddddd;}
.sonnav .ma-modone .ma-modone-left{width: 136px;height: 102px;margin-right: 20px;}
.sonnav .ma-modone .ma-modone-right{width: 100%;}
.sonnav .ma-modone .ma-modone-left + .ma-modone-right{width: 505px;}
.sonnav .ma-modone .ma-modone-right-title{display: block;max-width: 100%;color: #000;font-size: 18px;line-height: 20px;padding-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sonnav .ma-modone .ma-modone-right-title:hover{color: #dc0000;}
.sonnav .ma-modone .ma-modone-right-content{font-size: 14px;line-height: 22px;height: 44px;overflow: hidden;color: #666666;}
.sonnav .ma-modone .ma-modone-right-content .a-hover{color: #999999;}
.sonnav .ma-modone .ma-modone-right-content .a-hover:hover{color: #dc0000;}
.sonnav .ma-modone .ma-modone-right-time{font-size: 14px;color: #999999;line-height: 16px;padding-top: 14px;}
.sonnav .ma-modtwo{padding: 20px 0;margin-right: -22px;border-top: 1px dotted #dddddd;}
.sonnav .ma-modtwo .ma-modtwo-list{width: 213px;margin-right: 21px;height: 141px;position: relative;}
.sonnav .ma-modtwo .ma-modtwo-list-bottom{position: absolute;left: 0;bottom: 0;width: 193px;padding: 0 10px;line-height: 31px;font-size: 14px;color: #fff;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #000;background: rgba(0, 0, 0, 0.5);}
.sonnav .ma-modtwo .ma-modtwo-list-bottom:hover{color: #dc0000;}
.sonnav .ma-addmore{background: #f8f8f8;text-align: center;font-size: 16px;vertical-align: middle;line-height: 48px;}
.sonnav .ma-addmore .a-hover{vertical-align: middle;color: #666666;}
.sonnav .ma-addmore .a-hover:hover{color: #dc0000;}
.sonnav .icon-addmore-arrow{width: 9px;margin-left: 8px;vertical-align: middle;height: 14px;background: url(../images/icon-addmore-arrow.png) no-repeat center;}
.ls-main .ls-mod{display: none;}
.ls-main .ls-mod-act{display: block;}
.two-list{margin-bottom: 25px;}
.ad-rightpic{display: block;width: 300px;height: 250px;overflow: hidden;margin-bottom: 15px;}
.hot-recom{width: 300px;}
.hot-recom .hot-recom-imgwrap{display: block;height: 150px;overflow: hidden;position: relative;margin-bottom: 4px;}
.hot-recom .hot-recom-imgwrap .hot-recom-first{position: absolute;left: 0;bottom: 0;width: 100%;height: 36px;line-height: 36px;}
.hot-recom .hot-recom-imgwrap .hot-rf-num{width: 36px;text-align: center;font-style: italic;font-weight: bold;font-size: 24px;background: #ff6362;color: #fff;}
.hot-recom .hot-recom-imgwrap .hot-rf-txt{padding-left: 13px;width: 229px;padding-right: 22px;background: rgba(0, 0, 0, 0.3);font-size: 14px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hot-recom .hot-recom-imgwrap .hot-rf-txt:hover{color: #dc0000;}
.hot-recom .hot-recom-list{border-top: 1px dashed #dfdfdf;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;line-height: 32px;padding: 5px 0;}
.hot-recom .hot-recom-list:first-child{border-top: none;}
.hot-recom .hot-recom-ls{color: #000000;display: block;}
.hot-recom .hot-recom-ls:hover{color: #dc0000;}
.hot-recom .hot-recom-ls-num{width: 20px;text-align: center;padding-right: 10px;font-weight: bold;font-size: 24px;color: #ff6362;font-style: italic;}
.hot-recom .hot-recom-ls-word{font-size: 14px;max-width: 245px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fcpw .fcpw-ls-imgwrap{width: 120px;height: 80px;overflow: hidden;margin-right: 10px;}
.fcpw .fcpw-right{width: 170px;}
.fcpw .fcpw-right .a-hover{height: 48px;display: block;color: #000;font-size: 14px;overflow: hidden;line-height: 24px;}
.fcpw .fcpw-right .a-hover:hover{color: #dc0000;}
.fcpw .fcpw-right-time{color: #999999;font-size: 12px;line-height: 14px;margin-top: 18px;}
.fcpw .fcpw-ls{margin-bottom: 20px;}
.gul .gul-imgwrap{display: block;width: 100%;height: 150px;overflow: hidden;margin-bottom: 10px;}
.gul .gul-ls{display: block;line-height: 36px;color: #333333;font-size: 14px;height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gul .gul-ls:hover{color: #dc0000;}
.gul .icon-gul-pic{width: 16px;height: 14px;margin-top: 11px;background: no-repeat;background-position: -36px -158px;margin-right: 6px;}
.gul .gul-lp-a{max-width: 278px;line-height: 36px;color: #333333;font-size: 14px;height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gul .gul-lp-a:hover{color: #dc0000;}
.hot-pic .hot-pic-ul{margin-right: -10px;}
.hot-pic .hot-pic-ls{width: 145px;margin-bottom: 4px;margin-right: 10px;}
.hot-pic .hot-pic-ls-imgwrap{height: 109px;display: block;overflow: hidden;}
.hot-pic .hot-pic-ls-title{width: 125px;font-weight: normal;color: #000000;font-size: 14px;line-height: 36px;height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px;}
.hot-pic .hot-pic-ls-title:hover{color: #dc0000;}
.hot-pic .hot-pic-slide{width: 100%;height: 300px; /* 本例子css */}
.hot-pic .hot-pic-slide .slideBox{width: 100%;height: 300px;overflow: hidden;position: relative;}
.hot-pic .hot-pic-slide .slideBox .hd{width: 60px;height: 10px;overflow: hidden;position: absolute;left: 50%;margin-left: -30px;bottom: 0;z-index: 1;}
.hot-pic .hot-pic-slide .slideBox .hd ul{overflow: hidden;zoom: 1;float: left;}
.hot-pic .hot-pic-slide .slideBox .hd ul li{float: left;width: 10px;height: 6px;margin: 0 5px;background: #dddddd;cursor: pointer;}
.hot-pic .hot-pic-slide .slideBox .hd ul li.on{background: #f00;color: #fff;}
.hot-pic .hot-pic-slide .slideBox .bd{position: relative;height: 100%;z-index: 0;}
.hot-pic .hot-pic-slide .slideBox .bd li{zoom: 1;vertical-align: middle;}
.hot-pic .hot-pic-slide .hot-pic-slide-ls{height: 300px;}
.hot-search .hot-search-main .hot-search-word{line-height: 34px;padding: 0 17px;-webkit-border-radius: 17px;border-radius: 17px;border: 1px solid #dddddd;margin-right: 10px;font-size: 16px;margin-bottom: 15px;}
.hot-search .hot-search-main .hot-search-word:hover{color: #fff;background: #dc0000;}
.hot-search .hot-search-main .hot-search-word-hot{color: #dc0000;}
.one-pic .about-head{margin-bottom: 40px;}
.one-pic .about-head .about-head-word{font-size: 36px;}
.one-pic .one-list-main{margin-bottom: 25px;}
.nofind{padding: 82px 0 65px;}
.nofind .nofind-pic{margin-left: 194px;margin-right: 33px;}
.nofind .nofind-right{padding-top: 73px;}
.nofind .nofind-word{display: block;}
.nofind .nofind-right-word{margin-top: 30px;font-size: 18px;color: #999999;line-height: 20px;}
.nofind .nofind-right-word .a-hover{color: #007aff;border-bottom: 1px solid #007aff;}
.nofind .nofind-right-word .a-hover:hover{color: #dc0000;border-color: #dc0000;}
.guess-like-nofind .icon-404-love{width: 30px;height: 30px;margin-right: 12px;background: no-repeat;background-position: -70px 0;}
.guess-like-nofind .guess-like-nofind-title-word{font-weight: normal;font-size: 20px;line-height: 30px;}
.guess-like-nofind .guess-like-nofind-title{margin-bottom: 20px;}
.guess-like-nofind .fcpw-ls-imgwrap{width: 120px;height: 80px;overflow: hidden;margin-right: 15px;}
.guess-like-nofind .fcpw-right{width: 185px;}
.guess-like-nofind .fcpw-right .a-hover{height: 24px;display: block;color: #000;font-size: 16px;overflow: hidden;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.guess-like-nofind .fcpw-right .a-hover:hover{color: #dc0000;}
.guess-like-nofind .fcpw-right .fcpw-right-info{color: #666666;font-size: 14px;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.guess-like-nofind .fcpw-right-time{color: #999999;font-size: 12px;line-height: 16px;margin-top: 14px;}
.guess-like-nofind .fcpw-ls{width: 390px;margin-right: 30px;padding-bottom: 15px;padding-top: 15px;border-top: 1px dashed #dddddd;}
.guess-like-nofind .fcpw-ls-es{padding-top: 0;border-top: none;}
.hot-recom-404 .hot-recom-imgwrap{height: 200px;} .hot-recom-404 .hot-recom-imgwrap::before{content: '';
display: block;
width: 50px;
height: 50px;
position: absolute;
background: no-repeat;
background-position: 0 0;
top: 0;
left: 0;}
.hot-recom-404 .hot-recom-ls-num{color: #aaaaaa;}
.hot-recom-404 .hot-recom-list{line-height: 34px;}
.aboutus-main{padding-top: 36px;color: #333333;font-size: 16px;line-height: 32px;}
.aboutus-main .aboutus-main-2em{text-indent: 2em;}
.aboutus-main .aboutus-main-title{font-size: 20px;font-weight: bold;}
.aboutus-main .aboutus-main-bold{font-weight: bold;}
.contactus-main{padding-top: 81px;}
.contactus-main .contactus-main-left{margin: 0 auto;display: block;}
.contactus-main .contactus-main-ul{padding-top: 16px;font-size: 18px;line-height: 36px;color: #666666;}
.contactus-main .contactus-main-ls{margin-bottom: 35px;}
.contactus-main .contactus-email{text-align: center;color: #666666;font-size: 16px;line-height: 68px;}
/*---网站地图---*/
.linkbox{overflow:hidden;padding-bottom:10px;margin:0 auto;color:#666;}
.linkbox h3{line-height:55px;height:55px;font-size:15px;}
.f6{border:solid 1px #E0E0E0;padding:10px 0;}
.f6 ul{padding:0 11px;}
.f6 li{float:left;line-height:30px;height:30px;width:90px;white-space:nowrap;overflow:hidden;}
.f6 li a{color:#666;font-size:14px}
.f6 li a:hover{color:#0F6BD6;}
.clear{clear:both;height:0;line-height:0;font-size:0;}
.sitemap-main{padding-top: 50px;margin-bottom: -26px;}
.sitemap-main .sitemap-main-ls{margin-bottom: 26px;}
.sitemap-main .sitemap-main-ls-title{width: 61px;height: 32px;line-height: 32px;background: #a6ddb1;text-align: center;font-size: 14px;margin-right: 18px;color: #fff;}
.sitemap-main .sitemap-main-ls-title:hover{background: #dc0000;}
.sitemap-main .sitemap-main-ls-right{max-width: 810px;font-size: 14px;}
.sitemap-main .sitemap-main-ls-right-ls{line-height: 32px;margin-right: 20px;}
.sitemap-main .sitemap-main-ls-right-ls:hover{color: #dc0000;}
.about-b{background: #f8f8f8;padding: 40px 0 50px;}
.about-head{position: relative;width: 740px;margin: 0 auto;font-weight: normal;height: 30px;}
.about-head:before{content: '';display: block;position: absolute;width: 100%;height: 1px;background: #ddd;left: 0;top: 16px;}
.about-head .about-head-word{position: absolute;top: 0;left: 50%;margin-left: -175px;width: 350px;background: #fff;text-align: center;font-size: 30px;line-height: 32px;}
.about-head .about-head-eng{color: #ff6362;}
.about{background: #fff;}
.about .about-nav{width: 209px;}
.about .about-nav-ls{width: 100%;text-align: center;line-height: 60px;color: #000000;font-size: 18px;cursor: pointer;}
.about .about-nav-ls:hover, .about .about-nav-ls-cur{background: #dc0000;}
.about .about-nav-ls:hover, .about .about-nav-ls-cur a{color: #fff;}
.about .about-main{width: 890px;min-height: 500px;padding: 47px 50px;border-left: 1px solid #eeeeee;}
.about .about-main-ls{display: none;}
.about .about-main-ls-cur{display: block;}
.nofind-main{width: 1140px;background: #f7f7f7;padding-left: 30px;padding-right: 30px;padding-top: 30px;margin-top: 20px;margin-bottom: 50px;padding-bottom: 35px;}
.nofind-main-left{width: 840px;}
.content-2em{text-indent: 2em;}
.adserver-contact{color: #ff3366;}
.b-b-dashed{border-bottom: 1px dashed #dddddd;}
.ptb-20{padding-top: 20px;padding-bottom: 20px;}
.pb-40{padding-bottom: 40px;}
.pb-20{padding-bottom: 20px;}
.pt-20{padding-top: 20px;}
.pt-0{padding-top: 0;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.ml--96{margin-left: -96px;}
.mr--96{margin-right: -96px;}
.mt-20{margin-top: 20px;}
/* ../images/style.png */
.arti .icon-about, .icon-phone, .arti-hipl-box:before, .casedetail-share .share-com, .casedetail-share .share-qzone, .casedetail-share .share-sinaminiblog, .casedetail-share .share-qqmb, .casedetail-share .share-weixin, .sonnav .ma-nav-wrap .ma-nav-more:hover .icon-ma-arrow, .sonnav .ma-nav-wrap .icon-ma-arrow, .gul .icon-gul-pic, .guess-like-nofind .icon-404-love, .hot-recom-404 .hot-recom-imgwrap::before{background-image: url(../images/style.png);}
/*分页*/
.pagebreak{text-align:center;margin:14px auto;overflow: hidden;font-size:14px;height:45px;line-height:23px;width: 60%;}
.pagebreak ul{display:inline-block;}
.pagebreak .current{padding:3px 5px;border: 1px solid #CCC;color: #036;background-color: #CCC;}
.pagebreak li{BORDER-RIGHT: #dddddd 1px solid;padding:3px 8px;BORDER-TOP: #dddddd 1px solid;BACKGROUND: #fff;FLOAT: left;MARGIN: 3px;BORDER-LEFT: #dddddd 1px solid;COLOR: #aaaaaa;BORDER-BOTTOM: #dddddd 1px solid;LIST-STYLE-TYPE: none}
.pagebreak a{COLOR: #aaaaaa;margin-top: 0px;margin-right: 2px;margin-bottom: 0px;margin-left: 2px;}
.pagebreak .thisclass{BORDER-RIGHT: #e0e0e0 1px solid;BORDER-TOP: #e0e0e0 1px solid;BACKGROUND: #379be9;BORDER-LEFT: #e0e0e0 1px solid;COLOR: #ff0084;BORDER-BOTTOM: #e0e0e0 1px solid}
.pagebreak .thisclass a{COLOR: #fff}
.top-ad{margin-top: 15px;height: 90px;overflow: hidden;vertical-align: top;}
.cd-top{display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background:#dc0000 url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.cd-top.cd-is-visible{/* the button becomes visible */ visibility: visible; opacity: 1;}
.cd-top.cd-fade-out{/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .8;}
.no-touch .cd-top:hover{background-color: #e86256; opacity: 1;}
@media only screen and (min-width: 768px){.cd-top{right: 20px; bottom: 20px;}}
@media only screen and (min-width: 1024px){.cd-top{height: 50px; width: 50px; right: 30px; bottom: 30px;}}

.ad_u_2018112002 { margin-top: 20px; }

.jumpPage { border-top: dotted 1px #DDD; padding: 10px 0; }
.jumpPage .jumpUp, .jumpUp .jumpDown { width: 50%; float: left; }
.jumpUp .jumpDown { text-align: right; }
.jumpPage a:hover { color: #E60617; }
.arc-tag { border-top: dotted 1px #DDD; height: auto; overflow: hidden; padding: 10px 0; }
.arc-tag .t1 { border: solid 1px #DDD; padding: 3px 5px; }
.arc-tag .t1:hover { background: #e60617; color: #FFF; }