@font-face {font-family: 'syhtthin';
    src: url('webfont/webfont.eot'); /* IE9*/
    src: url('webfont/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('webfont/webfont.woff') format('woff'), /* chrome、firefox */
    url('webfont/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('webfont/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: 'syhtbold';
    src: url('webfont/webfont1.eot'); /* IE9*/
    src: url('webfont/webfont1.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('webfont/webfont1.woff') format('woff'), /* chrome、firefox */
    url('webfont/webfont1.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('webfont/webfont1.svg#webfont') format('svg'); /* iOS 4.1- */
}
@font-face {
    font-family: 'CENSCBK';
    src: url('fonts/CENSCBK.eot');
    src: url('fonts/CENSCBK.eot') format('embedded-opentype'),
         url('fonts/CENSCBK.woff2') format('woff2'),
         url('fonts/CENSCBK.woff') format('woff'),
         url('fonts/CENSCBK.ttf') format('truetype'),
         url('fonts/CENSCBK.svg#CENSCBK') format('svg');
}
.inside-banner{width:100%; position:relative;}
.inside-banner img{width:100%;}
img.lazy{background:#f2f2f2 url(/img/loading.gif) no-repeat center center;}
img.lazy[src^="/upload"],img.lazy[src^="http"],img.lazy[src^="https"]{ background:transparent;}
.main{width:100%; padding-bottom:20px; background-color:#f7f7f7; color:#4d4d4d; overflow:hidden;}
.main .container,.sitemap .container{width:1200px; margin:0 auto;}
.main a:hover,.sitemap a:hover{color:#dc2026;}
.sitemap{width:100%; padding-left:0; line-height:35px; font-size:13px; background-color:#fff; border-bottom:solid 1px #ddd;border-top:solid 1px #ddd; position:relative;}
.sitemap img{float:left; height:18px; margin-right:7px; margin-top:8px;}
.sitemap span{ font-family:宋体; margin:0 8px; display:inline-block;}
.top-common{float:left; margin-top:23px; margin-bottom:23px; width:100%;}
.top-common .catalog{float:left;}
.top-common .catalog a{float:left; padding:10px 20px; line-height:20px; font-size:15px; margin-right:10px; color:#555; border:solid 1px #fff; background-color:#fff; box-sizing:border-box;}
.top-common .catalog a.current{ background-color:#ffa200; color:#fff;}
.top-common .catalog a:hover{ border-color:#ffbc59; transition:all 0.3s ease 0s;}
.top-common .search{float:right;}
.top-common .search input[type="text"]{float:left; width:386px; padding:5px 12px; background-color:#fff; border:solid 1px #e6e6e6; border-right:none; line-height:30px; color:#999; font-size:14px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-radius:8px 0 0 8px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.top-common .search input[type="text"]:focus{border-color: #ffa200; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(171, 20, 2, 0.3); outline: 0 none; color:#000;}
.top-common .search input[type="submit"]{float:left; width:72px; height:42px; background:#ffa200 url(/img/icon_search.png) no-repeat center center; border:0; padding:0; margin:0; cursor:pointer; font-size:0; text-indent:-999px;}
.top-common .search input[type="submit"]:hover{ background-color:#feb12a; transition:all 0.3s ease 0s;}
.top-common .search input[type="submit"]:active{ background-color:#ec9e15; }
.main .panel-head{float:left; margin-bottom:13px; width:100%; height:40px; font-size:16px; background-color:#feedcf; box-sizing:border-box;}
.main .panel-head .title{float:left; margin-left:12px; margin-top:12px; padding-left:12px; height:16px; line-height:16px; position:relative;}
.main .panel-head .title:before{position:absolute; left:0; top:0; content:""; width:5px; height:18px; background-color:#ffa60c; border-radius:8px;}
.main .leftpanel{float:left; width:825px;}
.main .leftpanel .panel-head{border-right:solid 3px #fea200;}
.main .leftpanel .panel-head.s1{ margin-top:18px;}
.main .leftpanel .panel-head .title{ padding-left:12px;}
.main .leftpanel .panel-head .item{float:left; width:390px; text-align:center; line-height:40px;}
.main .leftpanel .panel-head .item.s1{width:120px; margin-left:90px;}
.main .leftpanel .panel-head .item.s2{float:right; width:120px; margin-right:10px;}
.main .leftpanel article{float:left; width:100%; background-color:#fff; border-top: solid 2px #fdb333;}
.main .leftpanel article h1{float:left; padding:15px 10px 5px; width:100%; line-height:30px; text-align:center; font-size:18px; color:#000; box-sizing:border-box;}
.main .leftpanel article .article-content{float:left; margin-top:13px; padding:15px 30px; width:100%; background-color:#fff; box-sizing:border-box;}
.main .leftpanel article .article-content .info{float:left; width:100%; line-height:30px; text-align:center; font-size:13px;}
.main .leftpanel article .article-content .info span{color:#a6a6a6; margin-left:20px; display:inline-block;}
.main .leftpanel article .article-content .info i{ font-style:normal; min-width:30px; text-align:left; display:inline-block;}
.main .leftpanel article .article-content .content{float:left; margin-top:15px; width:100%; font-size:15px; line-height:29px;}
.main .leftpanel article .article-content .content img{max-width:100%; margin-left:-30px;}
.main .leftpanel article .article-content .content p,.mod-cases-details article .content p{ text-indent:30px; margin-bottom:10px; /*display:inline-block;*/}
.main .leftpanel article .article-content .content h1,.main .leftpanel article .article-content .content h2,.main .leftpanel article .article-content .content h3,.mod-cases-details article .content h1,.mod-cases-details article .content h2,.mod-cases-details article .content h3,.mod-cases-details article .content h4{ margin-bottom:12px; display:inline-block;}
.main .leftpanel article .article-content .tags{float:left; margin-top:20px; line-height:21px;}
.main .leftpanel article .article-content .tags a{float:left; margin-left:5px; font-size:12px; line-height:21px;color:#a6a6a6; }
/*.main .leftpanel article .article-content .tags a:nth-child(2){ background-color:#ffa200;}
.main .leftpanel article .article-content .tags a:nth-child(3){ background-color:#f4cb37;}
.main .leftpanel article .article-content .tags a:nth-child(4){ background-color:#9c7e79;}
.main .leftpanel article .article-content .tags a:nth-child(5){ background-color:#ffbc59;}
.main .leftpanel article .article-content .tags a:hover{opacity:0.8;}*/
.main .leftpanel article .article-content .tags span{float:left; font-size:14px;}
.main .leftpanel article .article-content .bdsharebuttonbox{float:right; margin-top:23px; height:32px;}
.main .leftpanel article .article-content .bdsharebuttonbox span{float:left; font-size:14px; line-height:32px; margin-right:0;}
.main .leftpanel article .article-content .bdsharebuttonbox a{float:left; margin:0 0 0 10px; width:32px; height:32px; background-position:0 0; background-repeat:no-repeat; transition:all 0.3s ease 0s;}
.main .leftpanel article .article-content .bdsharebuttonbox a.bds_weixin{ background-image:url(/images/icon_weixin.png);}
.main .leftpanel article .article-content .bdsharebuttonbox a.bds_sqq{ background-image:url(/images/icon_qq.png);}
.main .leftpanel article .article-content .bdsharebuttonbox a.bds_tsina{ background-image:url(/images/icon_weibo.png);}
.main .leftpanel article .article-content .bdsharebuttonbox a:hover{ background-position:0 bottom; opacity:1; transition:all 0.3s ease 0s; }
.main .leftpanel article .article-content .prev_next{float:left; border-top:solid 1px #ebebeb; padding-top:10px; margin-top:20px; width:100%;  line-height:30px; font-size:14px;}

.mod-news-item{float:left; padding:7px 30px 22px; width:100%; background-color:#fff; box-sizing:border-box;}
.mod-news-item ul{float:left; width:100%; padding:0; margin:0; list-style-type:none;}
.mod-news-item .item{float:left; padding-bottom:15px; margin-top:15px; width:100%; border-bottom:solid 1px #ebebeb; position:relative;}
.mod-news-item .item:after{ position:absolute; left:0; bottom:-1px; content:""; width:0; height:1px; opacity:0; background-color:#dc2026; transition:all 0.3s ease 0s;}
.mod-news-item .item:hover:after{ opacity:1; width:100%; }
@-webkit-keyframes move{ 0%{width:0;} 50%{width:100%;} 75%{width:95%;} 85%{width:100%;} 95%{width:97%;} 100%{width:100%;}}
.mod-news-item .item .pic{float:left; display:block; width:200px; height:auto;}
.mod-news-item .item .pic img{width:100%;}
.mod-news-item .item .info{float:right; width:calc(100% - 200px - 15px);}
.mod-news-item .item .info .title{float:left; width:100%; height:25px; font-size:15px; font-weight:600; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-news-item .item .info .date{float:left; width:100%; font-size:12px; margin-top:5px; color:#999;}
.mod-news-item .item .info .abstract{float:left; width:100%; margin-top:10px; line-height:22px; font-size:13px; text-align:justify;}

.mod-news-item .item .info .rel-link{float:left;width:100%;margin-top:10px;}
.mod-news-item .item .info .rel-link a {display: inline-block; color: #666; font-size: 12px; }
.mod-news-item .item .info .rel-link .menu, .mod-news-item .item .info .rel-link .tag { line-height: 20px; padding-left: 30px; padding-left: 20px; background-position: left center; background-size: auto 80%;}
.mod-news-item .item .info .rel-link .menu { float: left; background-image: url(/images/icon_category.png);}
.mod-news-item .item .info .rel-link .tag { float: right; background-image: url(/images/icon_label.png);}
.mod-news-item .item .info .rel-link .tag a { margin-right: 10px; }
.mod-news-item .item .info .rel-link a:hover{color:#ff9d00;}

/*******老新闻页面*********/
.mod-news-item,.mod-faq-item{float:left; padding:7px 30px 22px; width:100%; background-color:#fff; box-sizing:border-box;}
.mod-news-item ul{float:left; width:100%; padding:0; margin:0; list-style-type:none;}
.mod-news-item ul li{float:left; padding-bottom:15px; margin-top:15px; width:100%; border-bottom:solid 1px #ebebeb; position:relative;}
.mod-news-item ul li:after{ position:absolute; left:0; bottom:-1px; content:""; width:100%; height:1px; opacity:0; background-color:#dc2026; transition:all 0.3s ease 0s;}
.mod-news-item ul li:hover:after{ opacity:1; -webkit-animation:move 0.6s ease-out 0s; animation:move 0.6s ease-out 0s;}
@-webkit-keyframes move{ 0%{width:0;} 50%{width:100%;} 75%{width:95%;} 85%{width:100%;} 95%{width:97%;} 100%{width:100%;}}
.mod-news-item ul li img{float:left; width:160px; height:120px;}
.mod-news-item ul li .news{float:right; width:calc(100% - 160px - 15px);}
.mod-news-item ul li .news .title{float:left; width:100%; height:25px; font-size:15px; font-weight:600; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-news-item ul li .news .date{float:left; width:100%; font-size:12px; margin-top:5px; color:#999;}
.mod-news-item ul li .news .abstract{float:left; width:100%; margin-top:10px; line-height:22px; font-size:13px; text-align:justify;}
.mod-news-item ul li .news .catalog_tag{float:left; width:100%; margin-top:10px; line-height:22px; font-size:13px; text-align:justify;}
.mod-news-item ul li .news .catalog_tag a{ float:left; font-size:12px;}
.mod-news-item ul li .news .catalog_tag .catalog{background:url(/images/icon_category.png) no-repeat left center; background-size: auto 80%; padding-left:25px; float:left;height:22px;}
.mod-news-item ul li .news .catalog_tag .catalog a{ float:left; font-size:12px;}
.mod-news-item ul li .news .catalog_tag .tags{background:url(/images/icon_label.png) no-repeat left center; background-size: auto 80%; padding-left:15px; float:right;height:22px;}
.mod-news-item ul li .news .catalog_tag .tags a{ float:right; font-size:12px; padding-left:10px;}

.mod-figure-item{float:left; width:100%; padding:7px 30px 22px; margin:0; list-style-type:none; font-size:14px; background-color:#fff; box-sizing:border-box;}
.mod-figure-item *{box-sizing:border-box;}
.mod-figure-item li{float:left; padding:0 2px; width:47%; height:50px; line-height:49px; border-bottom:solid 1px #ebebeb; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-figure-item li:nth-child(2n){float:right;}
.mod-figure-item figure{float:left; margin-top:8px; margin-bottom:7px; padding-bottom:15px; width:100%; border-bottom:solid 1px #ebebeb;}
.mod-figure-item figure:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.mod-figure-item figure img{float:left; width:120px; height:90px; margin-right:20px;}
.mod-figure-item figure figcaption{float:left; width:calc(100% - 120px - 20px); height:25px; font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-figure-item figure .date{float:left; font-size:12px; color:#999;  line-height:20px;width:calc(100% - 120px - 20px);}
.mod-figure-item figure .date span{ margin-right:10px;}
.mod-figure-item figure .date p{overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;/*!autoprefixer:off*/-webkit-box-orient: vertical;/*autoprefixer:on*/}
.mod-figure-item figure .date a{ margin-left:5px;}

.pagination a[disabled]{  color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination span.active{z-index: 2;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
.pagination{float:left; width:100%; margin-top:40px; margin-bottom:20px; text-align:center;}
.pagination a,.pagination .current{width:40px; height:35px; margin:0 5px; border:solid 1px #ddd; line-height:35px; color:#000; font-size:12px; display:inline-block;}
.pagination .current,.pagination a:hover{ background-color:#ffa200; border-color:#ffa200; color:#fff; display:inline-block;}
.pagination .page{ width:auto; padding:0 18px;}
.main .rightpanel{float:right; width:360px;}
.main .rightpanel *{box-sizing:border-box;}
.main .rightpanel .panel-list{float:left; width:100%; padding:12px 15px; margin:0; background-color:#fff; margin-bottom:18px; list-style-type:none; }
.main .rightpanel .panel-list li,.main .rightpanel .panel-list .pic-item .title{float:left; width:100%; font-size:14px;}
.main .rightpanel .panel-list li a{float:left; padding-left:20px; max-width:100%; height:33px; line-height:33px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative;}
.main .rightpanel .panel-list li a:before{ position:absolute; left:6px; top:15px; content:""; width:5px; height:5px;  background-color:#ffa200;}
.main .rightpanel .panel-list.faq li a:before{ width:auto; height:100%; background:none; top:0; content:"»"; color:#dc2026; line-height:33px;}
.main .rightpanel .panel-list .pic-item{ margin-bottom:12px;overflow:hidden;}
.main .rightpanel .panel-list .pic-item .pic{ float:left; display:block; width:100px; height:75px;}
.main .rightpanel .panel-list .pic-item a{ padding-left:0; height:auto;}
.main .rightpanel .panel-list .pic-item .title{float:right; display:block; width:calc(100% - 100px - 12px); line-height:25px; text-overflow:normal; white-space:normal;}
.main .rightpanel .panel-list .pic-item a:before,.main .rightpanel .tags li a:before{ display:none;}
.main .rightpanel .tags li{ float:left; width:auto; margin-right:20px;}
.main .rightpanel .tags li a{ padding-left:0;}

.main .rightpanel ul{float:left; width:100%; padding:12px 15px; margin:0; background-color:#fff; margin-bottom:18px; list-style-type:none; }
.main .rightpanel ul li{float:left; width:100%; font-size:14px;}
.main .rightpanel ul li a{float:left; padding-left:20px; max-width:100%; height:33px; line-height:33px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative;}
.main .rightpanel ul li a:before{ position:absolute; left:6px; top:15px; content:""; width:5px; height:5px;  background-color:#ffa200;}
.main .rightpanel ul.faq li a:before{ width:auto; height:100%; background:none; top:0; content:"»"; color:#dc2026; line-height:33px;}
.main .rightpanel ul li.pic{ margin-bottom:12px;}
.main .rightpanel ul li.pic img{ float:left; width:100px; height:75px;}
.main .rightpanel ul li.pic a{ padding-left:0; height:auto;}
.main .rightpanel ul li.pic a.title{float:right; width:calc(100% - 100px - 12px); line-height:25px; text-overflow:normal; white-space:normal;}
.main .rightpanel ul li.pic a:before,.main .rightpanel ul.tags li a:before{ display:none;}
.main .rightpanel ul.tags li{ float:left; width:auto; margin-right:20px;}
.main .rightpanel ul.tags li a{ padding-left:0;}

/********案例*********/
.container.s1320{width:1320px;}
.case-main{ margin-bottom:50px;}
.index-main .item-box2 .container{width:1320px;}
.index-main .item-box2{margin-top:0;}
.index-main .item-box2 .caseSlide{float:left; width:100%; margin-top:0;}
.index-main .item-box2 .caseSlide .hd a{ float:left; margin:0; padding:0 20px; width:100%;  font-size:14px;}
.index-main .item-box2 .caseSlide .hd ul{float:left; width:100%; }
.index-main .item-box2 .caseSlide .bd > ul{margin-top:0;}
.index-main .item-box2 .caseSlide .hd ul li{min-width:15.6666%; width:auto; margin-right:1.1363%;}
.index-main .item-box2 .caseSlide .hd ul li:last-child{ margin-right:0;}
.index-main .item-box2 .caseSlide .hd ul li a:hover{color:#fff;}
body.cases .top-common .catalog a{border-color:#e0e0e0;}
body.cases .top-common .catalog a:hover{border-color:#ffa200;}
body.cases .top-common .catalog a.current{border-color:#ffa200;}
body.cases .top-common .search input[type="text"]{width:300px;}
.mod-cases-details *{box-sizing:border-box;}
.mod-cases-details{float:left; padding:15px; width:100%; margin-top:0;background-color:#fff; position:relative;}
.mod-cases-details:before{ position:absolute; left:0; top:19px; content:""; height:54px; width:3px; background-color:#ffa200;}
.mod-cases-details article{float:left; width:100%;}
.mod-cases-details article h1.title{float:left; width:100%; font-size:20px; color:#000; line-height:30px;}
.mod-cases-details article .info{float:left; margin-top:10px; width:100%; font-size:14px; line-height:20px;}
.mod-cases-details article .content{float:left; width:100%; margin-top:15px; font-size:14px; line-height:26px;}
.mod-cases-details article .content img{max-width:100%; margin-top:10px; display:inline-block;}
/**********网站建设****************/
.inside-banner .wrapper{ position:absolute; left:17.65625%; top:34.5238%; width:340px; color:#454545; text-align:right;}
.inside-banner .wrapper h2{font-size:35px;}
.inside-banner .wrapper h3{ margin-top:15px; font-size:24px; font-family:syhtthin; font-weight:normal; color:#000000;}
.inside-banner .wrapper p{ margin-top:7px; font-size:16.7px; font-family:CENSCBK; color:#555555;}
.inside-banner .wrapper a{ margin-top:12px; padding-left:26px; width:235px; height:40px; line-height:40px; text-align:left; background:#ffa200 url(/img/icon_chat.png) no-repeat 195px center; background-size:25px auto; font-size:15px; color:#fff; display:inline-block; border-radius:5px; box-shadow:1.5px 2px 1px 2px #d3911f;}
.inside-banner .wrapper a:active{ box-shadow:0 1px 0 1px #d3911f;}
.mod-website-box{float:left; margin-top:50px; width:100%;}
.mod-website-box .item{float:left; width:23.8%; margin-bottom:30px; margin-right:1.6%; overflow:hidden; position:relative;}
.mod-website-box .item:nth-child(4n){ margin-right:0;}
.mod-website-box .item img{float:left; width:100%;}
.mod-website-box .item:before,.mod-website-box .item:after{ position:absolute; left:0; top:0; content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.mod-website-box .item:after{ background-color:rgba(255,162,0,0.75); top:-100%; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.mod-website-box .item .item-title{ position:absolute; left:0; top:12%; font-size:25px; width:100%; color:#fff; text-align:center; font-family:syhtbold; z-index:5;}
.mod-website-box .item small{ position:absolute; left:0; top:22.5%; width:100%; text-align:center; font-size:15px; color:#fff; z-index:5;}
.mod-website-box .item img.icon{float:none; position:absolute; left:50%; top:33%; width:36%; margin-left:-18%; background-color:#fff; border-radius:100%; z-index:5;}
.mod-website-box .item a.button{ position:absolute; bottom:6.5%; left:50%; margin-left:-17.6%; width:35.2%; line-height:32px; display: block; vertical-align:middle; font-size:14px;  text-align:center; color:#fff; border:solid 1px rgba(255,255,255,0); outline: 1px solid; outline-color: rgba(255, 255, 255, 0.5); outline-offset: 0px;  text-shadow: none; -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); z-index:5;}
.mod-website-box .item a.button:hover{ border:1px solid; outline-color: rgba(255, 255, 255, 0); outline-offset: 15px; text-shadow: 1px 1px 2px #427388; letter-spacing:2px;}
.mod-website-box .item:hover:after{top:0; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.mod-website-info{padding-top:30px; padding-bottom:30px; width:100%; border-bottom:solid 1px #ebebeb; text-align:center;}
.mod-website-info img{width:141px; border-radius:100%; background-color:#454545;}
.mod-website-info h1{ margin-top:24px; margin-bottom:20px; width:100%; font-size:22px; font-weight:normal; display:block;}
.mod-website-info p{ font-size:14px;}
.mod-website-section{float:left; margin-top:40px; padding-bottom:40px; width:100%; border-bottom:solid 1px #ebebeb; font-size:14px;}
.mod-website-section:last-child{ border-bottom:none;}
.mod-website-section .left{float:left; width:555px;}
.mod-website-section .left h2{float:left; width:100%; font-size:20px; color:#454545; white-space:nowrap;}
.mod-website-section .left h2 span{color:#ffa200;}
.mod-website-section .left ul{float:left; width:100%; padding:0; margin:8px 0 0; list-style-type:none;}
.mod-website-section .left ul li{float:left; width:100%; border-bottom:solid 1px #dfdfdf; line-height:45px;}
.mod-website-section .left ul li h4{float:left; min-width:70px; font-size:14px;}
.mod-website-section .left a.btn{float:left; margin-top:17px; width:118px; height:34px; text-align:center; line-height:34px; color:#fff; border-radius:3px; background-color:#ffa200;}
.mod-website-section .left a.btn:hover{ opacity:0.85;}
.mod-website-section .right{float:right; width:600px;}
.mod-website-section .right .item{float:left; width:47.5%; margin-bottom:30px; position:relative; overflow:hidden;}
.mod-website-section .right .item:nth-child(2n){float:right;}
.mod-website-section .right .item img{width:100%;}
.mod-website-section .right .item .item-title{ position:absolute; left:0; bottom:-36px; width:100%; height:36px; line-height:36px; text-align:center; color:#fff; font-size:13px; background-color:#454545; background-color:rgba(69,69,69,0.85); transition:bottom 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.mod-website-section .right .item:hover .item-title{ bottom:0; transition:bottom 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}

/************关于我们*****************/
.inside-banner .column-title{ position:absolute; left:50%; bottom:-6px; margin-left:-600px; width:1200px; height:70px; line-height:70px; font-size:18px; background-color:rgba(0,0,0,0.5); border-bottom:solid 6px #ffa60c; color:#fff; text-align:center;}
.mod-about-content{width:100%; margin-top:60px; display:inline-block; text-align:center;}
.mod-about-content h1{width:100%; font-size:30px;}
.mod-about-content h2{ font-size:24px; margin-top:15px;}
.mod-about-content .content{width:100%; margin-top:30px; line-height:25px;}
.mod-about-content .content a.btn_zx{ margin-top:50px; width:193px; height:52px; line-height:52px; font-size:15px; border:solid 1px #dfdfdf; display:inline-block; transition:all 0.3s ease 0s;}
.mod-about-content .content a.btn_zx:hover{border-color:#ffa200; color:#ffa200; letter-spacing:2px; transition:all 0.3s ease 0s;}
.mod-about-item{width:80%; margin:100px auto 0 auto;}
.mod-about-item *{box-sizing:border-box;}
.mod-about-item .wrapper{ width:100%; display:inline-block;}
.mod-about-item .item{float:left; width:15.4%; height:210px; background-color:#ffa200; position:relative; display:inline-block; text-align:center; }
.mod-about-item .item *{transition:all 0.3s ease 0s;}
.mod-about-item .item .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ffa200; z-index:1;}
.mod-about-item .item:before{ position:absolute; left:8.2031%; top:7.619%; content:""; width:83.9843%; height:84.7619%; border:solid 1px #fff; z-index:2;}
.mod-about-item .item .item-img{float:left; margin-top:20%; width:100%; height:28.5714%; text-align:center;}
.mod-about-item .item .item-img img{ height:100%;}
.mod-about-item .item p{float:left; margin-top:7.1428%; width:100%; color:#fff; font-size:18px;}
.mod-about-item .item .s1{ position:absolute; top:8.09523%; right:7.8125%; width:25px; height:25px; border-right:solid 2px #fff; border-top:solid 2px #fff; opacity:0;}
.mod-about-item .item .s2{ position:absolute; left:7.8125%; bottom:8.0923%; width:25px; height:25px; border-left:solid 2px #fff; border-bottom:solid 2px #fff; opacity:0;}
.mod-about-item .dividing{float:left; margin:106px 0.91145% 0; width:10.911%; height:2px; background-color:#ffa200; display:inline-block;}
.mod-about-item .item .item-img,.mod-about-item .item i,.mod-about-item .item p{ position:relative; z-index:5;}
.mod-about-item .item:hover{ box-shadow:0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);}
.mod-about-item .item:hover p{ letter-spacing:1px;}
.mod-about-item .item:hover .s1{opacity:1; top:14.2857%; right:14.0625%;}
.mod-about-item .item:hover .s2{left:14.0625%; bottom:14.2857%; opacity:1;}
.mod-about-services{ margin-top:80px; width:100%; overflow:hidden; }
.mod-about-services ul{float:left; width:100%; padding:0; margin:0; list-style-type:none;}
.mod-about-services ul li{float:left; width:100%; position:relative; background-color:#f1f1f1;}
.mod-about-services ul li .left-img{float:left; width:50%;}
.mod-about-services ul li .right-info{position:absolute; left:50%; top:0; padding-left:8.4375%; width:50%; height:100%; box-sizing:border-box; transition:all 0.3s ease 0s;}
.mod-about-services ul li .right-info:before{ position:absolute; left:0; top:0; content:""; width:100%; height:100%; background: -webkit-gradient(linear, left top, right bottom, from(#ca5134), to(#fcd003)); background: -moz-linear-gradient(top,  #ca5134,  #fcd003); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca5134', endColorstr='#fcd003'); transition:all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; opacity:0;}
.mod-about-services ul li .right-info .icon{float:left; margin-top:3%; width:100%; height:18.8235%; background:url(/images/about/icon_05.png) no-repeat; background-size:auto 200%; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
.mod-about-services ul li .right-info .icon.h5{ background-image:url(/images/about/icon_06.png);}
.mod-about-services ul li .right-info .icon.app{ background-image:url(/images/about/icon_07.png);}
.mod-about-services ul li .right-info .icon.applets{ background-image:url(/images/about/icon_08.png);}
.mod-about-services ul li .right-info h2{float:left; margin-top:4%; font-size:30px; padding-bottom:2.1176%; width:100%; position:relative;}
.mod-about-services ul li .right-info h2:after{ position:absolute; left:0; bottom:0; content:""; width:60px; height:2px; background-color:#4d4d4d;}
.mod-about-services ul li .right-info p{float:left; width:100%; margin-top:5%; font-size:15px;}
.mod-about-services ul li .right-info .arrow{float:left; margin-top:4%; width:32px; height:9px; background:url(/images/about/icon_arrow.png) no-repeat;}
.mod-about-services ul li .right-info .icon,.mod-about-services ul li .right-info h2,.mod-about-services ul li .right-info p,.mod-about-services ul li .right-info .arrow{ position:relative; z-index:2;}
.mod-about-services ul li:nth-child(2n) .left-img{float:right;}
.mod-about-services ul li:nth-child(2n) .right-info{left:0;}
.mod-about-services ul li:hover .right-info{ color:#fff;}
.mod-about-services ul li:hover .right-info:before{opacity:1; transition:all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.mod-about-services ul li:hover .icon,.mod-about-services ul li:hover .right-info .arrow{ background-position:0 bottom;}
.mod-about-services ul li:hover .icon{transition:all 0.3s ease 0.1s;}
.mod-about-services ul li:hover .right-info h2:after{ background-color:#fff; letter-spacing:2px; transition:letter-spacing 0.4s ease 0.1s;}
.mod-about-services ul li:hover .right-info p{letter-spacing:1px; transition:letter-spacing 0.4s ease 0.1s;}

/*********标签页***********/
.main .leftpanel .mod-news-item .tagss{float:left; margin-top:20px; line-height:35px;}
.main .leftpanel .mod-news-item .tagss a{float:left; margin-left:10px; padding:7px 25px; font-size:12px; line-height:21px; color:#fff; background-color:#ffa200;margin-bottom:10px;}
.main .leftpanel .mod-news-item .tagss a:nth-child(2n+1){ background-color:#ffa200;}
.main .leftpanel .mod-news-item .tagss a:nth-child(3n+1){ background-color:#f4cb37;}
.main .leftpanel .mod-news-item .tagss a:nth-child(4n+1){ background-color:#9c7e79;}
.main .leftpanel .mod-news-item .tagss a:nth-child(5n+1){ background-color:#ffbc59;}
.main .leftpanel .mod-news-item .tagss a:hover{opacity:0.8;}
.main .leftpanel .mod-news-item .tagss span{float:left; font-size:14px;}

/**********问答****************/
body.faq .main .panel-head{ background-color:#e8e8e8;}
.mod-news-item, .mod-faq-item{padding-bottom:19px; font-size:14px;}
.mod-faq-item ul{float:left; width:100%;}
.mod-faq-item ul li{float:left; margin-bottom:10px; width:100%; height:40px; line-height:40px;}
.mod-faq-item ul li .title{float:left; width:430px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-faq-item ul li .view{float:left; width:120px; margin-left:20px; text-align:center;}
.mod-faq-item ul li .date{float:right;  text-align:center;}
.mod-faq-cases{float:left; margin-top:8px; width:100%;}
.mod-faq-cases ul{float:left; width:100%; padding:22px 22px 0 22px; margin:0; background-color:#fff;}
.mod-faq-cases ul li{float:left; margin-right:30px; margin-bottom:24px; width:266px; height:211px; overflow:hidden; position:relative;}
.mod-faq-cases ul li:nth-child(4n){ margin-right:0;}
.mod-faq-cases ul li img{float:left; width:100%;}
.mod-faq-cases ul li .title{ position:absolute; left:0; bottom:-36px; width:100%; height:36px; line-height:36px; text-align:center; color:#fff; font-size:13px; background-color:#454545; background-color:rgba(69,69,69,0.85); transition:bottom 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.mod-faq-cases ul li:hover .title{ bottom:0; transition:bottom 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.main .leftpanel article .article-content .info.left .bdsharebuttonbox{ margin-top:3px;}
.main .leftpanel article .article-content .bdsharebuttonbox a{width:26px; height:26px; background-size:100% auto;}
.mark{float:left; margin-top:20px; padding-left:59px; padding-top:28px; height:61px; font-size:18px; line-height:23px; font-weight:bold; background:url(/images/icon_star.png) no-repeat; box-sizing:border-box;}
.main .leftpanel article .article-content .bottominfo{float:left; margin-top:30px; color:#000; font-size:14px;}
.main .leftpanel article .article-content .bottominfo span{color:#a6a6a6;}
.useful{float:right; margin-top:30px; min-width:85px; padding-left:27px; height:22px; line-height:25px; background:url(/images/icon_useful.png) no-repeat 0 center; color:#a6a6a6;}
a.useful:hover,a.useful:visited{color:#ffa200;}
a.useful:active{ background-size:20px auto;}


@media (max-width:1800px)
{
.mod-about-item .item{height:180px;}
.mod-about-item .item p{ font-size:17px;}
.mod-about-item .dividing{ margin-top:89px;}
}
@media (max-width:1700px)
{
.mod-about-item .item{height:150px;}
.mod-about-item .item p{ font-size:15px;}
.mod-about-item .dividing{ margin-top:74px;}
}

@media (max-width:1500px)
{
.inside-banner .wrapper h2{ font-size:30px;}
.inside-banner .wrapper h3{ font-size:20px;}
.inside-banner .wrapper p{ font-size:14px;}
.inside-banner a.btn{ font-size:12px; padding-left:12px; width:175px; background-size:18px auto; background-position:135px center;}
.mod-about-item .item{height:140px;}
.mod-about-item .item p{ font-size:14px;}
.mod-about-item .dividing{ margin-top:69px;}
.mod-about-item .item .s1,.mod-about-item .item .s2{width:20px; height:20px; border-width:1px;}
}

@media (max-width:1319px)
{

}