@charset "utf-8";

@import url(format.css);

/* 公共样式 */

.w-1100{border:0;padding:0;width:1100px;margin:0 auto;}

.lazy{background:url(../images/logo_bg.png) center center no-repeat;}

.blur {

    -webkit-filter: blur(3px);

    -moz-filter: blur(3px);

    -o-filter: blur(3px);

    -ms-filter: blur(3px);

    filter: blur(3px)

}

/*一起走过*/

.head_time{width: 100%;

    height: 90px;

    padding-top: 20px;

    padding-bottom: 10px;

    background: #fff;

    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=15);

    -moz-box-shadow: 2px 2px 15px #969696;

    -webkit-box-shadow: 2px 2px 15px #969696;

    box-shadow: 2px 2px 15px #969696;}

.time-cont{ width:1100px; height:90px; margin:0 auto; position:relative;}

.time-cont ul{

    overflow: hidden;

}

.time-cont li{

    float: left;

    position: relative;

    cursor: pointer;

}

.time-cont .on .onde_img{

    display: none;

}

.time-cont .on em{

    display: block;

}

.time-cont .on .onde_text{

    color: #FFC107;

}

.time-cont  em{

    width: 80px;

    height: 80px;

    display: none;

}

.time-cont .onde{

    width: 220px;

}

.time-cont .onde_img{

    width: 80px;

    height: 80px;

}

.time-cont  img{

    width: 100%;

    height: 100%;

    display: block;

}

.time-cont .onde_text{

    font-size: 22px;

    position: absolute;

    right: 70px;

    top: 21px;

}



/*定位*/

.center{position: absolute;left: 180px;top: 28px;}

.center .place { background: url(../images/dsfw.png) left no-repeat ; }

.center input { height: 28px; border-radius: 3px; text-indent: 15px;cursor: pointer; width: 45px;font-size: 14px;}

.center .qi_hun{color: #fe9b00;font-size: 14px;cursor: pointer;}

.choose-city-warp{top:0;left:0;width:100%;height:100%;position:fixed;pointer-events:auto;z-index:19891018;background-color: rgba(0, 0, 0, 0.19);display:none;}

.choose-city{width: 480px;height: 350px;background: #f2f4f3;border-radius:5px;z-index: 999;border: 12px solid #525252;position: absolute;left: 0;right: 0;margin: -230px auto 0;top: 50%;}

.choose-city-title{width: 90%;height:40px;display:flex;display:-webkit-flex;display:-ms-flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end;margin: 0 auto;}

.choose-city-list{width: 90%;height:auto;display:-webkit-flex;display:-ms-flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:10px 0;margin: 0 auto;}

.choose-city-list li{width:50%;height:35px;line-height:35px;font-size:15px}

.choose-city-list li span{color:#666;margin-right:10px}

.choose-city-list li a{margin:0 5px;color:#373737;font-size:15px}

.choose-city-title h3{font-size:20px;color:#373737}

.choose-city-title ul{display:flex;display:-webkit-flex;display:-ms-flex}

.choose-city-title ul li{font-size:15px;color:#373737;margin:0 5px}

.choose-city-title span{font-size: 18px;}

.choose-city .layer-setwin {position: absolute;right: -3px;top: -3px;font-size: 0;line-height: initial;width: 32px;height: 32px;}

.choose-city .layer-setwin a{width: 32px;height: 32px;background: url(../images/close2.png) no-repeat;background-size: cover;display: block;}



/*Loader*/

.loader-running{ width:100%; height:100%;position:fixed; left:0; top:0; right:0; bottom:0; overflow:hidden;background:#FFFFFF;}

.loader-running .page-container { opacity:0; }

.loader-done .page-container{ opacity:1; transition: all 1.5s ease-in-out 0s; -moz-transition: all 1.5s ease-in-out 0s; -webkit-transition: all 1.5s ease-in-out 0s; -o-transition-duration: all 1.5s ease-in-out 0s; }

.loader-running .coming-soon { opacity: 0; }

.loader { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: fixed; left:0;top:0; background:#4900FF; z-index:999;}

/*.loader-done .loader { display: none; }*/

.loader-inactive { display: none; }

.loader .loader-progress { background-color: #e60012; position:fixed; z-index: 9999; top: 50%; left: 0; height: 6px; overflow: hidden; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; }

.loader .loader-progress-inner { position: absolute; top: 0; left: 0; right: -32px; bottom: 0; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); -webkit-background-size: 32px 32px; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; background-size: 32px 32px; -webkit-animation: pace-stripe-animation 500ms linear infinite; -moz-animation: pace-stripe-animation 500ms linear infinite; -ms-animation: pace-stripe-animation 500ms linear infinite; -o-animation: pace-stripe-animation 500ms linear infinite; animation: pace-stripe-animation 500ms linear infinite; }

.spinner { z-index:9999;top: 50%;left: 50%;position: fixed;width: 334px;height: 89px;background:url(../images/logo.png) center center no-repeat; background-size:cover;margin: -150px 0 0 -167px;opacity: .5;filter: alpha(opacity=50);-webkit-animation: preloader 3s infinite ease-out;

animation: preloader 3s infinite ease-out;}

@-webkit-keyframes preloader {

50% {

opacity:1;

filter:alpha(opacity=100);

-webkit-transform:scale(1.05);

transform:scale(1.05)

}

100% {

opacity:.5;

filter:alpha(opacity=50);

-webkit-transform:scale(1);

transform:scale(1)

}

}

@keyframes preloader {

50% {

opacity:1;

filter:alpha(opacity=100);

-webkit-transform:scale(1.05);

transform:scale(1.05)

}

100% {

opacity:.5;

filter:alpha(opacity=50);

-webkit-transform:scale(1);

transform:scale(1)

}

}





/* 头部 */



.tiao{width: 100%;height: 110px;background: #000;position: fixed;z-index: 99999;top: 0;}

.tiao .tiao_cen{width: 1200px;margin: auto;height: 40px;position: relative;}

.tiao .tiao_cen span{font-size: 18px;display: block;color: #b1b1b1;position: absolute;top: 8px;left: 0;}

.tiao .tiao_cen span i{color: #ffffff;}

.tiao .tiao_cen .fu{position: absolute;right: 215px;top: 0px;color: #ffffff;text-indent: 5px;width: 430px;font-size: 20px !important;display:  inline-flex;height: 40px;line-height: 40px;}

.tiao .tiao_cen img{width: 25px;height: 25px;position: absolute;right: 650px;top: 8px;}

.tiao .tiao_cen .fu i{font-size: 33px;font-weight:  bold;line-height: 40px;display: inline-block;}

.tiao .tiao_cen .fu_1{position: absolute;right: 0;top: 6px;color: #ffffff;text-indent: 25px;display: block;width: 270px !important;font-size: 18px !important;font-weight:  bold;}

.tiao .tiao_cen a{font-size:  18px;display:  block;position:  absolute;top: 8px;color: #fdc20e;left: 250px;}



.header{width:100%;min-width: 1200px;height: 85px;background:#ffffff;}

.h-container{width:1200px;height: 85px;margin:0 auto;position:relative;}

.logo{width: 161px;height:43px;position:absolute;left: 0;top: 20px;}

.logo a{display: block;}

.logo img{width: 100%;}

.slogan{ width:260px; height:64px; position:absolute; left:365px; top:33px;}

.catch-b{ height:21px; padding:2px 0 2px 5px; /*border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2;*/color:red;font-size:16px;line-height:21px; text-align: center;}

.catch-b i{/* float:left;*/ margin-right:7px; line-height:21px;}

.catch-b span{ width:53px; height:21px;  display:block; background:url(../images/jt.png) no-repeat; float:left; color:#FFFFFF; text-indent:7px; margin-left:-2px; font-style:italic;}



.menu-box{ width:100%; height:50px; min-width:110px; background:#5a5a5a;}

.menu-cont{width: 890px;height: 40px;position: absolute;left: 310px;top: 0;}

.menu-l{position: absolute;right: 0;top: 0;width: 167px;height: 84px;overflow:  hidden;}

.menu-l .bd{width: 100%;height: auto;position: relative;overflow: hidden;cursor: pointer;}

.menu-l .bd li{float: left;width: 100%;height: auto;}

.menu-l .bd li img{display: block;width: 100%;}



.menu-r{width: 100%;height: 85px;}

.menu-r li{height: 85px;float:left;text-align:center;position:relative;margin: 0 7px;}

.menu-r li i{width: 30px;height: 18px;display:block;position:absolute;right: 35px;top: 12px;background: url(../images/hot.png) center no-repeat ;}

.menu-r li a.menu-r-a{position: relative;height: 85px;line-height: 85px;display:block;font-size:15px;color:#000000;padding: 0 22px;}

.menu-r li a.menu-r-a:hover{ background:#FFC107;}

.menu-r li.on a.menu-r-a{background: #E4572A;color: #000000;}

.menu-r-xl2{position:absolute;left: 0;top: 85px;z-index:999; display: none; width: 105px;background: rgba(55, 55, 55, 0.75);}

.menu-r-xl2 li{height: 50px;line-height: 50px;text-align:center;margin: 0 auto;width: 95px;border-top: 1px solid #fff;float: none;}

.menu-r-xl2 li a{width: 95px;height: 50px;line-height: 50px;display:block;font-size: 14px;color: #f7f7f7;margin: 0 auto;}

.menu-r-xl2 li a:hover{  color: #E4572A;}

.menu-r .has-arrow:after {position: absolute;top: 23px;right: -20px;content: '';width: 0;height: 0;border-top: 5px solid #9b9b9b;border-left: 5px solid transparent;border-right: 5px solid transparent;overflow: hidden;}

.menu-r .has-arrow:after {top: 41px;right: 5px;}

.menu-r li .has-arrow:hover a:after{border-top: 5px solid #FFC107;}

.menu-r-xl2 li:first-child{border:0;}



.floatage .ad{height:60px;box-shadow:0 10px 15px rgba(0,0,0,.1);-webkit-box-shadow:0 10px 15px rgba(0,0,0,.1);-moz-box-shadow:0 10px 15px rgba(0,0,0,.1);-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}

.floatage .ad .h-container{height:60px;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}

.floatage .ad .logo{top:10px;width:140px;height:38px;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}

.floatage .ad .center{top:15px;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}

.floatage .ad .menu-cont{top:10px;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}

.floatage .ad .menu-l{bottom:-30px;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}

.floatage .ad .menu-l span{width:190px;height:50px;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}







.ss3_wrapper { position:relative; width:100%; height:650px; overflow: hidden;}

.ss3_wrapper .slideshow { position:relative; width:100%; height:650px; }

  

.ss3_wrapper .slideshow_item { width:100%; height:650px; }

.ss3_wrapper .slideshow_item .data, .ss3_wrapper .slideshow_item .thumb { display:none; } 

.ss3_wrapper .slideshow_item .image img{width: 100%;height: 650px;display: block;}

.ss3_wrapper a.slideshow_prev { position:absolute; left:-40px; top: 37%; z-index:12; width:40px; height:60px; outline:none;  }

.ss3_wrapper a.slideshow_prev span { display:block; width:40px; height:60px; background:url(../images/arrows.png) no-repeat -55px 50% #585858; text-indent:-9999px; }



.ss3_wrapper a.slideshow_next { position:absolute; right:-40px; top: 37%; z-index:12; width:40px; height:60px; outline:none;  }

.ss3_wrapper a.slideshow_next span { display:block; width:40px; height:60px; background:url(../images/arrows.png) no-repeat -3px 50% #585858; text-indent:-9999px; }



.ss3_wrapper .onde_banner{position: absolute;bottom: 10px;z-index: 999;margin: auto;width: 1220px;padding: 10px 0;left: 0;right: 0;}

.ss3_wrapper .slideshow_paging {width: 1220px;height: 85px;margin: auto;text-align:  center;}

.ss3_wrapper .slideshow_paging li {display: inline-block;margin:0;background: rgb(255, 255, 255);padding: 5px 0 5px 0;}

.ss3_wrapper .slideshow_paging li:first-child{padding-left:10px;}

.ss3_wrapper .slideshow_paging li:last-child{padding-right:10px;}

.ss3_wrapper .slideshow_paging a {display:block;float:left;margin: 0 0 0 12px;padding:0;color:#ccc;}

.ss3_wrapper .slideshow_paging a.first { margin-left:0; }

.ss3_wrapper .slideshow_paging a img {width: 185px;height: 80px;display: block;border: 2px solid #ffffff;}

.ss3_wrapper .slideshow_paging a:hover { color:#fff }

.ss3_wrapper .slideshow_paging .activeSlide img {border: 2px solid #ffa729;}



.ss3_wrapper .slideshow_box { position:absolute; left:0; bottom:95px; background:url(../images/trans-black-60.png); width:900px;  z-index:10; }

.ss3_wrapper .slideshow_box .data { padding:10px 50px 0 50px; color:#ccc;  }

.ss3_wrapper .slideshow_box .data h4 { color:#fff; font:bold 18px arial, sans-serif; padding:0; margin:0; }

.ss3_wrapper .slideshow_box .data a { color:#fff; }



/* box-a 板块 */

.box-a{ width:1100px; height:505px; margin:60px auto 0;}

.box-al{ width:760px; height:440px; float:left;position: relative;}

.box-al .hd{position: absolute;

    right: 0;

    width: 100px;

    bottom: 20px;}

.box-al .hd li{

    float: left;

    width: 15px;

    height: 15px;

    background: #FFC107;

    margin: 0 10px;

    border-radius: 50%;

}  

.box-al .hd li.on{background: #fff}  

.box-ar{ width:320px; height:440px; float:right;overflow: hidden;}

.box_title{width:100%;height:60px;position:relative}

.box_title i{width:5px;height:35px;background:#F90;display:block;float:left;margin:5px 0}

.box_title em{font-size:14px;float:left;display:block;padding:10px}

.box_title p{float:left;font-size:27px;padding:0 5px 0 10px;}

.box-al a{display:block;width:759px;height:440px}

.box-ar .on em{display:none}

.box-ar li{margin-bottom:14px;width:320px;height:137px;position:relative}

.box-ar img{width:100%;display:block;height:100%}

.box-ar em{position:absolute;width:100%;height:100%;top:0;background:rgba(0,0,0,.58)}

.box-ar a{display:block}



/*活动*/

.homeBrand{width:1200px;overflow:hidden;margin:0 auto}

.homeBrand ul li a{display:block;width:100%;height:100%}

.homeBrand .homeTitle{margin-top:80px;}

.homeBrand .homeTitle h2{text-align:center;position:relative;width:300px;margin:auto}

.homeBrand .homeTitle span{font-size:36px;display:block;background-color:#fff!important;z-index:1}

.homeBrand .homeTitle h1{font-size:36px;display:block;background-color:#fff!important;z-index:1;text-align: center;position: relative;width: 40%;margin: 0 auto;}

.homeBrand .homeTitle h1:after,.homeBrand .homeTitle h1:before{position:absolute;top: 30px;width: 13%;height:1px;content:' ';border-top: 1px solid #a2a2a2;}

.homeBrand .homeTitle h1:before{left: 8%;}

.homeBrand .homeTitle h1:after{right: 8%;}

.homeBrand .homeTitle p{text-align:center;font-size:20px;color:#696969}

.homeBrand .homeTitle hr{width:50px;height:1px;background:#a7a7a7;position:absolute;display:block;border:none;top:50%}

.homeBrand  .homeBrandBanner{width: 100%;height: auto;position: relative;overflow: hidden;padding-top: 50px;}

.homeBrand .homeBrandBanner li{float:left;width:384px;height:487px;margin: 0 7px;}

.homeBrand ul li a {display: block;width: 100%;height: 100%;}

.homeBrand .homeBrandBanner li img{width: 382px;height: 100%;display: block;}

.homeBrand .homeBrandBanner li:hover {margin-top: -20px;-moz-box-shadow:0px 2px 20px #969696;-webkit-box-shadow:0px 2px 20px #969696;box-shadow:0px 2px 20px #969696;}



/* 焦点图 */

.ar-banner{ width:320px; height:220px;}

.ar-Box {  position: relative; width: 320px; height: 220px;overflow: hidden; background:#fff; }

.ar-Box .pic img { width: 320px; height: 220px; display: block; background:url(../images/logo_bg.png) center center no-repeat; }

.ar-Box .num { position: absolute; z-index: 3; bottom: 0; width:230px; right:45px; height:28px; line-height:28px;text-align:right;}

.ar-Box .num li{   width: 8px; height: 8px; margin:0 2px; border:2px solid #f8b500; background:#f8b500; display:inline-block;*display:inline; zoom:1; overflow: hidden; cursor: pointer;  border-radius:50%; }

.ar-Box .num li.on,.focusBox .num li:hover{ background:#ffffff;  }

.ar-tab{ width:320px; height:200px;  background:#ffffff; margin-top:19px;  }

.ar-tab .hd{ height:32px; line-height:32px; background:#ffffff; position:relative; border-bottom:1px solid #b5b5b5;  }

.ar-tab .hd ul{ float:left; position:absolute; left:0; top:-1px; height:32px;   }

.ar-tab .hd ul li{ float:left; width:158px; cursor:pointer;  border:1px solid #FFFFFF; border-bottom:none; text-align:center; font-size:16px; color:#5f5e5e;}

.ar-tab .hd ul li.on{ height:32px; background:url(../images/tab_bg.jpg) repeat-x; border:1px solid #b5b5b5;border-bottom-color:#ffffff;  border-top-color:#f8b500; color:#000000;}

.ar-tab .bd ul{ overflow:hidden;}

.ar-tab .bd .tab-b{ padding:20px 0 0; overflow:hidden;  zoom:1;  }

.ar-tab .bd li{ width:100%;display:inline; height:30px; line-height:30px; }

.ar-tab .bd li a.a-wb{float:left; width:225px; padding-left:15px; height:30px; font-size:14px; color:#000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }

.ar-tab .bd li a.a-xq{ font-size:12px; color:#5a5a5a; text-align:center; float:right;}

.ar-tab .bd li a:hover{color:#d71921}



/* box-b 真实案例中心-板块 */

.box-b{ width:100%; height:auto;margin-top: 35px;overflow: hidden;}

.box-bt{ width: 100%;height: 60px;overflow: hidden;border-bottom: 1px solid #BDBDBD;}

.box-bt-cont{ width: 1100px;margin: auto;height: 70px;overflow: hidden; }

.box-bt-cont i{width:5px;height:35px;background:#F90;display:block;float:left;margin:5px 0}

.box-bt-cont em{font-size:14px;float:left;display:block;padding:10px}

.box-bt-cont p{float:left;font-size:27px;padding:0 5px 0 10px;}

.box-bt-cont a{    float: right;

    display: block;

    font-size: 15px;

    border: 1px solid;

    padding: 5px 15px;

    color: #FFC107;}

.box-bt-in{border-left:3px solid #bdbdbd; border-right:3px solid #bdbdbd;padding:0 20px; }

.main-t{ font-size:45px; color:#000000; line-height:45px; margin-bottom:5px;}

.main-t i{ color:#f89e00; font-weight: bold;}

.main-t i.hs{ color:#e60012; font-weight: bold;}

.sub-t{ font-size:18px; color:#5a5a5a; line-height:20px;}

.sx-main{ width:100%; height:auto; margin:28px auto 0;}

.sx-t{ width:1100px; height:126px; }

.sx-t-l{ width:595px; height:126px; float:left;}

.sx-bx{ width:1px; height:91px; float:left; background:#a0a0a0; display:block; margin-top:12px;}

.sx-t-r{ width:504px; height:126px; float:left;}

.sx-l-bt{ width:569px; height:49px; border-bottom:1px solid #f8b500;}

.sx-l-bt h2{ width:180px; float:left; font-size:24px; color:#f89e00; line-height:49px; font-weight:bold;}

.sx-search{ width:262px; height:24px; float:right; margin-top:15px;}

.fg-se{ width:180px; height:22px; border:1px solid #a0a0a0; line-height:22px; padding:0 15px;}

.fg-but{ width:44px; height:24px; background:#f89e00; color:#000000; border:none; line-height:24px; text-align:center; cursor:pointer; float:right; }



/* 热门楼盘 */

.sx-main-b{width: 1190px;margin: auto;height: 45px;line-height: 45px;position:relative;text-align: center;overflow: hidden;}

.sx-main-b span { font-size:12px; color: #585858; margin: 0 10px;}

.sx-main-b i { font-size:18px; color: #000000; margin: 0 10px;    font-weight: 600;}

.sx-main-b a{ font-size:16px; color:#000000;margin: 0 9px;}

.sx-main-b .hont1{position: absolute;top: 0;left: 62px;}

.sx-main-b .hont2{position: absolute;top: 0;left: 285px;}

.sx-main-b .hont3{position: absolute;top: 0;left: 505px;}

.sx-main-b a:hover{text-decoration:none; color:#fe9b00;}

.sx-main-b a.mo{ width:40px; height:19px; background:#f89e00;  position:absolute; right:4px; top:8px; line-height:18px; text-align:center; border-radius:5px; font-size:12px;}

.box-b .homeTitle h2{text-align:center;position:relative;width:300px;margin:auto}

.box-b .homeTitle{margin:50px 0 0 0}

.box-b .homeTitle span{font-size:36px;display:block;background-color:#fff!important;z-index:1}

.box-b .homeTitle h1{font-size:36px;display:block;background-color:#fff!important;z-index:1}

.box-b .homeTitle h1{font-size:36px;display:block;background-color:#fff!important;z-index:1;text-align: center;position: relative;width: 30%;margin: 0 auto;}

.box-b .homeTitle h1:after,.box-b .homeTitle h1:before{position:absolute;top: 30px;width: 13%;height:1px;content:' ';border-top: 1px solid #a2a2a2;}

.box-b .homeTitle h1:before{left: 8%;}

.box-b .homeTitle h1:after{right:8%;}

.box-b .homeTitle p{text-align:center;font-size:20px;color:#696969}

.box-b .homeTitle hr{width:50px;height:1px;background:#a7a7a7;position:absolute;display:block;border:none;top:50%}

.index-case-list{width:100%;display:block;overflow:hidden;margin: 0 -1px;margin-top:15px;}

.index-case-list li{float:left;padding: 5px;width: 24.47%;text-align:center;height: 336px;overflow:hidden;}

.index-case-list li a{position:relative;display:block;overflow:hidden;}

.index-case-list li .cimg{width:100%;height: 336px;position: relative;overflow:hidden;}

.index-case-list li .cimg img{width:100%;display:block;height: 100%;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1);transform:scale(1)}

.index-case-list li .cimg p{position: absolute;bottom: 0;right: 0;width: 207px;height: 42px;background: rgba(0, 0, 0, 0.54);color: #fff;font-size: 15px;text-align: center;line-height: 42px;}

.index-case-list li .case_xin{position:absolute;bottom:0;text-align:center;left:0;right:0;background:rgba(0,0,0,.7);padding:10px 0}

.index-case-list li .case_xin li{display:inline-block;float:none;width:150px;font-size:16px;color:#eee}

.index-case-list li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.index-case-list li .text .em{display:block;font-size:16px;text-align:left;padding:0 0 0 37%;line-height:40px}



@media (max-width:1900px){.index-case-list li{

    float:left;padding:1px;width: 24.87%;text-align:center;}



}



@media (max-width:1800px){.index-case-list li{

    float:left;padding:1px;width: 24.87%;text-align:center;}



}



@media (max-width:1700px){.index-case-list li{

    float:left;padding:1px;width: 24.87%;text-align:center;}



}





@media (max-width:1600px){.index-case-list li{

    float:left;padding:1px;width: 24.87%;text-align:center;}



}



@media (max-width:1540px){.index-case-list li{

    float:left;padding: 5px;width: 24.27%;text-align:center;}



}



@media (max-width:1400px){.index-case-list li{

    float:left;padding: 5px;width: 24.15%;text-align:center;}



}



@media (max-width:1300px){.index-case-list li{

    float:left;padding:1px;width: 24.15%;text-align:center;}



}





/*设计师*/

.index-designer-container{width: 100%;height: 1000px;}

.index-designer-center{width: 1530px; height: 100%; margin: 0 auto; overflow: hidden;}

.subhead{margin: 80px 0 50px;}

.index-designer-center .subhead h2{text-align: center;position: relative;width: 300px;margin: auto;}

.homeTitle{margin: 80px 0 0 0}

.index-designer-center .subhead h1{font-size:36px;display:block;background-color:#fff!important;z-index:1;text-align: center;position: relative;width: 40%;margin: 0 auto;}

.index-designer-center .subhead h1:after,.index-designer-center .subhead h1:before{position:absolute;top: 30px;width: 13%;height:1px;content:' ';border-top: 1px solid #a2a2a2;}

.index-designer-center .subhead h1:before{left: 8%;}

.index-designer-center .subhead h1:after{right: 8%;}

.index-designer-center .subhead p{text-align: center;font-size: 20px;color: #696969;}

.index-designer-center .subhead hr{width: 50px;height: 1px;background: #a7a7a7;position: absolute;display: block;border: none;top: 50%;}

.index-designer-content{width: 1530px;height: 665px;position: relative;overflow: hidden;}

.index-designer-content .swiper-slide{width: 1240px;height: 610px;}

.index-designer-content .swiper-slide .swiper-shade{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: #000; opacity: 0; transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s; }

.index-designer-content .swiper-slide .designer-anli{position: absolute;top: 20px;right: 0;width: 920px;height: 645px;z-index: 1;background-size: cover;background-position: center center;}

.index-designer-content .swiper-slide .designer-anli img{width: 760px; height: 510px; display: block;}

.index-designer-content .swiper-slide .designer-anli div{position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; background:linear-gradient(transparent,rgba(0,0,0,0.8)); background: -moz-linear-gradient(transparent,rgba(0,0,0,0.8)); background: -o-linear-gradient(transparent,rgba(0,0,0,0.8)); background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.8));}

.index-designer-content .swiper-slide .designer-anli div p{color: #f3f3f3;font-size: 15px;line-height: 25px;width: 680px;padding: 20px 55px;float: right;}

.index-designer-content .swiper-slide .designer-info{display: flex;display: -webkit-flex;display: -ms-flex;width: 450px;height: 665px;position: absolute;top: 0;left: 0;z-index: 2;}

.index-designer-content .swiper-slide .designer-info .designerImg{width: 432px;height: 575px;background-size: cover;background-position: center center;}

.index-designer-content .swiper-slide .designer-info>div{width: 320px;height: 100%;background: #313131;position: absolute;left: 0;}

.index-designer-content .swiper-slide .designer-info .jie_nei_dea {position: absolute;top: 30px;left: 0;width: 85%;right: 0;margin: 0 auto;}

.index-designer-content .swiper-slide .designer-info .jie_nei_dea  p{font-size: 16px;color: #fff;width: 49%;line-height: 30px;margin-bottom: 30px;}

.index-designer-content .swiper-slide .designer-info .jie_nei_dea  h2{font-size: 30px;color: #E4572A;display: inline-block;}

.index-designer-content .swiper-slide .designer-info .jie_nei_dea  h3{font-size: 16px;color: #fff;display: inline-block;margin-left: 10px;}

.index-designer-content .swiper-slide .designer-info .jie_nei_dea  h4{color: #191919;line-height: 30px;display: block;width: 140px;height: 100%;background: #E4572A;font-size: 15px;text-align: center;margin: 20px 0 30px;}

.index-designer-content .swiper-slide .designer-info .jie_nei_dea  h5{color: #fff;font-size: 16px;margin-bottom: 10px;}

.index-designer-content .swiper-slide .designer-info .jie_nei_dea  h6{color: #fff;font-size: 16px;margin-bottom: 10px;}

.index-designer-content .swiper-slide .designer-info .designer-btn{width: 150px;height: 47px;border: 1px solid #ffffff;border-radius: 5px;text-align: center;line-height: 47px;font-size: 16px;color: #ffffff;background: transparent;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;margin: 50px 0;}

.index-designer-content .swiper-button-prev,.index-designer-content .swiper-button-next{opacity: .9;}

.index-designer-content .swiper-button-prev{left: 0px;width: 145px;height: 430px;top: 20%;background: -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: linear-gradient(to right, rgba(255,255,255,0), rgba(000,000,000,1));}

.index-designer-content .swiper-button-prev div{width: 55px;height: 88px;position: absolute;top: 40%;right: 10px;background-image: url(../images/pre.png);background-size: 100%;background-position: center;background-repeat: no-repeat;}

.index-designer-content .swiper-button-next{right: 0px;width: 145px;height: 430px;top: 20%;background: -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: linear-gradient(to right, rgba(000,000,000,1), rgba(255,255,255,0));}

.index-designer-content .swiper-button-next div{width: 55px;height: 88px;position: absolute;top: 40%;left: 10px;background-image: url(../images/next.png);background-size: 100%;background-position: center;background-repeat: no-repeat;}

.index-designer-content .swiper-pagination-bullets{left: 150px;width: 320px;bottom: 25px;}

.index-designer-content .swiper-pagination-bullet{    width: 50px;height: 5px;display: inline-block;border-radius: 5px;background: #7e7c81;opacity: 1;margin-left: 15px;}

.index-designer-content .swiper-pagination-bullet-active{background: #E4572A;}

.index-designer-content .designer-more{color: #fff; position: absolute; top: 0; right: 145px; line-height: 24px; z-index: 100; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}

.swiper-container{width: 100%; height: 100%;}

.designer-anli a{display: block; width: 100%; height: 100%;}

.designer-info a{color: -webkit-link;cursor: pointer;position: absolute;right: 0;top: 20px;z-index: 9;}



@media (min-width:1200px){

    .index-designer-center{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;}

    .index-designer-content{width: 100%;height: 665px;position: relative;overflow: hidden;}

    .index-designer-content .swiper-slide{width: 1240px;height: 610px;}



}

@media (min-width:1300px){

    .index-designer-center{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;}

    .index-designer-content{width: 100%;height: 665px;position: relative;overflow: hidden;}

    .index-designer-content .swiper-slide{width: 1240px;height: 610px;}

}

@media (min-width:1400px){

    .index-designer-center{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;}

    .index-designer-content{width: 100%;height: 665px;position: relative;overflow: hidden;}

    .index-designer-content .swiper-slide{width: 1240px;height: 610px;}

}

@media (min-width:1600px){

    .index-designer-center{width: 1530px; height: 100%; margin: 0 auto; overflow: hidden;}

    .index-designer-content{width: 1530px;height: 665px;position: relative;overflow: hidden;}

    .index-designer-content .swiper-slide{width: 1240px;height: 610px;}

}



/* 精品馆 */

.box-f{ width:1100px; height:450px; margin:0 auto 0;}

.cg-slide{ width:1100px; height:340px; overflow:hidden; position:relative; margin-top:20px; }

.slide_cheng{width:1100px;height:280px;margin-top:20px}

.slide_cheng .bd{width:1100px;height:260px;overflow:hidden}

.slide_cheng .bd li{float:left;width:265px;height:247px;position:relative;margin:5px;-moz-box-shadow:1px 1px 3px #969696;-webkit-box-shadow:1px 1px 3px #969696;box-shadow:1px 1px 3px #969696}

.slide_cheng .bd li:hover{-moz-box-shadow:3px 3px 6px #969696;-webkit-box-shadow:3px 3px 6px #969696;box-shadow:3px 3px 6px #969696}

.slide_cheng .bd li a{display:block}

.slide_cheng .bd li p{position:relative;padding:12px;font-size:14px}

.slide_cheng .bd li span{font-size:18px;color:#5A5A5A}

.slide_cheng .bd li img{width:265px;height:196px;display:block}

.slide_cheng .bd li i{float:right;line-height:2}

.slide_cheng .goleft{position:absolute;left:5px;top:35%;width:45px;height:101px}

.slide_cheng .goleft a{width:45px;height:101px;overflow:hidden;display:block}

.slide_cheng .goleft span{width:45px;height:101px;font-size:0;overflow:hidden;line-height:0;background:url(../images/left_zuo.png) center center no-repeat;display:block}

.slide_cheng .goright{position:absolute;right:5px;top:35%;width:45px;height:101px}

.slide_cheng .goright a{width:45px;height:101px;overflow:hidden;display:block}

.slide_cheng .goright span{width:45px;height:101px;font-size:0;overflow:hidden;line-height:0;background:url(../images/right_you.png) center center no-repeat;display:block}



/*视频*/

.gai_vivo{background:#313131;width:100%;height:965px}

.gai_vivo .vivo_cen_ge{width:1200px;height:965px;margin:auto;position:relative}

.vivo_cen_ge .vivo_cen_ge_homeTitle{padding:70px 0 50px}

.vivo_cen_ge .vivo_cen_ge_homeTitle h2{text-align:center;position:relative;width:300px;margin:auto}

.vivo_cen_ge .vivo_cen_ge_homeTitle h1{font-size:36px;color: #ffffff;display:block;z-index:1;text-align: center;position: relative;width: 40%;margin: 0 auto;}

.vivo_cen_ge .vivo_cen_ge_homeTitle h1:after,.vivo_cen_ge .vivo_cen_ge_homeTitle h1:before{position:absolute;top: 30px;width: 13%;height:1px;content:' ';border-top: 1px solid #a2a2a2;}

.vivo_cen_ge .vivo_cen_ge_homeTitle h1:before{left: 8%;}

.vivo_cen_ge .vivo_cen_ge_homeTitle h1:after{right: 8%;}

.vivo_cen_ge .vivo_cen_ge_homeTitle p{text-align:center;font-size:20px;color:#bbb}

.vivo_cen_ge .vivo_cen_ge_homeTitle hr{width:50px;height:1px;background:#efefef;position:absolute;display:block;border:none;top:50%}

.gai_vivo .outBox{width: 100%;margin:0 auto;overflow:hidden;position:relative;}

.gai_vivo .outBox .hd{height:auto;position:relative;width:100%;text-align: right;    margin-top: 10px;}

.gai_vivo .outBox .hd ul li{display:inline-block;cursor:pointer;width: 50px;height: 6px;background: #7e7c81;border-radius: 5px;margin:0 10px;}

.gai_vivo .outBox .hd ul li.on{width: 50px;background:#E4572A;border-radius:10px;}

.gai_vivo .outBox .bd{width:100%;overflow:hidden;position:relative;height: 420px;}

.gai_vivo .inBox{padding:0;position:relative;z-index: 99;height: 420px;width: 100%;}

.gai_vivo .content-box{width: 751px;overflow:hidden;position:relative;height: 421px;float: left;}

.gai_vivo .content{clear:both;color:#fff;opacity:0;transition:all ease .3s;position:absolute;top:0;left:0}

.gai_vivo .conte_1{opacity:1;z-index:99}

.gai_vivo .conte_2{opacity:1;z-index:99}

.gai_vivo .content h1{font-size:18px;margin-bottom:20px;margin-top:20px}

.gai_vivo .content p{font-size:14px}

.gai_vivo .box_1{width:100%;overflow:hidden;position:relative;height: 420px;}

.gai_vivo .content-box .content video{width:100%;overflow:hidden;height: 425px;}

.gai_vivo .content-box .content .video-js .vjs-big-play-button{left: 310px;top: 160px;}

.gai_vivo .content-box .content p{color:#000;font-size:14px}

.gai_vivo .content-box .content i{font-size:16px;font-weight:700}

.gai_vivo .tablist{width: 430px;position:relative;overflow:hidden;text-align:center;float: right;}

.gai_vivo .tablist li{width: 200px;display:inline-block;background: #313131;height: 202px;border: 2px solid #313131;cursor: pointer;position: relative;overflow:hidden;}

.gai_vivo .tablist li img{width:100%;display:block;opacity:.5;height: 100%;}

.gai_vivo .tablist li.tabin img{opacity:1;}

.gai_vivo .tablist li.tabin{border: 2px solid #fff;}

.gai_vivo .tablist li div{position: absolute;top: 0;left: 0;color: #fff;width: 100%;height: 100%;}

.gai_vivo .tablist li div span{font-size: 20px;display: block;padding-top: 40px;}

.gai_vivo .tablist li div p{font-size: 15px;padding: 20px;}

.gai_vivo .tablist li.tabin div{display: none;}

.gai_vivo .video_biao{background: url(../images/biao.png) center no-repeat;width: 659px;height: 29px;}

.gai_vivo .technology_ul{padding-top:30px;padding-bottom:30px}

/*.gai_vivo .technology_ul ul{overflow:hidden}*/

.gai_vivo .technology_ul li{width:206px;height:142px;float: left;margin:0 15px;}

.gai_vivo .technology_ul li img{width:206px;height:142px;display:block}

.gai_vivo .technology_ul li a{display:block;width:100%;position:relative;height:100%;border:8px solid #313131}

.gai_vivo .technology_ul li div{position:absolute;top:0;left:0;background:rgba(0,0,0,.43);width:100%;height:100%;color:#fff}

.gai_vivo .technology_ul li span{font-size:20px;border:1px solid #fff;display:block;width:70%;text-align:center;margin:50px auto 0}

.gai_vivo .technology_ul li:hover a{border:8px solid #fff;margin-top:10px}

.gai_vivo .technology_ul li:hover div{display:none}

.gai_vivo .technology_ul li:hover{margin-top:10px}





/*品牌咨询*/

.activity{width:100%;height: 800px;background: #f8f8f8;}

.activity .activity_cen{width:1200px;margin:auto;height: 800px;position:relative;overflow:hidden;}

.activity .activity_name{padding:70px 0 50px}

.activity .activity_name h2{text-align:center;position:relative;width:400px;margin:auto}

.activity .activity_name h1{font-size:36px;display:block;z-index:1;text-align: center;position: relative;width: 40%;margin: 0 auto;}

.activity .activity_name h1:after,.activity .activity_name h1:before{position:absolute;top: 30px;width: 13%;height:1px;content:' ';border-top: 1px solid #a2a2a2;}

.activity .activity_name h1:before{left: 8%;}

.activity .activity_name h1:after{right: 8%;}

.activity .activity_name p{text-align:center;font-size:20px;color:#696969}

.activity .activity_name hr{width:50px;height:1px;background:#a7a7a7;position:absolute;display:block;border:none;top:50%}

.activity .activity_cen .act_left{float: left;width: 663px;height: 499px;position: relative;}

.activity .act_left ul{overflow:hidden;width:100%}

.activity .act_left ul li{width:316px;height:238px;overflow:hidden;display:inline-block;margin:5px}

.activity .act_left ul a{display:block;width:100%;height:100%}

.activity .act_left ul img{width:100%;height:100%;display:block}

.activity .activity_cen .act_right{float:right;width: 530px;position:relative;height: 499px;margin-top:7px;}

.activity .act_right .act_right_mei{background:url(../images/mei.jpg) center no-repeat;width:541px;height:155px;}

.activity .act_right .act_right_vovoer{width:100%;height: 318px;margin-bottom:15px;}

.activity .act_right .act_right_vovoer video{width:100%;display:block;height: 318px;}

.activity .act_right .act_right_vovoer .video-js .vjs-big-play-button{top: 140px;left: 230px;}



/*大事件*/

.event{width:100%;height:auto;overflow:hidden}

.event .event_center{width:100%;height:auto;margin:auto;position:relative}

.event .event_name{padding: 70px 0 70px;}

.event .event_name h2{text-align:center;position:relative;width: 250px;margin:auto;}

.event .event_name h1{font-size:36px;display:block;background-color:#fff!important;z-index:1;text-align: center;position: relative;width: 40%;margin: 0 auto;}

.event .event_name h1:after,.event .event_name h1:before{position:absolute;top: 30px;width: 13%;height:1px;content:' ';border-top: 1px solid #a2a2a2;}

.event .event_name h1:before{left: 20%;}

.event .event_name h1:after{right: 20%;}

.event .event_name p{text-align:center;font-size: 20px;color:#696969;}

.event .event_name hr{width: 50px;height: 1px;background: #a7a7a7;position: absolute;display: block;border: none;top: 50%;}



/*攻略*/

.index-kgl .content-wrapper{width:1255px;overflow:hidden;margin: 0 auto;padding-left: 40px;}

.index-kgl-content{height: 455px;padding: 25px 10px;font-size:0;}

.index-kgl-type{float:left;vertical-align:top;background-color:#fff;text-align:center;margin: 0 11px;}

.index-kgl-lower{position:relative;width:292px;height:408px;display:block;border:1px solid #e3e3e3}

.index-kgl-upper{

    position:relative;

    z-index:10;

    width: 387px;

    height: 365px;

    background-color:#fff;

}



.index-kgl-type+.index-kgl-type .index-kgl-lower{border-left:0}

.index-kgl .index-icon-arrow{display:block;width:25px;height:22px;background-position:0 -254px}

.index-kgl .index-icon-arrow:hover{background-position:-32px -254px}

.index-kgl-title{width:100%;height:140px;padding-top:1px;background-color:#f6f6f6}

.index-kgl-upper .index-kgl-title{height:167px}

.kgl-title-text{position:relative;display:block;font-size: 24px;color:#333;background: #f8f8f8;width: 387px;float: left;height: 79px;line-height: 62px;margin: 0 11px;}

.kgl-title-text .index-icon{position:absolute}

.index-icon-zxgl{top:-66px;left:50%;margin-left:-20px;width:41px;height:42px;background-position:-260px -48px}

.kgl-upper-title{

    overflow: hidden;

}

.kgl-title-text img{

    width: 44px;

    height: 44px;

    float: left;

    margin: 20px 0 0 20px;

}

.kgl-title-text em{

    float: left;

    margin: 10px 0 0 15px;

}

.kgl-title-text a{

    font-size: 16px;

    color: #ffa729;

    border-bottom: 1px solid #ffa729;

    position: absolute;

    top: 10px;

    right: 15px;

    height: 43px;

}

.index-kgl-upper .index-icon-zxgl{background-position:-208px -48px}

.index-icon-zxrj{top:-66px;left:50%;margin-left:-21px;width:42px;height:43px;background-position:-260px -144px}

.index-kgl-upper .index-icon-zxrj{margin-left:-20px;width:39px;height:43px;background-position:-208px -144px}

.index-icon-zxwd{top:-66px;left:50%;margin-left:-22px;width:45px;height:43px;background-position:-207px 0}

.index-kgl-upper .index-icon-zxwd{width:44px;height:42px;margin-left:-19px;background-position:-260px 0}

.index-icon-zxgj{top:-66px;left:50%;width:45px;height:42px;margin-left:-23px;background-position:-260px -96px}

.index-kgl-upper .index-icon-zxgj{width:46px;height:43px;background-position:-208px -96px}

.index-kgl-type .index-kgl-lower ul{margin-top:32px}

.index-kgl-type .index-kgl-lower ul li{padding-left:27px;height:28px;line-height:28px;text-align:left;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.index-kgl-bg{width: 300px;height:167px;font-size:0;}

.index-kgl-upper .kgl-title-text{position:absolute;top:113px;left:0;width:100%;margin-top:0;color:#fff}

.kgl-upper-detail a{float:left;margin-right: 5px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.kgl-upper-detail img{width: 129px;height: 86px;}

.index-kgl .kgl-upper-detail-content{float: right;width: 245px;}

.index-kgl .kgl-upper-detail .kgl-upper-zxwd{width:100%;margin-left:0}

.index-kgl .kgl-upper-detail{overflow:hidden;padding: 10px 0;border-bottom:1px dashed #e8e8e8;}

.index-kgl .kgl-upper-detail-title{float:left;font-size: 16px;color:#333;text-align:left;padding-top: 15px;height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.index-kgl .kgl-upper-detail-title{color:#333;position: relative;text-indent: 7px;}

.index-kgl .kgl-upper-detail-title:after{content: "";position: absolute;top: 26px;left: 0;background: #525252;width: 3px;height: 3px;border-radius: 50%;}

.index-kgl .kgl-upper-detail-text{width:100%;height: 25px;margin-top: 15px;font-size: 14px;line-height:24px;color:#999;text-align:left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.index-kgl .kgl-upper-detail-text a{width:100%;height:41px;display:-webkit-box}

.index-kgl .kgl-upper-content{padding: 15px 0 0;}

.index-kgl .kgl-upper-content ul{margin-top: 6px;}

.index-kgl .kgl-upper-content ul li{font-size:14px;height:24px;line-height:24px;text-align:left;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.index-kgl .kgl-upper-content ul li a:hover{color:#daa504}

.index-kgl .index-kgl-zxgg-list{margin: 4px 0 0 7px;overflow:hidden;}

.index-kgl .index-kgl-zxgg-list li{float:left;width: 135px;height: 70px;text-align:center;}

.index-kgl .index-kgl-zxgg-list li a{display:inline-block;padding-top:1px}

.index-kgl .index-kgl-zxgg-list li span{position:relative;margin-top: 5px;padding-top: 35px;display:block;font-size:14px;color:#333;}

.index-icon-arrow-box {position: absolute;right: 0;bottom: 19px;width: 25px;height: 22px;padding: 0 20px;overflow: hidden;}

.index-icon {

    background-image: url(../images/index_bg_s.png);

    background-image: -webkit-image-set(url(../images/index_bg_s.png) 1x,url(/static/home/skin/images/xin/index_bg_l.png) 2x);

    background-repeat: no-repeat;}

.index-icon5{background-position: -207px 0px;width: 45px;height: 43px;}

.index-kgl-upper .index-icon5{    background-position: -260px -0;}

.index-icon6{}

.index-kgl-upper .index-icon6{}

.index-icon7{    background-position: -260px -92px;

    width: 45px;

    height: 47px;}

.index-kgl-upper .index-icon7{    background-position: -208px -92px;}

.index-icon8{    background-position: -260px -144px;}

.index-kgl-upper .index-icon8{    background-position: -207px -144px;}



/*专题*/

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

.zhun_ti .zhun_name{position:relative;overflow:hidden}

.zhun_ti .zhun_name span{font-size:20px;display:block}

.zhun_ti .zhun_name i{font-size:36px;margin-right:20px}

.zhun_ti .zhun_name a{position:absolute;top:20px;right:0}

.zhun_ti .zhun_name a img{width:56px;height:16px}

.zhun_ti ul{overflow:hidden;width:100%;margin:15px 0 60px}

.zhun_ti ul li{width:286px;height:142px;display:inline-block;margin:5px}

.zhun_ti ul li a{display:block;width:100%;height:100%}

.zhun_ti ul li img{width:100%;display:block;height:100%}





/* 自助预约 */

.bd-box{ width:1100px; height:505px;  margin:52px auto 0;}

.bd-mian{ width:1100px; height:396px; margin-top:37px;}

.bd-mian-l{ width:670px; height:394px; float:left; border:1px solid #e5e5e5;-webkit-box-shadow: 3px 3px 5px rgba(229,229,229,1);  

  -moz-box-shadow: 3px 3px 5px rgba(229,229,229,1);

  box-shadow: 3px 3px 5px rgba(229,229,229,1);  }

.bd-mian-r{ width:415px; height:396px; float:right; background:#e5e5e5;}

.bd-mian-bt{ width:100%; height:30px; position:relative; background:#e5e5e5; line-height:30px; margin-top:14px;}

.bd-mian-bt i{ width:38px; height:58px; background:url(../images/bd_01.png) no-repeat; position:absolute; left:64px; top:-10px;}

.bd-mian-bt span{ font-size:14px; color:#e60012; padding-left:126px;}

.bd-cont{ width:580px; height:300px; margin:44px auto 0;}









/*免费咨询*/

.textfile{height: 34px; margin-bottom:14px; position: relative;padding-left:80px;}

.textfile span.t{width: 80px; height: 34px; font-size:18px; color:#5a5a5a; line-height: 34px; display: block; position: absolute; left: 0; top: 0; text-align:right;}

.textfile input{width: 472px; height: 32px; line-height:32px; border: 1px solid #e4e4e4; padding: 0 10px; background-color:#fff; font-size:14px; font-family:'微软雅黑';}

.mj_i{ width:40px; height:34px; position:absolute; right:0; top:0; text-align:center; line-height:34px; font-size:14px;}

.textfile input.yz-txt{width: 333px; height: 32px; line-height:32px; border: 1px solid #e4e4e4; padding: 0 10px; background-color:#fff; font-size:14px; font-family:'微软雅黑'; float:left;}

.textfile input.mycode{ width:127px; height:34px; background:#ffa200; color:#FFFFFF; float:left; margin-left:10px; border:1px solid #ffa200; border-radius:5px; padding:0 5px; cursor:pointer;}

.textfile input.mycode:disabled{

    border: 1px solid #e4e4e4;

    background-color: #e5e5e5; color:#ffa200;

}

.yy_but{ width:130px; height:33px; line-height:33px; text-align:center; font-size:21px; color:#ffffff; background:#e60012; border:none; display:block; margin:23px auto 0; cursor:pointer;}

.md-bt{ width:415px; height:77px; background:url(../images/bd_02.png) no-repeat;}

.md-bt h2{ width:100%; font-size:24px; color:#FFFFFF; height:70px; line-height:70px; text-align:center;}

.md-list{ width:360px; margin:13px auto 0; height:277px;}



.picMarquee-top{  width:360px; height:277px;position:relative;}

.picMarquee-top .bd{ width:100%; height:245px; overflow:hidden;border-bottom:2px solid #787878; border-top:2px solid #787878; position:absolute; left:0;top:30px; }

.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-top .bd ul li{ height:36px; line-height:36px; border-bottom:1px dashed #888888;  zoom:1; }

.pic-a{ width:98px; float:left;height:36px; overflow:hidden; text-align:center;}

.pic-b{ width:80px; float:left;height:36px; overflow:hidden; text-align:center;}

.pic-c{ width:182px; float:left;height:36px; overflow:hidden; text-align:center;}

.picMarquee-top .hd{ width:100%; height:30px; line-height:30px;}

.picMarquee-top .hd span{eight:36px; overflow:hidden; text-align:center; font-size:16px; font-weight:bold;}







/*方林简介*/

.j-a{ width:100%; height:975px; background:url(../images/bg_01.png) center center no-repeat; padding-top:29px; position:relative;}

.j-bt{ width:100%; height:175px; background:url(../images/bt_bg_01.png) center center no-repeat; position:relative; text-align:center;}

.j-bt .bx{ width:100%; height:1px; background:#7c7c7b; position:absolute; left:0 ;top:62px;}

.j-bt-cont{ width:auto; height:82px; display:inline-block; background:#ffffff; margin-top:33px; position:relative; z-index:9; padding:0 20px;}

.j-bt-cont h2{ font-size:60px; color:#000000; line-height:60px;}

.j-bt-cont h2 i{ font-weight:bold;}

.en-js{ font-size:17px; color:#9e9f9f; line-height:22px;}

.j-box{ width:1100px; height:694px; margin:29px auto 0;}

.j-box-l{ width:330px; height:694px; float:left; }

.j-box-r{ width:330px; height:694px; float:right; }

.j-box-z{ width:440px; height:694px; float:left;}



/* 本例子css */

.mulum{  width:330px; height:694px; position:relative; }

.mulum .prev{ display:block;  width:27px; height:14px; overflow:hidden;cursor:pointer; background:url(../images/zz_t.png) no-repeat; position:absolute; left:50%; top:0; margin-left:-13px;}

.mulum  .next{ display:block;  width:27px; height:14px; overflow:hidden;cursor:pointer; background:url(../images/zz_b.png) no-repeat; position:absolute; left:50%; bottom:0; margin-left:-13px; z-index:9;}

.mulum .bd{width:330px; height:666px; position:absolute; top:28px; left:0; overflow:hidden;  }

.mulum .bd ul{ overflow:hidden; zoom:1; width:282px;height:666px; margin:0 auto;    }

.mulum .bd ul li{ width:282px; height:207px; margin-bottom:15px; overflow:hidden; text-align:center; background:url(../images/zz_bg02.png) center bottom no-repeat; position:relative;  }

.mulum .bd ul li .pic{ text-align:center; }

.mulum .bd ul li .pic img{ width:222px; height:148px; display:block; margin:0 auto; }

.mulum .bd ul li .title{ width:100%; height:38px; line-height:38px; position:absolute; left:0; bottom:0; text-align:center; font-size:14px; color:#000000;  }



.j-j-con{ width:437px; height:660px; margin:0 auto;  position:relative;}

.j-j-con .j-j_txt {position: absolute; width:437px;height:130px;left:0;bottom: 0;color:#aaa;z-index: 9;display:table; overflow:hidden; background:rgba(0,0,0,0.7);}

.j-j-con .j-j_txt p{ font-size:14px;height:130px; color:#ffffff; padding:0 20px; display:table-cell;vertical-align:middle;}

.j-lxfs{ width:700px; margin:0 auto; height:48px;}

.j-lxfs span{ width:340px; height:48px; float:left; line-height:48px; display:block; background:url(../images/dh_bg.png) left center no-repeat; font-size:18px; color:#000000; padding-left:52px;}

.j-lxfs span i{ font-size:28px; color:#cb1b1b; font-weight:bold; display:inline-block;}

.bj-link{ width:236px; height:48px; line-height:48px; text-align:center; font-size:18px; background:#e60012; color:#ffffff; display:block; float:right;}





.j-b{ width:100%; height:801px; background:url(../images/bg_02.jpg) center top no-repeat; margin-top:11px; position:relative; padding-top:29px;}

.j-bt2{ width:100%; height:175px; background:url(../images/bt_bg_02.png) center center no-repeat; position:relative; text-align:center;}

.j-bt2 .bx{ width:100%; height:1px; background:#745928; position:absolute; left:0 ;top:62px;}

.j-bt2-cont{ width:auto; height:82px; display:inline-block; background:rgba(61,61,61,.8); margin-top:33px; position:relative; z-index:9; padding:0 20px;}

.j-bt2-cont h2{ font-size:60px; color:#ffffff; line-height:60px;}

.j-bt2-cont h2 i{ font-weight:bold; color:#f89e00;}





.j-b-time{ width:1100px; height:550px; margin:0 auto; position:relative;}

#timeline {width:956px;height:550px;overflow:hidden;margin: 20px auto 0;}

#dates {width:800px;height:84px;overflow: hidden; margin:0  auto;}

#dates li {float: left;width: 84px;height: 84px;font-size: 14px;text-align: center; margin-right:2px; }

#dates a {width:84px;height:42px; display:block;line-height: 42px;border-radius:84px 84px 0  0;background-color:#f8a005; font-size:18px; color:#000000;}

#dates .selected {width: 84px;height: 84px; display:block; background:url(../images/zz_10.png) no-repeat; border-radius:50%; line-height:84px; font-size:18px; color:#ffffff; font-weight:bold;}



#issues {width: 956px;height: 454px;overflow: hidden; margin:12px auto 0; overflow:hidden;}

#issues li {width: 956px;height: 454px; background:#ffffff; float:left;}

.issues-l{ width:433px; height:454px; float:left;}

.issues-r{ width:523px; height:454px; float:left; overflow:hidden;}

#issues li.selected img {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

}

#issues li img {

    float: left;

    background: transparent;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);/* IE 6 & 7 */

    zoom: 1;

    -webkit-transition: all 2s ease-in-out;

    -moz-transition: all 2s ease-in-out;

    -o-transition: all 2s ease-in-out;

    -ms-transition: all 2s ease-in-out;

    transition: all 2s ease-in-out;

    -webkit-transform: scale(0.5, 0.5);

    -moz-transform: scale(0.5, 0.5);

    -o-transform: scale(0.5, 0.5);

    -ms-transform: scale(0.5, 0.5);

    transform: scale(0.5, 0.5);

}



.issues-cont{ width:349px; height:454px; margin:0 auto;}

.iss-bt{ width:349px; padding:14px 0; height:110px; background:url(../images/2003.png) center no-repeat; position:relative;}

.issues-cont h2{ color:#f8a005; font-size:31px; padding-bottom:8px; line-height:52px; background:url(../images/zz_09.png) center bottom no-repeat; position:absolute; left:0; bottom:0;}

.issues-cont p{ font-size:14px; color:#000000; text-align:justify; padding-top:20px;}

#next, #prev {

    position: absolute;

    font-size: 0;

    top: 50%;

    width: 34px;

    height: 34px;

    background-position: 0 0;

    background-repeat: no-repeat;

    text-indent: -9999px;

    overflow: hidden;

}

#next {

    right:17px;

    background-image:url(../images/zz_r.png);

}

#prev {

    left:17px;

    background-image:url(../images/zz_l.png)

}

#next.disabled,  #prev.disabled {

    opacity: 0.2;

}



/*设计师*/

.j-c{ width:100%; height:740px; background:url(../images/bg_03.jpg) center top no-repeat; margin-top:10px; padding-top:30px; }

.j-bt3{ width:100%; height:175px; background:url(../images/bt_bg_03.png) center center no-repeat; position:relative; text-align:center;}

.j-bt3 .bx{ width:100%; height:1px; background:#9b6201; position:absolute; left:0 ;top:62px;}

.j-bt3-cont{ width:auto; height:115px; display:inline-block;  margin-top:33px; position:relative; z-index:9; padding:0 20px;}

.j-bt3-cont h2{ font-size:60px; color:#000000; line-height:60px;}

.j-bt3-cont h2 i{ font-weight:bold; }

.en-js3{ font-size:17px; color:#8c5801; line-height:22px;}

.cn-b{ font-size:24px; color:#000000; display:block; line-height:33px;}

/*手风琴*/

#panles{

    width:1100px;

    height:449px;

    position: relative;

    overflow:hidden;

    margin:0 auto;

}

.panelHolder{

    float:left;

    position: relative;

    width:76px;

    height:449px;

    overflow:hidden;

}

.contentHolder{

    float:left;

    position: relative;

    width:268px;

}

.tab{

    width:76px; height:396px;

    position: absolute; top:36px;

    z-index: 1;

}

.model{

    position: absolute; 

    opacity: 0; 

    width:100%;

    height:449px;

}

.panelTitle.last{

    padding: 0; 

}

.active.panelHolder{

    width: 268px;

}

.active .tab{

    opacity: 0;

}

.active .model{

    visibility: visible;

    z-index: 0;

    opacity: 1;

}



.mfyy-link{ width:242px; height:44px; font-size:18px; color:#000000; line-height:44px; display:block; text-align:center; margin:15px auto 0; border:1px solid #000000;}





/*设计师*/

.j-d{ width:100%; height:958px; background:url(../images/bg_04.jpg) center top no-repeat; margin-top:10px; padding-top:30px; }

.j-bt4{ width:100%; height:175px; background:url(../images/bt_bg_04.png) center center no-repeat; position:relative; text-align:center;}

.j-bt4 .bx{ width:100%; height:1px; background:#9b6201; position:absolute; left:0 ;top:62px;}

.j-bt4-cont{ width:auto; height:115px; display:inline-block;  margin-top:33px; position:relative; z-index:9; padding:0 20px;}

.j-bt4-cont h2{ font-size:60px; color:#ffffff; line-height:60px;}

.j-bt4-cont h2 i{ font-weight:bold; color:#f89e00; }

.en-js4{ font-size:17px; color:#737272; line-height:22px;}

.cn-b4{ font-size:24px; color:#f89e00; display:block; line-height:33px;}

.j-d-cont{ width:1100px; height:745px; margin:0 auto;}



.slide-j{ width:1080px; margin:0 auto;height:745px; position:relative;  }

.slide-j .hd{ height:129px; position:absolute; left:0; bottom:0; }

.slide-j .hd ul{ width:1080px; height:129px;  }

.slide-j .hd ul li{ float:left; width:170px; height:129px; margin:0 5px; cursor:pointer; text-align:center; position:relative; -webkit-transition:all 1.2s;-moz-transition:all 1.2s;transition:all 1.2s;}

.slide-j .hd ul li a{  width:170px; height:129px; display:block; -webkit-transition:all 1.2s;-moz-transition:all 1.2s;transition:all 1.2s; position:absolute; left:0; top:0; background:#ffffff;}

.slide-j .hd ul li.on a,.slide-j .hd ul li:hover a{ background:#f89e00; -webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);  }



.hd-ts{ width:147px; margin:0 auto; height:128px; position:relative;}



.slide-j .bd{ width:754px; height:600px;  margin:0 auto;}

.slide-j .bd ul{ width:754px; height:600px;  background:url(../images/v_bg.png) center top no-repeat; padding-top:28px;  }

.slide-j .bd ul .v-pl{ width:686px; height:363px; margin:0 auto; border:5px solid #f89e00; }

.v-js{width:754px; font-size:14px; color:#ffffff; text-align:center; margin:0 auto; padding-top:70px; line-height:25px;}

.hd-ts-s{ height:58px; line-height:58px;  display:block; font-size:36px; color:#5f5f5f; border-bottom:1px solid #5f5f5f; font-weight:bold; padding-top:12px; }

.hd-ts-s i{ font-size:48px;color:#5f5f5f; font-family:'Arial'; font-weight:bold; padding-right:10px;}

.hd-ts-b{ font-size:20px; color:#5f5f5f; line-height:52px;}

.slide-j .hd ul li.on a span.hd-ts-s ,.slide-j .hd ul li.on a span.hd-ts-s i , .slide-j .hd ul li.on a span.hd-ts-b{color:#000000;  }

.slide-j .hd ul li.on a span.hd-ts-s{border-bottom:1px solid #000000;}

.bd-jt{ width:23px; height:10px; display:none; background:url(../images/z_jt.png) no-repeat; position:absolute; left:50%; margin-left:-11px; top:0;}

.slide-j .hd ul li.on a .bd-jt{ display:block;}



/*团队*/

.j-e{ width:100%; height:890px; background:url(../images/bg_05.jpg) center top no-repeat;margin-top:10px; padding-top:30px;}

.j-bt5{ width:100%; height:175px; background:url(../images/bt_bg_05.png) center center no-repeat; position:relative; text-align:center;}

.j-bt5 .bx{ width:100%; height:1px; background:#9b6201; position:absolute; left:0 ;top:62px;}

.j-bt5-cont{ width:auto; height:115px; display:inline-block;  margin-top:33px; position:relative; z-index:9; padding:0 20px;}

.j-bt5-cont h2{ font-size:60px; color:#000000; line-height:60px;}

.j-bt5-cont h2 i{ font-weight:bold; color:#f89e00; }

.en-js5{ font-size:17px; color:#959797; line-height:22px;}

.cn-b5{ font-size:24px; color:#000000; display:block; line-height:33px;}



.j-e-cont{ width:1100px; height:645px; margin:33px auto 0;}

.fouce-td {width:1100px;height:645px;margin: 0 auto; position:relative;}

.fouce-td .bd {position:relative;width: 1100px;height: 507px;overflow: hidden;}

.fouce-td .showDiv {position: relative;width: 1100px;height: 507px;}

.fouce-td .showDiv img.showDiv-bg {width: 1100px;height:507px;background:url(../images/logo_bg.png) center center no-repeat;}



.fouce-td .showDiv .foucebox_txt {position: absolute; width:555px;height:178px; right:15px;bottom: 24px;color:#aaa;z-index: 9;display:table; overflow:hidden; background:rgba(248,158,0,.84);}

.fouce-td .showDiv .foucebox_txt p{ font-size:12px;height:178px; color:#000000; padding:0 20px; display:table-cell;vertical-align:middle;}

.fouce-td .foucebox_bg {position: absolute;left: 0;bottom: 0;width: 747px;height: 87px;background: #000;filter: alpha(opacity=60);opacity: 0.6;

overflow: hidden;}



.fouce-td .hd {width: 1100px;height: 99px; position:absolute; bottom:0; right:0;}

.fouce-td .hd ul li {width:208px;height:99px;float: left; margin-right:15px;display: inline;position: relative;}

.fouce-td .hd ul li:last-child{ margin-right:0;}

.fouce-td .hd ul a {width: 202px;height: 93px;border: 3px solid #b5b5b5;display:block; overflow:hidden;}

.fouce-td .hd ul img {width:100%; height:auto; display:block; -webkit-filter: grayscale(1);

filter:gray;

filter: grayscale(1);

}

.fouce-td .hd ul a:hover, .fouce-td .hd ul .on a {border-color: #f89e00;}

.fouce-td .hd ul .on a img{-webkit-filter: grayscale(0);filter: grayscale(0); }



/*集团*/

.j-f{ width:100%; height:1066px; position:relative;}

.j-f-t{ width:100%; height:460px; background:#f8a20a; padding-top:30px; }

.j-bt6{ width:100%; height:175px; background:url(../images/bt_bg_06.png) center center no-repeat; position:relative; text-align:center;}

.j-bt6 .bx{ width:100%; height:1px; background:#9b6201; position:absolute; left:0 ;top:62px;}

.j-bt6-cont{ width:auto; height:115px; display:inline-block;  margin-top:33px; position:relative; z-index:9; padding:0 20px;}

.j-bt6-cont h2{ font-size:60px; color:#000000; line-height:60px;font-weight:bold;}

.en-js6{ font-size:17px; color:#959797; line-height:22px;}

.cn-b6{ font-size:24px; color:#000000; display:block; line-height:33px;}

.fgs-j{ width:41%; height:33px; line-height:33px; background:rgba(0,0,0,1.00); color:#f8a20a; font-size:14px; padding:0 10px; position:absolute; right:0; top:329px;}

.j-f-tt{ width:1100px; height:146px; margin:40px auto 0; }

.j-f-txt{ width:615px; height:146px; float:left;font-size:12px; color:#000000; line-height:21px; overflow:hidden;}

.j-f-tk{ width:420px;height:146px; float:right;}

.j-f-tk span{ width:3px; height:27px; color:#000000; background:#000000; float:left; margin-bottom:13px;}

.j-f-tk  a{ font-size:24px; display:block; line-height:27px; text-align:center; float:left; margin-bottom:13px; font-weight:500;} 

.j-f-tk  a.a-a1{ width:118px;}

.j-f-tk  a.a-a2{ width:116px;}

.j-f-tk  a.a-a3{ width:173px;}

.j-f-bg{ width:100%; height:475px; background:url(../images/bg_06.jpg) center center no-repeat;}

.j-f-b{ width:100%; height:617px; position:absolute; top:408px; left:0;}

.j-f-bcont{ width:1100px; height:615px;  margin:0 auto; border-top:1px solid #000000; border-bottom:1px solid #000000;}



.channel-page{ width:1140px; margin:10px auto 0; height:auto;}

.c-page-l{ width:244px; height:auto; float:left;}

.c-page-r{ width:876px; height:auto; float:right;}



/* 频道页banner */

.channel-banner{ width:1070px; height:600px;overflow:hidden; margin:7px auto 0;}

.vui-slider {

    position:relative;

    overflow:hidden;

    background:#999;

}

.vui-slider .vui-items {

    overflow:hidden;

    width:100%;

    height:100%;

}

.vui-slider .vui-item {

    display:none;

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

}

.vui-slider .vui-item a,

.vui-slider .vui-item img {

    display:block;

    padding:0;

    margin:0;

    border:none;

}

.vui-slider .vui-buttons {

    position:absolute;

    z-index:5;

    bottom:16px; right:0;

    float:left;

    display:inline;

    filter:alpha(Opacity=80);

    -moz-opacity:0.8;

    opacity: 0.8;

}

.vui-slider .vui-button {

    float:left;

    display:inline;

    overflow:hidden;

    height:12px;

    width:12px;

    margin:0 5px;

    padding:0;

    border:3px solid #FFFFFF;

    border-radius:50%;

    background:#FFF;

    cursor:pointer;



}

.vui-slider .vui-button-cur {

    background:#f19149;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.vui-slider .vui-transfer {

    display:none;

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    z-index:3;

}

.vui-slider .vui-prev {

    position:absolute;

    top:50%;

    left:0;

    z-index:5;

    width:60px;

    height:150px;

    margin-top:-75px;

    border-radius:0 10px 10px 0;

    background:url(../images/prev.gif) no-repeat;

    cursor:pointer;

    filter:alpha(opacity=30);

    -moz-opacity:0.3;

    -khtml-opacity:0.3;

    opacity:0.3;

    transition:0.5s ease;

    -o-transition:0.5s ease;

    -webkit-transition:0.5s ease;

}

.vui-slider .vui-next {

    position:absolute;

    top:50%;

    right:0;

    z-index:5;

    width:60px;

    height:150px;

    margin-top:-75px;

    border-radius:10px 0 0 10px;

    background:url(../images/next.gif) no-repeat;

    cursor:pointer;

    filter:alpha(opacity=30);

    -moz-opacity:0.3;

    -khtml-opacity:0.3;

    opacity:0.3;

    transition:0.5s ease;

    -o-transition:0.5s ease;

    -webkit-transition:0.5s ease;

}

.vui-slider .vui-sidebutton-hover {

    filter:alpha(opacity=40);

    -moz-opacity:0.4;

    -khtml-opacity:0.4;

    opacity:0.4;

    background-color:#000;

}





.f-yy{ width:100%; height:627px; background:url(../images/bg_07.jpg) center center  no-repeat;}

.f-yy-cont{ width:1100px; height:627px;  margin:0 auto; position:relative;} 

.f-yy-bt{ font-size:14px; height:36px; line-height:36px; position:absolute; left:0; top:225px; padding-left:50px;}

.f-yy-l{ width:580px; height:300px;  position:absolute; left:15px; top:276px;}

.f-yy-r{ width:360px;  height:277px; position:absolute; right:53px; bottom:85px;}

.f-yy-bt2{ width:453px; height:70px; line-height:70px; font-size:24px; color:#ffffff; position:absolute; right:0; top:187px; text-indent:173px;}





/*------------------ 微派工艺 -------------------- */

/* 顶部视频 */

.vp-video{ width:100%; height:721px; background:url(../images/bg_01.jpg) center center no-repeat; display:block;}

.vp-v-cont{ width:1100px; height:721px; margin:0 auto; position:relative;}

.vp-v{ width:817px; height:473px;  background:url(../images/v_bg_01.png) no-repeat; position:absolute; left:50%; top:113px; margin-left:-408px;}

.vp-vp{ width:785px; height:441px; background:#000000; margin:16px;}

.vp-vp .video{  width:785px; height:441px; position:relative; overflow:hidden; background:#000000; z-index:99;}

.vp-ad-box{ width:100%; height:207px; margin-top:4px;}

.vp-ad-box a{ width:100%; height:207px; display:block;}

/* box-a */

.vp-box-a{ width:100%; height:1047px; padding-top:70px; background:#FFFFFF;}

.vp-bta{ width:100%; height:175px; background:url(../images/bt_bg_01.png) center center no-repeat; position:relative; text-align:center;}

.vp-bta-cont{ width:auto; height:115px; display:inline-block;  margin-top:33px; position:relative; z-index:9; padding:0 20px; text-align:center;}

.vp-bta-cont h2{ font-size:60px; color:#000000; line-height:60px;}

.vp-bta-cont h2 i{font-weight:bold; color:#f89e00;}

.vp-bta-cont h2 span{ padding:0 25px 0 45px;}

.vp-bta-en{ font-size:17px; color:#a3a3a3; line-height:22px;}

.vp-bta-cn{ font-size:24px; color:#000000; display:block; line-height:33px;}



.vp-main{ width:1100px; height:832px; margin:28px auto 0; }

.vp-tab {width:1100px;height:832px;margin: 0 auto; position:relative;}

.vp-tab .hd {width: 193px;height: 832px; float:left;}

.vp-tab .hd ul li {width:193px;height:90px; margin-bottom:14px;}

.vp-tab .hd ul li:last-child{ margin-bottom:0;}

.vp-tab .hd ul a {width: 186px;height: 90px;display:block; background:#171717; overflow:hidden; font-size:24px; color:#ffffff; float:left; text-align:center; line-height:90px;}

.vp-tab .hd ul a:hover, .vp-tab .hd ul .on a { background:#f89e00; color:#010101; font-weight:bold;}

.vp-tab .hd ul li i{ width:7px; height:90px; background:url(../images/tab_01.png) no-repeat; float:left; display:none}

.vp-tab .hd ul .on i{ width:7px; height:90px; background:url(../images/tab_01.png) no-repeat; float:left; display:block;}

.vp-tab .bd {width: 898px;height: 832px; float:right;overflow: hidden;position:relative;}

.showDiv-main{width: 898px;height: 832px;}

.vp-tab .showDiv-top {position: relative;width:896px;height: 550px; border:1px solid #000000;}

.showDiv-t-img{ width:880px; height:535px; position:absolute; right:8px; top:8px;}

.showDiv-t-img i{ font-weight:bold;}

.showDiv-t-a{ width:880px; height:287px; position:relative;}

.showDiv-t-a p{ width:840px;  position:absolute;left:0; bottom:0; height:auto; padding:12px 20px;font-size:14px; color:#FFFFFF; text-align:justify;background:rgba(41,41,41,.84);}

.showDiv-t-b{ width:880px; height:242px; margin-top:6px;}

.showDiv-t-b-l{ width:440px; height:242px; float:left; position:relative;}

.showDiv-t-b-r{ width:431px; height:242px; float:right; position:relative;}



.showDiv-t-b-l p{ position:absolute; width:400px; left:0; bottom:0; height:auto; padding:12px 20px;font-size:14px; color:#FFFFFF; text-align:justify;background:rgba(41,41,41,.84);}

.showDiv-t-b-r p{ position:absolute; width:391px; left:0; bottom:0; height:auto; padding:12px 20px;font-size:14px; color:#FFFFFF; text-align:justify;background:rgba(41,41,41,.84);}



.showDiv-ts-a{ width:432px; height:264px; position:relative; float:left;}

.showDiv-ts-b{ width:442px; height:264px; position:relative; float:right;}

.showDiv-ts-c{ width:432px; height:264px; position:relative; float:left; margin-top:7px;}

.showDiv-ts-d{ width:442px; height:264px; position:relative; float:right;margin-top:7px;}

.showDiv-ts-e{ width:372px; height:372px; position:absolute; left:250px; top:84px; z-index:99;}

.showDiv-ts-e-p{ width:196px; height:47px; position:absolute; left:350px;top:314px; line-height:22px; overflow:hidden; z-index:99;font-size:13px; color:#FFFFFF;}

.showDiv-ts-e-pp{ width:196px; height:66px; position:absolute; left:350px;top:330px; text-align:center; line-height:22px; overflow:hidden; z-index:99;font-size:14px; color:#FFFFFF;}





.showDiv-ts-a p{ position:absolute; width:402px; left:0; bottom:0; height:auto; padding:12px 15px;font-size:14px; color:#FFFFFF; background:rgba(41,41,41,.84);}

.showDiv-ts-c p{ position:absolute; width:402px; left:0; top:0; height:auto; padding:12px 15px;font-size:14px; color:#FFFFFF; background:rgba(41,41,41,.84);}

.showDiv-ts-a p span,.showDiv-ts-c p span { width:240px; display:block; }



.showDiv-ts-b p{ position:absolute; width:412px; left:0; bottom:0; height:auto; padding:12px 15px;font-size:14px; color:#FFFFFF; background:rgba(41,41,41,.84);}

.showDiv-ts-d p{ position:absolute; width:412px; left:0; top:0; height:auto; padding:12px 15px;font-size:14px; color:#FFFFFF; background:rgba(41,41,41,.84);}



.showDiv-ts-b p span,.showDiv-ts-d p span { width:250px; display:block; float:right; }









.showDiv-txt{width:880px; height:auto; position:absolute; right:8px; bottom:8px; background:rgba(41,41,41,.84);}

.showDiv-txt-c{ width:100%; height:auto; position:relative; }

.showDiv-txt-c p{ padding:20px 20px 20px 40px; font-size:14px; color:rgba(255,255,255,1.00); text-align:justify;}

.showDiv-txt-c p span{ font-size:18px; display:block; color:#FFFFFF; margin-bottom:10px;}

.showDiv-bott{ width:898px; height:239px; position:relative; margin-top:23px;}

.showDiv-bott img{ width:898px; height:243px; background:url(../images/logo_bg.png) center center no-repeat;}

/* box-b */

.vp-box-b{ width:100%; height:937px; background:url(../images/bg_02.jpg) center top no-repeat; padding-top:69px;}

.vp-btb{ width:100%; height:175px; background:url(../images/bt_bg_02.png) center center no-repeat; position:relative; text-align:center;}

.vp-btb-cont{ width:auto; height:115px; display:inline-block;  margin-top:33px; position:relative; z-index:9; padding:0 20px; text-align:center;}

.vp-btb-cont h2{ font-size:60px; color:#fffefe; line-height:60px;}

.vp-btb-cont h2 i{font-weight:bold; color:#f89e00;}

.vp-btb-cont h2 span{ padding:0 25px 0 45px;}

.vp-btb-en{ font-size:17px; color:#a3a3a3; line-height:22px;}

.vp-btb-cn{ font-size:24px; color:#ffffff; display:block; line-height:33px;}



.vp-b-cont{ width:1100px; height:611px; margin:46px auto 0;}

.vp-tab-b {width:1100px;height:480px;margin: 0 auto; position:relative;}

.vp-tab-b .hd {width:1100px;height:122px;}

.vp-tab-b .hd ul li {width:232px;height:122px; float:left; margin-right:43px;}

.vp-tab-b .hd ul li:last-child{ margin-right:0;}

.vp-tab-b .hd ul a {width: 232px;height: 122px;display:block;}

.vp-tab-b .hd ul a.tab-b1{ background:url(../images/tab_b1.png) no-repeat;}

.vp-tab-b .hd ul a.tab-b1:hover, .vp-tab-b .hd ul .on a.tab-b1 { background:url(../images/tab_b11.png) no-repeat;}

.vp-tab-b .hd ul a.tab-b2{ background:url(../images/tab_b2.png) no-repeat;}

.vp-tab-b .hd ul a.tab-b2:hover, .vp-tab-b .hd ul .on a.tab-b2 { background:url(../images/tab_b22.png) no-repeat;}

.vp-tab-b .hd ul a.tab-b3{ background:url(../images/tab_b3.png) no-repeat;}

.vp-tab-b .hd ul a.tab-b3:hover, .vp-tab-b .hd ul .on a.tab-b3 { background:url(../images/tab_b33.png) no-repeat;}

.vp-tab-b .hd ul a.tab-b4{ background:url(../images/tab_b4.png) no-repeat;}

.vp-tab-b .hd ul a.tab-b4:hover, .vp-tab-b .hd ul .on a.tab-b4 { background:url(../images/tab_b44.png) no-repeat;}

.vp-tab-b .bd {width: 1100px;height:480px;overflow: hidden;position:relative;}

.vp-tab-b-main{width: 1100px;height:480px;margin-top:9px; position:relative;}

.vp-tab-b-main p{ width:510px; height:430px; position:absolute; left:56px; top:20px; z-index:99; font-size:14px; line-height:24px;}

.vp-tab-b-main p span{ font-family:'Arial'; font-size:18px; font-weight:bold; margin-right:10px;}

.vp-link{ width:236px; height:44px; text-align:center; line-height:44px; display:block; font-size:18px; color:#FFFFFF; border:1px solid #ffffff; margin:15px auto 0;}

.vp-link:hover{border:1px solid #f9a511;}



/* box-c */

.vp-box-c{ width:100%; height:531px; background:url(../images/bg_03.jpg) center top no-repeat; padding-top:70px;}

.vp-btc{ width:100%; height:175px; background:url(../images/bt_bg_03.png) center center no-repeat; position:relative; text-align:center;}

.vp-btc-cont{ width:auto; height:115px; display:inline-block;  margin-top:33px; position:relative; z-index:9; padding:0 20px; text-align:center;}

.vp-btc-cont h2{ font-size:60px; color:#fffefe; line-height:60px;}

.vp-btc-cont h2 i{font-weight:bold; color:#000000;}

.vp-btc-cont h2 span{ padding:0 25px 0 45px;}

.vp-btc-en{ font-size:17px; color:#9f6809; line-height:22px;}

.vp-btc-cn{ font-size:24px; color:#000000; display:block; line-height:33px;}

.vp-c-mian{ width:1100px; margin:0 auto; height:340px; }



.vp-c-ban{ width:1100px; overflow:hidden; height:290px; position:relative; margin-top:36px;}

.vp-c-ban .hd{ width:238px; overflow:hidden;  height:50px;  position:absolute; bottom:0; right:50%; margin-right:-120px; text-align:center;}



.vp-c-ban .hd .prev{ display:block;  width:12px; height:16px; float:left; margin-right:5px; margin-top:12px;  overflow:hidden;cursor:pointer; background:url(../images/r-l.png) no-repeat;}

.vp-c-ban .hd .next{ display:block;  width:12px; height:16px; float:right; margin-right:5px; margin-top:12px;  overflow:hidden;cursor:pointer; background:url(../images/r-r.png) no-repeat;}



.vp-c-ban .hd ul{ float:right; overflow:hidden; zoom:1;  }

.vp-c-ban .hd ul li{ float:left;width:24px; height:24px; overflow:hidden; cursor:pointer; border:1px solid #f9a615; line-height:24px; text-align:center; margin:7px;}

.vp-c-ban .hd ul li.on{ border-color:#1b1b1b; }



.vp-c-ban .bd{ width:1100px; height:214px; position:absolute; left:0;top:0; overflow:hidden;}

.vp-c-ban .bd li{ width:220px; height:214px; float:left; } 

.picList-cont{ width:211px; height:214px; margin:0 auto;background:#FF0004;}

.picList-cont .pic{ width:209px; height:140px; border:1px solid #707070}

.picList-cont .pic img{ width:209px; height:140px;}

.picList-cont .title{ width:211px; height:72px; background:#1b1b1b; position:relative;}

.picList-cont .title p{ font-size:12px; color:#ffffff; line-height:16px; padding:7px 15px;}

.picList-cont .title i{ background:url(../images/y_bg.jpg) no-repeat; width:32px; height:16px; color:#000000; display:block; text-align:center; position:absolute; left:50%; bottom:0; margin-left:-16px;}





.vp-ad2-box{ width:100%; height:316px;}

.vp-ad2-box-cont{ width:1100px; height:316px; background:url(../images/ad2_cont_bg.png) no-repeat; margin:0 auto; position:relative;}

.vp-ad2-box-a{ width:141px; height:204px; display:block; background:url(../images/ad2_01.png) no-repeat; position:absolute; left:6px; top:61px;}

.vp-ad2-box-a:hover{ background:url(../images/ad2_011.png) no-repeat;}

.vp-ad2-box-b{ width:141px; height:204px; display:block; background:url(../images/ad2_02.png) no-repeat; position:absolute; left:147px; top:61px;}

.vp-ad2-box-b:hover{ background:url(../images/ad2_022.png) no-repeat;}

.vp-ad2-box-c{ width:139px; height:206px; display:block; background:url(../images/ad2_03.png) no-repeat; position:absolute; left:287px; top:60px;}

.vp-ad2-box-c:hover{ background:url(../images/ad2_033.png) no-repeat;}

.vp-ad2-box-d{ width:138px; height:207px; display:block; background:url(../images/ad2_04.png) no-repeat; position:absolute; left:423px; top:59px;}

.vp-ad2-box-d:hover{ background:url(../images/ad2_044.png) no-repeat;}



/* box-d */

.vp-box-d{width:100%; height:598px; background:url(../images/bg_04.jpg) center top no-repeat; padding-top:70px;}

.vp-btd{ width:100%; height:175px; background:url(../images/bt_bg_04.png) center center no-repeat; position:relative; text-align:center;}

.vp-btd-cont{ width:auto; height:115px; display:inline-block;  margin-top:33px; position:relative; z-index:9; padding:0 20px; text-align:center;}

.vp-btd-cont h2{ font-size:60px; color:#fffefe; line-height:60px;}

.vp-btd-cont h2 i{font-weight:bold; color:#f89e00;}

.vp-btd-cont h2 span{ padding:0 25px 0 45px;}

.vp-btd-en{ font-size:17px; color:#a3a3a3; line-height:22px;}

.vp-btd-cn{ font-size:24px; color:#ffffff; display:block; line-height:33px;}



.vp-d-mian{ width:1100px; height:350px; margin:38px auto 0; background:#000000; position:relative;} 

.vp-d-x{ width:152px; height:152px; position:absolute; left:50%; top:50%; margin-left:-76px; margin-top:-76px;}

.vp-d-list{ width:1100px; height:350px;}

.vp-d-list li{ width:275px; float:left; margin-bottom:18px;}

.vp-d-c{ width:260px; height:157px; margin:0 auto; position:relative;}

.vp-d-c span{ width:100%; font-size:14px; color:#ffffff; text-align:center; height:32px; line-height:32px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.85);}

/* box-e */

.vp-box-e{ width:100%; height:844px; background:url(../images/bg_05.jpg) center top no-repeat; padding-top:70px;}

.vp-bte{ width:100%; height:175px; background:url(../images/bt_bg_05.png) center center no-repeat; position:relative; text-align:center;}

.vp-bte-cont{ width:auto; height:115px; display:inline-block;  margin-top:33px; position:relative; z-index:9; padding:0 20px; text-align:center;}

.vp-bte-cont h2{ font-size:60px; color:#000000; line-height:60px;}

.vp-bte-cont h2 i{font-weight:bold; color:#f89e00;}

.vp-bte-cont h2 span{ padding:0 25px 0 45px;}

.vp-bte-en{ font-size:17px; color:#9d9483; line-height:22px;}

.vp-bte-cn{ font-size:24px; color:#000000; display:block; line-height:33px;}



.vp-e-main{ width:1100px; height:650px; margin:0 auto;}

.vp-e-main img{ width:1100px; height:650px; background:url(../images/logo_bg.png) center center no-repeat; display:block; border:none;}

/* box-f */

.vp-box-f{width:100%; height:645px; background:url(../images/bg_06.png) center top no-repeat; padding-top:70px;}

.vp-box-e{ width:100%; height:844px; background:url(../images/bg_05.jpg) center top no-repeat; padding-top:70px;}

.vp-btf{ width:100%; height:175px; background:url(../images/bt_bg_05.png) center center no-repeat; position:relative; text-align:center;}

.vp-btf-cont{ width:auto; height:115px; display:inline-block;  margin-top:33px; position:relative; z-index:9; padding:0 20px; text-align:center;}

.vp-btf-cont h2{ font-size:60px; color:#ffffff; line-height:60px;}

.vp-btf-cont h2 i{font-weight:bold; color:#f89e00;}

.vp-btf-cont h2 span{ padding:0 25px 0 45px;}

.vp-btf-en{ font-size:17px; color:#9d9483; line-height:22px;}

.vp-btf-cn{ font-size:24px; color:#ffffff; display:block; line-height:33px;}



.vp-f-mian{ width:1100px; height:449px; margin:0 auto;  position:relative;}

.vp-f-form{ width:340px; height:390px;  position:absolute; right:0; bottom:0;}

.vp-f-num{ width:340px; height:30px; line-height:30px; display:block; font-size:14px; color:#000000; text-align:center;}

.vp-f-cont{ width:280px; margin:35px auto 0; height:300px;}



.vp_f-in{ width:277px; height:38px; margin-bottom:11px; position:relative;}

.vp_f-in .vp_type{ width:255px; padding:3px 10px; height:30px; line-height:30px; border:1px solid #e5e5e5;}

.vp_f-in span{ width:24px; height:38px; display:block; line-height:38px;  position:absolute; right:0; top:0; font-size:18px;}

.vp-f-cont p{ padding:5px 0 15px;}

.vp-f-but{ width:133px; height:34px; text-align:center; line-height:34px; font-size:18px; color:#000000; background:#f89e00; display:block; margin:0 auto; font-family:'微软雅黑'; cursor:pointer;}

.vp-f-but:hover{ color:#ffffff;}



/* 客户评价 */

.khpj-box{ width:100%; height:auto; padding-top:86px;}

.wrap-pj{ width:100%; height:200px; background:#fce7a7;  }

.pj-t{ width:1100px; height:200px; margin:0 auto; position:relative;}

.pj-bt{ width:1100px; height:91px; position:absolute; left:0; top:-57px;}

.pj-t-cont{ width:1075px; height:150px;  position:absolute; top:34px; right:0;}

.pj-t-cont span{ width:100%; height:28px; line-height:28px; font-size:14px; color:#b70004;}



.comment{width: 100%;height:auto; margin-top:14px; }

.comment .head-face{width: 62px; height: 79px; float: left; text-align: center;}

.comment .head-face img{width: 50px; height: 50px; float:left;}

.comment .content{width: 1013px; height: 79px; float: right;}



.cont-box{ width: 1011px; height: 77px; border: 1px solid #cecece;  float: left;}

.cont-box .text{ width: 991px; height: 67px; padding: 5px 10px;  font-family: "微软雅黑"; font-size: 14px; resize:none; border: none;  outline: none; float: left;}



.tools-box{ width:100%; height: 30px;  margin-top: 6px; float: left;}

.tools-box .submit-btn{ width: 86px; height: 22px; float: right; }

.tools-box .submit-btn input{ width: 100%; height: 100%; font-family: "微软雅黑"; font-size: 14px; color: #fff; cursor: pointer; border: none; outline: none; background-color:#b70004;}

.pj-list{ width:1100px; height:auto; margin:0 auto;}

.pj-li{ width:100%; border-bottom:1px dashed #adadad;}

.pj-li-cont{ padding:20px 24px;}

.pj-c-xx{ width:100%; height:52px; overflow:hidden;}

.pj-xx-tx{ width:52px; height:52px; float:left; margin-right:15px;}

.pj-xx-wb{ width:580px; height:53px; float:left;}

.pj-xx-wb h2{ font-size:18px; color:#371611;}

.pj-xx-wb span{ font-size:12px; color:#878787; line-height:25px;}

.pj-c-txt{ width:100%; height:auto; margin-top:10px; line-height:21px;color:#000000;}

.pj-c-img{ width:100%; height:auto; margin-top:10px;}

.pj-c-img ul li{ width:67px; height:87px; float:left; margin-right:10px; }

.pj-more{ width:340px; height:68px; display:block; margin:0 auto; line-height:68px; text-align:center; font-size:18px; color:#b70004;}



/*------------------ 91个标准化 -------------------- */

.bz-a{ width:100%; height:574px; background:url(../images/bg_01.jpg) center center no-repeat;}

.bz-b{ width:100%; height:100px; background:#4a4a4a;}

.bz-b-mian{ width:1100px; height:100px; margin:0 auto;}

.bz-b-mian span{ font-size:26px; color:#ffffff; width:180px; font-weight:bold; float:left; line-height:100px; text-align:right;} 

.bz-b-cont{ width:805px; height:56px; padding-top:22px; line-height:28px; font-size:16px; color:#ffffff; float:left;}



.bz-c{ width:100%; height:636px; background:url(../images/bg_02.jpg) center top no-repeat;}

.bz-c-mian{ width:1100px; height:636px; margin:0 auto; position:relative;}

.bz-c-01{ width:408px; height:55px; position:absolute; left:0; top:40px;}

.bz-c-02{ width:375px; height:263px; position:absolute; left:8px; bottom:125px;}

.bz-c-03{ width:341px; height:239px; position:absolute; left:25px; top:134px;}

.bz-c-04{ width:341px; height:239px; position:absolute; left:137px; bottom:56px;}



.bz-c-txt{ width:680px; height:572px; border-top:2px solid #a3a3a3; position:absolute; right:0; bottom:0;}

.bz-c-p{ width:588px; float:right; height:572px; overflow:hidden; font-size:14px; color:#333333; line-height:30px;}

.bz-c-p span{float: left;overflow: hidden;}

.bz-c-p span:last-of-type{ width:556px; overflow:hidden;}



.bz-d{ width:100%; height:901px; background:url(../images/bg_03.jpg) center top no-repeat;}

.bz-d-mian{ width:1100px; height:901px; overflow:hidden; margin:0 auto; position:relative;}

.bz-d-01{ width:406px; height:59px; position:absolute; left:0; top:41px;}

.bz-d-02{ width:322px; height:201px; position:absolute; left:34px; bottom:55px;}

.bz-d-03{ width:374px; height:201px; position:absolute; left:270px; bottom:96px;}

.bz-d-04{ width:281px; height:368px; position:absolute; right:150px; bottom:8px;}

.bz-d-05{ width:282px; height:197px;position:absolute; left:5px; bottom:43px;}

.bz-d-06{ width:341px; height:197px;position:absolute; left:288px; bottom:71px;}

.bz-d-07{ width:247px; height:333px;position:absolute; right:166px; bottom:26px;}

.bz-d-txt{ width:850px; height:480px; position:absolute; left:8px; top:120px; font-size:14px; line-height:24px; color:#FFFFFF;}

.bz-d-txt span{float: left;overflow: hidden;}

.bz-d-txt span:last-of-type{ width:810px; overflow:hidden;}

.bz-e{ width:100%; height:800px; background:url(../images/bg_04.jpg) center top no-repeat;} 

.bz-e-main{ width:1100px; height:800px; margin:0 auto;position:relative;}

.bz-e-01{ width:1100px; height:56px; position:absolute; left:0; top:60px;}

.bz-e-02{ width:186px; height:203px; position:absolute; left:58px; top:176px;}

.bz-e-03{ width:223px; height:156px; position:absolute; left:196px; bottom:230px;}

.bz-e-04{ width:223px; height:156px; position:absolute; left:146px; bottom:55px;}

.bz-e-05{ width:281px; height:196px; position:absolute; left:74px; top:146px;}

.bz-e-06{ width:282px; height:196px; position:absolute; left:126px; top:346px;}

.bz-e-07{ width:281px; height:196px; position:absolute; left:74px; bottom:68px;}



.bz-e-txt{ width:625px; height:660px; position:absolute; right:0; bottom:0;font-size:14px; color:#333333; line-height:30px;}

.bz-e-txt span{float: left;overflow: hidden;}

.bz-e-txt span:last-of-type{ width:590px; overflow:hidden;}



.bz-f{ width:100%; height:99px; background:url(../images/f_01.jpg) center center no-repeat;}

.bz-f-mian{ width:1100px; height:99px; margin:0 auto; text-align:center; line-height:99px; }

.bz-f-mian span{ font-size:24px; color:#000000; font-weight:bold; margin-right:25px;}

.bz-f-mian a{  font-size:20px; color:#ffe100; text-align:center; background:#000000; padding:9px 14px; font-weight:bold;}

.bz-g{ width:100%; height:531px; background:url(../images/g_01.jpg) center top no-repeat;}

.bz-g-mian{ width:1100px; height:531px; margin:0 auto; position:relative;}

.bz-g-01{ width:1100px; height:58px; position:absolute; left:0; top:51px;}

.bz-g-02{ width:367px; height:258px; position:absolute; right:107px; top:125px;}

.bz-g-03{ width:382px; height:267px; position:absolute; right:144px; top:147px;}

.bz-g-txt{ width:550px; height:393px; position:absolute; left:20px; bottom:0;font-size:14px; color:#ffffff; line-height:30px; overflow:hidden;}

.bz-h{ width:100%; height:501px; background:url(../images/h_01.jpg) center top no-repeat;}

.bz-h-main{ width:1100px; height:501px; margin:0 auto; position:relative;}



.bz-h-01{ width:1099px; height:56px; position:absolute; left:0; top:60px;}

.bz-h-02{ width:331px; height:213px; position:absolute; left:30px; top:157px;}

.bz-h-03{ width:358px; height:251px; position:absolute; left:83px; top:174px;}

.bz-h-txt{ width:566px; height:385px;position:absolute; right:0; bottom:0;font-size:14px; color:#333333; line-height:30px;}

.bz-h-txt span{float: left;overflow: hidden;}

.bz-h-txt span:last-of-type{ width:526px; overflow:hidden;}

.bz-j{ width:100%; height:879px; background:url(../images/j_01.jpg) center top no-repeat;}

.bz-j-mian{ width:1100px; height:879px; margin:0 auto; overflow:hidden; position:relative;}

.bz-j-01{ width:1100px; height:58px; position:absolute; left:0; top:53px;}

.bz-j-02{ width:282px; height:208px; position:absolute; left:66px; bottom:46px;}

.bz-j-03{ width:294px; height:207px; position:absolute; left:390px; bottom:45px;}

.bz-j-04{ width:293px; height:208px; position:absolute; left:720px; bottom:46px;}

.bz-j-05{ width:267px; height:195px; position:absolute; left:74px; bottom:53px;}

.bz-j-06{ width:281px; height:196px; position:absolute; left:396px; bottom:50px;}

.bz-j-07{ width:280px; height:195px; position:absolute; left:727px; bottom:53px;}

.bz-j-txt-a{width:470px; height:470px; position:absolute; left:15px; top:150px;font-size:14px; color:#ffffff; line-height:30px; overflow:hidden;}

.bz-j-txt-a span{float: left;overflow: hidden;}

.bz-j-txt-a span:last-of-type{ width:430px; overflow:hidden;}

.bz-j-txt-b{width:570px; height:470px; position:absolute; right:0px; top:150px;font-size:14px; color:#ffffff; line-height:30px; overflow:hidden;}

.bz-j-txt-b span{float: left;overflow: hidden;}

.bz-j-txt-b span:last-of-type{ width:530px; overflow:hidden;}

.bz-k{ width:100%; height:721px; background:url(../images/k_01.jpg) center top no-repeat;}

.bz-k-mian{ width:1100px; height:721px; margin:0 auto; position:relative; overflow:hidden;}

.bz-k-01{ width:1100px; height:56px; position:absolute; left:0; top:53px;}

.bz-k-02{ width:406px; height:261px; position:absolute; left:53px; top:156px;}

.bz-k-03{ width:406px; height:461px; position:absolute; left:29px; top:185px;}



.bz-k-txt{width:518px; height:447px; padding:20px 30px 20px 30px; position:absolute; right:0px; top:150px;font-size:14px; color:#333333; line-height:30px; overflow:hidden; border:1px solid #cfcfcf; background:rgba(255,255,255,0.51)}

.bz-k-txt span{float: left;overflow: hidden;}

.bz-k-txt span:last-of-type{ width:480px; overflow:hidden;}









/* 右侧悬浮 */

.r-menu{font-size:14px; color:#3c3c3c;width:161px;position:fixed;right:-193px; bottom:135px;z-index:999; opacity:0;transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -o-transition-duration: all 0.8s ease-in-out 0s;

}

.r-menu.on{opacity:1; right:0; transition: all 1.5s ease-in-out 0s; -moz-transition: all 1.5s ease-in-out 0s; -webkit-transition: all 1.5s ease-in-out 0s; -o-transition-duration: all 1.5s ease-in-out 0s;}

.r-menu .xf-a{ width:93px; height:103px; border-bottom:1px solid #ffffff; display:block; position:relative; background:#eeeeee; z-index:10; /*margin-left: 73px;*/}

.r-menu .xf-a:hover{ background:#fa9d00; }

.r-menu .xf-a:hover .r-m-bt{ color:#FFFFFF; }

.r-menu .xf-a:last-of-type{ border-bottom:none;}

.r-menu .xf-a i.ts-link { width:35px; height:17px; background:url(../images/r_inc_06.png) no-repeat; line-height:17px; color:#FFFFFF; display:block; position:absolute; left:0; top:5px; font-size:12px; text-indent:4px;}

.r-linka i.setting{display:block;background:url(../images/r_inc_01.png) no-repeat;cursor:pointer;height:47px;width:47px; position:absolute; top:25px; left:23px;-webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out;}



.r-linka .r-m-bt{display:block;cursor:pointer;width:100%; height:28px; line-height:28px;overflow:hidden;word-break:break-all;word-wrap:break-word;text-overflow:ellipsis; position:absolute; bottom:3px; left:0;text-align:center;}



.r-linkb i.setting{display:block;background:url(../images/r_inc_02.png) no-repeat;cursor:pointer;height:53px;width:55px; position:absolute; top:28px; left:25px;-webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out;}

.r-linkb .r-m-bt{display:block;cursor:pointer;width:100%; height:28px; line-height:28px;overflow:hidden;word-break:break-all;word-wrap:break-word;text-overflow:ellipsis; position:absolute; bottom:3px; left:0;text-align:center;}

.r-linkc i.setting{display:block;background:url(../images/r_inc_03.png) no-repeat;cursor:pointer;height:49px;width:49px; position:absolute; top:22px; left:21px;-webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out;}

.r-linkc .r-m-bt{display:block;cursor:pointer;width:100%; height:28px; line-height:28px;overflow:hidden;word-break:break-all;word-wrap:break-word;text-overflow:ellipsis; position:absolute; bottom:3px; left:0;text-align:center;}

.r-linkd i.setting{display:block;background:url(../images/r_inc_04.png) no-repeat;cursor:pointer;height:50px;width:50px; position:absolute; top:16px; left:22px;-webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out;}

.r-linkd .r-m-bt{display:block;cursor:pointer;width:100%; height:28px; line-height:28px;overflow:hidden;word-break:break-all;word-wrap:break-word;text-overflow:ellipsis; position:absolute; bottom:3px; left:0;text-align:center;}

.r-linke i.setting{display:block;background:url(../images/r_inc_05.png) no-repeat;cursor:pointer;height:35px;width:38px; position:absolute; top:13px; left:28px;-webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out;}

.r-linke .r-m-bt{display:block;cursor:pointer;width:100%; height:44px; line-height:22px;overflow:hidden;word-break:break-all;word-wrap:break-word;text-overflow:ellipsis; position:absolute; bottom:3px; left:0;text-align:center;}

.r-menu .r-linka:hover i.setting{background:url(../images/r_inc_011.png) no-repeat;}

.r-menu .r-linkb:hover i.setting{background:url(../images/r_inc_022.png) no-repeat;}

.r-menu .r-linkc:hover i.setting{background:url(../images/r_inc_033.png) no-repeat;}

.r-menu .r-linkd:hover i.setting{background:url(../images/r_inc_044.png) no-repeat;}

.r-menu .r-linke:hover i.setting{background:url(../images/r_inc_055.png) no-repeat;}





/*弹出*/

.h-zz-box{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.75); z-index:9999; display:none; cursor:pointer;}



.bj-tc{ width:264px; height:360px; position:absolute; left:93px; top:0px; background:#fff6e6; z-index:999; display:none; }

.tc-bt{ width:264px; height:44px; line-height:44px; text-align:center; background:url(../images/tc_01.jpg) no-repeat; font-size:18px; color:#4c4c4c; font-weight:bold;}

.tc-bt i{ font-size:18px;color:#fa0000; font-weight:bold;}

.tc-fb{ font-size:14px; padding:16px 0; text-align:center;}

.tc-fb i{ color:#ff0000; padding:0 5px;}

.tc-bd{ width:224px; height:210px; margin:5px auto 0;}

.tc-file{ width:224px; height:37px; margin-bottom:16px; position:relative;}

.tc-it{ width:202px; height:25px; padding:5px 10px; border:1px solid #d2d2d2; font-size:12px;}

.tc-sp{ width:30px; height:35px; text-align:center; line-height:35px; position:absolute; right:1px; top:1px;}

.select_a { margin-right: 10px; width:68px;height: 35px;border: 1px solid #d5d4d3; line-height:35px; float:left; font-size:12px;}

.select_a.lsat-s{ margin-right:0; float:right;}

.tc-radio{ width:224px; height:18px; margin-bottom:20px;}

.fx_txt{ width:80px; float:left; height:18px; line-height:18px; position:relative; padding-left:15px; font-size:12px; color:#474747;}

.ra{ position:absolute; left:0; top:2px; display:inline-block;}

.tc-but{ width:210px; height:39px; text-align:center; line-height:39px; display:block; color:rgba(255,255,255,1.00); background:#fa7600; margin:0 auto; font-size:14px; cursor:pointer;}

.tc-ts{ width:100%; font-size:12px; color:#ff0000; overflow:hidden; text-align:center;}

.sjs-tc{ width:264px; height:390px; position:absolute; left:93px; top:0px; background:#eeeeee; z-index:999; display:none;}

.tc-bt2{ width:264px; height:44px; line-height:44px; text-align:center; background:url(../images/tc_02.jpg) no-repeat; font-size:18px; color:#4c4c4c; font-weight:bold;}

.tc-fb2{ font-size:14px; padding:16px 0; height:30px; line-height:30px; text-align:center;}

.tc-fb2 span{ margin:0 3px;}

.tc-fb2 i{ color:#ff0000; background:url(../images/tc_03.png) no-repeat; width:20px; display:inline-block; text-align:center; line-height:30px; color:#FFFFFF; margin:0 1px;}

.tc-bd2{ width:224px; height:auto; margin:5px auto 0; }

.tc-sf{ width:103px; height:35px; text-align:center; line-height:35px; border:1px solid #d4d4d4; float:left; font-size:12px;}

.select_b {  width:105px;height: 37px;border: 1px solid #d5d4d3; line-height:35px; float:right; font-size:12px;}

.tc-but2{ width:210px; height:39px; text-align:center; line-height:39px; display:block; color:rgba(255,255,255,1.00); background:#fa7600; margin:17px auto 0; font-size:14px; cursor:pointer;}

/*弹出营销qq*/

.qq-tc{ width:210px; height:auto; position:absolute; left:93px; top:0px; background:#ffa200; z-index:999; border-bottom-left-radius:2px; border-top-left-radius:2px; display:none;}

.qq-tc-cont{ padding:10px 0; width:160px; margin:0 auto;}

.yx-qq{ width:170px; height:auto; background:#ffa200;}

.yx-qq li{ width:170px; height:50px; overflow:hidden; background:url(../images/yx_qq.png) left center no-repeat;}

.yx-qq-c{ padding-left:40px;}

.yx-qq-c p{display:inline-block; font-size:14px; color:#000000;}

.yx-qq-c a{ display:inline-block; height:20px; line-height:20px; font-size:12px; padding:0 5px; background:#FF0004; color:#FFFFFF; border-radius:2px;}

.qq-tc-cont span{ font-size:12px; color:#000000;}



.yh-tc{width:264px; height:292px; position:absolute; right:93px; top:-85px; background:#ffa200; z-index:999; display:none;}

.yh-tc img{ width:219px; height:219px; margin:0 auto; display:block; padding-top:25px;}

.yh-tc span{ width:100%; height:46px; line-height:46px; text-align:center; display:block; font-size:14px;}



/*pop*/

.popbox{width: 875px; height:560px; margin-top: -280px; margin-left: -437px;position:fixed;top:50%;left:50%;box-shadow:0 0 10px rgba(0,0,0,.5);z-index:99999;_position:absolute;_top:expression(documentElement.scrollTop + 100 + "px"); background:##d5d5d5;  display:none;}

.popbox .title{height:40px;line-height:40px;font-size:24px;padding-left:30px;background:url(../images/s5.gif) left center no-repeat;}

.popbox-cont{ width:875px; height:560px; position:relative;background: url(../images/m_bg.jpg) center no-repeat;}

.popbox-info{width:270px; position:absolute; right:134px;top:126px; border:2px solid #ef7906; background:#FFFFFF; padding:15px;}

.pop-h1{ padding-left:25px; height:22px; line-height:22px; background:url(../images/dz_inc.png) left center no-repeat;}

.pop-h2{font-size:12px;line-height:18px;color:#333;margin:10px 0;}



.popTel_bnt{width:117px;height:34px;line-height:34px;text-align:center;background:#ef7906;color:#fff;display:inline-block; float:right; font-family:'微软雅黑'; font-size:14px; cursor:pointer;}

.popTel_phone{width:124px;height:32px;padding:0 10px;margin-right:5px;border:1px solid #ddd;float:left; font-size:14px;}

.popbox .btn_close{display:block;position:absolute;background:url(../images/pop_close.jpg) no-repeat;width:18px;height:18px;cursor:pointer;top:15px;right:20px;z-index:100}



.tx_dm,.hn_dm,.ft_dm{ width:23px; height:31px; display:block; background:url(../images/dz_inc2.png) no-repeat; position:absolute; text-align:center; color:#FFFFFF; line-height:24px;}

.tx_dm{ left:288px; top:258px;}

.hn_dm{ left:452px; top:295px;}

.ft_dm{ right:383px; bottom:50px;}







/*商务通弹出*/

.swt-tc-box{ width:161px; height:240px; position:fixed; bottom:50%; margin-bottom:-120px; left:-161px; background:url(../images/swt_01.png) no-repeat;opacity:0;transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -o-transition-duration: all 0.8s ease-in-out 0s; z-index:99;}

.swt-tc-box.on{opacity:1; left:0; transition: all 1.5s ease-in-out 0s; -moz-transition: all 1.5s ease-in-out 0s; -webkit-transition: all 1.5s ease-in-out 0s; -o-transition-duration: all 1.5s ease-in-out 0s;z-index:999;}



.swt-tc-close{ width:23px; height:56px; background:url(../images/swt_02.png) no-repeat; position:absolute; right:0; top:11px; cursor:pointer;}

.swt-tc-i{ position:absolute; left:29px; top:88px;}

.swt-tc-f .swt-tc-phone{ width:123px; height:20px; padding:5px; border:1px solid #a0a0a0; position:absolute; left:19px; bottom:57px;}

.swt-tc-f .swt-tc-bnt{ width:120px; height:34px;  position:absolute; left:27px; bottom:16px; background:#fa7600; border-radius:2px; font-size:18px; color:#FFFFFF; cursor:pointer; font-family:'微软雅黑';}

/*视频弹出*/

.CuPlayer-tc{ width:1000px; height:590px;margin-top: -295px; margin-left: -500px;position:fixed;top:50%;left:50%;box-shadow:0 0 10px rgba(0,0,0,.5);z-index:100001;_position:absolute;_top:expression(documentElement.scrollTop + 100 + "px"); background:##d5d5d5;  display:none;}

.CuPlayer-tc .CuPlayer-close{ width:64px; height:64px; position:absolute; right:0; top:0; background:url(../images/c_v_1.png) no-repeat; display:block; z-index:999; cursor:pointer;}

.video-i{  width:990px; height:580px; border:5px solid #a5a5a5; position:relative; overflow:hidden; background:#000000; z-index:99;}





/*页底*/

.footer{width: 100%;height: auto;position: relative;overflow: hidden;}

.footer .footer_top{background: #1F1F1F;width: 100%;height: 330px;}

.footer .footer_top .footer_top_center{width: 1200px;margin: auto;height: 330px;position: relative;}

.footer .footer_top .footer_top_center .hotLine{ width:320px;    height: 85px;position:absolute; top:70px;left:0;padding-right: 14px;}

.footer .footer_top .footer_top_center .hotLine .p1{padding-left: 50px;font-size:16px;color:#eee;}

.footer .footer_top .footer_top_center .hotLine .p2{font-size:16px;padding-left: 50px;color:#eee;margin-top:8px;}

.footer .footer_top .footer_top_center .hotLine .ico-phone{ width: 58px; height: 58px; background:url(../images/foo_tel.png) no-repeat ;  position:absolute; left:0; top:0;padding-right: 3px; }

.footer .footer_top .footer_top_center .hotLine_2{ width:484px; height: 60px;position:absolute; top:190px;left:0; cursor:pointer;padding-right: 14px;}

.footer .footer_top .footer_top_center .hotLine_2 .p1{padding-left: 50px;font-size:15px;color:#eee;}

.footer .footer_top .footer_top_center .hotLine_2 .p2{font-size:16px;padding-left: 50px;color:#eee;margin-top:8px;}

.footer .footer_top .footer_top_center .hotLine_2 .ico-phone{ width: 58px; height: 58px; background:url(../images/map.png) no-repeat ;  position:absolute; left:0; top:0;padding-right: 3px; }

.footer .footer_top .footer_top_center .footer_right{position: absolute;right: 0;top:50px;width: 680px;}

.footer .footer_top .footer_top_center .footer_right .foo_top{color: #d0d0d0;margin: 5px;padding: 15px 0;border-bottom: 1px dashed #626262;width: 70%;}

.footer .footer_top .footer_top_center .footer_right .foo_top li{text-align: center;display: inline-block;color: #ffffff;width: 70px;margin: 0 18px;}

.footer .footer_top .footer_top_center .footer_right .foo_top li a{display: block;color: #ffffff;font-size: 14px;}

.footer .footer_top .footer_top_center .footer_right .foo_bottom{color: #ffffff;margin-top: 10px;width: 70%;}

.footer .footer_top .footer_top_center .footer_right .foo_bottom li{color: #9e9e9e;display: inline-block;margin: 3px;font-size: 14px;}

.footer .footer_top .footer_top_center .footer_right .foo_bottom li a{color: #9e9e9e;display: block;font-size: 14px;}

.footer .footer_top .footer_top_center .footer_right .foo_qq{background: url("../images/qq.jpg") center no-repeat;width: 65px;height: 26px;margin-top: 20px;position: relative;}

.footer .footer_top .footer_top_center .footer_right .foo_qq i{display: inline-block;width: 30px;height: 30px;cursor: pointer;}

.footer .footer_top .footer_top_center .footer_right .foo_bottom .fo_keyw{font-size:16px;display: block;margin: 5px;}

.footer .footer_top .footer_top_center .footer_right .foo_we2{position: absolute;right: 0;bottom: 15px;background: url(../images/wei_01.jpg) center no-repeat;width: 139px;height: 141px;}

.footer .footer_bottom{background: #000000;width: 100%;height: 80px;    margin-bottom: 65px;}

.footer .footer_bottom .footer_bottom_center{width: 1200px;margin: auto;height: 80px;position: relative;}

.footer .footer_bottom .footer_bottom_center .foo_logo{background: url("../images/foo_logo.png") center no-repeat;margin-left: 0;width: 150px;height: 40px;background-size: cover;float: left;margin-top: 25px;}

.footer .footer_bottom .footer_bottom_center .foo_pon{font-size: 15px;float: right;color: #bbbbbb;margin-top: 30px;}

.footer .footer_top .footer_top_center .footer_right .form_container{

    position: relative;

    overflow: hidden;

    width: 59%;

    height: 40px;

    background: #fff;

    margin: 15px 0;

}

.footer .footer_top .footer_top_center .footer_right .select{

    position: absolute;

    top: 0px;

    left: 10px;

    font-size: 15px;

    height: 40px;

    line-height: 40px;

    background: #fff;

    color: #525252;

}

.footer .footer_top .footer_top_center .footer_right .sou_sha{

    color: #525252;

    height: 40px; 

    line-height: 40px;

}

.footer .footer_top .footer_top_center .footer_right .input{

    position: absolute;

    left: 115px;

    top: 0;

    height: 40px;

    line-height: 40px;

    background: #fff;

    font-size: 15px;

    color: #525252;

    width: 60%;

}

.footer .footer_top .footer_top_center .footer_right .input input{

    width: 100%;

    height: 40px;

    line-height: 40px;

}

.footer .footer_top .footer_top_center .footer_right .icon-search{background: url(../images/around.png) center no-repeat;width: 30px;height: 30px;position: absolute;right: 10px;top: 4px;background-size: cover;cursor: pointer;}



.footer .foo_nian{background:url(../images/foo_bender.jpg) center no-repeat;width:100%;height:154px}

.footer .foo_nian_cen{width:1200px;margin:0 auto;position:relative}

.footer .foo_nian_left{float:left;width:27%;text-align:center;margin:35px 0 0 150px}

.footer .foo_nian_left span{font-size:30px;display:block;margin-bottom:10px}

.footer .foo_nian_left em{font-size:16px;display:block}

.footer .foo_nian_right{width:55%;float:right;margin-top:35px}

.footer .foo_nian_right li{float: left;margin-left:70px}

.footer .foo_nian_right span{display:block;font-size:30px;color:#fe9b00;font-weight:700;margin-bottom:10px}

.footer .foo_nian_right em{font-size:16px;display:block}





.ct-bj-link{ width:160px; height:122px; position:fixed; left:-160px; bottom:0;transition:left 1s;

-moz-transition:left 1s; /* Firefox 4 */

-webkit-transition:left 1s; /* Safari and Chrome */

-o-transition:left 1s; /* Opera */cursor:pointer; }

#bottomBox {width: 100%;background:rgba(0,0,0,0.85);position: fixed;bottom: -458px;left:0;z-index:9999;padding: 0 0 20px;transition: bottom .5s;-moz-transition: bottom .5s;-webkit-transition: bottom .5s;-o-transition: bottom .5s;}

#bottomBox .wrap{width:1190px;margin:0 auto;position:relative;clear:both}

#bottomBox .bottomLeft{position:absolute;top: -50px;left: 0;}

#bottomBox .bottomLeft img{width: 117px;height: 119px;display:  block;}

#bottomBox .bottomMiddle{width:890px;height:85px;position:absolute;top:-85px;left:410px;cursor:pointer; background:url(../images/bottom_03.png) no-repeat;}

#bottomBox .bottomDown{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation: none;animation:none;}

#bottomBox .bottom-close{ width:42px; height:42px; position:absolute; right:0; top:0; background:url(../images/c_bj.png) no-repeat rgba(0,0,0,.4); background-size:100% auto; display:block; z-index:999; cursor:pointer; 

    border-radius: 4px}

#bottomBox .bottom-close:hover {

    background-color: #fa9d00

}



#bottomBox .quotedPrice{    position: absolute;

    margin-top: 20px;

    padding-right: 15px;

    width: 220px;

    text-align: right;

    color: #fff;

    top: 35px;

    left: 120px;}

#bottomBox .quotedPrice span{    display: inline-block;

    font-size: 16px;

    line-height: 18px;}



#bottomBox .quotedPrice strong{display: inline-block;

    width: 145px;

    margin-left: 10px;

    font-size: 40px;

    font-weight: normal;}



#bottomBox .quotedPrice i{display: inline-block;

    margin-top: 3px;

    width: 18px;

    height: 18px;

    border-radius: 18px;

    vertical-align: top;

    background: #ff4633;

    font: normal 12px/16px normal;

    text-align: center;}



@-webkit-keyframes bottomUp{ 25% {-webkit-transform: translateY(10px);} 50%, 100% {-webkit-transform: translateY(0);} 75% {-webkit-transform: translateY(-10px);}}

@keyframes bottomUp{ 25% {transform: translateY(-10px);} 50%, 100% {transform: translateY(0);} 75% {transform: translateY(10px);}}

.showbottom{bottom: 0px !important;}

#bottomBox .bottomPost{width:1190px;background:#fff;margin:0 auto;overflow:hidden; display:none;}

#bottomBox .form{width:1110px; height:auto; margin:0 auto ; padding:50px 0 30px 0;position:relative;}

#bottomBox .form form{width:1110px;margin:0 auto;}

#bottomBox .bottom-bj-l{ width:844px; float:left; }

#bottomBox .form_bottom{height:32px; width: 844px; margin-bottom:14px;}



#bottomBox .bottom_center{height: 70px;position:  absolute;left: 425px;width: 600px;font-size: 54px;color: #fff;line-height: 65px;}

#bottomBox .bottomup{

    position: absolute;

    right: 60px;

    top: -84px;

    background: url(../images/bdown.png) center;

    width: 48px;

    height: 54px;

    animation: bmove 0.8s infinite ease-in;

    cursor: pointer;

    z-index: 99;

}

@keyframes bmove

        {

            from {top:10px;}

            to {top:5px;}

        }

        @keyframes bdmove

        {

            from {top:5px;}

            to {top:10px;}

        }

#bottomBox .subquote{background: url(../images/but.png) 0 125px no-repeat;width: 170px;height: 358px;right: 0;top: 100px;left: 0;cursor:  pointer;position: absolute;margin: 0 auto;}



.bottom-bj-r{ width:266px;  float:right; position:relative;}  

.bottom-tj-but{ width:156px; height:156px; background:url(../images/but.png) no-repeat; position:absolute; right:31px; top:-11px; display:block; cursor:pointer; z-index:10;}

.bottom-tj-but:hover{ opacity:0.9;}



#bottomBox .bottom_bg{

    width: 100%;

    padding-top: 87px;

    position: relative;

    overflow: hidden;

}

#bottomBox .bottom_bg_left{

    width: 50%;

    float: left;

    background: #fff;

    height: 420px;

}

#bottomBox .bottom_bg_left .bottom_bg_left_title{

    margin-left: 35px;

    margin-top: 30px;

    margin-bottom: 20px;

}

#bottomBox .bottom_bg_left .bottom_bg_left_title span{

    font-size: 24px;

}

#bottomBox .bottom_bg_left .bottom_bg_left_title em{

    font-size: 16px;

    color: #e2ac05;

    margin-left: 20px;

}

#bottomBox .bottom_bg_left .float_li{

    margin-left: 35px;

    width: 420px;

    height: 52px;

    overflow: hidden;

    margin-bottom: 15px;

}

#bottomBox .bottom_bg_left .float_li .bottom_text{

    width: 100%;

    height: 100%;

    font-size: 16px;

    background: #f8f8f8;

    padding-left: 15px;

}

#bottomBox .bottom_bg_left .float_li .bottom_select{

    width: 100%;

    height: 100%;

    font-size: 16px;

    background: #f8f8f8;

    padding-left: 15px;

    color: #505050;

}

#bottomBox .bottom_bg_left p{

    font-size: 14px;

    margin-left: 35px;

}

#bottomBox .bottom_bg_left .ond{float: left;width: 140px;margin-top: 17px;}

#bottomBox .bottom_bg_left .ond label{line-height: 20px;display:inline-block;margin-left: 5px;margin-right: 10px;color:#777;font-size: 16px;position: relative;top: -4px;}

#bottomBox .bottom_bg_left .ond .radio_type{width: 20px;height: 20px;appearance:none;position:relative;}

#bottomBox .bottom_bg_left .ond .radio_type:before{content:'';width: 20px;height: 20px;border: 1px solid #e9b003;display:inline-block;border-radius:50%;vertical-align:middle;background: #fff;}

#bottomBox .bottom_bg_left .ond .radio_type:checked:before{content:'';width: 20px;height: 20px;border: 1px solid #e9b003;background: #e9b003;display:inline-block;border-radius:50%;vertical-align:middle;}

#bottomBox .bottom_bg_left .ond .radio_type:checked:after{content:'';width:10px;height:5px;border:2px solid #fff;border-top:transparent;border-right:transparent;text-align:center;display:block;position:absolute;top:6px;left:5px;vertical-align:middle;transform:rotate(-45deg)}

#bottomBox .bottom_bg_left .ond .radio_type:checked+label{color: #e9b003;}



#bottomBox .bottom_bg_right{

    width: 50%;

    float: right;

    background: #fff;

    height: 420px;

}

#bottomBox .bottom_bg_right_gif{

    background: url(../images/right_gif.gif);

    width: 379px;

    height: 368px;

    margin: 25px 0 0 165px;

}





.hu_xin_bao{overflow:  hidden;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999; display:  none; background: rgba(0, 0, 0, 0.6392156862745098);}

.hu_xin_bao .hu_xin_bao_center{margin:  0 auto;overflow: hidden;position: fixed;width: 866px;height: 595px;top: 50%;left: 50%;z-index: 9999;margin-left: -380px;margin-top: -300px;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu{background:  #fff;width:  100%;overflow:  hidden;padding-bottom: 40px;}

.hu_xin_bao .hu_xin_bao_center .piao_fu_name_1{background: url(../images/cookie.jpg) center no-repeat;width: 774px;height: 175px;margin: 30px auto 0;}



.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left{float: left;width: 45%;margin-left: 40px;margin-top: 30px;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .home-design-form{padding: 10px 5px 30px;background-color:#fff;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .home-design-form .form-list-box{height: 55px;margin-bottom: 10px;border-radius:10px;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box .form-area,.form-list-box .form-loction,.form-list-box .form-phone{width: 49%;float:left;position:relative;height: 55px;border-radius:5px;background:#EEE;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box .form-area{float:right}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box .form-area,.form-list-box .form-yusuan-provinces{position:relative}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box input[type=tel],.form-list-box input[type=text]{display:block;text-align:left;width: 92%;color:#7b7b7b;border:none;outline:0;font-size: 16px;line-height: 55px;background:#EEE;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .yusuan-areas-input,.yusuan-provinces-input{-webkit-appearance:none;outline:0;padding-left:15px;display:inline-block}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box input::-webkit-input-placeholder{font-size:16px;color:#7b7b7b}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-area span{position:absolute;top: 14px;z-index:2;right: 5px;font-size: 18px;color:#7b7b7b;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-yusuan-provinces::after{content:"";display:block;position:absolute;border-top: 9px solid #7b7b7b;border-left: 9px solid transparent;border-right: 9px solid transparent;top: 23px;right:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box #style{display: block;text-align: left;width: 100%;color: #7b7b7b;border: none;outline: 0;font-size: 16px;line-height: 55px;background: #EEE;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .yusuan-jishi{position:relative;display:block;text-align:left;width:100%;height: 55px;color:#7b7b7b;border:none;outline:0;font-size: 16px;line-height: 55px;background:#EEE;border-radius:5px;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .yusuan-jishi em{color:#7b7b7b;padding-left:10px}



.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing_wrap{position:relative}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing_show{position:relative;width: 380px;height:55px;line-height:55px;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing{position:absolute;top:55px;left:0;display:none;width: 380px;border:1px solid #ddd;background-color:#fff;z-index:99;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing_show span:first-child{margin-left: 20px;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing_show span{margin-left: 35px;width:40px;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing li:first-child{margin-left:20px}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing li{float:left;width:50px;margin-left: 20px;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing .active{background-color:#ff6d15;color:#fff}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing li a{display:block;width:40px;text-align:center;background-color:#f4f4f4;border-radius:2px;font-size:14px;line-height:40px;height:40px;margin:10px 0}





.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .download-arrow2::after{content:"";display:block;position:absolute;border-top: 9px solid #7b7b7b;border-left: 9px solid transparent;border-right: 9px solid transparent;top: 23px;right:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .overlay-bd,.yusuan-submit{position:relative;width:100%}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .yusuan-submit{cursor: pointer;height: 55px;border-radius:5px;margin-top: 15px;background-color: #ffac21;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box .form-phone{width: 97.5%;padding-left:10px;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .yusuan-submit p{width:100%;height:100%;font-size: 22px;line-height: 55px;color:#fff;text-align:  center;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .homepage-ico{width: 28px;height: 55px;position:absolute;right: 100px;top: 12px;background-size: contain;background: url(../images/zhi_s.png) no-repeat;}

@keyframes figerscale{0%{transform:scale(1);-webkit-transform:scale(1)}

    100%{transform:scale(1.2);-webkit-transform:scale(1.2)}

}

@-webkit-keyframes figerscale{0%{transform:scale(1);-webkit-transform:scale(1)}

    100%{transform:scale(1.2);-webkit-transform:scale(1.2)}

}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right{width: 40%;float: right;margin-right:  40px;margin-top: 30px;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .md-list{width: 100%;height: 355px;margin:  0;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .picMarquee-hu{width: 100%;height: 340px;position:relative;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .picMarquee-hu .bd{width:100%;height: 225px;overflow:hidden;border-bottom: 1px dashed #bfbfbf;position:  relative;top: 3px;border-top: 0;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .picMarquee-hu .bd ul{overflow:hidden;zoom:1}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .picMarquee-hu .bd ul li{height:35px;line-height:35px;zoom:1;cursor:pointer;font-size:14px;border:  0;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .pic-a{width:120px;float:left;height:35px;overflow:hidden;text-align:center}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .pic-b{width:100px;float:left;height:35px;overflow:hidden;text-align:center}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .pic-c{width:120px;float:left;height:35px;overflow:hidden;text-align:center}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .picMarquee-hu .hd{width:100%;height: 60px;line-height: 50px;color: #888888;text-align:center;font-size: 20px;border-bottom: 1px dashed #bfbfbf;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .picMarquee-hu .hd i{height:36px;overflow:hidden;text-align:center;font-size: 36px;font-weight:700;color: #ffac21;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .quan_li{font-size:  12px;display:  block;text-align:  center;color:  #c77e05;padding-top: 10px;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .cookie_bi{position: absolute;right: 0;top: 0;z-index: 999;font-size: 40px;color: #a5a2a2;width: 50px;height: 50px;text-align: center;line-height: 50px;cursor: pointer;}