/* CSS Document 
作者：尹欢乐,
QQ:942031558,
*/
/*a.dh:link{font-size: 12px;line-height: 24px;color: #333333;text-decoration: none;}
a.dh:visited{font-size: 12px;line-height: 24px;color: #333333;text-decoration: none;}
a.dh:hover{font-size: 12px;line-height: 24px;color: #333333;text-decoration: underline;}
a.dh:active{font-size: 12px;line-height: 24px;color:#333333;text-decoration: none;}
a{outline: none;text-decoration:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,button{margin:0;padding:0;}
*/
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; outline:none;}
input,textarea,select{*font-size:100%}
legend{color:#000}
.vm{vertical-align:middle;display: inline-block;}
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, th, td {
	margin: 0px;list-style:none;
	padding: 0px; -webkit-text-size-adjust:none;
}
/*字体*/
body{font:14px/1.5 '微软雅黑'; font-family:'微软雅黑' !important; color:#808080; text-align:center; background:#fff; min-width:1200px;}
/*塌陷*/
.w960{width:960px;margin:0 auto;}
.w1000{width:1000px;margin:0 auto;}
.w1100{width:1100px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.divcss5 img{max-width:1200px} 
.ov{overflow:hidden; zoom:1;}
.fam{font-family:"宋体" !important;}
/*a*/
a{font-family:"微软雅黑"; text-decoration:none; color:#808080;
transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-ms-transition:all 0.2s;
-o-transition:all 0.2s;}
a {outline: none;}
a:active {star:expression_r(this.onFocus=this.blur());}
:focus { outline:0; }
em,i{ font-style:normal;}
/*包裹 IE8居中*/
#wrap{text-align:left;}
/*ul*/
ul{ list-style:none;}
/*img*/
img{border:0 none;}
/*浮动*/
.cf{zoom:1}
.cf:after{content:'.';visibility:hidden;clear:both;display:block; height:0}

.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
.fl,.dl{float:left; display:inline;}
.fr,.dr{float:right; display:inline;}
/*清除浮动*/
.clear{clear:both;line-height:0;}

/*mt pt 上外边距*/
.mt0{margin-top:0px;}.mt2{margin-top:2px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}
.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}
.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}
.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}
.mt75{margin-top:75px;}.mt80{margin-top:80px;}.mt85{margin-top:85px;}.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.pt0{padding-top:0px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}
.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}
.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}
.pt60{padding-top:60px;}.pt65{padding-top:65px;}.pt70{padding-top:70px;}.pt75{padding-top:75px;}
.pt85{padding-top:85px;}
/*ml 左外边距*/
.ml0{margin-left:0px !important;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}
.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}
.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}
.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}
.ml60{margin-left:60px;}.ml65{margin-left:65px;}.ml70{margin-left:70px;}
.ml75{margin-left:75px;}.ml100{margin-left:100px;}.ml110{margin-left:110px;}

.pl0{padding-left:0px;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}
.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}
.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}
.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}
.pl60{padding-left:60px;}.pl65{padding-left:65px;}.pl70{padding-left:70px;}
.pl75{padding-left:75px;}
/*text align*/
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
/*display:block*/
.db{display:block !important;}
.dn{display:none !important;}
/*font-size*/
.ft14{font-size:14px;}
/*line23*/
.line23{ line-height:23px;}
/*边框去除*/
.bordernone{ border:0 none !important;}
/*字体加粗*/
.ftw{ font-weight:bold;}
/*ft0*/
.ft0{font-size:0px !important;}
table{border-collapse:collapse;}
/*新闻*/
.news{clear:both;margin:0px;padding:0px;}
.news li{height:38px;line-height:38px;background:url(../images/news_icon.png) no-repeat left center;padding-left:15px;padding-right:10px;border-bottom:1px dashed #ddd;overflow:hidden;font-size:14px;}

.newstitle {text-align: center;height: 40px;line-height: 40px;font-size: 16px;font-weight: bold;overflow:hidden;}
.news_message{height:30px;line-height:30px;text-align:center;}

/*分页*/
.pager{text-align:center !important; padding-bottom:3px;margin-top:20px;}
.pager span{margin-left:8px;margin-right:8px;}
.pager a{margin-left:8px;margin-right:8px;text-decoration:none;}
/*分页2
.pager{text-align:center !important; padding-bottom:3px;margin-top:40px;}
.pager span{}
.pager a{margin-left:8px;margin-right:8px;text-decoration:none; padding:3px 8px;background:#c9c9c9;}
.pager a.on{background:#e6002e; color:#fff;}
*/

.slideBox{ width:100%; height:888px; overflow:hidden; position:relative; margin:0 auto;}
.slideBox .hd{overflow:hidden; width:100%; position:absolute; text-align:center;left:47%;bottom:15px; z-index:1; }
.slideBox .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{float:left; display:inline;margin-right:10px; background:url(../images/point.png) no-repeat center center;  width:10px; height:10px;cursor:pointer; text-indent:-9999px; }
.slideBox .hd ul li.on{ background:url(../images/pointh.png) no-repeat;}
.slideBox .bd{ position:relative; height:100%; z-index:0; margin:0 auto !important;width:100% !important; min-width: 1920px; margin: 0 auto; height: 888px; left: 50%; margin-left: -960px !important;}
.slideBox .bd ul{width:100% !important; min-width: 1920px;}
.slideBox .bd li{ zoom:1; vertical-align:middle; overflow: hidden; width: 100% !important; height: 888px;}
.slideBox .bd img{ width:1920px; height:888px; display:block; position: relative;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.prev,.next{position:absolute;z-index:999;display:block; width:60px; height:60px;top:50%;margin-top:-30px;border-radius: 50%;}
.prev{left:3%; background:url(../images/ban-left.png) no-repeat;}
.next{right:3%;background:url(../images/ban-right.png) no-repeat;}
.prev:hover {background: rgba(255,255,255,.4) url(../images/ban-left.png) no-repeat;}
.next:hover {background: rgba(255,255,255,.4) url(../images/ban-right.png) no-repeat;}

.text_o,.left_ul li a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*************/
*{box-sizing: border-box;}
#header {position: fixed;left: 0;top: 0;right: 0;background: #fff;height: 70px;z-index: 999;border-bottom: 1px solid #ccc;}
.logo {margin: 10px 0 0;}

.nav {margin: 28px 0 0;}
.nav li a{display:block; height:14px; line-height:14px; color:#333; font-size:14px; padding: 0 30px; text-align:center;border-left: 1px solid #e2e2e2;margin-bottom: 5px;}
.nav li.home a {border: none;}
.nav li a:hover,.current a{color: #fb8a41 !important;}
.nav li i{

    display: block;
    margin: 0 auto;
    width: 70px;
    height: 1px;
    background: none;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: .3s all;
    transition: .6s all;
}
.nav li:hover i {
    opacity: 1;
    width: 10px;
    background: #fb8a41;     
}

.form{position:relative; background:#fff; width:187px; height:29px; margin-top:9px;}
.form .submit{background:url(../images/submit.png) no-repeat; width:20px; height:20px; border:none; cursor:pointer; margin:4px 10px 0 0;}
.form .text{width:140px; padding-left:10px; height:29px; line-height:29px; font-size:14px; border:none; background:none;}

.index-service {background: #f5f5f5;padding: 20px 0 90px;}
.index-title {padding: 65px 0 45px;color: #2e2e2e;font-size: 16px;}
.index-title h3 {color: #4d4d4d;font-size: 46px;}
.index-title span {padding: 0 60px;border-bottom: 1px solid #ccc;position: relative;top: -15px;}
/*.index-title p {padding: 20px 0 0;}*/
.index-title i {color: #808080;font-size: 18px;position: relative;top: 11px;padding: 0 20px;background: #f5f5f5;}
.index-service ul {padding: 0 50px;}
.index-service li {width: 20%;float: left;height: 240px;padding: 35px 25px 0;font-size: 16px; border-radius: 5px;}
.index-service li h3 {color: #333;padding: 8px 0;font-size: 22px;}
.index-service li i {width: 102px;height: 75px;display: block;margin: 0 auto;overflow: hidden;}
.index-service li.index-service-item1 i {background: url(../images/service-icon1.png) no-repeat;}
.index-service li.index-service-item2 i {background: url(../images/service-icon2.png) no-repeat;}
.index-service li.index-service-item3 i {background: url(../images/service-icon3.png) no-repeat;}
.index-service li.index-service-item4 i {background: url(../images/service-icon4.png) no-repeat;}
.index-service li.index-service-item5 i {background: url(../images/service-icon5.png) no-repeat;}
.index-service li:hover {background: #f15c22;color: #fff;}
.index-service li:hover h3 {color: #fff;}
.index-service li:hover i {background-position: 0 -75px;}

.index-case {background: #353535;padding: 0px 0 80px;}
.index-case .index-title,.index-case .index-title h3,.title-white,.title-white h3 {color: #fff;}
.index-case .index-title i {color: #808080;background: #353535;}
.title-white i {color: #fff;background: #353535;}
.index-case ul {margin: -30px 0 0 -30px;}
.index-case li {margin: 30px 0 0 30px;height: 330px;}
.img-hover {overflow: hidden;}
.img-hover img {transition: all .2s;}
.img-hover:hover img {transform: scale(1.05);}
.btn-more {color: #fff;font-size: 24px;padding-bottom: 10px;display: inline-block;}

.index-cul {background: #f5f5f5;padding: 30px 0 80px;}
.index-cul ul {position: relative;min-height: 800px;margin-top: -30px;}
.index-cul li {position: absolute;width: 794px;height: 612px;}
.index-cul li img {display: block;}
.index-cul li:nth-of-type(1){top: 0px;left: 0px;}
.index-cul li:nth-of-type(2){top: 88px;left: 200px;z-index: 9;}
.index-cul li:nth-of-type(3){top: 176px;left: 400px;}
.index-cul li:nth-of-type(1) i,.index-cul li:nth-of-type(3) i {background: rgba(241,92,34,.4);position: absolute;left: 0;top: 0;right: 0;bottom: 0;}

.index-cor {padding: 30px 0 80px;}
.index-cor .index-title i {background: #fff;}
.index-cor li {width: 20%;margin-bottom: 10px;}
.index-cor li a{display: block;width: 220px;height: 33px;}

#footer{background:#292929 url(../images/footer.jpg) no-repeat center top;}
.footer {padding: 50px 90px 15px 100px;}
.foter-contact {color: #acacac;}
.foter-contact h3 {font-size: 22px;margin-bottom: 5px;}
.foter-contact p {border-top: 1px solid #575757;border-bottom: 1px solid #575757;padding: 4px 0;}
.footer-company>div {width: 50%;}
.footer-company h4 {padding: 15px 0 5px;}
.vt {display: inline-block;vertical-align: top;}
.footer-company img {margin-right: 3px;}
.footer-company li {padding: 4px 0;color: #4c4c4c;}
#copyright {background: #141414;color: #4c4c4c;padding: 15px 0;}
.copyright {padding: 0 90px 0 110px;}
/******neiye*****/
.videod {background: #f5f5f5;padding: 70px 0 130px;}
.videod-title {border-left: 16px solid #f15c22;color: #333;font-size: 24px;padding-left: 10px; margin: 0px 0 120px;}
.videod-title h3 {font-size: 28px;}

.re {position: relative;}
.ab {position: absolute;}
.btn-down {
	position: absolute;
	bottom: 30px;
	left: 50%;
	background: url(../images/btn-down.png) no-repeat center center;
	cursor: pointer;
	width: 34px;
	height: 27px;
	margin-left: -17px;
	animation: move 1.5s linear .2s infinite;
	-webkit-animation: move 1.5s linear .2s infinite;
}

@keyframes move {
	from {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px);
	}
	to {
		transform: translateY(0px);
	}
}

@-webkit-keyframes move {
	from {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px);
	}
	to {
		transform: translateY(0px);
	}
}

.video-customized {background: #f5f5f5;padding: 20px 0 120px;}
.video-customized-ul {padding: 0 10px;margin-left: -29px;}
.video-customized-ul li {margin: 0 0 60px 29px;background: #fff;}
.video-customized-ul li a {display: block;}
.video-customized-ul dl dt{width: 374px;height: 222px;overflow: hidden;}
.video-customized-ul dl dd {background: url(../images/video-icon.png) 12px center no-repeat;padding: 15px 0 15px 45px;font-size: 16px;color: #333;}
.btn-video {background: url(../images/video-btn.png) no-repeat center center;width: 100px;height: 100px;left: 50%;top: 50%;margin: -50px 0 0 -50px;cursor: pointer;}
.video-customized-ul li .btn-video {display: none;}
.video-customized-ul li img {display: block;}
.video-customized-ul li i {background: rgba(52,139,246,.39);left: 0;top: 0;right: 0;bottom: 0;display: none;}
.video-customized-ul li:hover i,.video-customized-ul li:hover .btn-video {display: block;}

.video-design {background: url(../images/video-design.jpg) no-repeat center top;min-height: 700px;}
.video-msg {padding-bottom: 115px;background: #353535;}
.bac-gary {background: #f5f5f5;}
.video-equipment ul {padding-bottom: 100px;margin-left: -30px;}
.video-equipment li {width: 584px;height: 328px;margin: 30px 0 0 30px;}

.about-title {color: #f8bcad;font-size: 80px;line-height: 80px;}
.about-title i {font-size: 100px;}
.about-intro {padding: 80px 0 100px;}
.about-intro h3 {font-size: 28px;color: #333;padding: 40px 0 15px;}
.about-intro h4 {font-size: 18px;padding: 10px 0 0;}

.about-team {padding: 55px 0 120px;}
.about-team ul {padding: 70px 0 0;}
.about-team li {border-bottom: 1px solid #ececec;padding-bottom: 10px;margin-bottom: -25px;}
.about-team li img {border-radius: 20px;display: block;}
.about-team dd {padding: 0px 45px 0;}
.about-team dd p {width: 660px;}
.about-team li h3 {color: #1a1a1a;font-size: 20px;}
.about-team li h4 {color: #f15c22;font-size: 16px;padding: 0px 0 12px;}

.detail3 {color: #222;font-size: 18px;}
.detail3 h3 {padding: 0px 0 20px;font-size: 26px;}
.detail3 h4 {padding: 0px 0 20px;font-size: 22px;font-weight: bold;}
.detail3 .memo {max-width: 630px;line-height: 18px;}

.detail2 {background: #fcfcfc;color: #222;}
.detail2-video {padding: 45px 25px 110px;}
.detail2-video-list {background: #f5f5f5;width: 500px;}
.detail2-video-list h3 {color: #fff;background: #e97d1f;padding-left: 18px;line-height: 50px;font-size: 18px;}
.detail2-video-list ul {padding: 40px 27px;}
.detail2-video-list li {margin: 5px 5px;}
.detail2-video-list li .detail2-video-btn {background: url(../images/detail2-video-icon.png) no-repeat;width: 42px;height: 30px;left: 50%;top: 50%;margin: -15px 0 0 -21px;}

.detail-form h2 {font-size: 26px;}
.detail-form h3 {font-size: 22px;font-weight: bold;padding: 25px 0 10px;}
.form-left,.form-right {width: 550px;}
.detail-form .layui-form-label {font-size: 18px;padding: 10px 0 4px;width: 100%;text-align: left;}
.detail-form .layui-input-block{margin: 0;}
.detail-form .layui-input-block input,.detail-form .layui-textarea{background: #fcfcfc;font-size: 16px;}
.detail-form .layui-form-checkbox[lay-skin="primary"]:hover i{border-color: #e97d1f;}
.detail-form .layui-form-checked[lay-skin="primary"] i {border-color: #e97d1f;background-color: #e97d1f;}
.detail-form .layui-form-checkbox span {font-size: 16px;}
.input-text {border: none;border-bottom: 1px solid #e2e2e2;margin: 10px 0 0;height: 40px;line-height: 40px;width: 80%;}
.detail-form .layui-textarea{min-height: 80px;}
.btn-submit {background: #e97d1f;width: 200px;height: 52px;line-height: 52px;color: #fff;display: block;margin: 70px auto;border: none;font-size: 24px;cursor: pointer;}
.btn-submit:hover {background: #dd751a;}

#honor{ overflow:hidden; width: 500px; margin:15px 0 0;}
#honor .bigImg{background:#fff url(../images/load.gif) center no-repeat; padding:25px 0 35px 0; border:1px solid #f1f1f1;}
/*#honor .smallImg{ background:#f6f6f6;}*/
#honor .smallImg li{ margin:15px 0 0; width:95px;}
#honor .smallImg img{ vertical-align:top; /*border:1px solid #e2e2e2;*/}
#honor .slide{ margin:0 0 0 18px; width:470px; height:105px; overflow:hidden;}
#honor .slide ul{ width:1000000000px; position:relative; top:0px;}
#honor .smallImg span{ width:30px; height:50px; border:1px solid #e0e0e0; background-color:#fff; background-position:center; cursor:pointer; background-repeat:no-repeat; display:block !important; overflow:hidden; text-indent:-999px;}
#honor .smallImg span.top{ background-image:url(../images/honorUp.png); float:left; margin:-115px 0 0 20px;}
#honor .smallImg span.down{ background-image:url(../images/honorDown.png); float:right; margin-right:27px; margin:-115px 20px 0 0px;}
#honor .smallImg span.top:hover{ background-image:url(../images/honorUph.png); float:left; margin:-115px 0 0 20px;}
#honor .smallImg span.down:hover{ background-image:url(../images/honorDownh.png); float:right; margin-right:27px; margin:-115px 20px 0 0px;}


.ban_img{position:relative; width:100%; height:722px; min-width:1200px; overflow:hidden;}
.ban_img img{position:absolute; left:50%; margin-left:-960px;}
.ban-movie {height: 729px;}
.ban-about {height: 522px;}

.cul-ban {background: url(../images/ban-cul.jpg) no-repeat center top;height: 664px;}
.bac-dark {background: rgba(0,0,0,.8);left: 0;top: 0;right: 0;bottom: 0;}
.cul-banner {margin-top: 125px;color: #fff;text-align: center;}
.cul-banner .tempWrap {margin: 0 auto;}
.cul-banner ul {padding: 0 50px;}
.cul-banner li h3 {font-size: 38px;font-weight: bold;color: #e97d1f;}
.cul-banner li h2 {font-size: 75px;font-weight: bold;}
.cul-banner li p {max-width: 520px;margin: 0 auto;min-height: 170px;margin-bottom: 10px;font-size: 18px;line-height: 32px;}
.cul-banner-txt {width: 630px;}
.cul-banner-txt a {width: 630px;display: inline-block;width: 194px;line-height: 50px;color: #e97d1f;border: 3px solid #e97d1f;font-size: 16px;font-weight: bold;margin: 0 6px;}
.cul-banner-txt a:hover {background: #e97d1f;color: #fff;}

.cul-lesson {background: url(../images/cul-lesson.jpg) no-repeat center top fixed ;height: 1195px;}
.cul-lesson .bac-dark{padding: 85px 0 0;}
.cul-title {font-size: 16px;text-align: center;}
.cul-title h3 {font-size: 32px;}
.cul-title p {padding-bottom: 10px;}
.cul-lesson .cul-title {color: #fff;font-size: 32px;}
.cul-lesson ul {padding: 45px 30px 0;margin-left: -20px;}
.cul-lesson a {border: 2px solid #f15c22;padding: 28px 15px 10px;height: 390px;width: 360px;margin: 20px 0 0 20px;color: #fff;text-align: center;font-size: 16px;}
.cul-lesson a h3 {padding: 20px 0;font-size: 26px;}
.cul-lesson ul a {float: left;}
.cul-lesson ul a:nth-of-type(2n) {background: #fff;border-color: #fff;color: #222;}

.old-active {padding: 120px 0 100px;color: #222;}
.old-active ul {padding: 40px 0 0;}
.old-active li {font-size: 17px;color: #222;text-align: center;width: 25%;}
.old-active li h3 {font-size: 20px;}

.cul-shopping {background: url(../images/cul-shopping.jpg) no-repeat center top fixed;height: 746px;padding: 165px 0 0;}
.cul-shopping-main {background: rgba(0,0,0,.8);padding: 35px 210px 80px;}
.cul-shopping-main .cul-title {color: #f15c22;font-size: 24px;}
.cul-shopping-txt {color: #fff;font-size: 21px;}
.cul-shopping-txt p {height: 120px;overflow: hidden;}
.cul-shopping-txt i {background: #f15c22;width: 70px;height: 2px;display: block;margin: 0 auto;}
.cul-shopping-txt a {margin: 45px auto 0;display: block;width: 200px;line-height: 52px;color: #fff;background: #e97d1f;font-size: 24px;}