@charset "utf-8";
/* CSS Document */

/*-----------所有标签通配样式---------------*/
* { margin: 0px; padding: 0px;}
img {border: none;}
ul, ul li, ol li {list-style: none; margin: 0; padding: 0;}
a {color: #000000; text-decoration: none; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; outline:none;}
a:visited {color: #000000; text-decoration: none; }
a:hover { color:#FF0004; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-size: 16px; }

/*------------ie6 h bug-----------------*/
html { height: 100%; }
body { text-align: center; margin: 0px auto; padding-top:101px; height: 100%; background: #FFFFFF ; font-size: 16px; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; line-height: 20px; color:#000000;}
body::before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); z-index: 100; }

/*-----------------------------------------------头部、底部公共样式区域----------------------------------------------------------*/

/*-------header头部样式区域-------*/
#header { position:fixed; top:0 ; left:0; width:100%; background:#ffffff; border-bottom:1px solid #cccccc; z-index:99999;}
#header-cn { margin:0 auto; width:1430px; height:100px; overflow:hidden; }
#logo { float:left; padding-top:20px; width:380px; height:60px;}
#nav { float:left; margin-left:5px; overflow:hidden; }
#nav li { float:left; width:80px;}
#nav li.nav-sy { width:58px;}
#nav li a { display:block; line-height:100px; color:#000000; font-size:16px; }
#nav li a:hover { color:#FF0004;}
#nav li .nav-xbbj { background:url(../images/nav-bj.jpg) no-repeat center 70px}
#service { float:right; margin-top:30px; overflow:hidden;}
#service li { float:left; height:40px;}

/*---用户名登陆区域 ---*/
#login-dmsc {position:absolute; right:20px; top:31px; text-align:left; padding:3px 10px 10px 10px; width:90px; background: url(../images/bj10.png) no-repeat 96px 15px; cursor:pointer; z-index:99999;}
#login-dmsct { width:100%; height:30px; background:url(../images/bj10-1.png) no-repeat left center;}
#scrollyh { display:block; margin:0 auto 0 18px; width:66px; line-height:30px; height:30px; font-size:14px; overflow:hidden; }
#scrollyh ul { width:66px;  }
#scrollyh li { text-align:center; margin-left: 5px; line-height:30px; height:30px;}
#login-account { display:none; width:100%;}
#login-account dt , #login-account dd { margin-left:22px; width:66px; line-height:24px; font-size:14px;}


/*-------footer底部样式区域-------*/
#footer { width:100%; background:#001138; }
#footer-t { width:100%; height:350px; background:url(../images/footer-bj1.jpg) no-repeat center top;}
#footer-t-cn { margin:0 auto; width:1220px; }
#lxxx { margin:0 auto; width:100%; overflow:hidden;}
#lxdz { float:left; margin-top:85px; width:540px;}
#lxdz li { text-align:left; width:100%; line-height:40px; font-size: 18px; color:#ffffff;}
#lxdz li .email-txt { display:block; padding-left:52px;}
#zxly { float:right; margin-top:10px; width:680px; overflow:hidden;}
#zxly h3 { text-align:center; width:100%; line-height:100px; color:#ffffff; font-size:32px; font-weight:normal; }

#zxly-l { float:left; width:320px;}
#zxly-l li { text-align:left; margin-bottom:22px; padding-left:24px; width:290px; line-height:38px; background:url(../images/zxly-bj1.png) no-repeat 10px center; 
background-size:1.8% auto; border:1px solid #CCCCCC; border-radius:5px; color:#ffffff;}
#zxly-l li input { margin-left:10px;  width:235px; height:40px; line-height:40px; vertical-align:middle; background:url(../images/input-bj.png) left top; border:0; border:none; color:#ffffff; font-size:16px; outline:none; }
#zxly-r { float:right; width:320px;}
#zxly-r p { margin-bottom:20px; width:100%;}
#zxly-r p textarea {padding: 10px 10px; width: 298px; height: 84px; background: url(../images/input-bj.png) left top; border:1px solid #CCCCCC; border-radius:5px; color: #ffffff; font-size: 16px; outline: none; overflow: hidden; }
#zxly-r .ljtj-btn { display:block; width:318px;}
#zxly-r .ljtj-btn input  { display:block; margin:0 auto; width:318px; height:40px; line-height:40px; background:#DE1620; border:0; border:none; border-radius:5px; color:#ffffff; font-size:20px; cursor:pointer; }
input::-webkit-input-placeholder , textarea::-webkit-input-placeholder  {color: #96A1BB;}   /* WebKit browsers */
input:-moz-placeholder , textarea:-moz-placeholder {color: #96A1BB;}     /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder , textarea::-moz-placeholder {color: #96A1BB;}     /* Mozilla Firefox 19+ */
input::-ms-input-placeholder , textarea::-ms-input-placeholde {color: #96A1BB;}     /* Internet Explorer 10+ */

/*#footer-c { width:100%; background:#001648;}
#footer-c-cn { margin:0 auto; padding:30px 0 40px 0; width:1220px;  overflow:hidden;}
#footer-sub-nav { float:left; width:820px; overflow:hidden; }
#footer-sub-nav dl { float:left; width:17.5%;}
#footer-sub-nav dl.sub-nav-sy { float:left; width:11%;}
#footer-sub-nav dl dt { text-align:left; width:100%; line-height:40px; font-size:15px; }
#footer-sub-nav dl dt a { color:#ffffff;}
#footer-sub-nav dl dt a:hover { color:#f00;}
#footer-sub-nav dl dd { text-align:left; width:100%; line-height:34px; font-size:14px; }
#footer-sub-nav dl dd a { color:#8894AF;}
#footer-sub-nav dl dd a:hover { color:#f00;}*/

#footer-c { width:100%; background:#001648;}
#footer-c-cn { margin:0 auto; padding:30px 0 40px 0; width:1220px;  overflow:hidden;}
#footer-sub-nav { float:left; width:880px; overflow:hidden; }
#footer-sub-nav dl { float:left; width:14.8%;}
#footer-sub-nav dl.sub-nav-sy { float:left; width:11%;}
#footer-sub-nav dl dt { text-align:left; width:100%; line-height:40px; font-size:15px; }
#footer-sub-nav dl dt a { color:#ffffff;}
#footer-sub-nav dl dt a:hover { color:#f00;}
#footer-sub-nav dl dd { text-align:left; width:100%; line-height:34px; font-size:14px; }
#footer-sub-nav dl dd a { color:#8894AF;}
#footer-sub-nav dl dd a:hover { color:#f00;}

/*---底部友情链接links区域 ---*/
#links { margin:0px auto; width:1230px;}
#links p {text-align:left; padding-bottom:20px; width:100%; color:#FF0004; font-weight:bold; font-size:20px;}
#links p a { display:inline-block; margin-right:10px; padding:3px 0; font-size:14px; color:#ffffff;}
#links p a:hover { color:#FF0004;}

#footer-rwm { float:right; width:340px; }
#footer-rwm h5 { text-align:right; margin-bottom:25px; width:100%;}
#footer-rwm ul { width:100%; overflow:hidden;}
#footer-rwm ul li { float:left; margin-left:50px; width:120px;}

#footer-r-cn { margin:0 auto; padding:20px 0 5px 0; width:1220px;}
#footer-r-cn ul { width:100%; overflow:hidden;}
#footer-r-cn ul li { text-align:left; float:left; width:33%;}
#footer-r-cn ul li a { display:block; padding:2px 0; width:100%; line-height:20px; color:#ffffff;  vertical-align:middle;}
#footer-r-cn ul li a:hover { color:#FF0004;}
#footer-r-cn ul li a img { margin-right:5px; vertical-align:middle;}
#footer-r-cn ol { margin:15px auto; width:85%; overflow:hidden;}
#footer-r-cn ol li { text-align:center; float:left; width:14.2%;}

#copyright { text-align:center; padding:10px 0; width:100%; line-height:24px; color:#8F9BB5; font-size:15px; font-weight:bold;}

/*---fhymdb返回页面顶部区域 -----*/
#fhymdb { display:none; position:fixed; right:3.7%; bottom:3%; width:30px; height:30px; background:url(../images/list-16.png) no-repeat left top; background-size:100% auto; cursor:pointer; text-indent:-9999px; border-radius:200%;}

/*-----------------------------------------------首页样式区域----------------------------------------------------------*/


/*------图片轮换tplh区域 -----*/
#tplh { margin:0 auto; width:100%;}

.fullSlide{ position:relative; width:100%; height:800px; background:#000;}
.fullSlide .bd{ position:relative; margin:0 auto; z-index:0; overflow:hidden;}
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{ width:100% !important;height:800px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{ display:block; height:800px;}
.fullSlide .bd li img { width:100%; height:100%; object-position: center; object-fit: cover;}
.fullSlide .hd{ position:absolute; bottom:20px; left:0; width:100%; height:30px; line-height:30px; z-index:1; }
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; margin:1px 10px 1px 1px;  width:42px;height:11px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block; position:absolute;z-index:1;top:50%;margin-top:-30px;left:1%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:1%;background-position:-6px -137px;}

/*------公司实力gssl区域 -----*/
.gssl { padding:35px 0;  width:100%; }
.gssl h3 {text-align:center; margin:35px 0 20px 0; width:100%; line-height:80px; background:url(../images/bt-bj3.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:5px;}
.gssl-cn { margin:0 auto; width:1150px; overflow:hidden;}
.gssl-cn dl { float:left; width:33.33%; background:url(../images/xzwmly-bj2.jpg) no-repeat right center;}
.gssl-cn dl dt { text-align:center; width:100%; line-height:84px; color:#DE1620; font-size:55px;}
.gssl-cn dl dd { text-align:center; width:100%; line-height:46px; color:#666666; font-size:17px; letter-spacing:2px;}



/*-------科技新体验kjxty区域 --------*/
#kjxty { padding:30px 0; width:100%; height:240px; background:url(../images/kjxty-bj.jpg) no-repeat center top;  background-size: cover; background-attachment: fixed; }
#kjxty-cn { margin:0 auto; width:900px;}
#kjxty-cn h3 { text-align:center; width:100%; line-height:120px; font-size:60px; font-weight:normal; color:#ffffff; letter-spacing:5px;}
#kjxty-cn p { margin: 30px auto 0 auto;  width:282px; overflow:hidden;}
#kjxty-cn p .kjxty-l { float:left; width:220px;}
#kjxty-cn p .kjxty-l a { display:block; text-align:center; width:100%; line-height:50px; background:#DE1620; border-radius:5px; color:#ffffff; font-size:20px; letter-spacing:2px;}
#kjxty-cn p .kjxty-r { float:right; margin-top:4px; width:41px; height:41px;}


/*-------我们能为您做什么wmnzsm区域 -------*/
#wmnzsm { margin:30px auto 40px auto; width:1216px;}
#wmnzsm h3 {text-align:center; margin-bottom:20px; width:100%; line-height:80px; background:url(../images/bt-bj1.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:2px;}

#wmnzsm-cn { width:100%; overflow:hidden;}
.wmnzsm-com { position:relative; float:left; width:20%;}
.wmnzsm-comz {  margin:0 auto; padding-top:65px; width:90%; height:235px; background:#F4F4F4; border-radius:5px;}
.wmnzsm-comz h4 { margin:0 auto; padding-top:104px;  width:104px; background:url(../images/wmnzsm-1zgzt.jpg) no-repeat center top; font-size:20px; font-weight:normal; letter-spacing:2px;}
.wmnzsm-comz h4 span { display:block; width:104px; line-height:56px; background:url(../images/nav-bj.jpg) no-repeat center bottom;}
.wmnzsm-comz .wmnzsm-h4-1 {background:url(../images/sy-xm-bj1.png) no-repeat center top;}
.wmnzsm-comz .wmnzsm-h4-2 {background:url(../images/sy-xm-bj2.png) no-repeat center top;}
.wmnzsm-comz .wmnzsm-h4-3 {background:url(../images/sy-xm-bj3.png) no-repeat center top;}
.wmnzsm-comz .wmnzsm-h4-4 {background:url(../images/sy-xm-bj4.png) no-repeat center top;}
.wmnzsm-comz .wmnzsm-h4-5 {background:url(../images/sy-xm-bj5.png) no-repeat center top;}

.wmnzsm-comy { display:none; position:absolute; left:5%; top:0; width:90%; height:300px; background:#DE1620; border-radius:5px; z-index:990;}
.wmnzsm-comy ul { padding:30px 0; width:100%;}
.wmnzsm-comy ul li { margin:0 auto 10px auto; width:60%; line-height:30px; border:1px solid #ffffff; font-size:18px; color:#ffffff;}
.wmnzsm-comy ul li:hover {box-shadow: 0px 0px 5px 5px #eeeeee;}

.wmnzsm-comy ul.zgsj-xm { padding:14px 0;  width:100%;}
.wmnzsm-comy ul.zgsj-xm li { margin:0 auto 8px auto; width:60%; line-height:30px; border:1px solid #ffffff; font-size:18px; color:#ffffff;}
.wmnzsm-comy ul.zgsj-xm li:hover {box-shadow: 0px 0px 5px 5px #eeeeee;}


/*-------全国热线咨询qgrxzx区域 -------*/
#qgrxzx  { padding:40px 0; width:100%; background:#001648 url(../images/qgrxzx-bj.jpg) no-repeat center top; background-size: cover; background-attachment: fixed; }
#qgrxzx-cn { text-align:center; margin:0 auto; width:800px;}
#qgrxzx-cn h3 { margin:30px auto 0 auto; width:579px; height:44px; color:#ffffff; font-size:36px; font-weight:normal;}
#qgrxzx-cn p { margin:0 auto; width:200px;  }
#qgrxzx-cn p a { display:block; margin-top:30px; width:100%; line-height:50px; background:#DE1620; border-radius:5px; color:#ffffff;  font-size:20px; letter-spacing:2px; }


/*-----合作伙伴hzhb区域 -------*/

#hzhb { margin:0 auto; padding:30px 0 40px 0; width:1216px;}
#hzhb h3 { text-align:center; margin-bottom:20px; width:100%; line-height:80px; background:url(../images/bt-bj2.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:2px;}
#hzhb ul { width:100%; overflow:hidden;}
#hzhb ul li { float:left; width:20%; height:190px;}
#hzhb ul li img { margin:0 auto; width:190px; height:190px;} 
#hzhb-more { display:block; margin:30px auto 0 auto; width:200px;}
#hzhb-more a { display:block; text-align:center; width:100%; line-height:50px; background:#DE1620; border-radius:5px; color:#ffffff; font-size:20px; letter-spacing:2px; }

/*-------咨询热线zxrx区域 ---------*/
#zxrx { position:relative; margin:10px auto 30px auto; width:1216px; height:55px;}
#zxrx p { position:absolute; top:0 ; right:0; width:480px; height:55px;}
#zxrx p img { width:100%; height:auto;}

/*------公司荣誉gsry区域 ------*/
#gsry { margin: 0 auto; width:1216px;}
#gsry h3 {text-align:center; margin-bottom:30px; width:100%; line-height:80px; background:url(../images/bt-bj2.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:2px;}
#scroll {  margin:30px auto 60px auto; width:1216px; height:160px; overflow:hidden; zoom:1;}
#scroll .scroll_con { position:relative; float:left; width:1216px; height:160px; overflow:hidden;}
#scroll div.scroll_con ul { position:absolute; left:0; top:0; zoom:1; z-index:12; overflow:auto;}
#scroll .scroll_con ul li { float:left; margin-right:0px;  width:250px; height:160px; cursor:pointer; background:url(../images/yc-img-bj.gif) no-repeat center center;}
#scroll .scroll_con ul li:hover {margin-top:3px;}

#gsry-tc { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/tm_bj.png) left top; z-index:99999; }
#gsry-btn { display:block; position:absolute; top:30px; right:50px; width:40px; height:40px; cursor:pointer; z-index:99999;}
#gsry-btn img { width:30px; height:30px;}
#gsry-tc-cn { position:relative; width:100%; height:100%;}
/*.gsry-tc-com { margin: 0 auto; padding:5% 0; width:50%; }*/
.gsry-tc-com { margin: 0 auto; padding:5% 0; }
.gsry-tc-com img {display:block; margin:0 auto; padding:10px; width:auto; height:auto; background:#000000;}


/*-------行业咨询hyzx区域 -----------*/
#hyzx { margin:0 auto 80px auto; width:1216px;}
#hyzx h3 {text-align:center; margin-bottom:30px; width:100%; line-height:80px; background:url(../images/bt-bj2.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:2px;}
#hyzx-cn { width:100%; overflow:auto;}
#hyzx-l { position:relative; float:left; width:580px; object-fit: cover; object-position: center; overflow:hidden; }
#hyzx-l p , #hyzx-l p img  { width:580px; height:420px;  transform: scale(1); transition: transform 1s ease 0s;  object-fit: cover; object-position: center; }
#hyzx-l p img:hover{ width:100%; height:100%;  transform: scale(1.05);}
#hyzx-l dl { position:absolute; left:0; bottom:0; padding:10px 0; width:580px; background:#DE1620; z-index:990; overflow: hidden;}
#hyzx-l dl dt { text-align:left; padding:0 15px; width:550px; height:32px; line-height:32px;  font-size:17px; color:#ffffff;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#hyzx-l dl dt a { width:550px; color:#ffffff; overflow: hidden;}
#hyzx-l dl dd { text-align:left; padding:0 25px; width:530px; line-height:32px;  font-size:17px; color:#ffffff;}

#hyzx-r { float:right; width:580px; height:420px;}
#hyzx-r ol { width:100%; overflow:hidden;}
#hyzx-r ol li { text-align:center; float:left; width:33.33%; line-height:50px; background:#F4F4F4; cursor:pointer; font-size:18px; letter-spacing:1px;}
#hyzx-r ol li.hyzx-one { background:#DE1620; color:#ffffff;}
.hyzx-co { width:100%;}
.hyzx-com { padding:20px 0; width:100%;}
.hyzx-com ul { width:100%;}
.hyzx-com ul li { text-align: right; float: left; width: 100%; height: 50px; background:url(../images/news-bj2.jpg) repeat-x left bottom; overflow: hidden;}
.hyzx-com ul li a { float: left;text-align: left;  padding-left: 15px;  width: 450px; height:50px; line-height: 50px; background:url(../images/news-bj1.jpg) no-repeat left 24px; font-size: 15px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} 
.hyzx-com ul li span { text-align: right;  width: 60px; line-height: 50px; font-size: 14px;}

 
/*-----------------------------------------------各栏目页面样式区域----------------------------------------------------------*/
 
/*---展馆设计宣传图片zgsj-banner区域 start----*/
#zgsj-banner { width:100%;}
#zgsj-banner p { text-align:center; width:100%; height:640px;}
#zgsj-banner p img { width:100%; height:640px; object-position: center; object-fit: cover;}

/*---开创展厅新体验kcztxty区域 ---*/
#kcztxty { margin:0 auto 30px auto; width:1200px;}
#kcztxty h3 {text-align:center; margin:35px 0 0 0; width:100%; line-height:80px; background:url(../images/bt-bj3.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:5px;}
#kcztxty-txt {text-align:center; margin-bottom:30px; width:100%; line-height:30px; color:#6A6A6A; font-size:17px;}

.kcztxty-cn { margin:0 auto; width:90%; overflow:hidden;}
.kcztxty-com { float:left; width:33.33%;}
.kcztxty-com-cn { margin:5px auto; padding:70px 0; width:82%; height:170px; background:#F4F4F4; border-radius:5px; }
.kcztxty-com-cn:hover {box-shadow: 0px 0px 5px 5px #eeeeee;}
.kcztxty-com-cn p { margin:0 auto; width:113px; height:113px;} 
.kcztxty-com-cn:hover p  {
	-webkit-animation-iteration-count: 1;
    -webkit-animation: hover_bx 0.5s linear 0s;
    animation-iteration-count: 1;
    animation: hover_bx 0.5s linear 0s;
}
@keyframes hover_bx {      /**-----使用 @keyframes 来使鼠标悬停的改变图片大小-----*/
0%, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0.8;transform: skew(0deg,0deg);}
20% {transform: skew(5deg,0deg);}
40% {transform: scale3d(1.2, .9, .9);}
60% {opacity: 1;transform: scale3d(0.95, 1.05, 1.03);}
80% {transform: scale3d(1.05, 0.97, .97);}
to {opacity: 1;transform: scale3d(1, 1, 1);}
}
.kczt
.kcztxty-com-cn p img { width:100%; height:100%;} 
.kcztxty-com-cn h4 { text-align:center; margin:15px 0 30px 0; padding-bottom:20px; width:100%; line-height:20px; background:url(../images/nav-bj2.jpg) no-repeat center bottom; font-size:20px; font-weight:normal;}
.kcztxty-com-cn span { display:block; text-align:center; margin:0 auto; width:100px; line-height:30px; background:#DE1620; color:#ffffff; font-size:15px; } 

/*----全景展示qjzs区域 ---*/
#qjzs { margin:0 auto; width:1200px;}
#qjzs h3 {text-align:center; margin:20px 0 20px 0; width:100%; line-height:80px; background:url(../images/bt-bj3.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:5px;}
.qjzs-iframe { width:1200px; height:600px; }

/*---精彩案例jcal区域 ---*/
.jcal { margin:0 auto; width:1200px; height:780px;}
.jcal h3 {text-align:center; margin:35px 0 20px 0; width:100%; line-height:80px; background:url(../images/bt-bj2.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:5px;}

.jcal-cn { position:relative; width:1200px;}

.jcal-com1 { position:absolute; top:0; left:0;  width:480px; height:290px;}
.jcal-com1 h4 { position:absolute; left:0; top:0; text-align:left; padding:10px 0 10px 30px; width:450px; line-height:40px; background:url(../images/bj3.png) left top; color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:1px; z-index:99;}
.jcal-com1 p { width:480px; height:290px; overflow:hidden;}
.jcal-com1 p img { width:100%; height:100%; object-position: center; object-fit: cover;}

.jcal-com2 { position:absolute; top:0; left:490px; width:400px; height:290px; z-index:990;}
.jcal-com2 h4 { position:absolute; left:0; top:0; text-align:left; padding:10px 0 10px 30px; width:370px; line-height:40px; background:url(../images/bj3.png) left top; color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:1px; z-index:99;} 
.jcal-com2 p { width:400px; height:290px; overflow:hidden;}
.jcal-com2 p img { width:100%; height:100%; object-position: center; object-fit: cover;}

.jcal-com3 { position:absolute; top:300px; left:0; width:290px; height:290px;}
.jcal-com3 h4 { position:absolute; left:0; top:0; text-align:left; padding:10px 0 10px 30px; width:260px; line-height:40px; background:url(../images/bj3.png) left top; color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:1px; z-index:99;}
.jcal-com3 p { width:290px; height:290px; overflow:hidden;}
.jcal-com3 p img { width:100%; height:100%; object-position: center; object-fit: cover;}

.jcal-com4 { position:absolute; top:300px; left:300px; width:290px; height:290px;}
.jcal-com4 h4 { position:absolute; left:0; top:0; text-align:left; padding:10px 0 10px 30px; width:260px; line-height:40px; background:url(../images/bj3.png) left top; color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:1px; z-index:99;}
.jcal-com4 p { width:290px; height:290px; overflow:hidden;}
.jcal-com4 p img { width:100%; height:100%; object-position: center; object-fit: cover;}

.jcal-com5 { position:absolute; top:300px; left:600px; width:290px; height:290px;}
.jcal-com5 h4 { position:absolute; left:0; top:0; text-align:left; padding:10px 0 10px 30px; width:260px; line-height:40px; background:url(../images/bj3.png) left top; color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:1px; z-index:99;}
.jcal-com5 p { width:290px; height:290px; overflow:hidden;}
.jcal-com5 p img { width:100%; height:100%; object-position: center; object-fit: cover;}

.jcal-com6 { position:absolute; top:0; left:900px; width:300px; height:592px;}
.jcal-com6 h4 { position:absolute; left:0; top:0; text-align:left; padding:10px 0 10px 30px; width:270px; line-height:40px; background:url(../images/bj3.png) left top; color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:1px; z-index:99;}
.jcal-com6 p { width:300px; height:592px; overflow:hidden;}
.jcal-com6 p img { width:100%; height:100%; object-position: center; object-fit: cover;}

.zgjcal { margin-top:650px;}

/*---为什么选择我们wsmxzwm区域 ---*/
.wsmxzwm {  background:#ffffff; }
.wsmxzwm h3 { margin:0 0 20px 0;}

/*------宣传页banner区域 start---------*/
#banner { width:100%; }
#banner p { text-align:center; width:100%; height:380px;}
#banner p img { width:100%; height:380px; object-position: left; object-fit: cover; }   
 
/*------专属于您的创意定制! zscydz区域 start---------*/
.zscydz { margin:0 auto 40px auto; width:1200px;}
.zscydz h3 {text-align:center; margin:35px 0 30px 0; width:100%; line-height:80px; background:url(../images/bt-bj1.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:2px;}
.cysj h3 , .xcch h3 , .qsys h3 {text-align:center; margin:35px 0 0 0; width:100%; line-height:80px; background:url(../images/bt-bj3.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:5px;}
.qsys h3 {background:url(../images/bt-bj1.jpg) no-repeat center center;}
.xcch-txt { display:block; text-align:center; margin-bottom:30px; width:100%; line-height:30px; color:#6A6A6A; font-size:17px;}
.wlyy h3 { text-align:center; margin:35px 0 30px 0; width:100%; line-height:80px; background:url(../images/bt-bj4.png) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:5px;}
.zscydz-cn { width:100%; overflow:hidden;}
.zscydz-com { float:left; width:25%;}
.zscydz-com-cn { margin:5px auto; padding:40px 0; width:92%; height:245px; background:#F4F4F4; border-radius:5px; }
.zscydz-com-cn:hover {box-shadow: 0px 0px 5px 5px #eeeeee;}
.zscydz-com-cn p { margin:0 auto; width:113px; height:113px;} 
.zscydz-com-cn:hover p  {
	-webkit-animation-iteration-count: 1;
    -webkit-animation: hover_bx 0.5s linear 0s;
    animation-iteration-count: 1;
    animation: hover_bx 0.5s linear 0s;
}
@keyframes hover_bx {      /**-----使用 @keyframes 来使鼠标悬停的改变图片大小-----*/
0%, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0.8;transform: skew(0deg,0deg);}
20% {transform: skew(5deg,0deg);}
40% {transform: scale3d(1.2, .9, .9);}
60% {opacity: 1;transform: scale3d(0.95, 1.05, 1.03);}
80% {transform: scale3d(1.05, 0.97, .97);}
to {opacity: 1;transform: scale3d(1, 1, 1);}
}
.kczt
.zscydz-com-cn p img { width:100%; height:100%;} 
.zscydz-com-cn h4 { text-align:center; margin:15px 0 30px 0; padding-bottom:20px; width:100%; line-height:20px; background:url(../images/nav-bj2.jpg) no-repeat center bottom; font-size:20px; font-weight:normal;}
.zscydz-com-cn span { display:block; text-align:center; margin:0 auto; width:100px; line-height:30px; background:#DE1620; border-radius:5px; color:#ffffff; font-size:15px; } 
.cysj-com-cn h4 {text-align:center; margin:30px auto 10px auto; padding-bottom:20px; width:92%; line-height:20px; background:none; font-size:15px; font-weight:normal;}
.cysj-com-cn span {display:block; text-align:center; margin:0 auto; width:70%; line-height:40px; background:#DE1620; border-radius:5px; color:#ffffff; font-size:18px; }
 
/*-----案例展示alzsq区域 end------*/
.alzsq { margin:0 auto; width:1200px;}
.alzsq-bt { position:relative; width:1200px;}
.alzsq-bt h3 {text-align:center; margin:35px 0 30px 0; width:100%; line-height:80px; background:url(../images/bt-bj2.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:2px;} 
.alzsq-bt p { position:absolute; right:0; top:10px; width:450px; height:55px; z-index:990;}
.alzsq-bt p img { width:100%; height:100%;}   

.alzsq-cn { margin-bottom:40px; width:1200px; overflow:hidden;}
.alzsq-com { float:left; width:300px;}
.alzsq-com dl { margin:0 auto; width:280px; border:1px solid #cccccc;  }
.alzsq-com dl dt { position:relative; width:280px; height:168px;  transform: scale(1); transition: transform 1s ease 0s;  object-fit: cover; overflow:hidden;}

.alzsq-com dl dt .alzsq-zg-img { position:absolute; left:0; top:0; display:block; width:280px; height:160px; z-index:99;}  

.alzsq-com dl dt img { width:280px; height:168px; object-position: center; object-fit: cover;}
/*.alzsq-com dl dt img:hover { width:100%; height:100%; transform: scale(1.05); }*/
.alzsq-com dl dd { padding:0 3%; width:94%; height:54px; line-height:54px; background:#F4F4F4; color:#2C2C2C; font-size:15px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.alzsq-zxrx { text-align:right; width:100%; height:55px;}
.alzsq-zxrx1 { text-align: right; margin:0 auto; padding-top:20px; width:1209px; height: 55px;}
.alzsq-zxrx2 { text-align: right; margin:0 auto; padding-bottom:20px; width:1209px; height: 55px;}


/*-------我们的优势wmdys区域 start-------*/

#wmdys { margin:0 auto 40px auto; width:1220px;}
#wmdys h3 {text-align:center; margin:35px 0 0 0; width:100%; line-height:80px; background:url(../images/bt-bj3.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:5px;}
.wmdys-txt { display:block; text-align:center; margin-bottom:25px; width:100%; line-height:30px; color:#FF0004; font-weight:bold; font-size:18px;}
#wmdys-cn { padding-bottom:60px; width:1220px; background:url(../images/wmdys-bj.jpg) no-repeat center top; overflow:hidden;}
#wmdys-cn-l { float:left; width:500px;}
#wmdys-cn-r { float:right; width:500px; }
#wmdys-cn-l h4 , #wmdys-cn-r h4 { text-align:right; margin-bottom:3px; width:100%; line-height:160px; font-size:30px; font-weight:normal;}
#wmdys-cn-r h4 { text-align:left;}

#wmdys-cn-l p { text-align:right; width:450px; line-height:26px; font-size:16px; color:#FF0004; font-weight:550;}
.wmdys-cn-l2 { margin-top:28px;}
.wmdys-cn-l3 { margin-top:26px;}
.wmdys-cn-l4 { margin-top:26px;}
.wmdys-cn-l5 { margin-top:28px;}
#wmdys-cn-r p { text-align:left; margin-left:50px; width:450px; line-height:26px; font-size:16px; }
.wmdys-cn-r2 { margin-top:28px;}
.wmdys-cn-r3 { margin-top:26px;}
.wmdys-cn-r4 { margin-top:26px;}
.wmdys-cn-r5 { margin-top:28px;}

/*---精准运营精确推广yytg区域 ---*/
#yytg { margin-bottom:10px; width:100%; background:url(../images/wlyy-jzyy1.jpg) center top;}
#yytg h3 { margin:0 auto; padding:60px 0 50px 0; width:396px; height:59px;}
#yytg ul { margin:0 auto; padding-bottom:60px; width:1392px; overflow:hidden;}
#yytg ul li { float:left; width:348px; height:64px;}
#yytg ul li img { width:100%; height:100%;}


/*----------餐饮设计cysjlm区域---------*/
#cysjlm { width:100%;}

/*----服务商cysjlm-fws区域----*/
#cysjlm-fws { margin:0 auto; width:100%;}
#cysjlm-fws h3 { text-align:center; margin:65px 0 30px 0; width:100%; line-height:40px; font-size:40px; letter-spacing:2px;}
#cysjlm-fws ul { margin-bottom:40px; width:100%;}
#cysjlm-fws ul li { width:100%; line-height:30px; font-size:16px; font-weight:bolder; letter-spacing:2px;}
#cysjlm-gssl { margin: 0 auto 5px auto; width:1200px;}
#cysjlm-gssl img { width:100%; height:auto;}

/*----我们优势cysjlm-wmys区域 ----*/
#cysjlm-wmys { margin-top:30px; padding-bottom:10px; width:100%; background:#E4E4E4;}
#cysjlm-wmys h3 { text-align:center; padding:100px 0 90px 0; width:100%; line-height:40px; font-size:40px; letter-spacing:2px;}
#cysjlm-wmys p { text-align:center; padding-bottom:30px; width:100%; line-height:30px; color:#7F7F7F; font-size:17px; letter-spacing:2px;}
#cysjlm-wmys-com { margin:0 auto; width:1200px; overflow:hidden;}
#cysjlm-wmys-com dl { float:left; margin-bottom:60px; width:33.33%;}
#cysjlm-wmys-com dl dt { margin:0 auto 30px auto; padding:10px 0; width:228px;}
#cysjlm-wmys-com dl dt img { width:100%; height:100%;}
#cysjlm-wmys-com dl dt:hover img {
-webkit-animation-iteration-count: 1;
-webkit-animation: hover_bx 0.5s linear 0s;
animation-iteration-count: 1;
animation: hover_bx 0.5s linear 0s;
}
@keyframes hover_bx {      /**-----使用 @keyframes 来使鼠标悬停的改变图片大小-----*/
0%, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0.8;transform: skew(0deg,0deg);}
20% {transform: skew(5deg,0deg);}
40% {transform: scale3d(1.2, .9, .9);}
60% {opacity: 1;transform: scale3d(0.95, 1.05, 1.03);}
80% {transform: scale3d(1.05, 0.97, .97);}
to {opacity: 1;transform: scale3d(1, 1, 1);}
}
#cysjlm-wmys-com dl dd { margin:0 auto 10px auto; width:228px; line-height:32px; letter-spacing:2px; color:#7F7F7F; font-size:19px;}

/*----项目案例cysjlm-xmal区域----*/
#cysjlm-xmal { width:100%;}
#cysjlm-xmal h3 { text-align:center; margin:30px 0; width:100%; line-height:40px; font-size:40px; letter-spacing:5px;}
#cysjlm-xmal-qy { width:100%;}
#cysjlm-xmal-nav { width:100%; background:#FF0004;}
#cysjlm-xmal-nav ol { margin:0 auto; width:1080px; overflow:hidden;}
#cysjlm-xmal-nav ol li { float:left; width:33%; line-height:100px; background:url(../images/cysjlml-xmal-nav-bj.jpg) no-repeat right center; color:#ffffff; font-size:20px; letter-spacing:2px; cursor:pointer;}
#cysjlm-xmal-nav ol li.cysjlm-xmal-one { background:#E4E4E4; color:#FF0004; text-decoration: underline;}
.cysjlm-xmal-co { width:100%;}
.cysjlm-xmal-com { margin-top:40px; width:100%; }
.cysjlm-xmal-comc { width:100%; overflow:hidden;}
.cysjlm-xmal-com1 { float:left; margin-bottom:25px;  width:33.33%; position:relative;}
.cysjlm-xmal-com1 p { margin:0 auto; width:96%; height:410px; cursor:pointer;}
.cysjlm-xmal-com1 p img { width:100%; height:100%;  border-radius: 10px; object-position: center; object-fit: cover;}
.cysjlm-xmal-com1 dl { display:none; width:96%; height:410px; background:url(../images/1111111111.png) left top; position:absolute; top:0; left:2%; border-radius: 10px; z-index:999;}
.cysjlm-xmal-com1 dl dt { text-align:center; margin:150px 0 20px 0; width:100%; line-height:50px; color:#ffffff; font-size:20px; font-weight:bold; }
.cysjlm-xmal-com1 dl dd { margin:0 auto; width:130px;}
.cysjlm-xmal-com1 dl dd a { display:block; width:100%; line-height:30px; color:#ffffff; font-size:18px; font-weight:bold; border:2px solid #ffffff; border-radius: 5px;}
.cysjlm-xmal-com1 dl dd a:hover { color:#000000; border:2px solid #000000;}

.cysjlm-xmal-btn { margin:30px auto 10px auto; width:210px; }
.cysjlm-xmal-btn a { display:block; width:100%; line-height:54px; background:#BFBFBF; color:#ffffff; font-size:22px; border-radius: 10px;}
.cysjlm-xmal-btn a:hover { background:#FF0004; color:#ffffff;}

/*----即刻联系cysjlm-jklx区域----*/
.cysjlm-jklx { margin:30px 0 10px 0; padding-top:55px; width:100%; height:115px; background:#FF0004;}
.cysjlm-jklx1 { margin:30px 0 0 0;}
.cysjlm-jklx-cn { margin:0 auto; padding:0 5px 0 25px; width:1040px; height:60px; background:#ffffff; border-radius: 10px; overflow:hidden;}
.jryyr { text-align:center; float:left; margin-top:17px; width:160px; line-height:26px; height:26px; border-right:1px solid #A6A6A6; letter-spacing:2px; }
.jryyr span { color:#FF0004;}
.notice_active { text-align:left; float:left; margin:17px 0 0 30px; width:430px; line-height:26px; color:#848484; font-size:18px;}
.notice_active ul { width:100%; }
.notice_active ul li { width:100%; height:80px; overflow:hidden;}
.jklx-rxdh { text-align:left; float:left; margin-top:17px; width:230px; line-height:26px; color:#FF0004;}
.jklx-zxrx { float:right; margin-top:5px; width:170px; height:49px;}

/*----全案服务体系cysjlm-qafwtx区域 ----*/
#cysjlm-qafwtx { margin:50px 0 40px 0; width:100%;}
#cysjlm-qafwtx h3 { text-align:center; margin-bottom:80px; width:100%; line-height:40px; font-size:40px; letter-spacing:5px;}
#cysjlm-qafwtx-cn { margin:0 auto 30px auto; width:1200px; overflow:hidden;}
#cysjlm-qafwtx-cn dl { float:left; width:33%; border-right: 2px solid #919191;}
#cysjlm-qafwtx-cn dl dt { padding:150px 0 80px 0; width:100%; color:#919191; font-size:30px; font-weight:bold;}

#cysjlm-qafwtx-cn dl.cysjlm-ppzl dt { background:url(../images/cysjlml-qafwtx1.jpg) no-repeat top center; }
#cysjlm-qafwtx-cn dl.cysjlm-kjsj dt { background:url(../images/cysjlml-qafwtx2.jpg) no-repeat top center; }
#cysjlm-qafwtx-cn dl.cysjlm-ldbz dt { background:url(../images/cysjlml-qafwtx3.jpg) no-repeat top center; }

#cysjlm-qafwtx-cn dl dd { text-align:center; width:100%; line-height:28px; color:#919191; font-size:18px; letter-spacing:2px;}

/*----项目服务流程cysjlm-xmfwlc区域 ----*/
#cysjlm-xmfwlc { padding: 90px 0; width: 100%; background: #F5F5F3; }
#cysjlm-xmfwlc h3 {text-align:center; margin-bottom:80px; width:100%; line-height:40px; font-size:40px; letter-spacing:5px;}

#cysjlm-xmfwlc-cn { margin:0 auto; width: 1200px; overflow: hidden;}
#cysjlm-xmfwlc-cn dl { float:left; padding: 0 1%; width: 23%; background:url(../images/cysjlml-xmfwlc-bj1.jpg) no-repeat right 40px;}
#cysjlm-xmfwlc-cn dl dt { padding:130px 0 30px 0; width:100%; line-height:30px; color:#FF0004; font-size:26px; font-weight:bold; letter-spacing:3px;}

#cysjlm-xmfwlc-cn dl dt.cysjlm-xmfwlc-xmqy { background:url(../images/cysjlml-xmfwlc-bt1.jpg) no-repeat center top;}
#cysjlm-xmfwlc-cn dl dt.cysjlm-xmfwlc-xmqd { background:url(../images/cysjlml-xmfwlc-bt2.jpg) no-repeat center top;}
#cysjlm-xmfwlc-cn dl dt.cysjlm-xmfwlc-cgtj { background:url(../images/cysjlml-xmfwlc-bt3.jpg) no-repeat center top;}
#cysjlm-xmfwlc-cn dl dt.cysjlm-xmfwlc-mbdc { background:url(../images/cysjlml-xmfwlc-bt4.jpg) no-repeat center top;}
#cysjlm-xmfwlc-cn dd { width:100%; line-height:28px; color:#6C6C6C; font-size:18px; letter-spacing:2px;}

/*----新闻资讯cysjlm-news区域 ----*/
#cysjlm-news { margin:0 auto; width:1200px;}
#cysjlm-news h3 {text-align:center; margin:50px 0 80px 0; width:100%; line-height:40px; font-size:40px; letter-spacing:5px;}
#cysjlm-news-c { width:100%;}
#cysjlm-news-c ol { margin:0 auto 60px auto; width:900px; overflow:hidden;}
#cysjlm-news-c ol li { text-align:center; float:left; width:180px; line-height:60px; color:#4C4C4C; font-size:19px; font-weight:bold; cursor:pointer; letter-spacing:2px;}
#cysjlm-news-c ol li.cysjlm-news-one { background:#FF0004; color:#ffffff; border-radius: 10px;}
.cysjlm-news-cn { width:100%;}
.cysjlm-news-com { width:100%; overflow:hidden;}
.cysjlm-news-coml { text-align:left; float:left; width:65%; overflow:hidden;}
.cysjlm-news-coml p { float:left; width:320px; height:380px;}
.cysjlm-news-coml p img { width:100%; height:100%; border-radius: 5px; object-position: center; object-fit: cover; transform: scale(1);
transition: transform 1s ease 0s; object-fit: cover; object-position: center;}
.cysjlm-news-coml p img:hover{ width:100%; height:100%;  transform: scale(1.05);}
.cysjlm-news-coml dl { float:left; margin-left:30px; width:410px;}
.cysjlm-news-coml dl dt { width:100%; line-height:88px; color:#FF0004; font-size:20px; font-weight:bold; letter-spacing:2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.cysjlm-news-coml dl dd { width:100%; line-height:30px; color:#6C6C6C; font-size:16px; letter-spacing:2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical;}

.cysjlm-news-comr { text-align:left; float:right; width:35%;}
.cysjlm-news-comr dl { margin-bottom:32px; width:100%; overflow:hidden;}
.cysjlm-news-comr dl dt { float:left; width:100px; background:url(../images/cysjlml-news-bj.jpg) no-repeat right center;}
.cysjlm-news-comr dl dt span { text-align:center; display:block; padding-top:8px; width:100%; color:#FF0004; font-weight:bold; }
.cysjlm-news-comr dl dt span.cysjlm-news1 { margin-bottom:5px; font-size:35px;}
.cysjlm-news-comr dl dt span.cysjlm-news2 { font-size:20px;}
.cysjlm-news-comr dl dd { float:right; width:290px; line-height:24px; color:#6C6C6C; font-size:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*----餐饮设计cysjlm-news新闻区域----*/
#cysjlm-news { margin:5px auto ; width:1200px;}
#cysjlm-news h4 { text-align: left; width: 100%; line-height: 50px; background: url(../images/search-sl-bj.jpg) no-repeat left center;
color: #E94E0C; border-bottom: 1px solid #cccccc; font-size: 20px; text-indent: 12px;}
#cysjlm-news-c { margin:30px 0; width:100%;}
#cysjlm-news-c ol {  margin:0 auto 50px auto; padding-bottom:30px; width:100%; border-bottom:1px solid #A6A6A6; overflow:hidden;}
#cysjlm-news-c ol li { float:left; width:20%; }
#cysjlm-news-c ol li a { display:block; text-align:center; width:100%; line-height:50px; font-size:20px; letter-spacing:2px; border-radius: 10px;}
#cysjlm-news-c ol li a.cysjlm-news-one { background:#FF0004; color:#ffffff; }

#cysjlm-news-cn , .cysjlm-news-com { width:100%;}
.cysjlm-news-list { margin-bottom:40px; padding-bottom:40px; width:100%; border-bottom:1px solid #A6A6A6; overflow:hidden;}
.cysjlm-news-fbsj { text-align:left; float:left; width:14%; height:100px; background:url(../images/cysjlml-news-bj1.jpg) no-repeat left 60px; color:#535A64; font-size:24px; }

.cysjlm-news-listc {float:left; width:54%; background:url(../images/cysjlml-news-bj2.jpg) no-repeat left 11px;}
.cysjlm-news-listc dl { text-align:left; margin-left:10px; padding-left:17%; width:83%;}
.cysjlm-news-listc dl dt { margin-bottom:20px; padding-top:1px; width:100%; line-height:24px; height:24px; color:#535A64; font-size:24px; font-weight:bold;  letter-spacing:2px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.cysjlm-news-listc dl dd { margin-bottom:15px; width:100%; line-height:34px; color:#535A64; font-size:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.cysjlm-news-listc span { text-align:right; display:block; width:100%; font-size:16px;}
.cysjlm-news-listr {float:right; padding:0 1%; width:28%;}
.cysjlm-news-listr img { width:100%; height:100%; border-radius: 5px; object-position: center; object-fit: cover; transform: scale(1);
transition: transform 1s ease 0s; object-fit: cover; object-position: center;}
.cysjlm-news-listr img:hover{ width:100%; height:100%;  transform: scale(1.05);}


/*----------互动产品hdcp区域 --------*/
#hdcp { width:100%;}
#hdcp-nav {widows:100%; background:#362629;}
#hdcp-nav ul { margin:0 auto; width:1200px; overflow:hidden;}
#hdcp-nav ul li { text-align:center; float:left; width:20%; line-height:54px; color:#ffffff; font-size:22px; cursor:pointer;}
#hdcp-nav ul li#hdcp-nav1 { background-image:url(../images/hdcp-szhd-btn-bj.png); background-repeat:no-repeat; background-position: 46px center;}
#hdcp-nav ul li#hdcp-nav2 { background-image:url(../images/hdcp-etly-btn-bj.png); background-repeat:no-repeat; background-position: 48px center;}
#hdcp-nav ul li#hdcp-nav3 { background-image:url(../images/hdcp-hdwl-btn-bj.png); background-repeat:no-repeat; background-position: 52px center;}
#hdcp-nav ul li#hdcp-nav4 { background-image:url(../images/hdcp-hdjy-btn-bj.png); background-repeat:no-repeat; background-position: 48px center;}
#hdcp-nav ul li#hdcp-nav5 { background-image:url(../images/hdcp-ARtg-btn-bj.png); background-repeat:no-repeat; background-position: 54px center;}
#hdcp-nav ul li.hdcp-nav-one { background-color:#BD1922;}
#hdcp-cn { padding-bottom:20px; width:100%; background:#F4F4F4;}
.hdcp-com { margin:0 auto; width:1200px;}
.hdcp-ppjs , .hdcp-cpzs , .hdcp-dzcjxz , .hdcp-zgjjfa , .hdcp-yyzc , .hdcp-ipxx { width:100%; padding-top:60px;}
.hdcp-ppjs h3 , .hdcp-cpzs h3 , .hdcp-dzcjxz h3 , .hdcp-zgjjfa h3 , .hdcp-yyzc h3 , .hdcp-ipxx h3 { margin:0 auto 40px auto; text-align:center; width:220px; line-height:50px; height:50px; background:url(../images/hdcp-ppjs.jpg) no-repeat center center; color:#ffffff; font-size:28px; font-weight:normal;}
.hdcp-ppjs .hdcp-ppjs-txt { text-align:left; margin-bottom:30px; width:100%; line-height:36px; font-size:20px; font-weight:600; text-indent:40px;}
.hdcp-ppjs-img , .hdcp-ppjs-img img { width:100%; height:auto; border-radius: 5px;}
.hdcp-dzcjxz , .hdcp-zgjjfa , .hdcp-yyzc { margin-bottom:20px;}
.hdcp-dzcjxz h3 { width:460px; background:url(../images/hdcp-ppjs2.jpg) no-repeat center center; }
.hdcp-dzcj-list { margin:50px 0 30px 0; width:100%; overflow:hidden;}
.hdcp-dzcj-list dl { float:left; width:8.333%;}
.hdcp-dzcj-list dl dt { text-align:center; width:100%; height:100%;}
.hdcp-dzcj-list dl dd { text-align:center; width:100%; line-height:24px; color:#B71722; font-size:15px;}
.hdcp-dzcj-list1 dl { float:left; width:12.5%;}
.hdcp-cpzsqh-list { width:100%; margin-bottom:20px;}
.hdcp-cpzsqh-nav { width:100%;}
.hdcp-cpzsqh-nav ul { margin:0 auto; width:50%;  overflow:hidden;}
.hdcp-cpzsqh-nav ul li { float:left; margin-right:3px; width:32%; line-height:40px; background:#8F9DA0; color:#ffffff; font-size:20px; font-weight:bold; cursor: pointer; }
.hdcp-cpzsqh-nav ul .hdcp-cpzsqh-nav-one { background:#B71722;}
.hdcp-cpzsqh-cn { margin-top:40px; width:100%;}
.hdcp-cpzsqh-com { width:100%; overflow:hidden;}
.hdcp-cpzsqh-com dl { float:left; margin-bottom:25px; padding:0 1%; width:31%;}
.hdcp-cpzsqh-com dl dt { width:100%;}
.hdcp-cpzsqh-com dl dt img { width:100%; height:auto; border-radius: 5px; transform: scale(1); transition: transform 1s ease 0s; object-fit: cover; object-position: center;}
.hdcp-cpzsqh-com dl dt img:hover { transform: scale(1.05); }
.hdcp-cpzsqh-com dl dd { text-align:center; width:100%; line-height:30px; font-size:18px;}
.hdcp-ipxx { padding-bottom:30px;}
.hdcp-ipxx-list { width:100%;}
.hdcp-ipxx-list img { width:100%; height:auto;}
.hdcp-zgjjfa-list { width:100%;}
.hdcp-zgjjfa-list img { width:100%; height:auto;}
.hdcp-zgjjfa-txt { text-align:left; margin-bottom:30px; width:100%; line-height:36px; color:#B71722; font-size:20px; font-weight:600; text-indent:38px;}
.hdcp-zgjjfa h3 , .hdcp-yyzc h3 , .hdcp-ipxx h3 { width:270px; background:url(../images/hdcp-ppjs3.jpg) no-repeat center center;}
.hdcp-zgjjfa p , .hdcp-yyzc p { width:100%;}
.hdcp-zgjjfa p img , .hdcp-yyzc p img { width:100%; height:auto;}
.hdcp-yyzc h3 { margin-bottom:60px;} 
.hdcp-cpzs { padding-bottom:40px; width:100%;}
.hdcp-cpzs-list { width:100%; overflow:hidden;}
.hdcp-cpzs-list dl { float:left; margin-bottom:20px; padding:0 1%; width:31%;}
.hdcp-cpzs-list dl dt { width:100%; }
.hdcp-cpzs-list dl dt img { width:100%; height:auto; border-radius: 5px; transform: scale(1); transition: transform 1s ease 0s; object-fit: cover; object-position: center;}
.hdcp-cpzs-list dl dt img:hover { transform: scale(1.05); }
.hdcp-cpzs-list dl dd { text-align:center; width:100%; line-height:30px; font-size:18px;}
.hdcp-zxrx{ padding:5px 0;}

/*----------餐饮设计cysj区域 --------*/
.cysjqy { margin:0 auto; width:1200px;}
/*--一站式服务帮你搞定餐饮设计与装修---*/
.cysjqy h3 {text-align:center; margin-bottom:5px; width:100%; line-height:60px; background:url(../images/cy-bt-bj2.png) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:5px;}
.cysjqy-txt { display:block; text-align:center; margin-bottom:30px; width:100%; line-height:30px; color:#6A6A6A; font-size:17px;}
.cysjqy-cn { margin:20px 0 30px 0; width:100%; overflow:hidden;}

.cyyzfw { float:left; width:33.33%; height:290px; background:url(../images/cy-yz-bpp1.png) no-repeat center 25px; background-size:113px 113px; border-radius:5px;}
.cyyzfw:hover { background:#FF0004 url(../images/cy-yz-bpp2.png) no-repeat center 25px; background-size:113px 113px; }
.cyyzfw2 { background:url(../images/cy-yz-bsj1.png) no-repeat center 25px;}
.cyyzfw2:hover { background:#FF0004 url(../images/cy-yz-bsj2.png) no-repeat center 25px;}
.cyyzfw3 { background:url(../images/cy-yz-bgc1.png) no-repeat center 25px;}
.cyyzfw3:hover { background:#FF0004 url(../images/cy-yz-bgc2.png) no-repeat center 25px;}
.cyyzfw4 { background:url(../images/cy-yz-bzc1.png) no-repeat center 25px;}
.cyyzfw4:hover { background:#FF0004 url(../images/cy-yz-bzc2.png) no-repeat center 25px;}
.cyyzfw5 { background:url(../images/cy-yz-bjj1.png) no-repeat center 25px;}
.cyyzfw5:hover { background:#FF0004 url(../images/cy-yz-bjj2.png) no-repeat center 25px;}
.cyyzfw6 { background:url(../images/cy-yz-zzfw1.png) no-repeat center 25px;}
.cyyzfw6:hover { background:#FF0004 url(../images/cy-yz-zzfw2.png) no-repeat center 25px;}
.cyyzfw h4 { margin:160px auto 10px auto; width:92%; line-height:30px; color:#FF0004; font-size:18px; font-weight:normal; }
.cyyzfw span { display:block; margin:0 auto; width:92%; line-height:24px; color:#6A6A6A; font-size:15px;}
.cyyzfw:hover h4 , .cyyzfw:hover span { color:#fff;}

/*----模块化装修 ----*/
.mkhzx { margin-top:10px;}
.mkhzx h3 { background:url(../images/bt-bj3.jpg) no-repeat center center;}
.mkhzx-txt { margin:0 auto 20px auto; width:990px; height:610px;}
.mkhzx-txt img { width:100%; height:auto;}

/*----品牌餐饮设计案例 ----*/
.cyal { margin-top:30px;}
.cyal h3 { margin-bottom:10px; background:url(../images/cy-bt-bj3.png) no-repeat center center;}
.cyal-txt { display:block; text-align:center; width:100%; line-height:30px; color:#6A6A6A; font-size:17px;}
.cyal-cn { position:relative; float:left; margin-bottom:20px; width:33.33%;}
.cyal-cn1 { margin:0 auto; width:96%; height:260px; border-radius:5px; overflow:hidden;}
.cyal-cn1 img { width:100%; height:100%; object-position: center; object-fit: cover;}
.cyal-cn2 { position:absolute; left:2%; top:0; display:none; margin:0 auto; padding-top:60px; width:96%; height:200px; background:url(../images/cy-bt-bj4.png) left top; border-radius:5px; }
.cyal-cn2 h4 { margin:0 auto; width:90%; line-height:40px; color:#FFFFFF;}
.cyal-cn2 span { margin:40px auto 0 auto; width:100px; line-height:30px;}
.cyal-cn2 span a { display:block; margin:30px auto 0 auto; width:100px; line-height:28px; border:2px solid #FFFFFF; border-radius:5px; color:#FFFFFF; font-weight:bolder; }
.cyal-cn2 span a:hover { border:2px solid #393838; color:#393838;}

/*----潜水影视qsys栏目样式区域-------*/
#qsys-tjlm { margin-bottom:30px; width:100%; overflow:hidden;}
#qsys-tjlm dl { float:left; margin:15px 3% 0 3%; width:27.33%;}
#qsys-tjlm dl dt { text-align:center; width: 100%; line-height: 52px; font-size: 24px; font-weight: normal;}
#qsys-tjlm dl dd {text-align:center; margin-bottom:5px; padding:5px 0; width: 100%; line-height:24px; height:24px; overflow:hidden;  }
#qsys-tjlm dl dd.qslmhs { color:#6A6A6A; font-size: 17px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#qsys-tjlm dl dd.qslmimg { width:100%; height:320px;}
#qsys-tjlm dl dd.qslmimg img { width:100%; height:100%; border-radius: 5px; transform: scale(1); transition: transform 1s ease 0s;
object-fit: cover; object-position: center;}
#qsys-tjlm dl dd.qslmimg img:hover{ width:100%; height:100%; border-radius: 5px; transform: scale(1.05);}

#qsys-pxtd { margin:0 auto; padding:80px 0; width:100%; background:url(../images/kjxty-bj.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
#qsys-pxtd h3 { margin:0 auto 30px auto; width:1200px; line-height:50px; color:#ffffff; font-size:33px; font-weight:normal;}
#qsys-pxtd  p { margin:0 auto; text-align:left; width:1200px; line-height:32px; color:#ffffff; font-size:16px;}

.qsys-team { margin:30px auto; width:1200px;}
#qsys-team-list { width:100%; overflow:hidden;}
.qsys-team-cn { float:left; margin:0 2.5%; width:28.33%;}
.qsys-team-cn p { width:100%; height:280px;}
.qsys-team-cn p img { width:100%; height:100%; border-radius: 5px; transform: scale(1); transition: transform 1s ease 0s; object-fit: cover; object-position: center;}
.qsys-team-cn p img:hover{ width:100%; height:100%; border-radius: 5px; transform: scale(1.05);}

.qsys-team-cn dl { width:100%;}
.qsys-team-cn dl dt { text-align:center; width:100%; line-height:46px; font-size:18px;}
.qsys-team-cn dl dd { text-align:left; width:100%; line-height:24px; height:48px; font-size:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.qsys-new { margin-top:60px;}
#qsys-news { margin-top:30px; width:100%; overflow:hidden;}
.qsys-news-list { float:left; margin:0 2.5%; padding-bottom:20px; width:28.33%; border-bottom:1px solid #DDDDDD; }
.qsys-news-list:hover { border-bottom:1px solid #f00;}
.qsys-news-list p { width:100%; height:280px;}
.qsys-news-list p img { width:100%; height:100%; border-radius: 5px; transform: scale(1); transition: transform 1s ease 0s; object-fit: cover; object-position: center;}
.qsys-news-list p img:hover{ width:100%; height:100%; border-radius: 5px; transform: scale(1.05);}

.qsys-news-list h4 { text-align:left; margin:15px auto; width:92%; line-height:26px; height:26px; font-size:17px; font-weight:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.qsys-news-list span { display:block; text-align:left; margin:0 auto; width:92%; line-height:20px; background:url(../images/news-lb-bj1.jpg) no-repeat left 3px; font-size:15px; color:#7B7B7B;  text-indent:20px;}

#qsys-lcwm { margin-top:30px; width:100%; overflow:hidden;}
#qsys-lcwm dl { float:left; margin:0 1.5%; padding:10px 0; width:30.33%; background:url(../images/qsys-img01.jpg) no-repeat left 10px;}
#qsys-lcwm dl.qsys-lcwm2 { background:url(../images/qsys-img02.jpg) no-repeat left 10px;}
#qsys-lcwm dl.qsys-lcwm3 { background:url(../images/qsys-img03.jpg) no-repeat left 10px;}
#qsys-lcwm dl dt , #qsys-lcwm dl dd  { text-align:left; padding-left:70px; line-height:24px; font-size:15px; }

/*-潜水影视商城内容页面-*/
#qsys-zfym { margin:0 auto 20px auto; width:100%; overflow:hidden;}
#qsys-zfyml { float:left; padding:10px 1%; width:38%; height:320px; border:1px solid #cccccc;}
.slide_fade { position:relative; width:100%; height:320px; background:#bbb; overflow:hidden;}
.slide_fade .box {position:relative; width:100%; height:100%; background:#000; z-index:4; overflow:hidden;}
.slide_fade .box a{color:#fff;}
.slide_fade .box a:hover{ text-decoration:none; }
.slide_fade .list{ height:9999px; overflow:hidden;}
.slide_fade .list li{ position:relative; position: absolute; top: 0px; left: 0px; width:100%; height:100%;}
.slide_fade .list img{ _vertical-align:top; }
.slide_fade .txt{ position:absolute; top:20px; left:45px; font:14px/24px "\5fae\8f6f\96c5\9ed1"; cursor:pointer;}
.slide_fade .btn{ position:absolute; bottom:0; left:0; height:45px; background:#fff; z-index:5;}
.slide_fade .btn li{float:left; width:33.33%; height:45px; }
.slide_fade .btn li:first-child{margin-left:0;}
.slide_fade .btn .selected{position:relative;top:-3px;border-top:3px solid #f32465;}
#qsys-zfyml img { width:100%; height:100%; object-position: center; object-fit: cover;}
#qsys-zfymr { float:right; width:58%; border:1px solid #cccccc;}
#qsys-zfymr h5 { text-align:left; margin:8px auto 3px auto; padding:3px 0; width:95%; }
#qsys-zfymr dl { text-align:left; margin:5px auto; padding-bottom:5px; width:95%; border-bottom:1px solid #cccccc;}
#qsys-zfymr dl dt , #qsys-zfymr dl dd { padding:5px 0; width:100%; font-size:16px;}
#qsys-zfymr span { display:block; text-align:left; margin:6px auto; padding:5px 0 15px 0; width:95%; color:#DE1620; font-size:22px; font-weight:bold; border-bottom:1px solid #cccccc;}
#qsys-ddzf { text-align:left; margin:0 auto; width:95%;}
#qsys-ddzf h6 { width:100%; line-height:30px; font-size:18px;}
#qsys-ddzf ul { margin:10px auto ; width:100%; overflow:hidden;}
#qsys-ddzf ul li { float:left; margin:0 20px 10px 20px; width:35%; line-height:40px; border:1px solid #E8E8E8;}
@media(max-width:1060px){
#qsys-ddzf ul li { float:none; width:60%;}
}
#qsys-ddzf ul li input { margin:0 30px;}
#qsys-ddzf ul li.qsys-ddzf-zfb { background:url(../images/zf-zfb.jpg) no-repeat 50px center; background-size:20px 20px;}
#qsys-ddzf ul li.qsys-ddzf-wxzf { background:url(../images/zf-wx.jpg) no-repeat 50px center; background-size:20px 20px;}
#qsys-ddzf p { margin:0 auto 20px; width:150px;}
#qsys-ddzf p .qsys-ddzf-ljzf { width:100%; line-height:40px; background:#DE1620; border-radius:5px; border:none; border:0; color:#ffffff; font-size:16px; cursor:pointer; outline:none;}

#qsys-spjs { margin:10px 0 20px 0; width:100%;}
#qsys-spjs h5 { text-align:left; width:100%; border-bottom:1px solid #DE1620;}
#qsys-spjs h5 span { display:block; text-align:center; width:150px; line-height:50px; background:#DE1620; color:#ffffff; font-size:20px; font-weight:normal;}

/*---网络运营wlyy栏目样式区域---*/
#wlyy { width:100%;}
#wlyy-nav { margin-bottom:20px; widows:100%; background:#c40000;}
#wlyy-nav ul { margin:0 auto; width:1200px; overflow:hidden;}
#wlyy-nav ul li { text-align:center; float:left; width:20%; line-height:54px; color:#ffffff; font-size:22px; cursor:pointer;}
#wlyy-nav ul li.wlyy-nav-one { background:#a80000;}
#wlyy-cn { margin:0 auto; width:100%;}
.wlyy-com { width:100%;}

/*-----------seo优化区域--------------*/
#wlyy-seo { margin:0 auto; width:1220px; }
/*-品牌声量传播seo-ppslcb区域*/
#seo-ppslcb { text-align:left; padding:10px 0 80px 0; width:100%; height:390px; background:url(../images/wlyy-seo-bj1.jpg) no-repeat right 40px;}
#seo-ppslcb h4 { padding-top:70px; width:100%; line-height:80px; color:#292929; font-size:73px; text-indent:10px;}
#seo-ppslcb ul { margin-top:80px; width:100%; }
#seo-ppslcb ul li { width:100%; line-height:36px; color:#292929; font-size:22px; text-indent:20px;}
/*-帮助企业树立正向品牌价值seo-slppjz区域-*/
#seo-slppjz { margin:30px 0 ; width:100%;}
#seo-slppjz h4 { text-align:center; margin-bottom:10px; width:100%; line-height:60px; color:#292929; font-size:32px; font-weight:normal;}
#seo-slppjz span { display:block; text-align:center; width:100%; line-height:20px; color:#666666; font-size:18px;}
#seo-slppjz-cn { margin:20px auto 0 auto; width:95%; overflow:hidden;}
.seo-slppjz-com { float:left;  margin-top:10px; width:25%; height:280px;}
.seo-slppjz-comc { margin:20px auto 5px auto; padding:10px 0; width:90%; border-radius:20px; box-shadow: 0px 0px 6px 6px #F5F5F5; }
.seo-slppjz-comc:hover { margin:5px auto 5px auto;}
.seo-slppjz-comc p { margin:35px auto; width:100px; height:100px;}
.seo-slppjz-comc p img { width:100%; height:100%;}
.seo-slppjz-comc h5 { margin-bottom:35px; width:100%; line-height:30px; color:#292929; font-size:22px; font-weight:normal;}
.seo-slppjz-comc:hover > h5 { color:#FF8D3B;}
/*-一站式营销服务 突破企业&品牌营销困境seo-yzsysfw区域-*/
#seo-yzsysfw { margin:40px 0 30px 0; width:100%;}
#seo-yzsysfw h4 {text-align:center; margin-bottom:40px; width:100%; line-height:60px; color:#010101; font-size:42px;}
#seo-yzsysfw-cn { width:100%; overflow:hidden;}
.seo-yzsysfw-com { float:left; margin-bottom:30px; width:33.33%;}
.seo-yzsysfw-comc { margin:0 auto; padding:20px 5%; width:80%; background:url(../images/seo-yzsysfw-bj1.jpg) no-repeat center center; background-size:100% 100%;}
.seo-yzsysfw-comc h5 { margin:25px auto ; width:270px; height:60px;}
.seo-yzsysfw-comc p { text-align:left; margin:20px auto; width:260px; line-height:24px;}
/*-通过公关传播技术 您将得到全方位的价值seo-qfwjz区域-*/
#seo-qfwjz { margin-top:40px; width:100%;}
#seo-qfwjz h4 { text-align:center; margin-bottom:50px; width:100%; line-height:60px; color:#010101; font-size:42px;}
#seo-qfwjz-cn { width:100%; overflow:hidden;}
.seo-qfwjz-com { float:left; margin-bottom:60px; width:33.33%;}
.seo-qfwjz-comc { margin:0 auto; padding:20px 5%; width:80%; background:url(../images/seo-qfwjz-bj1.png) no-repeat center center; background-size:100% 100%;}
.seo-qfwjz-comc h5 { margin:0 auto ; width:100%; line-height:50px; color:#E7A02E; font-size:30px; font-weight:normal;}
.seo-qfwjz-comc p { text-align:center; margin:20px auto; width:98%; line-height:24px;}
/*-公关传播方案seo-ggcbfa区域-*/
#seo-ggcbfa { margin:20px 0 30px 0; width:100%; height:auto;}
#seo-ggcbfa img { width:100%; height:auto;}
/*-我们的优势有哪些seo-wmdys区域-*/
#seo-wmdys { margin-top:50px; width:100%;}
#seo-wmdys h4 { text-align:center; margin-bottom:35px; width:100%; line-height:60px; color:#010101; font-size:42px;}
#seo-wmdys-cn { width:100%; overflow:hidden;}
.seo-wmdys-com { float:left; margin-bottom:60px; width:25%;}
.seo-wmdys-comc {margin:20px auto 5px auto; padding:10px 0; width:85%; border-radius:10px; box-shadow: 0px 0px 6px 6px #F5F5F5;}
.seo-wmdys-comc:hover { margin:5px auto 5px auto;}
.seo-wmdys-comc span { display:block; margin:10px auto; width:90px; height:90px;}
.seo-wmdys-comc span img { width:100%; height:100%;}
.seo-wmdys-comc h5 { margin-bottom:35px; width:100%; line-height:30px; color:#292929; font-size:22px; }
.seo-wmdys-comc:hover > h5 { color:#FF8D3B;}
.seo-wmdys-comc p { text-align:left; margin:35px auto; width:70%; line-height:24px;}
/*-品牌销售三大原则seo-ppxsyz区域 -*/
#seo-ppxsyz {margin:20px 0 40px 0; width:100%;}
#seo-ppxsyz h4 { text-align:center; margin-bottom:20px; width:100%; line-height:60px; color:#010101; font-size:42px;}
#seo-ppxsyz span { display:block; text-align:center; margin-bottom:30px; width:100%; line-height:20px; color:#010101; font-size:18px;}
#seo-ppxsyz-cn { padding:60px 7%; width:86%; background:#F8F8F8; overflow:hidden;}
.seo-ppxsyz-com { float:left; width:33.33%;}
.seo-ppxsyz-comc { margin:0 auto; width:80%;}
.seo-ppxsyz-comc dl { text-align:center; margin:0 auto; width:249px; height:138px; background:url(../images/seo-ppxsyz-bj1.png) no-repeat right top;}
.seo-ppxsyz-comc dl dt { padding-top:25px; width:100%; line-height:30px; color:#F79B4E; font-size:30px; font-weight:bolder;}
.seo-ppxsyz-comc dl dd { margin:16px auto 0 auto; width:100%; line-height:26px; color:#F79B4E; font-size:25px; font-weight:normal;}
.seo-ppxsyz-comc p { margin:0 auto; padding-top:20px; width:90%; line-height:24px;}
/*-服务流程seo-fwlc区域 -*/
#seo-fwlc {margin-bottom:30px; width:100%;}
#seo-fwlc h4 { text-align:center; margin-bottom:20px; width:100%; line-height:60px; color:#010101; font-size:42px;}
#seo-fwlc span { display:block; text-align:center; margin:0 auto 30px auto; width:98%; line-height:20px; color:#010101; font-size:18px;}
#seo-fwlc-cn { margin:50px 0 30px 0; width:100%; overflow:hidden;}
.seo-fwlc-com { float:left; width:20%;}
.seo-fwlc-comc {margin:0 auto; width:80%;}
.seo-fwlc-comc p { margin:0 auto; width:78px; height:56px;}
.seo-fwlc-comc dl { text-align:center; width:100%;}
.seo-fwlc-comc dl dt { margin:25px 0; width:100%; line-height:30px; font-size:25px; font-weight:bolder;}
.seo-fwlc-comc dl dd { margin:0 auto; width:80%; line-height:26px;}
/*-我们服务过的案例seo-alzs区域 -*/
#seo-alzs {margin-top:70px ; width:100%;}
#seo-alzs h4 {text-align:center; margin-bottom:20px; width:100%; line-height:60px; color:#010101; font-size:42px;}
#seo-alzs span {display:block; text-align:center; margin-bottom:50px; width:100%; line-height:20px; color:#010101; font-size:18px;}
#seo-alzs ul { margin: 0 auto 35px auto; width:98%; border-radius:35px; box-shadow: 0px 0px 6px 6px #F5F5F5; overflow:hidden;}
#seo-alzs ul li { text-align:center; float:left; padding-top:10px; width:14.2%;}
#seo-alzs ul li:hover { padding-top:0;}

/*-----------快照更新wlyy-kzgx区域--------------*/
#wlyy-kzgx { margin: 0 auto;  width:1220px;}
#wlyy-kzgx h4 { text-align:left; width:100%; line-height:50px; background:url(../images/search-sl-bj.jpg) no-repeat left center; color: #E94E0C; border-bottom:1px solid #cccccc; font-size:20px; text-indent:12px;}

/*-----------短视频营销wlyy-dspyx区域--------------*/
#wlyy-dspyx {  width:100%;}
#dspyx-txt { margin:40px 0 30px 0; padding-bottom:40px; width:100%; background:url(../images/news-bj2.jpg) repeat-x left bottom;}
#dspyx-txt h4 { width:100%; line-height:60px; font-size:30px; font-weight:normal;}
#dspyx-txt p { margin:10px auto 0 auto; width:850px; line-height:30px; color:#666666; font-size:19px;}
#wlyy-dspyx h3 { margin:20px 0 30px 0; padding-bottom:30px; width:100%; background:url(../images/wlyy-dspyx-bj1.jpg) no-repeat center bottom; font-size:30px; font-weight:normal;}
/*-设施硬实力：专业拍摄基地/加快布局直播业务dspyx-jdyw1-3区域 -*/
.dspyx-jdyw1-3 { width:100%; height:650px; background:#FFFBF5; }
.dspyx-yxjs1-3com { margin:0 auto; width:1100px; height:650px; background:url(../images/dspyx-yxjs1-3-img1.jpg) no-repeat right 30px;}
.dspyx-yxjs1-3com2 { background:url(../images/dspyx-yxjs1-3-img3.jpg) no-repeat right 30px;}
.dspyx-yxjs1-3com h4 { text-align:left; padding:200px 0 0 20px; width:360px; line-height:90px; color:#292929; font-size:25px; font-weight:normal;}
.dspyx-yxjs1-3com p { text-align:left; padding-left:20px; width:360px; line-height:28px; color:#6C6C6C; font-size:16px;}
/*-服务软实力：资深运营服务/多行业全辐射dspyx-fffs2-4区域 -*/
.dspyx-fffs2-4 { width:100%; height:650px; }
.dspyx-fffs2-4com { position:relative; margin:0 auto; width:1100px; height:650px; background:url(../images/dspyx-yxjs2-4-img2.jpg) no-repeat left 30px;}
.dspyx-fffs2-4com2 { background:url(../images/dspyx-yxjs2-4-img4.jpg) no-repeat left 30px;}
.dspyx-fffs2-4com h4 { position:absolute; top:180px; right:20px; text-align:left; width:360px; line-height:90px; color:#292929; font-size:25px; font-weight:normal;}
.dspyx-fffs2-4com p { position:absolute; top:270px; right:20px; text-align:left;  width:360px; line-height:28px; color:#6C6C6C; font-size:16px;}
/*-短视频营销优势dspyx-yxys区域 -*/
#dspyx-yxys { padding:50px 0 70px 0; width:100%; background:#FFFBF5;}
#dspyx-yxys h4 { margin-bottom:30px; width:100%; line-height:60px; font-size:30px; font-weight:normal;}
#dspyx-yxys-cn { margin:0 auto; width:1200px; overflow:hidden;}
.dspyx-yxys-com { float:left; width:20%;} 
.dspyx-yxys-comc { margin:20px auto 5px auto; padding:30px 0; width:80%; background:#ffffff; border-radius:10px; box-shadow: 0px 0px 6px 6px #F5F5F5; }
.dspyx-yxys-comc:hover { margin:5px auto 5px auto;}
.dspyx-yxys-comc span { display:block; margin:0 auto 20px auto; width:70px; height:70px;}
.dspyx-yxys-comc span img { width:100%; height:100%;}
.dspyx-yxys-comc h5 { margin-bottom:30px; padding-bottom:20px; width:100%; background:url(../images/dspyx-bj1.jpg) no-repeat center bottom; font-size:23px; color:#FD8F14; font-weight:normal;}
.dspyx-yxys-comc p { width:100%; line-height:26px; color:#292929; font-size:18px;}

/*-----------全链路营销区域wlyy-qllyx区域--------------*/
#wlyy-qllyx { width:100%;}
/*-一站式网络品牌推广服务qllyx-tgfw区域 -*/
#qllyx-tgfw { text-align:left; margin:0 auto; width:1150px; height:550px; background:url(../images/qllyx-tgfw-bj1.jpg) no-repeat right 20px;}
#qllyx-tgfw h4 { padding:130px 0 30px 0; width:100%; line-height:80px; color:#292929; font-size:55px;}
#qllyx-tgfw p { margin:10px 0 40px 0; width:100%; color:#6F6F6F; font-size:22px; font-weight:500;}
#qllyx-tgfw span { width:200px;}
#qllyx-tgfw span a {  display:block; padding:15px 20px; width:200px; border:1px solid #6F6F6F; border-radius:10px; color:#6F6F6F;}
#qllyx-tgfw span a:hover { border:1px solid #FF0004; color:#FF0004;}
/*-广告营销业务qllyx-ggyxyw区域 -*/
#qllyx-ggyxyw { margin:20px 0 40px 0; padding-bottom:40px; width:100%; background:url(../images/news-lb-bj.png) repeat-x left bottom;}
#qllyx-ggyxyw p { width:100%; color:#6F6F6F; font-size:28px;}
#qllyx-ggyxyw h4 { margin-bottom:40px; padding-bottom:10px; width:100%; line-height:70px; background:url(../images/wlyy-dspyx-bj1.jpg) no-repeat center bottom; color:#292929; font-size:30px; font-weight:normal; }
#qllyx-ggyxyw-cn { margin:0 auto; width:1100px; overflow:hidden; }
#qllyx-ggyxyw-cn ul { width:100%; overflow:hidden;}
#qllyx-ggyxyw-cn ul li { float:left; margin: 10px 1% ; padding:105px 0 25px 0; width:18%; color:#707070; font-size:18px; font-weight:bold;}
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn1 {background:url(../images/qllyx-ggyxyw1.png) no-repeat center 25px; background-size:63px 63px;}
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn1:hover { background:url(../images/qllyx-ggyxyw1-1.png) no-repeat center 25px; background-size:63px 63px; border-radius:10px; box-shadow:0px 0px 6px 6px #F5F5F5; color:#FC8D1B; }
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn2 { background:url(../images/qllyx-ggyxyw2.png) no-repeat center 25px; background-size:63px 63px;}
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn2:hover { background:url(../images/qllyx-ggyxyw2-1.png) no-repeat center 25px; background-size:63px 63px; border-radius:10px; box-shadow:0px 0px 6px 6px #F5F5F5; color:#FC8D1B; }
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn3 { background:url(../images/qllyx-ggyxyw3.png) no-repeat center 25px; background-size:63px 63px;}
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn3:hover { background:url(../images/qllyx-ggyxyw3-1.png) no-repeat center 25px; background-size:63px 63px; border-radius:10px; box-shadow:0px 0px 6px 6px #F5F5F5; color:#FC8D1B; }
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn4 { background:url(../images/qllyx-ggyxyw4.png) no-repeat center 25px; background-size:63px 63px;}
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn4:hover { background:url(../images/qllyx-ggyxyw4-1.png) no-repeat center 25px; background-size:63px 63px; border-radius:10px; box-shadow:0px 0px 6px 6px #F5F5F5; color:#FC8D1B; }
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn5 { background:url(../images/qllyx-ggyxyw5.png) no-repeat center 25px; background-size:63px 63px;}
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn5:hover { background:url(../images/qllyx-ggyxyw5-1.png) no-repeat center 25px; background-size:63px 63px; border-radius:10px; box-shadow:0px 0px 6px 6px #F5F5F5; color:#FC8D1B; }
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn6 { background:url(../images/qllyx-ggyxyw6.png) no-repeat center 25px; background-size:63px 63px;}
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn6:hover { background:url(../images/qllyx-ggyxyw6-1.png) no-repeat center 25px; background-size:63px 63px; border-radius:10px; box-shadow:0px 0px 6px 6px #F5F5F5; color:#FC8D1B; }
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn7 { background:url(../images/qllyx-ggyxyw7.png) no-repeat center 25px; background-size:63px 63px;}
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn7:hover { background:url(../images/qllyx-ggyxyw7-1.png) no-repeat center 25px; background-size:63px 63px; border-radius:10px; box-shadow:0px 0px 6px 6px #F5F5F5; color:#FC8D1B; }
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn8 { background:url(../images/qllyx-ggyxyw8.png) no-repeat center 25px; background-size:63px 63px;}
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn8:hover { background:url(../images/qllyx-ggyxyw8-1.png) no-repeat center 25px; background-size:63px 63px; border-radius:10px; box-shadow:0px 0px 6px 6px #F5F5F5; color:#FC8D1B; }
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn9 { background:url(../images/qllyx-ggyxyw9.png) no-repeat center 25px; background-size:63px 63px;}
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn9:hover { background:url(../images/qllyx-ggyxyw9-1.png) no-repeat center 25px; background-size:63px 63px; border-radius:10px; box-shadow:0px 0px 6px 6px #F5F5F5; color:#FC8D1B; }
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn10 { background:url(../images/qllyx-ggyxyw10.png) no-repeat center 25px; background-size:63px 63px;}
#qllyx-ggyxyw-cn ul li.qllyx-ggyxyw-cn10:hover { background:url(../images/qllyx-ggyxyw10-1.png) no-repeat center 25px; background-size:63px 63px; border-radius:10px; box-shadow:0px 0px 6px 6px #F5F5F5; color:#FC8D1B; }

/*-广告切换qllyx-ggtab区域 -*/
#qllyx-ggtab { margin:0 auto; width:1100px;}
#qllyx-ggtab ul { margin:0 auto 30px auto; width:90%; overflow:hidden;}
#qllyx-ggtab ul li { text-align:center; float:left; width:16.6%; line-height:38px; cursor:pointer;}
#qllyx-ggtab ul li.qllyx-ggtab-con { background:#FF6637; border-radius:20px; color:#ffffff;}
#qllyx-ggtab-cn { width:100%;}
.qllyx-ggtab-com { margin:20px 0 40px 0; width:100%; overflow:hidden;}
.qllyx-ggtab-coml { float:left; width:400px; height:400px; }
.qllyx-ggtab-comr { float:right; width:620px;}
.qllyx-ggtab-comr dl { text-align:left; margin-top:40px; width:100%;}
.qllyx-ggtab-comr dl dt { width:100%; line-height:70px; font-size:30px;}
.qllyx-ggtab-comr dl dd { width:100%; line-height:26px; color:#6F6F6F; font-size:18px;}
.qllyx-ggtab-comr ol { margin-top:30px; width:100%; overflow:hidden;}
.qllyx-ggtab-comr ol li { text-align:center; float:left; width:25%; font-size:18px;}
.qllyx-ggtab-comr ol li i { display:block; margin-bottom:10px; width:100%;}
.qllyx-ggtab-comr span { display:block; margin-top:40px; width:180px;}
.qllyx-ggtab-comr span a { display:block; width:180px; line-height:40px; background:#FF6637; color:#ffffff; border-radius:10px;}

/*-朋友圈广告营销链路qllyx-yxll区域 -*/
#qllyx-yxll { margin:80px auto 40px auto; width:100%;}
#qllyx-yxll p#qllyx-yxll-en { width:100%; color:#6F6F6F; font-size:28px;}
#qllyx-yxll h4 { margin:10px 0 40px 0; padding-bottom:10px; width:100%; line-height:70px; background:url(../images/wlyy-dspyx-bj1.jpg) no-repeat center bottom; color:#292929; font-size:30px; font-weight:normal;}
.qllyx-yxll1-3 { width:100%;}
.qllyx-yxll1-3com { position:relative; margin:0 auto; width:1100px;  height:560px; background:url(../images/qllyx-yxll-img1.jpg) no-repeat left 30px;}
.qllyx-yxll1-3com2 { background:url(../images/qllyx-yxll-img3.jpg) no-repeat left 30px;} 
.qllyx-yxll1-3com h5 { position:absolute; top:150px; right:20px; text-align:left; width:500px; line-height:90px; color:#292929; font-size:25px; font-weight:normal;}
.qllyx-yxll1-3com p.qllyx-yxll-txt { position:absolute; top:250px; right:20px; text-align:left;  width:500px; line-height:28px; color:#6C6C6C; font-size:16px;}
.qllyx-yxll1-3com span { position:absolute; top:360px; right:340px;  width:180px}
.qllyx-yxll1-3com span a { display:block; width:180px; line-height:40px; border:1px solid red; background:#FF6637; color:#ffffff; border-radius:10px;}
.qllyx-yxll2-4 { width:100%; background:#FFFBF5;}
.qllyx-yxll2-4com { margin:0 auto; width:1100px;  height:560px; background:url(../images/qllyx-yxll-img2.jpg) no-repeat right 30px; }
.qllyx-yxll2-4com2 {background:url(../images/qllyx-yxll-img4.jpg) no-repeat right 30px; }
.qllyx-yxll2-4com h5 { text-align:left; padding-top:150px; width:500px; line-height:90px; color:#292929; font-size:25px; font-weight:normal;}
.qllyx-yxll2-4com p.qllyx-yxll-txt {text-align:left; width:500px; line-height:28px; color:#6C6C6C; font-size:16px;}
.qllyx-yxll2-4com span { display:block; margin-top:40px; width:180px;}
.qllyx-yxll2-4com span a { display:block; width:180px; line-height:40px; background:#FF6637; color:#ffffff; border-radius:10px;}
/*-一对一服务qllyx-ydyfw区域 -*/
#qllyx-ydyfw { width:100%; height:460px; background:url(../images/qllyx-yxll-bj1.jpg) no-repeat center bottom;}
#qllyx-ydyfw-cn { margin: 0 auto; padding:30px 0; width:1100px; height:460px; background:url(../images/qllyx-yxll-bj2.jpg) no-repeat right top;}
#qllyx-ydyfw-com { padding-top:40px; width:380px;}
#qllyx-ydyfw-com h5 { width:100%; color:#B1AEAD; font-size:30px; font-weight:normal;}
#qllyx-ydyfw-com h5 i { color:#F6A440; font-size:30px; font-style: normal;}
#qllyx-ydyfw-com h5 span { display:block; width:100%; line-height:40px; color:#EFEEEA; font-size:15px;}
#qllyx-ydyfw-com h4 { margin:20px 0 40px 0; width:100%; color:#F6A440; font-size:35px; font-weight:normal; }
#qllyx-ydyfw-com h6 { width:100%; height:44px;}
#qllyx-ydyfw-com h6 img { width:100%; height:100%;}
#qllyx-ydyfw-com p { width:100%; line-height:70px; color:#B1AEAD; font-size:16px;}


/*---网络运营精彩案例wlyy-jcal区域 ---*/
#wlyy-jcal { margin:50px auto 50px auto; width:1200px;}
.wlyy-jcal-bt { position:relative; width:1200px;}
.wlyy-jcal-bt h3 {text-align:center; margin:35px 0 30px 0; width:100%; line-height:80px; background:url(../images/bt-bj2.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:2px;} 
.wlyy-jcal-bt p { position:absolute; right:0; top:10px; width:450px; height:55px; z-index:990;}
.wlyy-jcal-bt p img { width:100%; height:100%;} 

.wlyy-jcal-cn { position:relative; width:1200px; height:620px;  }

.wlyy-jcal-com1 { position:absolute; top:0; left:0;  width:480px; height:290px; z-index:990; overflow:hidden;}
.wlyy-jcal-com1 h4 { position:absolute; left:0; top:0; text-align:left; padding:10px 0 10px 30px; width:450px; line-height:40px; background:url(../images/bj3.png) left top; color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:1px; z-index:991;}
.wlyy-jcal-com1 p { width:480px; height:290px;}
.wlyy-jcal-com1 p img { width:100%; height:100%; object-position: center; object-fit: cover;}

.wlyy-jcal-com2 { position:absolute; top:0; left:490px; width:400px; height:290px; z-index:990; overflow:hidden;}
.wlyy-jcal-com2 h4 { position:absolute; left:0; top:0; text-align:left; padding:10px 0 10px 30px; width:370px; line-height:40px; background:url(../images/bj3.png) left top; color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:1px; z-index:99;}
.wlyy-jcal-com2 p { width:400px; height:290px;}
.wlyy-jcal-com2 p img { width:100%; height:100%; object-position: center; object-fit: cover;}

.wlyy-jcal-com3 { position:absolute; top:300px; left:0; width:400px; height:290px; z-index:990; overflow:hidden;}
.wlyy-jcal-com3 h4 { position:absolute; left:0; top:0; text-align:left; padding:10px 0 10px 30px; width:370px; line-height:40px; background:url(../images/bj3.png) left top; color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:1px; z-index:99;}
.wlyy-jcal-com3 p { width:400px; height:290px;}
.wlyy-jcal-com3 p img { width:100%; height:100%; object-position: center; object-fit: cover;}

.wlyy-jcal-com4 { position:absolute; top:300px; left:410px; width:480px; height:290px; z-index:990; overflow:hidden;}
.wlyy-jcal-com4 h4 { position:absolute; left:0; top:0; text-align:left; padding:10px 0 10px 30px; width:450px; line-height:40px; background:url(../images/bj3.png) left top; color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:1px; z-index:99;;}
.wlyy-jcal-com4 p { width:480px; height:290px;}
.wlyy-jcal-com4 p img { width:100%; height:100%; object-position: center; object-fit: cover;}

.wlyy-jcal-com5 { position:absolute; top:0; left:900px; width:300px; height:592px; z-index:990; overflow:hidden;}
.wlyy-jcal-com5 h4 { position:absolute; left:0; top:0; text-align:left; padding:10px 0 10px 30px; width:270px; line-height:40px; background:url(../images/bj3.png) left top; color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:1px; z-index:99;}
.wlyy-jcal-com5 p { width:300px; height:592px;}
.wlyy-jcal-com5 p img { width:100%; height:100%; object-position: center; object-fit: cover;}


/*---专业运营所有困惑迎刃而解yrej区域 ---*/
#yrej { margin:0 auto; width:1209px;}
#yrej h3 {text-align:center; margin:35px 0 60px 0; width:100%; line-height:80px; background:url(../images/bt-bj5.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:5px;}
#yrej p { width:100%;}
#yrej p img { width:100%; height:100%;}

#yrej-cn { width:100%; background:url(../images/wlyy-yrej-bj.jpg) no-repeat center 20px;}
#yrej-cn-t { margin-bottom:70px; width:100%; overflow:hidden;}
#yrej-cn-t dl { float:left; width:33.33%;}
#yrej-cn-f  { width:100%; overflow:hidden;}
#yrej-cn-f dl { float:left; width:50%;}
#yrej-cn-t dl dt , #yrej-cn-f dl dt { margin: 0 auto 5px auto; padding:20px; width:154px; height:136px; }
#yrej-cn-t dl dt img:hover , #yrej-cn-f dl dt img:hover{
  cursor: pointer; 
  transform: rotate(360deg);   /*---2d旋转效果---*/
  -ms-transform:rotate(360deg); 	/* IE 9 */
  -moz-transform:rotate(360deg); 	/* Firefox */
  -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
  -o-transform:rotate(360deg); 	/* Opera */
  transition: .8s;     /*--效果变化时间--*/ 
}
#yrej-cn-t dl dd , #yrej-cn-f dl dd { text-align:center; padding:10px 0; width:100%; line-height:30px; color:#2D2D2D; font-size:25px; }


/*---关于我们about-banner start---*/
#about-banner { margin:0 auto; width:100%; height:380px;}
#about-banner img { width:100%; height:380px; object-position: left; object-fit: cover;}

/*----关于我们内容about-txt区域 ---*/
#about-txt { position:relative; margin:0 auto; width:100%; background:#EEEEEE;}
.about-txt-bt { position:relative; margin:0 auto; padding:30px 0 20px 0; width:1200px;}
.about-txt-bt h3 {text-align:center; width:100%; line-height:80px; background:url(../images/bt-bj6.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:2px;} 
.about-txt-bt p { position:absolute; right:0; top:40px; width:450px; height:55px; z-index:990;}
.about-txt-bt p img { width:100%; height:100%;} 

.about-txt-com { margin:0 auto; padding-bottom:30px; width:1100px; }
.about-txt-com p { text-align:left; width:100%; line-height:40px; font-size:18px;}
.about-txt-com h5 { text-align:left; margin-top:20px; width:100%; line-height:60px; font-size:26px;}

#about-video { position:absolute; bottom:40px; left:48%; width:570px;}
#about-video video { width:100%; height:auto; }


/*---发展历程fzlc区域 ---*/
#fzlc { width:100%; height:600px; background:url(../images/fzlc_bj1.jpg) no-repeat center top;}
#fzlc h3 { margin:0 auto; padding:50px 0 60px 0; width:1200px; background:url(../images/bt-bj7.png) no-repeat center center; color:#ffffff; font-size:36px; font-weight:normal;}

#fzlc-cn { margin:0 auto; width:1200px;}
#fzlc-cn ul { padding:10px 0; width:1200px; border-top:1px solid #ffffff; overflow:hidden;}
#fzlc-cn ul li { float:left; width:85px; cursor:pointer; color:#ffffff; font-size:18px;} 
#fzlc-cn ul li.fzlc-year-con { font-size:20px; font-weight:bolder; color:#f00;}

#fzlc-com { width:1200px; height:350px;}
.fzlc-comtxt { text-align:left; margin-top:30px; padding-left:20px; width:1200px;}
.fzlc-comtxt dl { margin:0 auto; padding-left:2%; width:90%; background:url(../images/bj5.jpg) no-repeat left top;}
.fzlc-comtxt dl dt { padding:10px 0 30px 0; width:100%; color:#ffffff; font-size:42px; font-weight:bold;}
.fzlc-comtxt dl dd { width:100%; line-height:30px; color:#ffffff; font-size:16px;}

/*---公司团队team区域 ---*/
#team  { margin:0 auto; width:100%; background:#EEEEEE;}
.team-bt { position:relative; margin:0 auto; padding:40px 0 20px 0; width:1200px;}
.team-bt h3 {text-align:center; width:100%; line-height:80px; background:url(../images/bt-bj6.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:2px;} 
.team-bt p { position:absolute; right:0; top:50px; width:450px; height:55px; z-index:990;}
.team-bt p img { width:100%; height:100%;} 
#team-cn {  width:100%; }

#team-user { margin:50px auto 0 auto; padding-bottom:30px; width:1200px; overflow:hidden;}
.team-user-com { position:relative; float:left; margin-bottom:30px; width:25%;}
.team-user-comq { margin:0 auto; width:182px;}
.team-user-comq dl { padding:5px; width:170px; border:1px dashed #27AB9D; border-radius:10px; cursor:pointer; }
.team-user-comq dl:hover { border:1px solid #f00;}
.team-user-comq dl dt { width:170px; height:190px; }
.team-user-comq dl dt img { width:100%; height:190px; object-fit: cover; object-position: center;}
.team-user-comq dl dd { width:100%; line-height:30px; font-size:16px;}

.team-user-comh { display:none; position:absolute; left:65px; top:5px; margin:0 auto; width:170px; background:url(../images/bj4.jpg) left top; cursor:pointer;}
.team-user-comh dl { padding:5px; text-align:left; width:170px; height:210px;}
.team-user-comh dl dt { margin:0 auto; width:90%; line-height:40px; color:#ffffff; font-size:18px; }
.team-user-comh dl dd { margin:0 auto; width:90%; height:170px; line-height:24px; color:#ffffff; font-size:15px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

/*---公司地址gsdz区域 ---*/
#gsdz { width:100%; background:#ffffff;}
.gsdz-bt { position:relative; margin:0 auto; padding:30px 0 20px 0; width:1200px;}
.gsdz-bt h3 {text-align:center; width:100%; line-height:80px; background:url(../images/bt-bj2.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:2px;} 
.gsdz-bt p { position:absolute; right:0; top:40px; width:450px; height:55px; z-index:990;}
.gsdz-bt p img { width:100%; height:100%;} 
#gsdz span { display:block; margin:0 auto 40px auto; width:1200px; height:420px;}
#gsdz span img { width:100%; height:420px;}

/*------中间内容main区域 --------*/
#main {position:relative; margin:0 auto; padding-bottom:50px; width:1200px; overflow:hidden;}
#main-left { padding-top:70px; float:left; width:240px;}
#main-left dl { margin-bottom:8px; width:100%;}
#main-left dl dt { text-align:left; margin-bottom:8px; padding-left:20px; width:220px; line-height:74px; background:#DE1620; color:#ffffff; font-size:28px; letter-spacing:2px;}
#main-left dl dd { text-align:left; margin-bottom:8px;  width:220px;  }
#main-left dl dd a { display:block; padding-left:20px; width:220px; line-height:50px; background:#F3F3F3 url(../images/bj1.jpg) no-repeat 210px center; font-size:15px; letter-spacing:1px;}
#main-left dl dd a:hover { background:#DE1620; color:#ffffff;}
#main-left dl dd#main-nav { padding-left:20px; width:220px; line-height:50px; background:#DE1620; color:#ffffff; }
#main-left dl dd#main-nav a { padding-left: 0; width:200px; background:#DE1620; color:#ffffff;}

#main-right { position:relative; padding-top:70px; float:right; width:940px;}
.main-r-zxrx { position:absolute; right:0; top:30px;}
#main-right h3 { text-align:left; margin-bottom:30px; padding-top:5px; width:100%; height:35px; background:url(../images/list-bt-bj.jpg) no-repeat left bottom; font-size:20px; font-weight:normal; text-indent:60px; }
#main-r-com { width:940px; overflow:hidden; }
#main-r-com dl { float:left; margin-bottom:10px; width:33.33%;}
#main-r-com dl dt { margin:0 auto; width:300px; height:200px; overflow:hidden;}
#main-r-com dl dt img { width:100%; height:100%; object-position: bottom; object-fit: cover;}
#main-r-com dl dd { margin:0 auto; padding-left:10px; text-align:left; width:290px; height:38px; line-height:38px; font-size:15px; overflow: hidden; verflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

#main-r-com dl { position:relative; border-bottom:10px solid #ffffff; }
#main-r-com dl:after , #main-r-com dl:before {position:absolute; left:0; top:0; content: ''; width:0; height:100%; border-bottom:10px solid #ffffff; color:#ffffff; z-index:-2;}
/*#main-r-com dl:hover { border-bottom:transparent; z-index:1;}*/
#main-r-com dl:hover { z-index:1;}
#main-r-com dl:before { transition:1s; border-bottom:10px solid #FF0004; z-index:-1;}
#main-r-com dl:after , #main-r-com dl:hover:before { width:100%;}

/*------动漫商城dmsc区域 --------*/
#dmsc { width:100%; background:#ffffff;}
#dmsc h2 { text-align:right; margin:10px auto; padding-top:5px; width:1180px; height:145px; background:url(../images/dmsc-logo-bj.jpg) no-repeat center center;}
.dmsc-nav { margin:0 auto; padding-left:200px; width:980px; height:40px; background:#AF6AC4; overflow:hidden;}
.dmsc-nav li { float:left; width:190px;}
.dmsc-nav li a { display:block; width:100%; line-height:40px; color:#ffffff; font-size:23px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.dmsc-nav li a:hover { background:#DF89FF; }

.dmsc-zxgx { margin:10px auto; width:1180px; overflow:hidden;}
.dmsc-zxgx1 { float:left; margin-right:10px; width:200px;}
.dmsc-zxgx1 dl { text-align:left; width:100%; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.dmsc-zxgx1 dl dt { width:100%; line-height:25px; background:url(../images/dmsc-bj1.jpg) no-repeat left top; color:#ffffff; font-size:18px; font-weight:bold; text-indent:15px;}
.dmsc-zxgx1 dl dt.dmsc-zxgx1-dt { margin-top:10px; }
.dmsc-zxgx1 dl dd { padding-top:2px; width:100%; border-right:1px solid #cccccc; }
.dmsc-zxgx1 dl dd a { display:block; width:100%; line-height:30px; text-indent:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.dmsc-zxgx2 { float:left; margin-right:8px; width:438px;  height:386px; border:1px solid #cccccc; }

.dmsc-zxgx3 { float:left; width:218px;}
.dmsc-zxgx3 dl { position:relative; width:218px; background:url(../images/dmsc-bj2.jpg) left top; border:1px solid #cccccc;}
.dmsc-zxgx3-dl2 { margin-top:4px;}
.dmsc-zxgx3 dl dt { margin:0 auto; padding:10px 5%; width:90%; height:170px;}
.dmsc-zxgx3 dl dt img { width:100%; height:100%; object-position:top; object-fit:cover;}
.dmsc-zxgx3 dl dd { position:absolute; left:0; bottom:0; text-align:center; width:100%; background:url(../images/bj3-1.png) left bottom;  z-index:9991; }
.dmsc-zxgx3 dl dd .dmsc-zxgx3-name { display:block; width:100%; line-height:24px; color:#FFFFFF; font-size:16px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.dmsc-zxgx3 dl dd .dmsc-zxgx3-jq { display:block; width:100%; line-height:20px; color:#FF0004; font-size:16px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.dmsc-zxgx3 dl dd .dmsc-zxgx3-jq em { margin-right:5px; font-size:16px; font-style: normal; }

.dmsc-zxgx4 { float:right; width:295px;}
.dmsc-zxgx4 dl { position:relative; width:293px; background:url(../images/dmsc-bj2.jpg) left top; border:1px solid #cccccc;}
.dmsc-zxgx4-dl2 { margin-top:4px;}
.dmsc-zxgx4 dl dt { margin:0 auto; padding:10px 5%; width:90%; height:170px;}
.dmsc-zxgx4 dl dt img { padding:5% 25%; width:50%; height:80%; background:#ffffff; object-position:top; object-fit:cover;}
.dmsc-zxgx4 dl dd.dmsc-zxgx4-mc { position:absolute; left:0; bottom:0; text-align:center; width:100%; background:url(../images/bj3-1.png) left bottom; z-index:9991;}
.dmsc-zxgx4 dl dd.dmsc-zxgx4-mc .dmsc-zxgx4-name { display:block; width:100%; line-height:24px; color:#FFFFFF; font-size:16px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.dmsc-zxgx4 dl dd.dmsc-zxgx4-mc .dmsc-zxgx4-jq { display:block; width:100%; line-height:20px; color:#FF0004; font-size:16px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.dmsc-zxgx4 dl dd.dmsc-zxgx4-mc .dmsc-zxgx4-jq em { margin-right:5px; font-size:16px; font-style: normal; }
.dmsc-zxgx4 dl dd.dmsc-zxgx4-zzc1 { position:absolute; left:30%; top:20%; width:104px; height:104px; z-index:9991;}
.dmsc-zxgx4 dl dd.dmsc-zxgx4-zzc2 { position:absolute; right:10px; top:10px; width:32px; height:26px; z-index:9991;}

.dmsc-flqy { margin:10px auto 0 auto; width:1180px;}
.dmsc-flqy h4 { text-align:center; margin-bottom:20px; padding-top:5px; width:100%; height:145px; background:url(../images/dmsc-bt-bj1.jpg) no-repeat center center;}
.dmsc-flqy h4 img { margin-top:25px;}
.dmsc-flqy-spxx { margin:0 auto; width:97%; overflow:hidden;}
.dmsc-flqy-spxxc { float:left; margin-bottom:20px; width:25%; }
.dmsc-flqy-spxxcom { position:relative; margin:0 auto; padding:10px 1% 0 1%; width:91%; height:300px; background:url(../images/dmsc-bj3.jpg) center top; background-size:100% 100%; border:1px solid #C51166; border-radius:10px;}
.dmsc-flqy-spxxcom:hover { border:1px solid #000000;}
.dmsc-flqy-zzc { position:absolute; left:30%; top:27%; width:104px; height:104px; z-index:9991; }
.dmsc-flqy-zzc img { width:100%; height:100%; object-position:center; object-fit:cover;}
.dmsc-flqy-more { line-height:300px;}
.dmsc-flqy-more img { margin-top:90px;  object-position:center; object-fit:cover;}
.dmsc-flqy-img { margin:0 auto; padding:0 2%; width:91%; background:#ffffff;}
.dmsc-flqy-img img { width:85%; height:250px;}
.dmsc-flqy-txt { text-align:center; width:100%;  }
.dmsc-flqy-txt .dmsc-flqy-name { display:block; margin:3px 0 2px 0; width:100%; line-height:22px; font-size:17px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.dmsc-flqy-txt .dmsc-flqy-jq { display:block; width:100%; line-height:18px; color:#FF0004; font-size:15px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.dmsc-flqy-txt .dmsc-flqy-jq em { margin-right:5px; font-size:16px; font-style: normal;}

.dmsc-dmsp h4 , .dmsc-zgfasp h4 { text-align:center; margin-bottom:20px; padding-top:5px; width:100%; height:145px; background:url(../images/dmsc-bt-bj2.jpg) no-repeat center center;}
.dmsc-zgfasp h4 { background:url(../images/dmsc-bt-bj4.jpg) no-repeat center center;}


/*---选择支付---*/
.dmsc-xzzf { margin:10px auto; width:1180px;} 
.dmsc-xzzf h4 { margin-bottom:10px; width:100%; height:98px; background:url(../images/dmsc-bt-bj3.jpg) no-repeat left top; }
.dmsc-xzzf h4 span { text-align:left; display:block; width:100%; line-height:98px; background:url(../images/bj3-2.png) no-repeat 40px 32px; color:#ffffff; font-size:32px; text-indent:84px;}
#dmsc-zfqy { width:100%; overflow:hidden;}
#dmsc-zfqy-l { float:left; width:32%; border:5px solid #A64D77;}
#dmsc-zfqy-l img { width:80%; height:415px; }
#dmsc-zfqy-r { float:right; padding-top:35px; width:65%; background:url(../images/dmsc-bj4.jpg) no-repeat left top; background-size:100% 30px; border:5px solid #FF5AE0;}
#dmsc-zfqy-r dl { text-align:left; margin:0 auto 10px auto; width:90%; border-bottom:1px solid #cccccc; }
#dmsc-zfqy-r dl dt { margin:5px 0 10px 0; padding-bottom:0px; width:100%; line-height:30px; font-size:30px;  font-weight:bold;}
#dmsc-zfqy-r dl dd { margin:20px 0 ; padding-left:3%; width:97%; line-height:20px;  font-size:20px; font-weight:bold; }
#dmsc-zfqy-r dl dd span { color:#FF0004; }
#dmsc-zfqy-r dl dd span em { margin-right:5px; font-size:16px; font-style: normal;}
#dmsc-zfqy-r .quantity-control {display: flex;align-items: center;gap: 10px;}
#dmsc-zfqy-r .quantity-btn {width: 25px;height: 28px;border-radius: 5%;border: 1px solid #ccc;background-color: #f8f8f8;cursor: pointer;font-size: 16px;display: flex;align-items: center;justify-content: center;}
#dmsc-zfqy-r .quantity-btn:hover {background-color: #e0e0e0;}
#dmsc-zfqy-r .quantity-input {width: 45px;text-align: center;border: 1px solid #ddd;padding: 5px;font-size: 16px;}
#dmsc-zfqy-r .quantity-btn:disabled {opacity: 0.5;cursor: not-allowed;}
#dmsc-zffs { text-align:left; margin:0 auto; width:88%; }
#dmsc-zffs h5 { width:100%; line-height:40px; font-size:20px; font-weight:bold;}
#dmsc-zffs ul { margin:30px auto 10px auto ; width:420px; overflow:hidden;}
#dmsc-zffs ul li { float:left; margin:0 20px 20px 0; width:180px; line-height:50px; border:1px solid #E8E8E8;}
#dmsc-zffs ul li input { margin:0 30px;}
#dmsc-zffs ul li.dmsc-zffs-zfb { background:url(../images/zf-zfb.jpg) no-repeat 50px center; background-size:20px 20px;}
#dmsc-zffs ul li.dmsc-zffs-wxzf { background:url(../images/zf-wx.jpg) no-repeat 50px center; background-size:20px 20px;}
#dmsc-zffs p { margin:0 auto 18px; width:150px; height:56px;}
#dmsc-zffs p .dmsc-zffs-ljzf { width:100%; height:100%; background:url(../images/dmsc-ljzf.jpg) no-repeat center center; border:none; border:0; text-indent:-99999px; cursor:pointer; outline:none;}
#dmsc-spjs { text-align:left; margin:10px auto; width:1180px;}
#dmsc-spjs h4 { padding:0 1.5%; width:97%; height:80px; background:url(../images/dmsc-bj5.jpg) repeat-y left top; border-top-left-radius:10px; border-top-right-radius:10px; }
#dmsc-spjs h4 span { display:block; text-align:center; width:200px; line-height:76px; background:#FFF06E; border-left:2px solid #755F2F; border-right:2px solid #755F2F; border-bottom:3px solid #755F2F; font-size:32px;}
#dmsc-spjs-txt { text-align:left; margin:0 auto; padding:10px 0; width:1180px; background:url(../images/dmsc-bj6.jpg) repeat-y center top; background-size:100% 100%;}
#dmsc-spjs-txt1 { margin:0 auto 20px auto; padding:10px 0 20px 0; width:97%; background:#FFF7E2;}
.dmsc-spjs-name { margin:0px auto; padding:10px 0 20px 0; width:97%; line-height:50px; font-size:35px; font-weight:bold;}
.dmsc-spjs-com { margin:0px auto; width:97%; overflow:hidden;}
.dmsc-spjs-com li { float:left; width:25%; line-height:40px;}
#dmsc-spjs-video { margin:20px auto; width:80%; }
#dmsc-spjs-video video { display:block; margin:0 auto; width:100%;}
.dmsc-spjs-img { margin:0 auto; padding-bottom:20px; width:80%;}
.dmsc-spjs-img li { margin-bottom:10px; width:100%;}
.dmsc-spjs-img li img { display:block; margin:0 auto; width:80%; height:auto;}

/*---用户订单---*/
#dmsc-ddlb { margin:10px auto; padding-bottom:15px; width:1180px; background:#EEEEEE; }  
#dmsc-ddlb h4 { margin-bottom:10px; width:100%; background:url(../images/dmsc-bj7.jpg) left top; }
#dmsc-ddlb h4 span { text-align:center; display:block; width:170px; line-height:70px; background:#71EFFA; font-size:30px;}
#dmsc-ddlb-cn { margin:0 auto; width:98%;}
#dmsc-ddlb-bt { width:100%; overflow:hidden;}
#dmsc-ddlb-bt li { float:left; text-align:center; line-height:40px; background:#B3C7DF; font-size:20px;}
#dmsc-ddlb-bt li#dmsc-ddlb-bt1 { width:40%;}
#dmsc-ddlb-bt li#dmsc-ddlb-bt2 { width:30%;}
#dmsc-ddlb-bt li#dmsc-ddlb-bt3 { width:20%;}
#dmsc-ddlb-bt li#dmsc-ddlb-bt4 { width:10%;}
.dmsc-ddlb-con { margin-top:15px; width:100%; background:#ffffff; }
.dmsc-ddlb-time { text-align:left; width:100%; line-height:30px; background:#D4E4F3; text-indent:10px;}
.dmsc-ddlb-com { padding:15px 0; width:100%; overflow:hidden;}
.dmsc-ddlb-comt { float:left; width:40%; overflow:hidden;}

.dmsc-ddlb-comt dt { float:left; margin-left:2%; width:28%;}
.dmsc-ddlb-comt dt img { padding:10px 5%; width:80%; height:95px; border:1px solid #cccccc;}
.dmsc-ddlb-comt dd { float:right; text-align:left; margin-top:20px; width:65%; line-height:24px; font-size:16px;}

.dmsc-ddlb-com-jg { float:left; text-align:center; width:30%; line-height:90px; color:#FF0004; font-size:20px;}
.dmsc-ddlb-com-jg em { margin-right:5px; font-size:17px; font-style: normal;}
.dmsc-ddlb-com-cz { float:left; text-align:center; width:20%; line-height:90px; color:#FF0004; font-size:18px;}
.dmsc-ddlb-com-btn { float:right; text-align:center; width:10%; line-height:90px;}

@media(max-width:1200px){
#dmsc h2 { width:100%;}
.dmsc-nav { width:99%;}
.dmsc-flqy , .dmsc-dmsp , .dmsc-zgfasp  { width:100%;}
}
@media(max-width:1180px){
.dmsc-xzzf , #dmsc-spjs , #dmsc-spjs-txt , #dmsc-ddlb {width:100%;}
}
@media(max-width:1024px){
.dmsc-flqy-spxxc { width:33.33%; }
}
@media(max-width:800px){
.dmsc-flqy-spxxc { width:50%; }	
#dmsc-zfqy-r { width:64%;}
.dmsc-spjs-com li { width:50%;}
}
@media(max-width:680px){
#dmsc-zffs ul { width:95%; }
#dmsc-zffs ul li { width:140px; }
#dmsc-zffs ul li input { margin: 0 30px 0 12px;}	
#dmsc-zffs ul li.dmsc-zffs-zfb { background:url(../images/zf-zfb.jpg) no-repeat 34px center; background-size:20px 20px; }
#dmsc-zffs ul li.dmsc-zffs-wxzf { background:url(../images/zf-wx.jpg) no-repeat 34px center; background-size:20px 20px; }
}
@media(max-width:650px){
.dmsc-nav { padding-left:0;}	
.dmsc-nav li { width:50%;}
}

#dmsc h3 {text-align:center; margin:10px 0 20px 0; width:100%; line-height:80px; background:url(../images/bt-bj2.jpg) no-repeat center center; font-size:35px; font-weight:normal; letter-spacing:5px;}

.dmsc-left {padding-top:20px;}
#main-right h4 { text-align:left; margin-bottom:30px; padding-top:5px; width:100%; height:35px; background:url(../images/list-bt-bj.jpg) no-repeat left bottom; font-size:20px; font-weight:normal; text-indent:60px; }
.dmsc-flsp { float:left; width:33.33%;}
.dmsc-flsp-list {  margin:0 auto 20px auto; width:95%; height:180px; background:#f7f9fa; border:1px solid #f7f9fa; border-radius:10px; overflow:hidden; }
.dmsc-flsp-list:hover { border:1px solid #FF0004;}
.dmsc-flsp-list p { float:left; padding:10px 2%; width:41%;}
.dmsc-flsp-list p img { width:100%; height:160px; border-radius:10px;}
.dmsc-flsp-com { float:right; margin:10px 2% 0 0; width:50%;}
.dmsc-flsp-com h5 { text-align:left; width:100%; line-height:24px; height:50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dmsc-flsp-price { text-align:left; width:100%; line-height:40px; color:#DE1620;}
.dmsc-flsp-price { display:block; margin-top:12px; font-size:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.dmsc-flsp-price em { margin-right:5px; font-size:17px; font-style: normal;}
.dmsc-flsp-txt { display:block; margin:12px auto 0 0 ; width:100px;}
.dmsc-flsp-txt a { display:block; text-align:center; width:100%; line-height:34px; background:#DE1620; border-radius:5px; color:#ffffff; }
.dmsc-flsp-txt a:hover { background:#FF0004;}

/*-----------登录页面----------------*/
#sign-register { width:100%; }
#sign , #register  { margin:30px 0; width:100%; }
#sign-cn , #register-cn { margin:0 auto; width:480px; background:url(../images/zc-bj2.png) center top; border:1px solid #BA5654;  border-radius:6px; }
#sign-cn-com , #register-cn-com { margin:20px auto; padding:10px 0; width:440px; background:#ffffff;  border-radius:6px;}
#sign-cn-com h3 , #register-cn-com h3 { margin:10px 0 15px 0; width:100%; line-height:40px; font-size:28px;}
#sign-cn-com #sign-zwtd { text-align:left; margin:20px auto; width:65%; line-height:30px; background:url(../images/zc-bj13.jpg) no-repeat left center; text-indent:30px; color:#E93C01;}
#sign-cn-com ul , #register-cn-com ul { margin:10px auto; width:70%;}
#sign-cn-com ul { margin-top:30px; width:80%;}
#sign-cn-com ul li ,  #register-cn-com ul li { text-align:left; margin-bottom:20px; width:100%;}
#sign-cn-com ul li { text-align:center;}
#sign-cn-com ul li label { display:inline-block; text-align:right; width:30%; line-height:32px; font-size:16px; font-weight:bold;}
#sign-cn-com ul li input { display:inline-block; width:45%; line-height:32px; height:32px; border:1px solid #BA5654 ; text-indent:5px;} 
#sign-cn-com ul li input#hy-yzm { margin-right:1%; width:38%;}
#sign-cn-com ul li span.sign-hqyzm { display:inline-block; text-align:center; width:28%; line-height:32px; background:#AAAAAA; border-radius:4px; font-size:14px; color:#ffffff; cursor:pointer;}
#sign-cn-com ul li span.sign-hqyzm:hover { background:#FF0004;}
#sign-cn-com #hy-wj-passd { margin:20px 0 10px 65%; width:100px; line-height:30px; font-weight:bold; }
#sign-cn-com #hy-wj-passd a { color:#FF0004;}
#sign-cn-com #hy-wj-passd a:hover { color:#0085BD;}
#sign-cn-com #hy-sign-btn { margin:20px auto; width:60%; line-height:40px; background:url(../images/zc-bj3.jpg) left top; border-radius:8px; font-size:20px; color:#ffffff; }
#sign-cn-com #hy-sign-btn a { display:block; width:100%; line-height:40px; background:url(../images/zc-bj3.jpg) left top; border-radius:8px; font-size:20px; color:#ffffff;}
.sr-com { text-align:center; padding-top:10px; width:100%; border-top:1px solid #eeeeee;}

/*-----------注册页面----------------*/
#register-cn-com ul li label { display:inline-block; text-align:left; width:28%; line-height:32px; font-size:15px; font-weight:bold;}
#register-cn-com ul li label#tyshxymm { width:44%;}
#register-cn-com ul li input {display:inline-block; width:66%; line-height:32px; height:32px; border:1px solid #BA5654 ; text-indent:5px;}
#register-cn-com ul li input#qy-xydm { margin-left:2%; width:48%;}
#register-cn-com ul li input#register-yzm { margin-right:1%; width:36%;}
#register-cn-com ul li span.register-hqyzm { display:inline-block; text-align:center; width:28%; line-height:32px; background:#AAAAAA; border-radius:4px; font-size:14px; color:#ffffff; cursor:pointer;}
#register-cn-com ul li img#showImg {
transition: .1s transform; 
-moz-transition:  .1s transform; /* Firefox 4 */
-webkit-transition:  .1s transform; /* Safari 和 Chrome */
-o-transition:  .1s transform; /* Opera */
transform: translateZ(0); 
-ms-transform: translateZ(0); 	/* IE 9 */
-moz-transform: translateZ(0); 	/* Firefox */
-webkit-transform: translateZ(0); /* Safari 和 Chrome */
-o-transform: translateZ(0); 	/* Opera */ /* hack */
}
#register-cn-com ul li img#showImg:hover { margin-left:20px; 
transition: .1s transform;
-moz-transition:  .1s transform; /* Firefox 4 */
-webkit-transition:  .1s transform; /* Safari 和 Chrome */
-o-transition:  .1s transform; /* Opera */
transform: scale(6, 6); 
-ms-transform: scale(6, 6); 	/* IE 9 */
-moz-transform: scale(6, 6); 	/* Firefox */
-webkit-transform: scale(6, 6); /* Safari 和 Chrome */
-o-transform: scale(6, 6); 	/* Opera */ /* hack */
}

#register-cn-com ul li span.register-hqyzm:hover { background:#FF0004;}
#register-cn-com #register-zcxy { text-align:left; margin:40px auto 0 auto; width:60%; }
#register-cn-com #register-zcxy input { margin-right:10px; width:15px; height:15px; vertical-align:middle;}
#register-cn-com #register-zcxy a { margin-left:5px; color:#0070ff;}
#register-cn-com #register-zcxy a:hover { color:#FF0004;}
#register-cn-com #qy-register-btn { margin:10px auto 20px auto; width:60%; line-height:40px; background:url(../images/zc-bj3.jpg) left top; border-radius:8px; font-size:20px; color:#ffffff; }
#register-cn-com #qy-register-btn a { display:block; width:100%; line-height:40px; background:url(../images/zc-bj3.jpg) left top; border-radius:8px; font-size:20px; color:#ffffff;}

#register-zclj { margin:0 auto; width:80%; line-height:30px;}
#register-zclj .register-ljqy { margin-right:20px;}
#register-zclj .register-ljqy a { color:#0070ff;}
#register-zclj .register-ljqy a:hover { color:#0070ff;}

/*----注册用户协议---*/
#main-con { margin-top:10px; width:100%; overflow:hidden;}
#main-con h2 { margin:10px auto 5px auto; width:80%; line-height:28px; font-weight:bolder; font-size:20px; color:#FF0004;}
.main-con-time { text-align:center; padding-bottom:10px; width:100%; line-height:24px; border-bottom:1px solid #eeeeee; color:#8B8B8B;}
#main-con-txt { text-align:left;  margin:20px 0; padding:0 2%; width:96%;}
#main-con-txt p { text-align:left; width:100%; line-height:30px;}

#dmsclist{ width:100%; overflow:hidden;}
.dmsclist-con { float:left; width:33.33%; overflow:hidden;}
.dmsclist-com { margin:0 auto 20px auto; width:95%; height:200px; background:#f7f9fa; border:1px solid #f7f9fa; border-radius:10px; overflow:hidden;}
.dmsclist-com:hover { border:1px solid #FF0004;}
.dmsclist-com p { float:left; padding:10px 2%; width:41%;}
.dmsclist-com p img { width:100%; height:180px; border-radius:10px;}
.dmsclist-com dl { float:right; margin:10px 2% 0 0; width:50%;}
.dmsclist-com dl dt { text-align:left; width:100%; line-height:24px; height:70px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.dmsclist-com dl dd { text-align:left; width:100%; line-height:40px; color:#DE1620;}
.dmsclist-com dl dd.dmsc-jc { margin-top:12px; font-size:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.dmsclist-com dl dd.dmsc-jc em { margin-right:5px; font-size:17px; font-style: normal;}
.dmsclist-com dl dd.dmsc-ljgw { margin:12px auto 0 0 ; width:100px;}
.dmsclist-com dl dd.dmsc-ljgw a { display:block; text-align:center; width:100%; line-height:34px; background:#DE1620; border-radius:5px; color:#ffffff; }
.dmsclist-com dl dd.dmsc-ljgw a:hover { background:#FF0004;}

/*------选择支付区域 --------*/
#dmsc-zf { margin:0 auto; width:100%;}
.dmsc-zf-cpbt { text-align:center; margin:0 auto 20px auto; width:98%; background:#FDFDFD; border:1px solid #E8E8E8; overflow:hidden;}
.dmsc-zf-cpbt li.dmsc-zf-cpbt1 { float:left; width:60%; line-height:40px;}
.dmsc-zf-cpbt li.dmsc-zf-cpbt2 { float:right; width:40%; line-height:40px;}
.dmsc-zf-cpc { margin:0 auto; padding:10px 0; width:98%; background:#FDFDFD; border:1px solid #E8E8E8; overflow:hidden;}
.dmsc-zf-txt { float:left; width:60%; overflow:hidden;}
.dmsc-zf-txt dt { float:left; margin-left:2%; width:16%; }
.dmsc-zf-txt dt img { width:100%; height:95px;}
.dmsc-zf-txt dd { float:right; text-align:left; margin-top:20px; width:78%; line-height:24px; font-size:16px;}
.dmsc-zf-jg { float:right; text-align:center; width:40%; line-height:90px; color:#FF0004; font-size:20px;}
.dmsc-zf-jg em { margin-right:5px; font-size:17px; font-style: normal;}

#dmsc-zf-xz {margin:30px auto; padding:10px 0; width:98%; background:#FDFDFD; border:1px solid #E8E8E8; overflow:hidden;}
#dmsc-zf-xz h4 { text-align:left; margin:0 auto; padding-bottom:10px; width:96%; border-bottom:1px solid #E8E8E8; line-height:40px;}
#dmsc-zf-xz ul { margin:30px auto ; width:80%; overflow:hidden;}
#dmsc-zf-xz ul li { float:left; margin:0 20px 20px 0; width:250px; line-height:50px; border:1px solid #E8E8E8;}
#dmsc-zf-xz ul li input { margin-right:30px;}
#dmsc-zf-xz ul li.wxzf { background:url(../images/zf-wx.jpg) no-repeat 92px center; background-size:20px 20px;}
#dmsc-zf-xz ul li.zfbzf { background:url(../images/zf-zfb.jpg) no-repeat 83px center; background-size:20px 20px;}
#dmsc-zf-xz p { margin:50px auto 20px auto; width:150px;}
#dmsc-zf-xz p a { display:block; margin:0 auto 20px auto; width:150px; line-height:40px; background:#DE1620; border-radius:5px; color:#ffffff;}
#dmsc-zf-xz p a:hover { background:#FF0004;}
.dmsp-ljzf , .sp-qrth { display:block; margin: 30px auto ;  width:150px; line-height:40px; background:#FF0004; border:none; border-radius:5px; font-size:16px; color:#ffffff; cursor:pointer;}

#dmsc-video { margin:20px auto; width:60%;}
#dmsc-video video { width:100%; height:auto;}

/*---详细内容信息dmsc-ppxx区域----*/
#dmsc-ppxx{ margin:20px auto 0 auto; width:98%;}
#dmsc-ppxx h4 { text-align:left; width:100%; line-height:40px; background:#E8E8E8; text-indent:20px;}
.dmsc-ppxx-com { margin:20px 0; padding:0 2%; width:96%;}
.dmsc-ppxx-com p { text-align:left; width:100%; line-height:40px; font-size:15px;}
.dmsc-ppxx-txt { text-align:left; padding-bottom:20px; width:100%; border-bottom:1px solid #E8E8E8; overflow:hidden;}
.dmsc-ppxx-txt li { float:left; width:25%; line-height:30px; font-size:15px;}
.dmsc-ppxx-txt li em { margin-right:2px; font-size:15px; font-style: normal;}
.dmsc-ppxx-img { margin-top:20px; width:100%;}
.dmsc-ppxx-img li { margin-bottom:10px; width:100%;}
.dmsc-ppxx-img li img { width:80%; height:auto;}


/*------订单列表区域 --------*/
.dmsc-zf-lbmc { text-align:center; margin:0 auto 20px auto; width:98%; background:#FDFDFD; border:1px solid #E8E8E8; overflow:hidden;}
.dmsc-zf-lbmc li.dmsc-zf-lbmc1 { float:left; width:40%; line-height:40px;}
.dmsc-zf-lbmc li.dmsc-zf-lbmc2 { float:left; width:30%; line-height:40px;}
.dmsc-zf-lbmc li.dmsc-zf-lbmc3 { float:left; width:20%; line-height:40px;}
.dmsc-zf-lbmc li.dmsc-zf-lbmc4 { float:right; width:10%; line-height:40px;}
.dmsc-zf-list { margin:0 auto 20px auto; padding:10px 0; width:98%; background:#FDFDFD; border:1px solid #E8E8E8; overflow:hidden;}
.dmsc-zf-list-txt { float:left; width:40%; overflow:hidden;}
.dmsc-zf-list-txt dt { float:left; margin-left:2%; width:18%; }
.dmsc-zf-list-txt dt img { width:100%; height:95px;}
.dmsc-zf-list-txt dd { float:right; text-align:left; margin-top:20px; width:78%; line-height:24px; font-size:16px;}
.dmsc-zf-list-jg { float:left; text-align:center; width:30%; line-height:90px; color:#FF0004; font-size:20px;}
.dmsc-zf-list-jg em { margin-right:5px; font-size:17px; font-style: normal;}
.dmsc-zf-list-cz {float:left; text-align:center; width:20%; line-height:90px; color:#FF0004; font-size:18px;}
.dmsc-zf-list-btn {float:right; text-align:center; width:10%; line-height:90px; }

/*---退货信息区域---*/
.dmsc-th-bt , .dmsc-th-time , .dmsc-th-je , .dmsc-th-lx { text-align:left; width:100%; line-height:40px; font-weight:normal; font-size:18px;}
.dmsc-th-time { line-height:30px; font-size:15px;}
.dmsc-th-je { border-top:1px solid #cccccc; font-size:15px; }
.dmsc-th-je em { margin-right:5px; font-size:17px; font-style: normal;}
.dmsc-th-je span { color:#FF0004;}
.dmsc-th-lx { margin-bottom:20px; line-height:30px; border-bottom:1px solid #cccccc; font-size:15px;}
#dmsc-th-btn { text-align:center; margin:30px auto; width:150px; background:#FF0004; border-radius:5px;}
#dmsc-th-btn a { display:block; width:100%; line-height:40px; color:#ffffff;}

/*------支付收银台区域 --------*/
#dmsc-zf { margin-bottom:20px; padding:3%; width:94%; background:#FAFAFA; border-radius:10px;}
#dmsc-zf-com { padding-bottom:20px; width:100%; border-bottom:1px solid #B5B5B5; overflow:hidden;}
#dmsc-zf-coml { float:left; width:70%;}
#dmsc-zf-coml h4 { text-align:left; width:100%;  line-height:40px;}
#dmsc-zf-coml p { text-align:left; width:100%; line-height:20px;}
#dmsc-zf-comr { float:right; text-align:right; width:30%; line-height:50px; color:#DE1620; font-size:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#dmsc-zf-comr em { margin-right:5px; font-size:17px; font-style: normal;}
#dmsc-zf-fs { margin-top:20px; width:100%;}
#dmsc-zf-fs h4 { text-align:center; width:100%; line-height:50px; font-size:22px;}
#dmsc-zf-fs p { margin:0 auto; width:100%;}
#dmsc-zf-fs p img { margin:0 auto; width:250px; height:250px;}

#dmsc-th-fh { margin:40px auto 30px auto; width:344px; overflow:hidden;}
#dmsc-th-fh li { float:left; margin-right:20px; width:150px;}
#dmsc-th-fh li a { display:block; width:100%; line-height:30px; border:1px solid #cccccc; color:#000000;  border-radius:5px;}
#dmsc-th-fh li a:hover { display:block; width:100%; line-height:30px; border:1px solid #FF0004; color:#FF0004;}

/*---动漫商城-个人信息---*/
.main-con-r { text-align:left; margin:0 auto; padding:10px 20px; width:500px;  border:2px solid #C87A78;}
.main-con-r h3 { margin:5px 0; padding-bottom:10px; width:100%; line-height:24px; border-bottom:1px solid #eeeeee; font-size:18px; color:#FF0004; }
.main-con-r h3 .main-con-txt { margin-left:15px; padding-left:15px; border-left:2px solid #A5A5A5; }
.main-con-r h3 .main-con-txt a { color:#0070ff; font-size:16px;}
.main-con-r h3 .main-con-txt a:hover {color:#FF0004;}
.main-con-r dl { margin-bottom:10px; padding-bottom:10px; width:100%; border-bottom:1px solid #eeeeee; overflow:hidden}
.main-con-r dl dt { float:left; width:18%; line-height:26px; background:url(../images/bj9-1.jpg) no-repeat 5px center; font-weight:bold; text-indent:20px; font-size:16px;}
.main-con-r dl dd { float:left; width:82%; line-height:32px; font-size:14px;}
.main-con-r dl dd img  { width:200px; cursor:pointer; }
.main-con-r dl dd span { margin-left:10px; }
.main-con-r dl dd span a {color: #0070ff;}
.main-con-r dl dd span a:hover { color:#FF0004; }

.main-con-r form.xgxx-grxx { margin-top:20px;}

.main-con-r dl dd input { width:80%; line-height:32px; height:32px; text-indent:10px; border:1px solid #BA5654;}
.dmsc-xgxx { display:block; margin:0 auto; width:300px; line-height:40px; background:#FF0004; color:#ffffff; font-size:16px; border:none; border-radius:5px; cursor:pointer;}
.dmsc-tcdl { display:block; text-align:center; margin: 0 auto; width:150px; line-height:30px; font-size:16px;}

#xgqy-txt {margin:40px auto 20px auto; width:300px; overflow:hidden; }
#xgqy-txt a { display:block; text-align:center; float:left; margin-right:20px; width:130px; line-height:38px; background:#FF0004; font-size:15px; color:#ffffff; border-radius:8px;}
#xgqy-txt a:hover { background:#0070ff;}

/*---动漫商城-登陆提示---*/
#tjcjcg { width:100%;}
#tjcjcg h3 , #tjcjcg h4 , #tjcjcg #tjcjcg-bt { text-align:center; margin:30px 0; width:100%; font-size:26px; color:#00B838; }
#tjcjcg-lb { margin:20px auto; width:90%;}
#tjcjcg-lb li { text-align:left; padding:10px 0; width:100%; line-height:26px; border-bottom:1px solid #eeeeee;}
#tjcjcg #tjcjcg-bt {color:#FF0004;}
#tjcjcg-xb-txt { text-align:center; margin-bottom:50px; padding:10px 0; width:100%; line-height:26px; }

/*------内容页面区域 --------*/
#main-com-t { width:940px; overflow:hidden;}
#txt-bt { padding-bottom:20px; float:left; width:510px;}
#crumbs { text-align:left; width:100%; font-size:17px;}
#crumbs a { display:inline-block; margin-right:10px; padding-right:15px; background:url(../images/bj2.jpg) no-repeat right center;}
#txt-bt h4 { text-align:left; margin-top:25px; width:100%; line-height:32px; font-size:24px;}
.txt-zxrx { float:right; width:410px; height:55px;}
.txt-zxrx img { width:100%; height:100%;}

/*---文章内容信息txt-txt---*/
#txt-txt { padding:20px 0 40px 0; width:940px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
#txt-txt p { text-align:left; width:100%; line-height:30px; font-size:16px;}
.txt-com p a { color:#2D6CFD;}
.txt-com p a:hover { color:#FF0000;}

/*---案例文章视频 ---*/
.video-txt { margin:10px auto; width:850px;}
.video-txt video { width:100%; height:auto;} 

/*---文章相关内容信息txt-xg区域 ---*/
#txt-xg { margin:40px 0 10px 0; width:940px; overflow:hidden;}
#txt-xg h4 { text-align:left; margin-left:10px; width:96%; line-height:40px; font-size:18px; font-weight:normal;}
.txt-xg-cn { float:left; width:33.33%;}
.txt-xg-cn p { margin:0 auto; width:94%;}
.txt-xg-cn p img { width:280px; height:180px; object-position: bottom; object-fit: cover;}
.txt-xg-cn dl { margin:0 auto; padding-bottom:10px; width:94%; border-bottom:1px solid #001648;}
.txt-xg-cn dl dt{ text-align:left; width:100%; height:30px; line-height:30px; font-size:16px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.txt-xg-cn dl dd { text-align:left; width:100%; height:24px; line-height:24px; font-size:15px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}


/*---新闻资讯面包屑news-crumbs区域---*/
#news-crumbs { text-align:left; margin:20px 0; padding:0 15px; width:1188px; background:#f4f4f4; border:1px solid #f2f2f2; border-radius:3px; line-height:40px; font-size:15px; color:#666666;}
#news-crumbs a { display:inline-block; margin:0 10px 0 10px; padding-right:20px; line-height:40px; background:url(../images/bj21-1.png) no-repeat right center; color:#666666; font-size:15px;}
#news-crumbs a:hover { color:#f00;}

/*---新闻资讯搜索区域news-search区域---*/
#news-search { position:absolute; top:25px; right:10px; padding-left:25px; width:241px; height:30px; background:#ffffff url(../images/search-bj.png) no-repeat 10px center; overflow:hidden;}
#news-search li { float:left;}
#news-search li#search-txt { width:180px; height:30px; background:#ffffff;}
#news-search li#search-txt input { padding:0 5px; width: 170px; vertical-align:middle ; height:30px; line-height:30px; border:0; border:none; color: #000000; font-size: 15px; outline: none; }
#news-search li#search-btn { width:60px; height:30px; background:#FF0004;}
#news-search li#search-btn input { display: block; margin: 0 auto; width: 60px; height: 30px; line-height: 30px; background: #E94E0C;border: 0; border: none; border-radius: 5px; color: #ffffff; font-size: 15px; cursor: pointer;}
/*---新闻资讯搜索结果数量search-sl区域---*/
#search-sl { text-align:left; padding-bottom:5px; width:100%; line-height:40px; background:url(../images/search-sl-bj.jpg) no-repeat left 9px; border-bottom:1px solid #C9C9C9; text-indent:10px;} 
#search-sl span { color:#E94E0C; font-weight:bold; font-size:16px;}

/*---新闻资讯页面#list-lb样式区域------*/
#list-lb { margin:0 auto; padding:20px 0; width:1220px;}
.list-cn { margin-bottom:30px; padding-bottom:30px; width:100%; background:url(../images/news-lb-bj.png) repeat-x left bottom; overflow:hidden; }
.lb-time { float:left; padding-top:15px; width: 120px; height: 135px;}
.lb-time dt { background:url(../images/news-lb-bj1.jpg) no-repeat 8px center; font-size: 16px; color: #646464;}
.lb-time dd { margin-top:25px; font-size:40px; font-weight:bolder;}

.lb-img { float:left; margin-left:40px; width:240px; height:150px;}
.lb-img img { width:100%; height:100%; object-position: center; object-fit: cover;}

.lb-txt { text-align:left; float:left; margin-left:20px; width:780px; height:120px;}
.lb-txt dt { margin:5px 0 10px 0; width:100%; font-size:18px; font-weight:bold; color:#E94E0C;}
.lb-txt dd.lb-source { margin:15px 0 8px 0; width:100%; line-height:20px; background:url(../images/news-lb-bj2.jpg) no-repeat left center; font-size:14px; color:#7B7B7B; text-indent:18px;}
.lb-txt dd.lb-abstract { width:100%; height:78px; line-height:26px; font-size:15px; color:#7B7B7B; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/*--------------------内容页面页面样式区域---------------------------*/
#web-con { margin:0 auto; width:1220px; }
#web-con h3 { text-align:center; margin:0 2%; padding:50px 0 15px 0; width:96%; line-height:40px; font-size:36px; color:#2D3E50;}
#web-con-nav a { color: #FF0004; font-weight: bold;}
#web-con-nav a:hover {text-decoration:underline;}	

.txt-push { display:block; text-align:center; margin:0 2% 30px 2% ; width:96%; line-height:24px; font-size:18px;  color:#2D3E50;}
.outline { text-align:left; margin:40px 2% 20px; padding: 1%;  width:94%; background: #F9F9F9; color:#9a9a9a; font-size:14px;} 
.txt-com { margin:30px auto; padding-bottom:20px; width:96%; border-bottom:1px solid #FF0004; }
.txt-com p { text-align:left; margin:0 auto 1em; width:96%; line-height:30px; font-size:16px; }
.txt-com div { text-align:left; margin:0 auto 1em; width:98%; line-height:30px; font-size:16px; }
.txt-com img { display:block; margin:0 auto 30px; max-width:90%; height:auto; object-fit: cover;}
.fh-list { display:block; text-align:right; margin:0 2% 30px 2%; width:96%;}

/*-----列表页面web_list区域 -----*/

.web_list_dht { text-align:center; margin:50px auto 30px auto; padding-top:30px; width:100%; border-top: 1px solid #cccccc;}

.web_list_dht ul { width:100%; overflow:hidden;}
.web_list_dht ul li { float:left; margin-right:5px;}
.web_list_dht ul li.active span { color:#FF0004; font-weight:bold;} 

/*---页面索引indexes说明---*/
#indexes { text-align:left; margin:40px auto ; padding: 1%;  width:98%; background: #F9F9F9; color:#9a9a9a; font-size:14px;}

/*---底部版权信息---*/
#copyright a { color: #8F9BB5;}
#copyright a:hover { color: #f00;}

/*---案例展示内容页面 ---*/
.ban{ position:relative;  margin: 0 auto 20px auto; width:850px; height:600px; background:#000000; overflow:hidden; }
.ban2{  position:relative; width:850px; height:500px; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:850px; height:500px;}
#ban_pic1 ul li img { width:850px; height:500px; object-position: center; object-fit: cover;}

.prev{ float:left; cursor:pointer;}
.num{ position:relative; float:left; width:780px; height:82px;overflow:hidden;  }
.min_pic{ padding-top:10px; width:850px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ margin-right:5px; padding:1px; width:150px; height:80px; }
.num ul li.on{ padding:0; border:1px solid red; }
.prev_btn1{ text-align:center; float:left; margin:33px 10px 0 5px; width:20px; height:20px;  cursor:pointer;}
.next_btn1{ text-align:center; float:right; margin:33px 10px 0 5px; width:20px; height:20px; cursor:pointer;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px; z-index:9; cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px; z-index:9; cursor:pointer;}
#ban_num1 ul li img { width:150px; height:80px; object-position: center; object-fit: cover;}

.pop_up{ display:none; position:fixed; -position:absolute; left:50%; top:50%; margin:-255px 0 0 -255px; padding:10px; width:500px; height:500px; background:#fff; z-index:99;}
.pop_up_xx{ position:absolute; top:-40px; right:0; width:40px; height:40px;  cursor:pointer;}
.pop_up2{ position:relative; width:850px; height:500px; overflow:hidden;}
.pop_up2{ position:relative; float:left; width:850px; height:500px; overflow:hidden; }
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ float:left; width:500px; height:500px; }


/*----网站地图website-map----*/
#website-map { margin:30px auto 0 auto; width:90%;}
#website-map h3 { text-align:center; padding:30px 0 60px 0; width:100%; font-size:35px;}
.website-map-com { text-align:left; width:100%;}
.website-map-com h4 { width:100%; background:#E9E9E9; line-height:40px; text-indent:10px;}
.website-map-com p { margin-top:10px; padding:20px 2%; width:96%; }
.website-map-com p a { display:inline-block; margin:0 0 10px 30px; width:auto; line-height:30px;}

/*---------详细页面上一页和下一页区域page-up-down------------*/
#page-up-down { margin-top:80px; padding-top:20px; width:100%; border-top:1px solid #cccccc;}
#page-up-down li { text-align:left; margin:0 auto; width:98%; line-height:30px;}

/*----------------------------------网站适应性代码区域------------------------------------*/
@media(max-width:1480px){
#login-dmsc {top:60px;}
}
@media(max-width:1410px){
/*---精准运营精确推广yytg区域 ---*/
#yytg ul {width:100%;}
#yytg ul li {width:25%;}
#yytg ul li img { width:100%; height:auto;}
}
@media(max-width:1280px){	
/*---距离顶部距离适应性样式---*/	
body {padding-top:131px;}
/*---顶部导航适应性样式---*/
#header-cn { position:relative; width:100%; height:130px;  }
#logo { text-align:left; float:none; padding:5px 0 ;  width:50%; height:60px;}
#nav { float:none; margin-left:0; width:100%; border-top:1px solid #cccccc; }
#nav li { width:10%;}
#nav li.nav-sy { width:10%;}
#nav li a { text-align:center; line-height:50px;}
#nav li .nav-xbbj { background:url(../images/nav-bj.jpg) no-repeat center bottom;}
#service { position:absolute; right:0; top:0; float:none; margin-top:15px;}
#service li { height:40px;}	

#login-dmsc { top:40px;}
}
@media(max-width:1260px){
/*---发展历程fzlc区域 ---*/
#fzlc h3 {width:100%; }
#fzlc-cn {width:99%;}
#fzlc-cn ul {width:100%;}
#fzlc-com { width:100%; height:350px;}
.fzlc-comtxt {padding-left:5%; width:95%;}
}
@media(max-width:1250px){
/*---底部友情链接links区域 ---*/
#links { width:100%;}
#links p { margin:0 auto; width:99%;}
}
@media(max-width:1240px){
/*---网络运营seo优化-#wlyy-seo区域 ---*/
#wlyy-seo { width:100%;}
/*---footer底部footer-t区域---*/
#footer-t-cn { margin:0 auto; width:99%; }
#lxdz { width:40%;}
#zxly { width:60%; }
#zxly-l {width:49%;}
#zxly-l li { padding-left:8%; width:92%;}
#zxly-l li input { margin-left:10px;  width:85%;}
#zxly-r {width:49%;}
/*---footer底部footer-c区域---*/
#footer-c-cn { width:99%; }
#footer-sub-nav {width:70%; }
#footer-rwm {width:30%; }
#footer-rwm ul li {margin-left:2%; width:48%;}
/*---footer底部#footer-r区域---*/
#footer-r-cn { width:100%;}
#footer-r-cn ul { margin:0 auto; width:99%; }
}
@media(max-width:1235px){
/*-------我们能为您做什么wmnzsm区域 -------*/
#wmnzsm { width:100%;}
/*-----合作伙伴hzhb区域 -------*/
#hzhb { width:100%;}
/*-------咨询热线zxrx区域 ---------*/
#zxrx { width:100%;}
/*------公司荣誉gsry区域 ------*/
#gsry { width:100%;}
#scroll { width:100%;}
#scroll .scroll_con {width:100%;}
/*-------行业咨询hyzx区域 -----------*/
#hyzx { margin:0 auto 80px auto; width:99%;}
#hyzx-l {width:49%;}
#hyzx-l p , #hyzx-l p img  { width:100%;}
#hyzx-l dl {width:100%;}
#hyzx-l dl dt { padding:0 3%; width:94%;}
#hyzx-l dl dt a { width:100%;}
#hyzx-l dl dd {padding:0 4%; width:92%; }
#hyzx-r { width:49%;}
.hyzx-com ul li a {width: 80%;} 
.hyzx-com ul li span {width: 20%;}
}
@media(max-width:1220px){
/*---展馆设计---开创展厅新体验kcztxty区域 ---*/
#kcztxty { width:100%;}
#kcztxty h3 {text-align:center; margin:35px 0 0 0; width:100%; }
/*---展馆设计---全景展示qjzs区域 ---*/
#qjzs { width:100%;}
#qjzs-iframe { width:100%; height:600px;}
/*---展馆设计---精彩案例jcal区域 ---*/
.jcal {width:100%;}
.jcal-cn {width:100%;}
.jcal-com1 { width:39.5%;}
.jcal-com2 { left:40.5%; width:35%;}
.jcal-com3 { top:300px; width:24.5%;}
.jcal-com4 { left:25.7%; top:300px;  width:24%;}
.jcal-com5 { left:51%; top:300px;  width:24.5%;}
.jcal-com6 { left:76%; width:24%;}
.jcal-com1 h4 , .jcal-com2 h4 , .jcal-com3 h4 , .jcal-com4 h4 , .jcal-com5 h4 , .jcal-com6 h4 { padding:10px 0 10px 5%; width:95%;}
.jcal-com1 p , .jcal-com2 p , .jcal-com3 p , .jcal-com4 p , .jcal-com5 p { width:100%;}
.jcal-com6 p { width:100%;}



/*---互动产品各区块导航#hdcp-nav ul与各内容hdcp-com区域 ---*/
#hdcp-nav ul { width:100%;}
#hdcp-nav ul li#hdcp-nav1 , #hdcp-nav ul li#hdcp-nav2 , #hdcp-nav ul li#hdcp-nav3 , #hdcp-nav ul li#hdcp-nav4 , #hdcp-nav ul li#hdcp-nav5 { background-image:none;}
.hdcp-com { width:100%;}



/*------宣传策划---专属于您的创意定制! zscydz区域 ---------*/
.zscydz {width:100%;}
/*-----宣传策划---案例展示alzsq区域 ------*/
.alzsq {width:99%;}
.alzsq-bt {width:100%;}
.alzsq-cn { width:100%;}
.alzsq-com {width:25%;}
.alzsq-com dl { width:95%;}
.alzsq-com dl dt {width:100%;}
.alzsq-com dl dt .alzsq-zg-img {width:100%; height:100%;}  
.alzsq-com dl dt img { width:100%; height:100%; }
/*-----宣传策划---我们的优势wmdys区域 -------*/
#wmdys { width:100%;}
#wmdys-cn { width:100%;}
#wmdys-cn-l { width:35%;}
#wmdys-cn-r { width:35%; }
#wmdys-cn-l h4 , #wmdys-cn-r h4 {  width:100%;}
#wmdys-cn-l p {width:100%; }
#wmdys-cn-r p {margin-left:5%; width:95%;}
/*---专业运营所有困惑迎刃而解yrej区域 ---*/
#yrej { margin:0 auto; width:100%;}

/*---网络运营各区块导航#wlyy-nav ul区域 ---*/
#wlyy-nav ul { width:100%;}
/*-----------快照更新wlyy-kzgx区域--------------*/
#wlyy-kzgx { margin: 0 auto;  width:100%;}

/*-短视频营销优势dspyx-yxys区域 -*/
#dspyx-yxys-cn { width:99%;}


/*---网络运营精彩案例wlyy-jcal区域 ---*/
#wlyy-jcal {width:99%;}
.wlyy-jcal-bt {width:100%;}
.wlyy-jcal-cn {width:100%;}
.wlyy-jcal-com1 { width:39.5%;}
.wlyy-jcal-com2 { left:40.5%; width:35%;}
.wlyy-jcal-com3 { top:300px; width:35%;}
.wlyy-jcal-com4 { top:300px; left:36%; width:39.5%;}
.wlyy-jcal-com5 { left:76%; width:24%;}
.wlyy-jcal-com1 h4 , .wlyy-jcal-com2 h4 , .wlyy-jcal-com3 h4 , .wlyy-jcal-com4 h4 , .wlyy-jcal-com5 h4 { padding:10px 0 10px 5%; width:95%; }
.wlyy-jcal-com1 p , .wlyy-jcal-com2 p , .wlyy-jcal-com3 p , .wlyy-jcal-com4 p { width:100%;}
.wlyy-jcal-com5 p { width:100%;}
/*----关于我们内容about-txt区域 ---*/
.about-txt-bt {width:100%;}
.about-txt-com {width:98%; }
/*----在线咨询alzsq-zxrx1区域 ---*/
.alzsq-zxrx1 {width:100%;}
/*---公司团队team区域 ---*/
.team-bt { width:100%;}
#team-user {width:100%;}
.team-user-comh {left:50%; margin:0 auto 0 -85px; }
/*---公司地址gsdz区域 ---*/
.gsdz-bt { width:100%;}
#gsdz span {width:98%; height:auto;}
#gsdz span img { width:100%; height:auto;}
/*------中间内容main区域 --------*/
#main { width:99%;}
#main-left { width:20%;}
#main-left dl dt {padding-left:5%; width:95%;}
#main-left dl dd { width:100%;  }
#main-left dl dd a { padding-left:4%; width:96%; background:#F3F3F3 url(../images/bj1.jpg) no-repeat 90% center; }
#main-left dl dd a:hover { background:#DE1620; color:#ffffff;}
#main-left dl dd#main-nav { padding-left:5%; width:95%; }
#main-left dl dd#main-nav a { width:90%;}
#main-right {width:78%;}
#main-r-com { width:100%;}
#main-r-com dl dt {width:95%;}
#main-r-com dl dd {padding-left:2%; width:93%;}
/*---新闻资讯面包屑news-crumbs区域---*/
#news-crumbs { margin:20px auto; width:100%;}
/*---新闻资讯页面#list-lb样式区域------*/
#list-lb { width:98%;}
.lb-time { padding-top:2%; width: 10%;}
.lb-img {margin-left:5%; width:20%;}
.lb-txt { margin-left:3%; width:60%; }
/*---内容页面页面样式区域---*/
#web-con { margin:0 auto; width:100%; }
/*------内容页面区域-面包屑区域 --------*/
#main-com-t { width:100%;}
#txt-bt { float:none; width:100%;}
.txt-zxrx { display:none;}
/*---文章内容信息txt-txt---*/
#txt-txt {width:100%;}
/*---案例文章视频 ---*/
.video-txt { width:90%;}
/*---文章相关内容信息txt-xg区域 ---*/
#txt-xg {width:100%;}
.txt-xg-cn { float:left; width:33.33%;}
.txt-xg-cn p { margin:0 auto; width:94%;}
.txt-xg-cn p img { width:100%;}

/*---案例展示内容页面 ---*/
.ban{ position:relative;  margin: 0 auto 20px auto; width:850px; height:600px; background:#000000; overflow:hidden; }
.ban2{  position:relative; width:850px; height:500px; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:850px; height:500px;}
#ban_pic1 ul li img { width:850px; height:500px; object-position: center; object-fit: cover;}


.prev{ float:left; cursor:pointer;}
.num{ position:relative; float:left; width:780px; height:82px;overflow:hidden;  }
.min_pic{ padding-top:10px; width:850px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ margin-right:5px; padding:1px; width:150px; height:80px; }
.num ul li.on{ padding:0; border:1px solid red; }
.prev_btn1{ text-align:center; float:left; margin:33px 10px 0 5px; width:20px; height:20px;  cursor:pointer;}
.next_btn1{ text-align:center; float:right; margin:33px 10px 0 5px; width:20px; height:20px; cursor:pointer;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px; z-index:9; cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px; z-index:9; cursor:pointer;}
#ban_num1 ul li img { width:150px; height:80px; object-position: center; object-fit: cover;}

.pop_up{ display:none; position:fixed; -position:absolute; left:50%; top:50%; margin:-255px 0 0 -255px; padding:10px; width:500px; height:500px; background:#fff; z-index:99;}
.pop_up_xx{ position:absolute; top:-40px; right:0; width:40px; height:40px;  cursor:pointer;}
.pop_up2{ position:relative; width:850px; height:500px; overflow:hidden;}
.pop_up2{ position:relative; float:left; width:850px; height:500px; overflow:hidden; }
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ float:left; width:500px; height:500px; }

}
@media(max-width:1209px){
.qsys , #qsys-pxtd h3 , .qsys-team , .qsys-new { width:100%;}
#qsys-pxtd p { margin:0 auto; width:98%;}	
}
@media(max-width:1209px){
.alzsq-zxrx1 , .alzsq-zxrx2 { width:100%;}
/*---餐饮设计区域---*/
.cysjqy { width:100%;}
} 
@media(max-width:1170px){
/*-一站式网络品牌推广服务qllyx-tgfw区域 -*/
#qllyx-tgfw { text-align:center; width:98%; height:auto; background:url(../images/qllyx-tgfw-bj1.jpg) no-repeat center 10px;}
#qllyx-tgfw h4 { padding:500px 0 10px 0;}
#qllyx-tgfw p { margin:10px 0 30px 0;}
#qllyx-tgfw span a { margin:0 auto 30px auto;}

/*-一对一服务qllyx-ydyfw区域 -*/
#qllyx-ydyfw { height:auto; background:url(../images/qllyx-yxll-bj1.jpg) no-repeat center bottom;}
#qllyx-ydyfw-cn {width:100%; height:auto; background:url(../images/qllyx-yxll-bj2.jpg) no-repeat center top;}
#qllyx-ydyfw-com { margin:0 auto; padding-top:450px; width:380px;}
#qllyx-ydyfw-com h5 { width:100%; color:#B1AEAD; font-size:30px; font-weight:normal;}
#qllyx-ydyfw-com h5 i { color:#F6A440; font-size:30px; font-style: normal;}
#qllyx-ydyfw-com h5 span { display:block; width:100%; line-height:40px; color:#EFEEEA; font-size:15px;}
#qllyx-ydyfw-com h4 { margin:20px 0 40px 0; width:100%; color:#F6A440; font-size:35px; font-weight:normal; }
#qllyx-ydyfw-com h6 { width:100%; height:44px;}
#qllyx-ydyfw-com h6 img { width:100%; height:100%;}
#qllyx-ydyfw-com p { width:100%; line-height:70px; color:#B1AEAD; font-size:16px;}

/*---公司实力gssl区域---*/
.gssl-cn { width:100%; }
/*-------我们能为您做什么wmnzsm区域 ------*/
.wmnzsm-comy ul li { width:55%;}
/*------公司荣誉gsry区域 ------*/
.gsry-tc-com {padding:10% 0 0 0; }
/*---footer底部footer-t区域---*/
#footer-t {height:700px; }
#lxdz { float:none; margin:0 auto 20px auto; padding-top:50px; width:90%; }
#lxdz li {margin:0 auto; width:80%; }
#zxly { float:none; margin:0 auto; padding-top:50px; width:90%; }
#zxly-r p textarea , #zxly-r .ljtj-btn input { width:90%;}
#zxly-r .ljtj-btn { width:100%;}
}

@media(max-width:1140px){
/*------网站建设区域 --------*/
#yrej-cn { background:none;}
}

@media(max-width:1110px){
#about-video { position:inherit; margin:10px auto; width:80%;}
#about-video video { width:100%; height:auto; }

/*-设施硬实力：专业拍摄基地/加快布局直播业务dspyx-jdyw1-3区域 -*/
.dspyx-jdyw1-3 {height:auto;}
.dspyx-yxjs1-3com {width:98%; height:auto; background:url(../images/dspyx-yxjs1-3-img1.jpg) no-repeat center 30px;}
.dspyx-yxjs1-3com2 { background:url(../images/dspyx-yxjs1-3-img3.jpg) no-repeat center 20px;}
.dspyx-yxjs1-3com h4 { text-align:center; padding:630px 0 10px 0; width:100%; line-height:60px;}
.dspyx-yxjs1-3com p { margin: 0 auto 30px auto; padding-bottom:30px; width:96%; }

/*-服务软实力：资深运营服务/多行业全辐射dspyx-fffs2-4区域 -*/
.dspyx-fffs2-4 { height:auto; }
.dspyx-fffs2-4com { width:98%; height:auto; background:url(../images/dspyx-yxjs2-4-img2.jpg) no-repeat center -50px;}
.dspyx-fffs2-4com2 { background:url(../images/dspyx-yxjs2-4-img4.jpg) no-repeat center 0;}
.dspyx-fffs2-4com h4 {position:inherit; top:0; right:0;  text-align:center;  padding:520px 0 10px 0; width:100%; }
.dspyx-fffs2-4com p { position:inherit; top:0; right:0; margin: 0 auto 30px auto; width:96%; }
.dspyx-fffs2-4com2 h4 { padding:560px 0 0 0; }

/*-广告营销业务qllyx-ggyxyw区域 -*/
#qllyx-ggyxyw { padding-bottom:30px;}
#qllyx-ggyxyw p { margin-top:20px;}
#qllyx-ggyxyw h4 { margin-bottom:20px; }
#qllyx-ggyxyw-cn { width:98%; }

/*-广告切换qllyx-ggtab区域 -*/
#qllyx-ggtab {width:100%;}
#qllyx-ggtab ul { width:96%;}
#qllyx-ggtab ul li { margin-bottom:10px; width:33.33%;}

.qllyx-ggtab-com { padding-top:20px; background:url(../images/news-lb-bj.png) repeat-x left top;}
.qllyx-ggtab-coml { float:none; width:100%; height:400px; }
.qllyx-ggtab-comr { float:none; margin:0 auto; width:98%;}
.qllyx-ggtab-comr dl { text-align:center;}
.qllyx-ggtab-comr span { text-align:center; margin:50px auto 10px auto;}

/*-朋友圈广告营销链路qllyx-yxll区域 -*/

.qllyx-yxll1-3com {width:100%; height:auto; background:url(../images/qllyx-yxll-img1.jpg) no-repeat center 30px;}
.qllyx-yxll1-3com2 { background:url(../images/qllyx-yxll-img3.jpg) no-repeat center 30px;} 
.qllyx-yxll1-3com h5 { position:inherit; top:0; right:0; text-align:center; padding-top:530px; width:100%; }
.qllyx-yxll1-3com p.qllyx-yxll-txt { position:inherit; top:0; right:0; text-align:center; margin:0 auto; width:95%; }
.qllyx-yxll1-3com span { position:inherit; top:0; right:0; text-align:center; margin:20px auto 0 auto; width:180px}
.qllyx-yxll1-3com span a { margin:30px auto;}

.qllyx-yxll2-4com { padding-bottom:10px; width:100%; height:auto; background:url(../images/qllyx-yxll-img2.jpg) no-repeat center 30px; }
.qllyx-yxll2-4com2 {background:url(../images/qllyx-yxll-img4.jpg) no-repeat center 30px; }
.qllyx-yxll2-4com h5 { text-align:center; padding-top:530px; width:100%;}
.qllyx-yxll2-4com p.qllyx-yxll-txt {text-align: center; margin:0 auto; width:95%;}
.qllyx-yxll2-4com span { display:block; text-align:center; margin:20px auto; }
.qllyx-yxll2-4com span a { margin:30px auto;}

/*---新闻列表time时间---*/
.lb-time dt { background:none;}
}
@media(max-width:991px){
.mkhzx-txt { margin:0 auto; width:95%; height:auto;}
}
@media(max-width:975px){
/*-------行业咨询hyzx区域 -----------*/
.hyzx-com ul li a {width: 72%;} 
.hyzx-com ul li span {width: 28%;}
/*-一站式营销服务 突破企业&品牌营销困境seo-yzsysfw区域-*/
.seo-yzsysfw-comc {  width:99%; }
.seo-yzsysfw-comc h5 {width:98%; }
.seo-yzsysfw-comc p {width:95%x; }
/*---footer底部footer-c区域---*/
#footer-sub-nav { text-align:center; width:100%; }
#footer-sub-nav dl dt , #footer-sub-nav dl dd { text-align:center;}
#footer-rwm { padding-bottom:15px;width:100%; border-bottom: 1px solid #525252; }
#footer-rwm h5 { text-align:center; margin-top:15px; padding-top:15px; border-top: 1px solid #525252;  }
#footer-rwm ul li {margin-left:2%; width:48%;}
#footer-r-cn ol li { margin-bottom:10px; width:25%;}
/*---动漫商城---*/
.dmsc-flsp { width:50%;}
/*---公司团队team区域 ---*/
.team-user-com {width:33.33%;}
}
@media(max-width:930px){
/*-------我们能为您做什么wmnzsm区域 ------*/
.wmnzsm-com { margin-bottom:20px; width:50%;}
/*---合作伙伴hzhb区域 ---*/
#hzhb ul li { width:25%;}	
}
@media(max-width:920px){
/*---公司实力gssl区域---*/
.gssl-cn dl dt { line-height:64px; font-size:40px;}
.gssl-cn dl dd { line-height:30px; font-size:15px;}
/*---科技新体验kjxty区域 ---*/
#kjxty-cn {width:100%;}
#kjxty-cn h3 {font-size:40px;}
/*-------我们能为您做什么wmnzsm区域 -------*/
#wmnzsm { margin:30px auto 40px auto; width:100%;}
/*---精准运营精确推广yytg区域 ---*/
#yytg ul li { margin-bottom:20px; width:50%;}
#yytg ul li img { width:348px; height:64px;}
}
@media(max-width:900px){
.cysj-com-cn span {width:90%; }
.cyyzfw { width:50%;}
}
@media(max-width:890px){
/*-品牌声量传播seo-ppslcb区域*/
#seo-ppslcb { text-align:left; padding:10px 0 40px 0; width:100%; height:540px; background:url(../images/wlyy-seo-bj1.jpg) no-repeat center 5px;}
#seo-ppslcb h4 { text-align:center; padding-top:400px; text-indent:0;}
#seo-ppslcb ul { text-align:center; margin-top:30px;}
#seo-ppslcb ul li { text-indent:0;}
/*-品牌销售三大原则seo-ppxsyz区域 -*/
#seo-ppxsyz-cn { padding:60px 2%; width:96%;}
.seo-ppxsyz-comc dl { text-align:center; margin:0 auto; width:90%; height:138px; background:none;}
/*-我们服务过的案例seo-alzs区域 -*/
#seo-alzs ul li {width:20%;}
}
@media(max-width:870px){
/*-----------短视频营销wlyy-dspyx区域--------------*/
#dspyx-txt p { width:98%; }
}
@media(max-width:850px){
/*------公司荣誉gsry区域 ------*/
.gsry-tc-com img {width:90%;}
/*-----宣传策划---我们的优势wmdys区域 ------*/
#wmdys-cn { background:none; }
#wmdys-cn-l { float:none; margin:0 auto; width:90%;}
#wmdys-cn-r { display:none;}
#wmdys-cn-l h4  { text-align:center; margin-bottom:25px; line-height:70px; border-bottom:1px solid #f00 ;}
#wmdys-cn-l p { text-align:left; margin:0 auto 20px auto; padding:5px 3%; width:90%; line-height:24px; border:1px solid #f00; border-radius:20px; font-size:15px;  }
/*------中间内容main区域 --------*/
.main-r-zxrx { display:none;}

/*------网站建设区域 --------*/
#yrej-cn-t dl dt, #yrej-cn-f dl dt {
	margin:0 auto;
}
#yrej-cn-t dl dd, #yrej-cn-f dl dd { font-size:18px;}

}
@media(max-width:830px){
.dmsclist-com dl dd.dmsc-jc { font-size:20px;}
.dmsclist-com dl dd.dmsc-jc em {font-size:15px; }
}

@media(max-width:825px){
/*---公司实力gssl区域---*/
.gssl-cn dl dd { margin:0 auto; width:90%; line-height:22px;}
/*---全国咨询热线qgrxzx区域 ---*/
#qgrxzx-cn {width:100%;}
#qgrxzx-cn h3 { width:100%;  font-size:26px; }
/*---合作伙伴hzhb区域 ---*/
#hzhb ul li { width:33.33%;}
#main-r-com dl {width:50%;}
}
@media(max-width:800px){
/*-----宣传策划---案例展示alzsq区域 end------*/
.alzsq-com { float:left; margin-bottom:16px; width:50%;}
.alzsq-com dl dt { height:200px;}
/*---文章相关内容信息txt-xg区域 ---*/
.txt-xg-cn p img { height:110px;}
/*---餐饮设计案例区域 ---*/
.cyal-cn { width:50%;}
}
@media(max-width:715px){
#footer-t {height:auto;}
#zxly-l { float:none; margin:0 auto; width:80%;}
#zxly-r { float:none; margin:0 auto; width:85%;}
.ljtj-btn { margin-bottom:20px;}
/*---精准运营精确推广yytg区域 ---*/
#yytg ul li { margin-bottom:20px; width:100%;}
/*------宣传策划---专属于您的创意定制! zscydz区域 ---------*/
.zscydz-com { margin-bottom:10px; width:50%;}
.zscydz-com-cn {width:80%;}
}
@media(max-width:700px){

#nav li a { font-size:15px;}

/*---科技新体验kjxty区域 ---*/
#kjxty-cn h3 {font-size:30px;}	
/*---合作伙伴hzhb区域 ---*/
#hzhb ul li { width:50%;}
/*------公司荣誉gsry区域 ------*/
.gsry-tc-com {padding:15% 0 0 0; }
/*-------行业咨询hyzx区域 -----------*/
#hyzx { margin:0 auto 30px auto;}
#hyzx-l { float:none; margin:0 auto 10px auto; width:99%;}
#hyzx-r { float:none; margin:0 auto; width:99%;}  
/*---展馆设计---开创展厅新体验kcztxty区域 ---*/
.kcztxty-com { float:left; margin-bottom:10px; width:50%;}
.kcztxty-com-cn { width:92%;}
/*------中间内容main区域 --------*/
#main { width:98%;}
#main-left dl dt { font-size:19px;}
#main-left dl dd a {  background:#F3F3F3; font-size:14px; }
}
@media(max-width:660px){
.service1 { display:none;}
#main-r-com dl dt {height:150px;}
}
@media(max-width:590px){
/*---公司团队team区域 ---*/
.team-user-com {width:50%;}
}