@charset "utf-8";



#view_body {padding-top: 90px;}
#view_body #about .clear.mt50.relative::before {opacity: 1;top: -50px;}
.border1 {border: 1px solid #E5E5E5;}
.border2 {border: 2px solid #eee;}
.mlr-10 {margin-left: -10px; margin-right: -10px;}
.box-shadow1 {-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.05);}
.max-w1400 {max-width: 1400px;}

/* 列表页页眉 */
#pages{padding: 0;text-align: center; margin: 80px 0; font-size: 16px; color: #999;}
#pages a{width: 45px;height: 45px;display: inline-block;color: #999;line-height: 45px;text-align: center;font-family: Arial;margin-right: 5px;transition: background-color 0.2s ease-out;}
#pages span{margin-right: 5px}
#pages a i{font-size: 20px;width: 45px;height: 45px;text-align: center;line-height: 45px;vertical-align: middle;}
#pages a.active, #pages a:hover{background-color: #838383;color: #fff;}
#pages a.active, #pages a:hover {background-color: #eb5b26;}
#pages li {width: 45px;height: 45px;background-color: #f3f3f3;display: inline-block;color: #a9a9a9;line-height: 45px;text-align: center;font-family: Arial;margin: 0;margin-right: 5px;transition: background-color 0.2s ease-out;overflow: hidden;font-size: 18px;}
#pages li.thisclass a {color: #fff;background-color: #eb5b26;}
#pages p.tips {padding: 20px 0;}
.bg_gray #pages li {background: #FFF} .bg_white #pages li {background: #EEE}


/* 内页顶部banner */
.nybanner{width:100%;height: 0;position:relative;/* overflow:hidden; */background-position: center;background-repeat:no-repeat;padding-bottom: 20%;background-size: 100%;}
.nybanner::after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.3);z-index: 1;}
.nybanner.no-zd::after {display: none;}
#view_banner .header {margin: -50px auto 0;/* height: 5rem; */position: absolute;z-index: 2;left: 0;right: 0;top: 50%;/* line-height: 35px; */}
#view_banner .header .title {color: #FFF;text-transform: uppercase;font-size: 4rem;letter-spacing: 0.05em;line-height: 50px;padding-bottom: 25px;}
#view_banner .header .title::after { content: ''; position: absolute; height: 2px; width: 50px; background: #FFF;  left: 0; bottom: 0;}
#view_banner .header.t-center .title::after {right: 0; margin: 0 auto;}
#view_banner .header .subtitle {color: #ddd;font-size: 1.7rem;text-transform: uppercase;line-height: 2rem;}
#blog .blog_list,#history .history_box,#honor .honor_list_box,#video .video_view,.honor_view,.quote_box {width: 75%;min-height: 1000px;padding: 50px 30px;box-sizing: border-box;}
#header.head-top {background: none;}
#view_banner.case_banner,#view_banner.service_banner {height: 720px; padding-bottom: 0;}
#view_banner.about_banner {height: 650px;padding-bottom: 0;}
#view_banner.case_banner .header,#view_banner.about_banner .header{z-index: 100; top: 40%;}
#view_banner.about_banner .header {top: 50%;}
#view_banner.about_banner .header .title {color: #333;}
#view_banner.about_banner .header .description {color: #444; font-size: 1.7rem; text-transform: uppercase; line-height: 2.7rem; font-weight: lighter;}
#view_banner .bg_video {width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #666; z-index: 99;}
#view_banner .bg_about {width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 99;background-position: center; background-repeat: no-repeat; background-size: cover;}
#view_banner .bg_video video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%,-50%); -o-object-fit: cover; object-fit: cover; z-index: 99;}
#view_banner .bg_video::after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(..//images/banner_bg.png);opacity: 0.7;filter: alpha(opacity=70);z-index: 100;background: rgba(0,0,0,.5);}
#view_banner.case_banner .banner-link {position: absolute;left: 0;right: 0;bottom: 0;z-index: 99;background: rgba(255,255,255,.05);border-top: 1px solid rgba(255,255,255,.15);}
.case_banner .link-box ul.list li {width: 20%;}
.case_banner .link-box ul.list li:hover,.case_banner .link-box ul.list li.cur {background: rgba(255,255,255,.15);}
.case_banner .link-box ul.list li a {line-height: 25px;padding: 25px 10px 25px 35px;font-size: 14px;color: #bbb;color: rgba(255,255,255,.75);text-shadow: 0 1px 3px #00000040;}
.case_banner .link-box ul.list li a h5 {font-size: 22px;/* font-weight: bold; */letter-spacing: 0.05em;}
.case_banner .link-box ul.list li a::after {content: "";position: absolute;right: 0;bottom: 0;top: 0;width: 1px;height: 40px;background: rgba(255,255,255,.1);margin: auto;}
.case_banner .link-box ul.list li:last-child a::after {display: none;}
.case_banner .link-box ul.list li.cur a,.case_banner .link-box ul.list li a:hover {color: #FFF;}

/* 作品案例 */
.case_bgBox {padding-left: 155px; padding-right: 155px;}
#case .l_case ul {margin: 0 -1%;}
#case .l_case ul li {width: 31.33%;margin: 0 1% 2%;height: 0;padding-bottom: 20%;}
#case .l_case ul li::after {content: '';position: absolute;left: 0;bottom: 0;right: 0;z-index: 15;background: url(..//images/case_bg.png) repeat-x left bottom;opacity: .5;transition: all .5s;height: 30%;background-size: auto 100%;display: none;}
#case .l_case ul li .movie_info {position: absolute;left: 0;right: 0;bottom: -30px;color: #FFF;z-index: 30;line-height: 25px;text-shadow: 0 1px 3px #00000020;font-weight: lighter;padding: 15px 12% 15px;font-size: 1.4rem;background: rgba(0,0,0,.15);}
#case .l_case ul li .movie_info .title {font-size: 1.75rem;/* line-height: 30px; */font-weight: 400;letter-spacing: 0.03em;}
#case .l_case ul li .movie_info .data {font-size: 1.4rem;color: #eee;}
#case .l_case ul li .movie_info .data span {margin: 0 5px;}
#case .l_case ul li .movie_info .data span i {margin-right: 5px;}
#case .l_case ul li .movie_info .description {line-height: 25px;height: 25px;opacity: 0;margin-top: 5px;}
#case .l_case ul li .movie_show {position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;background: rgba(0,0,0,.1);z-index: 20;}
#case .l_case ul li .movie_show i {position: absolute;left: 0; right: 0; top: 50%; height: 50px; width: 50px; font-size: 35px; margin: -70px auto; line-height: 50px; z-index: 30; color: #ffffff; border-radius: 50%; background: rgba(0,0,0,.2); padding: 10px; opacity: 0;}
#case .l_case ul li .movie_img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%;z-index: 10;}
#case .l_case ul li .movie_img span {background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 10;width: 100%;height: 100%;display: block;}
#case .l_case ul li:hover::after {/* height: 0; */opacity: .1;}
#case .l_case ul li:hover .movie_show {background: rgba(0,0,0,.3);}
#case .l_case ul li:hover .movie_show i {margin: -40px auto;opacity: 1;}
#case .l_case ul li:hover .movie_info {bottom: 0;}
#case .l_case ul li:hover .movie_info .description {opacity: 1;}
#video_view .bg_movie,#feature_view .bg_feature {background-image: url(..//images/bg_video.jpg);background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 150px;}
#video_view .movieBox,#feature_view .featureBox{height: 0; padding-bottom: 56.25%; max-width: 1400px; position: relative;}
#video_view .a16-9 .movieBox {padding-bottom: 56.25%;}#video_view .b21-9 .movieBox {padding-bottom: 42.85%;}#video_view .bg_movie .c9-16 {width: 500px; min-width: 500px;}#video_view .c9-16 .movieBox {padding-bottom: 177.77%;}
#video_view .movieBox #player {position: absolute;left: 0; top: 0; height: 100%; width: 100%;}
#video_view .movieBox #player >div {width: 100% !important;; height: 100% !important;;}
#video_view .bg_movie::after {content: '';position: absolute;left: 0; right: 0; top: 0; height: 150px; background: url(..//images/head_bg.png) repeat-x; z-index: 10; opacity: .7;}
#video_view .movie_info {padding: 20px 50px 50px;}
#video_view .movie_info .view_head { border-bottom: 1px solid #F5F5F5; padding-bottom: 15px; padding-right: 240px;}
#video_view .movie_info .view_head h3.title { font-size: 3rem; color: #111; letter-spacing: 0.03em;}
#video_view .movie_info .view_head h3.title::after {content: ''; position: absolute; height: 30px; width: 5px; background: #eb5b26; left: -50px; top: 0; bottom: 0; margin: auto 0;}
#video_view .movie_info .view_head .info,#video_view .movie_info .view_head .info a {font-size: 14px;color: #999;}
#video_view .movie_info .view_head .info span {margin-right: 20px;}
#video_view .movie_info .view_head .info span i {margin-right: 5px;color: #aaa;font-size: 16px;}
#video_view .view .share {position: absolute;top: 0;right: 0;}
#video_view .view .share a {height: 50px;width: 50px;margin: 0;background-size: 100% auto;/* border: 5px solid #fff; */}
#video_view .view .share a:hover {background-position-y: -50px;}
#video_view .view .tag a {background: #F5F5F5;line-height: 26px;}
#video_view .view .tag .tips {font-size: 1.5rem;letter-spacing: 0.05em;margin-right: 10px;font-weight: bold;color: #333;line-height: 26px;display: block;}
#video_view .view .tag .tips i {font-weight: normal; margin-right: 3px; font-size: 18px; vertical-align: middle;}
#video_view .view_content {min-height: 50px;}
#video_view .pagings { padding: 30px 50px; background: #FBFBFB; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE;}
#video_view .movie_info.c9-16 .view_head {padding-left: 240px;text-align: center;}
/* 作品内推荐 */
.recommend-box {overflow: hidden;padding:50px;}
.recommend-title {height: 20px;position: relative;margin-bottom: 30px;}
.recommend-title h4 {position: absolute;left: 0px;top: 0;bottom: 0;line-height: 20px;font-size: 19px;color: #444;height: 20px;font-weight: bold;border-left: 3px solid #DC522D;padding-left: 20px;letter-spacing: 0.05em;}
#video_view #case .case_list li .case_info {padding: 10px 15px;}
.more_f_list ul li {margin-bottom: 20px;}
.more_f_list ul li .pic_box {width: 32%;height: 0;padding-bottom: 19%;}
.more_f_list ul li .pic_box .show {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(0,0,0,.3); z-index: 99; opacity: 0;}
.more_f_list ul li .pic_box .show i {position: absolute;left: 0; right: 0; width: 50px; height: 50px; line-height: 50px; top: 50%; bottom: 0; margin: -25px auto; color: #FFF; font-size: 50px; opacity: 0;}
.more_f_list ul li .pic_box .img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 90;}
.more_f_list ul li .pic_box .img span {background-position: center; background-size: cover; display: block; height: 100%; width: 100%;}
.more_f_list ul li .f_info {position: absolute;left: 35%;right: 30px;top: 50%;transform: translate(0, -50%);font-weight: lighter;}
.more_f_list ul li .f_info .title {font-size: 1.65rem; color: #000; line-height: 35px;}
.more_f_list ul li .f_info .description {font-size: 1.5rem; color: #999;line-height: 25px;}
.more_f_list ul li:hover .pic_box .show{opacity: 1;}
.more_f_list ul li:hover .pic_box .show i {font-size: 35px; opacity: 1;}

/* 精彩花絮 */
.feature_list ul li .feature_img {width: 50%;height: 0; padding-bottom: 30.5%; float: left;}
.feature_list ul li .feature_img .show {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.3); z-index: 15; opacity: 0;}
.feature_list ul li .feature_img .show i {font-size: 70px; color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 60px; height: 60px; line-height: 60px; text-align: center; opacity: 0;}
.feature_list ul li .feature_img span {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 10;}
.feature_list ul li .feature_info {float: right;width: 50%;position: relative;padding-bottom: 30.5%;height: 0;}
.feature_list ul li .feature_img::after {position: absolute;content: '';top: 50%;right: 0;display: block;width: 0;height: 0;border: 12px solid transparent;border-right: 12px solid #FFF;margin-top: -6px;z-index: 20;}
.feature_list ul li .feature_info .f-head {top: 50px;padding: 20px 40px;background: #F5F5F5;position: absolute;right: 0;left: 0;}
.feature_list ul li .feature_info .f-head .title {color: #222; font-size: 26px;font-weight: lighter;}
.feature_list ul li .feature_info .f-head .data { font-size: 14px; color: #999;}
.feature_list ul li .feature_info .f-head .data span {margin-right: 20px;}
.feature_list ul li .feature_info .description {padding: 0 40px;font-size: 15px;color: #666;font-weight: lighter;position: absolute;top: 200px;left: 0;right: 0;height: 90px;line-height: 30px;}
.feature_list ul li:nth-child(even) .feature_img { float: right;}.feature_list ul li:nth-child(even) ..feature_info {float: left;}
.feature_list ul li:nth-child(even) .feature_img::after {left: 0; border: 12px solid transparent;border-left: 12px solid #FFF;}
.feature_list ul li .i-more {position: absolute; bottom: 50px; left: 40px; background: #f5f5f5; color: #eb5b26; font-size: 15px; border: 1px solid #f5f5f5; opacity: 0;}
.feature_list ul li:hover .i-more {opacity: 1;}
.feature_list ul li:hover .feature_info .f-head .title,.more_f_list ul li:hover .f_info .title { color: #eb5b26;}
.feature_list ul li:hover .feature_img span {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1);}
.feature_list ul li:hover .feature_img .show {opacity: 1;}.feature_list ul li:hover .feature_img .show i {opacity: 1; font-size: 50px;}
#feature_view .bg_feature {background-image: url(..//images/bg_feature.jpg); padding-top: 100px; }
#feature_view .featureBox {width: 100%; height: auto; padding-bottom: 0;}
#video_view .pagings.feature-paging .prenext .pic::after {background: url(../images/icon/feature_paly.png) no-repeat center center;    background-size: 50px;}
.imgBox {width: 100%;height: 0;position: relative;padding-bottom: 42%;}
.imgBox .viewImg {position: absolute;width: 100%;height: 100%; left: 0; right: 0; top: 0; bottom: 0;}
,.featureBox .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 10px;}
.viewImg .swiper-container {width: 100%;padding: 11% 0;}
.viewImg .swiper-container .swiper-slide {z-index: 80;opacity: .5;}
.viewImg .swiper-container .swiper-slide-next {transform: translateZ(0) scale(1.6);-webkit-transform: translateZ(0) scale(1.6);z-index: 99;opacity: 1;-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.viewImg .arrow {position: absolute; left: 73%; top: 50%; margin-top: -40px; width: 40px; height: 80px; z-index: 90; background: #FFF; color: #eb5b26; line-height: 80px; text-align: center; border-radius: 5px; opacity: 0;}
.viewImg .arrow:hover {background: #eb5b26; color: #FFF;}
.viewImg .arrow i {font-size: 25px;}
.viewImg .arrow-left {right: 73%; left: auto;}
.viewImg:hover .arrow {left: 80%; opacity: 1;}
.viewImg:hover .arrow.arrow-left {right: 80%; left: auto;}
.viewImg .arrow-right {}
.preview {width:100%;margin-top:20px;position:relative;}
.preview .swiper-slide {width:87px;height:auto;cursor:pointer; opacity: .5; transition: all .5s;}
.preview .swiper-slide .show {position: absolute;z-index: 10;left: 0; top: 0; bottom: 0; right: 0; border: 3px solid #eb5b26; opacity: 0; transition: all .5s;}
.preview .swiper-slide.active-nav,.preview .swiper-slide.active-nav .show {opacity: 1;}
.preview .swiper-slide img,.viewImg .swiper-slide img { width: 100%; max-height: 100%;}


/* 新闻资讯 */
.news_column ul li {width: 130px;line-height: 45px;font-size: 1.65rem;margin-right: 10px;display: inline-block;}
.news_column ul li a {display: block;background-color: #eaeaea;color: #333;border: 1px solid #eaeaea;}
.news_column ul li a:hover {color: #FFF;border: 1px solid #eb5b26;background-color: #eb5b26;} 
.news_column ul li.cur a {background: #eb5b26; color: #FFF; border: 1px solid #eb5b26;}

.news_list ul,.tags_list ul {margin-right: -3%;}
.news_list ul li,.tags_list ul li {margin-right: 3%;margin-bottom: 3%;width: 30.33%;/* box-shadow: 0 0 10px rgba(0,0,0,.05); */}
.news_list .pic_box,.tags_list .pic_box {width: 100%;height: 0;padding-bottom: 60%;border-radius: 10px;}
.news_list .pic_box .show,.tags_list .pic_box .show {position: absolute;background: rgba(0,0,0,.5);left: 0;top: 0;width: 100%;height: 100%;opacity: 0;z-index: 10;}
.news_list .pic_box .show i,.tags_list .pic_box .show i {color: #fff;font-size: 60px;width: 60px;height: 60px;line-height: 60px;margin: -30px auto 0;position: absolute;left: 0;right: 0;top: 50%;}
.news_list .pic_box .pic,.tags_list .pic_box .pic {position: absolute; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; left: 0; top: 0; height: 100%; z-index: 9;}
.news_list .content,.tags_list .content {line-height: 28px;font-size: 15px;padding: 20px 10px;}
.news_list .content .title,.tags_list .content .title {font-size: 18px;/* font-weight: bold; *//* height: 56px; */}
.news_list .content .info,.tags_list .content .info {font-size: 15px;color: #aaa;line-height: 40px;padding-bottom: 10px;}
.news_list .content .info::after,.news_list .content .info::before {position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 1px;background: #F1F1F1;z-index: 9;}
.news_list .content .info::before {height: 1px;width: 50px;background: #eb5b26;z-index: 10;transition: all 0.3s;}
.news_list .content .info span {margin-right: 20px;}
.news_list .content .info span i,.tags_list .content .info span i {margin-right: 5px;}
.news_list .content .description {color: #888;}
.news_list li:hover .pic,.tags_list li:hover .pic {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1);}
.news_list li:hover .show,.tags_list li:hover .show {opacity: 1;}
.news_list li:hover .show i,.tags_list li:hover .show i {font-size: 45px;}
.news_list li:hover .content .title,.tags_list li:hover .content .title {color: #eb5b26;}
.news_list li:hover .info::before {width: 100%;}

.news_view {width: 75%;box-sizing:  border-box;}
.news_view .content_box {padding: 30px;}
.news_view .view_head {padding-bottom: 15px;border-bottom: 1px solid #EEE;}
.news_view .view_head h3.title {font-size: 3rem;color: #111;/* margin-bottom: 15px; */font-weight: normal;}
.news_view .view_head h3.title::after {content: '';position: absolute;height: 30px;width: 3px;background: #eb5b26;left: -50px;top: 0;bottom: 0; margin: auto 0;}
.news_view .view_head .info,.news_view .view_head .info a {font-size: 14px;color: #999;}
.news_view .view_head .info span {margin-right: 20px;}
.news_view .view_head .info span i {margin-right: 5px;color: #aaa;font-size: 16px;}

.view .tag a {line-height: 30px; font-size: 12px; padding: 0 13px; margin-right: 10px; background: #eee; color: #999;}
.view .tag a:hover,#video_view .view .tag a:hover {background: #eb5b26; color: #FFF;}
.view .share .tips { font-size: 1.3rem; color: #ccc; letter-spacing: 0.2em;}
.view .share a { width: 60px; height: 60px; line-height: 60px; color: #666;cursor: pointer;margin: 0 5px; border-radius: 50%; border: 7px solid #fff; background-color: #EEE;}
.view .share a:hover {border-color: #F5F5F5; background-position-y: -60px;}
.view .share a.wx:hover {background-color: #3cc583;}.view .share a.wb:hover {background-color: #e64c37;}.view .share a.qq:hover {background-color: #3d87ec;}

.view_title h3 {font-size: 21px; color: #111; font-family: "SourceSansPro";}
.view_content {font-size: 1.75rem;line-height: 2.1em;color: #333;word-wrap: break-word;text-align: justify;padding: 25px 0;min-height: 550px;font-weight: lighter;}
.view_content a {color: #333;}.view_content a:hover {color: #eb5b26;}
.view_content img {display: block; float: none; margin: 15px auto; max-width: 100%; height: auto;}

/* 内容页上下篇样式*/
.paging {display: block;background: #F9F9F9;}
.paging .prenext {width: 50%;float: left;height: 60px;font-size: 1.7rem;}
.paging .prenext .pic {display: none;}
.paging .prenext.next {float: right;}
.paging .prenext a {color: #292a2e;display: block;height: 60px;line-height: 60px;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s;/* color: #eb5b26; */}
.paging .prenext a .parameter {padding: 0 15px;transition: all 0.3s; position: relative}
.paging .prev a {padding-right: 30px;}
.paging .next a {padding-left: 30px;text-align: left;}
.paging .prenext .subtitle {display: none;}
.paging .back {left: 50%;width: 60px;margin-left: -30px;position: absolute;text-align: center;}
.paging .back a {display: block;transition: all 0.3s;color: #eb5b26;line-height: 60px;height: 100%;}
.paging .prenext a:hover .parameter {color: #eb5b26;background: #F1F1F1;}
.paging .back a:hover {color: #FFF;background: #eb5b26;}
.paging .prenext a:hover .parameter {padding: 0 50px;}
.paging .next a .parameter::after {content: '';position: absolute;border-left: 7px solid #eb5b26;border-top: 7px solid transparent;border-bottom: 7px solid transparent;display: inline-block;left: 20px;top: 24px;z-index: 50;opacity: 0;transition: all 0.3s;}
.paging .prev a .parameter::after {content: '';position: absolute;border-right: 7px solid #eb5b26;border-top: 7px solid transparent;border-bottom: 7px solid transparent;display: inline-block;right: 20px;top: 24px;z-index: 50;opacity: 0;transition: all 0.3s;}
.paging .next a:hover .parameter::after,.paging .prev a:hover .parameter::after {opacity: 1;}
.paging .back i {font-size: 24px;}
/* 内容页上下篇带图片样式 */
.pagings .prenext {width: 50%; float: left;}
.pagings .prenext.next {float: right;}
.pagings .prenext a { position: relative; overflow: hidden; display: block;}
.pagings .prenext .pic {float: left;width: 160px; height: 90px;border-radius: 5px; overflow: hidden; position: relative;}
.pagings .prenext.next .pic {float: right;}
.pagings .prenext .pic img {min-height: 100%; max-width: 100%; position: absolute; z-index: 9; min-width: 100%;}
.pagings .prenext .pic::after {content: '';position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 0 0 180px rgba(0,0,0,.25); -webkit-box-shadow: inset 0 0 180px rgba(0,0,0,.25);  -ms-box-shadow: inset 0 0 180px rgba(0,0,0,.25); -moz-box-shadow: inset 0 0 180px rgba(0,0,0,.25); background: url(../images/icon/move_paly.png) no-repeat center center; background-size: 40px; transition: all 0.3s ease-in-out; opacity: 0; z-index: 20;}
.pagings .prenext .parameter {position: absolute; left: 180px; right: 0; bottom: 0; color: #666; line-height: 25px; top: 0; margin: auto 0; height: 50px; transition: all .5s;}
.pagings .prenext.next .parameter {left: 0; right: 180px; text-align: right;}
.pagings .prenext .parameter p.pag-title {font-size: 1.7rem; color: #333; transition: all .5s;}
.pagings .prenext .parameter p.subtitle {font-size: 1.4rem; color: #999;}
.pagings .prenext a:hover .parameter {padding: 0 15px;}
.pagings .prenext a:hover .parameter p.pag-title {color: #eb5b26;}
.pagings .prenext a:hover .pic::after {opacity: 1;}
/* 通用内页侧边栏 */
.xk_box .xk_sidebar {width: 25%;position: absolute;right: 0;top: 0;min-height: 910px;bottom: 0;padding: 80px 2.5% 0;box-sizing: border-box;}
.xk_box .xk_sidebar .sidebar_body {margin-bottom: 20px;}
.xk_box .xk_sidebar .sidebar_body h5.title {text-transform: uppercase;position: relative;font-size: 18px;color: #222;height: 40px;line-height: 40px;margin-bottom: 10px;}
.xk_box .xk_sidebar .sidebar_body h5.title::after {position: absolute;content: "";height: 22px;width: 3px;bottom: 0;background: #eb5b26;top: 0;left: -9.5%;margin: auto 0;}
.xk_box .xk_sidebar .sidebar_body .column li {height: 40px;line-height: 40px;font-size: 16px;width: 50%;font-weight: lighter;}
.xk_box .xk_sidebar .sidebar_body .column li a {transition: all .3s;padding-left: 20px;}
.xk_box .xk_sidebar .sidebar_body .column li a::after {content: '';width: 7px;height: 7px;border-radius: 50px;background: #ccc;position: absolute;left: 0;top: 8px;transition: all .3s;}
.xk_box .xk_sidebar .sidebar_body .column li a:hover::after {background: #eb5b26;}
.xk_box .xk_sidebar .sidebar_body .column li a:hover,.morenews li a:hover {color: #eb5b26;}
.xk_box .xk_sidebar .sidebar_body .column li.cur span {background: #aaa;}
.morenews li {line-height: 38px;font-size: 1.6rem;position: relative;font-weight: lighter;}
.morenews li a {display: block;transition: all 0.3s;padding-right: 30px;}
.morenews li span {position: absolute;right: -10px;text-align: right;font-size: 14px;color: #aaa;bottom: 0;}
.bg_gray .xk_box .xk_sidebar {/* top: 80px; */bottom: 295px;padding: 40px 2% 0;}

/* 侧边菜单栏 */
.module_box {width: 260px;min-width: 200px;position: absolute;left: 0;padding-left: 20px;margin-top: -15px;}
.module_box .module_info {padding: 20px 30px;background: #eb5b26;color: #FFF;font-size: 2rem;}
.module_box .module_info::after {content: "";width: 15px;height: 15px;background: url(../images/icon/title-bg.png) center no-repeat;position: absolute;top: 0;right: -15px;}
.module_box .module_info .title {font-size: 2.8rem;}
.module_box .module_info .subtitle {font-size: 1.8rem;margin-top: 5px;margin-right: 5px;color: #999;}
.module_box .module_list {background: #F5F5F5;margin-bottom: 10px;}
.module_box .module_list ul li {position: relative;display: block;line-height: 30px;font-size: 1.8rem;margin-bottom: 15px;}
.module_box .module_list ul li.m-nav::after {content: "";position: absolute;bottom: 20px;transition: all .4s;background: #eb5b26;left: 0;opacity: 0;width: 3px;margin: 0 auto;top: 20px;}
.module_box .module_list ul.subnav {padding: 15px 0 10px;}
.module_box .module_list ul.subnav li::before {content: "";position: absolute;transition: all .4s;background: #eb5b26;left: 15px;opacity: 0;width: 7px;margin: 0 auto;top: 13px;height: 7px;border-radius: 50px;}
/* .module_box .module_list ul.subnav li:hover::before, */.module_box .module_list ul.subnav li.cur::before {left: 30px;opacity: 1;}
.module_box .module_list ul.subnav li a i {opacity: 1; transition: all .4s;margin-right: 10px;}
.module_box .module_list ul.subnav li:hover a i {opacity: 1; margin-right: 0; color: #eb5b26;}
.module_box .module_list ul li.cur::after,.module_box .module_list ul li.m-nav::after {bottom: 15px;opacity: 1;top: 15px;}
.module_box .module_list ul li a {display: block;color: #28465e;transition: all .4s;text-transform: uppercase;padding: 0 25px;padding-left: 50px;}
.module_box .module_list ul li a i {font-size: 13px; color: #999;opacity: 0;}
.module_box .module_list ul li.cur a {color: #eb5b26;font-weight: bold;}
.module_box .module_list ul li a:hover {color: #eb5b26;}
.module_box .module_list ul li.m-nav {background: #EFEFEF;font-size: 2rem;line-height: 50px;margin-bottom: 0;}
.module_box .module_list ul li.m-nav a {padding-left: 30px;color: #333;}
.module_box .module_list ul li.m-nav.cur a {color: #eb5b26;}

.module_box .column_contact {border: 1px solid #efefef;}
.module_box .column_contact h3.title {position: relative;font-size: 2rem;color: #444;height: 40px;font-weight: bold;border-bottom: 1px solid #efefef;}
.module_box .column_contact h3.title::before {content: '';position: absolute;left:0; bottom:-1px; width: 50px; height: 2px; background: #eb5b26;;}
.module_box .column_contact ul li {line-height: 30px;font-size: 1.6rem;color: #777;margin-bottom: 5px;}
.module_box .column_contact ul li i {display: inline-block;line-height: 25px;margin-right: 10px;width: 25px;font-size: 15px;float: left;color: #fff;background: #eb5b26;height: 25px;border-radius: 50px;text-align: center;margin-top: 3px;}
.module_box .column_contact ul li p {display: inline-block;line-height: 25px;}

/* 分区内容 */
.body-box .module_container {padding-bottom: 100px;position: relative; min-height: 1000px;}
.body-box .container_content {margin-left: 300px;}
.body-box .container_content .view_header { padding: 30px 0;}
.body-box .container_content .view_title {font-size: 28px;color: #ccc;margin-bottom: 5px;font-family: "SourceSansPro";text-transform: uppercase;font-family: 'GOTHAM-BLACK','Microsoft YaHei';}
.body-box .about_content {font-size: 18px; line-height: 30px; color: #444;}
.body-box .about_content img {float: none;max-width: 100%;}
#about .body-box .container_content { margin: 0;}

/* 合作客户 */
#partner .partner_list ul {margin-right: -2%;}
#partner .partner_list ul li {width: 14.66%;margin-right: 2%;margin-bottom: 2%;}
#partner .partner_list ul li {padding-bottom: 8.5%;}
#partner .partner_list ul li .partner_content {position: absolute; bottom: -20px; left: 0; right: 0; background: #eb5b26; color: #FFF; line-height: 35px; font-size: 1.6rem; padding: 0 10px; opacity: 0;}
#partner .partner_list ul li:hover .partner_content {bottom: 0; opacity: 1;}
#partner .partner_list ul li:hover .partner_img {margin-top: -12px;}

/* 关于我们 */
#about .about_box {background: url(..//images/banner/aboutjjbg.png) bottom; background-size: 50%; background-repeat: no-repeat; background-position: center bottom;}
#about .about-head,#about .about_box .union-data,#advantageList {max-width: 1200px; margin-left: auto; margin-right: auto;}
#about .about-head .title {font-size: 4rem; font-weight: lighter;letter-spacing: 0.05em; padding-bottom: 20px;}
#about .about-head .title::after { content: ''; position: absolute; height: 2px; width: 50px; background: #eb5b26; left: 0; bottom: 0;}
#about .about-head.t-center .title::after {right: 0; margin: 0 auto;}
#about .about-head .title.no-hr {padding-bottom: 0;}
#about .about-head .title.no-hr::after {display: none;}
#about .about-head .description {font-size: 1.7rem; font-weight: lighter; color: #666;}
#about .about_box .union-data {padding: 30px 0;}
#about .about_box .union-data li {padding-right: 0; margin-right: 0; width: 24%; color: #eb5b26; box-sizing: border-box; overflow: hidden;}
#about .about_box .union-data li p {line-height: 45px;}
#about .about_box .union-data li em,#about .about_box .union-data li span {color: #777;}

#about .about_content .video-box {width: 100%;height: 0; padding-bottom: 56.25%;}
#about .about_content .video {position: absolute;left: 0; top: 0; width: 100% !important; height: 100% !important; background: #eee;}
#about .about_content .video-a {width: 45%;}
#about .about_content .data_box {width: 43%;height: 0;padding-bottom: 28%;background: #F5F5F5;margin-top: 2%;background-image: linear-gradient(to top, #eaf1fc 0%, #f7f8fc 100%);}
#about .about_content .data {position: absolute;left: 5%;bottom: 10%;width: 100%;height: 100%;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);}
#about .about_content .info {padding-left: 5%;width: 52%;position: absolute;right: 2%;top: 46%;transform: translate(0, -50%);}
#about .about_content .info .content {font-size: 1.75rem;line-height: 32px;}
#about .about_content .info .content p.title,#view_body .head p.title {font-size: 2.5rem;}
#about .about_content .info .content .description {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
#about .about_content .info .head .i-more {display: none;}
.about_body .about_device {width: 100%;height: 0; padding-bottom: 60%;}
.about_body .device_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.about_body .about_device .swiper-container {width: 100%; height: 100%;}
.about_body .about_device .swiper-slide {background-position: center; background-size: cover;}
#view_body .head {max-width: 1200px;}
#view_body .head p.title {font-size: 3.4rem;}
#view_body .head p.subtitle {font-size: 1.7rem;}

/* 企业文化 */
.culture_list ul {margin-right: -2%;}
.culture_list ul li {width: 23%; margin-right: 2%; height: 0; padding-bottom: 28.5%;}
.culture_list ul li::after {position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.4);z-index: 10;transition: all .5s;}
.culture_list ul li .content {position: absolute;z-index: 19;color: #FFF;left: 0;right: 0;padding: 10%;font-size: 1.7rem;top: 50%;transform: translate(0, -50%);}
.culture_list ul li .content .icon {width: 60px; height: 60px; line-height: 60px;}
.culture_list ul li .content .icon i {font-size: 6rem;}
.culture_list ul li .content p.title {font-size: 2.4rem;padding: 20px 0;line-height: 30px;}
.culture_list ul li .content p.description {opacity: 0;margin-top: -20px;line-height: 28px;}
.culture_list ul li .content p.title::after {position: absolute; content: '';left: 0; right: 0; bottom: 0; margin: 0 auto; height: 2px; width: 0; background: #FFF;transition: all .5s;}
.culture_list ul li .bg {position: absolute;left: 0;top: 0;bottom: 0;right: 0;background-position: center;background-size: cover;z-index: 9;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.culture_list ul li:hover::after {background: rgba(235, 91, 38, 0.75);}
.culture_list ul li .content p.description {opacity: 1;height: auto;margin-top: 20px;}
.culture_list ul li .content p.title::after {width: 35px;}
.culture_list ul li:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-10px,0);
}

/* 优势 */
.advantage_bg,.service_bg {position: absolute;left: 0; right: 0; top: 0; bottom: 0;background-position: center;background-size: cover; z-index: 10;    -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.advantageBox::after {content: '';position: absolute;left: 0; right: 0; top: 0;bottom: 0;background: url(..//images/banner_bg.png); opacity: 0.9; z-index: 15;}
.advantageBox .content {color: #DDD; font-size: 1.65rem;} 
.advantageBox .content .title {font-size: 2.4rem; color: #eee;}
.advantageBox .content .description { font-weight: lighter;}
.advantageBox .content .col-2.fl {text-align: right; padding-right: 7%;}
.advantageBox .content .col-2.fr {text-align: left; padding-left: 7%;}
.advantageBox .swiper-container-horizontal>.swiper-pagination-bullets,.service_banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 50px;}
.advantageBox .advantage-pagination .swiper-pagination-bullet,.service_banner .service-pagination .swiper-pagination-bullet,.feature-pagination .swiper-pagination-bullet {background: #FFF; opacity: .5; width: 10px; height: 10px; border-radius: 5px; transition: .5s all;}
.advantageBox .advantage-pagination .swiper-pagination-bullet-active,.service_banner .service-pagination .swiper-pagination-bullet-active,.feature-pagination .swiper-pagination-bullet-active{width: 30px; opacity: 1;}

/* 合作流程 */
.process ul {margin-right: -0.5%;}
.process ul li {/* margin-right: 0.5%; */width: 12.5%;padding: 25px 0;box-shadow: 0 0px 1px rgba(0,0,0,.15);background: #FFF;overflow: hidden;min-height: 280px;}
.process ul li::after {content: "";position: absolute;right: 0;top: 50%;left: 0;display: block;width: 0;height: 0;border: 8px solid transparent;border-left: 8px solid #eb5b26;margin-top: -12px; transition: all .5s;}
.process ul li:first-child::after,.process ul li:hover::after {opacity: 0;}
.process ul li .icon {width: 90px;height: 90px;margin: 0 auto;background: url(..//images//lcbg.png) no-repeat center center;background-size: 100%;}
.process ul li .icon div {width: 30px;height: 30px;overflow: hidden;margin: 30px;line-height: 30px;}
.process ul li .icon i {font-size: 3rem; display: block;}
.process ul li p.no {font-size: 7rem;width: 100%;position: absolute;top: 5px;left: -10px;text-align: left;color: #eee;opacity: .5;}
.process ul li p.title {font-size: 1.8rem;font-weight: bold;margin-top: 20px;}
.process ul li p.subtitle {font-size: 13px;color: #999;line-height: 20px;}
.process ul li p.description {padding: 0 10%;font-size: 14px;line-height: 22px;color: #888;}
.process ul li:hover {background: #eb5b26;transform: translateY(-15px);-ms-transform: translateY(-15px);-moz-transform: translateY(-15px);-webkit-transform: translateY(-15px);-o-transform: translateY(-15px);}
.process ul li:hover p.no,.process ul li:hover p.title,.process ul li:hover p.subtitle,.process ul li:hover p.description {color: #FFF;}
.process ul li:hover .icon i {margin-top: -30px;}

/* 加入我们 */
#join {min-height: 1000px;}
#join .job_img {position: absolute;    box-shadow: 0 0 15px rgba(0,0,0,.05);}
#join.body-box .container_content {margin-left: 330px;}

.widget{position: relative;margin-bottom: 30px; background: #FFF; box-shadow: 0 0 15px rgba(0,0,0,.05);}
.widget-body{position: relative; padding: 30px 35px;}
.widget-title{margin-top: 0;text-transform: capitalize;font-size: 2.6rem;color: #000;line-height: 35px;letter-spacing: 0.05em;}
.widget-metas{font-size: 15px;color: #666;font-family: "Open Sans", "Microsoft YaHei";}
.met-job-list li:nth-child(1) .widget-body .job_more,.met-job-list li:nth-child(n+2) .widget-body .job_more {position: absolute;right: 45px;top: 40px;width: 40px;height: 40px;border: 1px solid #DDD;}
.met-job-list li:nth-child(1) .widget-body .job_more {background: url(..//images/icon/ico-job_more.png) no-repeat center center #FFF;background-size: 40%;border-radius: 50px;}
.met-job-list li:nth-child(n+2)  .widget-body .job_more {background: url(..//images/icon/ico-job_more.png) no-repeat center center #FFF;background-size: 40%;border-radius: 50px;}
.met-job-list li:nth-child(1) .widget-body .job_more1 {background: url(..//images/icon/ico-job_more_on.png) no-repeat center center #FFF!important;background-size: 40%!important;}
.met-job-list li:nth-child(n+2) .widget-body .job_more1 {background: url(..//images/icon/ico-job_more_on.png) no-repeat center center #FFF!important;background-size: 40%!important;}
.met-job-list li:nth-child(n+2) .widget-body .job_more1 {position: absolute;right: 45px;top: 40px;width: 40px;height: 40px;border: 1px solid #e6e6e6; border-radius: 50px;}
.widget-body .job_more,.widget-body .job_more1 {position: absolute;right: 45px;top: 40px;width: 40px;height: 40px;border: 1px solid #ddd;border-radius: 50px;background-color: #FFF;}
.widget-body .salary {position: absolute; right: 120px; top: 45px; font-size: 2rem; line-height: 30px; text-align: right; color: #eb5b26;letter-spacing: 0.05em;}
.widget-metas i,.widget-body .salary i {margin-right: 5px;color: #eb5b26;font-size: 18px;}
.widget-body .salary i {margin-right: 7px;font-size: 16px;}
.widget-metas span {margin-right: 20px;}
.met-job .widget .met-editor{padding: 0px 20px;}
.met-editor{padding: 20px 10px 10px;line-height: 30px;font-size: 16px;border-top: 1px solid #F3F3F3;margin-top: 15px;color: #333; font-weight: lighter;}

/* 服务项目 */
#view_banner.case_banner, #view_banner.service_banner { height: 520px; padding-bottom: 0;}
#view_banner.service_banner .bg_video::after {background: url(..//images/banner_bg.png); opacity: .85;}
#view_banner.service_banner.nybanner::after {background: rgba(0,0,0,.6);}
#view_banner.service_banner .header {z-index: 100; margin-top: -150px; bottom: 0;;}
#view_banner.service_banner .header .title {font-size: 4.2rem;}
#view_banner.service_banner .header .subtitle {color: #eee; font-size: 1.8rem; text-transform: uppercase; line-height: 2.5rem; letter-spacing: 0.05em; font-weight: lighter;}
#view_banner.service_banner .service_link {position: absolute; z-index: 105; bottom: 150px; left: 0; right: 0; width: 170px;}
#view_banner.service_banner .service_link .i-more {color: #eee; background: rgba(255,255,255,.15); box-shadow: 0 0 10px rgba(0,0,0,.1); line-height: 48px;
    height: 48px; letter-spacing: 0.05em; font-weight: lighter; border: none;padding: 0;}
.serviceBox .service_bg {background-position: top left; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0);-o-filter: grayscale(0); filter: none;}
.serviceBox .service_bg::before {content: '';background: rgba(0,0,0,.8);left: 0; right: 0; top: 0 ; bottom: 0; position: absolute; z-index: 12;}
#service .s-list ul li { margin-bottom: 3%;}
#service .s-list ul li .data { margin-left: 80px; line-height: 25px; position: unset; width: auto; height: auto;box-shadow: none;}
/* 服务优势 */
.service_advantage ul {margin-right: -2%;}
.service_advantage ul li {width: 14.66%;margin-right: 2%;min-height: 300px;padding: 35px 2%;box-shadow: 0 0 15px rgba(0,0,0,.03);}
.service_advantage ul li .icon {width: 100px; line-height: 100px; height: 100px;}
.service_advantage ul li .icon i {font-size: 7rem;}
.service_advantage ul li .info {font-size: 1.7rem;line-height: 28px;}
.service_advantage ul li:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-5px,0);}
.service .link {width: 180px;height: 50px;background:#eb5b26;}
.service .link a {line-height: 50px;height: 50px;color: #fff;font-weight: lighter;letter-spacing: 0.05em;}
.service .link a i {width: auto;text-indent: 0;opacity: 1;margin-right: 5px;}
.service .link a:hover i {width: auto;margin-right: 5px;color: #FFF;}

/* 成功案例 */
.xk4s_list ul li .xk4s_img::after {background: url(../images/icon_case.png);}
.xk4s_list .products_info {position: absolute;padding:40px 15px 10px;left: 0;right: 0;bottom: 0;opacity: 0;z-index: 90;color: #FFF;line-height: 25px; background: url(..//images//img-title-bg.png) repeat-x;}
.xk4s_list .products_info p.title {font-size: 2rem; font-weight: bold;}
.xk4s_list .products_info p.subtitle {font-size: 1.6rem;}
.xk4s_list ul li:hover .products_info {opacity: 1;}

/* tags列表 */
.tags_list ul li {box-shadow: 0 0 2px rgba(0,0,0,.1);}
.tags_list .pic_box {border-radius: 0;padding-bottom:62%;}
.tags_list .content {padding: 20px 15px;}
.tags_list .content .info {padding-bottom: 0; line-height: 30px;}

.tags_list ul li:hover {-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-5px,0);}
.tags_list .class-6 .icon:before,.tags_list .class-7 .icon:before,.tags_list .class-8 .icon:before,.tags_list .class-9 .icon:before,.tags_list .class-1 .icon:before {content: "\e635";}
.tags_list .class-3 .icon:before {content: "\e628";}
.tags_list .class-4 .icon:before,.tags_list .class-14 .icon:before,.tags_list .class-15 .icon:before {content: "\e603";}

/* 联系我们 */
.contact_box {margin: 0 auto;}
.container_header {padding-bottom: 30px;text-align: center;	font-size: 30px;	max-width: 560px;	margin: 0 auto}
.container_header .title {	color: #333; font-weight: bold;}
.container_header .subtitle {color: #939393;font-size: 14px;margin-top: 5px;font-family: HELVETICANEUELTPRO-THEX, Arial;  letter-spacing: 1px;  text-transform: uppercase;}
.contact_box .introduction {max-width: 1200px;color: #999;text-align: center;margin: 0 auto 50px;font-size: 1.75rem;line-height: 26px;}
.contact_info {width: 36%;margin-left: 2%;height: 420px;box-sizing: border-box;}
.contact_info h3.title {font-size: 26px;color: #000;margin-bottom: 20px;/* width: 370px; *//* margin-left: 30px; */}
.contact_info ul {overflow: hidden;}
.contact_info ul p.tips {font-size: 15px; color: #ccc;}
.contact_info ul li {margin-bottom: 10px;position: relative;overflow: hidden;padding-left: 35px;font-size: 16px;line-height: 35px;color: #333;}
.contact_info ul li a {color: #333;}
.contact_info ul li p {font-size: 18px;}
.contact_info ul li:hover p,.contact_info ul li:hover p a {font-size: 20px; color: #eb5b26;}
.contact_info ul li i {width: 25px;overflow: hidden;color: #eb5b26;position: absolute;text-align: center;top: 50%;left: 0;font-size: 17px;transform: translate(0, -50%);line-height: 30px;}
.contact_info ul li span {color: #666;}
.contact_info ul li span,.contact_info ul li p {float: left;}

.map_box {width: 100%; height: 800px;}





/******** 自适应调整 ********/
@media (max-width: 1920px) {
	.product_view .view_top .top_info {left: 510px;right: -5px;}
	.products-x ul li .p-content {left: 380px;}
}
@media (max-width: 1600px) {
	.case_bgBox {padding-left: 5%; padding-right: 5%;}
	#case .l_case ul li:hover .movie_info {bottom: -30px;}
	#case .l_case ul li:hover .movie_info .description {opacity: 0;}
	.map_box {width: 100%; height: 600px;}
	.product_view .view_top .top_info {left: 500px;right: -10px;}
	.top_info .parameter p span {margin-right: 5px;}
	.products-x ul li .p-content {left: 365px; right: 0;}
	.product_view .view_top .p-info {width: 47%;}
	.body-box .ptb150 { padding-top: 100px; padding-bottom: 100px;}
}
@media (max-width: 1280px) {
	#about .about_body .mt50 {margin-top: 30px;}
}