@charset "utf-8";
/* CSS Document */

/*-----whole-----*/

html, body{position:relative;height:100%;}
.relative{ position: relative; }
.Header-wrapper, .Container-wrapper,  .banner-container, .index-container{
}
.banner-container{
margin-top:117px
}


.contain{width:1200px;margin:0 auto;}

.htopbox{ background: #666; height: 32px; line-height: 32px; width:100%; position:fixed;z-index:999;top:0}
.htop{width:1200px;height:32px; line-height:32px; color:#fff;margin:0 auto; }
.htop .tlink a{ color:#fff; padding:0 3px;}


.container{min-width:1200px;height:auto;}
.Hnav>li:hover .name,
.Hnav>li.cur .name,
.Hlang a.cur,
.Hlang a:hover,
.Inews-box:hover .name,
.Inews-box:hover .con,
.news-box:hover .name,
.hNews-box:hover .name,
.nInfo-page a:hover,
.pC3-5l-box:hover{color:#ff8433;}


/*--- Header ---*/
.Header-wrapper{z-index:99;}
.Header-wrapper .header-cl{height:85px;position:fixed;}
.Header-wrapper .container-header{height:85px;background-color:#fff;}
.Header-wrapper.page-header .header-cl{display:none;}
.Header-wrapper .logo{ padding-top: 10px;
font-size:0px;float:left;
  }/*logo*/

.Header-wrapper .Hlang{padding:0 0 0 10px;height:85px;font-size:16px; position: absolute; left: 270px; top:0;
 float:right;}/*语言*/





a:hover{color:#f67649}
.Red{color:#f67649}
.Red a{color:#f67649}


.hdnav_top{z-index:999;position:relative;background-color:#fff;
}
.nav_menu{z-index:999;position:relative}
.nav_menu li{
 font-size:14px; text-align: center; 
 font-weight:normal;}
.nav_link{color:#666; line-height:85px;height:85px;padding: 0 15px 0 40px; display: block;

font-size: 18px; font-weight: bold;
    background: url(../images/allsite1.png) no-repeat 14px center;

}
.nav_menu li.curron{font-weight:normal}
.nav_menu li.hover{background:#fff;font-weight:bold;}
.nav_menu li.hover a.nav_link{color:#fff;   background: url(../images/allsite2.png) no-repeat 14px center;}
.nav_menu li.curron{border-top-color:#724e3e;border-bottom-color:#724e3e;border-left-color:#724e3e;border-right-color:#724e3e;background:#724e3e;color:#fff;font-weight:normal;}
.nav_menu li.hover{
background:#ff8433;font-weight:100;}

.pop_menu{z-index:9998;border:#ff8433 1px solid;position:absolute;text-align:left;display:none;background:#fff;overflow:hidden;
  top:85px;left:0px}
.nav_menu li.hover .pop_menu{display:block}
.pop_menu dl{margin:12px 0px 12px 12px;width:400px;height:100%}
.pop_menu dl:after{display:block;clear:both;content:""}
.pop_menu dl.bot_line{padding-bottom:10px;background:url(../images/repng71.png) repeat-x 50% bottom}
.pop_menu dl.bot_line a{color:#F16103}
.pop_menu dl.bot_line a:hover{color:#fff;background:#FF8433}
.pop_menu dl.bot_line_last{margin-top:0px;background:url(../images/repng71.png) repeat-x 50% bottom;float:left;height:10px}
.pop_menu dl dt{text-align:right;width:72px;padding-right:13px;float:left;overflow:hidden;font-weight:100}
.pop_menu dl dd{text-align:left;width:290px;float:left;letter-spacing:0px;color:#666666;}
.pop_menu dl dd a{ background:#f2f3f2; padding:3px 5px; color:#666; display:inline-block; margin:2px;}
.menuHotIcon{position:absolute;width:22px;background:url(../images/nav-hot.gif) no-repeat;height:15px;top:0px;right:215px}
























.Header-wrapper .Hnav{width:auto;float:right;margin:0 0 0 0;}/*导航*/
.Hnav>li{float:left;margin:0 0 0 20px;}
.Hnav>li:first-child{margin:0px;}
.Hnav .name{display:block;padding:0 5px;height:85px;line-height:85px;font-size:16px;position:relative;overflow:hidden;color:#444;}
.Hnav .name:before{display:block;content:'';width:100%;height:3px;background-color:#ff8433;position:absolute;bottom:0px;left:-100%;}

.Hnav>li:hover .name:before,
.Hnav>li.cur .name:before{left:0px;color:#ff8433;}
.Hnav>li:hover .Hn2nd-box{display:block;}



/*首页头部*/
.Header-wrapper.index-header{width:100%; position:fixed; top:32px}
.Header-wrapper.index-header .header-cl{display:none;}
.Header-wrapper .container-header.on{top:0px;}

.bnr-img.index-bnr{height:100% !important;}
#index-bnr{height:560px !important; margin-top:117px}










/* 底部样式开始  */

.bottomm{ overflow:hidden; background:#1c1c1c;}
.link{ height:56px; overflow:hidden; color:#f4ad0c; }
.link span{ height:56px; line-height:56px; overflow:hidden; font-weight:bold; color:#f4ad0c; padding-right:20px; font-size:15px;}
.link a{ color:#f4ad0c; padding-right:15px;}
.link a:hover{ text-decoration:underline;}

.bottoma{ height:169px; padding-top:26px; overflow:hidden;}
.bottoma ul li{ float:left; width:220px; height:146px; border-right:1px solid #404040; margin:0px 9px; overflow:hidden;}
.bottoma ul li dt{ padding-bottom:8px;}
.bottoma ul li dt a{ font-size:14px; font-weight:bold; color:#d1d1d1;}
.bottoma ul li dt a:hover{ color:#f4ad0c;}
.bottoma ul li dd{ color:#616161;}
.bottoma ul li dd a{ color:#616161; line-height:24px; float:left; width:90px; height:24px; line-height:24px; overflow:hidden;}
.bottoma ul li dd a:hover{ text-decoration:underline;}
.bottoma #contact{ width:704px; overflow:hidden; border-right:0;}
.bottoma #contact .wxbox{width:300px; float:left; }
.bottoma #contact .wxbox dd{width:105px;margin:0px 15px 0px 15px;float:left;}
.bottoma #contact .wxbox dd p.txt{background: #212020; font-size:12px;text-align:center; padding:2px 0;color:#666}
.bottoma #contact .wxbox dd img{width:105px;height:105px;}
.bottomb{ height:48px; text-align:center; color:#808080; padding-top:30px; background: #171616}


/* 底部样式结束  */
















/*--- Banner ---*/
.banner-container .bnr-img{display:block;width:100%;height:auto;position:relative;}

/*.bnr-img.index-bnr{height:890px;}*/
#index-bnr .swiper-pagination{bottom:50px;}
#index-bnr .swiper-pagination-bullet{width:10px;height:10px;border:1px solid #fff;background:none;opacity:1;}
#index-bnr .swiper-pagination-bullet-active{background-color:#008cd6;}
.iBnr-box{width:100%;text-align:center;font-size:45px;font-weight:lighter;color:#ffffff;position:absolute;top:60%;opacity:0;margin:-60px 0 0;}
#index-bnr .swiper-slide.swiper-slide-active .iBnr-box{top:50%;opacity:1;transition-delay:.3s;-webkit-transition-delay:.3s;}

.bnr-img.abUs-bnr{height:400px;}

.bnr-img.page-bnr{height:400px;}

.pBnr-box{width:100%;position:absolute;top:50%;left:0px;margin:-40px 0 0;}
.pBnr-box .name{font-size:36px;color:#fff;font-weight:lighter;position:relative;left:-100%;}
.pBnr-box i{display:block;width:49px;height:2px;background-color:#fff;position:relative;left:-100%;margin:20px 0 0;}

.indexSwiper-prev,
.indexSwiper-next{display:block;height:100%;width:40px;position:absolute;top:0px;z-index:99;}
.indexSwiper-prev{left:4%;background:url(../images/icon/swiper5-l.png) no-repeat center center;}
.indexSwiper-next{right:4%;background:url(../images/icon/swiper5-r.png) no-repeat center center;}
.page-dd{width:54px;height:54px;background:url(../images/icon/icon-dd1.png) no-repeat center center;position:absolute;bottom:4%;left:50%;margin:0 0 0 -27px;z-index:99;-webkit-animation: arrowlx 1.5s infinite;-moz-animation: arrowlx 1.5s infinite;-o-animation: arrowlx 1.5s infinite;-ms-animation: arrowlx 1.5s infinite;animation: arrowlx 1.5s infinite;}
@-webkit-keyframes arrowlx
{
    0% {
        bottom:48px;
        opacity:1;
    }
    100% {
        bottom:28px;
        opacity:0;
    }
}
@-moz-keyframes arrowlx
{
    0% {
        bottom:48px;
        opacity:1;
    }
    100% {
        bottom:28px;
        opacity:0;
    }
}
@-ms-keyframes arrowlx
{
    0% {
        bottom:48px;
        opacity:1;
    }
    100% {
        bottom:28px;
        opacity:0;
    }
}
@-o-keyframes arrowlx
{
    0% {
        bottom:48px;
        opacity:1;
    }
    100% {
        bottom:28px;
        opacity:0;
    }
}
@keyframes arrowlx /* Safari 和 Chrome */
{
    0% {
        bottom:48px;
        opacity:1;
    }
    100% {
        bottom:28px;
        opacity:0;
    }
}


/*--- Container ---*/

/*clearfix*/
/*
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display:block; }
*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

/*通用img*/
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}

/*-- 首页 --*/
.p-title{text-align:center;}
.p-title h1{font-size:36px;color:#222222; font-weight: 700; line-height:48px;}
.p-title p{color:#888888;margin:6px 0 0; font-size: 16px;line-height:24px;

}



.p-title i{display:block;margin:6px auto 0;
    width: 220px;
    height: 3px;
    border-radius: 3px;
    background: #e46715;

    }
.p-title.pt2 h1,
.p-title.pt2 p{color:#fff;}
.p-title.pt2 i{background-color:#fff;}



/*-- 公司介绍 --*/
.container-About {
    padding: 70px 0 100px;
    background-color: #fff;
}




.er{ padding:30px 0 15px;}





.er dl { height:330px; margin-top:6px; overflow:hidden; }
.er dl:hover dd em a{border-color:#ff9600;color:#ff9600;}
.er dt { width:550px; height:330px; overflow:hidden; position:relative; float:left; }
.er dt img { width:550px; height:330px; }
.er dt em { background:url(../images/er_jt1.png) no-repeat; width:16px; height:26px; position:absolute; top:160px; right:0; _right:-1px; }
.er dt em img { width:16px; height:26px; position:absolute; top:120px; right:0; _right:-1px; }
.er dd { width:580px; padding:0 35px 0 35px; overflow:hidden; float:right; }
.er dd h4 { display:block; font:20px "Microsoft Yahei"; height:40px; line-height:40px; overflow:hidden; color:#333; margin:25px 0 10px 0; text-transform:uppercase; }
.er dd p { font:14px "Microsoft Yahei"; line-height:30px;overflow:hidden; color:#666; }
.er dd em a { display:block; width:148px; height:34px; border:1px solid #c3c8cd; text-align:center; font:14px "Microsoft Yahei"; line-height:34px; color:#333; overflow:hidden; margin-top:14px; }
.er .dl02 dt { float:right; }
.er .dl02 dt em { background:url(../images/er_jt2.png) no-repeat; left:0; }
.er .dl02 dt em img { position:absolute; top:120px; left:0; }
.er .dl02 dl { float:left; }









/*服务范围*/
.container-Isrv{padding:70px 0 100px;background-color:#f5f5f5;}
.Isrv-list{margin:57px 0 0;}
.Isrv-list li{width:25%;float:left;}
.Isrv-box{display:block;height:350px;padding:40px 0 0;text-align:center;}
.Isrv-box .Isrv-img{width:125px;height:125px;line-height:125px;font-size:0px;background-color:#d8d8d8;border-radius:100%;position:relative;margin:0 auto 0;}
.Isrv-box .name{font-size:20px;margin:16px 0 0;}
.Isrv-box .split{display:block;width:30px;height:1px;background-color:#bfbfbf;margin:16px auto 0;}
.Isrv-box .con{width:240px;font-size:13px;color:#666666;line-height:24px;margin:15px auto 0;}

.Isrv-box:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)}
.Isrv-box:hover .Isrv-img{background-color:#008cd6;}
.Isrv-box:hover .Isrv-img img{display:none;}
.Isrv-box:hover .Isrv-img img.rollover{display:block;opacity:1;}



/*案例*/
.container-Icase{padding:10px 0 10px;}

.container-Icase .p-title h1 {
    font-size: 37.34px;

}

.container-Icase .p-title i{
    background: #ffffff;

}
.container-Icase .p-title p {
  
    margin: 6px 0 0;
}

.container-Icase .swiper-container{width:100%; margin:0 auto;}
.Icase-swiper{margin:50px 0 0;}
.Icase-box{display:block;width:100%;position:relative;overflow:hidden;float:left;}
.Icase-box .Icase-img{position:relative;overflow:hidden;}
.Icase-box .con{width:89.16666%;padding:0 5.41667%;height:50px;line-height:50px;color:#b1b1b1;background:rgba(0,0,0,0.5);position:absolute;bottom:-50px;left:0px;}
.Icase-box .name{height:57px;line-height:57px;text-align:center;font-size:16px;background-color:#f2f2f2;}
.Icase-box:hover .con{bottom:0px;}
.Icase-box:hover .name{background-color:#6ab92c;color:#fff;}
.IcaseSwiper-page{padding:15px 0;font-size:0px;text-align:center;}
.IcaseSwiper-prev,
.IcaseSwiper-next,
.IcaseSwiper-more{width:42px;height:42px;line-height:42px; margin:0 10px;
background: url(../images/swiper.png) no-repeat 0 0;
}
.IcaseSwiper-more{width:80px;margin:0 8px;}


.IcaseSwiper-prev{background-position: -42px 0;}
.IcaseSwiper-prev:hover{background-position: -42px -42px;}

.IcaseSwiper-next{background-position: 0 0;}
.IcaseSwiper-next:hover{background-position: 0 -42px;}


/*对比*/


.container-Compare {
    padding: 80px 0 80px;
    background-color: #fff;
}

.compare{}
.pktit{ padding:0px 0px 10px 236px;}
.pkcon .td3{ width:490px; height:52px; overflow:hidden; text-align:right; padding: 0 10px; border-bottom: 1px solid #ddd;}
.pkcon .td2{padding:5px 32px; width:155px; height:52px;}
.pkcon .td1{ width:490px; height:52px; overflow:hidden; text-align:left; border-bottom: 1px solid #ddd;}


.inno{
	width: 100%;
	padding-top: 60px;
}
.inno .inno-li{
	width: 245px;
	height: 224px;
	padding:200px 20px 0 20px;
	border-radius: 9px;
	overflow: hidden;
	background: #fff;
	margin-right: 20px;
	float: left;
	transition-duration:300ms;
}

.inno .inno-li.last{  margin-right: 0px;}
.inno .inno-li1{
	background: url("../images/te0.png") no-repeat;
}

.inno .inno-li2{
	background: url("../images/te2.png") no-repeat;
}

.inno .inno-li3{
	background: url("../images/te4.png") no-repeat;
}

.inno .inno-li4{
	background: url("../images/te6.png") no-repeat;
}

.inno .inno-li .inno-tit{
	width: 245px;
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	font-weight: 100;
	padding-bottom: 12px;
	transition-duration:300ms;
}

.inno .inno-li .inno-detail{
	width: 100%;
	color: #999;
	font-size: 14px;
	line-height: 22px;
	transition-duration:300ms;
}









.case_b{height:490px; min-height:200px; margin-top:37px; overflow:hidden;}
.case_b .bzuo{ width:550px; float:left; display:block;}
.case_b .bzuo img{width:550px; height:454px;}
.case_b .bzuo span{ display:block; height:36px; line-height:36px; background:#ebebeb; text-align:center;}
.case_b .bzuo a:hover span{background:#6ab82c; color:#fff;}
.case_b .byou{ width:580px; float:left;}
.case_b .byou ul li{ float:left; margin:0px 0px 30px 30px;}
.case_b .byou ul li img{ width:260px; height:194px;}
.case_b .byou ul li a{ display:block;}
.case_b .byou ul li span{ display:block; width:260px; height:36px; line-height:36px; overflow:hidden; background:#ebebeb; text-align:center;}
.case_b .byou ul li a:hover span{ background:#6ab82c; color:#fff;}
.casel{ margin-top:30px; min-height:200px; overflow:hidden;}
.casel ul li{ float:left; margin:0px 30px 30px 0px;}
.casel ul li img{ width:260px; height:194px;}
.casel ul li a{ display:block;}
.casel ul li span{ display:block; width:260px; height:36px; line-height:36px; overflow:hidden; background:#ebebeb; text-align:center;}
.casel ul li a:hover span{ background:#6ab82c; color:#fff;}









/*首页服务*/
.container-Ser{padding:60px 0 100px; background:#f5a81c;}

.container-Ser .p-title h1 {
    font-size: 34px; 
    color: #fff;
}

.container-Ser .p-title p {
    color: #fff;
    margin: 6px 0 0;
}
.container-Ser .p-title i {
background: #ffffff;
}

.servicecon{ height:228px; margin-top: 60px;}

.rollBox{width:1200px;overflow:hidden;margin:0 auto; height:228px;background:url(../images/service_61.jpg) left top repeat-x;}
.rollBox .LeftBotton{height:228px;width:57px; background:url(../images/service_59.jpg) left top no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .RightBotton{height:228px;width:57px; background:url(../images/service_63.jpg) right top no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .Cont{width:1050px; overflow:hidden;float:left; margin:0 18px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:140px; height:168px;float:left;text-align:center; margin:30px 10px 24px 0px; background:#FFF;}
.rollBox .Cont .pic img{ width:140px; height:140px;}
.rollBox .Cont .pic span{ width:140px; text-align:center; line-height:32px; }
.rollBox #List1,.rollBox #List2{float:left;}






/*通用视频*/
.container-pMedia{height:645px; position: relative;}
.pMedia-box{width:100%;font-size:24px;color:#fff;font-weight:lighter;text-align:center;position:absolute;top:50%;left:0px;margin:-55.5px auto 0;}
.pMedia-btn{width:80px;height:80px;

    background:url(../images/play.png) no-repeat left top;

    margin:0 auto 24px;}

.pMedia-btn:hover{    background:url(../images/play.png) no-repeat 0 -80px;}
.modal-pMedia{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:1000;display:none;}
#pMediaCon,
#pMediaCon_wrapper,
.pMedia-con{width:100% !important;height:100% !important;}
.pMedia-close{display:block;position:absolute;top:20px;right:20px;z-index:99999;}


/*合作伙伴*/
.container-Iparter{padding:67px 0 77px;background-color:#f5f5f5;}
.Iparter-list{width:1200px;margin:55px 0 0 0;}
.Iparter-list li{width:288px;padding:0 16px 15px 0;float:left;}
.Iparter-list .Iparter-box{display:block;height:80px;text-align:center;font-size:0px;background-color:#fff;border:1px solid #e5e5e5;position:relative;}
.Iparter-box img{}
.Iparter-box:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:none;}


/*聚焦热点*/
.container-Inews .p-title h1 {

    color: #fff;
 
}
.container-Inews{padding:70px 0 68px;background-color:#009966;}
.Inews-nav{text-align:center;margin:36px 0 0;}
.Inews-nav a{display:inline-block;width:150px;height:36px;line-height:36px;color:#666;
    border-radius:34px;background-color:#e5e5e5;margin:0 20px;}
.Inews-nav a.cur,
.Inews-nav a:hover{background-color:#ff8433;color:#fff;}

.Inews-list{width:1370px;overflow:hidden;margin:55px 0 0 -90px;display:none;}
.Inews-list .Inews-box{display:block;width:595px;padding:0 0 0 90px;position:relative;overflow:hidden;margin:0 0 45px;float:left;}
.Inews-box .date{width:103px;height:103px;font-family:'Arial';text-align:center;color:#fff;border-radius:100%;float:left;}
.Inews-box .date .day{padding:11px 0 0;font-size:48px;}
.Inews-box .name{width:473px;font-size:18px;float:left;margin:9px 0 0 19px; color:#ffffff; font-weight:700; height: 32px }
.Inews-box .con{width:473px;height:44px;font-size:14px;color:#d1f3e7;line-height:22px;float:left;margin:10px 0 0 19px;}
.Inews-box .see{width:448px;padding-left:25px;font-size:12px;color:#888888;background:url(../images/icon/icon-see.png) no-repeat left center;float:left;margin:4px 0 0 19px;}

.Inews-list .Inews-box:hover{}

.Inews-list .Inews-box:hover .name{color:#ffffff;font-size:20px;}
.Inews-list .Inews-box:hover  .con{color:#ffffff;}


.container-library .container-library4 {
    padding: 20px 0 10px;
    background-color: #fff;
}



.newscon1{ border-bottom:1px solid #ebebeb; padding-left:135px;}
.newscon1 li{ float:left; height:220px; padding:75px 210px 30px 0px;}




.wd1{    padding-bottom: 30px;}
.container-library {
    padding: 60px 0 80px;
    background-color: #f1f1f1;
}

.container-library1 {
    padding: 60px 0 80px;
    background-color: #fff;
}

.newslist{}

.newslist li{padding:10px 29px 10px 9px; height:140px; margin-bottom:30px; border:1px solid #eee;
  margin-right: 20px;

width: 540px; float: left;}
.newslist li.last{  margin-right: 0px;}
.newslist li:hover{background:#f7f7f7;}
.newslist li .tu{width:200px; height:133px; float:left; overflow:hidden;}
.newslist li .wz{float:right; width:320px;}
.newslist .bt{font-size:18px; line-height:42px; height:42px; overflow:hidden;}
.newslist li .xq{line-height:24px; font-size:13px; color:#656b6e;}
.newslist li .jj{width:auto; float:left; line-height:23px; height:23px; margin:36px 18px 0px 0px; font-size:13px; background:url(../images/news_31.gif) no-repeat left center;}
.newslist li .jj0{float:right;}
.newslist li .zt2{margin:0px 21px 0px 4px; text-align:center; color:#fff; height:35px; display:inline;}
.newslist .fir{width:566px; padding:28px 40px 42px 122px; height:auto; border:1px solid #d8d8d8; background:url(../images/news_30.gif) no-repeat 28px 28px;}
.newslist .fir .bt{line-height:38px; height:38px; overflow:hidden; font-size:28px; margin-bottom:12px;}
.newslist .fir .bt a{color:#3b3c3c;}
.newslist a.more{color:#fa7024;}
.newslist li.fir .jj{line-height:35px; height:35px; background:url(../images/news_29.gif) no-repeat left center; font-size:14px;}
.newslist li.fir .zt2{margin:0px 40px 0px 17px;}
.newslist a:hover{text-decoration:underline;}
.newslist li.fir:hover{background:#fff url(../images/news_30.gif) no-repeat 28px 28px;}
.newslist li:hover .wz .bt a{text-decoration:underline;}

.m-ft{ width: 300px; margin:0 auto; }
.morebtn {
    padding: 10px 60px;
    border: 1px solid #ddd;
    border-radius: 100px;
    background-color: transparent;
    color: #444;
    font-size: 14px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;display: inline-block;
}
 .morebtn:hover{border-color:#f63a3b;background-color:#f63a3b;color:#fff}
/*-- 案例列表 --*/

.wd{ padding-bottom: 50px; }



.processtit {
  padding: 0px 0 30px;
  text-align: center;
  color: #777;
  font-size: 14px;
}

.processtit h3 {
    font-size: 36px;
    color: #222222;
    font-weight: 700;
    line-height: 48px;
  padding-bottom: 5px;
}

.processtit p {
  display: inline-block;
  padding: 0 122px;
  background: url(../images/through.jpg) repeat-x left center;
}

.processtit span {
  padding: 0 18px;
  display: inline-block;
  background: #fff;
  color: #666;
}

.processtit:hover h3 {
  color: #db2f43;
  -webkit-transition: All .2s ease;
  -moz-transition: All .2s ease;
  transition: All .2s ease;
}









#caselist {
    position: relative;
    width: 1200px;
    margin: 0 auto 25px;
    padding-bottom: 10px;
}
/*家装案例列*/
.listcase{width:1200px;}

.list-case li{ float:left;width:378px;margin:0 23px 20px 0px; background:#fff;
    border: 1px #ddd solid;
}
.list-case li.first{width:590px;    margin: 0 0 20px 0px;}
.list-case li.first span{ display:block;width:590px; }
.list-case li.first  span.img{width:590px;}
.list-case li.first  span.img img {
    width: 590px; height:432px;
}
.list-case li.first span.cname{ height:52px; line-height:52px; border-bottom:1px #f0f0f0 solid; overflow:hidden;}
.list-case li.first .info{
border-top: none;}
.list-case li.secon{ float:left;width:378px;margin:0 0 20px 20px; background:#fff;}
.list-case li.secon span.cname{ height:42px; line-height:42px; border-bottom:0 #f0f0f0 solid; overflow:hidden;}
 

.list-case li.last{margin-right:0;}
.list-case li span{ display:block;width:378px; }
.list-case li span.img{width:378px;}

.list-case li span.img img {
    width: 378px; height:252px;
}

.list-case li .info{
border-top: none;}

.list-case li span.cname{ height:42px; line-height:42px; border-bottom:1px #f0f0f0 solid; overflow:hidden;}
.list-case li span.cname a{padding:0 12px; color:#4b4b4b; font-size:14px; font-weight: bold}
.list-case li span.cinfo{ padding:4px 8px;height:30px;}
.list-case li span.cinfo em{ display:block;float:left;height:20px; margin-right:5px; line-height:20px; padding:3px 5px; border:1px solid #ddd;text-align:center;}


.list-case li span.date,.list-case li span.tit{padding:0 10px;width:272px; height:24px;line-height:24px;}
.list-case li p.intro{ display:block; float:left; width:272px; padding:0 15px;line-height:22px;}
.list-case li p.intro a.more{ float:right;color:#eb7187;}




/*-- 案例 --*/
.container-case{padding:70px 0 80px;border-top:1px solid #e5e5e5;}
.case-nav{text-align:center;margin:34px 0 0;}
.case-nav a{display:inline-block;width:144px;height:50px;line-height:50px;font-size:15px;color:#666666;background-color:#f0f0f0;border-radius:5px;margin:0 7.5px;}
.case-nav a.cur,
.case-nav a:hover{color:#fff;background-color:#008cd6;}

.case-list{padding:0 .520834%;margin:50px 0 0;}
.case-list .case-box{display:block;width:23.947368%;text-align:center;position:relative;overflow:hidden;float:left;margin:0 .526316%;}
.case-box .name{height:60px;line-height:60px;font-size:18px;}
.case-box .btn{width:100%;height:100%;background:url(../images/icon/icon-more2.png) no-repeat center center;position:absolute;bottom:-20px;left:0px;opacity:0;}

.case-box:hover{background-color:#008cd6;}
.case-box:hover .btn{opacity:1;bottom:0px;}
.case-box:hover .name{color:#fff;}

/*详细*/
.cInfo-swiper{width:100%;height:100%;}
.cInfo-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.cInfoSwiper-prev,
.cInfoSwiper-next{display:block;width:26px;height:100%;position:absolute;top:0px;z-index:2;}
.cInfoSwiper-prev{left:15.3125%;background:url(../images/icon/swiper3-l.png) no-repeat center center;}
.cInfoSwiper-next{right:15.3125%;background:url(../images/icon/swiper3-r.png) no-repeat center center;}
.cInfoSwiper-box{width:100%;height:128px;color:#fff;background:rgba(0,0,0,0.5);overflow:hidden;position:absolute;bottom:-128px;left:0px;z-index:100;}
.cInfoSwiper-box .contain{position:relative;}

.cIs-box{padding:38px 0 0;}
.cIs-box .cIs-block{width:420px;padding:0 0 10px 20px;height:16px;font-size:16px;line-height:16px;color:#d0d0d0;border-left:1px solid rgba(255,255,255,0.3);position:relative;overflow:hidden;float:left;}
.cIs-box .cIs-block em{color:#fff;}
.cIs-box .cIs-block.cIs-block2{padding:10px 0 0 20px;}
.cIs-block .con{position:relative;top:0px;left:-100%;}

.cIs-mBtn{width:169px;height:64px;line-height:64px;font-size:16px;background-color:#008cd6;position:absolute;right:0px;top:32px;}
.cIs-mBtn span{padding-left:26px;background:url(../images/icon/icon-pMbtn2.png) no-repeat left center;}

.cInfo-box{line-height:32px;color:#666;position:relative;margin:60px 0 0;}
.cInfo-box .type{font-size:24px;margin:0 0 10px;}

/*相关案例*/
.contain-aCase{padding:60px 0 120px;border-top:1px dotted #bababa;margin:90px auto 0;}
.aCase-left{width:211px;height:213px;padding-right:25px;text-align:right;color:#fff;background-color:#008cd6;position:relative;float:left;}
.aCase-left .name1{font-size:24px;padding:32px 0 3px;}
.aCase-left .name2{font-size:20px;color:#a3cbeb;text-transform:uppercase;font-weight:lighter;}
.aCaseSwiper-prev,
.aCaseSwiper-next{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:30px;font-family:'宋体';font-weight:lighter;position:absolute;bottom:25px;}
.aCaseSwiper-prev{right:50px;}
.aCaseSwiper-next{right:10px;}
.aCase-swiper{width:1012px;float:left;margin:0 0 0 8px;}
.aCase-swiper .aCs-box{display:block;position:relative;overflow:hidden;}
.aCs-box img{width:340px;height:213px;}
.aCs-box .name{width:317px;height:40px;padding:0 0 0 23px;line-height:40px;color:#fff;background:rgba(0,0,0,0.5);position:absolute;bottom:0px;left:0px;}



/*服务列表*/

.container-listser0{
    padding: 80px 0 60px;
    background: #fff;

}
.container-listser{
    padding: 80px 0 60px;
    background: #fff;

}

.container-listser1{
    padding: 80px 0 60px;
    background: #f5f5f5;

}

.container-listser2{
    padding: 80px 0 60px;
    background: #fff;

}
/*联系我们*/


.container-contact{padding:80px 0 110px;}
.container-contact {
  overflow: hidden
}

.container-contact .w1190 {
  overflow: hidden; width: 1080px; margin:0 auto;
  margin-top: 53px
}

.container-contact .w1190 .con_l {
  width: 500px;
  height: 400px;
  float: left
}

.container-contact .w1190 .con_l .map {
  height: 400px
}

.container-contact .w1190 .con_l .map .BMapLabel {
  display: none !important
}

.container-contact .w1190 .con_l .map .anchorBL {
  display: none !important
}

.container-contact .w1190 .con_r {
  float: left;
  width: 480px;
  height: 340px;   border: 1px solid #ddd;
  background: #fff; margin-left:30px;
  padding: 25px
}

.container-contact .w1190 .con_r .r_tit {
  line-height: 48px;
  font-size: 24px; font-weight: bold;
  color: #a69362;
  border-bottom: 1px solid #a69362;
}









.ctnl{ padding: 15px 0 0 0 }
.ctnl dl dd{ line-height:46px; font-size:16px; padding-left:50px;}
.ctnl dl dd.ico1{ background:url(../images/add.jpg) left center no-repeat;}
.ctnl dl dd.ico2{ background:url(../images/tel.jpg) left center no-repeat;}
.ctnl dl dd.ico3{ background:url(../images/phone.jpg) left center no-repeat;}
.ctnl dl dd.ico4{ background:url(../images/lxr.jpg) left center no-repeat;}
.ctnl dl dd.ico5{ background:url(../images/fwrx.jpg) left center no-repeat;}
.ctnl dl dd.ico6{ background:url(../images/qq.jpg) left center no-repeat;}




















.container-job {
    height: 550px;
    padding: 80px 0 90px;
    background: url(../images/bg002.jpg) no-repeat center top;

}

.jobbox {
  width: 1200px;
  height: 360px; background: #fff; margin: 60px 0 0;
  float: left;
}

.jobbox .img-hot {
  width: 600px;
  height: 360px;
  display: block;
  float: left;
  position: relative;
}

.jobbox .img-hot:before {
  width: 0;
  height: 0;
  position: absolute;
  top: 62px;
  right: 0;
  border-width: 12px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  content: "";
  z-index: 22;
}

.jobbox .detail-hot {
  width: 500px;
  padding-top: 40px; height: 300px;
  padding-left: 50px;
  float: left;
}

.jobbox .detail-hot .year-hot {
  width: 100%;
  height: 40px;
  font-size: 24px;
  line-height: 40px;
  background: url("../img/res16.jpg") left bottom no-repeat;
}

.jobbox .detail-hot .text-hot {
  width: 100%;
  font-size: 14px;
  line-height: 28px;
  padding-top: 10px;
}



.job-container {
    width: 500px;  height: 250px;
    margin: 0 auto; overflow: hidden;
}

.jobSwiper-page{padding:15px 0;font-size:0px;text-align:right;}
.jobSwiper-prev,
.jobSwiper-next,
.jobSwiper-more{width:42px;height:42px;line-height:42px; margin:0 10px;
background: url(../images/swiper.png) no-repeat 0 0;
}
.jobSwiper-more{width:80px;margin:0 8px;}


.jobSwiper-prev{background-position: -42px 0;}
.jobSwiper-prev:hover{background-position: -42px -42px;}

.jobSwiper-next{background-position: 0 0;}
.jobSwiper-next:hover{background-position: 0 -42px;}

.job-swiper .more{margin: 0}

.Cootion{ width:100%; background-color:#f5f5f5; padding:50px 0px;} 










.mapweb{ padding-top:80px;}
.mapweb .img{  width:700px; float: left; position: relative;}
#stateTip{ position:absolute; right: -75px;
    top: 320px;}
    #stateTip svg{display: none;}
#mapTipContent{ display:none;}
.mapTipText{width:240px;background-color:#ffffff;
   padding:15px 20px;border:solid 2px #cd8500;-moz-border-radius:3px;}
.mapTipText b{ display:block; font-size:18px; font-weight: 700; line-height:28px;}
.mapTipText b span{ margin-left:5px; color:#93060b;}
.mapTipText strong{ font-weight:normal;}
.mapTipText p{ font-size: 14px; line-height: 24px; }


.fenbu{ width:425px; float:right; }
.fenbu .loca{ color:#000000; margin-top:193px; font-size:18px;padding-bottom:10px;}
.fenbu h5{ font-size:24px; }

 .fenbu .loca span{ color:#ff8433; font-size:22px; font-weight:bold;  }
.fenbu p{ font-size:14px; height:143px; line-height:22px;}
.redzb{ width:63px; font-size:14px; position: absolute;left: 300px; top: 100px;
    background:url(../images/about_48.jpg) left no-repeat; line-height: 24px;
    height:45px; float:right; padding-left:33px;  }


.more{width: 150px; margin:0 auto;}
.more:hover a{border-color:#ff9600;color:#ff9600;}
.more a { display:block; width:148px; height:34px; border:1px solid #c3c8cd; text-align:center; font-size: 14px; line-height:34px; color:#333; overflow:hidden; margin-top:14px; }

.join{}
.join .join-img{ padding: 20px 0 15px; width: 880px; margin:0 auto; }
.join .join-con{padding: 15px;width: 1080px; margin:0 auto;
line-height: 1.8; font-size: 16px;
    color: #555;


    }
/*-- 关于我们 --*/

/*简介*/
.container-comPro{padding:80px 0 110px;}
.comPro-top{width:970px;text-align:center;font-size:16px;color:#666666;line-height:38px;margin:40px auto 0;}

.comPro-top .p-title{text-align: right; }

.comPro-top .p-title i {
    display: block;
    margin: 9px 0 0;
    width: 260px; float: right;
    height: 3px;
    border-radius: 3px;
    background: #e46715;
}


.comPro-top .p-title p {
    color: #888888;
    margin: 12px 0 0;
    font-size: 14px; text-align: right;
    line-height: 24px;
}



.comPro-top .conbox{

padding: 20px 0 0; text-align: left; text-indent: 2em;


}

.comPro-list{text-align:center;margin:103px 0 0;}
.comPro-list .comPro-box{display:inline-block;width:286px;height:65px;color:#9c9c9c;border:1px solid #e5e5e5;position:relative;margin:0 43px;}
.comPro-box .con1{width:174px;background-color:#fff;font-size:60px;color:#767676;font-family:"方正兰亭超细黑简体";margin:-33px auto 0; font-weight:bold;}

/*理念*/
.container-comIdea{height:550px;padding:80px 0 0px;background:url(../images/bg/comIdea-1.jpg) no-repeat center top;}
.comIdea-list{text-align:center;overflow:hidden;margin:60px 0 0;}
.comIdea-list li{width:33.3334%;color:#fff;float:left;}
.comIdea-list .comIdea-box{height:174px;width:174px;position:relative;margin:0 auto;}
.comIdea-box .comIdea-block{width:160px;height:160px;line-height:160px;font-size:0px;
  position:absolute;top:7px;left:7px;}
.comIdea-list .name{font-size:24px;margin:16px 0 0;}
.comIdea-list .info{font-size:16px;margin:14px 0 0;}

/*资质荣誉*/
.container-honor{padding:95px 0;}








.casenav{  padding:40px 0px 30px 0px;}
.casenav li{ float:left; 
    height:150px; 
    padding:0px 45px;


}

.casenav li img{ width: 150px; height: 150px; }



.casecon0{ margin:30px; padding:0px 0px 30px 250px;}
.casecon0 li{ float:left; height:148px; padding:0px 33px;}





.casecon1{ padding:0px 0px 30px 0;}
.casecon1 li{ float:left; height:128px; padding:0px 30px; width: 180px;}

.casecon1{  margin:10px auto; width:500px;}
.casecon1 li{ float:left; height:180px; padding:0px 33px;}

.casecon1 li img{ width: 180px; height: 180px; }
.casecon2{ padding:0px 0px 0px 33px;}








.pz_l{ width: 1000px; margin: 40px auto 0;height:500px; overflow:hidden;}
.pz_l dl{overflow:hidden; float:left; border:1px solid #d4dfe5; width:480px; height:147px; margin:0 20px 20px 0; display:inline-block;}
.pz_l dl.last{ margin-right: 0; }

.pz_l dl dt{ float:left; width:96px;  height:90px;padding:20px 20px 20px 20px; }
.pz_l dl dt img{width:96px; height:96px;}
.pz_l dl dd{ width:330px; float:left;}
.pz_l dl dd h4{font-size:18px;display:block;height:35px;margin-top:25px; font-weight: 100;}
.pz_l dl dd h4 a{ color:#686868; text-decoration:none;}
.pz_l dl dd p{ line-height:25px; color:#767676; font-size:14px;}








/*联系方式*/
.container-comCt{padding:90px 0 110px;}
.comCt-list li{width:33.3334%;text-align:center;float:left;}
.comCt-list .comCt-img{height:99px;width:99px;line-height:99px;font-size:0px;margin:0 auto;}
.comCt-list .name{font-size:18px;margin:23px 0 0;}
.comCt-list .con{width:90%;font-size:14px;color:#666;line-height:28px;margin:17px auto 0;}
.comCt-list .comCt-img{height:120px;width:120px;line-height:120px;font-size:0px;margin:0 auto;}
.comCt-list .comCt-img i{height:120px;width:120px; display:block;background:url(../images/ico_contact.png) no-repeat left center;}
.comCt-list .comCt-img i.chat{ background-position:0 0;}
.comCt-list .comCt-img:hover i.chat{ background-position:0 -120px;}

.comCt-list .comCt-img i.tel{ background-position:-120px 0;}
.comCt-list .comCt-img:hover i.tel{ background-position:-120px -120px;}

.comCt-list .comCt-img i.address{ background-position:-240px 0;}
.comCt-list .comCt-img:hover i.address{ background-position:-240px -120px;}

.comCt-list li:hover .comCt-img{}
.comCt-list li:hover img,
.cCtImg2{display:none;}
.comCt-list li:hover .cCtImg2{display:inline-block;}




/*-- 新闻 --*/
.container-news{padding:60px 0 40px;background-color:#fff;}

.news-left{width:1200px; margin:0 auto;}
.news-top{padding:0 0 20px;border-bottom:1px solid #e8e8e8;overflow:hidden;}
.news-top .name{font-size:22px;float:left;}
.news-top .locate{padding:0 0 0 19px;font-size:12px;color:#888888;background:url(../images/icon/icon-home.png) no-repeat left center;float:left;margin:11px 0 0 22px;}

.news-box{display:block;padding:28px 0;border-bottom:1px dotted #c5c5c5;position:relative;overflow:hidden;}
.news-box img{width:220px;height:150px;}
.news-box .name{width:570px;font-size:18px;float:left;margin:7px 0 0 25px;}
.news-box .about{width:570px;font-size:12px;color:#888888;float:left;margin:17px 0 0 25px;}
.news-box .con{width:570px;font-size:12px;color:#888888;line-height:24px;float:left;margin:8px 0 0 25px;}
.news-box .date{display:inline-block;padding-left:16px;background:url(../images/icon/icon-date.png) no-repeat left center;}
.news-box .user{display:inline-block;padding-left:14px;background:url(../images/icon/icon-user.png) no-repeat left center;margin:0 0 0 20px;}
.news-box:hover,
.hNews-box:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)}





/*-- 说明 --*/


.detailbox{width:1200px; margin:0 auto;}
.detail-top{padding:0 0 20px;border-bottom:1px solid #e8e8e8;overflow:hidden;}
.detail-top .name{font-size:32px;}

.detail-con{
    padding: 0 0 30px;
    line-height: 1.8;
    color: #555;
    margin: 26px 0 0;
}


.container-article{padding: 60px 0 60px;
    background-color: #fff;}
.inside-tit{ font-size: 28px; line-height: 1.8; border-bottom: 1px solid #ddd; }
.news-bottom li {

  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #dedede;
}


.news-bottom li .box {
  width: 100%;
}

.news-bottom li h2 {
  color: #333;
  font-size: 18px;
  font-weight: 100;
  line-height: 38px;
  transition: color 0.5s;
  padding-top: 10px;
}


.news-bottom li h2:hover {
  color: #1d6bc3;
  transition: color 0.5s;
}

.news-bottom li p:hover {
  color: #1d6bc3;
  transition: color 0.5s;
}

.news-bottom li p {
  /*width: 574px;*/
  
  color: #666666;
  font-size: 14px;
  /*text-indent: 2em;*/
  
  transition: color 0.5s;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
}



/*详细*/
.nInfo-top .name{font-size:34px;font-weight:normal; font-weight:700;
padding: 15px 0;}
.nInfo-top .about{
    padding: 8px 20px;
    overflow: hidden;
    color: #505050;
    line-height: 36px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; 
    font-size: 14px;
    font-size: 14px;

    }
.nInfo-top .about span{display:inline-block;}

.nInfo-con{padding:24px 0;line-height:1.8;color:#555;
  border-bottom:1px dashed #cccccc;margin:26px 0 0;}

.nInfo-page{color:#666666;position:relative;margin:26px 0 0;}
.nInfo-page a{display:block;padding:9px 0;}
.nInfo-page .rtn-btn{padding:30px 0 0;width:30px;text-align:center;font-size:12px;background:url(../images/icon/icon-rtn.png) no-repeat center top;position:absolute;right:0px;top:13px;}

.nInfo-share{height:48px;text-align:center;color:#666666;background-color:#efefef;position:relative;margin:14px 0 0;}
.bdsharebuttonbox{display:inline-block;padding:10px 0;vertical-align:middle;}
.nInfo-share .type{display:inline-block;padding-left:28px;background:url(../images/icon/icon-good.png) no-repeat left center;vertical-align:middle;}

/*-- 我们的优势 --*/
.adv-wrapper{padding:65px 0;border-bottom:1px solid #eeeeee;}
.adv-wrapper .adv-box{width:975px;overflow:hidden;margin:0 auto;}
.adv-box .adv-img{display:block;height:136px;width:136px;line-height:136px;text-align:center;font-size:0px;border:1px solid #d7d7d7;border-radius:100%;opacity:0;}
.adv-box .adv-block{width:750px;overflow:hidden;}
.adv-block .name{font-size:18px;margin:21px 0 0;position:relative;left:-750px;}
.adv-block .con{color:#666;line-height:30px;margin:17px 0 0;opacity:0;}


/*-- 案例展示 --*/
.pCase-swiper{height:100%;color:#fff;}
.pCase-swiper .swiper-slide{width:100%;height:100%;position:relative;}
.pCase-swiper .pCase-bg{width:100%;height:100%;object-fix:cover;}
.pCase-swiper .swiper-pagination{position:absolute;top:50%;right:30px;z-index:999;transform:translateY(-50%);}
.pCase-swiper .swiper-pagination .swiper-pagination-switch{display:block;width:6px;height:6px;border:1px solid #fff;border-radius:100%;background:none;opacity:1;cursor:pointer;margin:8px 0;}
.pCase-swiper .swiper-pagination .swiper-active-switch{background-color:#fff;}

.pCase-swiper .pCase-contain{width:1200px;height:100%;overflow:hidden;position:absolute;top:0px;left:50%;margin:0 0 0 -640px;z-index:100;}
.pCase-swiper .pCase-name{font-size:36px;}
.pCase-swiper .pCase-line{display:block;width:51px;height:3px;background-color:#fff;margin:27px auto 0;}
.pCase-swiper .pCase-con{font-size:15px;line-height:26px;margin:27px auto 0;}

.pCase-swiper .swiper-slide.swiper-slide-active .pCase-name{-webkit-animation:1s 0.2s ease-out backwards;-moz-animation:1s 0.2s ease-out backwards;-ms-animation:1s 0.2s ease-out backwards;animation:1s 0.2s ease-out backwards;}
.pCase-swiper .swiper-slide.swiper-slide-active .pCase-line{-webkit-animation:1s 0.4s ease-out backwards;-moz-animation:1s 0.4s ease-out backwards;-ms-animation:1s 0.4s ease-out backwards;animation:1s 0.4s ease-out backwards;}
.pCase-swiper .swiper-slide.swiper-slide-active .pCase-con,
.pCase-swiper .swiper-slide.swiper-slide-active .pC1-2list,
.pCase-swiper .swiper-slide.swiper-slide-active .pC1-6swiper{-webkit-animation:1s 0.6s ease-out backwards;-moz-animation:1s 0.6s ease-out backwards;-ms-animation:1s 0.6s ease-out backwards;animation:1s 0.6s ease-out backwards;}

/*案例底部*/
.pClast-slide{height:auto;}
.pClast-slide .container-footer{padding: 20px 0;}
.pCase-more{width:100%;background:url(../images/bg/pClast-bg.jpg) no-repeat center center;background-size:cover;}
.pCmore-list{width:1200px;position:absolute;left:50%;top:50%;margin:-250px 0 0 -640px;}
.pCmore-list li{width:25%;text-align:center;color:#fff;float:left;}
.pCmore-list .pCmore-img{width:134px;height:134px;line-height:134px;font-size:0px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.5);border-radius:100%;margin:0 auto;}
.pCmore-list .name{font-size:18px;margin:37px 0 0;}
.pCmore-list .con{width:220px;line-height:24px;opacity:0.6;margin:20px auto 0;}
.pCase-swiper .swiper-slide.swiper-slide-active .pCmore-list li:nth-child(1),
.pC3-2list li:nth-child(1),
.pC3-2list li:nth-child(8),
.pC3-4list{-webkit-animation:1s 0.2s ease-out backwards;-moz-animation:1s 0.2s ease-out backwards;-ms-animation:1s 0.2s ease-out backwards;animation:1s 0.2s ease-out backwards;}
.pCase-swiper .swiper-slide.swiper-slide-active .pCmore-list li:nth-child(2),
.pC3-2list li:nth-child(2),
.pC3-2list li:nth-child(7),
.pC3-5list li:nth-child(3){-webkit-animation:1s 0.4s ease-out backwards;-moz-animation:1s 0.4s ease-out backwards;-ms-animation:1s 0.4s ease-out backwards;animation:1s 0.4s ease-out backwards;}
.pCase-swiper .swiper-slide.swiper-slide-active .pCmore-list li:nth-child(3),
.pC3-2list li:nth-child(3),
.pC3-2list li:nth-child(6),
.pC3-5list li:nth-child(2){-webkit-animation:1s 0.6s ease-out backwards;-moz-animation:1s 0.6s ease-out backwards;-ms-animation:1s 0.6s ease-out backwards;animation:1s 0.6s ease-out backwards;}
.pCase-swiper .swiper-slide.swiper-slide-active .pCmore-list li:nth-child(4),
.pC3-2list li:nth-child(4),
.pC3-2list li:nth-child(5),
.pC3-5list li:nth-child(1){-webkit-animation:1s 0.8s ease-out backwards;-moz-animation:1s 0.8s ease-out backwards;-ms-animation:1s 0.8s ease-out backwards;animation:1s 0.8s ease-out backwards;}
.pCmore-list li a:hover .pCmore-img{background:#0777b3;}

/*公用1*/
.pCase-contain .pCaseCt-p1{width:100%;text-align:center;position:absolute;left:0px;top:26.6667%;}
.pCase-contain .pCaseCt-p1 .pCase-con{width:955px;}
.pCase-swiper .swiper-slide.swiper-slide-active .pCase-contain .pCaseCt-p1 .pCase-name,
.pCase-swiper .swiper-slide.swiper-slide-active .pCase-contain .pCaseCt-p1 .pCase-line,
.pCase-swiper .swiper-slide.swiper-slide-active .pCase-contain .pCaseCt-p1 .pCase-con,
.pCase-swiper .swiper-slide.swiper-slide-active .pC1-4swiper .pCase-name,
.pCase-swiper .swiper-slide.swiper-slide-active .pC1-4swiper .pCase-line,
.pCase-swiper .swiper-slide.swiper-slide-active .pC1-4swiper .pCase-con,
.pCase-swiper .swiper-slide.swiper-slide-active .pC1-6swiper,
.pCase-swiper .swiper-slide.swiper-slide-active .pCmore-list li,
.pCase-swiper .swiper-slide.swiper-slide-active .pCase3-2Ct .pCase-name,
.pCase-swiper .swiper-slide.swiper-slide-active .pCase3-2Ct .pC3-2list li,
.pCase-swiper .swiper-slide.swiper-slide-active .pC3-4list,
.pCase-swiper .swiper-slide.swiper-slide-active .pCase3-5Ct .pC3-5list li{-webkit-animation-name:fadeinB !important;-moz-animation-name:fadeinB !important;-ms-animation-name:fadeinB !important;animation-name:fadeinB !important;}


/*公用2*/
.pCase-contain .pCaseCt-p2{width:100%;text-align:left;position:absolute;left:0px;top:34.153846%;}
.pCase-contain .pCaseCt-p2 .pCase-line{margin:27px 0 0;}
.pCase-contain .pCaseCt-p2 .pCase-con{width:565px;margin:27px 0 0;}
.pCase-swiper .swiper-slide.swiper-slide-active .pCase-contain .pCaseCt-p2 .pCase-name,
.pCase-swiper .swiper-slide.swiper-slide-active .pCase-contain .pCaseCt-p2 .pCase-line,
.pCase-swiper .swiper-slide.swiper-slide-active .pCase-contain .pCaseCt-p2 .pCase-con,
.pCase-swiper .swiper-slide.swiper-slide-active .pC1-2list{-webkit-animation-name:fadeinL !important;-moz-animation-name:fadeinL !important;-ms-animation-name:fadeinL !important;animation-name:fadeinL !important;}



/*水秀剧场*/

.pC1-2list{margin:70px 0 0;}
.pC1-2list li{padding:0 0 0 60px;text-align:center;color:#b0b0b0;background:url(../images/content/sxjc/pCase1-2-bg.png) no-repeat left center;float:left;margin:0 60px 0 0;}
.pC1-2list li:first-child{padding:0px;background:none;}

.pCase-swiper .pC1-4swiper{width:974px;height:297px;padding:49px 0 0;background:rgba(0,0,0,0.5);position:absolute;top:50%;left:50%;margin:-173px 0 0 -487px;}
.pC1-4swiper .pCase-con{width:800px;}
.pC1-4swiper .swiper-container{height:100%;}
.pC1-4swiper .swiper-pagination{width:100%;text-align:center;position:absolute;right:0px;top:270px;}
.pC1-4swiper .swiper-pagination .swiper-pagination-switch{display:inline-block;margin:0 8px;}

.pCase-contain .pC1-5Ct{width:595px;left:initial;right:0px;top:41.025641%;}

.pC1-6slide{background-color:#e0e5eb;}
.pCase-contain .pC1-6Ct{color:#888888;top:12.461538%;}
.pC1-6Ct .pCase-name{color:#333;}
.pC1-6swiper{height:525px;position:relative;}
.pC1-6swiper.swiper-container{margin:20px auto 0;}
.pC1-6swiper-prev,
.pC1-6swiper-next{display:block;width:45px;height:100%;position:absolute;top:0px;z-index:100;}
.pC1-6swiper-prev{left:20px;background:url(../images/icon/swiper4-l.png) no-repeat center center;}
.pC1-6swiper-next{right:20px;background:url(../images/icon/swiper4-r.png) no-repeat center center;}


/*音乐喷泉*/
.pCase-contain .pC2-5Ct{width:600px;top:22.051282%;left:initial;right:0px;}
.pC2-5Ct .pCase-name{font-size:32px;}


/*海绵城市*/
.pC3-2slide{background-color:#f8f8f8;}
.pCase-contain .pCase3-2Ct{width:100%;color:#333;text-align:center;position:absolute;top:15.58974358974359%;left:0px;}
.pC3-2list{width:1300px;margin:40px 0 0 -20px;}
.pC3-2list li{width:305px;padding:0 0 0 20px;float:left;margin:0 0 20px;}
.pC3-2list .pC3-2l-box{display:block;height:200px;padding:35px 0 0;background-color:#fff;font-size:16px;}
.pC3-2l-box .pC3-2l-img{width:110px;height:110px;position:relative;margin:0 auto 20px;}
.pC3-2l-img img{position:absolute;top:0px;left:0px;}
.pC3-2l-box:hover{background-color:#008cd6;color:#fff;}
.pC3-2l-box:hover .pC3-2l-img img.rollover{opacity:1;}

.pCase-contain .pCase3-3Ct{width:510px;padding:48px 55px 50px;background:rgba(0,0,0,0.5);}

.pCase-contain .pCase3-4Ct{top:23.58974358974359%;}
.pC3-4list{width:800px;margin:135px auto 0;}
.pC3-4list li{width:50%;text-align:center;font-size:18px;color:#008cd6;float:left;}
.pC3-4list li img{margin:0 auto 39px;}

.pC3-5slide{background-color:#f8f8f8;}
.pCase-contain .pCase3-5Ct{width:100%;color:#333;top:12.2051282%;}
.pCase3-5Ct .pCase-line{background-color:#dbdbdb;}
.pCase3-5Ct .pCase-con{color:#666;}
.pC3-5list{width:1311px;margin:80px 0 0 -31px;}
.pC3-5list li{width:406px;padding:0 0 0 31px;float:left;}
.pC3-5list .pC3-5l-box{display:block;height:445px;font-size:20px;background-color:#fff;}
.pC3-5l-box .pC3-5l-img{height:370px;line-height:370px;font-size:0px;overflow:hidden;}



/*城市亮化*/
.pCase-contain .pC4-3Ct{width:571px;padding:45px 26px;background:rgba(0,0,0,0.5);top:26.6667%;}




#online_qq_layer{right: 0px; display: block; position:fixed; top:180px; z-index:999;line-height: 100%;}
.online_icon{overflow:hidden; }


  .online_icon a{ 
  display: block;
  width: 33px;
  height: 148px;
  background: url(../images/qq_online_trigger.png) no-repeat;
  font-size: 16px;
  text-align: center;
  color: #000;
}
#online_qq_tab {float:left; margin-top: 50px;}
#onlineService {float:right; }
#onlineType1, #onlineType2, #onlineType3, #onlineType4, #onlineType5, #onlineType6 {display:none;}
#onlineType1 {display:block;}
#g1,#g2,#g3,#g4,#g5{color:#fff}
  .liveblue{ width:138px; height:80px; background:#ff8433; color:#fff; font-size:12px; text-align:center; border-bottom: 1px solid #f99d60;}
.liveblue h2{  font-size:16px; font-weight:100;color:#fff;
 padding:10px 0;margin-bottom:0px;margin-top:0px;line-height: 100% !important; border-bottom: 1px solid #d7d7d7;
  }
.livegreen{width:138px; height:50px; background:#ff8433;color:#fff; font-size:12px; text-align:center}
.livegreen a{font-size:14px; font-weight:100;color:#fff; padding:18px 0 18px 50px; 
  margin-bottom:0px;margin-top:0px; display:block;
   background: url(../images/qq.png) no-repeat 10px center  #ff8433;
   }
.liveorange{ width:138px; height:100px;border-top:1px solid #d7d7d7; background:#fff;color:#fff; font-size:12px; text-align:center}
.liveorange h2{ font-family:'Microsoft YaHei'; font-size:15px; font-weight:bold;color:#7a945b;padding-top:10px;margin-bottom:0px;margin-top:0px;line-height: 100% !important; }
.liveorange ol, ul, li {
    list-style: outside none none;
}
.livelakeblue{ width:138px; height:100px; background:#f2f0f0;color:#7a945b; font-size:12px;  border-bottom: 1px solid #ddd;
  text-align:center;
}
.livelakeblue h2{ 
 font-size:16px; font-weight:100;color:#7a945b;padding-top:10px;


 margin-bottom:0px;margin-top:0px;line-height: 100% !important; }














.fh5co-feature-border {
    border-right: 1px solid #e9e9e9;
}
.fh5co-feature {

    margin-bottom: 20px;  padding:0 50px; 
    border-right: 1px solid #e9e9e9;
}


.fh5co-feature:last-child{border-right:0;}
.fh5co-feature .fh5co-feature-icon {
margin:0 auto 1em; width:128px;
}
.fh5co-feature .fh5co-feature-icon img {
display:block;}


.fh5co-feature.no-border {
    border-bottom: none;
}
.fh5co-feature .fh5co-feature-text {
    width: 100%;
}

.fh5co-feature .fh5co-feature-text p{ line-height:1.8; font-size:1.2em; }
.contactway{ margin:50px 0}

.wpcf7 .left{float:left; width:520px;}
.wpcf7 .right{float:right; width:500px;}
.wpcf7 .submit-button{float:left;width:100%; padding-left: 15px;padding-right: 15px;}
.wpcf7 input{float:left;width:468px;height:50px;margin-bottom: 20px;padding: 0px 15px;border: 1px solid #ddd;background: transparent;}
.wpcf7 textarea{float:left;width:468px;height:80px;margin-bottom: 20px;padding: 10px 15px;border: 1px solid #ddd;background: transparent;}
.wpcf7 .wpcf7-submit{color: #fff;border-radius: 0px;font-size: 25px;text-transform: uppercase;}
.wpcf7 .wpcf7-submit{background-color: #ff9600;width:500px; border:1px solid #ff9600;}

.contact-us{ padding-bottom:80px;}

#map{ width: 100%; height: 600px; }







/*聚会服务*/
.sertop{ padding:0px 0px 20px;    }
 
.sertop li{ float:left;
    height:150px;
    padding:0px 45px;


}

.sertop li img{ width: 150px; height: 150px; }











.sermain{ margin-bottom:30px;}
.sermaincon{ padding:22px;}
.sermaincon li{ float:left; margin:20px 25px; width:140px; height:158px; text-align:center; font-size:16px; display:block;}
.sermaincon li a{ display:block;}
.sermaincon li span{ display:block; line-height:28px;}
.sermaincon li img{ width:140px; height:140px; margin-bottom:0px;}
.sermaincon li a:hover img{ width:150px; height:150px;}
.sermaincon li a:hover span{ font-size:16px; font-weight:100;}
.sermore{ margin:20px 0px 10px 500px;}

.evenflow * {
  margin:0; padding:0; border:0;
  font-size: 100%; font: inherit;
  vertical-align: baseline; outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  
.evenflow { display: inline-block; }
.evenflow:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.evenflow li {
  display:block;

  transition:all 0.25s ease;}

.evenflow li a {
  display:block;
}
  



/* HOVER EFFECTS */
.evenflow_rotate { transition:transform 0.25s ease; }
.evenflow_rotate:hover { transform:rotate(45deg); }
.evenflow_shiftX { transition:transform 1s ease;  }
.evenflow_shiftX:hover { transform:translateX(20px); }
.evenflow_shiftY { transition:transform 1s ease;  }
.evenflow_shiftY:hover { transform:translateY(-20px); }
.evenflow_scale { transition:transform 1s ease;  }
.evenflow_scale:hover { transform:scale(1.1,1.1); }
.evenflow_spin {transition:transform 0.25s ease; }
.evenflow_spin:hover {transform:rotate(360deg); }

@keyframes evenflow_shake {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); } }

.evenflow_shake {transform:scale(1); }
.evenflow_shake:hover{
  animation-name: evenflow_shake;
  animation-duration:500ms;
  transform-origin:50% 50%;
  animation-iteration-count:infinite;
  animation-direction:alternate;
  animation-timing-function:ease; }
  
  
  
  
/*-- 新闻 --*/
.container-colorbox{padding:30px 20px 20px 40px;}

.colorbox{ margin:0 auto;}
.colorbox-top{padding:0 0 20px;border-bottom:1px solid #e8e8e8;overflow:hidden;}
.colorbox-top .name{font-size:22px;float:left;}

.colorbox-con{padding:10px 0 0;line-height:1.8;color:#555;
}

#nicescroll{width:718px;height:500px;overflow:hidden;}

.school-title{ line-height: 48px; height:48px;  border-bottom: 1px solid #ddd;}
.container-school {
    padding: 10px 0 10px;
    background: #fff;
}
.container-school .swiper-container{ width: 1200px; }
.bcon{  margin:30px 0 0px 0;}
.bcon h1 span{ margin:30px 0 20px 0; float:right;}
.bcon h1 span em{ width:10px; height:10px; background:#c2c2c2; border-radius:10px; margin:0 5px; display:inline-block; cursor:pointer;}
.bcon h1 span em.emon{ width:10px; height:10px; background:#f4a81b; border:none;}

.schoollist{ 
     padding:20px 0 0px 0;}
.schoollist a{ float:left; }
.schoollist a img{ width:277px; height:69px; border:1px solid #e0e0e0;}
.school-title h1{ font-size: 22px; line-height: 47px;  width: 300px; float: left;}
.school-pagination{ width: 120px; float: right; }

.school-pagination{font-size:0px;text-align:right;}
.school-prev,
.school-next{width:42px;height:42px;line-height:42px; margin:0 10px 0 0;
background: url(../images/swiper.png) no-repeat 0 0;
}

.school-prev{background-position: -42px 0;}
.school-prev:hover{background-position: -42px -42px;}

.school-next{background-position: 0 0;}
.school-next:hover{background-position: 0 -42px;}







.brand-list{}


.brand-list ul li .a1 img{
	width: 390px;
	height: 260px;
}
.brand-list ul li{
	width: 390px;
	height: 260px;
	list-style: none;
	position: relative; margin-bottom:15px;
	float: left;
	overflow: hidden; margin-right:15px;
} 

.brand-list ul li.nmr{margin:0;}
.brand-list ul li .a1 .divA{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 350px;
	height: 26px;
	padding: 10px 20px;
	background: #fafafa;
}
.brand-list ul li .a1 .divA>.p1{
 
	height: 25px;
	font-size: 18px;
    line-height: 25px;
    color: #666;
}



.brand-list ul li .a2{
	position: absolute;
	top: 0;
	left:-390px;
	width: 390px;
	height: 267px;
	text-align: center;
	color: white;
	background: rgba(0,0,0,0.5);
	transition: all 0.2s;  
} 
.brand-list ul li .a2 .p4{
	width: 390px;
	text-align: center; padding:40px 0 0;

	color: #ffe605;
	font-size: 24px;
    font-weight: bold;
    transition: all 0.2s 0.1s ease-out ;  
}
.brand-list ul li .a2 .p5{
	width: 390px;
	text-align: center;
	line-height:20px ;


	margin: 20px  0 10px;
	font-size: 18px;
    color: white;
    transition: all 0.2s 0.2s ease-out ;  
}
.brand-list ul li .a2 .p6{
margin: 10px  0 5px;
	transform: scale(1.4); position:relative;
	transition: all 0.3s 0.2s ;height:40px;
}
.brand-list ul li .a2 .p6 span{position: absolute; top:0; left:100px;
    background: url(../images/start.png) repeat-x left top; height:36px;display:block; text-indent:-999em; margin:0 auto;
    font-weight: 700;
    color: white;z-index:5;
}
.brand-list ul li .a2 .p6 span.gray{position: absolute; top:0; left:100px; width:180px;
    background: url(../images/start1.png) repeat-x left top; height:36px;display:block; text-indent:-999em; margin:0 auto;
    font-weight: 700;
    color: white; z-index:1;
}
.brand-list ul li .a2 .p7{

	width: 120px;
	height: 28px;
	line-height: 28px;
	border-radius: 20px;
	margin: 10px auto;
	border: 1px solid;
	transition: all 0.2s 0.5s ;
}