*{margin:0px; padding:0px;}
body{ font-family:"微软雅黑","黑体"; font-size:12px;color:#000000;}
a{ color:#000000; text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ color:#000000;}
h1{font-size:18px; color:#000000;}
ul{ list-style-type:none;}
img{ border:none;}
.imgmid{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle}/*定义图片居中*/
/*定义全局样式*/

#webbody{width:100%; height:auto; float:left; float:none; }
#mainbody{width:88%; height:auto; float:left;  padding:0 6%;}
/*定义主框架*/

#header_nav{width:100%; height:auto; float:left; float:none;position:fixed;top:0;left:0; z-index:9; }
#header{width:88%; height:84px; float:left; background-color:rgba(255,255,255,0.9); padding:0 6%;}
.logo_left{width:25%; height:84px; float:left; }
.nav-wrap{width:70%; height:82px; float:left; line-height:82px; text-align:right; }
.group:after{visibility:hidden;display:block;content:"";clear:both;height:82px;}
*:first-child+html .group{zoom:1} /* IE7 */
#example-one{margin:0 auto;list-style:none;height:82px;  position:relative;width:100%; float:left; }
#example-one li{ display:block; float:left; height:82px; text-align:center; margin-right:8.5%; display:inline; overflow:hidden; float:right;}
#example-one a{ font-size:16px;float:left;text-decoration:none;}
#example-one a:hover{color:#e70116;}
#magic-line{position:absolute;bottom:-2px;left:0; border-bottom:solid 1px #e70116; left:-40px; color:#e70116; }
.current_page_item a{ color:#e70116;!important }
.ie6 #example-one li, .ie7 #example-one li{display:inline}
/*定义导航*/
.logo_right{width:5%; height:84px; float:left;}
.logo_right a{ margin-top:27px; float:right;}
.demo ul{position:relative;padding:0;margin:0;font-size:12px; float:left;}
.demo ul li{visibility:hidden;position:absolute;top:65px;left:-50px;width:116px;height:124px; z-index:100000000000000000000;}/*显示li的内容的定位*/
.demo ul:hover li,.demo ul a:hover li{visibility:visible;}/*鼠标经过ul时，显示li的内容*/
/*弹出微信*/
.qq{width:28px; height:28px; float:left;background: url(../images/qq.png) no-repeat; display:block; }
.wei{width:28px; height:28px; float:left;background: url(../images/wei.png) no-repeat; display:block;}
/*头部*/

.home_banner{width:100%; height:950px; float:left; text-align:center;}
.fullSlide{width:100%;position:relative;height:950px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:950px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:950px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:15px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:13px;height:13px;margin:4px 5px;overflow:hidden;background:url(../images/an.png) no-repeat center;line-height:999px;}
.fullSlide .hd ul .on{background:url(../images/an_1.png) no-repeat center; width:13px; height:13px;}
.fullSlide .prev{display:block;position:absolute;z-index:1;top:50%;left:6%;z-index:1;width:26px;height:49px; background:url(../images/left.png) no-repeat;cursor:pointer;display:none;}
.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;z-index:1;width:26px;height:49px;background:url(../images/right.png) no-repeat;cursor:pointer;display:none;left:auto;right:6%;}
/*banner*/


#service{width:100%; height:auto; float:left; float:none; }
#service_nav{width:88%; height:auto; float:left;  padding:0 6%; margin-top:55px;}
#service_title{width:68%; height:auto; float:left;  margin-bottom:40px; line-height:30px; margin-top:10px; } 
#service_title font{ font-size:46px; color:#000000; float:left} 
#service_title span{ font-size:22px; color:#363636;border-bottom:solid 2px #ee8728; margin-left:15px; display:inline; float:left; margin-top:2px; line-height:30px;} 
.main_two_a{ float:left; width:100%; height:auto;}
.main_two_a_bt{ width:38%; height:auto; float:left;border-bottom:solid 1px #ededed;}
.main_two_a_bt li{ float:left;width:100%; height:auto; }
.main_two_a_bt li a{width:100%; height:100px; float:left;  color:#363636; border:solid 1px #ededed; border-right:none;border-bottom:none; padding:2px; padding-right: 0px;}
.main_two_a_bt li a img{ float:left} 
.main_two_a_bt li a p{ float:left; padding-top:23px;} 
.main_two_a_bt li a font{ line-height:30px; font-size:18px; color:#363636;} 
.main_two_a_bt li a span{  color:#888888; font-size:13px;}  
.main_two_a_bt li.hover a{ border:solid 3px #4f5efd; border-right:none; padding:0px;background:url(../images/s_bg.jpg) no-repeat right; }
.ttkx_two{width:62%; height:auto; float:left; overflow:hidden; }
.ttkx_two img{ height:715px; float:left; text-align:center}
/*图标*/

#products{width:100%; height:auto; float:left;}
#products_title{width:100%; height:auto; float:left;background:#f5f5f5; font-size:40px;  text-align:center; line-height:50px; color:#000; padding:60px 0px; margin-top:55px;}
#products_title1{width:100%; height:auto; margin:auto auto; margin-top:60px; text-align:center}
#products_title font{ font-size:17px; color:#5d5c5c;}
#products_title1 td{ font-size:17px; color:#5d5c5c;line-height:58px; text-align:center}
#products_nav{width:100%; height:auto; float:left;}
#products_nav_1{width:88%; height:auto; float:left;  padding:0 6%; background:#f5f5f5;}
.case-body{display: block;width: 100%;overflow: hidden;}
.case-body ul{display: block;margin: 0 -1px;}
.case-body li{display: block;width: 33.33%;float: left;}
.case .case-body.show li{-webkit-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);display: block;}
.case-body li .content{display: block;}
.case-body li .content .pic{display: block;overflow: hidden;position: relative;}
.case-body li .content .pic img{display: block;width: 100%; -webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.case-body li .content:hover .pic img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.case-body li .content .pic .icon{position: absolute;display: block;width: 83px;height: 87px;top:50%;margin-top: -41.5px;left:50%;margin-left: -43.5px;background: url(../images/hexagon-icon.png) no-repeat center;opacity: 0;filter:alpha(opacity=0);-webkit-transform: scale(2);-ms-transform: scale(2);-o-transform: scale(2);transform: scale(2);-webkit-transition: 0.5s linear;-o-transition: 0.5s linear;transition: 0.5s linear;}
.case-body li .content:hover .pic .icon{-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;filter:alpha(opacity= 100);}
.case-body li .content .info{display: block;height: 86px;line-height: 86px;padding: 0 42px 0 42px;background-color: #fff;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; border-right:solid 1px #f5f5f5;text-overflow:ellipsit; overflow:visible; white-space:nowrap;}
.case-body li .content:hover .info{background-color: #ffe100;border-right:solid 1px #f5f5f5;height: 86px;}
.case-body li .content .info h4{display: block;float: left; font-weight:normal; }
.case-body li .content .info h4 a{color: #000;font-size: 19px;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.case-body li .content .info .enter{position: relative;display: block;float: right;}
.case-body li .content .info .enter a{display: block;float: left;width: 30px;height: 20px;border-radius: 50%;margin-top: 32px;-webkit-transition: border 0.3s linear;-o-transition: border 0.3s linear;transition: border 0.3s linear;}
.case-body li .content .info .enter .computer-icon{background:url(../images/icon.png) 5px no-repeat;}
.products_more{width:25%; height:auto; margin:auto auto; margin-top:80px;}
.products_more a{width:100%; height:55px; float:left; line-height:55px; font-size:16px; color:#fff; text-align:center;  margin-bottom:80px; background:#ff8400;}
.products_more a:hover{ font-size:16px; color:#fff; background:#000;}
/*首页案例*/

#img_title{width:100%; height:auto; float:left; font-size:40px;  text-align:center; line-height:50px; color:#000; }
#img_title font{ font-size:17px; color:#5d5c5c;}
/**/
.main_one_a{ float:left; width:100%; height:auto; margin-top:65px;}
.main_one_a_bt{ width:100%; height:auto;}
.main_one_a_bt ul{ width:32%; height:auto; float:right; text-align:right;}
.main_one_a_bt li{width:24.5%;  float:left; margin-left:2px;}
.main_one_a_bt li a{width:100%; height:50px; float:left; line-height:50px; font-size:16px; color:#000; text-align:center; background:#fff; }  
.main_one_a_bt li.hover a{ color:#fff; background:#6699ff;}
.ttkx{width:100%; height:auto; float:left; margin-top:10px; margin-bottom:40px; }
.news_p_one{width:32%; height:auto; float:left; margin-right:2%; margin-bottom:2%  }
.news_p_one a.news {width:auto; height:auto;  float:left; padding:23px 38px; background:#ffffff;}
.news_p_one a.news:hover .news_p_one_right_wz{ border-bottom:solid 1px #6699ff;}
.news_p_one a.news:hover .news_p_one_right_title{ color:#6699ff;}
.news_p_one_right_title{width:100%; float:left; height:auto;font-size:18px; line-height:28px; margin-top: 10px; margin-bottom: 6px;}
.news_p_one_right_nr{width:100%; float:left; height:50px; overflow:hidden; font-size:16px;color:#676767; line-height:26px; margin-top:8px;}
.news_p_one_right_wz{width:100%; float:left; height:50px; color:#a0a0a0; font-size:14px;line-height:50px; border-bottom:solid 1px #dadada;}
.news_p_one_left{ height:auto; width:100px; float:left;  font-size:13px; color:#626262;line-height:31px; padding-top:35px;}
.news_p_one_left font{ font-size:51px; color:#000; font-family:Arial, Helvetica, sans-serif;}
.news_p_one_a{ height:19px; width:19px; float:right; margin-top:47px;}
/*新闻*/

#footer{width:100%; height:auto; float:left;background:#1e1e1e;}
#footer_nav{width:88%; height:auto; float:left;  padding:0 6%; margin:45px 0px; color:#999999;}
#footer_nav a{color:#999999; font-size:14px;}
#footer_nav a:hover{ text-decoration:underline; color:#eee;}
.footer_1{width:13%; height:auto; float:left;}
.footer_1_title{width:100%; height:45px; float:left; font-size:16px; }
.footer_1_title span{ font-size:24px; border-bottom:solid 1px #999999; padding-bottom:15px;letter-spacing:4px; }
.footer_1_nr{width:100%; height:auto; float:left; margin-top:15px;}
.footer_1_nr ul li{ line-height:35px;}
.footer_2{width:35%; height:auto; float:left;}
.footer_2_title{width:100%; height:45px; float:left; font-size:16px; }
.footer_2_nr{width:auto; height:auto; float:left; line-height:30px; font-size:13px;}
.footer_2_nr h1{ color:#fff; font-size:38px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;border-bottom:solid 1px #282828; padding-bottom:22px; margin-bottom:10px;}
.footer_3{width:13%; height:auto; float:left; text-align:right;}
#footer_bottom{width:88%; height:50px; line-height:50px; float:left;  padding:0 6%; background:#1e1e1e; border-top:solid 1px #252525; color:#999999;}
.footer_wz{width:30%; height:auto; float:left;text-align:right;  }
.footer_wz A{ color:#eee;}
.footer_wz23{width:70%; height:auto; float:left;  }
/*底部*/
/*首页完成*/

.box1{width:100%; height:850px; float:left;}
.box1.list_about{background:#f7b324 url(../images/about_img.jpg) no-repeat center top;}
.box1.list_news{background:#d4b78b url(../images/news_img.jpg) no-repeat center top;}
.box1.list_case{background:#e60621 url(../images/img.jpg) no-repeat center top;}
.box1.list_contact{background:#535e70 url(../images/contact_img.jpg) no-repeat center top; margin-top: -16px;}
.box1.list_website{background:#84bad2 url(../images/web_img.jpg) no-repeat center top;}
.box1.list_shoot{background:#000000 url(../images/shoot_img.jpg) no-repeat center top; margin-top: -16px;}
.box1.list_video{background:#000000 url(../images/video_img.jpg) no-repeat center top; margin-top: -16px;}
.box1.list_designer{background:#e3eef4 url(../images/designer_img.jpg) no-repeat center top;}
.box1.list_taobao{background:#f6ddb3 url(../images/shop_img.jpg) no-repeat center top;}
.box1.list_3d{background:#222 url(../images/3d.jpg) no-repeat center top;}
/*定义内页BANNER*/

.box2{width:100%; height:450px; float:left;}
.box2.list_case_detail{background:#e70012 url(../images/case_img.jpg) no-repeat center top;}
.box2.list_news_detail{background:#d4b78b url(../images/news_img.jpg) no-repeat center top;}
/*定义内页BANNER*/

#shoot_title{width:100%; height:auto; float:left; font-size:40px;  text-align:center; line-height:45px; color:#222; padding:55px 0px 40px 0px; }
#shoot_title font{ font-size:18px; color:#5d5c5c;}
/*摄影标题*/

.products_title{width:100%; height:137px; float:left; text-align:center;background:url(../images/pro1.png) no-repeat center; margin-top:55px; overflow:hidden;}
.list_title{width:100%; height:auto; float:left;  margin-top:60px; margin-bottom:57px;}
.list_title ul li{width:12%; height:auto; float:left; text-align:center;}
.list_title ul li a{width:auto; height:auto; color:#222;font-size:17px;  display:block; padding-top:65px; }
.products_title{width:100%; height:137px; float:left; text-align:center;background:url(../images/pro1.png) no-repeat center; margin-top:65px; overflow:hidden;}
#li_1{background:url(../images/11.png) no-repeat center top; }
#li_1:hover{ background:url(../images/11_a.png) no-repeat center top; color: #00a7b7;}
#li_11{ background:url(../images/11_a.png) no-repeat center top; color: #00a7b7;}
#li_2{background:url(../images/22.png) no-repeat center top; }
#li_2:hover{ background:url(../images/22_a.png) no-repeat center top; color: #00a7b7; }
#li_22{background:url(../images/22_a.png) no-repeat center top; color: #00a7b7}
#li_3{background:url(../images/33.png) no-repeat center top; }
#li_3:hover{ background:url(../images/33_a.png) no-repeat center top; color: #00a7b7;}
#li_33{ background:url(../images/33_a.png) no-repeat center top; color: #00a7b7;}
#li_4{background:url(../images/44.png) no-repeat center top; }
#li_4:hover{ background:url(../images/44_a.png) no-repeat center top; color: #00a7b7; }
#li_44{ background:url(../images/44_a.png) no-repeat center top; color: #00a7b7;}
#li_5{background:url(../images/55.png) no-repeat center top; }
#li_5:hover{ background:url(../images/55_a.png) no-repeat center top; color: #00a7b7; }
#li_55{ background:url(../images/55_a.png) no-repeat center top; color: #00a7b7;}
#li_6{background:url(../images/66.png) no-repeat center top; }
#li_6:hover{ background:url(../images/66_a.png) no-repeat center top; color: #00a7b7; }
#li_66{ background:url(../images/66_a.png) no-repeat center top; color: #00a7b7;}
/*分类*/
.the_page2{width:100%;float:left;  height:auto;  margin-top:80px; margin-bottom:80px; text-align:center}
.the_page2 a{  padding:16px 20px; margin:10px 10px; display:inline; color:#222; background:#e5e5e5; font-size:14px;}
.the_page2 a:hover{ background:#ffe100;}
.the_page2 a.page_a{background:#ffe100; padding:18px 20px; font-family:"宋体";}
/*分页*/
.pro_an{width:100%; height:100px; float:left; text-align:center;background:#ec0623 url(../images/pro_bg.jpg) no-repeat center; color:#fff; font-size:30px; padding-top:50px;}
.pro_an a{ border:solid 1px #fff;  padding:6px 40px; color:#fff; font-size:17px; margin-left:50px; display:inline;}
.pro_an a:hover{ border:solid 1px #fff; background:#fff; padding:8px 40px; color:#ec0623; }
/*更多*/
#case_detail{width:100%; height:auto; float:left;}
#case_detail_nr{width:88%; height:100px; line-height:100px; float:left;  padding:0 6%; background:#fff; font-size:30px;}
#case_detail_nr a{width:284px; height:52px; background:#6699ff; color:#fff; text-align:center; line-height:52px; display:block; font-size:16px; float:right; margin-top:24px;}
#case_detail_nr a:hover{ background:#4980ed; }
#case_detail_an{width:100%;float:left;  height:auto; margin-top:60px; text-align:center; padding-bottom:50px;}
#case_detail_an a{padding:16px 140px;background:#ff8400; font-size:18px; color:#fff;}
#case_detail_an a:hover{ background:#000; }
/*案例结束*/

/*网站建设页开始*/
.web_nav_title{width:100%;float:left;  height:auto;  text-align:center; font-size:48px; background:url(../images/h.jpg) no-repeat center bottom; padding-bottom:32px; margin-top:55px;}
.web_nav_title_1{width:100%;float:left;  height:auto;  text-align:center; font-size:48px; background:url(../images/h1.jpg) no-repeat center bottom; padding-bottom:25px; margin-top:55px;}
.web_nav_nr{width:100%;float:left;  height:auto;}
.web_an{width:20%;float:left;  height:auto; text-align:center; margin-top:60px;}
.web_an_img{width:100%;float:left;  height:auto; margin:20px 0px;}
.web_an_title{width:100%;float:left;  height:auto; font-size:20px; line-height:38px;}
/*定义网站建设优势*/
#web_1{width:100%; height:815px; float:left;background:#fcaa2a url(../images/web_bg1.jpg) no-repeat center top; margin-top:100px;}
#web_11{width:88%; height:auto; float:left;  padding:0 6%; margin:125px 0px;}
.web_1_title{width:100%; height:auto; float:left; font-size:40px; color:#fff; font-weight: bold; }
.web_1_title1{width:100%; height:auto; float:left; font-size:28px; color:#fff;line-height:65px;}
.web_1_title1 span{ width:80px; height:4px; float:left; background:#fff;}
.web_1_nr{width:100%; height:auto; float:left; font-size:20px; color:#fff; margin-top:38px; line-height:38px;}
.web_1_morer{width:100%; height:auto; float:left;overflow:hidden; margin-top:10px;}
.web_1_morer span{width:215px; height:60px; float:left; font-size:18px; margin-top:42px; background:#fff; text-align:center; line-height:60px;border-radius:30px}
.web_1_morer span font{ font-size:40px; padding:0px 3px;}
.web_1_a{width:100%; height:auto; float:left; }
.web_1_a a{width:215px; height:59px; float:left; font-size:25px; color:#fff; margin-top:34px; line-height:59px; text-align:center; background:url(../images/tb.png) no-repeat;}
.web_1_a a:hover{color:#000; background:url(../images/tb_a.png) no-repeat;}
#web_2{width:100%; height:815px; float:left;background:#756bff url(../images/web_bg2.jpg) no-repeat center top;}
#web_22{width:34%; height:auto; float:left;  padding:0 6%; margin:125px 0px; margin-left:54%; }
#web_3{width:100%; height:815px; float:left;background:#ff724a url(../images/web_bg3.jpg) no-repeat center top;}
#web_4{width:100%; height:815px; float:left;background:#26baf8 url(../images/web_bg4.jpg) no-repeat center top;}
#web_5{width:100%; height:815px; float:left;background:#129d5a url(../images/web_bg5.jpg) no-repeat center top;}
#web_6{width:100%; height:815px; float:left;background:#27d3c0 url(../images/web_bg6.jpg) no-repeat center top;}
/*介绍*/
.web_nav_nr1{width:100%; height:526px; background:url(../images/web_g.gif) no-repeat center; float:left;margin-top:80px; margin-bottom:80px;}
#web_7{width:100%; height:689px; float:left;background:#22596e url(../images/web_bg.jpg) no-repeat center top;}
#web_77{width:88%; height:auto; float:left;  padding:0 6%; margin:85px 0px;}
.web_77_left{width:32%; height:auto; float:left; color:#fff; margin-top:38px;}
.web_77_left_t{width:100%; height:auto; float:left; font-size:40px;}
.web_77_left_w{width:100%; height:auto; float:left; font-size:22px; margin-top:40px;}
.web_77_left_w font{font-size:36px;}
.web_77_left_m{width:100%; height:auto; float:left; border-bottom:solid 1px #c6c6c6; border-top:solid 1px #c6c6c6; margin-top:30px; padding:39px 0px; }
.web_77_left_m a{ margin:0px 10px; display:inline; float:left}
.demo01{ float:left;}
.demo01 ul{position:relative;padding:0;margin:0;font-size:12px; float:left}
.demo01 ul li{visibility:hidden;position:absolute;top:75px;left:-30px; z-index:100000000000000000000;}/*显示li的内容的定位*/
.demo01 ul:hover li,.demo ul a:hover li{visibility:visible;}/*鼠标经过ul时，显示li的内容*/
/*弹出微信*/
.wei01{width:60px; height:60px; float:left;background:url(../images/web_contact2.png) no-repeat; display:block;}
.web_77_left_b{width:80%; height:auto; float:left; background:url(../images/web_contact_d.png) no-repeat 5px; padding-left:70px; font-size:18px; margin-top:39px;}
.web_77_right{width:55%; height:auto; float:left; background:#fff; margin-left:5%; display:inline; padding:3% 4%}
.web_77_right_t{width:100%; height:auto; float:left; font-size:40px;}
.web_77_right_n{width:100%; height:auto; float:left;}
.the_inquiry_web{width:100%; height:auto; float:left; overflow:hidden; }
.the_inquiry_web input.input_f_web{width:93.8%; height:74px;  line-height:25px;background:#ffffff; border:solid 1px #ddd;color:#bbb; font-size:18px; color:#323232; padding:0 3%; margin-top:17px;}
.the_inquiry_web input.input_f_web1{width:86%; height:74px;  line-height:25px;background:#ffffff; border:solid 1px #ddd;color:#bbb; font-size:18px; color:#323232; padding:0 6%; margin-top:17px;}
.the_inquiry_web textarea { height: auto; width:93.8%; border:solid 1px #ddd; background:#ffffff; color:#bbb;font-size:18px; padding:1.5% 3%; margin-top:17px;font-family:"微软雅黑","黑体";}

.send1_web{width:100%; height:74px; float:left; background:#4961f5;  margin-top:17px;line-height:74px;font-size:18px; color:#fff; text-align:center;}
.send1_web:hover{ background:#4258df;  color:#fff;}
/*定义留言*/
/*网站建设完成*/

.list_body_nr_news{width:100%; height:auto; float:left;}
.news_title{width:100%; height:auto; float:left; margin-top:60PX;}
.news_title ul li{width:23.5%; float:left; margin-left:2%;}
.news_title a font{ font-size:13px; color:#fff; text-transform:uppercase;}
#li_5 a{ width:84%; height:auto; float:left; background:#2bddc9; font-size:20px; color:#fff; padding:22px 8%; line-height:20PX;}
#li_5 a:hover{background:#22cebb;}
#li_5 a.liat_a{background:#22cebb;}
#li_6 a{ width:84%;  height:auto; float:left; background:#f8b62b; font-size:20px; color:#fff; padding:22px 8%;  line-height:20PX; }
#li_6 a:hover{background:#f8a42b;}
#li_6 a.liat_a{background:#f8a42b;}
#li_7 a{ width:84%;  height:auto; float:left; background:#6bcc6d; font-size:20px; color:#fff; padding:22px 8%; line-height:20PX;}
#li_7 a:hover{background:#57bb59;}
#li_7 a.liat_a{background:#57bb59;}
#li_8 a{ width:84%;  height:auto; float:left; background:#6699ff; font-size:20px; color:#fff; padding:22px 8%;  line-height:20PX;}
#li_8 a:hover{background:#5788eb;}
#li_8 a.liat_a{background:#5788eb;}
/*新闻导航*/
.list_p_one_list_T_01{width:100%; height:auto; float:left; margin-top:55PX;}
.list_p_img_T_01{width:18%; height:234px; float:left; text-align:center; background:#2bddc9; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-top:58px; }
.list_p_img_T_01 h1{ font-size:75px; color:#fff;font-family:Arial, Helvetica, sans-serif; line-height:80px;}
.list_p_img_T_01 FONT{font-size:22px; line-height:30px; }
.list_p_img_T_01 span{font-size:14px; border-bottom:solid 1px #fff; line-height:24px; padding-bottom:8px;}
.list_p_title_T_01{width:82%; height:288px; float:left; background:#f7f7f7;  }
.list_p_title_T_01 a.news_aaaaa{width:88%; height:180px; float:left; border:solid 1px #f7f7f7;background:#f7f7f7; padding:55px 6% ; border-left:none;}
.list_p_title_T_01 a.news_aaaaa:hover{ border:solid 1px #2bddc9; color:#000; border-left:none;}
.list_p_title1_T_01{width:100%; height:AUTO; float:left;font-size:25px; }
.list_p_title1_T_02{width:100%; height:auto; line-height:28PX; float:left; margin-top:30px; font-size:15px; color:#555;}
.list_p_title2_T_more{width:100%; height:auto; float:left; color:#838383; font-size:14px;margin-top:40px;}
/*定义本把新闻*/
.list_p_one_list_T_01_s{width:100%; height:auto; float:left;  margin-top:55PX; background:#f7f7f7;}
.list_p_img_T_01_s{width:23.5%; height:auto; float:left; text-align:center; overflow:hidden;}
.list_p_img_T_01_s img{height: 320px;position: relative;left: 50%;transform: translate(-50%, 0%);}
.list_p_title_T_01_s{width:64.5%; height:210px; float:left; padding:55px 6%; background:#f7f7f7;}
.list_p_title1_T_01_s{width:100%; height:AUTO; line-height:40PX; float:left;font-size:15px; color:#555;line-height:28PX;}
.list_p_title1_T_01_s A{ font-size:30px; color:#000; }
.list_p_title1_T_01_s A:hover{ text-decoration:underline; }
.list_p_title2_T_more01{width:100%; height:auto; float:left; color:#838383; font-size:14px; line-height:48px; margin-bottom:15px;}
/*定义本把新闻*/
.right_nr_title1{width:100%; height:auto; line-height:70px; float:left; text-align:center; border-bottom: solid 1px #eaeaea; font-size:36px; padding-bottom:20px; }
.the_time{width:100%; line-height:50px; height:50px; float:left;  font-size:16px; color:#555; text-align:center; margin-top:10px; }
.right_nr_nr{width:100%; height:auto; float:left; margin-top:30px; overflow: hidden; text-align:left}
.right_nr_nr p{ line-height:40px;font-size:16px;}
.right_nr_nr a{ font-weight:bold}
.right_nr_nr a:hover{ text-decoration:underline; color:#e84228;}
.news_p_nr01{width:100%; height:auto; float:left; margin-top:50px;}
.news_p_nr01 a{ float:left; width:48%; height:50px; line-height:50px;background:#fff; text-align:center; font-size:16px; margin-right:2%; display:inline;}
.news_p_nr01 a:hover{ background:#fff; color:#4980ed; text-decoration:underline;}
/*新闻详情-结束*/

.about_nr{width:100%; height:auto; float:left; margin-top:80px;}
.about_right{width:45%; height:auto;float:left; text-align:center}
.about_right img{ width:95%;}
.about_left{width:55%; height:auto; float:left; margin-top:20px; }
.about_left a{ color:#000;text-decoration:underline;}
.about_left a:hover{ color:#fe851a; text-decoration:underline;}
.about_left h1{ font-size:32px; font-weight: normal; }
.about_left font{ font-size:18px; color:#444; line-height:40px;border-bottom:solid 1px #ec9f00; padding-bottom:10px;}
.about_left p{ font-size:17px; color:#444; line-height:38px; margin-top:45px;}
.a_title{width:auto; height:38px; float:left; line-height:38px; background:#4961f5; font-size:16px; color:#fff;border-radius:30px;cursor:pointer; padding:0px 18px; }
.a_nr{width:100%; height:auto; float:left; font-size:17px; color:#444; line-height:38px; margin-top:10px;}
#products_title1_a{width:100%; height:auto; float:left; margin:80px 0px;}
#products_title1_a td{ font-size:17px; color:#5d5c5c;line-height:24px; text-align:center}
#products_title1_a td font{ font-family:Arial, Helvetica, sans-serif; font-size:68px; color:#333333; padding-left:45px;}
#products_title1_a td span{ font-size:20px; color:#333333; padding-left:8px;}
/**/
#about2{width:100%; height:633px; float:left; background:#312b31 url(../images/about_bg2.jpg) no-repeat center;}
#about2_nav1{width:88%; height:auto; float:left;  padding:0 6%; margin:60px 0px;}
.about2_title{width:100%; height:auto; float:left; text-align:center; background:url(../images/about_title.png) no-repeat center; font-size:32px; color:#fff;}
.about2_title font{ font-size:20px;}
.about2_nr{width:100%; height:auto; float:left; margin-top:90px; }
.mainbody{width:100%; height:auto; float:left; }
.wid1002{width:100%; margin:0 auto;}
.hl_main5_content{width:100%; height:auto; border-top:none; }
.hl_main5_content1{width:94%; height:350px; overflow:hidden; float:left; }
.hl_main5_content1 ul{width:3000px; height:auto; overflow:hidden;}
.hl_main5_content1 ul li{float:left;width:206px; height:auto; margin:0px 50px; display:inline; margin-bottom: 50px;}
.hl_scrool_leftbtn{width:3%; height:50px; background:url(../images/left.png) no-repeat; cursor:pointer; float:left; margin-top:75px;}
.hl_scrool_rightbtn{width:3%; height:50px; background:url(../images/right.png) no-repeat right; cursor:pointer; float:right; margin-top:80px; }
/*定义滚动  */
.team_p{width:222px; height:auto; float:left;}
.team_p_img{width:222px; height:243px; float:left;}
.team_p_title{width:222px; height:auto; float:left; color:#ddd; font-size:16px; text-align:center; margin-top:20px; line-height:30px;}
.team_p_title h1{ font-size:22px; font-weight:normal; color:#fff}
/*团队人员*/
.about_title{width:100%; height:auto; float:left; text-align:center; background:url(../images/about_title.png) no-repeat center; font-size:32px; margin-top:60px; }
.about_title font{ font-size:20px; color:#606060;}
.about_nr{width:100%; height:auto; float:left; margin-top:50px; margin-bottom:30px; }
.Partner_p_one{width:32%; height:auto; float:left; margin-left:2%; margin-bottom:2%; background:#ffffff; }
.Partner_p_one a.ali{width:80%; height:auto; float:left; padding:9% 10%;}
.Partner_p_one a.ali:hover{  box-shadow:2px 4px 8px 1px #dedede; }
.Partner_p_one_img{width:100%; float:left; height:auto; }
.Partner_p_one_wz{width:100%; float:left; height:auto; font-size:18px; line-height:38px; margin-top:30px;}
/*合作商*/
#about3{width:100%; height:824px; float:left; background:#312b31 url(../images/about_bg3.jpg) no-repeat center;}
#about3_nav1{width:88%; height:auto; float:left;  padding:0 6%; margin:60px 0px;}
.main_one_b{ float:left; width:100%; height:auto;}
.main_one_b_bt{ width:20%; height:auto;}
.main_one_b_bt ul{ width:100%; height:auto; float:left;}
.main_one_b_bt li{width:100%;  float:left; margin-top:8px;}
.main_one_b_bt li a{width:94%; height:132px; float:left; line-height:132px; font-size:26px; color:#000; text-align:center; background:#fff url(../images/a1.png) no-repeat;color:#000; padding-left:6%; }  
.main_one_b_bt li.hover a{color:#fff; background:#6699ff url(../images/a1_a.png) no-repeat;}
.main_one_b_bt li a.a1{background:#fff url(../images/a1.png) no-repeat;color:#000; }  
.main_one_b_bt li .a1:hover{ color:#fff; background:#6699ff url(../images/a1_a.png) no-repeat; }
.main_one_b_bt li a.a2{background:#fff url(../images/a2.png) no-repeat;color:#000; }  
.main_one_b_bt li .a2:hover{ color:#fff; background:#6699ff url(../images/a2_a.png) no-repeat; }
.main_one_b_bt li a.a3{background:#fff url(../images/a3.png) no-repeat;color:#000; }  
.main_one_b_bt li .a3:hover{ color:#fff; background:#6699ff url(../images/a3_a.png) no-repeat; }
.main_one_b_bt li a.a4{background:#fff url(../images/a4.png) no-repeat;color:#000; }  
.main_one_b_bt li .a4:hover{ color:#fff; background:#6699ff url(../images/a4_a.png) no-repeat; }
.ttkx_about{width:70.3%; height:442px; float:left; background:#fff; margin-top:8px; margin-left:8px; display:inline; padding:55px 4%}
.ttkx_about_t{ width:auto; height:auto; float:left;background: url(../images/h.png) no-repeat bottom; font-size:26px; line-height:50px; padding-bottom:20px;}
.ttkx_about_n{width:100%; height:auto; float:left; font-size:16px; line-height:34px; margin-top:28px;}
/*招聘*/
/*关于我们*/

.contact_title{width:100%; height:102px; float:left; text-align:center;background:url(../images/contact_t1.jpg) no-repeat center; margin-top:75px; overflow:hidden;}
.contact_title1{width:100%; height:102px; float:left; text-align:center;background:url(../images/contact_t2.jpg) no-repeat center; margin-top:75px; overflow:hidden;}
.contact_title2{width:100%; height:102px; float:left; text-align:center;background:url(../images/contact_t3.jpg) no-repeat center; margin-top:75px; overflow:hidden;}
.contact_nr{width:100%; height:auto; float:left;margin-top:55px;}
.contact_p_one{width:23.5%; height:330px; float:left; margin-right:2%; display:inline; background:#ffe2e2; text-align:center; }
.contact_p_one_img{width:100%; height:80px; float:left; margin:50px 0px;}
.contact_p_one_title{width:90%; height:80px; float:left; font-size:17px; line-height:26px; margin:0 5%; color:#444444;}
.contact_p_one_title h1{ font-size:23px; font-weight:normal; line-height:40px; margin-bottom:15px;}
/*联系我们*/
.the_inquiry{width:100%; height:auto; float:left; overflow:hidden;}
.the_inquiry tr{width:50%; height:auto; float:left; }
.the_inquiry tr td{width:100%; height:auto; float:left; margin-bottom:28px; }
.the_inquiry input.input_f{width:94%; height:70px;  line-height:70px; border:solid 1px #dcdcdc; color:#9c9c9c; font-size:16px; padding:0px 3%}
.the_inquiry textarea { height: 230px; width:89.5%;border:solid 1px #dcdcdc; color:#9c9c9c;font-size:16px; padding:20px 3%; margin-left:4%; display:inline;font-family:"微软雅黑","黑体";}
.send1{width:100%; height:72px; float:left; background:#6699ff;line-height:72px;font-size:18px; color:#fff; text-align:center;margin-left:4%; display:inline;}
.send1:hover{ background:#5b8ced;  color:#fff;}
/*定义留言*/
.contact_nr1{width:100%; height:auto; float:left;margin-top:55px; border:solid 1px #dcdcdc; border-left: none; margin-bottom:70px;}
.contact_nr1 td{ width:25%; text-align:center;border-left:solid 1px #dcdcdc; padding:10px 4%; font-size:16px; color:#444444; line-height:30px;}
.contact_nr1 font{ width:100%; height:7px; display:block; float:left; margin:13px 0px; background:url(../images/contact_h.jpg) no-repeat center;}
.contact_nr1 td span{ font-size:24px; }
/*联系我们-结束*/

#designer_t{width:100%; height:501px; float:left; background:#ffcc01 url(../images/mei_6.jpg) no-repeat center top;}
#designer_t_1{width:88%; height:auto; float:left;  padding:0 6%; margin-top:25px; font-size:18px;}
#designer_t_1 td{width:20%; text-align:center; line-height:30px;  }
#designer_t_1 td a{ width:100%; height:401px; float:left; display:block; padding-top:100px; color:#fff; }
#designer_t_1 td a:hover{background:#ffa219;}
#designer_t_1 td a.a1{background:#ffa219;}  
#designer_t_1 td a h1{ font-size:34px; color:#fff; font-weight:normal; line-height:75px;}
#designer3{width:100%; height:auto; float:left; background:#fdfdfd url(../images/mei_bg.jpg) repeat-x bottom;}
#designer3_1{width:88%; height:auto; float:left;  padding:0 6%; margin:80px 0px 30px 0px;}
.designer_nav_nr01{width:100%; height:auto; float:left; text-align:center;}
.designer_nav_nr01 img{ width:100%}
/**/
#designer1{width:100%; height:982px; float:left; background:#fe4200 url(../images/mei_2.jpg) no-repeat center top;}
.designer_nav_title{width:100%; height:auto; float:left; text-align:center; font-size:64px; color:#fff;font-weight:bold;}
.designer_nav_title p{ font-size:32px; font-weight:normal;}
#designer1_1{width:100%; height:auto; margin:auto auto; margin-top:100px; font-size:18px;}
.designer_nav_nr_1{width:100%; height:auto; float:left;}
.mei_1{width:auto; height:auto; float:left;}
.mei_1_title{width:auto; height:53px;}
.mei_1_title span{height:53px; float:left; padding:0px 10px; background:#fff; font-size:23px; color:#fe3a00; line-height:53px; font-weight:bold; border-radius:5px; display:block;}
.mei_1_nr{width:auto; height:auto; float:left; font-size:18px; color:#fff; margin-top:15px;}
/**/
#designer11{width:100%; height:auto; float:left; background:#f7f9fa url(../images/mei_3.jpg) no-repeat center bottom;}
#designer_nav5656{width:88%; height:auto; float:left;  padding:0 6%; margin-top:25px; font-size:18px;}
.designer_nav_title1{width:100%; height:auto; float:left; text-align:center; font-size:48px; color:#000000;}
.designer_nav_img{width:100%; height:auto; float:left; text-align:center; margin:40px 0px; margin-bottom:120px;}
.designer_nav{width:100%; height:auto; float:left; padding:60px 0px;}
.designer_nav td{ text-align:center;}
.designer_nav td img{ width:70%;}
.designer_nav_nr{width:74%; height:auto; margin:0 auto; float:left;padding:0px 13%; margin-top:35px; text-align:center}
.de_nav{width:153px; height:153px; float:left; margin:0px 2%; display:inline; margin-top:50px; padding-top:40px;}
.de_nav a{width:103px; height:63px; display:block;text-align:center; padding:45px 25px; background:url(../images/m1.png) no-repeat center; color:#fff; font-size:24px; font-weight:bold;}
.de_nav a:hover{background:url(../images/m1_a.png) no-repeat center;}
#designer1_11{width:100%; height:256px; margin:auto auto; font-size:18px; background:url(../images/mei_wz.png) no-repeat center; margin-bottom:100px; text-align:center}
#designer1_11 ul li{ float:left; line-height:64px; width:100%;font-size:24px; color:#999;}
/**/
#designer2{width:100%; height:1067px; float:left; background:url(../images/mei_4.jpg) no-repeat center top;}
#designer2_1{width:100%; height:auto; margin:auto auto; margin-top:100px;}
#designer_nav_nr_1{width:62%; height:550px; float: left; background: #fafdff url(../images/mei_5.jpg) no-repeat center; border-radius:5px; padding: 30px 0; margin: 0 19%; display:inherit; margin-top: 62px;}
#designer_nav_nr_1 td{ font-size:22px;color: #251600; line-height: 70px;}
/**/
#designer4{width:100%; height:1121px; float:left; background:url(../images/mei_7.jpg) no-repeat center top; margin-top:2px;}
.designer_nav td{width:20%; text-align:center; line-height:30px;  }
.designer_nav td h1{ font-size:26px; color:#fff; font-weight:normal; line-height:55px;}
.designer_nav ul li{ float:left; margin-left:3%; display:inline; margin-bottom:35px;}
/**/
#designer5{width:100%; height:892px; float:left; background:#fe4300 url(../images/mei_8.jpg) no-repeat center top;}
.designer_nav_title1 span{ text-align:center; font-size:30px; color:#fff; background:#fe4400; border-radius:50px; padding:10px 20px;}
/*美工外包*/

.side{position:fixed;width:60px;height:240px;right:0;top:50%;z-index:100; margin-top:-120px}
.side ul li{width:60px;height:60px;float:left;position:relative;}
.side ul li .sidebox{position:absolute;width:60px;height:60px;top:0;right:0;transition:all 0.3s;background:#6699ff;opacity:1;filter:Alpha(opacity=100);color:#fff;font:17px/60px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:60px;height:60px;line-height:60px;display:inline-block;background:#6699ff;opacity:1;filter:Alpha(opacity=100);transition:all 0.3s;border-radius:2px 2PX 0PX 0PX;cursor:pointer;}
.side ul li .sidetop:hover{background:#6699ff;opacity:1;filter:Alpha(opacity=100);}
.side ul li .sidetop1{width:60px;height:60px;line-height:60px;display:inline-block;background:#6699ff;opacity:1;filter:Alpha(opacity=100);transition:all 0.3s;border-radius: 0PX 0PX 2px 2PX;cursor:pointer;}
.side ul li .sidetop1:hover{background:#6699ff;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
/*悬浮*/

.white_content {position:fixed; top:50%; margin-top:-299px;  left: 50%;margin-left:-227.5px;display:none; width: 455px; height: 564px; background-color: white; z-index:1002; overflow: auto;  background: url(../images/xuan_bg.png) no-repeat; padding-top:35px;}
.xuan_nav{width:100%; height:auto; float:left;  text-align:center; margin-top:30px;}
.xuan_nav_title span{font-size:22px; color:#fff;}
.xuan_nav_title{width:100%; height:auto; float:left; font-size:42px; color:#fff; text-align:center;letter-spacing:6px; line-height:45px;}
.xuan_nav_tel{width:100%; height:auto; float:left; font-size:34px; color:#fff; text-align:center;}
.xuan_nav_img{width:100%; height:auto; float:left;  text-align:center; margin-top:35px;}
.xuan_nav_an{width:95%; height:62px; float:left; color:#222222; font-size:18px; vertical-align:middle; margin-top:59px; line-height:62px;}
.xuan_nav_an img{ padding-right:8px; vertical-align:middle;}
.black_overlay{ position: absolute; top:0; left:0; width: 100%; height: 100%; background:none; z-index:1001;  display:none; }
.white_content a{ position:absolute; margin-left:-45px;}
/*摄影页面弹出*/

.xuan_case{ height:388px; width: 300px;  position:absolute; z-index:999999999999; position:fixed;bottom:10px;left:10px;text-align:center; color:#fff;}
.xuan_case_t{height:300px;  width: 300px; background-color:rgba(230,0,18,0.9); padding:19px 0px;}
.xuan_case_title{width:100%; height:auto; float:left; font-size:20px; color:#fff; text-align:center; line-height:30px;}
.xuan_case_tel{width:100%; height:auto; float:left; font-size:26px; color:#fff; text-align:center;}
.xuan_case_img{width:100%; height:auto; float:left;  text-align:center; margin-top:15px;}
.xuan_case_b{height:50px;  width: 300px; background:#ff6c00; line-height:50px; }
.xuan_case_b img{ padding-right:5px; vertical-align:middle;}
.xuan_case_b a{ font-size:17px; color:#fff; }
/*案例详情悬浮*/

#products_nav_1_case{width:100%; height:auto; float:left;  padding:0; background:#f5f5f5; text-align:center;}
/*2022年新增*/
#designer_t_2022{width:100%; height:auto; float:left; min-width: 1200px; padding-top:40px;background:#f5f5f5;}
#designer_t_2022_1{width:88%; height:auto; float:left;  padding:0 6%; font-size:18px;}
#designer_t_2022_1 td{width:20%; text-align:center; background:#222; }
#designer_t_2022_1 td a{ width:100%; height:220px; float:left; display:block; color:#fff; padding-top:10px; }
#designer_t_2022_1 td a:hover{background:#ffa219;}
#designer_t_2022_1 td a.a1{background:#ffa219;}  
#designer_t_2022_1 td a h1{ font-size:34px; color:#fff; font-weight:normal; line-height:75px;}
.web_nav_nr1_2022{width:100%; height:526px; background:url(../images/web_g1.gif) no-repeat center; float:left;margin-top:80px; margin-bottom:80px;}
/*2023年新增*/
#products_nav_3d{width:92%; height:auto; float:left; padding:68px 4%;  background:#ffffff;}
#sd_nav{ width:24%; height:560px; float:left; background: url(../images/3d_bg1.jpg) no-repeat center top; background-size:100% 100%; margin-left:1%; display:inline; }
#sd_nav a:hover{ text-decoration:underline;}
.sd_nav_1{width:100%; height:auto; float:left; margin-top:25px;}
.sd_nav_1_img{width:100%; height:82px; float:left; text-align:center}
.sd_nav_1_title{width:100%; height:auto; float:left; text-align:center;font-size:18px; color:#fff; font-weight:bold;}
#sd_nav1_k{ width:24%; height:auto; float:left; margin-left:1%; display:inline;}
#sd_nav1{ width:94%; height:426px; float:left; background:url(../images/3d_bg2.jpg) no-repeat center top; background-size:100% 100%;  padding:0px 3%; }
#sd_nav1_title{width:92%; height:100px; background:#702ff3 url(../images/3d_t1.png) no-repeat right bottom; float:left; color:#fff;  padding-left:8%; padding-top:34px;}
#sd_nav1_k font{ font-size:16px; line-height:30px;}
#sd_nav1_k a{font-size:32px; color:#fff;}
.sd_nav_2{width:50%; height:auto; float:left; margin-top:22px;}
.sd_nav_2_img{width:100%; height:auto; float:left; text-align:center}
.sd_nav_2_img img{ width:75px}
.sd_nav_2_title{width:100%; height:auto; float:left; text-align:center;font-size:22px; color:#fff; line-height:38px;}
#sd_nav2{width:94%; height:426px; float:left; background:url(../images/3d_bg3.jpg) no-repeat center top; background-size:100% 100%;  padding:0px 3%;}
#sd_nav1_title1{width:92%; height:100px; background:#3f91e7 url(../images/3d_t2.png) no-repeat right bottom; float:left; color:#fff;  padding-left:8%; padding-top:34px;}
#sd_nav3{width:94%; height:426px; float:left; background:url(../images/3d_bg4.jpg) no-repeat center top; background-size:100% 100%;  padding:0px 3%;}
#sd_nav1_title2{width:92%; height:100px; background:#2ec8cc url(../images/3d_t3.png) no-repeat right top; float:left; color:#fff;  padding-left:8%; padding-top:34px;}
/**/
.box_img{width:100%; height:558px; float:left;}
.box_img.list_3d_img{background:#030917 url(../images/3d_img.jpg) no-repeat center top;}
/*三维页面*/
#servie_0{width:88%; height:942px; float:left; background:#ffcf03; padding:0 6%; overflow:hidden;}
#servie_title{width:100%; height:65px; float:left; text-align:right; padding-top:60px;}
#servie_0_nav{width:100%; height:817px; float:left;  background:white; box-shadow:0px 0px 22px #fe9f1d;}
.servie_0_left{width:45%; height:817px; float:left;background: url(../images/taobao0.jpg) no-repeat center bottom; text-align:center;}
.servie_0_left img{ margin-top:90px;}
.servie_0_right{width:55%; height:817px; float:left;background: url(../images/taobao1.jpg) no-repeat center bottom;}
#servie_1{width:88%; height:942px; float:left; background:#fe9402; padding:0 6%; overflow:hidden;}
#servie_1_nav{width:100%; height:817px; float:left;  background:white; box-shadow:0px 0px 22px #ea6300;}
.servie_1_left{width:45%; height:817px; float:left;background: url(../images/taobao2.jpg) no-repeat center; text-align:center;}
.servie_1_right{width:55%; height:817px; float:left;background:#ffffff; text-align:center;}
.servie_1_right_t{width:100%; height:auto; float:left; font-size:56px; margin-top:156px; font-weight:bold;}
.servie_1_right_m{width:100%; height:auto; float:left; font-size:30px; color:#222222; margin-top:20px;}
.servie_1_right_img{width:92%; height:auto; float:left; font-size:30px; color:#222222; margin-top:90px; line-height:40px; text-align:center; padding:0 4%}
.servie_1_right_img td{ text-align:center; font-size:26px; padding:0 4%;}
.servie_1_right_img td img{ width:100%;}
#servie_2{width:88%; height:auto; float:left; background:#fe6102; padding:0 6%; overflow:hidden;}
#servie_2_nav{width:100%; height:auto; float:left;  background:white; box-shadow:0px 0px 22px #e25001;}
.servie_title1{width:100%; height:207px; float:left;background:#3b70fe url(../images/taobao_title.jpg) no-repeat center; text-align:center}
.servie_title1 span{ width:100%; height:auto; text-align:center; display:block;color:#fff; font-size:14px; float:left;}
.servie_title1 h3{width:100%;  height:auto; text-align:center; display:block;color:#fff; font-size:56px; float:left; margin-top:50px;}
.servie_2_nav_w{width:100%; height:auto; float:left; font-size:30px; color:#222222; margin-top:60px; line-height:48px; text-align:center}
.servie_2_nav_w td{ text-align:center; font-size:22px; padding:0 2%}
.servie_2_nav_w td img{ width:100%;}
.servie_2_nav_z{width:94%; height:auto; float:left; font-size:30px; color:#222222; margin-top:60px; line-height:48px; text-align:center; border:solid 1px  #e1edff; border-left: none;border-bottom:none; margin:50px 3%}
.servie_2_nav_z td{ text-align:center; font-size:22px; padding:20px 3%; border-bottom:solid 1px  #e1edff; border-left:solid 1px  #e1edff;}
.servie_2_nav_z td img{ width:100%;}
#servie_3_nav{width:100%; height:817px; float:left; background:#ffffff url(../images/taobao3.jpg) no-repeat left; box-shadow:0px 0px 22px #fe9f1d;}
.servie_title2{width:151px; height:817px; float:left;background:url(../images/taobao_title.png) no-repeat left; padding-left:70px;}
.servie_title2 span{ width:18px; height:817px; text-align:center; display:block;writing-mode:vertical-lr; color:#fff; font-size:14px; float:left;}
.servie_title2 h3{ width:100px; height:817px; text-align:center; display:block; writing-mode:vertical-lr; color:#fff; font-size:56px; float:left;}
/*雷竞技下载官网装修*/
#products_nav_2023{width:100%; height:auto; float:left;  background:#ffffff;}
#shoot_title_2023{width:100%; height:auto; float:left; text-align:center; line-height:52px; padding:55px 0px 40px 0px; }
#shoot_title_2023 font{ font-size:34px; color:#181818;  font-style:italic; background:url(../images/2023_t.png) no-repeat left; padding-left:70px;}
#shoot_nr{width:100%; height:auto; float:left;}
#shoot_nr_conet{width:100%; height:564px; float:left;background:url(../images/shoot_img_2023.jpg) no-repeat center; text-align:center}
body,h5,ol,p,ul {margin: 0;}
ol,td,ul {padding: 0}
.index .maincnt .imglist ul {display: -webkit-box;display: -ms-flexbox;display: flex}
.index .maincnt .imglist ul li {width: 20%;position: relative;overflow: hidden;}
.index .maincnt .imglist ul li .picbox {position: relative}
.index .maincnt .imglist ul li .picbox img {width: 100%;-webkit-transition: all .3s ease;transition: all .3s ease}
.index .maincnt .imglist ul li .picbox .outerinfo_wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 1;padding: 65px 30px;background-color: rgba(0, 0, 0, .2);color: #fff;font-family: DinMedium;position: absolute;top: 0;left: 0;-webkit-transition: opacity .5s ease;transition: opacity .5s ease;width: 100%;height: 100%;}
.index .maincnt .imglist ul li .picbox .outerinfo_wrapper .top { width:52px; height:48px;}
.index .maincnt .imglist ul li .innertitle {position: absolute;bottom: 0;left: 0;background-color: #000;width: 100%;padding: 30px 50px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .5s ease;transition: all .5s ease}
.index .maincnt .imglist ul li .innertitle h5 {color: #fff;font-size: 18px;line-height: 1;font-weight: 200}
.index .maincnt .imglist ul li .innertitle span {display: block;margin: 16px 0 20px;width: 22px;height: 1px;background-color: #4e4e4e}
.index .maincnt .imglist ul li .innertitle p {color: hsla(0, 0%, 100%, .3);overflow: hidden;line-height: 1.5}
.index .maincnt .imglist ul li .innertitle div {margin-top: 20px;color: #fff;font-size: 14px;line-height: 1;font-weight: 200}
.index .maincnt .imglist ul li .innertitle i {display: block;margin-top: 42px;font-size: 24px;color: #fff;line-height: 1;}
@media screen and (min-width: 991px) {
.index .maincnt .imglist ul li:hover img {-webkit-transform: scale(1.12);transform: scale(1.12);-webkit-transition: all .3s ease;transition: all .3s ease}
.index .maincnt .imglist ul li:hover .outerinfo_wrapper {opacity: 0;-webkit-transition: opacity .5s ease;transition: opacity .5s ease}
.index .maincnt .imglist ul li:hover .innertitle {-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition: all .5s ease;transition: all .5s ease}
}
@-webkit-keyframes fadeInUp{0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
/*摄影标题-补*/