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;text-decoration:none;}
.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;}

/* 移动 VI视觉系统开始 */
.i-infos-vi-bg{margin:10px auto;padding:30px 0;}
.i-infos-vi-title-bg{text-align:center;}
.i-infos-vi-title-bg .i-infos-vi-title{font-weight:bold;color:#2d2d2d;font-size:14px;}
.i-infos-vi-title-bg .i-infos-vi-title .i-infos-vi-title-xq{color:#666;font-size:12px;}
.i-infos-vi-img_list{margin-top:10px;}
.i-infos-vi-img_list img{width:100%;display:block;margin:0 auto;}
/* 移动 VI视觉系统结束 */

/* 移动 视频制作开始 */
/* .i-infos-vi-img_list{background:#125396;} */
.i-infos-vi-img_list span{display:block;}
.i-video-xq-title{color:#F7C643;font-weight:bolder;font-size:26px;font-family: '黑体';}
.i-video-xq-y_title{color:#F7C643;}
.i-video-xq-introd{color:#F7C643;}
.i-video-movie-bg{display:block;padding:6px;background:#fff;position:relative;}
.i-play-btn{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.i-play-btn img{position:absolute;width:20%;display:block;left:0;top:0;right:0;bottom:0;margin: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;}
/* 移动端底部结束 */

/* 移动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结束 */

/* 底部开始 */
#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;}

/* 底部结束 */