@charset "utf-8";
/* CSS Document */
.hebox{ width:100%; overflow:hidden; padding:50px 0;}
.hebox .title{ z-index:90; width:100%; text-align:center;}
.hebox .title p{ color:#666; line-height:50px;}
.hebox .title strong{ display:inline-block; position:relative; margin-top:10px;}
.hebox .title strong i{ position:absolute; top:50%; right:-100px; width:80px; height:1px; background:#b5b5b5;}
.hebox .title strong b{ position:absolute; top:50%; left:-100px; width:80px; height:1px; background:#b5b5b5;}
.hebox .title strong h2{ font-size:30px; overflow:hidden; text-transform:uppercase;}
.hebox .title form{ width:400px; margin:0 auto; border:1px #e0e0e0 solid; position:relative; border-radius:3px; line-height:42px; overflow:hidden; margin-top:20px;}
.hebox .title form input.text{ width:300px; border:none; height:42px; float:left; overflow:hidden; margin-left:10px;}
.hebox .title form input.sub{ width:50px; height:30px; position:absolute; right:0; top:6px; border:none; border-left:1px #e0e0e0 solid; background:url(../images/icon.png) -164px -6px no-repeat; cursor:pointer;}


.case{ width:100%; height:auto; margin:20px auto 0; min-width:1450px;}
.case ul{ overflow:hidden; margin:0; padding:0; margin-left:-10px;}
.case ul li{ float:left; margin-left:4px; width:24.7%; margin-top:4px; height:auto; max-height:330px; position:relative; min-width:360px; overflow:hidden;}
.case ul li em{ display:block; width:100%; height:auto; max-height:330px;}
.case ul li em img{ width:100%; height:auto; max-height:330px;}
.case ul li .cont{ position:absolute; width:100%; background:rgba(0,0,0,0.5); height:100%; top:0; left:0; padding:35px 40px; opacity:0;   
 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.case ul li .cont dl{ display:block; overflow:hidden;}
.case ul li .cont dl dt{ display:block; float:left; width:60px; height:60px; border-radius:50%; border:1px #fff solid; vertical-align:middle;}
.case ul li .cont dl dt img{ display:block; width:60px; height:60px; border-radius:50%;}
.case ul li .cont dl dd{ width:100%; height:80px; float:left; overflow:hidden; color:#fff; font-size:18px;  line-height:30px;margin-top:70px; text-align:center;}
.case ul li .cont p{ color:#fff; margin-top:20px; line-height:26px; height:52px; overflow:hidden;}
.case ul li .cont strong{ color:#ec6615; font-size:20px; overflow:hidden; height:30px;}
.case ul li .cont figure{ overflow:hidden; margin-top:15px;}
.case ul li .cont figure a{ display:block; width:45%; float:left; overflow:hidden; text-align:center; background:#fff; line-height:42px; font-size:16px; color:#555;}
.case ul li .cont figure a:nth-child(2){ margin-left:10%; background:#ec6615; color:#fff;}
.case ul li:hover .cont{ opacity:1;}
@media screen and (max-width:1520px){
	.case ul li .cont{ padding:20px 40px;}
	}
.more{ width:100%; overflow:hidden; margin-top:50px; text-align:center;}
.more a{ text-transform:uppercase; display:inline-block; width:260px; line-height:46px; border:3px #bebebe solid; font-size:16px; color:#ec6615; position:relative; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.more a i{ display:block; width:20px; height:10px; background:url(../images/icon.png) -203px -400px no-repeat; position:absolute; right:30px; top:18px; overflow:hidden; opacity:0; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.more a:hover{ text-align:left; text-indent:30px; color:#fff; background:#ec6615; border-color:#ec6615;}
.more a:hover i{ opacity:1; right:10px;}


.jydk{ background:url(../images/jydk.jpg);}
.slide{ width:100%; overflow:hidden; margin-top:40px;}
.slide .hd{ width:486px; overflow:hidden; position:relative;}
.slide .hd em{ display:block; width:50px; height:450px; background:url(../images/icon.png) -6px 0 no-repeat; overflow:hidden; float:left;}
.slide .hd figure{ width:384px; overflow:hidden; position:absolute; right:0; top:30px;}
.slide .hd figure h1{ color:#555;}
.slide .hd figure p{ font-size:12px; color:#999; text-transform:uppercase; line-height:24px; margin-top:5px;}
.slide .hd ul{ width:384px; float:right; overflow:hidden; margin-top:158px;}
.slide .hd ul li{ width:128px; float:left; overflow:hidden; position:relative; cursor:pointer;}
.slide .hd ul li img{ display:block; width:100%; max-height:176px;}
.slide .hd ul li strong{ display:block; opacity:0; background:rgba(0,0,0,0.5); width:100%; height:100%; position:absolute; left:0; top:0; z-index:10;}
.slide .hd ul li strong span{ display:block; width:44px; height:22px; background:url(../images/icon.png) -93px -455px no-repeat;
animation: arrow-up 2s linear infinite running; margin:77px 42px;
    -webkit-animation: arrow-up 2s linear infinite running;}
@keyframes arrow-up {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    25% {
        transform: translateX(3px);
        -webkit-transform: translateX(3px);
    }
    50% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    75% {
        transform: translateX(-3px);
        -webkit-transform: translateX(-3px);
    }
    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}

@-webkit-keyframes arrow-up {
    0% {
        transform: translateY(0);
        -webkit-transform: translateX(0);
    }
    25% {
        transform: translateX(3px);
        -webkit-transform: translateX(3px);
    }
    50% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    75% {
        transform: translateX(-3px);
        -webkit-transform: translateX(-3px);
    }
    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
.slide .hd ul li.on strong{ opacity:1;}
.slide .bd ul{ zoom:1; width:814px;}
.slide .bd li{ width:100%; overflow:hidden;}
.slide .bd li .slide_pic{ width:370px; float:left; overflow:hidden;}
.slide .bd li .slide_pic img{ display:block; width:100%;}
.slide .bd li .slide_cont{ width:410px; float:right; overflow:hidden; position:relative; height:480px}
.slide .bd li .slide_cont h1{ font-size:26px; font-weight:bold; overflow:hidden; line-height:80px;}
.slide .bd li .slide_cont h1 i{ font-weight:normal; font-size:14px; display:inline-block; padding-left:8px;}
.slide .bd li .slide_cont dl{ display:block; overflow:hidden; color:#555; line-height:34px;}
.slide .bd li .slide_cont dl dt{ display:block; float:left; width:70px; overflow:hidden;}
.slide .bd li .slide_cont dl dd{ display:block; float:right; width:340px; overflow:hidden;}
.slide .bd li .slide_cont strong{ position:absolute; left:0; bottom:0; overflow:hidden; display:block;}
.slide .bd li .slide_cont strong a{ display:block; width:180px; float:left; color:#fff; line-height:44px; background:#292c33; font-size:16px; text-transform:uppercase; text-align:center; margin-left:10px;}
.slide .bd li .slide_cont strong a:nth-child(2){ background:#ec6615;}
.slide .bd li .slide_cont strong a:hover{ opacity:0.8;}
.slide .arrow{ display:none;}

.about{ width:100%; overflow:hidden; height:580px; position:relative; background:url(../images/about.jpg) center center no-repeat; background-position:center bottom; background-repeat:no-repeat; background-attachment:fixed; background-size:cover;}
.about .about_bg{ width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:10;}
.about .guan{ width:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:90; text-align:center}
.about .guan h1{ margin-top:70px; line-height:70px; color:#fff; font-size:36px;}
.about .guan h2{ font-size:16px; color:#dadada; line-height:34px; margin-top:15px;}
.about .guan strong{ display:block; text-align:center; overflow:hidden; margin-top:60px;}
.about .guan strong a{ display:inline-block; line-height:46px; background:#888; color:#fff; padding:0 42px; font-size:20px; font-family:Arial; text-transform:uppercase;}
.about .guan strong a:hover{ opacity:0.85;}
/*数字++++++++++*/
.main{ width:100%; overflow:hidden; color:#fff; margin-top:50px;}
.mumping_mun{ overflow:hidden;}
.mumping_mun li{width:20%; float:left; overflow:hidden;}
.mumping_mun li .mun_top{ width:100%; overflow:hidden; line-height:80px; height:80px;}
.mumping_mun .mun_top h3{font-size:74px; display:inline-block; margin-right:10px; font-family:Arial;}
.mumping_mun .mun_top i{ font-size:16px; display:inline-block; line-height:30px;}
.mumping_mun p{ font-size:16px; padding-top:10px;}

.news{ background:url(../images/news.png) center bottom no-repeat;}


.TxtBox{ width:100%; overflow:hidden; margin-top:30px;}
.TxtBox .hd{ width:100%; overflow:hidden; text-align:center;}
.TxtBox .hd ul{ zoom:1;}
.TxtBox .hd ul li{ display:inline-block; font-size:18px; background:#f0f0f0; line-height:44px; padding:0 60px; margin:0 20px; cursor:pointer;}
.TxtBox .hd ul li.on{ color:#fff; background:#ec6615;}
.TxtBox .bd .swen{ zoom:1; padding-top:40px;}
.TxtBox .bd .swen .list{ width:380px; position:relative; float:left; margin-right:30px; overflow:hidden;}
.TxtBox .bd .swen .list em{ display:block; overflow:hidden;}
.TxtBox .bd .swen .list em img{ display:block; width:100%; height:440px}
.TxtBox .bd .swen .list div{ background:#fff; padding:25px; width:270px; top:230px; position:relative; height:160px; position:absolute; left:30px; z-index:10; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.TxtBox .bd .swen .list div strong{ display:block; color:#999; font-size:16px;}
.TxtBox .bd .swen .list div h1{ font-size:16px; line-height:24px; height:48px; color:#333; overflow:hidden; margin:8px 0 14px;}
.TxtBox .bd .swen .list div p{ color:#999; line-height:24px; height:48px; overflow:hidden;}
.TxtBox .bd .swen .list div span{ position:absolute; left:25px; top:190px; opacity:0; display:inline-block; padding:0 20px; line-height:32px; color:#fff; background:#ec6615;transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.TxtBox .bd .swen .list:hover div span{ opacity:1; top:185px;}
.TxtBox .bd .swen .list:hover div{ top:210px; height:180px;}
.TxtBox .bd .swen .list:hover div h1{ color:#ec6615;}
.TxtBox .bd .swen ol{ width:480px; float:right;}
.TxtBox .bd .swen ol li{ padding:15px 25px; overflow:hidden; background:#f9f9f9; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.TxtBox .bd .swen ol li:nth-child(2){ margin-top:36px;}
.TxtBox .bd .swen ol li strong{ display:block; color:#999; font-size:16px;}
.TxtBox .bd .swen ol li h1{ font-size:18px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:8px 0 16px;}
.TxtBox .bd .swen ol li p{ color:#999; line-height:24px; height:48px; overflow:hidden;}
.TxtBox .bd .swen ol li dl{ display:block; overflow:hidden; margin-top:10px;}
.TxtBox .bd .swen ol li dl dt{ display:block; float:left; overflow:hidden; text-transform:uppercase; font-size:12px; margin-right:15px;}
.TxtBox .bd .swen ol li dl dt i{ width:15px; height:1px; display:block; margin-top:15px; margin-right:6px; float:left; background:#999; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.TxtBox .bd .swen ol li:hover dl dt i{ width:30px;}
.TxtBox .bd .swen ol li dl dd{ display:block; float:left; overflow:hidden; font-size:12px; color:#999;}
.TxtBox .bd .swen ol li dl dd i{ display:block; width:24px; height:30px; background:url(../images/icon.png) -168px -451px no-repeat; float:left; overflow:hidden;}
.TxtBox .bd .swen ol li:hover{ box-shadow:0px 5px 10px rgba(152,152,152,.3);margin-top:-5px;}
.TxtBox .bd .swen ol li:nth-child(2):hover{ margin-top:31px;}
.TxtBox .bd .swen ol li:hover h1{ color:#ec6615;}

.fwtx{ width:100%; overflow:hidden; height:430px; position:relative; background:url(../images/fwtx.jpg) center center no-repeat; background-position:center bottom; background-repeat:no-repeat; background-attachment:fixed; background-size:cover;}
.bshu{ width:100%; overflow:hidden; margin-top:70px;}
.bshu li{ width:16%; padding:0 2%; overflow:hidden; text-align:center; float:left; cursor:pointer; transition: all 0.3s;}
.bshu li em{ display:block; width:60px; height:60px; margin:0 auto; padding:25px; border:1px #fff solid; border-radius:50%; overflow:hidden;transform: rotateY(0); transition: 0.5s ease-in-out;}
.bshu li em i{ display:block; width:60px; height:60px; background:url(../images/icon.png) no-repeat;}
.bshu li em i.ii1{ background-position:-85px -187px;}
.bshu li em i.ii2{ background-position:-180px -190px;}
.bshu li em i.ii3{ background-position:-85px -286px;}
.bshu li em i.ii4{ background-position:-180px -285px;}
.bshu li em i.ii5{ background-position:-86px -370px;}
.bshu li h1{ font-size:16px; color:#fff; margin-top:20px;}
.bshu li p{ color:#aaa; line-height:24px; margin-top:10px;}
.bshu li:hover em{ transform:rotateY(180deg); -webkit-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); -o-transform:rotateY(-180deg);  -ms-transform:rotateY(-180deg);}


/*案例内页样式*/
.pbanner{ width:100%; overflow:hidden; margin-top:90px; position:relative;}
.pbanner .datu{ width:100%; overflow:hidden; height:450px;}
.pbanner .datu.tu1{ background:url(../images/bn-pic1.jpg) center center no-repeat;}
.pbanner .datu.tu2{ background:url(../images/bn-pic2.jpg) center center no-repeat;}
.pbanner .datu.tu3{ background:url(../images/bn-pic3.jpg) center center no-repeat;}
.pbanner .datu.tu4{ background:url(../images/bn-pic4.jpg) center center no-repeat;}
.pbanner .datu.tu5{ background:url(../images/bn-pic5.jpg) center center no-repeat;}
.pbanner .datu.tu6{ background:url(../images/bn-pic6.jpg) center center no-repeat;}
.pbanner .datu.tu7{ background:url(../images/bn-pic7.jpg) center center no-repeat;}
.pbanner .datu.tu8{ background:url(../images/bn-pic8.jpg) center center no-repeat;}

.pbanner img{ display:block; width:100%;}
.pbanner strong{ display:block; font-weight:normal; width:1300px; color:#fff; position:absolute; left:50%; margin-left:-650px; bottom:110px; z-index:10;}
.pbanner strong h1{ font-size:60px; font-family:Arial; text-transform:uppercase; line-height:70px;}
.pbanner strong p{ font-size:34px; margin-top:28px;}

.lamu{ width:100%; overflow:hidden; position:relative; z-index:99; margin-top:-44px;}
.lamu li{ display:block; float:left; overflow:hidden; position:relative; background:rgba(0,0,0,0.6); border-left:1px solid rgba(255,255,255,0.3);}
.lamu li:nth-child(1){ border:none;}
.lamu li a{ display:inline-block; line-height:44px; float:left; padding:0 50px; color:#fff; font-size:18px; position:relative; z-index:20;}
.lamu li i{ display:block; width:0; height:44px; background:#ec6615; position:absolute; left:50%; top:0; z-index:10; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.lamu li.on i,.lamu li:hover i{ width:100%; left:0;}


.center{ width:100%; overflow:hidden; padding:40px 0;}
.shxa{ border:1px #e0e0e0 solid; background:#f8f8f8; overflow:hidden;}
.shxa dl{ display:block; overflow:hidden; line-height:30px; border-top:1px #e0e0e0 dotted;}
.shxa dl:nth-child(1){ border:none;}
.shxa dl dt{ display:block; float:left; width:120px; text-align:center; font-size:16px; overflow:hidden; padding:18px 0;}
.shxa dl dd{ width:1158px; display:block; float:right; overflow:hidden; background:#fff; padding:18px 10px;}
.shxa dl dd a{ display:inline-block; float:left; padding:0 14px; margin:5px 10px;}
.shxa dl dd a.on{ background:#ec6615; color:#fff; border-radius:15px;}


.doup{ overflow:hidden; background:#333; padding:15px; line-height:34px; margin-top:20px;}
.doup strong{ display:block; float:left; overflow:hidden;}
.doup strong a{ display:block; float:left; width:90px; background:url(../images/doup.png) 60px 8px no-repeat #fff; text-indent:20px; margin-right:14px; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.doup strong a.on{ background:url(../images/doup.png) 60px -20px no-repeat #ec6615; color:#fff;}
.doup b{ font-weight:normal; display:block; color:#fff; float:left; overflow:hidden;}
.doup b i{ color:#ec6615; font-size:20px; font-family:Arial; font-weight:bold;}
.doup form{ display:block; float:right; overflow:hidden; background:#fff;}
.doup form input.text{ width:200px; height:34px; float:left; padding-left:10px; border:none;}
.doup form input.sub{ color:#fff; width:70px; background:#ec6615; border:none; height:34px; cursor:pointer;}

.anli{ width:100%; overflow:hidden; margin-top:20px;}
.anli li{ width:630px; float:left; overflow:hidden; margin:0 0 40px 40px; border-bottom:1px #e0e0e0 solid;}
.anli li.no{ margin-left:0;}
.anli li em{ display:block; overflow:hidden;}
.anli li em img{ display:block; width:100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.anli li:hover em img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.anli li h1{ text-align:center; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:20px 0;}
.anli li strong{ overflow:hidden; display:block; height:14px; line-height:14px; padding:10px 0 30px;}
.anli li strong span{ width:33%; float:left; display:block; overflow:hidden; color:#888; text-align:center; border-left:1px #e0e0e0 solid;}
.anli li strong span:nth-child(1){ border:none;}


.pager{ width:100%; overflow:hidden; height:50px; padding:40px 1px; text-align:center;}
.pager span{ display:inline-block; background:#fff;width:65px; height:48px; line-height:48px;  font-size:14px; border:1px #e0e0e0 solid; color:#fff !important; background:#ec6615; float:left;}
.pager a{ display:inline-block; background:#fff; width:65px; height:48px; line-height:48px; vertical-align:middle; margin-left:-1px; float:left; font-size:14px; border:1px #e0e0e0 solid; color:#666;}
.pager a:hover{ color:#fff; background:#ec6615; transition:all 0.3s ease 0s;}
.pager a.current{ color:#fff; background:#ec6615;}


.cong{ width:100%; overflow:hidden; padding:20px 0; position:relative; z-index:10; box-shadow:0px 5px 5px -2px rgba(0, 0, 0, 0.1);}
.cong .wezh{ overflow:hidden; color:#888;}
.cong .wezh i{ display:block; width:20px; height:30px; background:url(../images/icon.png) -40px -458px no-repeat; float:left; overflow:hidden;}
.cong .wezh a{ color:#888; padding:0 10px;}
.cong .back{ overflow:hidden;}
.cong .back a{ color:#888;}
.cong .back i{ display:block; width:26px; height:30px; background:url(../images/icon.png) -10px -458px no-repeat; float:left; overflow:hidden;}
.cong .wezh a:hover,.cong .back a:hover{ color:#ec6615;}

.xiang{ width:100%; overflow:hidden; background:url(../images/xiang.jpg) center center no-repeat; padding:50px 0;}
.xiang .nrong{ width:100%; overflow:hidden; background:#fff;}
.xiang .nrong .nrong_pic{ width:630px; overflow:hidden;}
.xiang .nrong .nrong_pic img{ display:block; width:100%;}
.xiang .nrong .you{ width:570px; padding:40px 50px; overflow:hidden;}
.xiang .nrong .you h1{ font-size:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.xiang .nrong .you strong{ display:block; overflow:hidden; padding:35px 0 25px; border-bottom:1px #eee solid;}
.xiang .nrong .you strong span{ border:1px #e0e0e0 solid; display:inline-block; float:left; padding:0 20px; border-radius:15px; overflow:hidden; color:#333; font-size:12px; margin-right:14px;}
.xiang .nrong .you dl{ display:block; overflow:hidden; padding:40px 0 50px; border-bottom:1px #eee solid;}
.xiang .nrong .you dl dt{ display:block; width:300px; float:left; overflow:hidden;}
.xiang .nrong .you dl dt h2{ color:#ec6615; font-family:Arial; font-size:44px; font-weight:bold; line-height:50px;}
.xiang .nrong .you dl dt h2 i{ font-size:14px; font-weight:normal; font-family:"微软雅黑"; display:inline-block; padding:0 3px;}
.xiang .nrong .you dl dt p{ color:#777;}
.xiang .nrong .you dl dd{ display:block; float:right; overflow:hidden; width:200px; text-align:center; padding-top:20px;}
.xiang .nrong .you dl dd a{ display:inline-block; width:180px; font-style:normal; line-height:50px; color:#fff; text-align:center; font-size:18px; border-radius:4px; background:#ec6615; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;}
.xiang .nrong .you dl dd a:hover{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
.xiang .nrong .you figure{ overflow:hidden; margin-top:15px;}
.xiang .nrong .you figure span{ display:block; float:left; color:#555; font-size:12px;}
.xiang .nrong .you figure a{ display:block; padding:0 6px; float:left; overflow:hidden; color:#555; font-size:12px; text-transform:uppercase;}
.xiang .nrong .you figure a i{ display:block; width:18px; height:30px; float:left; overflow:hidden; background:url(../images/icon.png) no-repeat;}
.xiang .nrong .you figure a i.hah1{ background-position:-7px -488px;}
.xiang .nrong .you figure a i.hah2{ background-position:-31px -488px;}
.xiang .nrong .you figure a i.hah3{ background-position:-56px -488px;}
.xiang .nrong .you figure .w-img{ display:none; width:150px; height:150px;}


.wode{ width:100%; overflow:hidden;}
.wode .left{ width:940px; overflow:hidden;}
.wode .left .tou{ width:100%; overflow:hidden; line-height:60px; border-bottom:1px #e0e0e0 solid;}
.wode .left .tou h1{ float:left; padding:0 30px; font-size:20px; color:#ec6615; height:60px; border-bottom:1px #ec6615 solid;}
.wode .left h2{ font-size:18px; overflow:hidden; margin-top:30px;}
.wode .left strong{ display:block; overflow:hidden; color:#555; margin-top:10px;}
.wode .left em{ display:block; height:26px; border-bottom:1px #f2f2f2 solid; position:relative; margin-top:20px;}
.wode .left em i{ display:block; width:53px; height:53px; background:url(../images/imgbt.png) no-repeat; position:absolute; left:50%; margin-left:-26px; top:0; z-index:10;}
.wode .left .cont{ width:100%; overflow:hidden;}
.wode .left .cont img{ display:block; width:100%; margin:10px 0;}
.wode .left .cont p{ color:#555;}

.wode .right{ width:320px; overflow:hidden;}
.wode .right .sjs{ background:#f8f8f8; overflow:hidden; position:relative; padding-bottom:60px;}
.wode .right .sjs em{ display:block; overflow:hidden; height:250px; margin-bottom:20px;}
.wode .right .sjs em img{ display:block; width:100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.wode .right .sjs:hover em img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.wode .right .sjs strong{ display:block; position:absolute; left:0; top:200px; height:50px; line-height:50px; text-align:center; background:rgba(0,0,0,0.6); font-size:18px; font-weight:bold; width:100%; color:#fff;}
.wode .right .sjs strong i{ display:inline-block; width:26px; height:50px; background:url(../images/icon.png) -210px -440px no-repeat; overflow:hidden; vertical-align:middle;}
.wode .right .sjs strong b{ display:inline-block; vertical-align:middle; font-size:14px; font-weight:normal; padding:0 3px;}
.wode .right .sjs dl{ display:block; padding:0 15px; overflow:hidden; color:#555;}
.wode .right .sjs dl dt{ display:block; float:left; width:80px;}
.wode .right .sjs dl dd{ display:block; float:right; overflow:hidden; width:210px; color:#000; font-size:12px;}
.wode .right .sjs figure{ display:block; width:100%; overflow:hidden; position:absolute; left:0; bottom:0;}
.wode .right .sjs figure a{ display:block; width:50%; float:left; overflow:hidden; background:#222; line-height:44px; color:#fff; font-size:16px; text-transform:uppercase; text-align:center;}
.wode .right .sjs figure a:nth-child(1){ background:#ec6615;}
.wode .right .sjs figure a:hover{ opacity:0.8;}
.wode .right .pic{ width:100%; overflow:hidden; margin-top:20px;}
.wode .right .pic img{ display:block; width:100%;}
.wode .right .zxzx{ background:#f8f8f8; overflow:hidden; padding:20px; margin-top:20px;}
.wode .right .zxzx h1{ line-height:60px; background:#ec6615; font-size:22px; font-weight:bold; color:#fff; text-align:center;}
.wode .right .zxzx p{ text-align:center; overflow:hidden; padding:10px 0;}
.wode .right .zxzx p i{ color:#ec6615;}
.wode .right .zxzx form{ width:100%; overflow:hidden;}
.wode .right .zxzx form input.text{ width:258px; padding:0 10px; border:1px #e0e0e0 solid; background:#fff; height:42px; line-height:42px; margin-top:12px; color:#555;}
.wode .right .zxzx form input.sub{ width:100%; border:none; background:#ec6615; line-height:42px; height:42px; color:#fff; font-size:16px; margin-top:12px; cursor:pointer;}
.wode .right .zxzx h2{ font-size:12px; text-align:center; margin-top:10px;}
.wode .right .zxzx h2 i{ display:inline-block; color:#ec6615; font-family:Arial; font-size:16px;}

.xgtj{ width:100%; overflow:hidden; margin-top:30px;}
.xgtj .xgtj_tou{ line-height:50px; height:50px; border-bottom:1px #e0e0e0 solid;}
.xgtj .xgtj_tou h1{ float:left; height:50px; border-bottom:1px #ec6615 solid; overflow:hidden; font-size:18px; color:#ec6615;}
.xgtj .xgtj_tou a{ float:right; color:#555;}
.xgtj .tupic{ width:100%; overflow:hidden; margin-top:20px;}
.xgtj .tupic li{ width:310px; float:left; overflow:hidden; margin:0 0 20px 20px; text-align:center; border-bottom:1px #e0e0e0 solid;}
.xgtj .tupic li.no{ margin-left:0;}
.xgtj .tupic li em{ display:block; overflow:hidden;}
.xgtj .tupic li em img{ display:block; width:100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.xgtj .tupic li:hover em img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.xgtj .tupic li h1{ font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:10px 0;}
.xgtj .tupic li strong{ overflow:hidden; display:block; height:14px; line-height:14px; padding:0 0 15px;}
.xgtj .tupic li strong span{ width:33%; float:left; display:block; overflow:hidden; color:#888; text-align:center; border-left:1px #e0e0e0 solid; font-size:12px;}
.xgtj .tupic li strong span:nth-child(1){ border:none;}


/*设计师*/
.gdsj{ width:100%; overflow:hidden; position:relative;}
.gdsj .hd{ z-index:10;}
.gdsj .hd h2{ font-size:24px; font-weight:bold;}
.gdsj .hd .prev,.gdsj .hd .next{ width:30px; height:50px; display:block; position:absolute; top:130px; background:url(../images/icon.png) no-repeat;}
.gdsj .hd .prev{ left:0; background-position:-135px -485px;}
.gdsj .hd .next{ right:0; background-position:-173px -485px;}
.gdsj .hd .prevStop{}
.gdsj .hd .nextStop{}
.gdsj .hd ul{ display:none;}
.gdsj .bd{ padding:30px 50px; overflow:hidden;}
.gdsj .bd ul{ overflow:hidden; zoom:1; }
.gdsj .bd ul li{ width:200px; float:left; overflow:hidden; text-align:center}
.gdsj .bd ul li a{ display:block; padding:0 25px; overflow:hidden;}
.gdsj .bd ul li a em{ display:block; width:150px; height:150px; border-radius:50%; overflow:hidden;}
.gdsj .bd ul li a em img{ display:block; width:100%;}
.gdsj .bd ul li a h1{ font-size:18px; padding:10px 0 0; overflow:hidden;}
.gdsj .bd ul li a p{ color:#666; line-height:26px; overflow:hidden;}

.nmen{ width:100%; margin-top:5px; overflow:hidden;}
.nmen li{ width:310px; float:left; overflow:hidden; text-align:center; position:relative; margin:20px 0 0 20px;}
.nmen li.no{ margin-left:0;}
.nmen li em{ display:block; overflow:hidden; height:310px;}
.nmen li em img{ display:block; width:100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.nmen li:hover em img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.nmen li div{ border:1px #e0e0e0 solid; background:#fff; overflow:hidden; border-top:none; padding:16px 20px; position:relative; z-index:90;}
.nmen li div h1{ font-size:18px; font-weight:bold; overflow:hidden; border-bottom:1px #eee solid; padding-bottom:10px;}
.nmen li div h1 i{ display:inline-block; font-weight:normal; font-size:14px; color:#888; padding-left:5px;}
.nmen li div strong{ display:block; overflow:hidden; margin-top:8px; font-size:12px; color:#888; position:relative;}
.nmen li div strong span{ display:block; width:50%; overflow:hidden; float:left;}
.nmen li div strong span i{ color:#ec6615; font-weight:bold; font-size:16px; font-family:Arial; display:inline-block; padding:0 4px;}
.nmen li div strong b{ display:block; width:1px; height:14px; position:absolute; left:50%; top:8px; background:#e0e0e0;}
.nmen li figure{ position:absolute; bottom:69px; left:0; display:block; overflow:hidden; line-height:40px; background:rgba(0,0,0,0.5); width:100%; z-index:20; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.nmen li figure a{ display:block; float:left; width:50%; overflow:hidden; color:#fff; text-transform:uppercase;}
.nmen li figure a i{ display:inline-block; height:40px; width:24px; background:url(../images/icon.png) no-repeat; vertical-align:middle;}
.nmen li figure a i.nn1{ background-position:-5px -513px;}
.nmen li figure a i.nn2{ background-position:-32px -513px;}
.nmen li figure b{ display:block; width:1px; height:50px; background:rgba(255,255,255,0.3); position:absolute; left:50%; top:0;}
.nmen li:hover figure{ bottom:119px;}


.design{ padding:30px; background:#fff; width:920px; overflow:hidden; margin-bottom:20px;}
.shang{ width:100%; overflow:hidden;}
.shang .tpgd{ width:300px; float:left; overflow:hidden; position:relative;}
.shang .tpgd .hd{ position:absolute; left:0; width:100%; overflow:hidden; bottom:10px; z-index:10;}
.shang .tpgd .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.shang .tpgd .hd ul li{ font-size:0; width:8px; height:8px; border:2px #fff solid; background:#fff; border-radius:50%; display:inline-block; margin:0 6px; cursor:pointer;}
.shang .tpgd .hd ul li.on{ background:none;}
.shang .tpgd .bd{ width:100%; position:relative; height:100%; z-index:0;   }
.shang .tpgd .bd li{ width:100%; overflow:hidden;}
.shang .tpgd .bd li img{ display:block; width:100%;}
.shang .tpgd .prev,.shang .tpgd .next{ display:none;}

/*.shang .haha{ width:590px; float:right; overflow:hidden;}	
.shang .haha h1{ font-size:24px; font-weight:bold; line-height:60px; overflow:hidden;}
.shang .haha h2{ color:#ec6615; padding:0 0 14px; margin-bottom:15px; border-bottom:1px #eee solid; overflow:hidden;}
.shang .haha dl{ display:block; overflow:hidden; line-height:36px;}
.shang .haha dl dt{ display:block; width:80px; float:left; color:#555; overflow:hidden;}
.shang .haha dl dd{ display:block; float:right; width:510px; overflow:hidden; color:#000;}
.shang .haha strong{ display:block; overflow:hidden; margin-top:20px;}
.shang .haha strong a{ display:inline-block; float:left; line-height:40px; background:#ec6615; color:#fff; font-size:16px; padding:0 40px; margin-right:20px;}
.shang .haha strong a:nth-child(2){ background:#333;}
*/

.design .btwz{ width:100%; height:50px; line-height:50px; border-bottom:1px #e0e0e0 solid; margin-top:30px;}
.design .btwz h2{ color:#ec6615; font-size:20px; float:left; height:50px; border-bottom:1px #ec6615 solid;}
.design .tance{ width:100%; overflow:hidden; margin-top:20px;}
.design .tance p{ color:#333; line-height:34px;}


.lxwm{ width:280px; overflow:hidden;}
.lxwm .cen{ padding:30px 30px 20px; position:relative; width:220px; z-index:10; background:#fffffff; } <!-- background:#3E3A39;-->
.lxwm .cen h1{ font-size:24px; text-align:center; color:#fff;}
.lxwm .cen b{ display:block; font-size:12px; color:#fff; opacity:0.7; overflow:hidden; text-align:center; font-weight:normal;}
.lxwm .cen input.text{ width:200px; padding:0 10px; color:#555; line-height:48px; height:48px; border:none; background:#fff; margin-top:15px; border-radius:4px;}
.lxwm .cen input.sub{ border:none; width:100%; line-height:48px; height:48px; background:#ec6615; color:#fff; font-size:20px; margin-top:15px; border-radius:4px; cursor:pointer;}
.lxwm .cen p{ color:#fff; font-size:12px; text-align:center; margin-top:8px;}
.lxwm .cen p i{display:block;margin-right: -20px; float:left; color:#fff;margin-top:2px;}

/*新闻页面样式*/
.xwen{ width:960px; overflow:hidden;}
.entry{ width:100%; overflow:hidden;}
.entry li{ overflow:hidden; padding:30px 0; border-bottom:1px #e0e0e0 dotted;}
.entry li em{ display:block; overflow:hidden; width:300px; float:left;}
.entry li em img{ display:block; width:100%; height:210px; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.entry li:hover em img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.entry li div{ width:630px; float:right; overflow:hidden;}
.entry li div h1{ font-size:20px; font-weight:bold; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.entry li div p{ color:#999; overflow:hidden; margin-top:15px; font-size:12px; height:90px;}
.entry li div strong{ display:block; overflow:hidden; margin-top:40px; font-size:12px; text-transform:uppercase; color:#666; line-height:14px;}
.entry li div strong span{ display:block; float:right;}
.entry li div strong dl{ float:left; display:block; overflow:hidden;}
.entry li div strong dl dt,.entry li div strong dl dd{ display:block; float:left; padding-right:15px; color:#666; overflow:hidden;}
.entry li div strong dl dt i,.entry li div strong dl dd i{ width:20px; height:14px; display:block; float:left; overflow:hidden; background:url(../images/icon.png) no-repeat; vertical-align:middle;}
.entry li div strong dl dt i{ background-position:-72px -527px;}
.entry li div strong dl dd i{ background-position:-114px -527px;}

.tade{ width:300px; overflow:hidden;}
.tade .zxsj{ padding:30px 30px 20px; position:relative; width:240px; z-index:10; background:#3E3A39; }
.tade .zxsj h1{ font-size:24px; text-align:center; color:#fff;}
.tade .zxsj b{ display:block; font-size:12px; color:#fff; opacity:0.7; overflow:hidden; text-align:center; font-weight:normal;}
.tade .zxsj input.text{ width:220px; padding:0 10px; color:#555; line-height:48px; height:48px; border:none; background:#fff; margin-top:15px; border-radius:4px;}
.tade .zxsj input.sub{ border:none; width:100%; line-height:48px; height:48px; background:#ec6615; color:#fff; font-size:20px; margin-top:15px; border-radius:4px; cursor:pointer;}
.tade .zxsj p{ color:#fff; font-size:12px; text-align:center; margin-top:8px;}
.tade .zxsj p i{display:block; position: absolute;left: 45px;float:left; color:#fff;margin-top:2px;}

.tade .ming{ width:100%; height:36px; line-height:36px; border-bottom:1px #e0e0e0 solid; margin-top:20px;}
.tade .ming h1{ float:left; height:36px; border-bottom:1px #ec6615 solid; font-size:16px;}
.tade .ming a{ color:#ec6615; float:right;}
.tade .rmal{ width:100%; overflow:hidden;}
.tade .rmal a{ display:block; width:100%; overflow:hidden; margin-top:15px;}
.tade .rmal a em{ display:block; overflow:hidden;}
.tade .rmal a em img{ display:block; width:100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.tade .rmal a:hover em img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.tade .rmal a h1{ padding-top:6px;}
.tade .rmal a p{ line-height:20px; font-size:12px;}
.tade .rmal a p span{ display:block; float:left; width:50%; overflow:hidden;}
.tade .rmal a p i{ display:block; float:right; color:#ec6615; width:50%; overflow:hidden; text-align:right;}


.stace{ width:100%; overflow:hidden;}
.stace h1{ font-size:24px; font-weight:bold; line-height:36px; overflow:hidden; padding-top:20px;}

/*.stace strong{ display:block; overflow:hidden; padding:20px 0; overflow:hidden; margin-bottom:20px; border-bottom:1px #e0e0e0 solid;}*/

.stace ol{ display:block; overflow:hidden; padding:20px 0; overflow:hidden; margin-bottom:20px; border-bottom:1px #e0e0e0 solid;}
.stace ol span{ display:inline-block; color:#999; padding-right:30px;}
.stace strong{ font-weight:bold;}

.stace .cont{ width:100%; overflow:hidden;}
.stace .cont p{ color:#333; line-height:34px; margin-top:15px;}
.stace .cont img{  width:100%; margin-top:15px;}
.stace .zjlj{ width:100%; overflow:hidden; margin-top:120px; border:1px #e0e0e0 solid; border-left:none; border-right:none; line-height:60px; position:relative;}
.stace .zjlj a{ display:block; width:50%; float:left; overflow:hidden; color:#666; text-overflow:ellipsis; white-space:nowrap; font-size:12px;}
.stace .zjlj a:nth-child(1){ text-align:left;}
.stace .zjlj a:nth-child(2){ text-align:right;}
.stace .zjlj a i{ color:#000;}


.zxgl{ width:100%; overflow:hidden; margin-top:50px;}
.zxgl h1{ font-size:16px; color:#ec6615; font-size:16px; border-bottom:1px #e0e0e0 solid; padding-bottom:10px;}
.zxgl ul{ overflow:hidden; padding-top:20px;}
.zxgl ul li{ width:50%; float:left; overflow:hidden; line-height:36px;}
.zxgl ul li i{ display:block; width:16px; font-size:18px; font-weight:bold; float:left; overflow:hidden;}


/*楼盘页面样式*/
.rzlp{ width:100%; overflow:hidden;}
.rzlp li{ width:410px; float:left; margin:0 0 35px 35px; overflow:hidden; transition: -webkit-transform .4s ease;}
.rzlp li.no{ margin-left:0;}
.rzlp li .text{ width:100%; overflow:hidden; position:relative;}
.rzlp li .text em{ display:block; overflow:hidden;}
.rzlp li .text em img{ display:block; width:100%;}
.rzlp li .text div{width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; text-align:center; overflow:hidden;-webkit-transform: scale(1.4);
opacity: 0;filter: alpha(opacity=0);-moz-transform: scale(1.4);-ms-transform: scale(1.4);-o-transform: scale(1.4);transform: scale(1.4);
	-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.rzlp li .text div strong{ color:#fff; display:block; overflow:hidden; padding-top:100px; font-size:18px; font-weight:bold;}
.rzlp li .text div strong span{ display:inline-block; padding:0 4px;}
.rzlp li .text div strong span i{ font-weight:bold; font-family:Arial; font-weight:bold; font-size:20px; display:inline-block; padding:0 2px;}
.rzlp li .text div figure{ display:block; overflow:hidden; margin-top:20px;}
.rzlp li .text div figure a{ display:inline-block; padding:0 40px; line-height:40px; background:#ec6615; color:#fff; font-size:16px; margin:0 6px;}
.rzlp li:hover .text div{opacity:1;filter:alpha(opacity=100);visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.rzlp li dl{ display:block; overflow:hidden; padding:24px; background:#fff;}
.rzlp li dl dt{ display:block; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rzlp li dl dt i{ display:inline-block; font-size:14px; display:inline-block; padding-left:6px; color:#555;}
.rzlp li dl dd{ color:#666; font-size:12px; line-height:24px; height:48px; padding-top:8px; overflow:hidden;}
.rzlp li:hover{-webkit-transform: translate3d(0px,-3px,0px); -moz-transform: translate3d(0px,-3px,0px); -ms-transform: translate3d(0px,-3px,0px);-o-transform: translate3d(0px,-3px,0px); transform: translate3d(0px,-3px,0px);}


.lpxq{ width:100%; overflow:hidden;}
.gund{ width:600px; float:left; overflow:hidden; position:relative;}
.gund .hd{ display:none;}
.gund .bd{ overflow:hidden;}
.gund .bd li{ zoom:1}
.gund .bd img{ display:block; width:100%; height:450px;}
.gund .prev,.gund .next{ position:absolute; left:3%; top:50%; margin-top:-16px; display:block; width:32px; height:32px; background:url(../images/slider-arrow.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.gund .prev{ background-position:-115px 0;}
.gund .next{ left:auto; right:3%; background-position:14px 0;}
.gund .prev:hover,.gund .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.zdun{ width:660px; overflow:hidden;}
.zdun h1{ font-size:28px; font-weight:bold; line-height:50px; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zdun dl{ display:block; overflow:hidden; margin-top:10px;}
.zdun dl dt{ color:#666; width:80px; display:block; float:left; overflow:hidden;}
.zdun dl dd{ width:580px; display:block; float:right; overflow:hidden;}
.zdun ol{ overflow:hidden; margin-top:30px;}
.zdun ol li{ width:320px; float:left; border-bottom:1px #e0e0e0 dotted; overflow:hidden; line-height:44px; color:#555;}
.zdun ol li.on{ padding-right:20px;}
.zdun ol li span{ display:block; float:left; width:80px;}
.zdun ol li b{ display:block; font-weight:normal; width:240px; float:right; overflow:hidden;}

.zdun .mfsq{ width:100%; position:relative; z-index:20; margin-top:50px;}
.zdun .mfsq strong{ display:block; float:left; overflow:hidden;}
.zdun .mfsq strong a{ display:inline-block; padding:0 30px; line-height:44px; border-radius:4px; color:#fff; font-size:16px; background:#333;}
.zdun .mfsq .annu{ width:210px; float:left; position:relative; z-index:90;}
.zdun .mfsq .annu .sqgh{ display:inline-block; padding:0 30px; line-height:44px; border-radius:4px; color:#fff; font-size:16px; background:#ec6615; cursor:pointer;}


.popup{ position:absolute; width:100%; left:0; bottom:50px; visibility:hidden; z-index:100; opacity:0; width:200px; background:rgba(0,0,0,0.8); padding:30px;}
.popup.is-visible { opacity: 1; visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;}
.popup .popup-close { position:absolute; top:8px; right:8px; width:30px;height:30px; color:#fff; font-size:30px;}
.popup input.text{ width:180px; height:40px; line-height:40px; background:#fff; padding:0 10px; margin-top:15px; border:none;}
.popup input.sub{ border:none; background:#ec6615; color:#fff; height:40px; line-height:40px; margin-top:15px; font-size:16px; width:100%;}
.popup p{ color:#fff; line-height:40px; overflow:hidden;}
.popup p i{ color:#ec6615; font-size:18px; font-weight:bold; display:inline-block; padding:0 3px;}


.zjjnr{ width:100%; overflow:hidden; padding:30px 0;}
.tjlp{ width:100%; overflow:hidden; margin-top:20px;}
.tjlp li{ width:410px; float:left; margin:0 0 35px 35px; overflow:hidden; transition: -webkit-transform .4s ease;}
.tjlp li.no{ margin-left:0;}
.tjlp li .text{ width:100%; overflow:hidden; position:relative;}
.tjlp li .text em{ display:block; overflow:hidden;}
.tjlp li .text em img{ display:block; width:100%;}
.tjlp li .text div{width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; text-align:center; overflow:hidden;-webkit-transform: scale(1.4);
opacity: 0;filter: alpha(opacity=0);-moz-transform: scale(1.4);-ms-transform: scale(1.4);-o-transform: scale(1.4);transform: scale(1.4);
	-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.tjlp li .text div strong{ color:#fff; display:block; overflow:hidden; padding-top:100px; font-size:18px; font-weight:bold;}
.tjlp li .text div strong span{ display:inline-block; padding:0 4px;}
.tjlp li .text div strong span i{ font-weight:bold; font-family:Arial; font-weight:bold; font-size:20px; display:inline-block; padding:0 2px;}
.tjlp li .text div figure{ display:block; overflow:hidden; margin-top:20px;}
.tjlp li .text div figure a{ display:inline-block; padding:0 40px; line-height:40px; background:#ec6615; color:#fff; font-size:16px; margin:0 6px;}
.tjlp li:hover .text div{opacity:1;filter:alpha(opacity=100);visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.tjlp li dl{ display:block; overflow:hidden; padding:14px; background:#f8f8f8;}
.tjlp li dl dt{ display:block; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tjlp li dl dt i{ display:inline-block; font-size:14px; display:inline-block; padding-left:6px; color:#555;}
.tjlp li dl dd{ color:#666; font-size:12px; line-height:24px; height:48px; padding-top:8px;}
.tjlp li:hover{-webkit-transform: translate3d(0px,-3px,0px); -moz-transform: translate3d(0px,-3px,0px); -ms-transform: translate3d(0px,-3px,0px);-o-transform: translate3d(0px,-3px,0px); transform: translate3d(0px,-3px,0px);}


.tplb{ width:100%; overflow:hidden;}
.tplb li{ width:410px; float:left; margin:0 0 35px 35px; overflow:hidden; background:#fff;}
.tplb li.no{ margin-left:0;}
.tplb li figure{ display:block; overflow:hidden; position:relative;}
.tplb li figure img{ display:block; width:100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.tplb li:hover figure img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.tplb li figure b{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:1px #fff solid; z-index:20;
-webkit-transition: -webkit-transform .32s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: -moz-transform .32s cubic-bezier(.51,1.1,.9,.95);
    -ms-transition: -ms-transform .32s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: -o-transform .32s cubic-bezier(.51,1.1,.9,.95);
    transition: transform .32s cubic-bezier(.51,1.1,.9,.95);}
.tplb li:hover figure b{ -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89);}
.tplb li figcaption{ position:relative; text-align:center; height:130px; overflow:hidden; padding:0 20px;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.tplb li figcaption h1{ margin-top:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;-webkit-transition: margin .3s; -moz-transition: margin .3s;-ms-transition: margin .3s; -o-transition: margin .3s; transition: margin .3s;}
.tplb li figcaption p{ margin-top:6px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tplb li figcaption span{ position:absolute; left:0; bottom:-50px; width:100%; height:24px; padding:13px 0; background:#ec6615; display:block;
-webkit-transition: bottom .3s; -moz-transition: bottom .3s; -ms-transition: bottom .3s; -o-transition: bottom .3s; transition: bottom .3s;}
.tplb li:hover figcaption span{ bottom:0;}
.tplb li figcaption span i{ display:block; width:50px; height:24px; background:url(../images/icon.png) -92px -453px no-repeat; overflow:hidden; margin:0 auto;}
.tplb li:hover figcaption h1{ margin-top:10px;}
.tplb li:hover figcaption p{ margin-top:0;}


/*关于我们页面样式*/
.gywm{ width:100%; overflow:hidden; padding:60px 0;}
.gywm .cont{ width:600px; overflow:hidden;}
.gywm .cont h1{ font-size:28px; overflow:hidden; color:#ec6615; font-weight:bold;}
.gywm .cont figure{ width:100%; overflow:hidden;}
.gywm .cont figure h2{ font-size:16px; margin-top:30px; overflow:hidden;}
.gywm .cont figure p{ line-height:32px; color:#555;}
.gywm .video{ width:650px; overflow:hidden; position:relative; margin-top:70px;}
.gywm .video em{ display:block; overflow:hidden;}
.gywm .video em img{ display:block; width:100%; height:500px;}
.gywm .video b{ display:block; width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); z-index:10;}
.gywm .video .showbox{ display:block; width:75px; height:75px; background:url(../images/bthl.png) no-repeat; background-size:100%; position:absolute; left:50%; margin-left:-38px; top:50%; margin-top:-38px; z-index:200; cursor:pointer;}
.gywm .video i{ width:103px; height:103px; background:url(../images/btnw.png) no-repeat; background-size:100%; display:block; 
transform: rotate(0deg);animation: rot 2s linear infinite;; position:absolute; left:50%; margin-left:-52px; top:50%; margin-top:-52px; z-index:100;}
@keyframes rot{form{transform: rotate(0deg)}to{transform: rotate(360deg)}}
#TB_overlayBG{background:#000;position:absolute;z-index:500;left:0;top:0;display:none;width:100%;height:100%;opacity:0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;}

.sptc{position:absolute;width:1000px;left:50%;height:auto;z-index:1000;background:#fff;}
.sptc h1{ line-height:50px; text-indent:20px; overflow:hidden; border-bottom:1px #eee solid; font-size:16px;}
.sptc .close{ font-size:30px; color:#666; position:absolute; right:10px; top:10px; line-height:30px; overflow:hidden;}
.sptc em{ display:block; overflow:hidden;}
.sptc em img{ display:block; width:100%;}


.qywh{ width:100%; overflow:hidden; padding:60px 0; background:url(../images/qywh.jpg) center center no-repeat;}
.mltou{ display:block; overflow:hidden;}
.mltou h2{ color:#ec6615; font-size:24px; font-weight:bold; overflow:hidden;}
.mltou p{ color:#555; font-family:Arial; text-transform:uppercase; overflow:hidden; margin-top:6px;}
.mltou span{ display:block; width:20px; height:2px; background:#ec6615; margin-top:20px;}
.qywh ul{ width:100%; overflow:hidden;}
.qywh ul li{ width:410px; float:left; margin:35px 0 0 35px; overflow:hidden; position:relative; cursor:pointer;}
.qywh ul li:nth-child(1){ margin-left:0;}
.qywh ul li:nth-child(4){ margin-left:0;}
.qywh ul li img{ display:block; width:100%; height:240px;}
.qywh ul li div{ position:absolute; left:0; top:0; width:330px; padding:30px 40px; height:180px; z-index:10;}
.qywh ul li div h1{ color:#fff; font-size:22px; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s;}
.qywh ul li div h2{ color:#999; -webkit-transform: translateY(50px);  -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35,0.67,0.25,0.97) 0.2s,opacity 0.5s linear 0.2s;
    transition: transform 0.5s cubic-bezier(0.35,0.67,0.25,0.97) 0.2s,opacity 0.5s linear 0.2s;}
.qywh ul li div span{display:inline-block; width:12px; height:2px; background-color:#000; margin-top:12px; -webkit-transform:translateY(50px);-ms-transform:translateY(50px); transform:translateY(50px); opacity:0;
	 -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35,0.67,0.25,0.97) 0.1s,opacity 0.5s linear 0.1s;
    transition: transform 0.5s cubic-bezier(0.35,0.67,0.25,0.97) 0.1s,opacity 0.5s linear 0.1s;}
.qywh ul li div p{margin-top:13px; font-size:16px; color:#333;-webkit-transform:translateY(50px); -ms-transform:translateY(50px);transform:translateY(50px); opacity:0;
	    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35,0.67,0.25,0.97) 0s,opacity 0.5s linear 0s;
    transition: transform 0.5s cubic-bezier(0.35,0.67,0.25,0.97) 0s,opacity 0.5s linear 0s;}
.qywh ul li:hover div{ background:#f8f8f8;}
.qywh ul li:hover div h1{ color:#000;}
.qywh ul li:hover div h2{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform: translateY(0); opacity:1;}
.qywh ul li:hover div span{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform: translateY(0); opacity:1;}
.qywh ul li:hover div p{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform: translateY(0); opacity:1;}

.clsj{ width:100%; overflow:hidden; padding:60px 0;}
.fzlc{ width:100%; margin-top:40px; overflow:hidden; position:relative;}
.fzlc .hd{ zoom:1;}
.fzlc .hd .prev,.fzlc .hd .next{ display:block; width:25px; height:30px; background:#000; position:absolute; top:60px; background:url(../images/icon.png) no-repeat; cursor:pointer;}
.fzlc .hd .prev{ left:0; background-position:-4px -565px;}
.fzlc .hd .next{ right:0; background-position:-32px -565px;}
.fzlc .hd .prevStop{}
.fzlc .hd .nextStop{}
.fzlc .hd ul{ display:none;}
.fzlc .bd{ width:1250px; overflow:hidden; margin-left:25px;}
.fzlc .bd ul{ overflow:hidden; zoom:1;}
.fzlc .bd ul li{ width:250px; float:left; overflow:hidden; position:relative;}
.fzlc .bd ul li b{ display:block; width:248px; background:#000; height:2px; position:absolute; left:1px; top:74px; z-index:-10;}
.fzlc .bd ul li div{ margin:0 auto; display:block; width:140px; border:5px #eee solid; border-radius:50%; height:140px; background:#fff; line-height:140px; font-size:20px; font-weight:bold; text-align:center;}
.fzlc .bd ul li div i{ font-family:Arial; font-size:24px;}		
.fzlc .bd ul li figure{ display:block; padding:25px; overflow:hidden;}
.fzlc .bd ul li figure p{ color:#333;}

.group{ width:100%; overflow:hidden; padding:70px 0; background:url(../images/group.jpg) center bottom no-repeat;}
.group .parHd{ width:100%; overflow:hidden; text-align:center; overflow:hidden;}
.group .parHd ul{ overflow:hidden;}
.group .parHd ul li{ display:inline-block; line-height:50px; background:#ddd; padding:0 60px; font-size:18px; margin:0 10px; border-radius:3px; cursor:pointer;}
.group .parHd ul li.on{ color:#fff; background:#ec6615;}
.group .myys{ overflow:hidden; zoom:1; position:relative; margin-top:40px;}
.group .sPrev,.group .sNext{ display:none;}
.group .parBd ul{ overflow:hidden; zoom:1;   }
.group .parBd ul li{ width:310px; float:left; overflow:hidden; margin-right:20px; text-align:center; cursor:pointer;}
.group .parBd ul li em{ display:block; overflow:hidden;}
.group .parBd ul li em img{ display:block; width:100%;}
.group .parBd ul li p{ padding-top:10px; font-size:16px;}

/*联系我们页面*/
.ymzs{ width:100%; overflow:hidden; padding:60px 0; background:url(../images/ymzs.jpg) center top no-repeat;}
.ymzs ul{ overflow:hidden; width:100%; margin-top:40px; padding-bottom:60px;}
.ymzs ul li{ width:250px; padding:40px 30px; height:170px; float:left; overflow:hidden; text-align:center; margin-left:20px;}
.ymzs ul li:nth-child(1){ margin-left:0; background:rgba(222,103,100,0.2);}
.ymzs ul li:nth-child(2){ background:rgba(88,190,200,0.2);}
.ymzs ul li:nth-child(3){ background:rgba(154,192,71,0.2);}
.ymzs ul li:nth-child(4){ background:rgba(49,160,225,0.2);}
.ymzs ul li em{ display:block; width:40px; height:50px; margin:0 auto; overflow:hidden; background:url(../images/icon.png) no-repeat;}
.ymzs ul li em.sx1{ background-position:-70px -552px;}
.ymzs ul li em.sx2{ background-position:-115px -550px;}
.ymzs ul li em.sx3{ background-position:-160px -552px;}
.ymzs ul li em.sx4{ background-position:-203px -552px;}
.ymzs ul li h2{ font-size:18px; padding:20px 0 10px; overflow:hidden;}
.ymzs ul li p{ color:#555; font-size:16px;}

.map{ width:100%; overflow:hidden; height:550px;}
.map img{ display:block; width:100%;}
.cxzd{ width:100%; overflow:hidden; background:#f5f5f5; padding:50px 0;}
.cxzd .uptc{ padding:40px; background:#fff; overflow:hidden; position:relative;}
.cxzd .uptc .cnact{ width:450px; overflow:hidden;}
.cxzd .uptc .cnact h1{ font-size:30px; line-height:40px; overflow:hidden;}
.cxzd .uptc .cnact h2{ padding:15px 0; font-size:18px;}
.cxzd .uptc .cnact em{ display:block; width:100%; height:1px; background:#ddd; overflow:hidden; position:relative;}
.cxzd .uptc .cnact em i{ width:60px; height:1px; position:absolute; left:0; top:0; background:#ec6615; z-index:10;}
.cxzd .uptc .cnact figure{ width:100%; overflow:hidden; margin-top:20px;}
.cxzd .uptc .cnact figure p{ color:#333; line-height:34px;}
.cxzd .uptc .cnact dl{ display:block; overflow:hidden; text-align:center; margin-top:30px;}
.cxzd .uptc .cnact dl dd{ display:block; float:left; margin-right:20px;}
.cxzd .uptc .cnact dl dd img{ display:block; width:150px;}
.cxzd .uptc .cnact dl dd p{ margin-top:10px;}
.cxzd .uptc .yst{ width:750px; position:absolute; right:0; top:0; height:100%; background:url(../images/yst.jpg) center center no-repeat;}

.cxzd .online{ padding:50px 40px; background:#fff; overflow:hidden; position:relative; margin-top:50px;}
.cxzd .online h1{ font-size:40px; line-height:50px; font-weight:bold; text-align:center; font-family:Arial;}
.cxzd .online h2{ text-align:center; font-size:16px; padding-bottom:40px; overflow:hidden;}
.cxzd .online .zxly{ width:600px; overflow:hidden;}
.cxzd .online .zxly li{ overflow:hidden; margin-top:15px;}
.cxzd .online .zxly li:nth-child(1){ margin:0;}
.cxzd .online .zxly li input.text{ padding:0 10px; color:#555; height:75px; line-height:75px; width:580px; background:#f8f8f8; border:none;}
.cxzd .online .xxnr{ width:590px; overflow:hidden;}
.cxzd .online .xxnr textarea{ padding:10px; overflow:hidden; background:#f8f8f8; width:570px; height:325px;}
.cxzd .online .ljtj{ width:100%; overflow:hidden; padding-top:15px;}
.cxzd .online .ljtj input.sub{ background:#373636; line-height:60px; height:60px; color:#fff; border:none; font-size:18px; width:100%; cursor:pointer;}


/*新加的页面*/

.TxtBox2{ width:100%; overflow:hidden; }
.TxtBox2 .hd{ width:100%; overflow:hidden; text-align:center;}
.TxtBox2 .hd ul{ zoom:1;}
.TxtBox2 .hd ul li{ display:inline-block; font-size:18px; background:#f0f0f0; line-height:44px; padding:0 60px; margin:0 20px; cursor:pointer;}
.TxtBox2 .hd ul li.on{ color:#fff; background:#ec6615;}
.TxtBox2 .bd .swen{ zoom:1; padding-top:40px;}
.TxtBox2 .bd .swen .list{ width:410px; position:relative; float:left; margin:0 0 35px 35px; overflow:hidden;}
.TxtBox2 .bd .swen .list .no{ margin-left:0px;}


.TxtBox2 .bd .swen .list em{ display:block; overflow:hidden;}
.TxtBox2 .bd .swen .list em img{ display:block; width:100%; height:440px}
.TxtBox2 .bd .swen .list div{ background:#fff; padding:25px; width:300px; top:230px; position:relative; height:160px; position:absolute; left:30px; z-index:10; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.TxtBox2 .bd .swen .list div strong{ display:block; color:#999; font-size:16px;}
.TxtBox2 .bd .swen .list div h1{ font-size:16px; line-height:24px; height:48px; color:#333; overflow:hidden; margin:8px 0 14px;}
.TxtBox2 .bd .swen .list div p{ color:#999; line-height:24px; height:48px; overflow:hidden;}
.TxtBox2 .bd .swen .list div span{ position:absolute; left:25px; top:190px; opacity:0; display:inline-block; padding:0 20px; line-height:32px; color:#fff; background:#ec6615;transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.TxtBox2 .bd .swen .list:hover div span{ opacity:1; top:185px;}
.TxtBox2 .bd .swen .list:hover div{ top:210px; height:180px;}
.TxtBox2 .bd .swen .list:hover div h1{ color:#ec6615;}





.shang .haha{ width:590px; float:right; overflow:hidden;}	
.shang .haha h1{ font-size:24px; font-weight:bold; line-height:60px; overflow:hidden;}
.shang .haha h2{ color:#ec6615; padding:0 0 14px; margin-bottom:15px; border-bottom:1px #eee solid; overflow:hidden;}
.shang .haha dl{ display:block; overflow:hidden; line-height:36px;}
.shang .haha dl dt{ display:block; width:80px; float:left; color:#555; overflow:hidden;}
.shang .haha dl dd{ display:block; float:right; width:510px; overflow:hidden; color:#000;}
.shang .haha strong{ display:block; position:relative; margin-top:20px;}
.shang .haha strong .hade2{ display:inline-block; float:left; line-height:40px; background:#ec6615; color:#fff; font-size:16px; padding:0 40px; margin-right:20px;}

.shang .haha strong .zdmsx{ display:inline-block; float:left; line-height:40px; background:#333; color:#fff; font-size:16px; padding:0 40px; margin-right:20px;}




.msyy2{ position:absolute; width:100%; left:0; bottom:5px; visibility:hidden; z-index:100; opacity:0; width:200px; background:rgba(0,0,0,0.8); padding:30px;}
.msyy2.is-visible { opacity: 1; visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;}
.msyy2 .popup-close { position:absolute; top:8px; right:8px; width:30px;height:30px; color:#fff; font-size:30px;}
.msyy2 input.text{ width:180px; height:40px; line-height:40px; background:#fff; padding:0 10px; margin-top:15px; border:none;}
.msyy2 input.sub{ border:none; background:#ec6615; color:#fff; height:40px; line-height:40px; margin-top:15px; font-size:16px; width:100%;}
.msyy2 p{ color:#fff; line-height:40px; overflow:hidden;}
.msyy2 p i{ color:#ec6615; font-size:18px; font-weight:bold; display:inline-block; padding:0 3px;}





.devalp{ width:100%; overflow:hidden; position:relative; margin-top:40px;}
.devalp .coure{ width:100%; overflow:hidden;}
.devalp .coure li{ width:100%; overflow:hidden; position:relative;}
.devalp .coure li .nub{ width:250px; overflow:hidden; color:#ec6615;}
.devalp .coure li .nub i{ display:inline-block; padding-left:70px; font-size:40px; font-family:Arial; line-height:50px;}
.devalp .coure li b{ width:190px; position:absolute; display:block; top:25px; background:#e0e0e0; height:1px; left:170px; z-index:-1;}
.devalp .coure li .part{ width:920px; padding:5px 0 70px 130px; overflow:hidden; background:url(../images/part.jpg) left top repeat-y;}
.devalp .coure li .part p{ font-size:16px; line-height:40px; color:#333; margin-bottom:15px;}
.devalp .coure_more{ display:block; line-height:60px; background:#f5f5f5; text-align:center; width:100%; font-size:16px; cursor:pointer; margin-top:20px;}

/*top*/
.piao{ position:fixed; right:10px; bottom:105px; width:50px; height:50px; z-index:999;}
 .piao .up{ display:block; width:50px; height:50px; background:#ec6615 url(../images/piao.png) top left no-repeat; cursor:pointer;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;}
 .piao .up:hover{ background:#ec6615 url(../images/piao.png) left -50px no-repeat;}

 /*右侧浮动*/
.ycfdlm{ width:74px; position:fixed; right:20px; bottom:200px; z-index:9000;}
.hadey{ width:100%; background:#fff; box-shadow:0px 2px 6px 2px rgba(0,0,0,0.05);}
.hadey ul{ overflow:hidden;}
.hadey ul li{ border-top:1px #eee solid; transition:all linear .2s; overflow:hidden; cursor:pointer; text-align:center; padding:15px 0;}
.hadey ul li small{ display:block; width:32px; height:32px; margin:0 auto; overflow:hidden; background:url(../images/icon-kf.png) no-repeat;}
.hadey ul li small.ll_a{ background-position:-450px -253px;}
.hadey ul li small.ll_b{ background-position:-451px -326px;}
.hadey ul li small.ll_c{ background-position:-450px -396px;}
.hadey ul li small.ll_d{ background-position:-450px -470px;}
.hadey ul li span{ display:block; color:#333; padding-top:10px; line-height:16px;}
.hadey ul li:hover{ background:#ec6615;}
.hadey ul li:hover span{ color:#fff;}
.hadey ul li:hover small.ll_a{ background-position:-513px -253px;}
.hadey ul li:hover small.ll_b{ background-position:-517px -326px;}
.hadey ul li:hover small.ll_c{ background-position:-517px -396px;}
.hadey ul li:hover small.ll_d{ background-position:-519px -470px;}

#goTopBtn{ width:100%; border-top:1px #eee solid; cursor:pointer; padding:12px 0; text-align:center; transition:300ms;} 
#goTopBtn em{ width:32px; height:32px; background:url(../images/icon-kf.png) -450px -532px no-repeat; display:block; margin:0 auto;}
#goTopBtn span{ display:block; text-align:center; overflow:hidden; color:#333;}
#goTopBtn:hover{ background:#ec6615;}
#goTopBtn:hover span{ color:#fff;}
#goTopBtn:hover em{ background-position:-519px -532px;}

/*报价弹出*/
.ancitc{position:fixed;top:0 !important;left:0;display:none;z-index:12000; width:100%; height:100%; background:rgba(0,0,0,0.7); overflow:hidden;}
.ancitc .close1{position:absolute;right:-15px; top:-15px; width:30px; height:30px; background:#fff; border-radius:50%;}
.ancitc .close1 em{ border:3px #fff solid; background:rgba(0,0,0,0.5); display:block; border-radius:50%; width:24px; height:24px; text-align:center; line-height:24px; color:#fff; font-size:20px;}
.ancitc .close1 em:hover{ background:#ec6615}
.ancitc .sszs{ width:760px; padding:60px; background:#fff; border-radius:2px; position:absolute; left:50%; top:50%; margin-top:-200px; margin-left:-440px; box-shadow:1px 1px 50px rgba(0,0,0,.3);}
.ancitc .sszs .qolnd{ width:360px; overflow:hidden;}
.ancitc .sszs .qolnd h1{ font-size:26px; color:#333; padding-bottom:20px;}
.ancitc .sszs .qolnd dl{ display:block; overflow:hidden; margin-top:12px; line-height:38px;}
.ancitc .sszs .qolnd dl dt{ display:block; width:80px; float:left; overflow:hidden; position:relative;}
.ancitc .sszs .qolnd dl dt i{ display:block; position:absolute; right:10px; top:3px; color:#ec6615; font-size:18px;}
.ancitc .sszs .qolnd dl dd{ display:block; float:right; width:260px; border:1px #eee solid; padding-left:10px;}
.ancitc .sszs .qolnd dl dd input.tit{ width:100%; border:none; background:none; height:36px;}
.ancitc .sszs .qolnd .tijiao{ width:100%; overflow:hidden; margin-top:20px;}
.ancitc .sszs .qolnd .tijiao input.sub{ width:100%; border:none; width:100%; background:#222; color:#fff; height:42px; line-height:42px; font-size:16px; transition:300ms; border-radius:3px; cursor:pointer;}
.ancitc .sszs .qolnd .tijiao input.sub:hover{ background:#ec6615}

/*房屋面积*/
.fwmj{ width:100%; overflow:hidden; position:relative; padding:30px 0;}
.fwmj .heng{ height:20px; border-radius:10px; background:#eee; border:none;}
.fwmj .heng .ui-slider-range{ background:#ec6615; border-radius:10px 0 0 10px;}
.fwmj .heng .ui-slider-handle{ top:-4px; margin:0 0 0 -20px; width:16px; height:16px; border:6px #ec6615 solid; background:#fff; border-radius:50%; outline:none;}
.fwmj .heng .form-slider-value{ position:absolute; font-size:16px; bottom:-35px; width:100px; text-align:center; margin-left:-50px;}

.yusuan{ width:300px; overflow:hidden; margin-top:20px;}
.yusuan .tit{ width:100%; overflow:hidden; font-size:22px; color:#333; text-align:center;}
.yusuan .tit .js-total{ color:#ec6615; font-family:Arial, Helvetica, sans-serif; font-size:28px; padding:0 4px;}
.yusuan ul{ border:1px #eee solid; overflow:hidden; padding:20px 30px; margin-top:20px;}
.yusuan ul li{ line-height:50px; color:#333; font-size:16px; text-align:center;}
.yusuan ul li span{ color:#ec6615; font-family:Arial, Helvetica, sans-serif; font-size:22px; padding:0 4px;}
.ui-slider{ position:relative; text-align:left;}
.ui-slider .ui-slider-handle{position: absolute;z-index: 2;cursor: default;}
.ui-slider .ui-slider-range{position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;}
.ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;}
.ui-slider-horizontal .ui-slider-range-min {left: 0;}
.ui-slider-horizontal .ui-slider-range-max {right: 0;}


/*验房弹出*/
.zxyf,.lftc{position:fixed;top:0 !important;left:0;display:none;z-index:12000; width:100%; height:100%; background:rgba(0,0,0,0.7); overflow:hidden;}
.zxyf .close2{position:absolute;right:-12px; top:-12px; width:24px; height:24px; background:#fff; border-radius:50%;}
.zxyf .close2 em{ background:#fff; display:block; border-radius:50%; width:24px; height:24px; text-align:center; line-height:24px; color:#555; font-size:16px;}
.zxyf .close2 em:hover{ background:#ec6615; color:#fff;}
.lftc .close3{position:absolute;right:-12px; top:-12px; width:24px; height:24px; background:#fff; border-radius:50%;}
.lftc .close3 em{ background:#fff; display:block; border-radius:50%; width:24px; height:24px; text-align:center; line-height:24px; color:#555; font-size:16px;}
.lftc .close3 em:hover{ background:#ec6615; color:#fff;}
.zxyf .sszs,.lftc .sszs{ width:820px; background:#fff; position:absolute; height:320px; left:50%; top:50%; margin-top:-160px; margin-left:-410px;}
.zxyf .sszs .ojhd,.lftc .sszs .ojhd{ width:320px; position:absolute; left:40px; top:-20px;}
.zxyf .sszs .aqdg,.lftc .sszs .aqdg{ width:360px; overflow:hidden; padding:40px;}
.zxyf .sszs .aqdg h1,.lftc .sszs .aqdg h1{ font-size:26px; color:#333; padding-bottom:20px;}
.zxyf .sszs .aqdg dl,.lftc .sszs .aqdg dl{ display:block; overflow:hidden; margin-top:18px; line-height:38px;}
.zxyf .sszs .aqdg dl dt,.lftc .sszs .aqdg dl dt{ display:block; width:80px; float:left; overflow:hidden; position:relative;}
.zxyf .sszs .aqdg dl dt i,.lftc .sszs .aqdg dl dt i{ display:block; position:absolute; right:10px; top:3px; color:#ec6615; font-size:18px;}
.zxyf .sszs .aqdg dl dd,.lftc .sszs .aqdg dl dd{ display:block; float:right; width:260px; border:1px #eee solid; padding-left:10px;}
.zxyf .sszs .aqdg dl dd input.tit,.lftc .sszs .aqdg dl dd input.tit{ width:100%; border:none; background:none; height:36px;}
.zxyf .sszs .aqdg strong,.lftc .sszs .aqdg strong{ display:block; width:100%; overflow:hidden; margin-top:20px;}
.zxyf .sszs .aqdg strong input.sub,.lftc .sszs .aqdg strong input.sub{ width:100%; border:none; width:100%; background:#ec6615; color:#fff; height:46px; line-height:46px; font-size:16px; transition:300ms; border-radius:3px; cursor:pointer;}
.zxyf .sszs .aqdg strong input.sub:hover,.lftc .sszs .aqdg strong input.sub:hover{ background:#222}

/*增加vr*/
.tplb{ width:100%; overflow:hidden;}
.tplb li{ width:410px; float:left; margin:0 0 35px 35px; overflow:hidden; background:#fff;}
.tplb li:nth-child(3n+1){ margin-left:0;}
.tplb li .tyt{ width:100%; overflow:hidden; position:relative;}
.tplb li .tyt em{ display:block; overflow:hidden;}
.tplb li .tyt em img{ display:block; width:100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.tplb li:hover .tyt em img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
.tplb li .tyt b{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); z-index:10;}
.tplb li .tyt span{ display:none; line-height:34px; width:80px; color:#fff; position:absolute; left:50%; margin-left:-40px; top:50%; margin-top:-18px; border-bottom:1px #fff solid; border-top:1px #fff solid; z-index:20; text-align:center;}
.tplb li:hover .tyt b,.tplb li:hover .tyt span{ display:block;}
.tplb li strong{ font-size:15px;display:block; text-align:lrft; padding:16px 0; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; margin-left:20px;margin-right:20px;}


