@charset "utf-8";

/**
 *
 * @authors liping (you@example.org)
 * @date    2019-11-26 10:22:23
 * @version $id$
 */


html{ font-size: 100%}
body{ margin:0px; padding:0px; font:12px/1.75 "微软雅黑", "宋体",arial, verdana; font-size:12px;}
*{ margin:0; padding:0}
a img{ border:none;}
a,a:link,a:visited{  text-decoration:none; }
body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal; }
ul,ol,li,dl{list-style-type:none;}
em,i,dfn,cite,strong,small{font-style:normal;}
fieldset,img,button,input,select,option{vertical-align:middle;font:12px/18px "宋体",arial,sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
image{ border:0;}  textarea{ resize:none;}  label{ cursor:pointer;}
.clear{ clear:both}
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
    resize: none;
    border: none;
}
input {
    font-family: 'microsoft yahei';
    border:0;/*去掉未选中边框*/
    outline:none;/*去掉选中边框*/
    background:none;/*透明背景色*/
}
button{
    border:0;
    outline:none;
    background:none;/*透明背景色*/

}
select{
    border:0;
    outline:none;
    background:none;/*透明背景色*/
}
select {
    border: none;
    outline: none;
    background: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.clearfix {zoom: 1;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    line-height: 0;
}
.pr {position: relative;overflow: hidden}
.container {position: relative;overflow-x: hidden;}
.mr10 {margin-right: 10px;}
.theme {width: 800px;position: absolute;left: 50%;top: 230px;z-index: 10;margin-left: -480px;}
.logos {width: 332px;position: absolute;left: 5%;top: 60px;z-index: 10;}
.cloud {width: 460px;position: absolute;left: 50%;top: 147px;margin-left: 355px;}
.time {width: 338px;position: absolute;left: 50%;top: 226px;margin-left: 420px;}
.yh {width: 820px;position: absolute;left: 50%;top: 560px;margin-left: -410px;}
.h-item {
    width: 1440px;
    position: absolute;
    left: 50%;
    top: 950px;
    margin-left: -720px;
}
.h-item ul {
    display: flex;
    justify-content: space-between;
}
.h-item li {
    width: 335px;
}
.h-item li img {
    width: 100%;
}
.h-yuyue {
    position: absolute;
    left: 50%;
    margin-left: 230px;
    top: 115px;
    width: 315px;
}
.form-title {
    width: 210px;
    margin: 0 auto;
}
.form-title-01 {
    width: 202px;
    margin: 0 auto;
}
.form-title-02 {
    width: 210px;
    margin: 0 auto;
}
.h-honor {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.h-honor .honor-item {
    width: 220px;
}
.h-honor .honor-item img {
    width: 100%
}
.h-yuyue .title {
    font-size: 60px;
    color: #a76643;
    text-align: center;
    letter-spacing: 5px;
    margin: 30px 0 32px;
}

.item {width: 100%;position: relative;}
.item01 {height: 647px;background: url(/uploads/image/xzeimages/banner.jpg) no-repeat center center;}
.item02 {height: 952px;background: url(/uploads/image/xzeimages/project_02.jpg) no-repeat center center;}
.item03 {height: 983px;background: url(/uploads/image/xzeimages/project_03.jpg) no-repeat center center;}
.item04 {height: 968px;background: url(/uploads/image/xzeimages/project_04.jpg) no-repeat center center;}
.item05 {height: 1191px;background: url(/uploads/image/xzeimages/project_05.jpg) no-repeat center center;}
.item06 {height: 1118px;background: url(/uploads/image/xzeimages/project_06.jpg) no-repeat center center;}
.item07 {height: 1293px;background: url(/uploads/image/xzeimages/project_07.jpg) no-repeat center center;}
.item08 {height: 482px;background: url(/uploads/image/xzeimages/project_08.jpg) no-repeat center center;}

.point {
    width: 1132px;
    position: absolute;
    left: 50%;
    top: 598px;
    margin-left: -568px;
    background-color: #fff;
}
.point ul {
    display: flex;
}
.point ul li {
    font-size: 18px;
    color: #5f5a57;
    line-height: 22px;
    padding: 45px 0;
}
.point ul li.on {
    background-color: #c19c6f;
    color: #fff;
}
.point ul li.on p {
    border: none;
}
.point ul li:nth-child(1) p,.point ul li:nth-child(3) p,.point ul li:nth-child(4) p {
    width: 172px;
}
.point ul li:nth-child(2) p {
    width: 226px;
}
.point ul li:nth-child(5) p {
    width: 210px;
}
.point ul li p {
    border-right: 1px solid #f1f1f1;
    padding: 0 45px;
    font-weight: 550;
}
.point ul li:nth-of-type(6) p {
    border: none;
}
.button {
    width: 250px;
    position: absolute;
    left: 50%;
    bottom: 6%;
    margin-left: -125px;
    cursor: pointer;
}
.button_02 {
    width: 280px;
    margin-left: -140px;
    bottom: 12%;
}
.button_03 {
    width: 280px;
    margin-left: -140px;
    bottom: 10%;
}
.button img {
    width: 100%;
    display: block;
}
.advantage {
    width: 560px;
    position: absolute;
    left: 50%;
    top: 110px;
    margin-left: 220px;
}
.advantage .swiper-slide img {
    width: 100%;
    display: block;
}
.advantage .swiper-button-next,.advantage .swiper-button-prev {width:30px; height:30px;position:absolute; z-index:100; top:112%; margin-top:-25px;  outline:none; cursor:pointer; opacity:1;}
.advantage .swiper-button-next{ background:url(/uploads/image/xzeimages/button_next.png) no-repeat 50% 50%;left: 100px;background-size: 30px;}
.advantage .swiper-button-prev{ background:url(/uploads/image/xzeimages/button_prev.png) no-repeat 50% 50%;left: 48px;background-size: 30px;}

#case {
    position: absolute;
    width: 1380px;
    left: 50%;
    top: 320px;
    margin-left: -690px;
}

#case .swiper-container {
    padding-bottom: 60px;
}

#case  .swiper-slide {
    width: 1130px;
    height: 474px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
}
#case  .swiper-slide img{
    width: 100%;
    display:block;
}
#case .swiper-pagination {
    display: none;
    width: 100%;
    bottom: 20px;
}

#case .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#case .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#case .swiper-button-next,#case .swiper-button-prev {
    width:30px;
    height:30px;
    position:absolute;
    z-index:100;
    top: 85%;
    outline:none;
    cursor:pointer;
    opacity:1;
}
#case .swiper-button-prev {
    left: 160px;
    width: 45px;
    background: url(/uploads/image/xzeimages/button_prev.png)  no-repeat 50% 50%;
    background-size: 30px;
}
#case .swiper-button-next {
    left: 210px;
    background: url(/uploads/image/xzeimages/button_next.png)  no-repeat 50% 50%;
    background-size: 30px;
}
/*#case .swiper-button-prev:hover {*/
/*    background: url(/uploads/image/xzeimages/button_prev.png)  no-repeat 50% 50%;*/
/*    background-size: 30px;*/
/*}*/
.style {
    width: 1130px;
    position: absolute;
    top: 794px;
    left: 50%;
    margin-left: -565px;
    background-color: #35261f;
    padding: 30px 20px;
    z-index: 100;
    display: flex;
    display: -webkit-flex;
}
.style .style-l {
    width: 210px;
    font-size: 18px;
    color: #fff;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 0 30px;
}
.style .style-l p {
    padding-right: 20px;
    line-height: 26px;
}
.style .style-r {
    font-size: 18px;
    color: #fff;
}
.style .style-r ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    border-left: 1px solid #666;
}
.style .style-r ul li {
    width: 200px;
    text-align: center;
    cursor: pointer;
}
.style .style-r ul li span {
    padding: 3px 16px;
}
.style .style-r ul li:nth-child(1),.style .style-r ul li:nth-child(2),.style .style-r ul li:nth-child(3),.style .style-r ul li:nth-child(4) {
    margin-bottom: 10px;
}
.style .style-r ul li.active span {
    background-color: #5e0300;
}

.btn_group {width: 1000px;position: absolute;left: 50%;margin-left: -500px;top: 80px;overflow: hidden;}
.btn_group .btn {float: left;margin-right: 25px}
.btn_group .btn_03 {margin-right: 0;}
.per {width: 436px;position: absolute;left: 50%;top: 400px;margin-left: -8px;z-index: 10;}

.vouchers {width: 216px;position: absolute;left: 50%;top: 522px;margin-left: -512px;z-index: 10;}
.gift {width: 320px;position: absolute;left: 50%;top: 206px;margin-left: 185px;z-index: 10;}

.yh_wrap {width: 1138px;position: absolute;left: 50%;margin-left: -569px;top: 450px;}
.yh_wrap .yh {margin-bottom: 55px;}

#baoming {width: 400px;position: absolute;left: 50%;margin-left: -200px;bottom: 230px;cursor: pointer;}

.yuyue {width: 1080px;position: absolute;left: 50%;margin-left: -540px;top: 180px;}
.input_wrap {overflow: hidden;margin-bottom: 65px;}
.input_wrap .item {width: 254px;height: 56px;border: 2px solid #f9e7bd;float: left;margin-right: 12px;}
.input_wrap .item .nomr {margin-right: 0;}
.input_wrap .item input {width: 100%;height: 100%;color: #f9e7bd;text-align: center;font-size: 20px;}

input::-webkit-input-placeholder { /* webkit browsers */
    color: #51281b;
    font-size: 14px;
}
input:-moz-placeholder { /* mozilla firefox 4 to 18 */
    color: #51281b;
    font-size: 14px;
}
input::-moz-placeholder { /* mozilla firefox 19  */
    color: #51281b;
    font-size: 14px;
}
input:-ms-input-placeholder { /* internet explorer 10  */
    color: #a27d6b;
    font-size: 18px;
}
.yuyue button {
    width: 260px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    background-color: #f9e7bd;
    font-size: 30px;
    color: #be251b;
    text-align: center;
    display: block;
    cursor: pointer;
}



.zt_form {
    width: 100%;
    overflow: hidden;
}
.zt_form_l {
    width: 480px;
    float: right;
}
.zt_form_l .yuyue_num {
    margin: 0 0 10px;
    text-align: center;
    font-size: 28px;
    color: #8f5d43;
    letter-spacing: 1px;
}
.zt_form_l .swiper-container {
    width: 480px;
    height: 35px;
    background: #fde5d1;
    border-radius: 35px;
    overflow: hidden;
}
.zt_form_l .swiper-slide {
    width: 490px;
    height: 35px;
    line-height: 35px;
}
.zt_form_l .swiper-slide p {
    font-size: 20px;
    color: #854e31;
    text-align: center;
}

.zt_form_r {
    float: left;
    margin-top: 15px;
}

.type {
    margin: 0 0 20px;
}
.new, .old {
    position: relative;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}
.new {
    margin-left: 100px;
    margin-right: 130px;
}
.type label {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    margin-left: 30px;
    cursor: pointer;
    color: #854e31;
}
.type input {
    z-index: 3;
    position:
            absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    margin: auto; /* 这里及以上的定位，可以让该元素竖直居中。(top: 0; bottom: 0;) */
    opacity: 0;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.type span {
    position: absolute;
    top: 0; bottom: 0;
    left: 0px;
    margin: auto;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #8f5d43;
    border-radius: 50%;
    cursor: pointer;
}
.type .active span {
    border: 1px solid #f50000;
    background-color: #f50000;
    padding:-5px;
}
.type .active label {
    color: #f50000;
}

.zt_form_r .yuyue-item {
    width: 150px;
    height: 40px;
    overflow: hidden;
    float: left;
    margin-bottom: 21.5px;
}
.zt_form_r .yuyue-item:nth-child(1),.zt_form_r .yuyue-item:nth-child(3) {
    margin-right: 10px;
}
.zt_form_r .queryoffer .form-item {
    position: relative;
    overflow: hidden;
}
.queryoffer .danwei {
    width: 130px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #ebc5a0;
    color: #854e31;
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 5px;
    display: none;
}
.queryoffer .form-item .notice {
    width: 120px;
    height: 60px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: #ebc5a0;
    color: #854e31;
    text-align: center;
    display: none;
}
.queryoffer .form-item .notice p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
}
.queryoffer .form-item .notice p:nth-child(1) {
    padding-top: 8px;
}
.zt_form_r .queryoffer .form-item input,.zt_form_r .queryoffer .form-item-submit button {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #9d5934;
    background: #fff;
    border: 1px solid #f1f1f1;
    padding: 0 10px;
    padding-left: 10px;
    text-align: left;
    position: relative;
}
.zt_form_r .queryoffer .form-item select {
    padding-right: 0;
    width: 100%;
    /*width: 252px;*/
    /**width: 198px;!*ie7*!*/
    height: 38px;
    font-size: 14px;
    color: #51281b;
    /*padding: 19px 0 19px 10px;*/
    vertical-align: middle;
    padding-left: 10px;
    /*background: transparent;*/
    font-family: auto;
}
.zt_form_r .queryoffer .form-item-province,.zt_form_r .queryoffer .form-item-city {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 120px center;
    background-size: 10px 8px;
}
.zt_form_r .queryoffer .form-item-province,.zt_form_r .queryoffer .form-item-city {
    background: none\9;
    /*float: left;*/
    /*width: 250px;*/
}
.zt_form_r .queryoffer .form-item-city {
    background: none\9;
    float: right;
}

.zt_form_r .queryoffer .form-item-submit {
    text-align: center;
    border: none;
}
.zt_form_r .queryoffer .form-item-submit button {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff !important;
    background: #780001 !important;
    font-size: 14px;
    cursor: pointer;
    display: block;
    border: none !important;
    font-size: 16px;
}
.form-item-submit .form_submit {
    background: #ed281c !important;
}
.h-yh {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}
.h-yh .yh-item {
    width: 225px;
}
.h-yh .yh-item img {
    width: 100%;
}
.h-yh .yh-item:nth-child(1),.h-yh .yh-item:nth-child(2) {
    margin-bottom: 20px;
}
.form_footer {
    width: 1024px;
    height: 317px;
    position: absolute;
    left: 50%;
    top: 56%;
    margin-left: -512px;
}
.form_footer .queryoffer {
    width: 1085px;
    margin: 30px auto 0;
    overflow: hidden;
}
.form_footer .queryoffer .yuyue-item {
    margin-right: 20px;
    height: 70px;
    float: left;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 20px;
}
.form_footer .queryoffer .yuyue-item:nth-child(2),.form_footer .queryoffer .yuyue-item:nth-child(3),.form_footer .queryoffer .yuyue-item:nth-child(6){
    margin-right: 0;
}
.form_footer .queryoffer .yuyue-item .form-item {
    width: 500px;
    height: 70px;
    background: #fff;
    position: relative;
}
.form_footer .queryoffer .form-item-province, .form_footer .queryoffer .form-item-city {
    float: left;
    width: 185px;
    height: 70px;
    background: #ffefd7;
}
.form_footer .queryoffer .form-item-province {
    margin-right: 20px;
}
.form_footer .queryoffer .yuyue-item .form-item input,.form_footer .queryoffer .yuyue-item .form-item select {
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #a27d6b;
    font-family: auto;
    background: #fff;
}
.queryoffer .yuyue-item .form-item select {
    background:transparent;
}
.form_footer .queryoffer .yuyue-item .form-item input {
    padding-left: 20px;
    box-sizing: border-box;
}

.form_footer .queryoffer .yuyue-item select {
    padding-right: 0;
    width: 100%;
    /**width: 198px;!*ie7*!*/
    height: 70px;
    font-size: 18px;
    color: #333;
    padding: 19px 0 19px 10px;
    vertical-align: middle;
    padding-left: 20px;
    background: transparent;
}
.form_footer .queryoffer .yuyue-item .form-item-province,.form_footer .queryoffer .yuyue-item .form-item-city {
    background-color: #fff;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 460px center;
    border-radius: 5px;
}
.form_footer .queryoffer .form-item-submit {
    float: left;
}

.form_footer .queryoffer .form-item-submit button {
    width: 500px;
    height: 70px;
    text-align: center;
    color: #fff !important;
    font-size: 26px;
    cursor: pointer;
    display: block;
    border: none !important;
    border-radius: 5px;
    background: #a76643;
}

#newbridge {
    display: none !important;
}

.ffloat {
    display: none !important;
}
.control ul li {
    width: 270px;
    height: 50px;
    font-size: 18px;
    position: absolute;
    left: 50%;
    padding-left: 60px;
    line-height: 50px;
    color: #fff;
    cursor: pointer;
}
.control ul li:nth-child(1) {
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 48px 50px;
    top: 327px;
    margin-left: -455px;
}
.control ul li:nth-child(2) {
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 48px 50px;
    top: 407px;
    margin-left: -455px;
}
.control ul li:nth-child(3) {
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 48px 50px;
    top: 487px;
    margin-left: -455px;
}
.control ul li:nth-child(4) {
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 48px 50px;
    top: 567px;
    margin-left: -455px;
}
.control ul li:nth-child(5) {
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 48px 50px;
    top: 647px;
    margin-left: -455px;
}
.control ul li:nth-child(6) {
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 48px 50px;
    top: 327px;
    margin-left: -115px;
}
.control ul li:nth-child(7) {
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 48px 50px;
    top: 407px;
    margin-left: -115px;
}
.control ul li:nth-child(8) {
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 48px 50px;
    top: 487px;
    margin-left: -115px;
}
.control ul li:nth-child(9) {
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 48px 50px;
    top: 567px;
    margin-left: -115px;
}
.control ul li:nth-child(10) {
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 48px 50px;
    top: 647px;
    margin-left: -115px;
}
.control ul li.active:nth-child(1) {
    background-image: ;
    color: #c19c6f;
}
.control ul li.active:nth-child(2) {
    background-image: ;
    color: #c19c6f;
}
.control ul li.active:nth-child(3) {
    background-image: ;
    color: #c19c6f;
}
.control ul li.active:nth-child(4) {
    background-image: ;
    color: #c19c6f;
}
.control ul li.active:nth-child(5) {
    background-image: ;
    color: #c19c6f;
}
.control ul li.active:nth-child(6) {
    background-image: ;
    color: #c19c6f;
}
.control ul li.active:nth-child(7) {
    background-image: ;
    color: #c19c6f;
}
.control ul li.active:nth-child(8) {
    background-image: ;
    color: #c19c6f;
}
.control ul li.active:nth-child(9) {
    background-image: ;
    color: #c19c6f;
}
.control ul li.active:nth-child(10) {
    background-image: ;
    color: #c19c6f;
}
.engineer {
    width: 400px;
    height: 532px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 25%;
    margin-left: 180px;
}
.engineer .swiper-button-next,.engineer .swiper-button-prev {
    width:30px;
    height:30px;
    position:absolute;
    z-index:100;
    top:95%;
    margin-top:-25px;
    outline:none;
    cursor:pointer;
    opacity:1;
}
.engineer .swiper-button-next{
    background:url(/uploads/image/xzeimages/button_next.png) no-repeat 50% 50%;
    right: 40%;
    background-size: 30px;
}
.engineer .swiper-button-prev{
    background:url(/uploads/image/xzeimages/button_prev.png) no-repeat 50% 50%;
    left: 40%;
    background-size: 30px;
}
.case_more {
    width: 600px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #f1f1f1;
    text-align: center;
    position: absolute;
    bottom: 10%;
    left: 50%;
    margin-left: -300px;
    cursor: pointer;
}
.case_more a {
    display: block;
    color: #333;
    font-size: 22px;
}

/*popup-alert*/
.popup-alert {
    display: none;
}
.popup-alert-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    background-color: rgb(0, 0, 0);
    opacity: 0.3;
    top: 0;
    left: 0;
}
.popup-alert-main {
    width: 538px;
    height: 423px;
    position: fixed;
    z-index: 19891015;
    top: 20%;
    left: 50%;
    margin-left: -269px;
    background: url(/uploads/image/xzeimages/alert.png) no-repeat 0 top;
    background-size: 100%;
}
.popup-alert-close {
    position: absolute;
    z-index: 19891019;
    top: 32px;
    right: 39px;
    width: 32px;
    height: 32px;
}
.popup-alert-close img {
    width: 100%;
    display: block;
}
.popup-alert-form {
    width: 440px;
    margin: 125px auto 0;
}
.popup-alert-form .zt_form_r .yuyue-item {
    width: 212px;
    height: 50px;
}
.popup-alert-form .zt_form_r .queryoffer .form-item input, .popup-alert-form .zt_form_r .queryoffer .form-item-submit button {
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.popup-alert-form .zt_form_r .yuyue-item:nth-child(1), .popup-alert-form .zt_form_r .yuyue-item:nth-child(3) {
    margin-right: 15px;
}
.popup-alert-form  .zt_form_r .queryoffer .form-item select {
    height: 47px;
}
.popup-alert-form .zt_form_r .queryoffer .form-item-province, .popup-alert-form .zt_form_r .queryoffer .form-item-city {
    background-position: 180px center;
    background-size: 14px 10px;
}
.popup-alert-form .form-item-submit .form_submit {
    background: none !important;
    width: 300px;
    margin-top: 8px;
    cursor: pointer;
}

/*slide*/
.sidebar {width: 170px;position: fixed;right: 10px;top: 11%;z-index: 1000;display: none;}
.sidebar .slide {width: 100%;}
.sidebar a {display: block;}
.sidebar a.top {
    width: 135px;
    height: 67px;
    position: absolute;
    left: 19px;
    top: 338px;
    text-indent: -9990px;
}


/*透明度变化*/
.flsh { -webkit-animation: flashgh 6s .5s ease both infinite; -moz-animation: flashgh 4s .2s ease both infinite; animation: flashgh 4s .2s ease both infinite; }
@-webkit-keyframes flashgh {
    0% { opacity: 1; }
    25% { opacity: .2; }
    50% { opacity: 1; }
    75% { opacity: .2; }
    100% { opacity: 1; }
}
@-moz-keyframes flashgh {
    0% { opacity: 1; }
    25% { opacity: .2; }
    50% { opacity: 1; }
    75% { opacity: .2; }
    100% { opacity: 1; }
}
@-o-keyframes flashgh {
    0% { opacity: 1; }
    25% { opacity: .2; }
    50% { opacity: 1; }
    75% { opacity: .2; }
    100% { opacity: 1; }
}
@-ms-keyframes flashgh {
    0% { opacity: 1; }
    25% { opacity: .2; }
    50% { opacity: 1; }
    75% { opacity: .2; }
    100% { opacity: 1; }
}

@media screen and (max-width:1200px) {

}