﻿.banner{background:url(/static/web/img/banner-bg.jpg);padding-bottom:80px}
.banner .container .text-intro{padding-top:40px}
.banner .btn-zdy{margin-right:10px}
@media (max-width: 992px)
{
  .banner .pic{display:none}
  .banner .container .text-intro{padding-top:20px}
  .banner {display:block;background:none;padding-top:0px;padding-bottom:30px;text-align:center;background-color:rgba(0,0,0,0.9)}
  .banner h2{font-size:22px}
  .banner h5{font-size:14px}
  .banner h7{font-size:14px}
}
/*首页应用模块*/
.app-box{padding-top:50px;background: url(/static/web/img/appdbg.jpg)}
.tem-box{padding:30px 15px;background:#EDEDED;width:100%}
.tem-box .module-box{padding:30px 0px}
.news-box{padding:30px 15px;background:#F5F5F5 url(/static/web/img/newsbg.jpg) no-repeat center top;}

/*系统优势*/
.module-advantage{padding-top:30px;}
.module-advantage .adv{background: url(/static/web/img/soft-adv-item.png) no-repeat left center;width:156px;height:154px;margin:0px auto;transition:all ease-in-out 0.4s}
.module-advantage .adv-2{background-position-x:-170px}
.module-advantage .adv-3{background-position-x:-340px}
.module-advantage .adv-4{background-position-x:-510px}
.module-advantage .adv-5{background-position-x:-680px}
.module-advantage .adv-6{background-position-x:-850px}
.module-advantage h6{font-weight:normal;font-size:15px;color:#808080;padding:2rem 3rem}
.module-advantage .item{}
.module-advantage .item:hover .adv{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2);}


/*首页_应用*/
.app-con{position:relative;background:#f4f4f4;padding:5rem 3rem;}
.icon{position:absolute;bottom:0rem;right:1rem}
.icon img{transition:transform 0.5s ease-in-out;transform-origin: bottom;backface-visibility:hidden;}
.app-con:hover .icon img{transform:rotateY(360deg); }

.application{padding-top:1rem}
.application .appli{overflow:hidden;}
.application .app-con{margin:1rem 0rem;}

.application .tit{font-size:2rem;font-weight:bold}
.application .brief{color:#666;max-width:500px;margin:1rem 0;}
.application .more{font-size:1.5rem;color:#156fda;}
.application .more:hover{text-decoration:underline #156fda;}

.application .app-con:hover .more,.application .more:hover{text-decoration:underline #156fda;}

@media screen and (max-width:700px)
{
    .application .icon  img{max-width:70px;}
}


/*首页_模板*/
.tem-box .temp-list .slide{height:186px;background-color:#fff;overflow:hidden}
.tem-box .temp-list .slide img{transition:all ease-in-out 0.3s;vertical-align:middel}





.tem-box .temp-list .slide .text-box{
    position: absolute;
    height: 30px;
    bottom: 0;
    right: 0;
    left: 0;
    
    line-height: 30px;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
    background: rgba(0,0,0,.7);
    text-align: center;
}


.tem-box .temp-list .slide .text-box a:hover{
	display: block;
	margin-right: 0;
	width: 100px;
	float: none;
	height: 100%;
}


/*手机*/
@media (min-width:993px) {
.tem-box .temp-list .slide:hover img {
        transform: scale(1.2)
    }
}
.tem-box .pic-control{padding-top:30px}
.tem-box .pic-control .fa{margin-right:10px;cursor:pointer}
.tem-box .pic-control .fa:hover{color:#156fda}


/*服务*/
.module-service{padding-bottom:0px}
.module-service .service-content{max-width:600px}
.module-service .sub_ser_li .ser_tit{font-size:38px;line-height:40px;color:#000;margin-top:3rem;}
.module-service .sub_ser_li .ser_com{line-height:30px;font-size:18px;color:#666;margin:1rem 0}
.module-service .sub_ser_li .ser_sj{position:relative;border-bottom:1px solid #ddd;padding:15px 0}
.module-service .sub_ser_li .ser_sj .ser_sj_pic{position:absolute;right:5px;top:10px;}
.module-service .sub_ser_li .ser_sj .ser_sj_sj{}
.module-service .sub_ser_li .ser_sj .ser_sj_sj span.s1{font-size:30px;color:#f36a09;line-height:50px;vertical-align:middle;}
.module-service .sub_ser_li .ser_sj .ser_sj_sj span.s2{font-size:18px;color:#666;line-height:50px;margin-left:10px;vertical-align:middle;}


/*首页_新闻*/
.newtitbg1{background:url(/static/web/img/news1.jpg) no-repeat center center;background-size:100% auto}
.newtitbg2{background:url(/static/web/img/news2.jpg) no-repeat center center;background-size:100% auto}
.newtitbg3{background:url(/static/web/img/news3.jpg) no-repeat center center;background-size:100% auto}
.home_news_tit{padding:3rem 0 3rem 1rem;color:#FFF;margin-bottom:.5rem}
.home_news_tit .tit1{font-size:2rem;line-height:160%;}
.home_news_tit .tit1 a{color:#FFF;font-size:1.6rem;font-weight:bold}
.home_news_tit .tit2{font-size:1.6rem;}


/*重写底部背景*/
.web-footer{margin-top:0px}


/*相关新闻*/

/*.news-small-banner{background:url(/static/web/img/newsBanner.jpg) no-repeat;width:100%;height:175px;}*/
.news-content-box .content a{color:blue;text-decoration:underline}
.seo-content-box{padding-top:10px}
.seo-content-box .title{text-align:left}
.seo-content-box .content{padding-top:10px}
.relativeNews{padding-top:0px}
.seo-content-box .tags{padding:5px;}
.seo-content-box .tags .fa{color:#999}
.seo-content-box .tags a{font-size:13px;color:#999}
.seo-content-box .tags a:hover{color:#ccc}

.tit-intro-list .item{padding-bottom:40px;}
.tit-intro-list .item span{display:block}
.tit-intro-list .item .date{float:left;width:90px;height:80px;padding:10px;background-color:#EBEDEF;color:#666;line-height:30px;text-align:center;font-size:13px;font-family: Microsoft YaHei;}
.tit-intro-list .item .date .day{font-size:32px;}
.tit-intro-list .item .con{float:right;width:calc(100% - 120px);}
.tit-intro-list .item .con a{font-size:16px;display:block;vertical-align:top;padding-bottom:10px;}
.tit-intro-list .item .con span{color:#999}
.tit-intro-list .item:hover .date{background-color:#0154BA;color:#fff}
.tit-intro-list .item:hover a{color:#0154BA}

.relativeNews .item .con{height:80px;overflow:hidden}


.relativeTemplates {padding-top: 20px;}
.relativeTemplates .sign,.relativeNews .sign{font-size:16px;line-height:2;padding:0px 0px 20px}
.template-more-box {margin-bottom:40px}
.template-more-box .template-card{box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;padding:0px;border-radius:5px;overflow:hidden}
.template-more-box .template-card .head-bar{height:25px;background-color:#EBEDEF;text-align:left;padding-left:10px}
.template-more-box .template-card .head-bar .fa{font-size:8px;color:#FEFEFE}
.template-more-box  a.image-box{display:block;height:300px;overflow:hidden}
.template-more-box  a.image-box img{width:100%;transition:all ease-in-out 0.5s}
.template-more-box  a.image-box:hover img{width:100%;transform:scale(1.2)}
.template-more-box .template-tit{line-height:2.5;padding:10px 0px;text-align:center}


.module-author-ys{}
.module-author-ys .item{display:block;background:url(/static/web/img/author-youshiBg.png) no-repeat 0px 0px;width:94px;height:94px;margin:0px auto;transition:all 0.4s ease-in-out}
.module-author-ys .item-2{background-position:-100px 0px}
.module-author-ys .item-3{background-position:-200px 0px}
.module-author-ys .item-4{background-position:-300px 0px}
.module-author-ys .item-5{background-position:-400px 0px}
.module-author-ys .item:hover{transform:scale()}
.module-author-ys .module-content .row span{display:block;padding-top:1rem;text-align:center;font-size:1.5rem;font-weight:bold;color:#999}
.module-author-ys .module-content .row div:hover i{transform:rotate(360deg)}



.template-moduel-box{margin-top:20px;text-align:center}
.template-moduel-box .head-box{padding:30px 0px}
.template-moduel-box .head-box .head-title{font-weight:500;line-height:2;text-align:center;font-size:30px}
.template-moduel-box .head-desc{font-size:16px;line-height:2;color:#666}
.template-moduel-box .s-title{font-size:20px;line-height:2;color:#333;font-weight:400}

.module-advantage{padding-top:30px;}
.module-advantage .adv{background: url(/static/web/img/soft-adv-item.png) no-repeat left center;width:156px;height:154px;margin:0px auto;transition:all ease-in-out 0.4s}
.module-advantage .adv-2{background-position-x:-170px}
.module-advantage .adv-3{background-position-x:-340px}
.module-advantage .adv-4{background-position-x:-510px}
.module-advantage .adv-5{background-position-x:-680px}
.module-advantage .adv-6{background-position-x:-850px}
.module-advantage h6{font-weight:normal;font-size:15px;color:#808080;padding:2rem 3rem}
.module-advantage .item{}
.module-advantage .item:hover .adv{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2);}

.template-moduel-box .h5s-icon{width:148px;height:148px;background:url(/static/web/img/yy-icon.jpg) left top no-repeat;margin:30px auto;}
.template-moduel-box .h5s-icon-2{background-position:-148px 0px}
.template-moduel-box .h5s-icon-3{background-position:-296px 0px}
.template-moduel-box .h5s-icon-4{background-position:-443px 0px}



/*新增我们的产品*/
.i_bg {background-color: #f5f5f5;overflow: hidden;}
.i_service_t { text-align: center;padding-top: 15px;color: #666;font-size: 18px;padding-bottom:20px;}
.i_service_t p {font-size:18px;color: #686868;}
.i_service {margin: 0 auto;clear: both;}
.i_service ul li  i {
            display: block;
            width: 300px;
            height: 187px;
            margin: 0 auto;
            margin-top: 0px;
            margin-bottom: 23px;
            overflow: hidden;
            background-image: url(../img/i_bg1.jpg);
            background-repeat: no-repeat;
            transition: all 0.3s;
            margin-top: 20px;
        }
    .i_service ul li i.bg2 {background-position:-300px 0px}
        .i_service ul li i.bg3 {background-position:-600px 0px}
            .i_service ul li i.bg4 {background-position:-900px 0px}
.i_service ul li .more-btn {

    display: block;
    font-size: 14px;
    color: #666;
    height: 40px;
    line-height: 40px;
    width: 178px;
    margin: 0 auto;
        margin-top: 0px;
    border: 1px solid #cccccc;
    border-radius: 20px;
    margin-top: 32px;
    transition: all 0.3s;

}
    .i_service ul li .more-btn:hover {
        background-color: #f67524;color:#fff;border-color:#fff
    }

.city-foot-about ul li .tit{border-bottom:1px solid #efefef;margin-bottom:20px;padding-bottom:10px;color:#666;font-size:16px}
.city-foot-about ul li p {
    max-height: 200px;
    color: #999;
    line-height: 2;
    overflow:auto
}
