@charset "utf-8";
/* 作者：神夜 */
* { margin: 0px; padding: 0px; box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin: 0px; padding: 0px; background: #f8f8f8; background-size:100% 98%; font-family: 'Microsoft Yahei', '宋体', 'Arial'; font-size: 12px; color: #333;}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #333; font-family: 'Microsoft Yahei', '宋体', 'Arial'; }
*:focus { outline: none; }
img { border: 0px; max-width: 100%; }
ul, li { list-style-type: none; }
a { color: #333; text-decoration: none; transition: all .4s; -webkit-transition: all .4s; }
a:hover { color: #e77919; }
.wrap { max-width: 12222px; padding-left:12px; padding-right:12px; margin: 0 auto; }
.clear { clear: both; overflow: hidden; content: ''; height: 0px; }
.fl { float: left; }
.fr { float: right; }
i, em { font-style: normal; display: inline-block; }
/****************【头部】****************/
.header { width: 100%; position: absolute; left:0; top:0; z-index: 111;}
.header .box{  }
.header .box .ht{ color:rgba(255,255,255,0.6); padding:0 120px; height:64px; border-bottom:1px solid rgba(255,255,255,0.4); display:flex; align-items:center; justify-content: space-between;}
.logo{  width:300px;}
.logo a{display: flex;align-items: center; color:rgba(255,255,255,0.8);}
.logo img{ width:123px; height:38px; margin-right:12px; }
.logo h2{ font-weight: normal; font-size:15px;}
.header .box .ht .fr{}
.menu{ width:64px; overflow:hidden; cursor: pointer; height:64px; background:#e77919; display:flex; justify-content: center; align-items:center; flex-direction: column;}
.menu span,.menu span i{ position:relative; width:50%; transition:all 0.5s ease; display:block; height:2px; background:#fff; margin:4px 0;}
.menu span i{ position: absolute; top:0; top:0; width:100%; margin:0;}
.menu:active{ opacity:0.9;}
.menu span:nth-child(2){background:none;}
.menu.on span:nth-child(2){  width:0; }
.menu.on span:nth-child(2) i:nth-child(1){ transform:translateX(-100px); width:0; }
.menu.on span:nth-child(2) i:nth-child(2){ transform:translateX(100px); width:0; }
.menu.on span:nth-child(1){ transform:translateY(10px) rotate(45deg); }
.menu.on span:nth-child(3){ transform:translateY(-10px) rotate(-45deg);}
.header .menu{position:fixed; left:0; right:0; margin:auto; top:0;}
.header .box .ht .fr .tel a{ color:rgba(255,255,255,0.6); float:right; font-size:16px; margin-left:40px; }
.header .box .ht .fr .tel a:hover{ color:#e77919;}
.header .box .ht .fr .tel a.a1{ background:url(../img/tel.png) no-repeat left 5px; padding-left:25px;}
.header .box .ht .fr .tel a.a2{ background:url(../img/email.png) no-repeat left 6px; padding-left:28px;}
.header .box .hm { display: flex; justify-content: space-between;padding:0 120px;}
.header .box .hm .fl{ margin-top:18px; display: none;}
.header .box .hm ul{ width:100%; display:none;}
.header .box .hm ul li:nth-child(1){ margin-left:0px;}
.header .box .hm ul li{  float:left; margin-left:10%; overflow: hidden;}
.header .box .hm ul li > a{ font-size:18px; overflow: hidden; display:flex; align-items:center; color:rgba(255,255,255,0.9); height:62px; line-height:62px;}
.header .box .hm ul li > a img{margin-left:5px;}
.header .box .hm ul li > a:hover{ color:#ffffff;}
.header .box .hm ul li .son { overflow: hidden; max-width:200px;}
.header .box .hm ul li .son a{ font-size:18px; display:block; margin-bottom:15px; color:rgba(255,255,255,0.6);}
.header .box .hm ul li .son a:hover{ color:#fff}
.header .box .hm ul li.searchico{ width:50px; height:62px; cursor:pointer; background:url(../img/search.png) no-repeat center;}

.head2{ padding:0 65px; background:#000; position: fixed; height:65px; display: flex; justify-content: space-between; align-items: center; z-index: 222; display: flex; width:100%; top:0;}
.head2 .menu{ display: none;}
.head2 .nav2{}
.head2 .nav2 ul { display: flex; }
.head2 .nav2 ul li{ margin-left:47px;}
.head2 .nav2 li > a{ position: relative; display: flex; white-space:nowrap; align-items:center; color:#fff; line-height:65px; font-size:18px;}
.head2 .nav2 li > a img{ margin-left:10px;}
.head2 .nav2 li .son{ position: absolute; width:100%; background:#222; display: none; height:58px; top:64px; left:0;}
.head2 .nav2 li .son .sona{ display:flex; align-items:center; height:58px; justify-content: flex-end;}
.head2 .nav2 li .son .sona.s0{ margin-right:565px; }
.head2 .nav2 li .son .sona.s1{ margin-right:335px; }
.head2 .nav2 li .son .sona.s2{ margin-right:250px; }
.head2 .nav2 li .son a{ font-size: 16px; margin-left:75px; color:#fff; display: block;}
.head2 .nav2 li .son a:hover{ color:#e77919}
.head2 .nav2 li.searchico{ width:50px; height:65px; cursor:pointer; background:url(../img/search.png) no-repeat center;}
.head2 .share a{ margin-left: 30px;}
@media(max-width:1674px){
	  
}

.winxinalert{ width:200px; height:200px; background:#fff; display:none; border-radius:5px; padding:2px; position:fixed; left:0; right:0; top:40%;  margin:auto; z-index:222; }
.winxinalert .close{ width:30px; height:30px; cursor:pointer; position:absolute; left:0; right:0; bottom:-50px; margin:auto; }

.alertvideo{ width:700px; max-width:80%; border:2px solid rgba(255,255,255,0.6); height:400px; position:fixed; z-index:222; left:0; right:0; margin:auto; top:50%; margin-top:-200px;  display:none; background:#000; padding:5px;}
.alertvideo .close{ width:30px; height:30px; cursor:pointer; background:url(../img/close.png) no-repeat center; background-size:100% 100%; position:absolute; right:0; top:-40px;}
.alertvideo video{ width:100%; height:100%;}

.enter-scale { animation:scalefade 0.4s; }
.leave-scale { animation:scalefadeOut 0.4s; }
@keyframes scalefade{ 0%{ transform:scale(0); opacity:0; } 50%{ transform:scale(1.2); opacity:0.8; } 100%{ transform:scale(1); opacity:1;} }
@keyframes scalefadeOut{ 0%{ transform:scale(1); opacity:1; } 30%{ transform:scale(1.2); opacity:0.8; } 100%{ transform:scale(0); opacity:0;} }

.hsearch{ height:65px; background:#fff; display: none; position:fixed; left:0; top:0; z-index:222; align-items:center; justify-content:flex-end; width:100%;}
.hsearch .box{ width:60%; margin-right:80px; position:relative;}
.hsearch form {  display:flex; align-items:center; justify-content: space-between;}
.hsearch form .sbtn{ width:60px; height:40px; border:0; background:url(../img/search2.png) no-repeat center; cursor:pointer;}
.hsearch form .sbtn:hover{ background:url(../img/search2on.png) no-repeat center;}
.hsearch form .stxt{ height:40px; flex:1; background:none; border:0; font-size:14px;}
.hsearch .close{ width:25px; height:25px;transition:all 0.3s ease; position:absolute; right:0; top:5px; background:url(../img/close2.png) no-repeat center; background-size:100% auto;}
.hsearch .close:hover{ background:url(../img/close2on.png) no-repeat center; background-size:100% auto; transform:rotate(180deg);}
.mask{ width:100%; height:100%; z-index:111; position:fixed; background:rgba(0,0,0,.7); left:0; top:0; display:none;}

/***首页***/
.fp-controlArrow { display: none; }
#fp-nav ul li, .fp-slidesNav ul li { width: 20px; height: 20px; }
#fp-nav ul li a{ display:block; position:relative; }
#fp-nav ul li a span { height:20px; width:20px; border-radius:50%; background:url(../img/01.png) no-repeat center; border:0px;}
#fp-nav ul li a.active span { background:url(../img/02.png) no-repeat center; }
#fp-nav ul li .fp-tooltip { top: 3px; display: none; }
.fp-slidesNav ul li { width: 73px; height: auto; }
.fp-slidesNav ul li a span { border: 0px; width: 73px; height: 3px; background: #c1b5de; border-radius: 0px; }
.fp-slidesNav ul li a.active span { background: #008cd6; height: 12px; margin-top: -9px; }
.fp-tableCell { width: 100%; }
.section { overflow: hidden; height: 100%; position:relative;}
.section.section1 .swiper-container{ width:100%; height:100%;}
.section.section1 .swiper-container .swiper-slide{ }
.section.section1 .swiper-container .swiper-slide.swiper-slide-active{}
.section.section1 .swiper-container .swiper-pagination-bullet{ width:20px; height:20px;  opacity:0;}
.section.section1 .swiper-container .swiper-pagination-bullet-active{ opacity:0;}
.down{ width:64px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-direction: column; background:#e77919; height:64px; position: absolute; left:0; right:0; margin: auto; z-index: 2; bottom:0;}
.down i{ width:6px; height:6px; background:#fff; margin-bottom:3px;}
.down i,.down img{ animation:down 1s infinite ease;}
.down i:nth-child(2){ animation:down2 1s infinite ease;}
.down img{ animation:down3 1s infinite ease;}
@keyframes down{
	0%{ opacity:0;}
	30%{opacity: 1;}
}
@keyframes down2{
	30%{ opacity:0;}
	60%{opacity: 1;}
}
@keyframes down3{
	60%{ opacity:0;}
	90%{opacity: 1;}
}
.section .txt1{ position:absolute; left:0; right:0; margin:auto; top:40%; z-index:22;}
.inbg{ position:absolute; left:0px; top:0px; width:100%; height:100%; animation:scane 13s infinite; background-position:center; background-repeat:no-repeat; background-size:auto;}
@keyframes scane{
	0%{ transform:scale(1);}
	50%{ transform:scale(1.15555);}
	0%{ transform:scale(1);}
}
@keyframes opacityani{
	0%{ opacity:0;}
	100%{ opacity:1;}
}
.banner-text{ position: absolute; left:0; top:30%; color:#fff; padding:0 30px; width:100%; text-align: center; z-index:2;}
.banner-text h1{ font-size:46px; letter-spacing:5px; font-weight: normal;}
.banner-text p{ font-size:25px; padding-top:20px; padding-bottom:20px; letter-spacing:3px;}

.nybanner .swiper-pagination-bullet{ background:#fff;}
.nybanner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#e77919;}
/***第二屏***/
.section2 .fl{ position: absolute; background:url(../img/02/img1.jpg) no-repeat; background-size:cover; left:0; top:0; width:50%; height:100%;}
.section .tits{ position:absolute; width:100%; text-align:center; padding:12px; top:10%; z-index:2; color:#fff; left:0;}
.section .tits .p1{ font-size:20px; }
.section .tits .p2{ font-size:25px; }
.section .tits .p3{ font-size:16px; padding-top:10px; }
.section2 .fr{ position: absolute; background:url(../img/02/img2.jpg) no-repeat; background-size:cover; right:0; top:0; width:50%; height:100%;}
.section2 .im1{ position: absolute; left:0; right:0; top:10%; margin:auto; z-index:1; opacity:0.5;}
.section2 .im2{ position: absolute; left:0; right:0; top:10%; height:120px; margin:auto; z-index:2; }
.section2 .box{ position:absolute; transition:all 1s ease; width:100%; height:100%; left:0; bottom:0;}
.section2 .box .text{ position: absolute; bottom:5%; left:0; width:100%; text-align: center;}
.section2 .box .text h2{ font-size:25px; font-weight: normal; margin-top:30px; color:#fff;}
.section2 .box:hover{ background:rgba(231,121,25,0.7);}
.indexMask{ background: rgba(0,0,0,0.7); display:none; z-index:100; position: fixed; left:0; top:64px; height:100%; width:100%;}
.ani-down{ opacity:0; transform: translateY(100px); transition:all 1.2s ease; transition-delay:0.5s; }
.section.active .ani-down{ opacity:1; transform: translateY(0);}
.section.active1 .ani-down{ opacity:1; transform: translateY(0);}

.section .tits2 {text-align:center; padding:12px; color:#fff;}
.section .tits2 .p1{ font-size:14px; letter-spacing:10px;}
.section .tits2 .p2{ font-size:25px;letter-spacing:2px;}

/***第三屏***/
.section3{ background:url(../img/03/1.jpg) no-repeat; background-size: cover;}
.section3 ul{ overflow: hidden; height:100%;}
.section3 ul li{ float: left; border-right:1px solid rgba(255,255,255,0.2); width:33.333333333%; height:100%;}
.section3 ul li a{ display:block; width:100%; height:100%;}
.section3 ul li .box{ position: relative; text-align: center; overflow: hidden; transition:all 1s ease; width:100%; height:100%; left:0; bottom:0;}
.section3 ul li .box .im1{ display: block; position: absolute; left:0; right:0; top:40%; margin:auto;}
.section3 ul li .box h2{ color:#fff;position: absolute; width:100%; top:58%; padding:0 40px; font-weight: normal; font-size:25px;}
.section3 ul li .box .add{position: absolute; left:0; right:0; bottom:10%; margin:auto;}
.section3 .box:hover{ background:rgba(231,121,25,0.7);}

/***第四屏***/
.section .wrap{max-width:1656px; padding:0 12px;}
.section .wrap.jp { max-width:86%;}
.section4{ background:#000; }
.section4 .tit{ margin:0 auto; display: block; height:80px; margin-top:15px;}
.caselist{ overflow: hidden; margin-left:-27px;}
.caselist li{ float: left; width:25%; padding-left:27px; padding-top: 58px;}
.caselist li .pic{ overflow: hidden; position: relative;}
.caselist li .pic img{ display: block; opacity:0.6; width:100%; transition: all 1s ease;}
.caselist li .pic i{ width:50px; z-index:1; height:49px; background:url(../img/play.png) no-repeat; position: absolute; left:0; right:0; margin:auto; top:50%; transform: translateY(-50%); }
.caselist li h2{ font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:10px 0 5px 0; color:#fff; font-size:16px;}
.caselist li p:last-child{ font-size:15px; color:#fff; opacity:0.5;}
.caselist li .pic:hover img{ transform: scale(1.2); opacity:1;}
.caselist li .pic:after{position: absolute; transition: all 1s ease; opacity:0; left:0; top:0; width:100%; height:100%; background:rgba(231,121,25,0.7); content: '';}
.caselist li .pic:hover:after{ opacity: 1;}
.caselist li .pic:hover i{ background-image: url(../img/play2.png);}
.caselist li a:hover h2{ color:#e77919}
.caselist li a:hover p:last-child{opacity: 1; color:#e77919}

/***第5屏***/
.section5{ background:#000; }
.section5 .tit{ margin:0 auto; display: block; height:70px; margin-top:15px;}

/***第六屏***/
.footer .wrap{ max-width:1205px;}
.section6{ background:#000;}
.footcon{}
.footcon .ht{ padding-top:56px;overflow: hidden;  color:#6d6d6d; font-size:15px;}
.footcon .ht .fl h2{font-size:18px; color:#fff; border-bottom:1px solid #2d2d2d; padding:10px 0; margin-bottom:30px;}
.footcon .ht .fl p{ border-bottom:1px solid #2d2d2d; padding:12px 0;}
.footcon .ht .fl p span{ color:#fff;}
.footcon .ht .fl p:last-child{ border-bottom:0px;}
.footcon ul { display:flex; border-top:1px solid #2d2d2d; justify-content:space-between; align-items:center;}
.footcon ul li{ overflow: hidden; color:#818181; font-size:15px; padding:20px 0;}
.footcon ul li .cwhite{ color:#fff;}
.footcon ul li a{color:#818181;}
.footcon ul li a:hover{ color:#fff;}

/***内页***/
.topimg{ overflow:hidden; position:relative; margin-top:65px;}
.topimg .im1{ display: block; width:100%;}
.topimg .im2{ position: absolute; left:0; right:0; margin:auto; top:30%;}

/***关于我们***/
.content{overflow: hidden; padding-bottom:1200px;}
.content.aboutbg{ background: url(../img/aboutbg.jpg) no-repeat center bottom; background-size:100% auto;}
.content.honorbg{ background: url(../img/honorbg.jpg) no-repeat center bottom; background-size:100% 100%;}
.content .aboutcon.auto{ max-height: 500px; overflow-y:auto;}
.content .wrap{ max-width:1200px;}
.nytit{ padding:100px 0; max-width:300px; position:relative; padding-bottom:50px;}
.nytit h1{ font-size:30px; display: inline-block; color:#fff; padding-top:20px; position: relative;}
.nytit h1::before{width:82px; height:4px; background:#e77919; position: absolute; top:-5px; right:0; content: '';}
.nytit span{position:absolute; left:100%; margin-left:12px; width:300px; font-size:18px; color:#bc1205; bottom:5px;}
.nytit h1 em{opacity:0;}
.aboutcon{ width:900px; line-height:35px; float: right; color:#fff; font-size:18px; text-indent:2em; }
.qywhlist{ overflow: hidden;text-indent:0em;}
.qywhlist li{ width:50%; float: left; position:relative; margin-bottom:115px;}
.qywhlist li:nth-child(1){width:100%;}
.qywhlist li:nth-child(1) img{ display:block;}
.qywhlist li:nth-child(1) .note{ width:100%; padding-top:0;}
.qywhlist li h2{ font-size:20px;}
.qywhlist li .note{ width:317px; padding-top:20px; text-indent:0em;  }
.qywhlist li img{ display: block; margin-top:20px;}
.honor{ position: relative;}
.honor img{ display: block; margin:0 auto;}
.arrright{ width:32px; height:32px; background:url(../img/right.png) no-repeat center; position: absolute; right:-50px; top:50%; transform: translateY(-50%);}
.arrleft{ width:32px; height:32px; background:url(../img/left.png) no-repeat center; position: absolute; left:-50px; top:50%; transform: translateY(-50%);}

.aboutcon.auto::-webkit-scrollbar { width: 5px;height: 1px;}
.aboutcon.auto::-webkit-scrollbar-thumb {
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #535353;
}
.aboutcon.auto::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 2px;
	background: #000;
}

/***主要业务***/
.content.businessbg{background: url(../img/bussbg.jpg) no-repeat center bottom; background-size:100% 100%;}
.businessList{ margin-top:100px; overflow: hidden; padding-left:100px;}
.businessList li{ float: left; width:50%; height:632px; padding-left:50px;}
.businessList li img{ display: block; }
.businessList li .line{ width:55px; margin-top: 15px;margin-left: -50px; height:4px; background:#e77919;}
.businessList li h2{ font-size:20px; color:#e77919; padding-top:15px;}
.businessList li .note{ color:#fff; line-height:35px; padding-right:50px;  font-size: 16px; padding-top:20px;}

/***精品项目***/
.content.projectbg{background: url(../img/projectbg.jpg) no-repeat center bottom; background-size:100% 100%;}
.projecttext{ margin-left:40%; color:#fff; line-height: 35px; font-size: 18px;}
.content.projectbg .caselist li{ width:33.3333333%;}
.content.projectc{ padding-bottom:200px;}
.project-detail{ color:#fff; line-height: 35px; font-size: 18px; padding-top:100px; }

/***运营服务***/
.content.servicebg{background: url(../img/servicebg.jpg) no-repeat center bottom; background-size:100% auto; padding-bottom:1000px;}
.content.servicebg .nytit{ width:250px;}
.content.servicebg .service-detail .nytit h1{color:#e77919}

/***新闻列表***/
.content.newsbg{background: url(../img/newbg.jpg) no-repeat center bottom; background-size:100% auto;padding-bottom:1200px;}
.newslist{padding-top:50px; padding-left: 30px;}
.newslist li a{ display: block; color:#fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top:18px; font-size: 18px; position: relative; padding-right:100px;}
.newslist li a:hover{ color:#e77919}
.newslist li a span{ position: absolute; color:#fff; right:0; top:0;}
.ntit{ text-align:center; padding-top: 100px; border-bottom:1px dotted rgba(255,255,255,0.3); margin-bottom:20px; padding-bottom:12px;}
.ntit h1{ font-size:22px;}
.ntit p{ font-size:13px; padding-top: 10px; color:#666; opacity:0.8;}
.pdbox{ font-size: 16px; line-height:35px; padding:30px 0; text-indent:2em; }
.prevnext{ padding:25px 0; font-size:14px; color:#999; overflow:hidden;}
.prevnext a{  opacity:0.7;}

/***人才招聘***/
.content.jobbg{background: url(../img/joinbg.jpg) no-repeat center bottom; background-size:100% auto;}
.content.contactbg{background: url(../img/contactbg.jpg) no-repeat center bottom; background-size:100% 100%;}
.job-detail .tit{ font-size:20px; font-weight: bold; line-height:35px;  color:#e77919;}
.job-detail .tit.c{ text-align: center;}
.job-detail .conc{ font-size:20px; line-height:38px; color:#fff;}
.job-detail ul {padding-top: 100px;}
.job-detail ul li{ margin-top:50px; display: flex;}
.job-detail .fl{ width:30%;}
.job-detail .fr{ flex:1;}
.job-detail ul li .fr .item{ display: flex; margin-bottom: 50px;}
.job-detail ul li .fr .item .conc{ flex:1; margin-left:40px;}

/***联系我们***/
.contact-detail{ overflow: hidden; padding-bottom:60px; font-size:18px; color:#666; line-height:25px;}
.contact-detail .conxc{ padding-bottom:20px;}
.contact-detail .conxc dl{ display:flex; margin-top:40px; font-size:18px; color:#666;}
.contact-detail .conxc dl dt{ color:#e77919; }


/***分页***/
.page{ overflow:hidden; text-align:center; margin:40px auto;}
.page ul li{ display:inline-block;}
.page ul li a,.page ul li span{ padding:8px 12px; line-height:18px; background:#333; display:inline-block; color:#888; margin:5px 2px;}
.page ul li.active span{ background:#e77919; color:#fff; border-color:#e77919}
.page ul li:hover a{ background:#e77919; color:#fff;border-color:#e77919}

/***修改版本***/
.conten2{ overflow: hidden; background: #f8f8f8;}
.conten2 .wrap{ max-width:1200px;}
.about-item .wrap{display: flex; justify-content: space-between; overflow: hidden; }
.atit{ margin-top:120px; color:#000;}
.atit h1{ font-size:27px; font-weight: normal; padding-bottom:10px;}
.atit p{ font-size:21px;}
.atit h2{ font-size:18px;font-weight: normal; padding-top:70px;}
.atit .line{ width:43px; height:2px; background:#e77919; margin-top:30px;}
.about-item .about-box{ color:#666; font-size:15px; line-height:30px; width:641px; margin-top:260px;}
.about-item.wx{ background:url(../img/wx.jpg) no-repeat center; background-size:cover; min-height:750px; margin-top:100px;}
.about-item.wx .atit{ color:#fff;}
.about-item.wx .about-box{ color:#fff; margin-top:226px; }
.about-honor{ overflow: hidden; margin-top:100px; }
.about-honor ul{ max-width:1152px; margin:0 auto; overflow: hidden; }
.about-honor ul li{ float:left; width:25%; padding-left:3%; padding-top:3%;}
.about-honor ul li img{ display: block; width:100%;}
.opearte{ margin-top:40px; display: flex; justify-content: center; align-items: center;margin-bottom:50px; }
.opearte img{ margin:0 12px;}
.morehjxx {margin-top:40px; text-align:center;}
.morehjxx a{ display:flex; align-items:center; justify-content: center; font-size:15px; color:#9e9e9e;}
.morehjxx a img{ margin-right:20px;}
.morehjxx a.a2{display:none;}
.morehjxx.open .a1{display:none;}
.morehjxx.open .a2{display:flex;}
.about-box-cc{ height:695px; overflow:hidden;}
.about-box-cc.open{ height:auto;}

.newlist2 li{ margin-top:60px;}
.newlist2 li a{ display:flex; overflow: hidden; height:220px; background:#f2f2f2;}
.newlist2 li a .img{ width:370px;height:220px; margin-right:35px;}
.newlist2 li a .img img{ width:100%; height:100%;}
.newlist2 li .text{ height:220px; flex:1; overflow: hidden; padding-right:30px;}
.newlist2 li .text .time{ font-size:14px; margin-top:20px; color:#000;}
.newlist2 li .text h2{ font-size:18px; font-weight: normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 0 30px 0;}
.newlist2 li .text .note{ font-size:14px; color: #888; line-height:23px;}
.newlist2 li .text .note span{ color:#e77919}

.conten2.pro .wrap{ max-width:86%;}
.ncate { display:flex; margin-top:100px;}
.ncate li{ margin-right:45px;}
.ncate li a{ font-size:24px; padding-bottom:25px; position: relative;}
.ncate li a.on{ color:#e77919}
.ncate li a.on:after{ width:100%; height:4px; background:#e77919; position: absolute; bottom:0; left:0; content:'';}

.conten2.pro .caselist{ margin-left:-10px;}
.conten2.pro .caselist li{ padding-left:10px;}
.conten2.pro .caselist li .pic img{opacity:1;}
.conten2.pro .caselist li h2{color:#000;}
.conten2.pro .caselist li p{color:#666;}
.conten2.pro .caselist li a:hover h2{ color:#e77919;}

.prodetail{ display:flex; overflow: hidden; justify-content: space-between;}
.prodetail .box{max-width:890px;}
.prodetail .box .atit h1{ font-size:30px;}
.prodetail .box .atit h2{ font-size:27px; color:#666; padding-top:20px;}
.prodetail .box .atit .line{ margin-top:30px;}
.prodetail .proprev{ width:305px; font-size:18px; margin-left:20px; margin-top:321px;}
.prodetail .proprev p{ margin-top:15px; display:flex;}
.prodetail .proprev a{color:#666; display:block; flex:1; display:flex; align-items:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.prodetail .proprev a:hover{ color:#e77919;}
.prodetail .proprev .p2{ display:flex; margin-top:30px; align-items:center;}
.prodetail .proprev .p2 img{ margin-left:12px;}
.prodetail .box .protab {display:flex; font-size:18px;}
.prodetail .box .protab ul:nth-child(1){ flex:1; margin-right:30px;}
.prodetail .box .protab ul li{ display:flex; margin-top:30px;}
.prodetail .box .protab ul li span{width:120px; color:#e77919;}
.prodetail .box .protab ul li p{ flex:1; color:#666;}
.prodetail .box .text{ margin-top:40px; font-size:18px; color:#666; line-height:30px;}

.promore{ display:flex; align-items:center; justify-content:center; padding:25px 0; color:#999; }

.foot{ background:#222222; padding-top:32px; padding-bottom:47px;	}
.foot .wrap{ display: flex; max-width:1200px;}
.foot .wrap dl{ flex:1; margin-right:12px; color:#888;}
.foot .wrap dl dt{ font-size:15px; color:#fff; margin-top:18px;}
.foot .wrap dl dd{ margin-top:18px;font-size:15px;}
.foot .wrap dl dd a{ color:#888;font-size:15px;}
.foot .wrap dl dd a:hover{ color:#e77919}
.share{ display: flex;}
.share a{ width:37px; height:37px; position: relative; border:1px solid #c6c7c8; border-radius:50%; margin-right:19px;}
.share a.a1{ margin-left:0; background: url(../img/wb.png) no-repeat center; background-size:auto 17px;}
.share a.a2{ background: url(../img/wx.png) no-repeat center; background-size:auto 17px;}
.share a.a2 img{ position: absolute; max-width:130px; transition: all 0.5s ease; background:#fff; padding:5px; box-shadow:#aaa 0 0 5px; width:130px; height:130px; left:-46.5px; bottom:0px; z-index:22; transform: scale(0); opacity:0;}
.share a.a2:hover img{ transform: scale(1); opacity:1; transform-origin: bottom center; bottom:45px;}
.share a.a3{ background: url(../img/qq.png) no-repeat center; background-size:auto 17px;}
.share a.a1:hover{ background-image: url(../img/wb2.png); background-size:auto 17px;}
.share a.a2:hover{ background-image: url(../img/wx2.png); background-size:auto 17px;}
.share a.a3:hover{ background-image: url(../img/qq2.png); background-size:auto 17px;}
.share a:hover { border-color:#e77919; }
.copyright{ background:#000; color:#6d6d6d; font-size:15px;}
.copyright .wrap{ overflow:hidden; padding:30px 12px; max-width: 1656px; }
.copyright .wrap .fl { display:flex;}
.copyright .wrap .fl a{ color:#818181;}
.copyright .wrap .fl a:hover{ color:#fff;}
.copyright .wrap .fr a{ color:#818181; font-size:22px; }