@charset "utf-8";

/* CSS Document */

* {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }
            
            body {
                font-family: "微软雅黑"
            }
            
            .box-shadow {
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
            }
            
            li {
                list-style: none;
            }
            
            input[type=text]:focus {
                border: 1px solid #6CF;
            }
            
            .tc_bg_bj {
                width: 100%;
                height: 100%;
                position: fixed;
                background: rgba(0, 0, 0, 0.5);
                z-index: 99999;
                display: block;
            }
            
            .tc_content {
                width: 980px;
                height: 460px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -490px;
                margin-top: -230px;
                background: #fff;
            }
            
            .tc_content_left {
                width: 489px;
                height: 460px;
                border-right: 1px solid #ddd;
                float: left;
                box-sizing: border-box;
                padding-top: 40px;
                padding-left: 30px;
                font-size: 14px;
                color: #333
            }
            
            .tc_content_left h1 {
                font-size: 28px;
                font-family: "微软雅黑";
                text-align: center;
                color: #333;
            }
            
            .tc_content_left p {
                font-size: 12px;
                font-family: "微软雅黑";
                text-align: center;
                line-height: 30px;
                color: #d61933;
                margin-top: 0;
            }
            
            .mianji {
                width: 250px;
                height: 37px;
                border: 1px solid #e6e6e6;
                text-indent: 10px;
                outline: none;
            }
            
            .tc_content_left select {
                outline: none;
                width: 78px;
                height: 36px;
                border: 1px solid #e6e6e6;
                color: #333;
            }
            
            .tc_content_left select option {
                color: #333;
            }
            
            .tc_content_right {
                width: 490px;
                height: 460px;
                float: left;
                padding-top: 40px;
            }
            
            .tc_content_right h1 {
                font-size: 20px;
                color: #333;
                font-weight: normal;
                font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;
                text-align: center;
                margin-bottom: 20px;
            }
            
            .ys_content {
                width: 345px;
                border: 1px solid #e6e6e6;
                font-size: 12px;
                color: #666;
                margin: 30px 0 30px 71px;
                padding: 56px 50px;
            }
            
            .tc_content_right p {
                width: 350px;
                margin-left: 73px;
                font-size: 12px;
                color: #d61933;
                margin-top: 10px;
            }
            
            .ys_btn {
                position: absolute;
                left: 50%;
                top: 50%;
                width: 100px;
                height: 100px;
                border-radius: 100px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
                margin-left: -50px;
                margin-top: -50px;
                opacity: 0.8;
                filter: Alpha(opacity=80);
                trasition: all 1s;
            }
            
            .ys_bg_content {
                position: absolute;
                 top: 9px;
                 left: 9px;
                animation: myfirst 2s infinite;
            }
            
            @keyframes myfirst {
                0% {
                    transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                    -webkit-transform: rotate(0deg);
                    -o-transform: rotate(0deg);
                    -moz-transform: rotate(0deg);
                }
                25% {
                    transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    -webkit-transform: rotate(90deg);
                    -o-transform: rotate(90deg);
                    -moz-transform: rotate(90deg);
                }
                50% {
                    transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    -webkit-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                }
                75% {
                    transform: rotate(270deg);
                    -ms-transform: rotate(270deg);
                    -webkit-transform: rotate(270deg);
                    -o-transform: rotate(270deg);
                    -moz-transform: rotate(270deg);
                }
                100% {
                    transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                    -webkit-transform: rotate(360deg);
                    -o-transform: rotate(360deg);
                    -moz-transform: rotate(360deg);
                }
            }
            
            .ys_btn:hover {
                opacity: 1;
                filter: Alpha(opacity=100);
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
            }
            
            /*.ys_close {
                position: absolute;
                right: 10px;
                top: 10px;
                cursor: pointer;
            }*/
            
            .zx_radio input {
                display: none;
            }
            
            .zx_radio span {
                float: left;
                line-height: 20px;
                margin-right: 4px;
            }
            
            .tc_zx_kuang {
                width: 20px;
                height: 20px;
                border: 1px solid #e6e6e6;
                display: inline-block;
                position: relative;
            }
            
            .tc_zx_kuang span {
                display: none;
            }
            
            .zx_radio img {
                width: 30px;
                position: absolute;
                left: -2px;
                top: -6px;
            }
            
            .zx_radio input[type=radio]:checked+.tc_zx_kuang span {
                display: block;
            }

.modal-open{overflow:hidden}
.modal{position:fixed;right:0;bottom:0;left:0;z-index:991050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5);}
.modal-sm{width:300px}
}
@media (min-width:992px){.modal-lg{width:900px}
}

.ex_price_pop {top: 14%}

.ex_price_pop .modal-dialog {width: 500px}

.ex_price_pop .modal-header {text-align: center}

.modal-title,.price-color {color: #74c4d6}

.modal-title {  display: inline-block;  position: relative;    font-size: 28px;    font-weight: bold;    color: #355997;    margin-left: 105px;  padding-top: 8px;  font-family: '微软雅黑',Verdana,Arial,Helvetica,sans-serif;}
.modal-title1 { display: inline-block;  position: relative;    font-size: 18px;    font-weight: bold;    color: #355997;    margin-left: 40px;    font-family: '微软雅黑',Verdana,Arial,Helvetica,sans-serif;}
.modal-body {padding: 15px 10%}

.pop-group>label {font-size: 16px;    color: #504f4f;    margin-right: 20px;    width: 70px}

.pop-group+.pop-group {margin-top: 20px}

.pop-group>input,.pop-group>select {border: 2px solid #ececec;    border-radius: 5px;    height: 45px;    width: calc(100% - 100px);    padding: 0 10px;    font-family: '微软雅黑',Verdana,Arial,Helvetica,sans-serif;}

.pop-area {position: relative;    width: 60%}

.pop-area>input {padding-right: 30px}

.pop-area>.cell {position: absolute;    top: 0;    bottom: 0;    right: 40px;    margin: auto;    line-height: 45px}

#ex_modal .modal-dialog {width: 1048px;    height: 550px;    background: url("../images/popbig_bg.png") no-repeat;}

#ex_modal .modal-header {text-align: left;    font-size: 28px;    border-bottom: 0;}

#ex_modal .modal-body {padding: 15px 600px 45px 120px;}

.pop-group.inline {display: inline-block;    width: 300px;}

#ex_modal .modal-content {padding-bottom: 130px;    padding-top: 100px;    box-shadow:none;    border: 0;    background-color: transparent;}

#ex_modal .pop-group+.pop-group {margin: 15px auto;}

#ex_modal .pop-area,#ex_modal .pop-phone {width: 300px;    margin-left: 30px}

#ex_city,#ex_price_name3,#tel {width: 200px}

.pop-type {margin: 20px 0!important}

.pop-type>select {width: 120px;    margin-right: 10px}

.bm-btn {display: block;    position: absolute;    top: 0;    bottom: 0;    right: 70px;    margin: auto;    width: 173px;    height: 173px;    border: 5px solid #f3f3f3;    border-radius: 50%;    cursor: pointer;    background: #82cca5;    color: #fff;    font-size: 24px;    line-height: 163px;    text-align: center;    opacity: .9;    animation: popSubmit linear infinite alternate 1.2s}

.bm-btn:hover {opacity: 1;    animation-play-state: paused}

@keyframes popSubmit {0% {transform: scale(1.1);        -webkit-transform: scale(1.1);        -moz-transform: scale(1.1);        -o-transform: scale(1.1);        -ms-transform: scale(1.1)
}

to {transform: scale(1);        -webkit-transform: scale(1);        -moz-transform: scale(1);        -o-transform: scale(1);        ms-transform: scale(1)
}}

#ex_calresult {position: absolute;    width: 746px;    height: 84px;    background: #ececec;    border-radius: 6px;    padding-left: 1px;    bottom: -74px;    right: 120px;    font-family: '微软雅黑',Verdana,Arial,Helvetica,sans-serif;}

#ex_calresult>p {display: inline-block;    text-align: center;    float: left;    width: 148px;    height: 100%;    padding-top: 26px;    background: url("../images/popbig_bg5.png") no-repeat 100%}

#ex_calresult>p:last-child {background: none}

#ex_calresult>p>span {display: block;    font-style: normal;    color: #555;    line-height: 16px;    margin-bottom: 8px}

#ex_calresult>p>em {display: block;    font-style: normal;    font-family: Arial;    font-size: 20px;    line-height: 20px}
.ex_submit{ display: block;    position: absolute;    top: -21%;    bottom: 0;    right: 43%;    margin: auto;    width: 145px;    height: 145px;    border: 5px solid #f3f3f3;    border-radius: 50%;    cursor: pointer;    background: #355997;    color: #fff;    font-size: 22px;    line-height: 140px;    text-align: center;    opacity: .9;    animation: popSubmit linear infinite alternate 0.8s;    font-family: '微软雅黑',Verdana,Arial,Helvetica,sans-serif;}

#ex_calresult:after {position: absolute;    content: "";    top: -20px;    right: 76px;    width: 0;    height: 0;    background: inherit;    border-style: solid;    border-width: 10px;    border-color: #fff #fff #ececec}

.title-bg-col {background: #dae7f1;    display: block;    height: 20px;    position: absolute;    bottom: 0;    left: 9px;    z-index: 0;    width: 228px;    left: 50%;    margin-left: -114px;}    
.popup-close {position: absolute;    height: 40px;    width: 40px;    top: 123px; right: 0px;    cursor: pointer;    background: url("../images/close_popbig.png") 0 no-repeat;}
#pz{
    position: absolute;
    width: 310px;
    top: 23%;
    left: 65%;
}
 #pz .swiper{
    padding-top: 175px;
}

 #pz .swiper .swiper-slide {
    width:310px;
    height: 162px;
    background: #fff;   
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
#pz .swiper .swiper-slide img {
    display: block;
    margin: auto;
    width: 100%;
    height: 162px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    
}

#pz .swiper-pagination {
    width: 100%;
    bottom: 20px
}

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

#pz .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff
}
#pz .swrt{
    color: rgba(74,74,74,.7);
    width: 57px;
    height: 100px;
    background: white;
    opacity: .8;
    line-height: 100px; 
    text-align: center;
    font-size: 30px;
    font-weight: 100;
    margin-top: 120px;
}
#pz .swiper-button-prev {
    left: 0;
    top: 70%;
}

#pz .swiper-button-next {
    right: 0;
    top: 68%;
}