@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html{height:100%;}
body{height:100%; color:#444; font-size:14px; font-family:"Arial", "微软雅黑";}
ul, ol { list-style:none;} 
img{max-width:100%;}
img,fieldset{vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#777; font-size:15px; font-family: "Open Sans"; vertical-align:middle;}
input:focus,textarea:focus{outline:none;}
a{color:#444; text-decoration:none; transition:0.5s;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.w1300{max-width:1300px; margin:0 auto;}
.w1300:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}

::-webkit-scrollbar{width:0; background:#eaeaea;}
::-webkit-scrollbar-thumb{background:#444;}  

.sy_bt{color:#fff; margin-bottom:60px;}
.sy_bt .sy_bt_t{font-size:36px; line-height:30px; text-transform:uppercase; padding-bottom:20px; position:relative;}
.sy_bt .sy_bt_t:after{content:""; width:36px; height:3px; background:#ff0014; position:absolute; bottom:0; left:0;}
.sy_bt .sy_bt_b{font-size:22px; line-height:22px; margin-top:22px;}


/*top*/
.top_bj{width:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:2;}
.top{max-width:inherit;}
.top .logo{height:100px; float:left; display:table; padding:0 20px; background:#ff000f; position:relative; transition:all 0.5s;}
.top .logo img{max-height:66px; transition:all 0.5s;}
.top .logo a{display:table-cell; vertical-align:middle;}

.top .top_lx_bj{height:100px; float:left; display:table; padding:0 20px; background:#ff0014; transition:all 0.5s;}
.top .top_lx{display:table-cell; vertical-align:middle; color:#fff;}
.top .top_lx .top_lx_t{font-size:22px; padding-left:36px; background:url(../images/top_lx_t.png) left center no-repeat; transition:all 0.5s;}
.top .top_lx .top_lx_b{font-size:23px; letter-spacing:1px; margin-top:4px; transition:all 0.5s;}

.top .top_dh{float:right; margin-right:60px;}
.top .top_dh ul{margin-left:-50px;}
.top .top_dh ul:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height:0;}
.top .top_dh ul li{overflow:hidden; float:left; font-size:16px; line-height:40px; margin-top:30px; margin-left:50px; position:relative; transition:all 0.5s;}
.top .top_dh ul li:hover{overflow:inherit;}
.top .top_dh ul li>a{color:#fff; display:block; transform:translateZ(0); position:relative; z-index:3;}
.top .top_dh ul li>a:after{content:""; width:0; height:2px; background:#e60012; position:absolute; bottom:0; left:0; z-index:3; transition:all 0.5s;}
.top .top_dh ul li:hover a:after{width:100%;}
.top .top_dh ul li:hover>a{color:#e60012;}
.top .top_dh ul li.s a:after{width:100%;}
.top .top_dh ul li.s>a{color:#e60012;}

.top_dh ul li:hover .erji{opacity:1; margin-left:-75px;}
.erji{width:150px; margin-left:-55px; padding-top:10px; opacity:0; position:absolute; top:28px; left:50%; z-index:2; transition:all 0.5s;}
.erji dl{overflow:hidden; padding:10px 0; border-radius:6px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.2);}
.erji dl dd{font-size:14px; line-height:46px; text-align:center; transition:all 0.5s;}
.erji dl dd a{display:block;}
.erji dl dd:hover a{color:#fff; background:#ff000f;}

.top_bj.active .top .logo{height:70px;}
.top_bj.active .top .top_dh ul li{margin-top:15px;}
.top_bj.active .top .logo img{max-height:50px;}
.top_bj.active .top .top_lx_bj{height:70px;}
.top_bj.active .top .top_lx .top_lx_t{font-size:18px;}
.top_bj.active .top .top_lx .top_lx_b{font-size:20px;}



/*banner*/
.banner_bj{width:100%; height:100%;}
.block_home_slider{width:100%; height:100%; line-height:0px; text-align:center; position:fixed; top:0; left:0;}
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:40px; height:40px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; display:none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:30px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:16px; height:16px; display:block; background:#fff; text-indent:-9000px; cursor:pointer; border-radius:8px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:34px; background:#e60012;}
.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{height:100%; display:none; -webkit-backface-visibility:hidden; list-style-type:none; position:relative;}
#home_slider2{display:none;}

.dkj{width:100%; background:#fff; position:relative; z-index:1;}

/*公司介绍*/
.about{width:1300px; margin:auto; padding:60px 0; overflow:hidden;}
.about_title{width:100%; float:left; text-align:center;}
.about_title h1{font-size:30px; font-weight:bold; color:#e60012; line-height:30px;}
.about_title h2{font-size:18px; font-weight:400; line-height:30px; margin-top:10px;}
.about_text{width:100%; float:left; margin-top:20px; font-size:16px; line-height:40px;}

.qywh{background:#f2f2f2; margin:40px auto 0; padding:80px 0; overflow:hidden;}
.qywh_nr{width:1300px; margin:auto;}
.qywh_title{width:100%; margin:auto; text-align:center;}
.qywh_title h1{font-size:30px; font-weight:bold; color:#e60012; line-height:30px;}
.qywh_title p{font-size:18px; font-weight:400; line-height:30px; margin-top:10px;}

.comInvest-list{margin:60px 0 0;}
.comInvest-list li{width:15.625%;height:300px;background-repeat:no-repeat;background-position:left top;position:relative;float:left;position:relative;border-left:2px solid #fff;}
.cInvest-con{position:absolute;width:100%;height:130px;top:85px;left:0px;padding:0px 30px; box-sizing:border-box;}
.comInvest-list li.cur{width:37.5%;}
.cInvest-con .type{color:#fff;font-size:20px;font-weight:bold;float:left;width:100%;float:left; margin-left:30px;}
.cInvest-con .con{color:#fff;font-size:15px;line-height:28px;width:64%;float:right;opacity:0;max-height:165px;overflow: hidden;}
.comInvest-list li.cur .cInvest-con .con{opacity: 1;padding-left:30px;}
.comInvest-list li.cur .type{width:28%;border-right:1px solid #8b8f99;}

.ct-fs{background:#eee;}
.ct-fs ul{padding:60px 40px;background:#fff;overflow:hidden;position:relative;bottom:-65px;}
.ct-fs ul li{width:25%;float:left;text-align:center;}
.ct-fs ul li span{position:relative;top:0px;transition: all 0.5s ease-in-out;}
.ct-fs ul li:hover span{top:-10px;}
.ct-fs ul li h3{font-weight:bold;margin:20px 0px;}
.ct-fs ul li a{color:#000;}
.ct-fs ul li a:hover{color:#e60012;}

.in_hzkhbg{height:820px; margin:auto; background:#fff url(../images/in_hzhbbg.jpg) center bottom no-repeat; padding:140px 0 80px;}
.in_hzhb_img{width:1150px; margin:80px auto 0; position:relative;}
.in_hzhb_p1{width:160px; height:160px; display:inline-block; position:absolute; box-shadow:0 5px 40px rgba(0,0,0,.3); background:#fff; transform:rotate(45deg); overflow:hidden; text-align:center;}
.in_hzhb_p1 img{width:160px; height:160px !important; display:block; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.in_hzhb_p1:nth-child(1){left:148px; top:0px;}
.in_hzhb_p1:nth-child(2){left:378px; top:0px;}
.in_hzhb_p1:nth-child(3){left:608px; top:0px;}
.in_hzhb_p1:nth-child(4){left:838px; top:0px;}
.in_hzhb_p1:nth-child(5){left:33px; top:115px;}
.in_hzhb_p1:nth-child(6){left:263px; top:115px;}
.in_hzhb_p1:nth-child(7){left:493px; top:115px;}
.in_hzhb_p1:nth-child(8){left:723px; top:115px;}
.in_hzhb_p1:nth-child(9){left:953px; top:115px;}
.in_hzhb_p1:nth-child(10){left:148px; top:230px;}
.in_hzhb_p1:nth-child(11){left:378px; top:230px;}
.in_hzhb_p1:nth-child(12){left:608px; top:230px;}
.in_hzhb_p1:nth-child(13){left:838px; top:230px;}
.in_hzhb_xbc{position:absolute; width:100%; left:0; top:0; right:0; bottom:0; background:rgba(230,0,18,.8); margin-top:230px;margin-left:230px; transition:0.5s; -webkit-transition:0.5s;}
.in_hzhb_p1:hover .in_hzhb_xbc{margin-top:0; margin-left:0;}
.in_hzhb_xbc2{position:absolute; left:0; top:0; right:0; bottom:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); padding:20px 10px 0;}
.in_hzhb_xbc .t1{font-size:16px; color:#fff; text-align:center;}
.in_hzhb_xbc .t2{font-size:12px; color:#fff; line-height:24px; margin-top:6px; text-align:center;}


.gsjs_bj{width:100%; padding:100px 0; background:url(../images/gsjs_bj.jpg) center no-repeat;}
.gsjs .gsjs_l{width:450px; float:left;}
.gsjs .gsjs_l .gsjs_l_wb{color:#fff; margin-top:280px;}
.gsjs .gsjs_l .gsjs_l_wb_t{font-size:20px;}
.gsjs .gsjs_l .gsjs_l_wb_b{font-size:26px; margin-top:10px;}

.gsjs .gsjs_r{width:calc(100% - 500px); float:right;}
.gsjs .gsjs_r .gsjs_r_wb{color:#fff; font-size:14px; line-height:24px;}

.gsjs .gsjs_r_sz{margin-top:120px;}
.gsjs .gsjs_r_sz ul{overflow:hidden; margin-left:-2%;}
.gsjs .gsjs_r_sz ul li{width:31.33%; float:left; margin-left:2%;}
.gsjs .gsjs_r_sz ul li:nth-child(2){text-align:center;}
.gsjs .gsjs_r_sz ul li:nth-child(3){text-align:right;}
.gsjs .gsjs_r_sz ul li .gsjs_r_sz_t{color:#ff0014; font-size:38px; line-height:36px;}
.gsjs .gsjs_r_sz ul li .gsjs_r_sz_b{color:#fff; line-height:24px; margin-top:4px;}

.gsjs_more{text-align:center; margin-top:100px;}
.gsjs_more a{display:inline-block; color:#fff; font-size:16px; line-height:34px; text-transform:uppercase; padding:0 30px; border:1px #fff solid;}
.gsjs_more:hover a{color:#fff; border:1px #ff0014 solid; background:#ff0014;}

/*VI设计*/
.visj_list{width:1300px; margin:auto; padding:80px 0;}
.visj_list li{width:100%; float:left; border-bottom:1px solid #e6e6e6; background:#eee;}
.visj_list li .pic{width:50%; float:left; overflow:hidden;}
.visj_list li .pic2{width:50%; float:right; overflow:hidden;}
.visj_list li .pic img,.visj_list li .pic2 img{width:100%; display:block; transition:all .3s;}
.visj_list li .pic img:hover,.visj_list li .pic2 img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.visj_list li .txt{width:50%; float:right; padding:160px 30px 0 30px;}
.visj_list li .txt2{width:50%; float:left; padding:160px 30px 0 30px;}
.visj_list li .bt{width:100%; float:left; text-align:center; font-size:30px; color:#000; line-height:30px;}
.visj_list li .wz{width:100%; float:left; text-align:center; font-size:16px; line-height:30px; margin-top:20px;}
.visj_list li:hover{background:#f4f4f4; cursor:pointer;}

.visj_wzbg{height:820px; margin:auto; background:url(../images/visj_wzbg.jpg) center no-repeat; padding:80px 0;}
.visj_title{width:100%; margin:auto; text-align:center; border-bottom:1px solid #d6d6d6; padding-bottom:60px;}
.visj_title h1{font-size:30px; font-weight:bold; line-height:30px; color:#e60012;}
.visj_title li{width:14%; float:left; margin:80px 3% 0 0; text-align:center;}
.visj_title li:nth-child(6n){margin-right:0;}
.visj_title li .tb{width:160px; height:160px; background:#fff; border-radius:100%; padding:40px;}
.visj_title li .tb img{width:80px; height:80px; display:block; margin:auto;}
.visj_title li .wz{width:160px; margin:20px auto 0; font-size:18px; color:#000;}
.visj_txt{width:100%; margin:80px auto 0; font-size:22px; line-height:60px; text-align:center;}


/*服务*/
.sy_fwxm_bj{width:100%; padding:100px 0; background:#fff;}
.sy_fwxm_bj .sy_bt{color:#555;}
.sy_fwxm ul{overflow:hidden; margin-left:-2%;}
.sy_fwxm ul li{width:23%; float:left; text-align:center; margin-left:2%; transform:translateY(80px); transition:all 0.5s;}
.sy_fwxm ul li:hover{transform:translateY(0);}
.sy_fwxm ul li .sy_fwxm_img{padding:60px 0; background:#f3f3f3; transition:all 0.5s;}
.sy_fwxm ul li .sy_fwxm_img .sy_fwxm_img_m{font-size:20px; margin-top:28px; padding-bottom:16px; position:relative;}
.sy_fwxm ul li .sy_fwxm_img .sy_fwxm_img_m:after{content:""; width:36px; height:3px; margin-left:-18px; background:#ff0000; position:absolute; bottom:0; left:50%;}
.sy_fwxm ul li .sy_fwxm_img .sy_fwxm_img_b{color:#666; font-size:18px; text-transform:uppercase; margin-top:12px;}
.sy_fwxm ul li .sy_fwxm_wz{color:#fff; line-height:20px; padding:20px 50px; background:#ff0000;}



/*案例*/
.sy_cgal_bj{width:100%; padding:100px 0; background:url(../images/sy_cgal_bj.jpg) center no-repeat;}
.sy_cgal_dh{padding-right:160px;}
.sy_cgal_dh ul{overflow:hidden; margin-left:-25px;}
.sy_cgal_dh ul li{float:left; color:#fff; font-size:16px; line-height:34px; margin-left:25px; padding:0 20px; border:1px rgba(0,0,0,0) solid; border-radius:200px; cursor:pointer; transition:all 0.5s;}
.sy_cgal_dh ul li.active{color:#e60012; border:1px #e60012 solid;}

.sy_cgal_b{margin-top:42px;}
.sy_cgal_kjj{display:none;}
.sy_cgal_kj{position:relative;}
.sy_cgal_kj .item{width:94%; margin:0 3%; padding-bottom:20px; position:relative;}
.sy_cgal_kj .item:after{content:""; width:100%; height:4px; background:#999; position:absolute; bottom:0; left:0;}
.sy_cgal_kj .item:before{content:""; width:0%; height:4px; background:#e60012; position:absolute; bottom:0; left:0; z-index:1; transition:all 0.5s;}
.sy_cgal_kj .item:hover:before{width:100%;}
.sy_cgal_kj .item .sy_cgal_kj_img{overflow:hidden; position:relative;}
.sy_cgal_kj .item .sy_cgal_kj_img:after{content:""; width:0%; height:100%; background:rgba(230,0,18,0.8); position:absolute; top:0; left:0; transition:all 0.5s;}
.sy_cgal_kj .item:hover .sy_cgal_kj_img:after{width:100%;}
.sy_cgal_kj .item .sy_cgal_kj_wz{color:#fff; font-size:20px; margin-top:14px;}
.sy_cgal_kj .item .sy_cgal_kj_rq{color:#fff; font-size:16px; margin-top:12px;}

.sy_cgal_kj .owl-wrapper:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.sy_cgal_kj{display:none; width: 100%;-ms-touch-action:pan-y;}
.sy_cgal_kj .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.sy_cgal_kj .owl-wrapper-outer{overflow: hidden;width: 100%;}
.sy_cgal_kj .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.sy_cgal_kj .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.sy_cgal_kj .owl-wrapper,
.sy_cgal_kj .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.sy_cgal_kj .owl-controls{width:100%; z-index:11;}
.sy_cgal_kj .owl-controls .owl-buttons div{width:44px; height:36px; font-size:12px; text-indent:-9999px; border:1px #fff solid; position:absolute; top:-82px; transition:0.5s;}
.sy_cgal_kj .owl-controls .owl-buttons .owl-prev{background:url(../images/sy_cgal_kj_jt1.png) center no-repeat; right:60px;}
.sy_cgal_kj .owl-controls .owl-buttons .owl-prev:hover{border:1px #ff000f solid; background:url(../images/sy_cgal_kj_jt1_2.png) center no-repeat;}
.sy_cgal_kj .owl-controls .owl-buttons .owl-next{background:url(../images/sy_cgal_kj_jt2.png) center no-repeat; overflow:hidden; right:0px;}
.sy_cgal_kj .owl-controls .owl-buttons .owl-next:hover{border:1px #ff000f solid; background:url(../images/sy_cgal_kj_jt2_2.png) center no-repeat;}
.sy_cgal_kj .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.sy_cgal_kj .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.sy_cgal_kj .owl-controls .owl-page span{display: block;width:14px; height:14px; border:3px #fff solid; margin:0 12px; border-radius:100px; background:#999; transition:all 0.5s;}
.sy_cgal_kj .owl-controls .owl-page.active span,
.sy_cgal_kj .owl-controls.clickable .owl-page:hover span{ border:2px #194f9d solid; background:#fff;}
.sy_cgal_kj .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.sy_cgal_kj .loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.sy_cgal_kj .owl-pagination{width:100%; height:14px; text-align:center; margin-top:80px; display:none;}

.sy_cgal_more{text-align:center; text-transform:uppercase; margin-top:100px;}
.sy_cgal_more a{display:inline-block; color:#fff; font-size:16px; line-height:40px; padding:0 36px; background:#ff000f;}



/*新闻资讯*/
.xwfb_bj{width:100%; padding:100px 0; background:#fff;}
.xwfb_bj .sy_bt{color:#555;}
.xwfb ul{overflow:hidden; margin-left:-2%;}
.xwfb ul li{width:23%; float:left; margin-left:2%; padding-top:26px; position:relative;}
.xwfb ul li:after{content:""; width:0; height:2px; background:#ff0014; position:absolute; top:0; left:0; transition:all 0.5s;}
.xwfb ul li:hover:after{width:100%;}
.xwfb ul li .xwfb_img{width:100%; height:180px;}
.xwfb ul li .xwfb_bt{font-size:18px; margin-top:14px;}
.xwfb ul li .xwfb_wz{color:#666; line-height:24px; margin-top:6px;}
.xwfb ul li .xwfb_rq{color:#999; margin-top:8px;}

.xwfb_more{text-align:center; text-transform:uppercase; margin-top:90px;}
.xwfb_more a{display:inline-block; font-size:16px; line-height:38px; padding:0 36px; border:1px #555 solid;}
.xwfb_more:hover a{color:#fff; border:1px #ff0014 solid; background:#ff0014;}



/*底部*/
.db_bj{width:100%; padding-top:70px; background:#171717;}
.db .db_l{width:400px; float:left;}
.db .db_l .db_l_t_wb{color:#fff; font-size:16px; line-height:24px;}
.db .db_l .db_l_b_wb{color:#fff; font-size:16px; line-height:24px; margin-top:80px;}
.db .db_l .db_l_b_wb p{margin-bottom:10px; padding-left:30px;}
.db .db_l .db_l_b_wb p:nth-child(1){ background:url(../images/db_b_wb_1.png) top left no-repeat;}
.db .db_l .db_l_b_wb p:nth-child(2){ background:url(../images/db_b_wb_2.png) top left no-repeat;}
.db .db_l .db_l_b_wb p:nth-child(3){ background:url(../images/db_b_wb_3.png) top left no-repeat;}
.db .db_l .db_l_erweima{overflow:hidden; margin-top:80px;}
.db .db_l .db_l_erweima .db_l_erweima_kj{float:left; text-align:center;}
.db .db_l .db_l_erweima .db_l_erweima_kj:nth-child(2){margin-left:24px;}
.db .db_l .db_l_erweima .db_l_erweima_kj_wz{color:#fff; font-size:16px; margin-top:6px;}

.db .zxly{width:600px; float:right;}
.db .zxly ul{}
.db .zxly ul:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.db .zxly ul li{width:100%; margin-bottom:20px;}
.db .zxly ul li .cpxq_ly_l{width:100%; color:#fff; font-size:16px; margin-bottom:10px;}
.db .zxly ul li .input_txt{width:100%; height:46px; line-height:46px; padding:0 10px; border:1px #d8dceb solid; background:#fff; }
.db .zxly ul .textarea{width:100%;}
.db .zxly ul li textarea{width:100%; height:220px; padding:10px; font-family:"微软雅黑"; border:1px #d8dceb solid; background:#fff;}
.db .zxly .more{overflow:hidden; margin-top:40px;}
.db .zxly .more .input_btn{width:130px; height:40px; color:#fff; font-size:16px; line-height:40px; text-align:center; border:none; cursor:pointer; background:#ff0014;}

.bah_bj{width:100%; margin:auto; padding:20px 0; border-top:1px #282828 solid; background:#171717;}
.bah{color:#fff; text-align:center;}
.bah a{color:#ff0014;}



/*内页banner*/
.ny_banner_bjjj{width:100%; height:100%;}
.ny_banner_bjj{width:100%; height:100%; display:table; padding-top:100px; position:fixed;}
.ny_banner_bj{width:100%; display:table-cell; vertical-align:middle;}
.ny_banner .ny_banner_wb_t{color:#fff; font-size:50px; line-height:70px;}
.ny_banner .ny_banner_wb_m{color:#fff; font-size:36px; line-height:36px; margin-top:20px;}
.ny_banner .ny_banner_wb_b{margin-top:60px;}
.ny_banner .ny_banner_wb_b ul li{color:#fff; font-size:20px; margin-top:12px; padding-left:36px; background:url(../images/ny_banner_b.png) left center no-repeat;}

.ny_banner_ly{width:350px; margin-top:90px;}
.ny_banner_ly ul:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.ny_banner_ly ul li{width:100%; margin-top:30px;}
.ny_banner_ly ul .kehu_con{height:40px; font-size:15px; line-height:40px; padding-left:14px; background:#fff url(../images/kh_btn.png) right center no-repeat; position:relative; cursor:pointer;}
.ny_banner_ly ul .kehu_con dl{width:100%; display:none; background:#fff; position:absolute; top:40px; left:0;}
.ny_banner_ly ul .kehu_con dl dd{font-size:13px; padding:0 14px; transition:all 0.5s;}
.ny_banner_ly ul .kehu_con dl dd:hover{background:#ddd;}
.ny_banner_ly ul .w100{width:98%; margin-left:2%;}
.ny_banner_ly ul li .input{width:100%; height:40px; font-size:15px; line-height:40px; padding-left:14px; border-radius:0; border:none;}
.ny_banner_ly .ny_banner_ly_an{overflow:hidden; margin-top:40px;}
.ny_banner_ly .ny_banner_ly_an .ny_banner_ly_an_l{float:left;}
.ny_banner_ly .ny_banner_ly_an .ny_banner_ly_an_l .input_btn{height:40px; color:#fff; font-size:16px; line-height:40px; padding:0 10px; border:none; border-radius:0; background:#ff0014; display:none;}
.ny_banner_ly .ny_banner_ly_an .ny_banner_ly_an_r{float:left; font-size:16px; line-height:40px; margin-right:40px; padding:0 10px; background:#ff0014;}
.ny_banner_ly .ny_banner_ly_an .ny_banner_ly_an_r a{color:#fff;}

.ny_bn{width:100%; height:600px;}
.ny_bn_wbt{width:1300px; margin:auto; color:#fff; font-size:40px; line-height:66px; padding-top:200px;}
.ny_bn_wbt:after{content:""; display:block; width:100px; height:3px; background:#fff; margin-top:20px;}

/*内页导航*/
.ny_dh_bj{width:100%; padding-top:60px; background:#fff;}
.ny_dh ul{overflow:hidden; margin-left:-20px;}
.ny_dh ul li{float:left; overflow:hidden; font-size:15px; margin-left:20px; border:1px #ddd solid; border-radius:500px; position:relative;}
.ny_dh ul li:after{content:""; width:0; height:300%; background:#fff; transform:translateX(-50%) translateY(-50%) rotate(-45deg); position:absolute; top:50%; left:50%; transition:all 0.5s;}
.ny_dh ul li:hover:after{width:100%; background:#e60012;}
.ny_dh ul li a{display:block; line-height:20px; padding:12px 30px; position:relative; z-index:1;}
.ny_dh ul li:hover a{color:#fff;}
.ny_dh ul li.s:after{width:100%; background:#e60012;}
.ny_dh ul li.s a{color:#fff;}

.ny_bj{padding:60px 0;}


/*VI设计标题*/
.visj_ny_bt{text-align:center; margin-bottom:66px;}
.visj_ny_bt .visj_ny_bt_t{font-size:36px; line-height:36px;}
.visj_ny_bt .visj_ny_bt_b{color:#666; font-size:22px; margin-top:10px;}


/*VI设计介绍*/
.visj_t_bj{width:100%; padding:90px 0; background:#f3f3f3;}
.visj_t{margin-top:90px;}
.visj_t ul{overflow:hidden; margin-left:-2%;}
.visj_t ul li{width:23%; float:left; text-align:center; margin-left:2%;}
.visj_t ul li .visj_t_wz{font-size:20px; margin-top:30px;}


/*VI设计案例*/
.visj_al_bj{width:100%; padding:90px 0; background:#fff;}
.visj_al_bj .visj_ny_bt{margin-bottom:44px;}

.visj_al_dh ul{overflow:hidden; font-size:0px; text-align:center;}
.visj_al_dh ul li{display:inline-block; font-size:16px; line-height:34px; margin:0 15px; padding:0 20px; border:1px #fff solid; border-radius:200px; cursor:pointer;}
.visj_al_dh ul li.active{color:#e60012; border:1px #e60012 solid;}

.vsjs_al .visj_al_b{margin-top:44px;}
.visj_al_b_kj{display:none;}
.visj_al_b_kj ul{overflow:hidden; margin-top:-4%; margin-left:-2%;}
.visj_al_b_kj ul li{width:23%; float:left; margin-top:4%; margin-left:2%; padding-bottom:20px; position:relative;}
.visj_al_b_kj ul li:after{content:""; width:100%; height:4px; background:#ccc; position:absolute; bottom:0; left:0;}
.visj_al_b_kj ul li:before{content:""; width:0%; height:4px; background:#e60012; position:absolute; bottom:0; left:0; z-index:1; transition:all 0.5s;}
.visj_al_b_kj ul li:hover:before{width:100%;}
.visj_al_b_kj ul li .vsjs_al_img{overflow:hidden; position:relative;}
.visj_al_b_kj ul li .vsjs_al_img:after{content:""; width:0%; height:100%; background:rgba(230,0,18,0.8); position:absolute; top:0; left:0; transition:all 0.5s;}
.visj_al_b_kj ul li:hover .vsjs_al_img:after{width:100%;}
.visj_al_b_kj ul li .vsjs_al_wz{font-size:20px; line-height:26px; margin-top:14px;}
.visj_al_b_kj ul li .vsjs_al_rq{font-size:16px; margin-top:12px;}

.visj_al_more{text-align:center; margin-top:80px;}
.visj_al_more a{display:inline-block; color:#fff; font-size:16px; line-height:40px; text-transform:uppercase; padding:0 40px; background:#ff000f;}

.hcsj_bj{width:100%; padding:80px 0; background:#fff; overflow:hidden;}
.hcsj_nr{width:1300px; margin:auto;}
.hcsj_title{width:100%; margin:auto; text-align:center; line-height:46px; font-size:28px; color:#000; border-bottom:1px solid #d6d6d6; padding-bottom:40px;}
.hcsj_list{width:100%; margin:40px auto 0;}
.hcsj_list li{width:31%; float:left; margin:20px 3.5% 20px 0; background:#fff; border:1px solid #d6d6d6; padding:30px; font-size:18px; text-align:center; line-height:30px;}
.hcsj_list li:nth-child(3n){margin-right:0;}
.hcsj_list li:hover{background:#e60012; color:#fff; border-color:#e60012;}



/*VI设计服务*/
.visj_fw_bj{width:100%; padding:90px 0; background:url(../images/visj_fw_bj.jpg) fixed center no-repeat;}
.visj_fw_bj .visj_ny_bt .visj_ny_bt_t{color:#fff;}
.visj_fw_bj .visj_ny_bt .visj_ny_bt_b{color:#fff;}

.visj_fw{overflow:hidden;}
.visj_fw .visj_fw_kj{width:32%; float:left; margin-left:2%;}
.visj_fw .visj_fw_kj:nth-child(1){margin-left:0;}
.visj_fw .visj_fw_kj .visj_fw_kj_bt{color:#fff; font-size:28px; line-height:80px; padding:0 34px; background:#161616;}
.visj_fw .visj_fw_kj:nth-child(1) .visj_fw_kj_bt{background:#ff000f;}
.visj_fw .visj_fw_kj ul li{font-size:16px; line-height:24px; padding:18px 34px; background:#fff;}
.visj_fw .visj_fw_kj ul li:nth-child(even){background:#eee;}

.visj_fw_more{text-align:center; margin-top:60px;}
.visj_fw_more a{display:inline-block; color:#fff; font-size:16px; line-height:40px; text-transform:uppercase; padding:0 40px; background:#ff000f;}


/*VI设计套餐*/
.visj_tc_bj{width:100%; padding:90px 0; background:#fff;}
.visj_tc_bj .visj_ny_bt{margin-bottom:44px;}

.visj_tc .visj_tc_dh{margin-bottom:40px;}
.visj_tc .visj_tc_dh ul{overflow:hidden; font-size:0px; text-align:center;}
.visj_tc .visj_tc_dh ul li{display:inline-block; font-size:16px; line-height:34px; margin:0 15px; padding:0 20px; border:1px #fff solid; border-radius:200px; cursor:pointer; transition:all 0.5s;}
.visj_tc .visj_tc_dh ul li:hover{color:#e60012; border:1px #e60012 solid;}
.visj_tc .visj_tc_dh ul li.active{color:#e60012; border:1px #e60012 solid;}

.visj_tc .visj_tc_b_kj{display:none;}
.visj_tc .visj_tc_b_kj ul{overflow:hidden; margin-left:-2%; display:flex; }
.visj_tc .visj_tc_b_kj ul li{width:31.33%; float:left; margin-left:2%; border:1px #171717 solid; cursor:pointer; transition:all 0.5s;}
.visj_tc .visj_tc_b_kj ul li:hover{border:1px #ff000f solid;}
.visj_tc .visj_tc_b_kj:nth-child(2) ul li{width:23%;}
.visj_tc .visj_tc_b_kj ul li .visj_tc_b_kj_bt{color:#fff; text-align:center; padding:10px 0; background:#171717; transition:all 0.5s;}
.visj_tc .visj_tc_b_kj ul li:hover .visj_tc_b_kj_bt{background:#ff000f;}
.visj_tc .visj_tc_b_kj ul li .visj_tc_b_kj_bt .visj_tc_b_kj_bt_t{font-size:28px; line-height:28px;}
.visj_tc .visj_tc_b_kj ul li .visj_tc_b_kj_bt .visj_tc_b_kj_bt_b{font-size:16px; margin-top:8px;}
.visj_tc .visj_tc_b_kj ul li .visj_tc_b_kj_wb{font-size:16px; line-height:36px; padding:25px; padding-top:20px;}

.visj_tc_more{text-align:center; margin-top:74px;}
.visj_tc_more a{display:inline-block; color:#fff; font-size:16px; line-height:40px; text-transform:uppercase; padding:0 40px; background:#ff000f;}

/* vi设计相关推荐部分 */
.visjxq_xgtj{width:100%; float:left;}
.visjxq_box{width:95%; max-width:1300px; margin:0 auto 80px;}
.visjxq_kj{width:100%; float:left;}
.visjxq_kj li{width:23%; float:left; margin:40px 2% 0 0; padding-bottom:20px; position:relative;}
.visjxq_kj li:nth-child(4n){margin-right:0;}
.visjxq_kj li:after{content:""; width:100%; height:4px; background:#ccc; position:absolute; bottom:0; left:0;}
.visjxq_kj li:before{content:""; width:0%; height:4px; background:#e60012; position:absolute; bottom:0; left:0; z-index:1; transition:all 0.5s;}
.visjxq_kj li:hover:before{width:100%;}
.visjxq_kj li .vsjs_al_img{overflow:hidden; position:relative;}
.visjxq_kj li .vsjs_al_img:after{content:""; width:0%; height:100%; background:rgba(230,0,18,0.8); position:absolute; top:0; left:0; transition:all 0.5s;}
.visjxq_kj li:hover .vsjs_al_img:after{width:100%;}
.visjxq_kj li .vsjs_al_wz{font-size:20px; line-height:26px; margin-top:14px;}
.visjxq_kj li .vsjs_al_rq{font-size:16px; margin-top:12px;}


/*VI设计流程*/
.visj_lc_bj{width:100%; padding:90px 0; background:url(../images/visj_lc_bj.jpg) fixed center no-repeat;}
.visj_lc_bj .visj_ny_bt .visj_ny_bt_t{color:#fff;}
.visj_lc_bj .visj_ny_bt .visj_ny_bt_b{color:#fff;}

.visj_lc_kj{width:100%; position:relative;}
.visj_lc_kj:after{content:""; width:100%; height:4px; background:#fff; position:absolute; top:181px; left:0;}
.visj_lc ul{overflow:hidden; margin-left:-2%;}
.visj_lc ul li{width:18%; height:320px; float:left; color:#fff; text-align:center; margin-left:2%; padding:30px; cursor:pointer; position:relative; z-index:1;}
.visj_lc ul li:hover{background:#ff000f;}
.visj_lc ul li:after{content:""; width:18px; height:18px; background:#616161; border:4px #fff solid; border-radius:100px; transform:translateX(-50%); position:absolute; top:170px; left:50%;}
.visj_lc ul li:hover:after{display:none;}
.visj_lc ul li .visj_lc_img{transition:all 0.5s;}
.visj_lc ul li:hover .visj_lc_img{padding-top:32px;}
.visj_lc ul li .visj_lc_bt{font-size:20px; margin-top:10px;  position:relative;}
.visj_lc ul li .visj_lc_wz{font-size:16px; line-height:28px; margin-top:100px; transition:all 0.5s;}
.visj_lc ul li:hover .visj_lc_wz{margin-top:20px;}

.visj_lc_more{text-align:center; margin-top:125px;}
.visj_lc_more a{display:inline-block; color:#fff; font-size:16px; line-height:40px; text-transform:uppercase; padding:0 40px; background:#ff000f;}


/*logo设计介绍*/
.logo_t_bj{width:100%; padding:80px 0; background:#f3f3f3;}
.logo_t ul{overflow:hidden;font-size:0px; margin-left:-2%;}
.logo_t ul li{width:23%; display:inline-block; text-align:center; margin-top:4%; margin-left:2%;}
.logo_t ul li .logo_t_img{width:100%; position:relative;}
.logo_t ul li .logo_t_img .logo_t_img1{opacity:1; transition:all 0.5s;}
.logo_t ul li:hover .logo_t_img .logo_t_img1{opacity:0;}
.logo_t ul li .logo_t_img .logo_t_img2{width:100%; height:100%; opacity:0; position:absolute; top:0; left:0; transition:all 0.5s;}
.logo_t ul li:hover .logo_t_img .logo_t_img2{opacity:1;}
.logo_t ul li .logo_t_wz{font-size:18px; margin-top:16px;}

.logo_dy{width:1300px; margin:80px auto 0;}
.logo_dy_title{width:100%; margin:auto; text-align:center; font-size:30px; color:#000;}
.logo_dy_title:after{content:""; display:block; width:40px; height:3px; background:#000; margin:20px auto 0;}
.logo_dy_txt{width:100%; margin:40px auto 0; font-size:16px; text-align:center; line-height:40px;}

.logo_zc{background:#f4f4f4; margin:80px auto 0; padding:80px 0; overflow:hidden;}
.logo_zc_list{width:1300px; margin:auto;}
.logo_zc_list li{width:31%; float:left; margin:60px 3% 0 0; border-bottom:1px solid #d6d6d6; padding-bottom:20px;}
.logo_zc_list li:nth-child(3n){margin-right:0;}
.logo_zc_list li .pic{width:100%; float:left;}
.logo_zc_list li .text{width:100%; float:right; padding-top:20px;}
.logo_zc_list li .text h3{font-size:18px; font-weight:bold; color:#e60012; line-height:30px;}
.logo_zc_list li .text p{font-size:14px; margin-top:10px; line-height:30px;}

.logo_yy{width:1300px; margin:80px auto;}
.logo_yy_text{width:100%; float:left; margin-top:30px;}
.logo_yy_text li{width:48%; float:left; margin:30px 2% 0 0; border:1px solid #d6d6d6; padding:20px;}
.logo_yy_text li:nth-child(2n){margin-right:0;}
.logo_yy_text li:nth-child(3n){width:100%;}
.logo_yy_text li h3{font-size:18px; color:#e60012; font-weight:bold; line-height:30px;}
.logo_yy_text li h3:after{content:""; display:block; width:40px; height:2px; background:#e60012; margin:20px 0 0 0;}
.logo_yy_text li p{font-size:14px; color:#666; margin-top:20px; line-height:26px;}
.logo_yy_text2{width:100%; float:left; margin-top:40px; font-size:16px; color:#666; line-height:40px;}



/*logo案例*/
.logo_al_bj{width:100%; padding:90px 0; background:#fff;}
.logo_al{max-width:1650px;}
.logo_al ul{overflow:hidden; margin-top:-1%; margin-left:-1%;}
.logo_al ul li{width:24%; float:left; overflow:hidden; margin-top:1%; margin-left:1%; position:relative;}
.logo_al ul li .logo_al_wb{width:100%; height:100%; color:#fff; padding:30px 25px; background:rgba(230,0,18,0.8); position:absolute; top:100%; left:0; transition:all 0.5s;}
.logo_al ul li:hover .logo_al_wb{top:0;}
.logo_al ul li .logo_al_wb .logo_al_wb_t{font-size:18px; padding-bottom:16px; position:relative;}
.logo_al ul li .logo_al_wb .logo_al_wb_t:after{content:""; width:50px; height:3px; background:#fff; position:absolute; bottom:0; left:0;}
.logo_al ul li .logo_al_wb .logo_al_wb_b{font-size:16px; line-height:24px; margin-top:20px;}


/*logo套餐*/
.logo_tc_bj{width:100%; padding:90px 0; background:#fff;}
.logo_tc_bj .visj_ny_bt{margin-bottom:44px;}

.logo_tc ul{overflow:hidden; margin-left:-2%; display:flex; }
.logo_tc ul li{width:23%; float:left; margin-left:2%; border:1px #171717 solid; cursor:pointer; transition:all 0.5s;}
.logo_tc ul li:hover{border:1px #ff000f solid;}
.logo_tc ul li .logo_tc_bt{color:#fff; text-align:center; padding:10px 0; background:#171717; transition:all 0.5s;}
.logo_tc ul li:hover .logo_tc_bt{background:#ff000f;}
.logo_tc ul li .logo_tc_bt .logo_tc_bt_t{font-size:28px; line-height:28px;}
.logo_tc ul li .logo_tc_bt .logo_tc_bt_b{font-size:16px; margin-top:8px;}
.logo_tc ul li .logo_tc_wb{font-size:16px; line-height:36px; padding:25px; padding-top:20px;}

.logo_tc_more{text-align:center; margin-top:74px;}
.logo_tc_more a{display:inline-block; color:#fff; font-size:16px; line-height:40px; text-transform:uppercase; padding:0 40px; background:#ff000f;}


/*合作伙伴*/
.hzhb_bj{width:100%; padding:90px 0; background:#fff;}
.hzhb{position:relative;}
.hzhb .hzhb_bt{width:40%; height:320px; color:#666; padding-top:130px; padding-left:220px; background:#fff url(../images/hzhb_bt.png) 3px 58px no-repeat; position:absolute; top:0; left:0;}
.hzhb .hzhb_bt .hzhb_bt_t{font-size:32px;}
.hzhb .hzhb_bt .hzhb_bt_b{font-size:28px; margin-top:12px;}

.hzhb ul{overflow:hidden;border-bottom:1px #ddd solid; border-right:1px #ddd solid;}
.hzhb ul li{width:20%; height:160px; float:left; border:1px #ddd solid; border-bottom:none; border-right:none; background:#f2f6f9;}
.hzhb ul li:nth-child(even){background:#fff;}
.hzhb ul li .hzhb_img{width:100%; height:100%; display:table; text-align:center;}
.hzhb ul li .hzhb_img a{display:table-cell; vertical-align:middle;}

/*业务范围*/
.ywfw_list{width:100%; margin:60px auto 0;}
.ywfw_list li{width:33.333%; float:left;}
.ywfw_list li .pic{width:100%; float:left; overflow:hidden;}
.ywfw_list li .pic img{width:100%; height:232px; object-fit:cover; transition:all .3s;}
.ywfw_list li:hover .pic img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.ywfw_list li .txt{width:100%; float:left; background:#f4f4f4; padding:40px; text-align:center;}
.ywfw_list li .txt h3{font-size:20px; line-height:30px; margin-top:10px; font-weight:normal; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ywfw_list li .txt h3:after{content:""; display:block; width:30px; height:2px; background:#ff0000; margin:20px auto 0;}
.ywfw_list li .txt p{font-size:14px; line-height:24px; margin-top:20px; height:70px; overflow:hidden;}

.qwyx{height:1400px; margin:20px auto 0; background:url(../images/qwyx_bg.jpg) fixed center; padding:80px 0;}
.qwyx_title{width:100%; margin:auto; text-align:center;}
.qwyx_title h2{font-size:30px; font-weight:normal; color:#fff;}
.qwyx_title h3{font-size:18px; color:#fff; font-weight:normal; margin-top:10px;}
.qwyx_list{width:100%; margin:30px auto 0;}
.qwyx_list li{width:31%; float:left; margin:30px 3.5% 0 0; background:#fff; padding:30px; border-radius:30px; box-shadow:0 5px 10px #000;}
.qwyx_list li:nth-child(3n){margin-right:0;}
.qwyx_list li .tb{width:100px; margin:auto;}
.qwyx_list li .tb img{width:100%; display:block;}
.qwyx_list li .wz{width:100%; margin:20px auto 0; text-align:center;}
.qwyx_list li .wz h4{font-size:20px; font-weight:normal; color:#ff0000;}
.qwyx_list li .wz h4:after{content:""; display:block; width:30px; height:2px; background:#ff0000; margin:20px auto 0;}
.qwyx_list li .wz p{font-size:14px; line-height:24px; margin-top:20px; height:70px; overflow:hidden;}
.qwyx_more{width:200px; margin:60px auto 0;}
.qwyx_more a{width:200px; height:46px; display:block; line-height:42px; background:#fff; border:2px solid #ff0000; border-radius:30px; text-align:center; font-size:16px; color:#ff0000;}
.qwyx_more a:hover{background:#ff0000; color:#fff;}

.qygl{height:840px; margin:auto; background:url(../images/qygl_bg.jpg) top center no-repeat; padding:80px 0;}
.qygl_list{width:1300px; margin:60px auto 0;}
.qygl_list li{width:23%; float:left; margin-right:2%;}
.qygl_list li:nth-child(4n){margin-right:0;}
.qygl_list li .pic{width:100%; float:left; overflow:hidden;}
.qygl_list li .pic img{width:100%; height:220px; object-fit:cover; transition:all .3s;}
.qygl_list li:hover .pic img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.qygl_list li .txt{width:100%; float:left; background:#fff; padding:30px 20px; box-shadow:0 5px 10px #666;}
.qygl_list li .txt h3{font-size:20px; line-height:30px; font-weight:normal; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.qygl_list li .txt h3:after{content:""; display:block; width:30px; height:2px; background:#ff0000; margin-top:20px;}
.qygl_list li .txt p{font-size:14px; line-height:24px; margin-top:20px; height:90px; overflow:hidden;}


/*影视宣传片好处*/
.ysxcp_t_bj{width:100%; padding:90px 0; background:#fff;}
.ysxcp_t ul{overflow:hidden; margin-left:-4%; display:flex;}
.ysxcp_t ul li{width:21%; float:left; text-align:center; margin-left:4%; padding:30px 20px; background:#f3f3f3; transition:all 0.5s;}
.ysxcp_t ul li:hover{color:#fff; background:#ff0000;}
.ysxcp_t ul li .ysxcp_t_bt{font-size:20px; font-weight:bold; padding-bottom:16px; position:relative;}
.ysxcp_t ul li .ysxcp_t_bt:after{content:""; width:40px; height:3px; margin-left:-20px; background:#ff0000; position:absolute; bottom:0; left:50%; transition:all 0.5s;}
.ysxcp_t ul li:hover .ysxcp_t_bt:after{background:#fff;}
.ysxcp_t ul li .ysxcp_t_wz{font-size:15px; line-height:30px; margin-top:14px;}

.qyxc{width:1300px; margin:auto; padding:80px 0;}
.qyxc_text{width:100%; margin:60px auto 0; font-size:16px; line-height:40px; text-align:center;}

.qyxc2{margin:40px auto 0; background:#eee; padding:80px 0; overflow:hidden;}
.qyxc_bt{width:100%; margin:60px auto 0; font-size:24px; font-weight:bold; color:#e60012; text-align:center;}
.qyxc_list{width:100%; margin:60px auto 0;}
.qyxc_list li{width:18%; float:left; text-align:center; margin-right:2.5%; border-right:1px solid #d6d6d6;}
.qyxc_list li:nth-child(5n){margin-right:0; border-right:none;}
.qyxc_list li .tb{width:100px; margin:auto;}
.qyxc_list li .tb img{width:100px; height:100px; display:block;}
.qyxc_list li .wz{width:100%; margin:20px auto 0; font-size:16px; color:#000; font-weight:bold;}

.pzbox2{overflow:hidden; width:100%; margin:auto;}
.pzbox2 dl{overflow:hidden; width:49%; float:left; background-color:#f1f1f1; position:relative; margin:0 2% 0 0;}
.pzbox2 dl:nth-child(2n){margin-right:0;}
.pzbox2 dt{overflow:hidden; width:100%; float:left; position:relative}
.pzbox2 dt img{display:block; width:100%;}
.pzbox2 dt img.imgp{position:absolute; left:0; top:0}
.pzbox2 dd{float:left; width:100%; height:100%; padding:40px 5%; font-size:15px; line-height:40px; position:relative}
.pzbox2 .fr{float:right}
.pzbox2 .fl{float:left}

.cpxc_text{width:100%; float:left; margin-top:30px;}
.cpxc_text li{width:23%; float:left; margin:30px 2% 0 0; background:#fff; border:1px solid #d6d6d6; padding:40px 20px 20px 20px; min-height:280px;}
.cpxc_text li:nth-child(4n){margin-right:0;}
.cpxc_text li h3{font-size:22px; color:#e60012; font-weight:bold; line-height:30px; text-align:center;}
.cpxc_text li p{font-size:14px; color:#666; margin-top:20px; line-height:26px;}
.cpxc_text li:hover{background:#e60012; border-color:#e60012;}
.cpxc_text li:hover h3{color:#fff;}
.cpxc_text li:hover p{color:#fff;}


/*影视宣传片为什么选择我们*/
.ysxcp_why_bj{width:100%; padding:90px 0; background:#f3f3f3;}
.ysxcp_why ul{overflow:hidden; margin-top:-3%; margin-left:-3%;}
.ysxcp_why ul li{width:30.33%; height:260px; float:left; margin-top:3%; margin-left:3%; position:relative;}
.ysxcp_why ul li .ysxcp_why_wb{width:100%; color:#fff; text-align:center; transform:translateY(-50%); position:absolute; top:50%; left:0; transition:all 0.5s;}
.ysxcp_why ul li .ysxcp_why_wb .ysxcp_why_wb_t{font-size:20px; font-weight:bold; padding-bottom:12px; position:relative;}
.ysxcp_why ul li .ysxcp_why_wb .ysxcp_why_wb_t:after{content:""; width:30px; height:2px; margin-left:-15px; background:#fff; position:absolute; bottom:0; left:50%;}
.ysxcp_why ul li .ysxcp_why_wb .ysxcp_why_wb_b{font-size:15px; line-height:30px; margin-top:10px; transition:all 0.5s;}

.ysxcp_why_more{text-align:center; margin-top:125px;}
.ysxcp_why_more a{display:inline-block; color:#fff; font-size:16px; line-height:40px; text-transform:uppercase; padding:0 40px; background:#ff000f;}



/*影视宣传片服务流程*/
.ysxcp_lc_bj{width:100%; padding:90px 0; background:url(../images/ysxcp_lc_bj.jpg) fixed center no-repeat;}
.ysxcp_lc_bj .visj_ny_bt .visj_ny_bt_t{color:#fff;}
.ysxcp_lc_bj .visj_ny_bt .visj_ny_bt_b{color:#fff;}

.ysxcp_lc .ysxcp_lc_t{text-align:center; display:none;}

.ysxcp_lc{overflow:hidden; background:url(../images/ysxcp_lc_b_bj.png) top center no-repeat;}
.ysxcp_lc ul{overflow:hidden; font-size:0px; text-align:center; margin-top:-139px; margin-left:-4%;}
.ysxcp_lc ul li{width:21%; display:inline-block; vertical-align:top; margin-top:139px; margin-left:4%;}
.ysxcp_lc ul li .ysxcp_lc_b_img{position:relative;}
.ysxcp_lc ul li .ysxcp_lc_b_img .ysxcp_lc_b_img_t{opacity:1; transition:all 0.5s;}
.ysxcp_lc ul li:hover .ysxcp_lc_b_img .ysxcp_lc_b_img_t{opacity:0;}
.ysxcp_lc ul li .ysxcp_lc_b_img .ysxcp_lc_b_img_b{width:100%; opacity:0; position:absolute; top:0; left:0; transition:all 0.5s;}
.ysxcp_lc ul li:hover .ysxcp_lc_b_img .ysxcp_lc_b_img_b{opacity:1;}
.ysxcp_lc ul li .ysxcp_lc_b_bt{color:#fff; font-size:20px; margin-top:10px;}
.ysxcp_lc ul li .ysxcp_lc_b_wz{color:#fff; font-size:15px; margin-top:10px;}

.ysxcp_lc_more{text-align:center; margin-top:125px;}
.ysxcp_lc_more a{display:inline-block; color:#fff; font-size:16px; line-height:40px; text-transform:uppercase; padding:0 40px; background:#ff000f;}



/*视频推广高曝光*/
.sptg_gbg_bj{width:100%; padding:90px 0; background:#fff;}
.sptg_gbg ul{overflow:hidden; margin-left:-4%;}
.sptg_gbg ul li{width:29.33%; float:left; text-align:center; margin-left:4%;}
.sptg_gbg ul li .sptg_gbg_t{color:#ff0014; font-size:50px; line-height:50px;}
.sptg_gbg ul li .sptg_gbg_b{font-size:20px; margin-top:14px;}



/*视频推广平台概况*/
.sptg_ptgk_bj{width:100%; padding:90px 0; background:url(../images/sptg_ptgk_bj.jpg) fixed center no-repeat;}
.sptg_ptgk_bj .visj_ny_bt .visj_ny_bt_t{color:#fff;}
.sptg_ptgk_bj .visj_ny_bt .visj_ny_bt_b{color:#fff;}
.sptg_ptgk{margin-top:90px;}
.sptg_ptgk ul{overflow:hidden; position:relative;}
.sptg_ptgk ul:after{content:""; width:2px; height:50px; margin-left:-1px; background:#fff; position:absolute; left:50%; top:10px;}
.sptg_ptgk ul li{width:50%; float:left; text-align:center;}
.sptg_ptgk ul li .sptg_ptgk_t .sptg_ptgk_wz{color:#fff; font-size:20px; margin-top:20px;}
.sptg_ptgk ul li .sptg_ptgk_b{overflow:hidden; margin-top:70px;}
.sptg_ptgk ul li .sptg_ptgk_b_kj{width:50%; float:left; padding:0 40px;}
.sptg_ptgk ul li .sptg_ptgk_b_kj_t{color:#ff000f; font-size:40px; line-height:40px;}
.sptg_ptgk ul li .sptg_ptgk_b_kj_b{color:#fff; font-size:16px; margin-top:20px;}



/*视频推广服务规则*/
.sptg_fwgz_bj{width:100%; padding:90px 0; background:#fff;}
.sptg_fwgz{font-size:26px; line-height:58px; text-align:center;}



/*视频推广稀缺资源*/
.sptg_xqzy_bj{width:100%; padding:90px 0; background:url(../images/sptg_xqzy_bj.jpg) fixed center no-repeat;}
.sptg_xqzy_bj .visj_ny_bt .visj_ny_bt_t{color:#fff;}
.sptg_xqzy_bj .visj_ny_bt .visj_ny_bt_b{color:#fff;}
.sptg_xqzy{margin-top:120px;}
.sptg_xqzy ul{overflow:hidden; margin-left:-4%;}
.sptg_xqzy ul li{width:29.33%; float:left; text-align:center; margin-left:4%; padding:0 60px;}
.sptg_xqzy ul li .sptg_xqzy_bt{color:#ff000f; font-size:26px;}
.sptg_xqzy ul li .sptg_xqzy_wz{color:#fff; font-size:16px; margin-top:30px;}



/*视频推广成功案例*/
.sptg_cgal_bj{width:100%; padding:90px 0; background:#fff;}
.sptg_cgal ul{overflow:hidden; margin-top:-3%; margin-left:-3%;}
.sptg_cgal ul li{width:30.33%; float:left; overflow:hidden; margin-top:3%; margin-left:3%; border:1px #ddd solid; position:relative;}
.sptg_cgal ul li:after{content:""; width:0; height:300%; background: rgba(230,0,18,0.8); transform:translateX(-50%) translateY(-50%) rotate(-45deg); position:absolute; top:50%; left:50%; transition:all 0.5s;}
.sptg_cgal ul li:hover:after{width:100%;}
.sptg_cgal ul li a{display:block; padding:20px;}
.sptg_cgal ul li .sptg_cgal_img{overflow:hidden;}
.sptg_cgal ul li .sptg_cgal_img img{transition:all 0.5s;}
.sptg_cgal ul li:hover .sptg_cgal_img img{transform:scale(1.1);}
.sptg_cgal ul li .sptg_cgal_wb{width:100%; color:#fff; text-align:center; padding:0 20px; transform:translateY(-50%); opacity:0; position:absolute; top:50%; left:0; z-index:1; transition:all 0.5s;}
.sptg_cgal ul li:hover .sptg_cgal_wb{opacity:1;}
.sptg_cgal ul li .sptg_cgal_wb_t{font-size:20px; line-height:20px;}
.sptg_cgal ul li .sptg_cgal_wb_b{font-size:16px; line-height:20px; margin-top:10px;}



/*短视频*/
.dsp_t_bj{width:100%; padding:90px 0; background:#fff;}
.dsp_t ul{overflow:hidden; display:flex; margin-left:-2%;}
.dsp_t ul li{width:31.33%; text-align:center; margin-left:2%; padding:80px 30px; padding-bottom:100px; border:1px #161616 solid; border-top:5px #161616 solid; transition:all 0.5s;}
.dsp_t ul li:hover{border:1px #ff0014 solid; border-top:5px #ff0014 solid;}
.dsp_t ul li .dsp_t_bt{font-size:22px; padding-bottom:10px; position:relative;}
.dsp_t ul li .dsp_t_bt:after{content:""; width:40px; height:3px; margin-left:-20px; background:#161616; position:absolute; bottom:0; left:50%; transition:all 0.5s;}
.dsp_t ul li:hover .dsp_t_bt:after{background:#ff0014;}
.dsp_t ul li .dsp_t_wz{font-size:16px; line-height:28px; margin-top:30px;}


/*短视频服务项目*/
.dsp_fwxm_bj{width:100%; padding:90px 0; background: url(../images/dsp_fwxm_bj.jpg) center fixed no-repeat;}
.dsp_fwxm_bj .visj_ny_bt .visj_ny_bt_t{color:#fff;}
.dsp_fwxm_bj .visj_ny_bt .visj_ny_bt_b{color:#fff;}
.dsp_fwxm ul{overflow:hidden; display:flex; margin-left:-2%;}
.dsp_fwxm ul li{width:31.33%; text-align:center; margin-left:2%; padding:30px 20px; padding-bottom:70px; background:#fff; transition:all 0.5s;}
.dsp_fwxm ul li:hover{background:#ff0000;}
.dsp_fwxm ul li .dsp_fwxm_bt{font-size:22px; padding-bottom:16px; position:relative; transition:all 0.5s;}
.dsp_fwxm ul li:hover .dsp_fwxm_bt{color:#fff;}
.dsp_fwxm ul li .dsp_fwxm_bt:after{content:""; width:40px; height:3px; margin-left:-20px; background:#ff0000; position:absolute; bottom:0; left:50%; transition:all 0.5s;}
.dsp_fwxm ul li:hover .dsp_fwxm_bt:after{background:#fff;}
.dsp_fwxm ul li .dsp_fwxm_wz{font-size:16px; line-height:28px; margin-top:30px; transition:all 0.5s;}
.dsp_fwxm ul li:hover .dsp_fwxm_wz{color:#fff;}


/*短视频优势*/
.dsp_ys_bj{width:100%; padding:90px 0; background:#fff;}
.dsp_ys ul{overflow:hidden; font-size:0px; margin-top:-3%; margin-left:-2%;}
.dsp_ys ul li{width:31.33%; display:inline-block; text-align:center; vertical-align:top; margin-top:3%; margin-left:2%; padding:30px;}
.dsp_ys ul li .dsp_ys_bt{font-size:20px; padding-bottom:14px; position:relative;}
.dsp_ys ul li .dsp_ys_bt:after{content:""; width:50px; height:3px; margin-left:-25px; background:#ff0000; position:absolute; bottom:0; left:50%;}
.dsp_ys ul li .dsp_ys_wz{font-size:16px; line-height:30px; margin-top:10px;}


/*短视频流程*/
.dsp_lc_bj{width:100%; padding:90px 0; background:url(../images/dspdyy_fwys_bj.jpg) fixed center no-repeat;}
.dsp_lc_bj .visj_ny_bt .visj_ny_bt_t{color:#fff;}
.dsp_lc_bj .visj_ny_bt .visj_ny_bt_b{color:#fff;}

.dsp_lc_kj{width:100%; position:relative;}
.dsp_lc_kj:after{content:""; width:100%; height:4px; background:#fff; position:absolute; top:181px; left:0;}
.dsp_lc ul{overflow:hidden; display:flex; margin-left:-2%;}
.dsp_lc ul li{width:14.66%; color:#fff; text-align:center; margin-left:2%; padding:30px; cursor:pointer; position:relative; z-index:1;}
.dsp_lc ul li:hover{background:#ff000f;}
.dsp_lc ul li:after{content:""; width:18px; height:18px; background:#616161; border:4px #fff solid; border-radius:100px; transform:translateX(-50%); position:absolute; top:170px; left:50%;}
.dsp_lc ul li:hover:after{display:none;}
.dsp_lc ul li .dsp_lc_img{transition:all 0.5s;}
.dsp_lc ul li:hover .dsp_lc_img{padding-top:32px;}
.dsp_lc ul li .dsp_lc_bt{font-size:20px; margin-top:10px;  position:relative;}
.dsp_lc ul li .dsp_lc_wz{font-size:16px; line-height:28px; margin-top:100px; transition:all 0.5s;}
.dsp_lc ul li:hover .dsp_lc_wz{margin-top:20px;}


/*短视频案例*/
.dsp_al_bj{width:100%; padding:90px 0; background:#fff;}
.dsp_al ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.dsp_al ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%;}
.dsp_al ul li .dsp_al_wb{overflow:hidden; padding:12px; background:#666666;}
.dsp_al ul li .dsp_al_wb .dsp_al_wb_l{width:calc(100% - 120px); float:left; color:#fff; font-size:16px; line-height:36px;}
.dsp_al ul li .dsp_al_wb .dsp_al_wb_r{width:100px; float:right; text-align:center; }
.dsp_al ul li .dsp_al_wb .dsp_al_wb_r a{display:block; color:#fff; line-height:36px; background:#ff000f;}



/*短视频代运营*/
.dspdyy_t_bj{width:100%; padding:90px 0; background:#fff;}
.dspdyy_t ul{overflow:hidden; margin-left:-50px; display:flex;}
.dspdyy_t ul li{width:31.33%; height:336px; text-align:center; margin-left:50px; padding-top:90px; background:url(../images/dspdyy_t_bj.png); position:relative; transition:all 0.5s;}
.dspdyy_t ul li:hover{background:url(../images/dspdyy_t_bj2.png);}
.dspdyy_t ul li:after{content:""; width:28px; height:56px; margin-top:-28px; background:url(../images/dspdyy_t_dw.png) center no-repeat; position:absolute; top:50%; right:-28px; transition:all 0.5s;}
.dspdyy_t ul li:hover:after{background:url(../images/dspdyy_t_dw2.png) center no-repeat;}
.dspdyy_t ul li .dspdyy_t_bt{font-size:22px; padding-bottom:13px; position:relative; transition:all 0.5s;}
.dspdyy_t ul li:hover .dspdyy_t_bt{color:#fff;}
.dspdyy_t ul li .dspdyy_t_bt:after{content:""; width:40px; height:3px; margin-left:-20px; background:#ff0014; position:absolute; bottom:0; left:50%; transition:all 0.5s;}
.dspdyy_t ul li:hover .dspdyy_t_bt:after{background:#fff;}
.dspdyy_t ul li .dspdyy_t_wz{color:#666; font-size:16px; line-height:28px; margin-top:30px; transition:all 0.5s;}
.dspdyy_t ul li:hover .dspdyy_t_wz{color:#fff;}


/*短视频代运营解决方案*/
.dspdyy_jjfa_bj{width:100%; padding:90px 0; background:url(../images/dspdyy_jjfa_bj.jpg) center fixed no-repeat;}
.dspdyy_jjfa_bj .visj_ny_bt .visj_ny_bt_t{color:#fff;}
.dspdyy_jjfa_bj .visj_ny_bt .visj_ny_bt_b{color:#fff;}
.dspdyy_jjfa{ background:#c2c2c2;}
.dspdyy_jjfa ul{overflow:hidden;}
.dspdyy_jjfa ul li{width:33.33%; height:270px; float:left; text-align:center; padding-top:40px; border-right:2px #fff solid; border-bottom:2px #fff solid; transition:all 0.5s;}
.dspdyy_jjfa ul li:hover{background:#ff0110;}
.dspdyy_jjfa ul li:nth-child(3){border-right:0;}
.dspdyy_jjfa ul li:nth-child(4){border-bottom:0;}
.dspdyy_jjfa ul li:nth-child(5){border-bottom:0;}
.dspdyy_jjfa ul li:nth-child(6){border-bottom:0; border-right:0;}
.dspdyy_jjfa ul li .dspdyy_jjfa_img{width:100%; position:relative;}
.dspdyy_jjfa ul li .dspdyy_jjfa_img .dspdyy_jjfa_img1{opacity:1; transition:all 0.5s;}
.dspdyy_jjfa ul li:hover .dspdyy_jjfa_img .dspdyy_jjfa_img1{opacity:0;}
.dspdyy_jjfa ul li .dspdyy_jjfa_img .dspdyy_jjfa_img2{width:100%; opacity:0; position:absolute; top:0; left:0; transition:all 0.5s;}
.dspdyy_jjfa ul li:hover .dspdyy_jjfa_img .dspdyy_jjfa_img2{opacity:1;}
.dspdyy_jjfa ul li .dspdyy_jjfa_bt{font-size:20px; margin-top:10px; padding-bottom:14px; position:relative; transition:all 0.5s;}
.dspdyy_jjfa ul li:hover .dspdyy_jjfa_bt{color:#fff;}
.dspdyy_jjfa ul li .dspdyy_jjfa_bt:after{content:""; width:50px; height:3px; margin-left:-25px; background:#ff0110; position:absolute; bottom:0; left:50%; transition:all 0.5s;}
.dspdyy_jjfa ul li:hover .dspdyy_jjfa_bt:after{background:#fff;}
.dspdyy_jjfa ul li .dspdyy_jjfa_wz{font-size:16px; line-height:24px; margin-top:10px; transition:all 0.5s;}
.dspdyy_jjfa ul li:hover .dspdyy_jjfa_wz{color:#fff;}


/*短视频代运营价值体现*/
.dspdyy_jztx_bj{width:100%; padding:90px 0; background:#fff;}
.dspdyy_jztx .dspdyy_jztx_img{width:420px; float:left;}
.dspdyy_jztx .dspdyy_jztx_wb{width:calc(100% - 480px); float:right; margin-top:80px;}
.dspdyy_jztx .dspdyy_jztx_wb .dspdyy_jztx_bt{font-size:36px; position:relative;}
.dspdyy_jztx .dspdyy_jztx_wb .dspdyy_jztx_wz{font-size:20px; line-height:30px; margin-top:50px;}
.dspdyy_jztx .dspdyy_jztx_wb ul{overflow:hidden; margin-top:30px;}
.dspdyy_jztx .dspdyy_jztx_wb ul li{font-size:16px; line-height:24px; margin-top:20px; padding-left:30px; position:relative;}
.dspdyy_jztx .dspdyy_jztx_wb ul li:after{content:""; width:24px; height:24px; background:url(../images/dspdyy_jztx_wb_dg.png) left center no-repeat; position:absolute; top:0; left:0;}
.dspdyy_jztx .dspdyy_jztx_wb .dspdyy_jztx_more{margin-top:125px;}
.dspdyy_jztx .dspdyy_jztx_wb .dspdyy_jztx_more a{display:inline-block; color:#fff; font-size:16px; line-height:40px; text-transform:uppercase; padding:0 40px; background:#ff000f;}


/*短视频代运服务优势*/
.dspdyy_fwys_bj{width:100%; padding:90px 0; background:url(../images/dspdyy_fwys_bj.jpg) center fixed no-repeat;}
.dspdyy_fwys_bj .visj_ny_bt .visj_ny_bt_t{color:#fff;}
.dspdyy_fwys_bj .visj_ny_bt .visj_ny_bt_b{color:#fff;}

.dspdyy_fwys ul{overflow:hidden; display:flex; margin-left:-4%;}
.dspdyy_fwys ul li{width:29.33%; text-align:center; margin-left:4%; padding:40px 30px; background:#fff; position:relative;}
.dspdyy_fwys ul li:after{content:""; width:100%; height:6px; background:#000; position:absolute; bottom:0; left:0;}
.dspdyy_fwys ul li:before{content:""; width:0; height:6px; background:#ff000f; position:absolute; bottom:0; left:0; z-index:1; transition:all 0.5s;}
.dspdyy_fwys ul li:hover:before{width:100%;}
.dspdyy_fwys ul li .dspdyy_fwys_img{width:100%; position:relative;}
.dspdyy_fwys ul li .dspdyy_fwys_img .dspdyy_fwys_img1{opacity:1; transition:all 0.5s;}
.dspdyy_fwys ul li:hover .dspdyy_fwys_img .dspdyy_fwys_img1{opacity:0;}
.dspdyy_fwys ul li .dspdyy_fwys_img .dspdyy_fwys_img2{width:100%; opacity:0; position:absolute; top:0; left:0; transition:all 0.5s;}
.dspdyy_fwys ul li:hover .dspdyy_fwys_img .dspdyy_fwys_img2{opacity:1;}

.dspdyy_fwys ul li .dspdyy_fwys_bt{font-size:20px; margin-top:10px;}
.dspdyy_fwys ul li .dspdyy_fwys_wz{color:#666; font-size:16px; margin-top:16px;}


/*短视频流量变现*/
.dspllbx_t_bj{width:100%; padding:90px 0; background:#fff;}
.dspllbx_t .dspllbx_t_img{text-align:center;}
.dspllbx_t .dspllbx_t_wz{font-size:16px; line-height:40px; text-align:center; margin-top:60px;}


/*用户漏斗模型*/
.dspllbx_yhldmx_bj{width:100%; padding:90px 0; background:url(../images/dspllbx_yhldmx_bj.jpg) center fixed no-repeat;}
.dspllbx_yhldmx_bj .visj_ny_bt .visj_ny_bt_t{color:#fff;}
.dspllbx_yhldmx_bj .visj_ny_bt .visj_ny_bt_b{color:#fff;}
.dspllbx_yhldmx .dspllbx_yhldmx_img{text-align:center;}


/*流量变现的三大方式*/
.dspllbx_b_bj{width:100%; padding:90px 0; background:#fff;}
.dspllbx_b{max-width:1660px;}
.dspllbx_b ul{display:flex; margin-left:-3%;}
.dspllbx_b ul li{width:30.33%; text-align:center; margin-left:3%; padding:50px 70px; border-radius:30px; transition:all 0.5s;}
.dspllbx_b ul li:hover{box-shadow:0 0 14px rgba(0,0,0,0.2);}

.dspllbx_b ul li .dspllbx_b_img{width:100%; position:relative;}
.dspllbx_b ul li .dspllbx_b_img .dspllbx_b_img1{opacity:1; transition:all 0.5s;}
.dspllbx_b ul li:hover .dspllbx_b_img .dspllbx_b_img1{opacity:0;}
.dspllbx_b ul li .dspllbx_b_img .dspllbx_b_img2{width:100%; opacity:0; position:absolute; top:0; left:0; transition:all 0.5s;}
.dspllbx_b ul li:hover .dspllbx_b_img .dspllbx_b_img2{opacity:1;}

.dspllbx_b ul li .dspllbx_b_bt{font-size:24px; margin-top:20px; padding-bottom:20px; position:relative;}
.dspllbx_b ul li .dspllbx_b_bt:after{content:""; width:44px; height:4px; margin-left:-22px; background:#ff0000; position:absolute; bottom:0; left:50%;}
.dspllbx_b ul li .dspllbx_b_wz{font-size:16px; line-height:40px; margin-top:20px;}



/*成功案例*/
.cgal_bj{width:100%; padding:160px 0 100px 0; background:#fff;}
.cgal_dh{max-width:1650px;}
.cgal_dh ul{overflow:hidden; margin-left:-20px;}
.cgal_dh ul li{float:left; overflow:hidden; margin-left:20px; border:1px #ccc solid; border-radius:500px; position:relative; transition:all 0.5s;}
.cgal_dh ul li:hover{border:1px #e60012 solid;}
.cgal_dh ul li:after{content:""; width:0; height:100%; background:#e60012; position:absolute; top:0; left:0; transition:all 0.5s;}
.cgal_dh ul li:hover:after{width:100%;}
.cgal_dh ul li a{display:block; line-height:40px; padding:0 30px; position:relative; z-index:1; transition:all 0.5s;}
.cgal_dh ul li:hover a{color:#fff;}
.cgal_dh ul li.s{border:1px #e60012 solid;}
.cgal_dh ul li.s a{color:#fff;}
.cgal_dh ul li.s:after{width:100%;}

.cgal{max-width:1650px; margin-top:50px;}
.cgal ul{overflow:hidden; margin-top:-1%; margin-left:-1%;}
.cgal ul li{width:32.33%; float:left; overflow:hidden; margin-top:1%; margin-left:1%; position:relative;}
.cgal ul li .cgal_dw{width:0; height:300%; background: rgba(230,0,18,0.8); transform:translateX(-50%) translateY(-50%) rotate(-45deg); position:absolute; top:50%; left:50%; transition:all 0.5s;}
.cgal ul li:hover .cgal_dw{width:100%;}
.cgal ul li a{display:block;}
.cgal ul li .cgal_img{overflow:hidden;}
.cgal ul li .cgal_img img{transition:all 0.5s;}
.cgal ul li:hover .cgal_img img{transform:scale(1.1);}
.cgal ul li .cgal_wb{width:100%; color:#fff; text-align:center; padding:0 40px; transform:translateY(-50%); opacity:0; position:absolute; top:50%; left:0; z-index:1; transition:all 0.5s;}
.cgal ul li:hover .cgal_wb{opacity:1;}
.cgal ul li .cgal_wb_t{font-size:20px; line-height:20px;}
.cgal ul li .cgal_wb_b{font-size:16px; line-height:20px; margin-top:10px;}
.cgal ul li .cgal_wb_bb{margin-top:10px;}


/*案例详情*/
.al_banner_bjjj{width:100%; height:100%;}
.al_banner_bjj{width:100%; height:100%; display:table; padding-top:0px; position:fixed;}
/*.al_banner_bjj:after{content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;}*/
.al_banner_bj{width:100%; display:table-cell; vertical-align:middle; position:relative; z-index:1;}

.al_banner .al_banner_bt{color:#fff; font-size:48px; padding-bottom:20px; position:relative;}
.al_banner .al_banner_bt:after{content:""; width:40px; height:4px; background:#fff; position:absolute; bottom:0; left:0;}
.al_banner .al_banner_wz{color:#fff; font-size:20px; margin-top:50px;}
.al_banner .al_banner_lj{margin-top:120px;}
.al_banner .al_banner_lj a{display:block; width:44px; height:44px; border:1px #fff solid; border-radius:200px; background:url(../images/al_banner_lj.png) center no-repeat; background-size:24px;}
.al_banner .al_banner_lj a:hover{background:#fff url(../images/al_banner_lj2.png) center no-repeat; background-size:24px;}

.al_xq_bj{width:100%; padding:80px 0; background:#fff;}
.al_xq .al_xq_t{padding:50px; background:#f5f5f5; position:relative;}
.al_xq .al_xq_t .al_xq_t_bt{color:#555; font-size:24px; padding-bottom:20px; position:relative;}
.al_xq .al_xq_t .al_xq_t_bt:after{content:""; width:10px; height:2px; background:#555; position:absolute; bottom:0; left:0;}
.al_xq .al_xq_t .al_xq_t_wz{color:#555; line-height:26px; margin-top:30px;}
.al_xq .al_xq_wb{margin-top:60px;}



/*新闻中心*/
.xwzx ul{margin-top:-3%; margin-left:-3%;}
.xwzx ul:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.xwzx ul li{width:30.33%; overflow:hidden; float:left; margin-top:3%; margin-left:3%; border-radius:8px; transition:all 0.5s;}
.xwzx ul li:hover{transform:translateY(-10px); box-shadow:0 8px 20px rgba(0,0,0,0.1);}
.xwzx ul li .xwzx_img{overflow:hidden;}
.xwzx ul li .xwzx_img img{transition:all 0.5s;}
.xwzx ul li:hover .xwzx_img img{transform:scale(1.1);}
.xwzx ul li .xwzx_wb{padding:20px; padding-bottom:30px; transition:all 0.5s;}
.xwzx ul li .xwzx_wb_t{font-size:17px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xwzx ul li .xwzx_wb_b{color:#666; font-size:15px; margin-top:10px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.xwzx ul li .xwzx_rq{overflow:hidden; margin-top:20px;}
.xwzx ul li .xwzx_rq span{margin-left:10px; padding-left:18px; background:url(../images/yj.png) left center no-repeat;}

.xwxq_bj{padding:180px 0 80px 0;}
.xwxq .xwxq_bt{font-size:20px; text-align:center;}
.xwxq .xwxq_rq{text-align:center; margin-top:20px; padding-bottom:20px; border-bottom:1px #ccc dashed; margin-bottom:20px;}
.xwxq .xwxq_rq span{color:#e60012; margin-left:10px; padding-left:18px; background:url(../images/yj.png) left center no-repeat;}
.xwxq .xwxq_wb{line-height:24px; margin-top:30px;}

.xwxq_back{width:100%; margin:60px auto 0; border-top:1px solid #eee; padding-top:20px;}
.xwxq_llist{width:80%; float:left;}
.xwxq_llist li{width:100%; float:left; margin-bottom:10px;}
.xwxq_llist li span{font-size:15px; font-weight:bold; color:#000; margin-right:5px;}
.xwxq_llist li a{font-size:14px; color:#666; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.xwxq_llist li a:hover{color:#e60012;}
.xwxq_more{width:15%; float:right; text-align:right; margin-top:10px;}
.xwxq_more a{display:inline-block; color:#fff; line-height:46px; padding:0 40px; border:1px #e60012 solid; position:relative;}
.xwxq_more a:after{content:""; width:0; height:100%; background:#e60012; position:absolute; left:0; top:0; transition:all 0.5s;}
.xwxq_more a:hover:after{width:100%;}
.xwxq_more a span{display:block; color:#e60012; padding-left:30px; background:url(../images/cpxq_hf_bj2.png) left center no-repeat; position:relative; z-index:1; transition:all 0.5s;}
.xwxq_more a:hover span{background:url(../images/cpxq_hf_bj.png) left center no-repeat;}
.xwxq_more a:hover span{color:#fff; display:block;}

.xwxq_xgtj{width:100%; margin:60px auto 0;}
.xwxq_xgtj_tit{width:100%; float:left; position:relative;}
.xwxq_xgtj_tit h2{font-size:24px; color:#e60012; line-height:24px; padding-left:20px;}
.xwxq_xgtj_tit h2:after{content:""; display:block; width:2px; height:24px; background:#e60012; position:absolute; left:0; top:0;}
.xwxq_xgtj_list{width:100%; float:left;}
.xwxq_xgtj_list li{width:31.333%; overflow:hidden; float:left; margin:40px 3% 0 0; -webkit-transition:all .3s; transition:all .3s;}
.xwxq_xgtj_list li:nth-child(3n){margin-right:0;}
.xwxq_xgtj_list li:hover{transform:translateY(-10px); box-shadow:0 8px 20px rgba(0,0,0,0.1);}
.xwxq_xgtj_list li .xwzx_img{overflow:hidden;}
.xwxq_xgtj_list li .xwzx_img img{-webkit-transition:all .3s; transition:all .3s;}
.xwxq_xgtj_list li:hover .xwzx_img img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.xwxq_xgtj_list li .xwzx_wb{padding:20px; padding-bottom:30px; transition:all 0.5s;}
.xwxq_xgtj_list li .xwzx_wb_t{font-size:17px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xwxq_xgtj_list li .xwzx_wb_b{color:#666; font-size:15px; margin-top:10px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.xwxq_xgtj_list li .xwzx_rq{overflow:hidden; margin-top:20px;}
.xwxq_xgtj_list li .xwzx_rq span{margin-left:10px; padding-left:18px; background:url(../images/yj.png) left center no-repeat;}



/*关于我们*/
.gywm_bj{width:100%; padding:90px 0; background:#fff;} 
.gywm .gywm_bt{font-size:26px; line-height:30px; font-weight:bold;}
.gywm .gywm_wb{overflow:hidden;  margin-top:30px;}
.gywm .gywm_wb .gywm_wb_l{width:calc(100% - 550px); float:left; font-size:15px; line-height:26px;}
.gywm .gywm_wb .gywm_wb_img{width:500px; float:right;}



/*联系我们*/
.lxwm_bj{width:100%; padding:90px 0; background:#f4f4f4;}
.lxwm_bt{font-size:26px; line-height:30px; font-weight:bold;}
.lxwm{margin-top:40px; position:relative;}
.lxwm .lxwm_dt{width:600px; height:400px; float:left; padding:15px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.1);}
.lxwm .lxwm_wb{width:calc(100% - 650px); float:right; line-height:30px;} 
.lxwm .lxwm_wb hr{border:none; height:1px; margin:20px 0; background:#bbb;}


/*Side*/
.side{position:fixed;width:54px;height:275px;right:0;top:275px;z-index:10000;}
.side ul li{width:54px;height:54px;float:left;position:relative;margin-bottom:2px;}
.side ul li .wx{width:220px;position:absolute; bottom:54px;right:0; display:none;}
.side ul li a:hover .wx{display:block;}
.side ul li .wx img{width:100%; display:block;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;background:#333; color:#fff; line-height:54px; font-size:14px;overflow:hidden; border-radius:5px 0 0 5px;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#333; border-radius:5px 0 0 5px;}
.side ul li .sidetop:hover{background:#ff0000;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}