@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:"微软雅黑"; font-size:16px;}
li{ list-style:none}
a{ text-decoration:none;}
img{ border:0}
body{ padding-top:80px;}

.loading-more{ height:50px; background:url(../images/loading.gif) no-repeat center; display:none;}

.mfp-menu{ position:absolute; width:100%; height:auto; z-index:200; background:#333333; top:0; left:0; display:none;}
.mfp-menu .main{ padding:0 10px; padding-top:80px;}
.mfp-menu .main *{ color:#FFF; font-size:16px;}
.mfp-menu .main .l1{ line-height:40px; padding-left:20px;}
.mfp-menu .main .l1 .l2{ line-height:30px; padding-left:20px;}
.mfp-menu .main .l1 .l2 a{ line-height:30px; font-size:14px;}

/*分页样式*/
.page-mfp{ padding-bottom:20px;}
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}

/* 侧边栏-电话 */
.sidebar-tel{ position:fixed; bottom:70px; right:15px; width:42px; height:42px; background:url(../images/sidebar-tel.png) no-repeat center; background-size:60% 60%; border:1px solid #ccc; border-radius:30px; background-color:#FFF;}
.sidebar-tel a{ position:absolute; width:100%; height:100%;}

/* 侧边栏-QQ */
.sidebar-qq{ position:fixed; bottom:20px; z-index:111222; right:15px; width:42px; height:42px; background:url(../images/201709071706001.png) no-repeat center; background-size:50% 50%; border:1px solid #ccc; border-radius:30px; background-color:#FFF;}
.sidebar-qq a{ position:absolute; width:100%; height:100%;}


/*index***************************************************************************************/
.index-banner img{ width:100%;}
/*我是谁 start*/
.index-whoiam{ padding:0 10px; padding-top:20px;}
.index-whoiam .title{ overflow:hidden; font-size:28px; font-weight:800;}
.index-whoiam .title h1{ float:left; font-size:28px}
.index-whoiam h2{ font-size:16px; font-weight:lighter; color:#e1010c; padding-bottom:30px;}
.index-whoiam ul.list li{ position:relative; padding-left:10px; padding-bottom:5px;}
.index-whoiam ul.list li span.point{ position:absolute; width:5px; height:5px; background-color:#e1010c; top:8px; left:0;}
.index-whoiam ul.list li span.spc{ color:#e1010c}
.index-whoiam ul.clist{ overflow:hidden;}
.index-whoiam ul.clist li{ float:left; width:33%; text-align:center;}
.index-whoiam ul.clist li .f1{ border:5px solid #FFF;}
.index-whoiam ul.clist li .f2{ border:1px solid #e1010c; padding:5px 0; color:#e1010c}
/*我是谁 end*/
/*精彩视频 start*/
.index-vedio{ padding:0 10px; padding-top:40px;}
.index-vedio h2{ text-align:center; padding-bottom:20px;}
.index-vedio h2 img{ width:80%;}
.index-vedio .intro{ font-size:16px; line-height:30px; padding:10px 0;}
.index-vedio .video h3{ text-align:center}
/*精彩视频 end*/
/*能做什么 start*/
.index-can { padding:40px 10px; padding-bottom:0;}
.index-can h2{ font-size:28px; padding:20px 0;}
.index-can h3{ font-size:18px; color:#e1010c; padding:10px 0;}
.index-can h3 span{ font-size:14px; padding-left:5px; font-weight:100; color:#ccc;}
.index-can ul{ overflow:hidden;}
.index-can ul li{ width:50%; float:left;}
.index-can ul li .f1{ border-bottom:10px solid #fff; border-right:5px solid #fff; position:relative; display:block; overflow:hidden; background:url(../images/loader.gif) no-repeat center;}
.index-can ul li .f1_{ border-bottom:10px solid #fff; border-left:5px solid #fff; position:relative; display:block; overflow:hidden; background:url(../images/loader.gif) no-repeat center;}
.index-can ul li img{ width:100%; float:left;}
.index-can ul li h4{ position:absolute; bottom:0; left:0; width:100%; text-align:center; color:#FFF; background:url(../images/bg-black0.5.png); height:35px; line-height:35px; font-weight:100;}
.index-can div.ul{ overflow:hidden; padding-top:53px;}
.index-can div.ul div.li{ width:50%; float:left; margin-bottom:53px;}
.index-can div.ul div.li .f1{border-bottom:10px solid #fff; border-right:3px solid #fff;}
.index-can div.ul div.li .f1_{border-bottom:10px solid #fff; border-left:3px solid #fff;}
.index-can div.ul div.li .f2{ border:1px solid #ccc; display:block;}
.index-can div.ul div.li .f2 .logo{ width:103px; height:103px; background:url(../images/index-can-logo.png); margin:0 auto; margin-top:-51px; background-color:#FFF}
.index-can div.ul div.li.c2 .f2 .logo{ background-position:-113px 0;}
.index-can div.ul div.li.c3 .f2 .logo{ background-position:-226px 0;}
.index-can div.ul div.li.c4 .f2 .logo{ background-position:-339px 0;}
.index-can div.ul div.li .f2 h4{ text-align:center; padding:5px 0; color:#555}
.index-can div.ul div.li .f2 p{ padding:0 5px; padding-bottom:5px; color:#555; font-size:14px;}
/*能做什么 end*/
/*新闻 start*/
.index-news{ padding:0 10px; padding-top:30px;}
.index-news-title{ font-size:28px; padding-left:10px; margin-bottom:20px;}
.index-news-select-menu{ overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; cursor:pointer;}
.index-news-select-menu li{ width:50%; float:left; height:50px; line-height:50px; text-align:center;}
.index-news-select-menu li.first{ background-color:#e1010c; color:#fff;}
.index-news .top{ overflow:hidden; display:block;}
.index-news .top .pic{ width:150px; height:100px; float:left;background:url(../images/loader.gif) no-repeat center;}
.index-news .top .pic img{ width:100%; height:100px;}
.index-news .top .right{ overflow:hidden; position:relative; padding-left:10px; height:100px;}
.index-news .top .right h4{ font-weight:100; color:#666;}
.index-news .top .right div{ position:absolute; bottom:0; color:#999;}
.index-news ul{ padding:20px 0;}
.index-news ul li { padding:5px 0;}
.index-news ul li a{ color:#666;}
.index-news .first{ display:block;}
.index-news .second{ display:none;}
/*新闻 end*/
/*联系我们 start*/
.index-contact{ padding:0 10px;}
.index-contact h2{ font-size:28px;}
.index-contact h2 span{ font-weight:100;}
.index-contact .tel{ overflow:hidden; padding:10px 0;}
.index-contact .tel li{ float:left; min-width:50px; background:url(../images/wap-index-contact.png) no-repeat; padding-left:35px; height:30px; line-height:30px; background-size:30px 68px; }
.index-contact .tel li a{color:#e1010c; font-size:22px}
.index-contact .tel li.l1{ padding-right:10px;}
.index-contact .tel li.l2{ background-position:0 -38px;}
.index-contact .huanying{ font-size:18px; padding:5px 0;}
.index-contact .welcome{background:url(../images/loader.gif) no-repeat center;}
.index-contact .index-welcome{ width:100%;}
.index-contact .position{ background:url(../images/sitemap-position.png) no-repeat; height:30px; padding-left:30px; padding-top:8px; background-position:0 12px; line-height:30px; margin-bottom:10px;}
.index-contact .position a{ color:#333; border-left:1px solid #ccc; padding-left:10px;}
/*联系我们 end*/
/*footer-menu start*/
.index-menu-footer{ background:#999; padding:0 10px; padding-top:10px; padding-bottom:30px;}
.index-menu-footer .top{ overflow:hidden; padding-left:50px;background-size:42px 50px;}
.index-menu-footer .top li{ float:left; line-height:50px;}
.index-menu-footer .top li a{ color:#000; font-size:24px; padding-left:8px; }
.index-menu-footer .top li.l1 a{ border-left:0;}
.index-menu-footer .bottom{ overflow:hidden; padding-top:20px;}
.index-menu-footer .bottom li{ width:33%; float:left;}
.index-menu-footer .bottom li a{ display:block; margin:3px; border:1px solid #ccc; text-align:center; padding:20px 0; color:#fff;}
/*footer-menu end*/
/*footer start*/
.index-footer{ padding:30px 10px; background-color:#888; color:#FFF;}
.index-footer p{ text-align:center;}
/*footer end*/
/*底部快捷菜单	start*/
.index-fast{ position:fixed; height:50px; bottom:0; left:0; width:100%; background-color:#e1010c;}
.index-fast li{ float:left; line-height:48px;  text-align:center; width:25%;}
.index-fast li a{ display:block; color:#fff; height:50px;}
.index-fast li.tel{ width:50%;}
.index-fast li.tel a{ border:1px solid #e1010c; background-color:#FFF; height:48px; width:100%; line-height:48px; color:#e1010c; text-align:center; font-size:24px}
.index-fast li.service a{ border-right:1px solid #fff;}
/*底部快捷菜单	end*/
/*newsdetail****************************************************************************************************************************/
/*article start*/
.newsdetail-article{ padding:20px 10px;}
.newsdetail-article h1{ padding:8px 0; font-size:24px; line-height:35px;}
.newsdetail-article .prop .source{ padding-right:10px; color:#06C; font-size:12px}
.newsdetail-article .prop .date{ color:#999; font-size:12px;}
.newsdetail-article .content{ padding-top:30px;}
.newsdetail-article .content p{ padding-bottom:20px; font-size:14px; color:#333; line-height:22px;}
/*article end*/
/*casedetail movie start*/
.casedetail-body{ background-color:#f0f1f1;}
.case_main .title{ padding:10px;}
.brower{ height:50px; background:#FFF; line-height:50px;}
.brower a{ float:right; display:block; height:50px; padding:0 20px; background-color:rgb(102, 102, 102); color:#fff;}
.case_main .article{ padding:20px;}
.case_main .pic_con img{ width:100%; margin-bottom:8px;}

/*casedetail movie end*/

/*展厅设计专题页开始*/

/*top*/
/*top*/
.xuanchuan-tou{width:100%; height:80px;overflow:hidden; background:#333333;border-top:1px solid #222222; border-bottom:1px solid #111111; position:absolute; top:0; left:0; z-index:210;}
.xuanchuan-tou .top{ overflow:hidden;}
.hhh{width:100%; height:auto;overflow:hidden; background:#333333;border-top:1px solid #222222; border-bottom:1px solid #111111}
#top{ position:relative;width:94%; margin:0 3%; height:auto; }
#top .zhanting-list img{ float:right; margin-top:20px;}
#top .zhanting-logo img{ float:left; height:74px;}

/*banner*/
.zhanting img{ width:100%; height:auto}

/*nav*/
.zhanting-nav{ width:100%; height:auto; overflow:hidden}
.zhanting-nav h2{ height:48px; font:800 24px/48px "微软雅黑"; color:#e1010c; text-align:center; }
.zhanting-nav h4{ height:26px; font:200 16px/26px "微软雅黑"; color:#33333; width:90%; margin:0px auto;}
.zhanting-nav ul{ clear:both; padding-top:90px; width:90%; margin:0px auto;}
.zhanting-nav ul li{ background:url(../images/zhanting-listspot.png) no-repeat left top; background-position:0px 26%; line-height:29px; font:200 16px/29px "微软雅黑"; text-indent:18px; border-bottom:1px solid #c1c1c1}
.zhanting-nav ul li span{ color:#e91608; font-weight:bold;}

/*main*/

.zhanting-main{width:100%; height:auto;overflow:hidden; margin-top:24px}
.zhanting-main h2{ font:800 24px/48px "微软雅黑"; text-align:center; color:#000}
.zhanting-main h4{ font:100 16px/26px "微软雅黑"; text-align:center; color:#666}
.zhanting-main ul{ position:relative; width:100%; height:auto;}
.zhanting-main ul li{ float:left; width:48%; height:auto; margin:1% 1%; display:block; text-align:center}
.zhanting-main ul li img{ width:100%; height:auto}
.zhanting-main ul li p a{ color:#333; font:800 18px/31px "微软雅黑"}

/*yewu2*/
.zhanting-yewu2{width:100%; height:auto;overflow:hidden; padding:24px 0px; background:#f7f7f8}
.zhanting-yewu2 img{ width:100%; height:auto}
.zhanting-yewu2 ol{ overflow:hidden; margin:12px 2%; width:96%;}
.zhanting-yewu2 ol li{ width:20%; float:left; margin:0 2%}


/*advantage*/

.zhanting-advantage{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #111111; margin-top:24px}
.zhanting-advantage h2{ font:800 24px/48px "微软雅黑"; text-align:center; color:#000}
.zhanting-advantage p{ color:#666; font:200 16px/29px "微软雅黑"; width:96%; margin:0px 2%}
.zhanting-advantage img{ width:100%; height:auto}

/*service*/

.zhanting-service{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #38cbe6; padding:24px 0px; background:#f5e9e9}
.zhanting-service h2{ font:800 24px/39px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#000}
.zhanting-service ul{ padding-top:24px; width:98%; margin:0px 1%; overflow:hidden}
.zhanting-service ul li{ height:95px;margin:9px 0px; padding-top:12px}
.zhanting-service ul li h4{ width:70%; float:right}
.zhanting-service ul li p{ width:70%; float:right; font:200 14px/20px "微软雅黑"}
.zhanting-service ul li:nth-child(1){ background:url(../images/zhanting-service1.png) no-repeat left center; color:#db600c}
.zhanting-service ul li:nth-child(2){ background:url(../images/zhanting-service2.png) no-repeat left center; color:#6829a7}
.zhanting-service ul li:nth-child(3){ background:url(../images/zhanting-service3.png) no-repeat left center; color:#0e53c5}
.zhanting-service ul li:nth-child(4){ background:url(../images/zhanting-service4.png) no-repeat left center; color:#be8719}
.zhanting-service ul li:nth-child(5){ background:url(../images/zhanting-service5.png) no-repeat left center; color:#d71116}
.zhanting-service ul li:nth-child(6){ background:url(../images/zhanting-service6.png) no-repeat left center; color:#18a0b9}

/*fuwuxiangmu*/

.zhanting-xiangmu{width:100%; height:auto;overflow:hidden; padding:24px 0px;}
.zhanting-xiangmu h2{ font:800 24px/39px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#000}
.zhanting-xiangmu img{ width:100%; height:auto; margin-top:24px}

/*zhanting-jishu*/

.zhanting-jishu{width:100%; height:auto;overflow:hidden; padding:24px 0px;}
.zhanting-jishu h2{ font:800 24px/39px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#000}
.zhanting-jishu img{ width:100%; height:auto; margin-top:24px}

/*zhanting-newsfangan*/

.zhanting-newsfangan{width:100%; height:auto;overflow:hidden; padding:24px 0px;}
.zhanting-newsfangan h2{ font:800 24px/39px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#000}
.zhanting-newsfangan ul{ padding-top:24px; width:98%; margin:0px 1%; overflow:hidden}
.fangan-news{ padding-top:24px; width:98%; margin:0px 1%; font:200 16px/29px "微软雅黑"}
.fangan-news a{ color:#333;}

/*zhanting-newszhongdian*/

.zhanting-newszhongdian{width:100%; height:auto;overflow:hidden; padding:24px 0px;}
.zhanting-newszhongdian h2{ font:800 24px/39px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#000}
.zhongdian-news{ padding-top:24px; width:98%; margin:0px 1%; font:200 16px/29px "微软雅黑"}
.zhongdian-news a{ color:#333;}

/*zhanting-newszixun*/

.zhanting-newszixun{width:98%; height:auto;overflow:hidden; padding:24px 0px; margin:0px 1%}
.zhanting-newszixun h2{ font:800 31px/48px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#666}
.zhanting-newszixun .tuijian{ margin-top:24px; overflow:hidden}
.zhanting-newszixun .tuijian img{ padding:2px 2px; border:solid 1px #666; float:left; width:40%; height:auto}
.zhanting-newszixun .tuijian h4{ font:800 18px/26px "微软雅黑"; float:right; width:56%; margin-top:1.8%}
.zhanting-newszixun .tuijian h4 a{ color:#333}
.zhanting-newszixun .tuijian p{ font:200 16px/29px "微软雅黑"; float:right; width:56%; color:#666}
.zhanting-newszixun ul{ padding-top:24px; width:100%; overflow:hidden}
.zhanting-newszixun ul li{ font:200 16px/29px "微软雅黑"}
.zhanting-newszixun ul li span{ float:right}
.zhanting-newszixun ul li a{ color:#666}

/*zhanting-kehu*/

.zhanting-kehu{width:100%; height:auto;overflow:hidden; padding:24px 0px;}
.zhanting-kehu h2{ font:800 31px/48px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#666}
.zhanting-kehu ul{ padding-top:24px; overflow:hidden}
.zhanting-kehu ul li{ float:left; font:100 12px/18px "微软雅黑"; color:#838388; display:block; width:32%; margin-left:1%; text-align:left; margin-top:12px}
.zhanting-kehu ul li p{ width:96%; margin:6px 2%}
.zhanting-kehu ul li img{ width:100%; height:auto}

/*zhanting-dilink*/

.zhanting-dilink{ width:100%; height:auto; overflow:hidden; padding:14px 0px; background:#999}
.zhanting-dilink .didaohang img{ float:left; margin-left:4%}
.zhanting-dilink .didaohang ul{ overflow:hidden; float:left; width:68%; margin-left:2%}
.zhanting-dilink .didaohang ul li{ float:left; margin:12px 0}
.zhanting-dilink .didaohang ul li a{ color:#111; font:200 16px/44px "微软雅黑"}

.zhanting-dilink .diliebiao{ width:100%; height:auto;overflow:hidden; padding:14px 0px; background:#999}
.zhanting-dilink .diliebiao ul li{ float:left; width:32%; padding:24px 0px; margin:8px 0.36%; text-align:center; background:#959595; border:solid 1px #a9a9a9}
.zhanting-dilink .diliebiao ul li a{ color:#FFF; font:200 16px/18px "微软雅黑"; display:block}


/*zhanting-footer*/
.zhanting-footer{ width:100%; height:auto;overflow:hidden; padding:14px 0px; background:#6a6a6a}
.zhanting-footer p{ width:96%; font:200 14px/20px "微软雅黑"; color:#fff; margin:0px 2%}



/*宣传片制作*************************************************************************************************************************************/



/*nav*/
.xuanchuan-nav{ width:100%; height:auto; overflow:hidden; background:#202022; padding:12px 0 0 0}
.xuanchuan-nav h2{ height:38px; font:800 24px/48px "微软雅黑"; color:#e1010c; text-align:center; margin:12px 0px }
.xuanchuan-nav h4{ font:100 16px/26px "微软雅黑"; text-align:left; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.xuanchuan-nav ul{ clear:both; padding-top:12px; width:90%; margin:0px auto;}
.xuanchuan-nav ul li{ background:url(../images/xuanchuan-red.png) no-repeat left top; background-position:0px 20%; line-height:29px; font:200 16px/24px "微软雅黑"; text-indent:18px; border-bottom:1px solid #c1c1c1; color:#838388; margin:6px 0px}
.xuanchuan-nav ul li span{ color:#e91608; font-weight:bold;}

/*yewu2*/
.xuanchuan-yewu2{width:100%; height:auto;overflow:hidden; padding:24px 0px; background:#3f3f43; border-bottom:solid 1px #5a595d}
.xuanchuan-yewu2 img{ width:100%; height:auto}
.xuanchuan-yewu2 ol{ overflow:hidden; margin:12px 2%; width:96%;}
.xuanchuan-yewu2 ol li{ width:20%; float:left; margin:0 2%}

/*yewu*/
.xuanchuan-yewu{width:100%; height:auto;overflow:hidden; padding:24px 0px; background:#202022}
.xuanchuan-yewu h2{ font:800 24px/39px "微软雅黑"; text-align:center; width:98%; margin:12px 1%; color:#e91608}
.xuanchuan-yewu img{ width:100%; height:auto; margin-top:24px}

/*main*/
.xuanchuan-main{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #111111; background:#202022}
.xuanchuan-main h2{font:800 24px/48px "微软雅黑"; color:#e1010c; text-align:center; margin:12px 0px}

.xuanchuan-main h4{ font:100 16px/26px "微软雅黑"; text-align:left; color:#838388; margin-bottom:12px}
.xuanchuan-main ul{ position:relative; width:100%; height:auto;}
.xuanchuan-main ul li{ float:left; width:48%; height:auto; margin:1% 1%; display:block; text-align:center}
.xuanchuan-main ul li .picbox{ height:100px; overflow:hidden;}
.xuanchuan-main ul li img{ width:100%; height:auto}
.xuanchuan-main ul li p a{ color:#838388; font:800; font-size:14px; line-height:22px;}

/*fuwu*/
.xuanchuan-fuwu{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #111111; background:#202022}
.xuanchuan-fuwu h2{ height:48px; font:800 24px/48px "微软雅黑"; color:#e1010c; text-align:center; margin:12px 0px}
.xuanchuan-fuwu ul li{ float:left; width:48%; height:500px; border:solid 1px #838388; margin:2px 0.6%; text-align:center; color:#838388}
.xuanchuan-fuwu ul img{ margin-top:20px}
.xuanchuan-fuwu ul h3{ font:200 20px/39px "微软雅黑"}
.xuanchuan-fuwu ul p{ width:90%; margin:12px 5%; font:200 14px/22px "微软雅黑"; text-align:left}

/*tuandui*/
.xuanchuan-tuandui{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #111111; padding-top:24px; background:#202022}
.xuanchuan-tuandui h2{ font:800 24px/36px "微软雅黑"; text-align:center; color:#e91608; width:96%; margin:0 2%}
.xuanchuan-tuandui img{ width:96%; height:auto; margin:12px 2%}

/*xuanchuan-newszixun*/

.xuanchuan-newszixun{width:100%; height:auto;overflow:hidden; padding:24px 0px; background:#202022}
.xuanchuan-newszixun h2{ font:800 31px/48px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#838388; padding-bottom:24px}
.xuanchuan-newszixun .tuijian{ margin-top:24px; overflow:hidden; width:98%; margin:0 1%}
.xuanchuan-newszixun .tuijian img{ padding:2px 2px; border:solid 1px #666; float:left; width:40%; height:auto}
.xuanchuan-newszixun .tuijian h4{ font:800 18px/26px "微软雅黑"; float:right; width:56%; margin-top:1.8%}
.xuanchuan-newszixun .tuijian h4 a{ color:#838388}
.xuanchuan-newszixun .tuijian p{ font:200 16px/29px "微软雅黑"; float:right; width:56%; color:#838388}
.xuanchuan-newszixun ul{ padding-top:24px; width:98%; overflow:hidden; margin:0 1%}
.xuanchuan-newszixun ul li{ font:200 16px/29px "微软雅黑"}
.xuanchuan-newszixun ul li span{ float:right}
.xuanchuan-newszixun ul li a{ color:#838388}

/*xuanchuan-kehu*/

.xuanchuan-kehu{width:100%; height:auto;overflow:hidden; padding:24px 0px; background:#202022}
.xuanchuan-kehu h2{ font:800 31px/48px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#838388}
.xuanchuan-kehu ul{ padding-top:24px; overflow:hidden}
.xuanchuan-kehu ul li{ float:left; font:100 12px/18px "微软雅黑"; color:#838388; display:block; width:32%; margin-left:1%; text-align:left; margin-top:12px}
.xuanchuan-kehu ul li p{ width:96%; margin:6px 2%; min-height:70px;}
.xuanchuan-kehu ul li .picbox{ background:url(../images/loader.gif) no-repeat center}
.xuanchuan-kehu ul li p a{ color:#FFF; font-size:14px;}
.xuanchuan-kehu ul li img{ width:100%; height:auto}

/*建筑动画制作*************************************************************************************************************************************/

/*nav*/
.jianzhu-nav{ width:100%; height:auto; overflow:hidden; background:#202022; padding:12px 0 0 0}
.jianzhu-nav h2{ height:38px; font:800 24px/48px "微软雅黑"; color:#e1010c; text-align:center; margin:12px 0px; text-align:center}
.jianzhu-nav h4{ font:100 16px/26px "微软雅黑"; text-align:left; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.jianzhu-nav ul{ clear:both; padding-top:12px; width:90%; margin:0px auto;}
.jianzhu-nav ul li{ background:url(../images/xuanchuan-red.png) no-repeat left top; background-position:0px 20%; line-height:29px; font:200 14px/24px "微软雅黑"; text-indent:18px; border-bottom:1px solid #838388; color:#838388; margin:6px 0px}
.jianzhu-nav ul li span{ color:#e91608; font-weight:bold;}

/*yewu*/
.jianzhu-yewu2{width:100%; height:auto;overflow:hidden; padding:24px 0px; background:#3f3f43; border-bottom:solid 1px #5a595d}
.jianzhu-yewu2 img{ width:100%; height:auto}
.jianzhu-yewu2 ol{ overflow:hidden; margin:12px 2%; width:96%;}
.jianzhu-yewu2 ol li{ width:20%; float:left; margin:0 2%}

/*yewu*/
.jianzhu-yewu{width:100%; height:auto;overflow:hidden; padding:24px 0px; background:#202022}
.jianzhu-yewu h2{ font:800 20px/31px "微软雅黑"; text-align:center; width:98%; margin:12px 1%; color:#e91608}
.jianzhu-yewu img{ width:92%; height:auto; margin:24px 4%}

/*工业仿真动画制作*************************************************************************************************************************************/

/*nav*/
.fangzhen-nav{ width:100%; height:auto; overflow:hidden; background:#202022; padding:24px 0 ; background:url(../images/fangzhen-huawen1.jpg); border-bottom:solid 1px #525252}
.fangzhen-nav h2{ height:38px; font:800 24px/48px "微软雅黑"; color:#e1010c; text-align:left; background:url(../images/xuanchuan-douhao.png) no-repeat left center; background-position:6% 12%; text-indent:90px; margin:12px 0px }
.fangzhen-nav h4{ color:#838388; width:96%; margin:0px 4%; font:200 19px/34px "微软雅黑"}
.fangzhen-nav ul{ clear:both; padding-top:9px; width:90%; margin:0px auto;}
.fangzhen-nav ul li{ background:url(../images/xuanchuan-red.png) no-repeat left top; background-position:0px 12%; line-height:29px; font:200 16px/29px "微软雅黑"; text-indent:18px; border-bottom:1px solid #525252; color:#838388}

/*yewu*/
.fangzhen-yewu{width:100%; height:auto;overflow:hidden; padding:24px 0px; background:#202022; border-bottom:solid 1px #5a595d}
.fangzhen-yewu h2{ font:800 27px/39px "微软雅黑"; text-align:left; width:94%; margin:12px 0 12px 6%; color:#ddd}
.fangzhen-yewu h2 span{ color:#e1010c; font:800 27px/39px "微软雅黑"}
.fangzhen-yewu h4{ font:200 20px/22px "微软雅黑"; text-align:left; color:#ddd; width:94%; margin:12px 0 12px 6%;}
.fangzhen-yewu ul{ overflow:hidden}
.fangzhen-yewu ul li{ width:33%; float:left}
.fangzhen-yewu ul li:nth-child(1){ margin-right:0.5%}
.fangzhen-yewu ul li:nth-child(2){ margin-right:0.5%}
.fangzhen-yewu ul li:nth-child(4){ margin-right:0.5%}
.fangzhen-yewu ul li:nth-child(5){ margin-right:0.5%}
.fangzhen-yewu img{ width:100%; height:auto}
.fangzhen-yewu ol{ overflow:hidden; margin:12px 2%; width:96%;}
.fangzhen-yewu ol li{ width:20%; float:left; margin:0 2%}

/*main*/
.fangzhen-main{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #5a595d; background:url(../images/fangzhen-huawen1.jpg)}
.fangzhen-main h2{ width:90%; height:auto; margin:12px 5%}
.fangzhen-main h2 img{ width:100%; height:auto}
.fangzhen-main ul{ position:relative; width:100%; height:auto;}
.fangzhen-main ul li{ float:left; width:48%; height:auto; margin:1% 1%; display:block; text-align:center}
.fangzhen-main ul li img{ width:100%; height:auto}
.fangzhen-main ul li p a{ color:#fff; font:800 ; font-size:14px}

/*动漫游戏制作*************************************************************************************************************************************/

/*nav*/
.dongman-nav{ width:100%; height:auto; overflow:hidden; background:#e4695c; padding:12px 0; border-bottom:solid 1px #b93c2f}
.dongman-nav h2{ height:48px; font:800 24px/48px "微软雅黑"; color:#fef0d0; text-align:center; }
.dongman-nav h4{ font:100 16px/26px "微软雅黑"; text-align:left; color:#fff; margin-bottom:12px; width:96%; margin:12px 2%}
.dongman-nav ul{ clear:both; padding-top:12px; width:90%; margin:12px auto;}
.dongman-nav ul li{ background:url(../images/dongman-smallyellow.jpg) no-repeat left top; line-height:29px; font:200 16px/29px "微软雅黑"; text-indent:18px; border-bottom:1px solid #fef0d0; color:#fff}
.dongman-nav ul li:nth-child(1){ background-position:0px 12%;}
.dongman-nav ul li:nth-child(2){ background-position:0px 6%;}
.dongman-nav ul li span{ color:#fef0d0; font-weight:bold;}
.dongman-nav img{ width:98%; height:auto; margin:0 1%}

/*huanjing*/
.dongman-huanjing{width:100%; height:auto;overflow:hidden; padding:24px 0px 0px 0px; background:#e4695c; border-bottom:solid 1px #b93c2f; text-align:center}
.dongman-huanjing h2{ font:800 20px/39px "微软雅黑"; text-align:left; width:94%; margin-bottom:12px; color:#fef0d0; text-align:center}
.dongman-huanjing h4{ font:200 16px/22px "微软雅黑"; text-align:left; color:#fef0d0; width:94%; margin-bottom:12px; text-align:center}
.dongman-huanjing img{ width:98%; height:auto; margin:12px 1% 4px 1%}

/*yewu*/
.dongman-yewu2{width:100%; height:auto;overflow:hidden; padding:24px 0px; background:#f3e4e3; border-bottom:solid 1px #5a595d}
.dongman-yewu2 img{ width:100%; height:auto}
.dongman-yewu2 ol{ overflow:hidden; margin:12px 2%; width:96%;}
.dongman-yewu2 ol li{ width:20%; float:left; margin:0 2%}

/*service*/

.dongman-fuwu{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #38cbe6; padding:24px 0px; background:#f5e9e9}
.dongman-fuwu h2{ font:800 24px/48px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#c44639}
.dongman-fuwu ul{ padding-top:12px; width:98%; margin:0px 1%; overflow:hidden}
.dongman-fuwu ul li{ height:84px;margin:9px 0px; padding-top:12px}
.dongman-fuwu ul li h4{ width:70%; float:right; font-size:14px}
.dongman-fuwu ul li p{ width:70%; float:right; font:200 12px/18px "微软雅黑"}
.dongman-fuwu ul li:nth-child(1){ background: url(../images/dongman-fuwu1.jpg) no-repeat left center; color:#ef5934}
.dongman-fuwu ul li:nth-child(2){ background: url(../images/dongman-fuwu2.jpg) no-repeat left center; color:#cb268e}
.dongman-fuwu ul li:nth-child(3){ background: url(../images/dongman-fuwu3.jpg) no-repeat left center; color:#852cde}
.dongman-fuwu ul li:nth-child(4){ background: url(../images/dongman-fuwu4.jpg) no-repeat left center; color:#15a8db}

/*main*/
.dongman-main{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #b93c2f; background:#e4695c}
.dongman-main h2{ font:800 24px/48px "微软雅黑"; color:#fef0d0; text-align:center; margin:12px 0px}
.dongman-main h4{ font:100 16px/26px "微软雅黑"; text-align:center; color:#fff; margin-bottom:12px; text-align:left; width:96%; margin:12px 2%}
.dongman-main ul{ position:relative; width:100%; height:auto;}
.dongman-main ul li{ float:left; width:48%; height:auto; margin:1% 1%; display:block; text-align:center}
.dongman-main ul li img{ width:100%; height:auto}
.dongman-main ul li p a{ color:#fff; font:800 18px/31px "微软雅黑"}

/*youxi*/
.dongman-youxi{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #b93c2f; background:#e4695c}
.dongman-youxi h2{ font:800 24px/48px "微软雅黑"; color:#fef0d0; text-align:center; margin:12px 0px}
.dongman-youxi h4{ font:100 16px/26px "微软雅黑"; text-align:center; color:#fff; margin-bottom:12px; text-align:left; width:96%; margin:12px 2%}
.dongman-youxi ul{ position:relative; width:100%; height:auto;}
.dongman-youxi ul li{ float:left; width:48%; height:auto; margin:1% 1%; display:block; text-align:center}
.dongman-youxi ul li img{ width:100%; height:auto}
.dongman-youxi ul li p a{ color:#fff; font:800 18px/31px "微软雅黑"}

/*dongman-newszixun*/

.dongman-newszixun{width:100%; height:auto;overflow:hidden; padding:24px 0px; background:#f5e9e9; border-bottom:solid 1px #e8947f}
.dongman-newszixun h2{ font:800 31px/48px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#838388; padding-bottom:24px}
.dongman-newszixun .tuijian{ margin-top:24px; overflow:hidden; width:98%; margin:0 1%}
.dongman-newszixun .tuijian img{ padding:2px 2px; border:solid 1px #666; float:left; width:40%; height:auto}
.dongman-newszixun .tuijian h4{ font:800 18px/26px "微软雅黑"; float:right; width:56%; margin-top:1.8%}
.dongman-newszixun .tuijian h4 a{ color:#333}
.dongman-newszixun .tuijian p{ font:200 16px/29px "微软雅黑"; float:right; width:56%; color:#666}
.dongman-newszixun ul{ padding-top:24px; width:98%; overflow:hidden; margin:0 1%}
.dongman-newszixun ul li{ font:200 16px/29px "微软雅黑"}
.dongman-newszixun ul li span{ float:right}
.dongman-newszixun ul li a{ color:#838388}

/*dongman-kehu*/

.dongman-kehu{width:100%; height:auto;overflow:hidden; padding:24px 0px; background:#f5e9e9}
.dongman-kehu h2{ font:800 31px/48px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#838388}
.dongman-kehu ul{ padding-top:24px; overflow:hidden}
.dongman-kehu ul li{ float:left; font:100 12px/18px "微软雅黑"; color:#838388; display:block; width:32%; margin-left:1%; text-align:left; margin-top:12px}
.dongman-kehu ul li p{ width:96%; margin:6px 2%}
.dongman-kehu ul li img{ width:100%; height:auto}

/*多媒体制作*************************************************************************************************************************************/

/*nav*/
.duomeiti-nav{ width:100%; height:auto; overflow:hidden; background:#17c5da; padding:12px 0; border-bottom:solid 1px #b93c2f}
.duomeiti-nav h2{ height:48px; font:800 24px/48px "微软雅黑"; color:#fef0d0; text-align:center; }
.duomeiti-nav h4{ font:100 16px/26px "微软雅黑"; color:#fff; margin-bottom:12px; width:96%; margin:12px 2%; text-align:left}
.duomeiti-nav ul{ clear:both; padding-top:12px; width:90%; margin:12px auto;}
.duomeiti-nav ul li{ background:url(../images/dongman-smallyellow.jpg) no-repeat left top; line-height:29px; font:200 16px/29px "微软雅黑"; text-indent:18px; border-bottom:1px solid #fef0d0; color:#fff; margin-bottom:12px}
.duomeiti-nav ul li:nth-child(1){ background-position:0px 10%;}
.duomeiti-nav ul li:nth-child(2){ background-position:0px 6%;}
.duomeiti-nav ul li span{ color:#fef0d0; font-weight:bold;}

/*main*/
.duomeiti-main{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #b93c2f; background:#fff}
.duomeiti-main h2{ font:800 24px/36px "微软雅黑"; color:#222; text-align:center; margin:12px 0px}
.duomeiti-main h4{ font:100 16px/26px "微软雅黑"; text-align:center; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.duomeiti-main ul{ position:relative; width:100%; height:auto;}
.duomeiti-main ul li{ float:left; width:48%; height:auto; margin:1% 1%; display:block; text-align:center}
.duomeiti-main ul li img{ width:100%; height:auto}
.duomeiti-main ul li p a{ color:#666; font:800 18px/31px "微软雅黑"}

/*fuwu*/
.duomeiti-fuwu{ width:100%; height:auto; overflow:hidden; background:#fff; padding-top:12px}
.duomeiti-fuwu h2{ height:48px; font:800 24px/48px "微软雅黑"; color:#222; text-align:center}
.duomeiti-fuwu h4{ height:26px; font:200 16px/26px "微软雅黑"; color:#17c5da; width:90%; margin:0px auto; text-align:center}
.duomeiti-fuwu ul{ clear:both; padding-top:24px}
.duomeiti-fuwu ul li{ width:33.3%; height:auto; float:left}
.duomeiti-fuwu img{ width:100%; height:auto}

/*service*/

.duomeiti-youshi{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #38cbe6; padding:24px 0px; background:#fff}
.duomeiti-youshi h2{ font:800 24px/48px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#c44639}
.duomeiti-youshi ul{ padding-top:12px; width:98%; margin:0px 1%; overflow:hidden}
.duomeiti-youshi ul li{ height:84px;margin:12px 0px; padding-top:12px}
.duomeiti-youshi ul li h4{ width:70%; float:right; font-size:14px}
.duomeiti-youshi ul li p{ width:70%; float:right; font:200 12px/19px "微软雅黑"}
.duomeiti-youshi ul li:nth-child(1){ background: url(../images/duomeiti-youshi1.jpg) no-repeat left center; color:#ef5934}
.duomeiti-youshi ul li:nth-child(2){ background: url(../images/duomeiti-youshi2.jpg) no-repeat left center; color:#cb268e}
.duomeiti-youshi ul li:nth-child(3){ background: url(../images/duomeiti-youshi3.jpg) no-repeat left center; color:#852cde}

/*duomeiti-newszixun*/

.duomeiti-newszixun{width:100%; height:auto;overflow:hidden; padding:24px 0px; border-bottom:solid 1px #e8947f}
.duomeiti-newszixun h2{ font:800 31px/48px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#838388; padding-bottom:24px}
.duomeiti-newszixun .tuijian{ margin-top:24px; overflow:hidden; width:98%; margin:0 1%}
.duomeiti-newszixun .tuijian img{ padding:2px 2px; border:solid 1px #666; float:left; width:40%; height:auto}
.duomeiti-newszixun .tuijian h4{ font:800 18px/26px "微软雅黑"; float:right; width:56%; margin-top:1.8%}
.duomeiti-newszixun .tuijian h4 a{ color:#333}
.duomeiti-newszixun .tuijian p{ font:200 16px/29px "微软雅黑"; float:right; width:56%; color:#666}
.duomeiti-newszixun ul{ padding-top:24px; width:98%; overflow:hidden; margin:0 1%}
.duomeiti-newszixun ul li{ font:200 16px/29px "微软雅黑"}
.duomeiti-newszixun ul li span{ float:right}
.duomeiti-newszixun ul li a{ color:#838388}

/*duomeiti-kehu*/

.duomeiti-kehu{width:100%; height:auto;overflow:hidden; padding:24px 0px}
.duomeiti-kehu h2{ font:800 31px/48px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#838388}
.duomeiti-kehu ul{ padding-top:24px; overflow:hidden}
.duomeiti-kehu ul li{ float:left; font:100 12px/18px "微软雅黑"; color:#838388; display:block; width:32%; margin-left:1%; text-align:left; margin-top:12px}
.duomeiti-kehu ul li p{ width:96%; margin:6px 2%}
.duomeiti-kehu ul li img{ width:100%; height:auto}

/*登陆页工业仿真展示*************************************************************************************************************************************/

/*anli*/
.fangzhenzhanshi-anli{ width:100%; height:auto; overflow:hidden; background:#fff; padding:12px 0px; border-bottom:solid 1px #888}
.fangzhenzhanshi-anli h2{ height:48px; font:800 24px/48px "微软雅黑"; color:#222; text-align:center}
.fangzhenzhanshi-anli h4{ height:26px; font:200 16px/26px "微软雅黑"; color:#333; width:98%; margin:0px auto}
.fangzhenzhanshi-anli ul{ clear:both; padding-top:160px}
.fangzhenzhanshi-anli ul li{ width:32%; height:auto; float:left; margin:6px 0.66%}
.fangzhenzhanshi-anli img{ width:100%; height:auto}

/*main*/
.fangzhenzhanshi-main{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #b93c2f; background:#fff}
.fangzhenzhanshi-main h2{ font:800 24px/36px "微软雅黑"; color:#222; text-align:center; margin:12px 0px}
.fangzhenzhanshi-main h4{ font:100 16px/26px "微软雅黑"; text-align:left; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.fangzhenzhanshi-main ul{ position:relative; width:100%; height:auto;}
.fangzhenzhanshi-main ul li{ float:left; width:48%; height:auto; margin:1% 1%; display:block; text-align:center; height:180px}
.fangzhenzhanshi-main ul li img{ width:100%; height:auto}
.fangzhenzhanshi-main ul li p a{ color:#666; font:800 14px/20px "微软雅黑"}


/*zhantai*/
.fangzhenzhanshi-zhantai{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #b93c2f; background:#fff}
.fangzhenzhanshi-zhantai h2{ font:800 24px/36px "微软雅黑"; color:#222; margin:12px 0px; text-align:center}
.fangzhenzhanshi-zhantai h4{ font:100 16px/26px "微软雅黑"; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.fangzhenzhanshi-zhantai ul{ position:relative; width:100%; height:auto;}
.fangzhenzhanshi-zhantai ul li{ width:96%; height:auto; margin:2% 2%; display:block; color:#17c5da}
.fangzhenzhanshi-zhantai ul li img{ width:100%; height:auto}

/*muxing*/
.fangzhenzhanshi-muxing{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #b93c2f; background:#fff}
.fangzhenzhanshi-muxing h2{ font:800 24px/36px "微软雅黑"; color:#222; text-align:center; margin:12px 0px}
.fangzhenzhanshi-muxing h4{ font:100 16px/26px "微软雅黑"; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.fangzhenzhanshi-muxing img{ width:100%; height:auto}

/*登陆页工业仿真APP*************************************************************************************************************************************/

/*anli*/
.fangzhenAPP-anli{ width:100%; height:auto; overflow:hidden; background:#fff; padding:12px 0px; border-bottom:solid 1px #888}
.fangzhenAPP-anli h2{ height:48px; font:800 24px/48px "微软雅黑"; color:#222; text-align:center}
.fangzhenAPP-anli h4{ height:26px; font:200 16px/26px "微软雅黑"; color:#333; width:90%; margin:0px auto}
.fangzhenAPP-anli ul{ clear:both; padding-top:160px}
.fangzhenAPP-anli ul li{ width:100%; height:auto; margin:6px 0.66%}
.fangzhenAPP-anli img{ width:100%; height:auto}
.fangzhenAPP-anli p{ width:90%; margin:12px 5%; font:800 16px/26px "微软雅黑"; color:#666}

/*main*/
.fangzhenAPP-main{width:100%; height:auto;overflow:hidden; padding:12px 0px}
.fangzhenAPP-main h2{ font:800 24px/36px "微软雅黑"; color:#222; text-align:center; margin:12px 0px}
.fangzhenAPP-main h4{ font:100 16px/26px "微软雅黑"; text-align:left; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.fangzhenAPP-main img{ width:100%; height:auto; margin:12px 0px}

/*登陆页工业仿真APP*************************************************************************************************************************************/

/*anli*/
.fangzhenjiaoxue-anli{ width:100%; height:auto; overflow:hidden; background:#fff; padding:12px 0px; border-bottom:solid 1px #888}
.fangzhenjiaoxue-anli h2{ height:48px; font:800 24px/48px "微软雅黑"; color:#222; text-align:center}
.fangzhenjiaoxue-anli h5{ font:100 16px/26px "微软雅黑"; text-align:center; color:#666; margin-bottom:12px; width:96%; margin:12px 2%; text-align:left}
.fangzhenjiaoxue-anli img{ width:100%; height:auto; margin:12px 0px}

/*fangan*/
.fangzhenjiaoxue-fangan{width:100%; height:auto;overflow:hidden; padding:12px 0px; border-bottom:solid 1px #888}
.fangzhenjiaoxue-fangan h2{ font:800 24px/36px "微软雅黑"; color:#222; text-align:center; margin:12px 0px}
.fangzhenjiaoxue-fangan h5{ font:100 16px/26px "微软雅黑"; text-align:center; color:#666; margin-bottom:12px; width:96%; margin:12px 2%; text-align:left}
.fangzhenjiaoxue-fangan img{ width:100%; height:auto; margin:12px 0px}

/*shiyanshi*/
.fangzhenjiaoxue-shiyanshi{ width:100%; height:auto; overflow:hidden; background:#fff; padding:12px 0px; border-bottom:solid 1px #888}
.fangzhenjiaoxue-shiyanshi h2{ height:48px; font:800 24px/48px "微软雅黑"; color:#222; text-align:center}
.fangzhenjiaoxue-shiyanshi h5{ font:100 16px/26px "微软雅黑"; text-align:center; color:#666; margin-bottom:12px; width:96%; margin:12px 2%; text-align:left}
.fangzhenjiaoxue-shiyanshi ul{ margin:12px 0px; overflow:hidden}
.fangzhenjiaoxue-shiyanshi li{ float:left; width:100%; height:auto; display:block; text-align:center}
.fangzhenjiaoxue-shiyanshi li p{ font:200 16px/18px "微软雅黑"}
.fangzhenjiaoxue-shiyanshi img{ width:100%; height:auto; margin:12px 0px}

/*kaifa*/
.fangzhenjiaoxue-kaifa{ width:100%; height:auto; overflow:hidden; background:#fff; padding:12px 0px; border-bottom:solid 1px #888}
.fangzhenjiaoxue-kaifa h2{ height:48px; font:800 24px/48px "微软雅黑"; color:#222; text-align:center}
.fangzhenjiaoxue-kaifa h5{ font:100 16px/26px "微软雅黑"; text-align:center; color:#666; margin-bottom:12px; width:96%; margin:12px 2%; text-align:left}
.fangzhenjiaoxue-kaifa ul{ margin:12px 0px; overflow:hidden}
.fangzhenjiaoxue-kaifa li{ float:left; width:48%; height:auto; margin:1% 1%; display:block; text-align:center}
.fangzhenjiaoxue-kaifa li p{ font:200 16px/18px "微软雅黑"}
.fangzhenjiaoxue-kaifa img{ width:100%; height:auto; margin:12px 0px}


/*影视特效*************************************************************************************************************************************/

/*nav*/
.yingshitexiao-nav{ width:100%; height:auto; overflow:hidden; padding:12px 0; border-bottom:solid 1px #b93c2f}
.yingshitexiao-nav h2{ height:48px; font:800 24px/48px "微软雅黑"; color:#333; text-align:center}
.yingshitexiao-nav h3{ font:800 18px/26px "微软雅黑"; color:#333; margin-bottom:12px; width:96%; margin:12px 2%; text-align:left}
.yingshitexiao-nav h4{ font:100 16px/26px "微软雅黑"; color:#666; margin-bottom:12px; width:96%; margin:12px 2%; text-align:left}
.yingshitexiao-nav p{ width:90%; margin:6px 5%; text-align:center; font:800 16px/27px "微软雅黑"}
.yingshitexiao-nav img{ width:98%; height:auto; margin:12px 1%}

/*houqi*/
.yingshitexiao-houqi{width:100%; height:auto;overflow:hidden; padding:24px 0px 0px 0px; border-bottom:solid 1px #b93c2f; text-align:center}
.yingshitexiao-houqi h2{ font:800 27px/39px "微软雅黑"; text-align:left; width:94%; margin-bottom:12px; color:#333; text-align:center}
.yingshitexiao-houqi h4{ font:100 16px/26px "微软雅黑"; color:#666; margin-bottom:12px; width:96%; margin:12px 2%; text-align:left}
.yingshitexiao-houqi ul{ overflow:hidden}
.yingshitexiao-houqi ul li{ float:left; width:32%; height:auto; margin:1% 0.66%; display:block; text-align:center}
.yingshitexiao-houqi ul li p{ font:200 14px/34px "微软雅黑"}
.yingshitexiao-houqi ul li img{ width:100%; height:auto}
.yingshitexiao-houqi ul li a{ color:#666; font-weight:bold}

/*数字沙盘登陆页*************************************************************************************************************************************/

.shapan-shuzi{width:100%; height:auto;overflow:hidden; padding:24px 0px 0px 0px; border-bottom:solid 1px #b93c2f; text-align:center}
.shapan-shuzi h2{ font:800 27px/39px "微软雅黑"; text-align:left; width:94%; margin-bottom:12px; color:#333; text-align:center}
.shapan-shuzi h4{ font:100 16px/26px "微软雅黑"; color:#666; margin-bottom:12px; width:96%; margin:12px 2%; text-align:left}
.shapan-shuzi ul{ overflow:hidden}
.shapan-shuzi ul li{ float:left; height:auto; text-align:left}
.shapan-shuzi ul li p{ font:200 16px/34px "微软雅黑"}
.shapan-shuzi ul li img{ width:100%; height:auto}
.shapan-shuzi ul li a{ color:#666; font-weight:bold}

/*品牌标志设计登录页*************************************************************************************************************************************/

/*logo*/
.biaozhi-logo{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #b93c2f; background:#fff}
.biaozhi-logo h2{ font:800 24px/36px "微软雅黑"; color:#222; text-align:center; margin:12px 0px}
.biaozhi-logo h4{ font:100 16px/26px "微软雅黑"; text-align:left; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.biaozhi-logo ul{ position:relative; width:100%; height:auto;}
.biaozhi-logo ul li{ float:left; width:48%; height:auto; margin:1% 1%; display:block; text-align:center}
.biaozhi-logo ul li img{ width:100%; height:auto}
.biaozhi-logo ul li p a{ color:#666; font:800 18px/31px "微软雅黑"}

/*zhuce*/
.biaozhi-zhuce{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #b93c2f; background:#fff}
.biaozhi-zhuce h2{ font:800 24px/36px "微软雅黑"; color:#222; text-align:center; margin:12px 0px}
.biaozhi-zhuce h4{ font:100 16px/26px "微软雅黑"; text-align:center; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.biaozhi-zhuce ul{ position:relative; width:100%; height:auto;}
.biaozhi-zhuce ul li{ float:left; width:20%; height:auto; margin:1% 2.5%; display:block; text-align:center}
.biaozhi-zhuce ul li img{ width:100%; height:auto}
.biaozhi-zhuce ul li p a{ color:#666; font:800 18px/31px "微软雅黑"}

/*VI*/
.biaozhi-vi{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #b93c2f; background:#fff}
.biaozhi-vi h2{ font:800 24px/36px "微软雅黑"; color:#222; text-align:center; margin:12px 0px}
.biaozhi-vi h4{ font:100 16px/26px "微软雅黑"; text-align:left; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.biaozhi-vi ul{ position:relative; width:100%; height:auto; overflow:hidden}
.biaozhi-vi ul li{ float:left; width:30%; height:auto; margin:1% 1.66%; display:block; text-align:center}
.biaozhi-vi ul li img{ width:100%; height:auto}
.biaozhi-vi ul li p a{ color:#666; font:200 16px/27px "微软雅黑"}

/*UI*/
.biaozhi-abc{ width:100%; height:auto; background:#fff; padding:12px 0px; border-bottom:solid 1px #888}
.biaozhi-abc h2{ height:48px; font:800 24px/48px "微软雅黑"; color:#222; text-align:center}
.biaozhi-abc h4{ font:100 16px/26px "微软雅黑"; text-align:center; color:#666; margin-bottom:12px; width:96%; margin:12px 2%; text-align:left}
.biaozhi-abc ul{ margin:12px 0px; overflow:hidden}
.biaozhi-abc li{ float:left; width:48%; height:auto; margin:1% 1%; display:block; text-align:center}
.biaozhi-abc li p{ font:200 16px/18px "微软雅黑"}
.biaozhi-abc li p a{ color:#333}
.biaozhi-abc img{ width:100%; height:auto; margin:12px 0px}

/*网站建设登录页*************************************************************************************************************************************/

/*jianshe*/
.wangzhan-jianshe{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #b93c2f; background:#fff}
.wangzhan-jianshe h2{ font:800 24px/36px "微软雅黑"; color:#222; text-align:center; margin:12px 0px}
.wangzhan-jianshe h4{ font:100 16px/26px "微软雅黑"; text-align:left; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.wangzhan-jianshe ul{ position:relative; width:100%; height:auto;}
.wangzhan-jianshe ul li{ float:left; width:48%; height:auto; margin:1% 1%; display:block; text-align:center}
.wangzhan-jianshe ul li img{ width:100%; height:auto}
.wangzhan-jianshe ul li p a{ color:#666; font:800 14px/22px "微软雅黑"}

/*weixin*/
.wangzhan-weixin{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #b93c2f; background:#fff}
.wangzhan-weixin h2{ font:800 24px/36px "微软雅黑"; color:#222; text-align:center; margin:12px 0px}
.wangzhan-weixin h4{ font:100 16px/26px "微软雅黑"; text-align:left; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.wangzhan-weixin ul{ position:relative; width:100%; height:auto; overflow:hidden}
.wangzhan-weixin ul li{ float:left; width:98%; height:auto; margin:1% 1%; display:block; text-align:center}
.wangzhan-weixin ul li img{ width:100%; height:auto}

/*网站建设登录页*************************************************************************************************************************************/

/*jianshe*/
.wangzhan-yingxiao{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #b93c2f; background:#fff}
.wangzhan-yingxiao h2{ font:800 24px/36px "微软雅黑"; color:#222; text-align:center; margin:12px 0px}
.wangzhan-yingxiao h4{ font:100 16px/26px "微软雅黑"; text-align:left; color:#666; margin-bottom:12px; width:96%; margin:12px 2%}
.wangzhan-yingxiao h6{ font:800 16px/26px "微软雅黑"; color:#333; margin-bottom:12px; width:96%; margin:12px 2%}
.wangzhan-yingxiao ul{ position:relative; width:100%; height:auto;}
.wangzhan-yingxiao ul li{ float:left; height:auto; margin:1% 0; display:block; text-align:left}
.wangzhan-yingxiao ul li img{ width:100%; height:auto}
.wangzhan-yingxiao ul li p{ font:800 16px/24px "微软雅黑"}
.wangzhan-yingxiao ul li p a{ color:#666; font:800 18px/31px "微软雅黑"}

/*公司新闻*************************************************************************************************************************************/

/*gongsixinwen*/
.news-xinwen{width:100%; height:auto;overflow:hidden}
.news-xinwen ul{ width:100%; height:auto;}
.news-xinwen ul li{ height:auto; margin:1% 0; display:block; text-align:left; width:100%; display:block; clear:both; overflow:hidden; border-bottom:solid 1px #ebebeb}
.news-xinwen ul li img{ width:100%; height:auto}
.news-xinwen h2{ margin:12px 2%; width:25%; height:auto; float:left}
.news-xinwen h3{ font:800 14px/22px "微软雅黑"; text-align:left; color:#666; margin:12px 0px; float:left; width:70%}
.news-xinwen p{ font:100 12px/26px "微软雅黑"; color:#999; float:left; width:70%}
.news-xinwen p span{ float:right; font-size:12px}
.news-xinwen p span a{ color:#999}

/*行业新闻*************************************************************************************************************************************/

/*fenlei*/

.news-hangye{width:100%; height:auto;overflow:hidden; margin-bottom:12px}
.news-hangye ul{ width:100%; height:auto;}
.news-hangye{width:100%; height:auto;overflow:hidden}
.news-hangye ul{ width:100%; height:auto;}
.news-hangye ul li{ height:48px; margin:2px 0; display:block; text-align:center; float:left; font:800 22px/48px "微软雅黑"}
.news-hangye ul li:nth-child(1){ width:49%; margin-right:1%; background:#949494}
.news-hangye ul li:nth-child(2){ width:50%; background:#949494}
.news-hangye ul li:nth-child(3){ width:32.6%; margin-right:1%; background:#949494}
.news-hangye ul li:nth-child(4){ width:32.6%; margin-right:1%; background:#949494}
.news-hangye ul li:nth-child(5){ width:32.6%; background:#949494}
.news-hangye ul li.on{ background-color:#e50112}
.news-hangye ul li a{ color:#fff; display:block}

.news-hangye-move{ position:fixed; background-color:#FFF; top:0; display:none;}

/*签约客户************************************************************************************************************************************/

/*qianyue-kehu*/

.qianyue-kehu{width:100%; height:auto;overflow:hidden; padding:24px 0px}
.qianyue-kehu h2{ font:800 31px/48px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#838388}
.qianyue-kehu ul{ overflow:hidden}
.qianyue-kehu ul li{ float:left; font:100 12px/18px "微软雅黑"; color:#838388; display:block; width:32%; margin-left:1%; text-align:left; margin-top:12px; height:255px; overflow:hidden;}
.qianyue-kehu ul li p{ width:96%; margin:6px 2%}
.qianyue-kehu ul li img{ width:100%; height:auto}

/*联系我们*************************************************************************************************************************************/

/*lianxi1*/

.lianxi1{width:100%; height:auto;overflow:hidden; padding:24px 0px}
.lianxi1 h2{ font:800 31px/48px "微软雅黑"; text-align:center; width:98%; margin:0px 1%; color:#838388; border-bottom:solid 1px #c2c2c2}
.lianxi1 ul{ padding-top:24px; overflow:hidden}
.lianxi1 ul li{ font:200 16px/26px "微软雅黑"; color:#838388; display:block; width:96%; margin-left:2%; text-align:left; margin-top:12px}
.lianxi1 img{ width:36%; height:auto; margin:12px 32%}

/*lianxi3*/

.lianxi3{width:100%; height:auto;overflow:hidden}
.lianxi3 h2{ font:800 31px/48px "微软雅黑"; text-align:center; width:96%; margin:12px 2%; color:#838388; border-bottom:solid 1px #c2c2c2}
.lianxi3 img{ width:100%; height:auto}

/*案例中心*************************************************************************************************************************************/

/*fenlei*/

.anli-feilei{width:100%; height:auto;overflow:hidden; margin-bottom:12px}
.anli-feilei ul{ width:100%; height:auto;}
.anli-feilei ul li{ height:48px; margin:2px 0; display:block; text-align:center; float:left; font:800 22px/48px "微软雅黑"}
.anli-feilei ul li:nth-child(1){ width:49%; margin-right:1%; background:#949494}
.anli-feilei ul li:nth-child(2){ width:50%; background:#949494}
.anli-feilei ul li:nth-child(3){ width:32.6%; margin-right:1%; background:#949494}
.anli-feilei ul li:nth-child(4){ width:32.6%; margin-right:1%; background:#949494}
.anli-feilei ul li:nth-child(5){ width:32.6%; background:#949494}
.anli-feilei ul li:nth-child(6){ width:32.6%; margin-right:1%; background:#949494}
.anli-feilei ul li:nth-child(7){ width:32.6%; margin-right:1%; background:#949494}
.anli-feilei ul li:nth-child(8){ width:32.6%; background:#949494}
.anli-feilei ul li:nth-child(9){ width:32.6%; margin-right:1%; background:#949494}
.anli-feilei ul li.on{ background-color:#e50112;}
.anli-feilei ul li a{ color:#fff; display:block; font-weight:400; font-size:14px}

.anli-feilei_{position:fixed; background-color:#FFF; top:0; z-index:200; display:none;}
/*main*/
.anli-main{width:100%; height:auto;overflow:hidden; border-bottom:1px solid #5a595d}
.anli-main h2{ width:90%; height:auto; margin:12px 5%}
.anli-main ul{ position:relative; width:100%; height:auto;}
.anli-main ul li{ float:left; width:48%; height:auto; display:block; text-align:center; margin:6px 1%; overflow:hidden; position:relative;}
.anli-main ul li img{ width:100%; height:auto}
.anli-main ul li p a{ color:#838388; font:400 14px/31px "微软雅黑"}


/*关于我们*************************************************************************************************************************************/

/*whoiam*/

.whoiam{ width:100%; height:auto; overflow:hidden; background:#202022; padding:24px 0 ; background:#212121; border-bottom:solid 1px #fff}
.whoiam h2{ height:38px; font:800 24px/48px "微软雅黑"; color:#e1010c; text-align:center; margin:12px 0px }
.whoiam h3{ color:#eeeecd; width:90%; margin:0px auto; font:200 20px/34px "微软雅黑"; text-align:center}
.whoiam h4{ color:#e1010c; width:90%; margin:0px auto; font:200 16px/26px "微软雅黑"; margin-top:24px}
.whoiam ul{ clear:both; padding-top:24px; width:90%; margin:0px auto;}
.whoiam ul li{ background:url(../images/xuanchuan-red.png) no-repeat left top; background-position:0px 20%; line-height:29px; font:200 16px/29px "微软雅黑"; text-indent:18px; border-bottom:1px solid #525252; color:#838388}

/*jieshao*/

.jieshao{ width:100%; height:auto; overflow:hidden; background:#202022; padding:24px 0 ; background:#212121; border-bottom:solid 1px #fff}
.jieshao h2{ height:38px; font:800 24px/48px "微软雅黑"; color:#e1010c; text-align:center; margin:12px 0px }
.jieshao img{ width:96%; height:auto; margin:12px 2%}
.jieshao p{ color:#838388; width:96%; margin:0px auto; font:200 16px/26px "微软雅黑"; margin-top:24px}

/*wenhua*/

.wenhua{ width:100%; height:auto; overflow:hidden; background:#202022; padding:24px 0 ; background:#212121; border-bottom:solid 1px #fff}
.wenhua h2{ height:38px; font:800 24px/48px "微软雅黑"; color:#e1010c; text-align:center; margin:12px 0px }
.wenhua p{ color:#838388; width:90%; margin:0px auto; font:200 16px/26px "微软雅黑"; margin-top:24px}
.wenhua h4{ color:#838388; width:90%; margin:0px auto; font:200 16px/26px "微软雅黑"; margin-top:24px}
.wenhua h4 span{ font:800 24px/36px "微软雅黑"; color:#e1010c}

/*fuwu*/

.fuwu{ width:100%; height:auto; overflow:hidden; background:#202022; padding:24px 0 ; background:#212121; border-bottom:solid 1px #fff}
.fuwu h2{ height:38px; font:800 24px/48px "微软雅黑"; color:#e1010c; text-align:center; margin:12px 0px }
.fuwu h3{ width:90%; margin:0px auto; font:200 20px/34px "微软雅黑"; text-align:left; margin-top:24px}
.fuwu h3 a{ color:#e1010c}
.fuwu h4{ color:#838388; width:90%; margin:0px auto; font:200 16px/26px "微软雅黑"; margin-top:24px}
.fuwu ul{ clear:both; width:90%; margin:0px auto;}
.fuwu ul li{ line-height:29px; font:200 16px/29px "微软雅黑"; color:#838388}
.fuwu ul li a{ color:#838388}

.fenye {
overflow:hidden;
}
.fenye li {
float:left;
}