body{font:12px/1.5 '微软雅黑',\5b8b\4f53;background:#f1f1f1;}
a{text-decoration: none;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.bl{display:none;}
#wrapper{width:100%;height:100%;}
a:hover{text-decoration:none;}
/* 头部开始 */
#header{width:100%;}
/* 顶部导航开始 */
#header .top-nav{width:100%;height:40px;background:#ccc;}
#header .top-nav p{height:40px;font-size:12px;color:#2d2d2d;line-height:40px;text-align:center;}
#header .top-nav p:nth-child(1){margin-left:15%;}
#header .top-nav p:nth-child(2){margin-right:15%;}
/* 顶部导航结束 */

/* 导航开始 */
#header .nav{width:100%;height:100px;position:relative;}
#header .nav .nav-bg{width:72%;height:100px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
#header .nav .nav-bg .logo{display:block;}
#header .nav .nav-bg .logo img{width:100%;line-height:100px;margin-top:20px;}
#header .nav .nav-bg .nav-list{width:70%;height:100px;}
#header .nav .nav-bg .nav-list li{height:100px;text-align:center;margin-right:20px;}
#header .nav .nav-bg .nav-list li a{font-size:16px;color:#333;font-weight:bold;line-height:100px;}
#header .nav .nav-bg .nav-list li:hover a{color:#125396;}
.default-nav-color{color:#125396 !important;}

/* 导航结束 */

/* 移动端导航开始 */
.i-nav{padding:4px 2%;z-index:999;}
.i-nav .i-logo{display:block;max-width:140px;}
.i-nav .i-logo img{width:100%;}

.i-nav-btn{margin-top:1%;background:transparent;border:none;color:#125396;font-size:20px;}

.i-nav-list{width:28%;background:rgba(0,0,0,0.6);position:fixed;right:5%;top:7%;z-index:999;}
.i-nav-list li{height:38px;text-align:center;}
.i-nav-list li a{line-height:38px;color:#fff;letter-spacing:2px;}
.i-nav-list li:hover a{color:#125396;}
/* 移动端导航结束 */

/* 移动container开始 */

.i-application{background:#fff;padding:2% 0;box-shadow:0 2px 18px #125396;}
.i-application span{display:block;text-align:center;font-size:12px;}
.i-application .i-appl-btn{display:block;margin:2% auto;background:#125396;color:#fff;border-radius:2px;border:none;}

/* 移动 服务项目开始 */
.i-infos-serve-case{padding:10px 0;}
.i-infos-serve-case-bg{background:#fff;padding:10px;box-shadow:0 4px 14px #aaa;margin-top:10px;}
.i-infos-serve-case-bg img{display:block;margin:0 auto;}
.i-infos-serve-name{display:block;text-align:center;margin:8px auto;}
/* 移动 服务项目结束 */

/* 移动端底部开始 */
.i-footer{background:#666;margin:0 auto;}
.i-footer .i-friendly_link{color:#fff;}
.i-footer .i-friendly_link li:nth-child(1),.i-footer .i-friendly_link li:nth-child(2){min-height:120px;}
.i-footer .i-friendly_link p{font-size:16px;padding:8% 2% 0 2%;font-weight:bolder;}
.i-footer .i-friendly_link a{display:block;color:#fff;margin-left:10%;}
.i-copyright{text-align:center;display:block;margin:15% auto;}
/* 移动端底部结束 */

/* 移动 微信开发开始 */
/* .i-infos-wx{background:red;} */
.i-infos-wx{margin-bottom:30px;}
.i-infos-wx-title{margin:0 auto;text-align:center;font-weight:bold;font-size:14px;}
.i-infos-wx-title-xq{display:block;margin:0 auto;text-align:center;}
.i-infos-wx-del img{width:100%;display:block;margin:0 auto;}
.i-infos-wx-del{margin-top:40px;padding:20px 10px;box-shadow:0 4px 14px #aaa;}

.i-infos-wx-xq-r-title{color:#125396;font-weight:bold;margin-left:2%;}
.i-infos-wx-xq-r-xq{width:96%;margin:0 auto;display:block;}
.i-infos-wx-xq-r-bg{border:1px solid #ccc;margin-top:20px 0 -3px 0;padding:0 !important;}
.i-infos-wx-xq-r-bg img{display:block;width:100%;}
/* 移动 微信开发结束 */

/* 移动 我们的小程序开始 */
/* .i-infos-xcx{background:green;} */
.i-infos-xcx-title{margin:0 auto;text-align:center;font-size:14px;font-weight:bold;}
.i-infos-xcx-title-xq{display:block;margin:0 auto;text-align:center;}
.i-infos-xcx-title-img{display:block;width:100%;margin-top:10px;}

.i-infos-xcx-xq-title{margin:0 auto;text-align:center;color:#125396;margin-top:10px;}

.i_infos-xcx-xq-bg{background:#fff;margin:10px auto;padding:10px;}
.i_infos-xcx-xq-bg img{display:block;width:24%;margin:0 auto;max-width:82px;}
.i_infos-xcx-xq_01{width:100%;}
.i_infos-xcx-xq_01 span{display:block;}
.i_infos-xcx-xq_01 span:nth-child(1){margin:10px auto;text-align:center;}
/* 移动 我们的小程序结束 */

/* 移动 智能办公与管理开始 */
.i-infos-so-bg img{display:block;margin:20px auto;width:100%;}
/* 移动 智能办公与管理结束 */

/* 移动cantainer结束 */

/* banner开始 */
.banner-bg{width:100%;}
.banner-bg img{width:100%;}

/* container开始 */
#container{width:100%;margin:0 auto;padding-bottom:50px;}


/* VI视觉系统开始 */
#container .infos-vi-bg{width:70%;margin:0 auto;padding:20px 0;}
.infos-vi-bg .infos-vi-title{width:100%;height:20px;line-height:20px;text-align:center;color:#666;font-weight:bolder;font-size:14px;}
.infos-vi-bg .infos-vi-title-xq{display:block;margin:0 auto;text-align:center;color:#666;}
.infos-vi-bg .infos-vi{width:100%;padding:10px 0;}

.infos-vi-bg .infos-vi li{width:24%;padding:10px;display:inline-block;}
.infos-vi-bg .infos-vi li img{width:96%;display:block;margin:0 auto;}
/* 微信VI视觉系统结束 */

/* 宣传品设计与制作开始 */
#container .infos-adver-bg{width:70%;margin:0 auto;padding:20px 0;}
.infos-adver-bg .infos-adver-title{width:100%;height:20px;line-height:20px;text-align:center;color:#666;font-weight:bolder;font-size:14px;}
.infos-adver-bg .infos-adver-title-xq{display:block;margin:0 auto;text-align:center;color:#666;}
.infos-adver-bg .infos-adver{width:100%;padding:10px 0;}

.infos-adver-bg .infos-adver li{width:24%;padding:10px;display:inline-block;}
.infos-adver-bg .infos-adver li img{width:96%;display:block;margin:0 auto;}
/* 宣传品设计与制作结束 */

/* 视频制作开始 */
#container .infos-video-bg{width:70%;margin:0 auto;padding:20px 0;}
.infos-video-bg .infos-video-title{width:100%;height:20px;line-height:20px;text-align:center;color:#666;font-weight:bolder;font-size:14px;}
.infos-video-bg .infos-video-title-xq{display:block;margin:0 auto;text-align:center;color:#666;}
.infos-video-bg .infos-video{width:100%;padding:10px 0;}

.infos-video-bg .infos-video li{width:100%;}
/* 企业宣传 && MG动画背景色 */
.qy-bg-color,.MG-bg-color{background:#125397;}
/* 产品宣传背景色 */
.cp-bg-color{background:#156BC2;}
.infos-video-bg .infos-video li .video-xq{width:50%;padding:20px;margin-top:5%;}
.infos-video-bg .infos-video li .video-movie{width:50%;padding:20px;}

.infos-video-bg .infos-video li .video-xq .video-xq-bg{width:78%;margin:10px auto;padding-left:6%;}
.infos-video-bg .infos-video li .video-xq .video-xq-bg span{display:block;color:#F7C643;}
.infos-video-bg .infos-video li .video-xq .video-xq-bg .video-xq-title{font-weight:bolder;font-size:30px;font-family: '黑体';}
.infos-video-bg .infos-video li .video-xq .video-xq-bg .video-xq-y_title{letter-spacing:1px;}
.infos-video-bg .infos-video li .video-xq .video-xq-bg .video-xq-introd{font-weight:bold;font-size:14px;letter-spacing:2px;}
/* .mov-btn{display:block;padding:2px 14px;border:1px solid #F7C643;border-radius:2px;background:transparent;color:#F7C643;font-size:14px;font-weight:bold;margin-top:20px;} */

.infos-video-bg .infos-video li .video-movie .video-movie-bg{width:90%;padding:1%;background:#fff;margin-top:10px;position:relative;}
.video-movie-bg .play-btn{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;z-index:888;}
.video-movie-bg .play-btn:hover{cursor:pointer;}
.video-movie-bg .play-btn img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:20%;max-width:90px;z-index:999;}
.infos-video-bg .infos-video li .video-movie .video-movie-bg video{display:block;margin:0 auto;}
/* 视频制作结束 */


/* container结束 */



/* banner开始 */
.banner-bg{width:100%;}
.banner-bg img{width:100%;}

/* container开始 */
#container{width:100%;margin:0 auto;padding-bottom:50px;}

/* 服务项目开始 */
#container .infos-serve-case-bg{width:70%;margin:0 auto;padding:40px 0;}
.infos-serve-case-bg .infos-serve-title{width:100%;height:22px;line-height:22px;text-align:center;color:#125396;font-weight:bolder;font-size:14px;}
.infos-serve-case-bg .infos-serve-case{width:100%;height:120px;}
.infos-serve-case-bg .infos-serve-case li{width:25%;}
.infos-serve-case-bg .infos-serve-case li a{display:block;margin:0 auto;background:#fff;width:92%;padding:10px 0;}
 .infos-serve-case-bg .infos-serve-case li a img{display:block;margin:0 auto;}
.infos-serve-case-bg .infos-serve-case li a .infos-serve-name{display:block;margin:0 auto;text-align:center;padding-top:8px;color:#666;font-weight:bold;}



/* 服务项目结束 */

/* 高端网站定制设计开始 */
#container .infos-high_order-bg{width:70%;margin:0 auto;padding:20px 0;}
.infos-high_order-bg .infos-high_order-title{width:100%;height:10px;line-height:20px;text-align:center;color:#666;font-weight:bolder;font-size:14px;}
.infos-high_order-bg .infos-high_order-title-xq{display:block;margin:0 auto;text-align:center;color:#666;}
.infos-high_order-bg .infos-high_order{width:100%;height:250px;background:yellow;position:relative;}

.infos-high_order-imglist{width:80%;height:200px;position:absolute;top:0;left:10%;overflow:hidden;}
.infos-high_order-imglist li{width:30%;height:200px;margin-left:10px;float:left;}
.infos-high_order-imglist li img{width:100%;}
.infos-pre-btn{width:9%;height:200px;position:absolute;left:0;top:0;}
.infos-next-btn{width:9%;height:200px;position:absolute;right:0;top:0;}
/* 高端网站定制设计结束 */

/* 微信开发开始 */
#container .infos-wx-bg{width:82%;margin:0 auto;padding:20px 0;max-width:1186px;}
.infos-wx-bg .infos-wx-title{width:100%;height:10px;line-height:20px;text-align:center;color:#666;font-weight:bolder;font-size:14px;}
.infos-wx-bg .infos-wx-title-xq{display:block;margin:0 auto;text-align:center;color:#666;}
.infos-wx-bg .infos-wx{width:100%;padding:10px 0;}

.infos-wx-bg .infos-wx li{width:100%;margin:10px auto;padding-bottom:10px;}

.infos-wx-bg .infos-wx li a{display:block;}
.infos-wx-bg .infos-wx li .infos-wx-xq-l{width:49%;position:relative;}
.infos-wx-bg .infos-wx li .infos-wx-xq-l img{display:block;width:100%;position:absolute;top:0;right:0;max-width:474px;}
.infos-wx-bg .infos-wx li .infos-wx-xq-r{width:50%;}
.infos-wx-bg .infos-wx li .infos-wx-xq-r .infos-wx-xq-r-bg{width:100%;border:1px solid #656565;margin:0 left;max-width:484px;}
.infos-wx-bg .infos-wx li .infos-wx-xq-r .infos-wx-xq-r-title-bg{width:88%;height:121px !important;margin:0 auto;}
.infos-wx-bg .infos-wx li .infos-wx-xq-r .infos-wx-xq-r-title-bg .infos-wx-xq-r-title{display:block;padding:8px 0;color:#125396;font-size:14px;}
.infos-wx-bg .infos-wx li .infos-wx-xq-r .infos-wx-xq-r-title-bg .infos-wx-xq-r-xq{display:block;color:#666;}
.infos-wx-bg .infos-wx li .infos-wx-xq-r img{width:100%;display:block;height:172px;}

/* 微信开发结束 */

/* 微信小程序开始 */
#container .infos-xcx-bg{width:72%;margin:0 auto;padding:20px 0;}
.infos-xcx-bg .infos-xcx-title{width:100%;height:10px;line-height:20px;text-align:center;color:#666;font-weight:bolder;font-size:14px;}
.infos-xcx-bg .infos-xcx-title-xq{display:block;margin:0 auto;text-align:center;color:#666;}
.infos-xcx-bg .infos-xcx{width:100%;padding-bottom:20px;}

.infos-xcx img{width:100%;margin:10px auto;}
.infos-xcx .infos-xcx-xq-title{margin:0 auto 10px;text-align:center;color:#125396;}
.infos-xcx .infos-xcx-list{width:100%;padding:10px 0;background:#fff;}
.infos-xcx .infos-xcx-list li{width:33%;padding:0 10px;}
.infos-xcx .infos-xcx-list li img{display:block;width:30%;max-width:82px;}
.infos-xcx .infos-xcx-list li .infos-xcx-xq_01{width:70%;}
.infos-xcx .infos-xcx-list li .infos-xcx-xq_01 span {display:block;color:#666;}
.infos-xcx .infos-xcx-list li .infos-xcx-xq_01 .infos-xcx-xq_01-title{color:#2d2d2d;font-size:13px;}
/* 微信小程序结束 */

/* 智能办公与管理开始 */
#container .infos-smart_office-bg{width:100%;margin:0 auto;padding:20px 0;}
.infos-smart_office-bg .infos-smart_office-title{width:70%;height:20px;line-height:20px;text-align:center;color:#666;font-weight:bolder;font-size:14px;margin:0 auto;}
.infos-smart_office-bg .infos-smart_office-title-xq{display:block;margin:0 auto;text-align:center;color:#666;}
.infos-smart_office{width:100%;margin:20px auto;}
.infos-smart_office img{width:100%;}
/* 智能办公与管理结束 */

/* container结束 */

/* 底部开始 */
#footer{width:100%;background:#fff;}
#footer .friendly_link-bg{width:100%;height:200px;background:#666;}
#footer .friendly_link-bg .friendly_link{width:70%;height:170px;margin:0 auto;}
#footer .friendly_link-bg .friendly_link li{height:180px;}
#footer .friendly_link-bg .friendly_link li:nth-child(1),#footer .friendly_link-bg .friendly_link li:nth-child(2){width:17%;}
#footer .friendly_link-bg .friendly_link li:nth-child(3),#footer .friendly_link-bg .friendly_link li:nth-child(4),#footer .friendly_link-bg .friendly_link li:nth-child(5){width:22%;}
#footer .friendly_link-bg .friendly_link li p{margin:0 auto;font-size:14px;color:#fff;height:30px;line-height:30px;font-weight:bold;}
#footer .friendly_link-bg .friendly_link li a{display:block;margin:0 auto;color:#f1f1f1;}
#footer .friendly_link-bg .friendly_link li .wx_code{max-width:120px;height:144px;background:#fff;}
#footer .friendly_link-bg .friendly_link li .wx_code img{display:block;margin:0 auto;padding-top:8px;}
#footer .friendly_link-bg .friendly_link li .wx_code span{display:block;text-align:center;margin:8px auto;font-size:12px;color:#646363;}

#footer .friendly_link-bg .friendly_link li .wb_code{max-width:120px;height:144px;background:#fff;}
#footer .friendly_link-bg .friendly_link li .wb_code img{display:block;margin:0 auto;padding-top:8px;}
#footer .friendly_link-bg .friendly_link li .wb_code span{display:block;text-align:center;margin:8px auto;font-size:12px;color:#646363;}

#footer .copyright{margin:0 auto;text-align:center;color:#666;width:70%;height:60px;line-height:60px;}

/* 底部结束 */
.rollBox {
            width: 880px;
            height: 320px;
            overflow: hidden;
            padding: 10px;
            margin: 0 auto;
        }

        .rollBox .LeftBotton {
            height: 40px;
            width: 40px;
            overflow: hidden;
            float: left;
            display: inline-block;
            margin: 110px 0 0 0;
            cursor: pointer;
        }
        .rollBox .LeftBotton img,.rollBox .RightBotton img{
            width:100%;
            display: block;
            margin:0 auto;
        }
        .rollBox .RightBotton {
            height: 40px;
            width: 40px;
            overflow: hidden;
            float: left;
            display: inline-block;
            margin: 110px 0 0 18px;
            cursor: pointer;

        }

        .rollBox .Cont {
            width: 726px;
            overflow: hidden;
            float: left;
        }

        .rollBox .ScrCont {
            width: 10000000px;
        }

        .rollBox .Cont .pic {
            width: 200px;
            float: left;
            text-align: center;
            margin-left:14px;
            height:300px;
            border:1px solid #ccc;
        }

        .rollBox .Cont .pic img {
            background: #fff;
            display: block;
            margin: 0 auto;
            width:100%;
            
        }

        .rollBox .Cont .pic div {
            line-height: 20px;
            color: #666;
            width:72%;
            margin:0 auto;
        }

        .rollBox .Cont .pic div span {
            display: block;
            color:#666;
        }
        .rollBox .Cont .pic div span:nth-child(1){
            font-size:12px;
            font-weight:bold;
            padding:12px 0;
        }

        .rollBox .Cont a:link,
        .rollBox .Cont a:visited {
            color: #626466;
            text-decoration: none;
        }

        .rollBox #List1,
        .rollBox #List2 {
            float: left;
        }