﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei";COLOR: #666;  background:#fff;width:100%; overflow-x: hidden;}
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{max-width:1600px;margin:0 auto}
.container-s{max-width: 1500px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}


/*PC端公共头部*/
.header{height: 110px; background: #fff; position: fixed; top: 0; width: 100%; z-index: 222; box-shadow: 0px 2px 8px 0px rgba(50,50,50,0.25) }
.header .logo {margin-top: 30px;  margin-right: 100px}
.header .logo img{display: inline-block; margin-right: 17px;}
.header .logo .text{background: url(../images/logo-line.png) no-repeat left center; padding-left: 23px; margin-top: 6px;}
.header .logo strong{display: block; font-size: 18px; color: #da251e; }
.header .logo em{display: block; font-size: 14px; color: #666}
.nav ul li{float: left; position: relative; margin-right: 13px; }
.nav ul li:last-child{margin-right: 0}
.nav ul li>a{display: block; font-size: 16px; line-height: 110px; color: #333; text-align: center; padding: 0 20px}
.nav ul li.on>a,.nav ul li:hover>a{background: #da251e; color: #fff;}
.nav dl{position: absolute; top: 110px; display: none;  z-index: 22; left: 0; width: 150px;}
.nav dl em{display: block;  background: rgba(0,0,0,0.7); text-align: center;overflow: hidden;}
.nav dl em a{display: block; font-size: 13px; line-height: 20px; color:#fff; border-bottom: 1px solid rgba(250,250,250,.3); padding: 8px 2%}
.nav dl em:hover a{ background: rgba(234,15,21,0.7);}
.head-tel{background: url(../images/head-tel.png) no-repeat left center; padding-left: 51px; line-height: 39px; margin-top: 35.5px;}
.head-tel em{ font-size: 16px; color: #666; }
.head-tel b{ font-size: 24px; color: #333333; font-family: arial;}
.header-zw{height: 110px;}


/*手机端公共头部*/
.wap-header,.wap-headerzw{display: none;}


/*首页banner*/
.banner{ position: relative; overflow: hidden; transition:0.6s;}
.banner img{display: block; width: 100%}
#banner-num .swiper-pagination-bullet{background:rgba(255,255,255,0.6);width: 12px;height: 12px;margin:0 7px; opacity: 1 }
#banner-num .swiper-pagination-bullet-active{background: #db2420;}


/*关于我们*/
.about{padding: 68px 0 82px}
.about .container{max-width: 1503px; }
.about-ys{padding-bottom: 72px; border-bottom: 1px solid #e3e3e3; margin-bottom: 57px;}
.about-ys ul li{float: left; background: url(../images/about-line.png) no-repeat right top; box-sizing:border-box; text-align: center; color: #333; padding: 0 calc( (100% - 900px) / 4 / 2 )}
.about-ys ul li:last-child{background: transparent;}
.about-ys ul li img{display: block; margin: 0 auto 12px}
.about-ys ul li strong{display: block; font-size: 31px; line-height: 31px; margin-bottom: 7px;}
.about-ys ul li em{display: block; font-size: 18px; }
.about-content{padding-bottom: 47px; border-bottom: 1px solid #e3e3e3; display: flex; }
.about-content .info { display: flex;  width: 63.4%; margin-left: 18px; margin-right: 12%}
.about-content .text{margin: auto;}
.about-content .info img{display: block; margin-bottom: 9px;}
.about-content .info em{display: block; font-size: 32px; color: #333; margin-bottom: 12px;}
.about-content .info p{ font-size: 16px; line-height: 32px; margin-bottom: 77px;}
.about-content .info a{display: block; width: 160px; border-radius: 22.5px; background: #db2420; font-size: 15px; line-height: 45px; color: #fff; text-align: center;}
/* Radial Out */
a.hvr-radial-out {vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;overflow: hidden;background: #da251e;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;color: #fff;}
a.hvr-radial-out:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background:#c90000;border-radius: 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
a.hvr-radial-out:hover,a.hvr-radial-out:focus,a.hvr-radial-out:active {color: white;}
a.hvr-radial-out:hover:before,a.hvr-radial-out:focus:before,a.hvr-radial-out:active:before {-webkit-transform: scale(2);transform: scale(2);}
.about-content .pic{width: 257px}



/*影视策划全程服务制作商*/
.index-title{text-align: center; padding-bottom: 58px;}
.index-title h2{display: block; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; margin-bottom: 7px;}
.index-title em{display: block; font-size: 18px; color: #666;}
.product{padding-bottom: 101px;}
.product-btn{padding-bottom: 58px;}
.product-btn ul li{float: left;  margin-right: calc( (100% - 1126px) / 8); cursor: pointer;}
.product-btn ul li:nth-child(12){margin-right: 0!important;}
.product-btn ul li .icon{ background-position: left top; padding-left: 40px; height: 33px; overflow: hidden;}
.product-btn ul li .icon1{background: url(../images/product-btn1.png) no-repeat;}
.product-btn ul li .icon2{background: url(../images/product-btn2.png) no-repeat;}
.product-btn ul li .icon3{background: url(../images/product-btn3.png) no-repeat;}
.product-btn ul li .icon4{background: url(../images/product-btn4.png) no-repeat;}
.product-btn ul li .icon5{background: url(../images/product-btn5.png) no-repeat;}
.product-btn ul li .icon6{background: url(../images/product-btn6.png) no-repeat;}
.product-btn ul li .icon7{background: url(../images/product-btn7.png) no-repeat;}
.product-btn ul li .icon8{background: url(../images/product-btn8.png) no-repeat;}
.product-btn ul li .icon9{background: url(../images/product-btn9.png) no-repeat;}
.product-btn ul li .icon10{background: url(../images/product-btn10.png) no-repeat;}
.product-btn ul li .icon12{background: url(../images/product-btn12.png) no-repeat;}
.product-btn ul li .icon13{background: url(../images/product-btn13.png) no-repeat;}
.product-btn ul li .icon14{background: url(../images/product-btn14.png) no-repeat;}
.product-btn ul li strong{display: block; font-size: 18px; line-height: 18px; color: #333; margin-bottom: 6px;}
.product-btn ul li span{display: block; font-size: 12px; line-height: 11px; color: #979797; font-family: arial;}
.product-btn ul li:hover .icon,.product-btn ul li.on .icon{background-position: left bottom;}
.product-btn ul li:hover strong,.product-btn ul li.on strong,.product-btn ul li:hover span,.product-btn ul li.on span{color: #c90000}
.product-list{overflow: hidden; margin-bottom: 55px}
.product-list dl{width: calc(100% + 11px)}
.product-list dl dd{float: left; margin-right: 11px; margin-bottom: 17px; width: calc(100% / 4 - 11px); position: relative; overflow: hidden;}
.product-list dl dd .pic{overflow: hidden;}
.product-list dl dd .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list dl dd:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list dl dd .name{position: absolute; bottom: 7%; width: 100%; padding: 0 5%; box-sizing:border-box; z-index: 1}
.product-list dl dd .name h3{float: left; font-size: 18px; line-height: 32px; color: #fff; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product-list dl dd .name img{float: right;}
.product-list dl dd:hover .name{bottom: -100%; transition:0.6s;}
.product-more a{display: block; width: 244px; background: #da251e; font-size: 18px; line-height: 75px; color: #fff; text-align: center; border-radius: 37.5px; margin: 0 auto}



/*专业影视器材*/
.equipment {padding-bottom: 108px;}
.equipment .index-title{padding-bottom: 71px}
.equipment-list { border-left: 1px solid #eee; border-top: 1px solid #eee;}
.equipment-list ul li{float: left; width: 25%; box-sizing:border-box; border-right: 1px solid #eee; border-bottom: 1px solid #eee; position: relative; overflow: hidden;}
.equipment-list ul li .pic img{display: block; width: 100%}
.equipment-list ul li strong{position: absolute; width: 100%; bottom: 6%; font-size: 16px; color: #555; text-align: center; padding: 0 2%; box-sizing:border-box; font-weight: normal;}
.equipment-list ul li .info{position: absolute; top: 0; left: -100%; padding: 0 7%; box-sizing:border-box;  background: rgba(217,37,30,0.96); width: 100%; height: 100%;text-align: center;  display: flex;}
.equipment-list ul li .text{margin: auto}
.equipment-list ul li em{font-size: 20px; color: #fff; margin-bottom: 15px; }
.equipment-list ul li p{line-height: 26px; color: #fee5e5; margin-bottom: 40px;}
.equipment-list ul li span{display: block; width: 130px; font-size: 15px; line-height: 38px; color: #333; background: #fff; border-radius: 19px; margin: 0 auto;}
.equipment-list ul li:hover .info{left: 0; transition:0.6s;}


/*8大服务流程*/
.service{background: #f8f8f8; padding: 77px 0 99px;}
.service .index-title{padding-bottom: 63px}
.index-title b{display: inline-block; font-size: 60px; color: #da3a35; font-family: arial; line-height: 45px; vertical-align: sub; margin-right: 3px;}
.service-list ul li{float: left; margin: 0 0.5%; width: calc(100% / 8 - 1%); text-align: center; position: relative; overflow: hidden;}
.service-list ul li .icon{padding: 49px 0 0}
.service-list ul li img{display: block;  margin: 0 auto 37px}
.service-list ul li em{display: block; font-size: 16px; line-height: 28px; color: #555; width: 66%; margin: 0 auto; height: 56px;}
.service-list ul li .info{display: flex; position: absolute; background: #d9251e; width: 100%; height: 100%; border-radius: 8px; top: -100%; color: #fff;}
.service-list ul li .text{margin: auto}
.service-list ul li strong,.service-list ul li b{display: block; font-size: 18px; margin-bottom: 9px;}
.service-list ul li span{display: block; font-size: 16px; line-height: 32px; }
.service-list ul li:nth-child(1) strong{margin-bottom: 0}
.service-list ul li b{margin-bottom: 9px!important;}
.service-list ul li:hover .info{top: 0; transition:0.3s;}


/*新闻中心*/
.news{padding: 86px 0 102px}
.latest-news{width: 48%}
.latest-news img{display: block; width: 100%}
.news-list{width: 50%}
.news-list dl{float: left; width: 100%; background: #f8f8f8; padding:3.3% 0; margin-bottom: 1.3%}
.news-list dl dt,.news-list dl dd{float: left;}
.news-list dl dt{width: 16.25%; text-align: center;}
.news-list dl dd{width: 83.75%; padding: 0 4%; border-left:1px solid #ddd; box-sizing:border-box; }
.news-list dl dt b{display: block; font-size: 50px; color: #d9251e; line-height: 36px; padding: 15px 0}
.news-list dl dt span{display: block; font-size: 16px; color: #555; line-height: 12px; }
.news-list dl dd em{font-size: 18px; color: #333; margin-bottom: 4px; }
.news-list dl dd p{line-height: 27px; margin-bottom: 8px;}


/*合作伙伴*/
.partner{padding-bottom: 128px}
.partner-list { border-left: 1px solid #ddd; border-top: 1px solid #ddd; height: 341px; overflow: hidden; position: relative;}
.partner-list ul li{float: left; width: calc(100% / 6); box-sizing:border-box; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.partner-list ul li img{display: block; width: 100%}


.partner-list ul li {
        text-align: center;
       
        height: 50%;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
#partner-num{display: none;}


/*专家顾问免费咨询*/
.consult{background: url(../images/consult-bg.jpg) no-repeat center; padding: 67px 0 62px;}
.consult .info{width: 570px; padding-top: 48px; margin-left: 50px;}
.consult .info strong{display: inline-block; font-size: 46px; line-height: 47px; color: #fff;margin-right: 23px; padding-bottom: 107px;}
.consult .info a{display: inline-block; width: 174px; background: url(../images/consult-icon.png) no-repeat left 26px center #d9251e; border-radius: 23.5px; font-size: 20px; line-height: 47px; color: #fff; text-indent: 61px;}
.info-list ul li{float: left; width: 50%; color: #fff; padding-bottom: 63px;}
.info-list ul li span{display: block; font-size: 22px; }
.info-list ul li em{font-size: 57px; line-height: 44px;}
.info-list ul li h3{font-size: 16px;}
.message{width: 472px; border-radius: 10px; background: #fff; height: 497px; margin-right: 186px; padding: 40px 2% 0; box-sizing:border-box;}
.message em,.message span{display: block; text-align: center;}
.message em{font-size: 30px; color: #333;}
.message span{font-size: 16px; color: #666; line-height: 16px; margin-bottom: 43px;}
.message-form dl{display: block; width: 100%; margin-bottom: 16px;}
.message-form dl dt,.message-form dl dd{float: left;}
.message-form dl dt{width: 72px; margin-right: 16px; text-align: right; font-size: 16px; color: #000; line-height: 37px;}
.message-form dl dt i{color: #ba1f20; font-style: normal;}
.message-form dl dd{width: calc(100% - 88px);}
.message-form  input{ outline: none; font-family: "Microsoft YaHei"; }
.message-form dl dd input{width: 100%; border: 1px solid #ddd; font-size: 14px; line-height: 35px; color: #666; text-indent: 10px;}
.message-form .message-btn{border: none; display: block; width: 209px; background: #ba1f20; border-radius: 19.5px; font-size: 16px; line-height: 39px; color: #fff; text-align: center; margin: 40px auto 0}


/*公共底部*/
.footer{background: #333333}
.footer .links{line-height: 18px; padding: 24.5px 0; border-bottom: 1px solid rgba(255,255,255,0.04) }
.footer .links strong{display: block; font-size: 18px; color: #fff; margin-right: 54px; }
.footer .links span{font-size: 14px;  font-weight: normal; margin-left: 12px; text-transform: uppercase;}
.footer ul li{float: left; margin-right: 21px;}
.footer ul li a{color: #fff; opacity: 0.64}
.foot-middle{padding: 33px 0 47px;}
.foot-nav{width: calc(100% - 345px - 12%); margin-left: 2.6%; border-right: 1px solid rgba(255,255,255,0.04); padding: 27px 0 0}
.foot-nav dl{float: left; width: calc(100% / 4);}
.foot-nav dl dt{font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 5px;}
.foot-nav dl dd a{line-height: 30px; color: #fff; opacity: 0.68; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.foot-nav dl dd b{margin-right: 5px;}
.foot-right{width: 366px; margin-top: 13px;}
.foot-right .wechat{width: 119px; margin-right: 6px;}
.foot-right .info{width: 232px;}
/*.foot-right .logo{background: url(../images/foot-logo.png) no-repeat left 6px center; color: #fff; padding-left: 74px; margin: 20px 0 16px;    background-size:27%;}*/
.foot-right .logo{background: url(../images/foot-logo.png) no-repeat left 6px center;  padding-left: 18px; margin: 8px 0 20px;    background-size:97%;}
.foot-right .logo strong{display: block; font-size: 23px; line-height: 23px; margin-bottom: 7px; }
.foot-right .logo em{display: block; font-size: 14px; line-height: 14px; }
.foot-right .info span{display: block; width: 100%; line-height: 41px; background: #414141; font-size: 17px; color: #fff; text-align: center;}
.share {position: relative; margin-top: 31px; }
.share em{display: block; font-size: 15px; line-height: 15px; color: #fff;  margin-bottom: 5px;}
.share  img{margin-right: 15px; margin-top: 12px;}
.foot-search{width: 212px;height: 37px; background: #fff;}
.foot-search input{border:none; background: #fff;height: 37px; outline: none; font-family: "Microsoft YaHei"; }
.foot-search .foot-text{text-indent: 20px;    float: left;    width: 150px;}
.foot-search .foot-submit{width:40px;float:right; background: url(../images/foot-search.png) no-repeat center;border-left:1px solid #DEDEDE}
.foot-wx-gr{ position: absolute;display: none;}
.foot-copy {background: #111111; text-align: center; padding: 14px 0}
.foot-copy p,.foot-copy a{font-size: 13px; color: #a1a1a1;}
.foot-copy a{margin-left: 16px;}
.footer a:hover,.foot-copy a:hover{color: #fff; opacity: 1}


/*手机客服*/
.phone-zw{height: 55px; display: none;}
.pf_down {display: none;width: 100%;float: left;position: fixed;left: 0;bottom: 0;height: 55px;background: #E71F19;z-index: 66;box-shadow: 0 -4px 7px rgba(0,0,0,0.15);z-index: 999;}
.pf_down li {box-sizing: border-box;width: 33.33%;float: left;text-align: center;padding: 7px 0 10px;border-right: 1px solid rgba(255,255,255, 0.2);}
.pf_down li .ico7 {width: 100%;float: left;height: 20px; margin-bottom: 3px}
.pf_down li.l1 .ico7{ background: url(../images/btn15.png) no-repeat center center;   background-size: 20px 20px;}
.pf_down li.l2 .ico7{ background: url(../images/btn16.png) no-repeat center center;   background-size: 20px 20px;}
.pf_down li.l3 .ico7{ background: url(../images/btn17.png) no-repeat center center;   background-size: 20px 20px;}
.pf_down li .name {width: 100%;float: left;margin-top: 4px;font-size: 15px;color: #fff;line-height: 14px;}
	

/*内页banner*/
.ny-banner img{display: block; width: 100%}



/*内页关于我们*/
.company{padding: 71px 0 97px; }
.company-title{margin-bottom: 84px;}
.company-title strong{display: block; font-size: 31px; line-height: 31px; color: #333; margin-bottom: 4px; font-weight: normal; margin-right: 56px;}
.company-title span{line-height: 12px; text-transform: uppercase; font-family: arial;}
.company-title em{display: block; font-size: 22px; line-height: 22px; color: #333; margin:4px 0 10px;}
.company-title p{line-height: 14px; color: #777; }
.company-content{display: flex; padding-bottom: 119px; border-bottom: 1px solid #eee}
.company-content .pic{margin-right: 6.125%}
.company-content .info{margin: auto; width: calc(100% - 6.125% - 257px)}
.company-content .info h3{font-size: 15px; line-height: 35px; color: #666;}
.company-content .info b{display: block; font-size: 20px; line-height: 20px; color: #da251e; margin-bottom: 10px;}
.nyabout-ys{border-bottom: none; margin-top: 73px; margin-bottom: 0;padding-bottom: 0}
.about-title{text-align: center; padding-bottom: 66px;}
.about-title h2{display: block; font-size: 42px; line-height: 42px; color: #000; margin-bottom: 12px;}
.about-title span{display: block; font-size: 17px; line-height: 12px; color: #666; text-transform: uppercase;; font-family: arial;}
.culture{margin-bottom: 134px;}
.culture-con{display: flex}
.culture-list{width: 43%; margin: auto; margin-right: 4.8%}
.culture-list dl{width: 100%; border-bottom: 1px solid #ececec; padding-bottom: 17px; margin-bottom: 25px;}
.culture-list dl dt,.culture-list dl dd{float: left;}
.culture-list dl dt{width: 21px;}
.culture-list dl dt img{margin-top: 5px;}
.culture-list dl dd{width: calc(100% - 21px)}
.culture-list dl dd strong{display: block; font-size: 20px; line-height: 20px; color: #da251e; margin-bottom: 10px;}
.culture-list dl dd p{line-height: 22px;}
.culture-pic{background: url(../images/culture-pic.jpg) no-repeat center; height: 612px; width: 50%}
.team-bg{background: url(../images/team-bg.jpg) no-repeat center; padding: 54px 0 70px}
.team-ys dl{width: 100%;}
.team-ys dl.item1{border-bottom: 1px solid #ddd; padding-bottom: 76px; margin-bottom: 72px;}
.team-ys dl.item1 dt{margin-left: 5.125%}
.team-ys dl.item1 dd{margin-right: 4.6%;}
.team-ys dl dt{float: left; width: 34%;}
.team-ys dl dt img{display: block; width: 100%}
.team-ys dl dd{float: right; width: 46.75%;  margin-top: 113px;}
.team-ys dl dd em{display: block;  font-size: 38px; color: #333; line-height: 38px; margin-bottom: 15px;}
.team-ys dl dd span{display: block; font-size: 16px; line-height: 12px; color: #777777; text-transform: uppercase; font-family: arial;margin-bottom: 34px; }
.team-ys dl dd p{font-size: 17px; line-height: 38px; color: #666;}
.team-ys dl.item2 dt{float: right; margin-right: 4.6%}
.team-ys dl.item2 dd{float: left; margin-left: 5.125%;}
.team-list{padding: 102px 0 116px;}
.team-list .container{max-width: 1800px; overflow: hidden;}
.team-list ul{width: 101.5%}
.team-list ul li{float: left; width: calc(100% / 4 - 1.5% - 2px); margin-right: 1.5%;border: 1px solid #eee; height: 524px; text-align: center;}
.team-list ul li.item1{background: url(../images/team-bg1.jpg) no-repeat center bottom;}
.team-list ul li.item2{background: url(../images/team-bg2.jpg) no-repeat center bottom;}
.team-list ul li.item3{background: url(../images/team-bg3.jpg) no-repeat center bottom;}
.team-list ul li.item4{background: url(../images/team-bg4.jpg) no-repeat center bottom;}
.team-list ul li strong{display: block;font-size: 22px; line-height: 22px; height: 42px; position: relative; color: #333; padding-top: 79px; margin-bottom: 24px;}
.team-list ul li strong:after{position: absolute;content: '';  width: 41px; height: 3px; background: #da251e; bottom: 0; left: 50%; margin-left: -20.5px;}
.team-list ul li p{line-height: 27px; margin: 0 auto; width: 85%}
.honor{padding-bottom: 80px;}
.honor-con .container{max-width: 1720px; position: relative; }
.honor-list{max-width: 1600px; overflow: hidden; margin: 0 auto; position: relative;}
.honor-list ul li{float: left;}
.honor-list ul li .pic{box-sizing:border-box; border:1px solid #ccc;}
.honor-list ul li .pic img{display: block; width: 100%}
.honor-list ul li .info{background: #f5f5f5; padding: 6% 10% 8%;}
.honor-list ul li em{font-size: 16px; line-height: 30px; color: #333333; height: 60px; text-align: center;}
#honor-num{display: none;}
#honor-prev,#honor-next{position: absolute; width: 40px; height: 40px; z-index: 2; border-radius: 50%; outline: none; }
#honor-prev{left: 0; background: url(../images/honor-prev.png) no-repeat center #ccc;}
#honor-next{right: 0; background: url(../images/honor-next.png) no-repeat center #ccc;}
#honor-prev:hover{background: url(../images/honor-prev2.png) no-repeat center #BE1915; }
#honor-next:hover{background: url(../images/honor-next2.png) no-repeat center #BE1915;}
.tidbits{background: #f5f5f5; padding: 81px 0 94px}
.tidbits-list {overflow: hidden; position: relative;}
.tidbits-list ul li .pic img{display: block; width: 100%}
#tidbits-num{display: none;}
.nyequipment{padding: 65px 0 81px}
.nyequipment-list {overflow: hidden; position: relative;}
.nyequipment-list ul li{float: left;  box-sizing:border-box; border: 1px solid #dcdcdc; position: relative;}
.nyequipment-list ul li .pic img{display: block; width: 100%}
.nyequipment-list ul li strong{position: absolute; width: 100%; bottom: 6%; font-size: 18px; color: #333; text-align: center; padding: 0 2%; box-sizing:border-box; font-weight: normal;}
.nyequipment-list ul li:hover strong{color: #da251e}
#equipment-num{display: none;}


/*服务项目*/
.project{padding: 52px 0 22px}
.ny-title{padding-bottom: 67px;}
.ny-title span{display: block; font-size: 30px; color: #333; text-transform: uppercase; font-family: arial; margin-bottom: 3px;}
.ny-title strong{ width: 330px; background: #24211e; font-size: 36px; line-height: 60px; color: #b47f43; text-align: center; margin-right: 20px;}
.ny-title em{ font-size: 15px;  line-height: 24px; color: #666; width: 858px; margin-top: 8px;}
.project-class dt{margin-bottom: 37px;}
.project-class dl dt .pic,.project-class dl dt .info{float: left; height: 398px; width: 50%; box-sizing:border-box;}
.project-class dl dt .info{background: #f5f5f5; display: flex}
.project-class dl dt .text{margin: auto;width: 91.75%}
.project-class dl dt .info strong{display: block; font-size: 34px; color: #24211e; margin-bottom: 2%}
.project-list{background: #ececec; padding: 4% 3% 2.5%; box-sizing:borer-box; margin-bottom: 4%}
.project-list ul li{float: left; margin-right: 1%; margin-bottom: 1%; padding: 0 3%; box-sizing:borer-box; border: 1px solid #ccc}
.project-list ul li a{display: block; width: 100%; font-size: 16px; line-height: 41px; color: #555; text-align: center; }
.project-list ul li:hover {background: #c90000; border-color: #c90000}
.project-list ul li:hover a{color: #fff;}
.project-class dl dt .info h3{display: block; font-size: 15px; color: #6d6d6d}
.project-class dl dt .info b{font-size: 18px; color: #232323}
.project-class dl dt:nth-child(2n) .info{float: left;}
.project-class dl dt:nth-child(2n) .pic{float: right;}
.process{background: #f5f5f5; padding: 36px 0 66px}
.process-list{overflow: hidden;}
.process-list ul{width: calc(100% + 1.25%)}
.process-list ul li{float: left; margin-right: 1.25%; margin-bottom: 17px; width: calc(100% / 4 - 1.25%); height: 203px; color: #fff; position: relative; padding: 0 1.4%; box-sizing:border-box;}
.process-list ul li.bg1{background: url(../images/process-pic1.jpg) no-repeat center;}
.process-list ul li.bg2{background: url(../images/process-pic2.jpg) no-repeat center;}
.process-list ul li.bg3{background: url(../images/process-pic3.jpg) no-repeat center;}
.process-list ul li.bg4{background: url(../images/process-pic4.jpg) no-repeat center;}
.process-list ul li.bg5{background: url(../images/process-pic5.jpg) no-repeat center;}
.process-list ul li.bg6{background: url(../images/process-pic6.jpg) no-repeat center;}
.process-list ul li.bg7{background: url(../images/process-pic7.jpg) no-repeat center;}
.process-list ul li.bg8{background: url(../images/process-pic8.jpg) no-repeat center;}
.process-list ul li strong{display: block; font-size: 20px; padding: 29px 0 6px }
.process-list ul li p{font-size: 16px; line-height: 30px; color: #fff;}
.process-list ul li b{position: absolute; font-size: 53px; line-height: 42px; opacity: 0.09; top: 19px; right: 30px}
.process-list ul li span{display: inline-block; width: 128px;}
.nynews-list{padding: 34px 0 47px;}
.nynews-list dl{float: left; margin-right: 3.6%; width: calc(92.8% / 3)}
.nynews-list dl:last-child{margin-right: 0}
.nynews-list dl dt{padding: 8px 0; line-height: 32px; border-bottom: 1px solid #ddd; margin-bottom: 12px;}
.nynews-list dl dt strong{display: block; font-size: 16px; color: #333;}
.nynews-list dl dt img{display: inline-block; vertical-align: middle; margin-right: 13px;}
.nynews-list dl dt span{font-size: 14px; color: #666; font-weight: normal; margin-left: 9px;}
.nynews-list dl dt a{display: block; width: 79px; background: #eee;  color: #777777; border-radius: 16px; text-align: center; }
.nynews-list dl dt a:hover{background: #da251e; color: #fff; transition:0.6s;}
.nynews-list dl dd{border-bottom: 1px dashed #ddd; line-height: 36px;}
.nynews-list dl dd em{ font-size: 14px; color: #666; width:80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.nynews-list dl dd span{display: block; font-size: 13px; color: #777;}
.nynews-list dl dd em:hover{color: #da251e}


/*内页作品案例*/
.case-title1{text-align: center; padding-bottom: 0px;}
.case-title1 h2{font-size: 40px; line-height: 40px; color: #333;}
.case-title1 h3{font-size: 18px;  color: #666666; padding: 15px 0 21px;}
.case-title1 i{display: block;width: 89px; height: 4px;  margin: 0 auto }

.case-class{background: #f5f5f5; padding: 61px 0 68px}
.case-class .container{max-width: 1444px;}
.case-class ul li {margin-right: calc( (100% - 1126px) / 8); margin-right: calc( (100% - 1004px) / 8);margin-bottom: 2rem;}
.case-class ul li:nth-child(9){margin-right: 0!important;}
.case-class ul li strong{font-weight: normal; font-size: 15px;}
.case-title{text-align: center; padding-bottom: 63px;}
.case-title h2{font-size: 40px; line-height: 40px; color: #333;}
.case-title h3{font-size: 18px;  color: #666666; padding: 15px 0 21px;}
.case-title i{display: block;width: 100%; height: 4px;  margin: 0 auto }
.case{padding: 87px 0}
.case-ys{overflow: hidden;}
.case-ys ul {width: 103%}
.case-ys ul li{display: flex; float: left; border-radius: 20px; margin-right: 3%; margin-bottom: 40px; width: calc(100% / 3 - 3%); background: #f5f5f5; padding: 40px 2.8% 27px; box-sizing:border-box;}
.case-ys ul li .icon{width: 123px; float: left; margin-right: 9%}
.case-ys ul li .text{float: left;  width: calc(100% - 123px - 9%); margin: auto}
.case-ys ul li em{display: block; font-size: 18px; line-height: 35px; color: #333;}
.case-ys ul li a{color: #da251e}
.problem{background: url(../images/problem-bg.jpg) no-repeat center; padding: 98px 0 128px; background-size: cover}
.problem .case-title{padding-bottom: 79px;}
.problem .case-title h2{color: #fff;}
.problem-list .info {display: flex; width: 710px; height: 413px; border-radius: 20px; border: 1px solid rgba(137,137,137,0.41); }
.problem-list .text{margin: auto;  padding: 0 3%; box-sizing:border-box; width: 94%}
.problem-list .info p{font-size: 27px; line-height: 66px; color: #fff; text-align: left;}
.problem-list .info b{font-size: 36px; color: #da251e}
.problem-list .info .link{margin-top: 61px;}
.problem-list .info em{float: left; font-size: 24px; color: #fff; line-height: 46px;}
.problem-list .info a{float: right; display: inline-block; width: 135px; border: 1px solid #fff; font-size: 18px;  line-height: 45px;  color: #fff; background: url(../images/problem-arrow.png) no-repeat right 13px center; text-indent: 19px;}
.problem-list .info a:hover{border-color: #da251e; background: url(../images/problem-arrow.png) no-repeat right -60px center #da251e; text-indent: 31.5px; transition:0.6s;}
.step{padding: 100px 0 145px}
.step-list {overflow: hidden;}
.step-list ul{width: 101.68%}
.step-list ul li{float: left; margin-right: 1.68%; width: calc(100%  / 4 - 1.68% - 2px); border: 1px solid #ddd; height: 515px; text-align: center;}
.step-list ul li.bg1{background: url(../images/step-bg1.png) no-repeat center bottom #ffffff;}
.step-list ul li.bg2{background: url(../images/step-bg2.png) no-repeat center bottom #ffffff;}
.step-list ul li.bg3{background: url(../images/step-bg3.png) no-repeat center bottom #ffffff;}
.step-list ul li.bg4{background: url(../images/step-bg4.png) no-repeat center bottom #ffffff;}
.step-list ul li strong{display: block; font-size: 30px; line-height: 30px; color: #333; margin-bottom: 7px; padding-top: 64px;}
.step-list ul li em{display: block; font-size: 18px; line-height: 18px; color: #333; margin-bottom: 47px;}
.step-list ul li p{font-size: 16px; line-height: 35px; margin: 0 auto; width: 84%}
.refund{background-size: cover; background: url(../images/refund-bg.jpg) no-repeat center; padding: 96px 0 103px; margin-bottom: 93px; background-size: cover}
.refund .info{margin-left: 4.5%; color: #fff;}
.refund .info h2{font-size: 55px; line-height: 55px; margin-bottom: 15px;}
.refund .info h3{font-size: 26px; margin-bottom: 43px;}
.refund .info a{display: inline-block; width: 205px; border: 1px solid #fff; font-size: 21px;  line-height: 55px;  color: #fff; background: url(../images/refund-arrow.png) no-repeat right 39px center; text-indent: 39px;}
.refund .info a:hover{border-color: #da251e; background: url(../images/refund-arrow.png) no-repeat right -60px center #da251e; text-indent: 60px; transition:0.6s;}
.case-list {overflow: hidden; padding-bottom: 109px;}
.case-list ul{width: 101.625%}
.case-list ul li{float: left; margin-right: 1.625%; margin-bottom: 33px; width: calc(100% / 2 - 1.625%)}
.case-list ul li .pic{overflow: hidden;height: 300px;overflow: hidden;display: flex;align-items: center;}
.case-list ul li .pic img{display: block; width: 100%;}
/*.case-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}*/
/*.case-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}*/
.case-list ul li .info{border:1px solid #ddd; padding: 20px 4% 24px; box-sizing:border-box; border-top: none;}
.case-list ul li .info .fl{width: 80%; }
.case-list ul li .info strong{font-size: 20px; color: #333;}
.case-list ul li .info em{font-size:16px; color: #777;}
.case-list ul li .arrow {overflow: hidden; margin-top: 16px;}
.case-list ul li .arrow span{display: block;width: 32px;height: 32px;position: relative;background: url(../images/case-arrow.png) no-repeat center;}
.case-list ul li:hover .arrow span{left:-32px;-webkit-filter:drop-shadow(32px 0 0px #da251e);filter:drop-shadow( 32px 0 0px #da251e);}
.ny-partner{background: url(../images/partner-bg.jpg) no-repeat ; padding: 327px 0; box-sizing:border-box;}
.ny-partner .case-title{padding-bottom: 39px;}
.ny-partner .case-title h2{color: #fff;}
.ny-partner .case-title i{ margin: 0 auto 0}
.ny-partner .pic img{display: block; margin: 0 auto}


/*内页作品案例分类*/
.case-banner{background: url(../images/case-banner.jpg) no-repeat center; background-size: cover; height: 600px; position: relative;}
.ny-banner{ height: 600px;}
.case-banner .info{color: #fff; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; left: 0; right: 0}
.case-banner .info em{display: block; font-size: 35px; line-height: 35px; margin-bottom: 24px;}
.case-banner .info strong{display: block; font-size: 72px; line-height: 72px;}
.class-main{padding: 26px 0;}
.class-main .container{max-width: 1885px;}
.class-list{}
.class-list ul{float: left; margin-right: 0.84%; }
.class-list ul li{margin-bottom:13px; position: relative;}
.class-list ul li .pic{background-size: cover!important; background-position: top right!important; }
.class-list ul.item1{width: 32.7%}
.class-list ul.item1 li .pic{height: 497px;}
.class-list ul.item2,.class-list ul.item3{width:32.81% }
.class-list ul.item3{margin-right: 0}
.class-list ul.item2 li .pic,.class-list ul.item3 li .pic{height: 327px;}
.class-list ul.item4{width: 100%}
.class-list ul.item4 li{float: left; width: calc(99% / 2); margin-bottom: 0}
.class-list ul.item4 li:first-child{margin-right: 1%;}
.class-list ul.item4 li .pic{height: 330px;}
.class-list ul li .info{position: absolute; top: 10%; left: 8%;}
.class-list ul li .info strong{display: block; font-size: 26px;line-height: 26px; color: #140d04}
.class-list ul li .info span{display: block; font-size: 16px; color: #666; margin-bottom: 50px; }
.class-list ul li .info em{display: block; width: 103px;  line-height: 33px; color: #140d04; text-align: center; border: 1px solid rgba(0,0,0,0.38)}
.class-list ul li:hover .info em{background: #000; color: #fff; transition:0.6s;}
.wapclass-list{display: none;}

/*视频运营*/
.video{background: url(../images/video-bg.jpg) no-repeat center top; padding: 30px 0 81px}
.video .container{border-bottom: 1px solid #eee; padding-bottom: 128px;}
.video .case-title{padding-bottom: 0}
.video-con {max-width: 1329px; margin: 0 auto}
.video-ys{width: 602px;}
.video-ys .info{background: url(../images/video-line.jpg) repeat-y right 3px top; text-align: right; margin-top: 75px; margin-bottom: 71px;}
.video-ys .info p{background: url(../images/video-icon.png) no-repeat right center; padding-right: 26px; font-size: 18px; color: #555555; margin-bottom: 34px;}
.video-ys .info strong{font-size: 24px; color: #da251e}
.video-ys .info b{font-size: 24px; color: #555555}
.video-ys .info p:last-child{padding-bottom: 0}
.video-company ul li{float: left; margin-right: calc( (100% - 340px) / 3)}
.video-company ul li:last-child{margin-right: 0}
.video-company ul li img{display: block; margin: 0 auto 14px; }
.video-company ul li strong{display: block; font-size: 20px; color: #333; text-align: center;}
.video-pic{width: 45.6%; }
.video-pic img{display: block; width: 100%}
.short-video .case-title{padding-bottom: 93px}
.short-video .case-title h2{margin-bottom: 35px;}
.short-list1{margin-bottom: 104px;}
.short-list1 ul li{float: left; width: calc(100% / 6)}
.short-list1 ul li img{display: block; margin: 0 auto 44px}
.short-list1 ul li em{display: block; font-size: 24px; color: #333; text-align: center;}
.short-list2 {overflow: hidden; margin-bottom: 112px;}
.short-list2 ul{width: 103%}
.short-list2 ul li{float: left; width: calc(100% / 4 - 3%); margin-right: 3%; text-align: center; background: #f7f7f7; padding: 43px 0 0; box-sizing:border-box; height: 299px; border-radius: 7px;}
.short-list2 ul li img{display: block; margin: 0 auto 15px}
.short-list2 ul li em{display: block; font-size: 24px; color: #333; }
.short-list2 ul li p{ font-size: 15px; line-height: 28px; color: #666; width: 78%; margin: 0 auto}
.nyservice{padding-bottom: 79px}
.nyservice .case-title h2{margin-bottom: 35px;}
.nyservice-list{overflow: hidden;}
.nyservice-list ul{width: 101.6%}
.nyservice-list ul li{float: left; margin-right: 1.6%; margin-bottom: 22px; width: calc(100% / 4 - 1.6%); padding: 36px 0 29px; border: 1px solid #ddd; border-radius: 10px; box-sizing:border-box;}
.nyservice-list ul li .icon,.nyservice-list ul li .info{float: left;}
.nyservice-list ul li .icon{width: 28%}
.nyservice-list ul li .icon img{display: block;  margin: 12px auto 0}
.nyservice-list ul li .info{width: 72%}
.nyservice-list ul li em{display: block; font-size: 24px; line-height: 24px;  color: #333; margin-bottom: 11px;}
.nyservice-list ul li p{ font-size: 15px; line-height: 25px; color: #666; width: 84%}
.nyproblem{background: #f5f5f5; padding: 76px 0 82px}
.nyproblem .container{max-width: 1215px; margin: 0 auto}
.nyproblem .case-title{padding-bottom: 97px;}
.nyproblem-list{background: url(../images/nyproblem-bg.png) no-repeat center top; padding-top: 56px;}
.nyproblem-list ul{padding-bottom: 57px;}
.nyproblem-list ul li{width: 26%}
.nyproblem-list ul li:nth-child(2n){width: 29%}
.nyproblem-list ul li strong{display: block; font-size: 20px; color: #333;}
.nyproblem-list ul li p{font-size: 16px; line-height: 29px; color: #666;}
.nyproblem-list .pic{display: none;}

.model{padding: 94px 0 140px}
.model-con{display: flex}
.model-pic,.model-list{float: left; width: 50%}
.model-pic img{display: block; margin: 0 auto}
.model-list{margin: auto}
.model-list dl{float: left; width: 100%; border-bottom: 1px solid #eee; padding: 29px 0 11px; }
.model-list dl:last-child{border-bottom: none; }
.model-list dl dt,.model-list dl dd{float: left; }
.model-list dl dt{width: 12%; display: block; font-size: 64px; color: #da251e; font-weight: bold; line-height: 46px;}
.model-list dl dd{width: 88%}
.model-list dl em{display: block; font-size: 24px; line-height: 24px; color: #333; margin-bottom: 13px;}
.model-list dl p{font-size: 16px; line-height: 30px; color: #666; width: 74%}
.wapmodel-pic{display: none;}
#industry {position: relative; max-width: 1600px; padding-bottom: 106px;}
.industry .case-title{padding-bottom: 87px;}
.industry .case-title h2{font-weight: bold;}
.industry-list{max-width: 100%;  overflow: hidden; height: auto;}
#industry  .swiper-slide {width:540px;}
#industry  .swiper-slide img{display:block; box-shadow: 0 8px 30px #ddd; margin-bottom: 25px; width: 100%}
#industry  .swiper-slide em{display: block; font-size: 24px; color: #333; text-align: center;}
#industry-num{display: none;}
.message-bg{background: url(../images/message-bg.jpg) no-repeat center; padding: 92px 0 82px}
.ny-mess{margin-left:  33px;}
.ny-mess strong{display: block; font-size: 36px; color: #fff; margin-bottom: 18px;}
.ny-mess ul li{display: block; float: left; width: 351px; line-height: 45px; border-radius: 22.5px; background: rgba(255,255,255,0.15); position: relative; margin-right: 36px;}
.ny-mess ul input{outline: none; border: none; font-family: "Microsoft YaHei"; font-size: 16px; line-height: 45px; color: #fff; background: transparent;}
.ny-mess ul li input{text-indent: 26px; width: 300px;}
.ny-mess ul li img{position: absolute; right: 28px; top: 12px;}
.ny-mess ul .mess-btn {width: 133px; background: #da251e; border-radius: 20px;}
.ny-mess ul li input::-webkit-input-placeholder {/* WebKit browsers */color: #fff;}
.ny-mess ul li input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #fff;}
.ny-mess ul li input::-moz-placeholder {/* Mozilla Firefox 19+ */color: #fff;}
.ny-mess ul li input::-ms-input-placeholder {/* Internet Explorer 10+ */color: #fff;}

.model-a{padding: 0px 0 80px}

.model-b{padding: 70px 0 0px}

/*内页联系我们*/
.nycontact .about{padding: 75px 0 6px}
.dream-title{text-align: center; margin-bottom: 81px;}
.dream-title h2{display: block; font-size: 38px; color: #333;}
.dream-title span{display: block; font-size: 15px; color: #666666; font-family: arial; text-transform: uppercase;}
.contact{background: #f5f5f5; padding: 62px 0 54px}
.contact-list ul li{float: left; border-right:1px solid #e2e2e2; box-sizing:border-box; height: 407px;}
.contact-list ul li.item1{width: 30.18%; padding: 29px 0 33px}
.contact-list ul li.item1 span{display: block; font-size: 48px; line-height: 59px; color: #414141; font-family: arial;}
.contact-list ul li.item1 em{display: block; font-size: 42px; color: #333; margin: 8px 0 17px;}
.contact-list ul li.item1 p{font-size: 16px; color: #666666; margin-bottom: 34px;}
.contact-list ul li.item1 a{display: block; width: 223px; background: #d31711; font-size: 17px; line-height: 61px; color: #fff; text-align: center;}
.contact-list ul li.item2{width: 41.25%; padding: 53px 7% 0; box-sizing:border-box;}
.contact-list ul li.item2 b{display: block; font-size: 24px; color: #333; margin-bottom: 19px;}
.contact-list ul li.item2 strong{display: block; font-size: 36px; color: #d31711; line-height: 26px; margin-bottom: 11px;}
.contact-list ul li.item2 p{font-size: 16px; color: #666666; margin-bottom: 44px;}
.contact-list ul li.item2 em{display: block;  font-size: 16px; line-height: 36px; color: #333}
.contact-list ul li.item3{width: 28.57%; border-right: none; padding: 44px 0 0; box-sizing:border-box;}
.contact-list ul li.item3 .con-wechat{width: 251px; height: 251px; margin: 0 auto 26px; border:1px solid #ddd; box-sizing:border-box; position: relative;}
.contact-list ul li.item3 .con-wechat img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto}
.contact-list ul li.item3 span{display: block; font-size: 16px; line-height: 30px; color: #333; text-align: center;}
.contact-map{padding: 71px 0 108px}
.map-pic{background: url(../images/map-pic.jpg) no-repeat center; height: 553px;}
.need{padding-bottom: 124px;}
.need-info{width: 448px; background: #545454; display: flex; height: 476px; margin-right: 3.8%}
.need-info .text{margin: auto;  padding: 0 14%; box-sizing:border-box;}
.need-info em{display: block; font-size: 36px; color: #fff; margin-bottom: 26px;}
.need-info i{display: block; width: 93px; height: 1px; background: #fff; margin-bottom: 65px;}
.need-info p{font-size: 15px; line-height: 36px; color: #fff;}
.need-form{width: calc(100% - 448px - 3.8%); overflow: hidden; margin-top: 15px;}
.need-form ul{width: calc(100% + 12px)}
.need-form ul li{float: left; margin-right: 12px; width: calc(100% / 2 - 12px); background: #f2f2f2; margin-bottom: 16px;}
.need-form ul li input,.need-form ul li textarea{outline: none; border: none; font-family: "Microsoft YaHei"; font-size: 15px; color: #b7b7b7; background: transparent;  text-indent: 25px;}
.need-form ul li input{line-height: 54px; }
.need-form ul li input::-webkit-input-placeholder {/* WebKit browsers */color: #b7b7b7;}
.need-form ul li input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #b7b7b7;}
.need-form ul li input::-moz-placeholder {/* Mozilla Firefox 19+ */color: #b7b7b7;}
.need-form ul li input::-ms-input-placeholder {/* Internet Explorer 10+ */color: #b7b7b7;}
.need-form ul li textarea::-webkit-input-placeholder {/* WebKit browsers */color: #b7b7b7;}
.need-form ul li textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #b7b7b7;}
.need-form ul li textarea::-moz-placeholder {/* Mozilla Firefox 19+ */color: #b7b7b7;}
.need-form ul li textarea::-ms-input-placeholder {/* Internet Explorer 10+ */color: #b7b7b7;}
.need-form ul li.note{width: 100%; margin-right: 0; height: 219px; margin-bottom: 37px}
.need-form ul li textarea{height: 173px; width: 100%; padding: 23px 0; }
.need-form .need-btn{outline: none; border: none; font-family: "Microsoft YaHei";  display: block; width: 373px; background: #d31711; font-size: 15px; line-height: 54px; color: #fff; text-align: center;}


/*2021.11.12锚点*/
#about,#culture,#team,#honor,#tidbits,#equipment{position: relative; top: -150px;}

.ny-join{ background: #F6F6F6; padding: 64px 0 152px}
.ny-join .case-title{text-align: left;}
.ny-join .case-title i{margin: inherit}
.ny-join-img img,.ny-join-mbimg img{display: block; width: 100%}
.ny-join-list ul li{overflow: hidden;border-bottom:1px solid #D6D6D6;padding: 56px 0}
.ny-join-list ul li span,.ny-join-list ul li p,.ny-join-list ul li em{float:left}
.ny-join-list ul li span{width:25%;line-height: 101px;text-align: center; background: #ddd;color:#333;font-size:30px}
.ny-join-list ul li b{display: block; font-size: 16px; color: #333;}
.ny-join-list ul li p{width:calc(100% - 132px - 33%);margin:0 4%;font-size:15px;line-height:29px; box-sizing:border-box;}
.ny-join-list ul li em{cursor: pointer;width:132px; background: #d31711; font-size: 16px; line-height:43px; color:#fff;text-align: center;margin-top:20px;}

.ny-join-bg{width:100%;height: 100vh; position: fixed;top:0;left:0; background: rgba(0,0,0,0.5);z-index:9999;display: none;}
.mkcon{width: 1000px;padding:30px 0 70px 0;position: fixed;top: 5%;left: 0;right:0;margin:0 auto;background: #fff;z-index:9999;display: none;}
.mkcon .close{width: 35px;height: 35px;position: absolute;top: 10px;right: 10px;display: block;cursor: pointer;}
.mkcon p{font-size: 14px;line-height: 26px;margin-bottom: 10px;}
.mkcon .tit{margin-bottom:20px;width:100%;font-size: 30px;color: #666;text-align: center;line-height: 40px;}
.mkcon .tit1{font-size: 16px;color: #e4aa0d;text-align: left;margin-top: 15px;margin-bottom: 0;}
.mkcon-more a{position: absolute;bottom:20px;right:0;left:0;margin:0 auto;display: block;background: #e4aa0d;width:200px;height:40px;line-height:40px;text-align: center;}
.ny-join-list .mkcon  p{width: 100%;margin:0}
.mkcon-con{width:80%;margin:0 auto;overflow: hidden;}
.ny-join-mbimg{display: none;}



/*图片详情页*/
.ny-details{background: #f5f5f5; padding: 50px 0}
.details-left{width: 70%; padding: 30px 2% 40px; background: #fff; box-sizing:border-box;}
.details-right {width: 20%;background: #fff;padding: 35px  2% 0; }
.details-title em{display: block; font-size: 24px;color: #616161;line-height: 60px; border-bottom: 1px solid #dcdcdc; }
.details-left .details-title {position: relative;}
.details-left .details-title span{position: absolute; right: 0; color: #c2c1c1; top: 25px}
.details-left .details-title a{color: #c2c1c1}
.details-info{margin: 10px 0 20px;}
.details-info img{max-width:100%}
.returnbt input{display: block;width: 130px; background: #000; font-size: 15px; line-height: 40px; color: #fff; text-align: center; border: none; outline: none; margin: 20px auto 0}
.latest strong{display: block; font-size: 20px; line-height: 50px; color: #fff; background: #da251e; text-align: center; margin-bottom: 25px}
.latest-list ul li{margin-bottom: 20px;}
.latest-list ul li .pic img{display: block; width: 100%; }
.latest-list ul li em{display: block; font-size: 16px; line-height: 40px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}



/*新闻资讯*/
.ny-news-list{padding: 50px 0}
.ny-news-top{margin-bottom:50px;}
.ny-news-top .pic{width: 55%;height:484px}
.ny-news-top .pic div{height: 100%;}
.ny-news-top .pic img{width:100%;display: none;}
.ny-news-top .info{width:44%;border:1px solid #DADADA}
.ny-news-top .info ul li{padding:31px 0;border-bottom:1px solid #DDDDDD;transition: all .4s;}
.ny-news-top .info ul li span{display: inline-block;width:calc(100% - 90px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float:left}
.ny-news-top .info ul li h3{font-size:20px;line-height:20px;width:90%;margin:15px auto;transition: all .4s;overflow: hidden;}
.ny-news-top .info ul li p{width:90%;margin:0 auto;color:#666;font-size:14px;line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;}
.ny-news-top .info ul li h3 em{font-size:14px;color:#666;float:right}
.ny-news-top .info ul li:nth-child(3){border:none}
.ny-news-top .info ul li.on{ background: #F3F3F3;}
.ny-news-top .info ul li.on h3{color:#B47F43}
.ny-news-ctitle {text-align: center;}
.ny-news-ctitle li{display:inline-block;width: calc(100% / 3 - 2px) ;height:70px;line-height: 70px; border:1px solid #ddd;transition: all .3s}
.ny-news-ctitle li a{font-size:24px;display:inline-block;width: 100%;height:70px;line-height: 70px;text-align: center;background: #F3F3F3;transition: all .3s;}
.ny-news-ctitle li:hover a,.ny-news-ctitle li.on a{ background: #000000;color:#B47F43}
.ny-news-all ul{overflow: hidden;margin:30px 0}
.ny-news-all ul li{ background: #F3F3F3;overflow:hidden;margin-bottom:10px}
.ny-news-all ul li .pic,.ny-news-all ul li .time,.ny-news-all ul li .info{float:left}
.ny-news-all ul li .pic{width:26%;}
.ny-news-all ul li .pic img{width: 100%;}
.ny-news-all ul li .time{width:10%;margin-right:3%;margin-top:4%}
.ny-news-all ul li .time span,.ny-news-all ul li .time em{display: block;text-align: right;}
.ny-news-all ul li .time span{font-size:38px;color:#555555}
.ny-news-all ul li .time em{font-size:14px;color:#777;font-size:22px;}
.ny-news-all ul li .info{width:55%;margin-top:4%}
.ny-news-all ul li .info h2{font-size:26px;line-height:26px;color:#333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ny-news-all ul li .info p{line-height:26px;color:#666666;font-size:15px;margin-top:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical }

/*新闻资讯详情页*/
.news-xq {padding: 10px 0; }



.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}


/*2022.3.31*/
.nyservice-list ul li{min-height: 152px;}
.nyservice-list ul li .icon{width: 22%}
.nyservice-list ul li .info{width: 78%}
.nyservice-list ul li p{width: 93%}

/*2024.4.22*/

.vider-right{display: flex;justify-content: space-between;width: 45.6%;align-items: flex-end;}
.video-pic {
        width: 40.5%;
}

.about-video{
        width: 50.9%;
}