﻿#jj_right {margin-top:0px;}
#secbanner a{display:block;height:400px;position:relative;}
#secbanner a img {width:auto;height:auto;animation:minus 5s;filter: blur(1px);}
#secbanner a img:after{display: block;width: 100%;height: 880px;background: rgba(17,17,17,.2);z-index: 1;}
h4.bulid_title{font-size:22px;line-height:72px;text-align:center;color:#4c4c4c;}
.page_index_box{font-size:15px;line-height:30px;text-align:center;color:#666;}
.warper_top:after{display:block;content:"";clear:both; }
.wrap-con .mycon, .wrap-con .mycon p {line-height: 180%;}
.wrap-con {width: 95%;padding:2.5%;overflow: hidden;}
#wrap730 {width: 730px;float: right;}
.sub-content {position: relative;top: 160px;width: 1000px;margin: 0 auto;clear: both;padding-bottom: 200px;}
:focus {outline: 1;}
.wrap-con .mycon p {margin-bottom: 3px;}
.line {height: 1px;background: #e8e8e8;border: 0;margin-top: 20px;margin-bottom: 20px;clear: both;display: block;}
.wrap-con {display:block;margin-top:0px;border:0px solid #eeeeee;width: calc(100% - 0px);padding:0% 0;}
.wrap-min-contact .wrap-min-box {display: block;width: 100%;border:0px solid #eeeeee; float: left;margin-left: 0%;margin-right:0%; text-align:center;padding:0% 0% 0% 0%;margin-bottom:0%;}
.wrap-min-box a{display:inline;width:60px;float:left;text-align:center;}
.wrap-min-box img {display: block;width: 40px;/*background:#dcdcdc;*/border-radius:50%;margin:10px auto 10px auto; /*animation: tb linear 3s infinite alternate;*/}
.wrap-min-box label {display: block;text-align: left;font-size:100%;font-weight:bold;}
.wrap-min-tit{font-size:20px;line-height:55px;}
.wrap-min-tit h4 {font-size: 18pt;text-align:center;margin:2.5% auto 2.5% auto;}
.wrap-min-box label,.wrap-min-box p{width:calc(100% - 40px);margin:0px auto;}
.wrap-min-box p {display:block; text-align:left;margin-top:0px;color:#333;}
.wrap-min-box P img {display: block;width: 160px;/*animation: tb linear 3s infinite alternate;*/text-align:left;border:1px solid #dbdbdb;}
.wrap-min-contact .btn {position: relative;top: -100px;z-index: 999999;left: calc(50% - 60px);width: 120px;}
.ct p{text-align:left;}

.contact_wrap{padding:50px;}
.wrap-min-maps{display:block;float:initial;width:100%;margin-top:30px;}
.wrap-min-maps a{display:none;}
.wrap-min-contact{display:block;float:initial;width:100%;}

/*feedback*/
#order-form {width: 100%;margin-bottom: 0px;margin-top: 0px;}
#order-form .step2, #order-form .step3{width: 100%;display: block;}
#order-form .step2{display:none;}
#order-form .step4 {width: 100%;display: none;}
#order-form .step2 h3, #order-form .step3 h3, #order-form .step4 h3 {margin-bottom: 15px;}
:-ms-input-placeholder {color: #ababab;opacity: 1;}
#order-form .step4 input {width: 710px;height: 25px;float: initial;padding: 2px 8px;margin-bottom: 10px;border: solid 1px #dbdbdb;font: 12pt "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;}
#order-form .step3 textarea {width:calc(100% - 22px);height: 132px;padding: 10px;border: solid 1px #dbdbdb;resize: none;color: #1f1f1f;border-radius:5px;
                             font-size:12px;
}
#order-form .step3 p {margin: 20px 0;}
input, select, checkbox, radio {vertical-align: middle;}
#order-form .step2 ul {width: 100%;}
#order-form .step2 ul li {float: left;margin-bottom: 20px;width: 120px;margin-right: 20px;}
#order-form .step2 ul li a {display: block;height: 40px;background: rgba(255,255,255,0.45);text-align:center;border-radius:5px;}
#order-form .step2 ul li a.hover {display: block;height: 40px;background: #fff;color:#222;}
#order-form .step2 ul li a span {width: 100%;display: block;float: left;height:40px;line-height:40px;text-align:center;}
#order-form .step2 ul li a:hover i, #order-form .step2 ul li a.hover i {background: #ff0000;}
#order-form .step1 ul {width: 100%;border-bottom: solid 1px #dbdbdb;margin-bottom: 20px;margin-top:20px;border-top:1px solid #dbdbdb;padding-top:20px;}
#order-form .step1 ul:after{display:block;content:"";width:100%;clear:both; }
#order-form .step1 ul li {float: left;margin-bottom: 20px;width:calc(50% - 50px);margin-right: 50px;position:relative;}
#order-form .step1 ul li span {width: 60px;float: left;font-weight: bold;line-height:32px;}
#order-form .step1 ul li p select{border:1px solid #dbdbdb; width: 82px; height: 26px; line-height:26px; background: none; margin-right:2px;font-size:small;}
#order-form .step1 ul li input {position:absolute;left:80px; width:calc(100% - 80px);height: 25px;float: left;padding: 2px 8px;border-radius:5px; border: solid 1px #dbdbdb;font: 12pt "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;}
#order-form .step1 ul li p {position:absolute;left:80px; width: 360px;height: 25px;float: left;padding: 2px 0px;border-radius:5px; border: solid 0px #dbdbdb;font: 12pt "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;margin-top:0px;}

.js-submit{float:left;}
.feedback_relation {display:block;width:100%;font-size:small;}
.wrap-con .mycon  .feedback_relation img{display:block;float:left;width:20%;margin-right:10px;border:4px solid #fff;}
#post_prod{display:none;}

.wrap-con .mycon img {width: 100%;}
.pcshare {display:block;clear:both;width:100%;margin:40px auto;text-align:center;
background-image:-webkit-linear-gradient(to top, #d1d1d1, #ffffff);background-image:linear-gradient(to top, #d1d1d1, #ffffff);
border:1px solid #ddd;}
.wxtags a.opensrcurl{color:#607fa6;}
@media screen and (max-width:1200px) {
    .wrap-con {background:#fff;border-radius:10px;margin-top:0;}
    .wrap-min-tit {margin-top: 0%;margin-bottom:0%;text-align:center;}
    /*feedback*/
    .wrap-con{width:95%;padding:2.5%;border:0;display:block;}
    #order-form {width: 100%;margin-bottom: 30px;margin-top: 20px;}
    #order-form .step2, #order-form .step3 {width: 100%;display: block;}
     #order-form .step2{display:none;}
    #order-form .step2 h3, #order-form .step3 h3 {font-size: 16px;margin-bottom: 15px;}
    :-ms-input-placeholder {color: #ababab;opacity: 1;}
    #order-form .step3 textarea {width:calc(95% - 2px);height: 150px;padding:2.5%;border: solid 1px #dbdbdb;resize: none;font: 12px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #1f1f1f;}
    #order-form .step3 p {margin: 20px 0px 0px 0px;}
    input, select, checkbox, radio {vertical-align: middle;}
    #order-form .step2 ul {width: 102%;}
    #order-form .step2 ul li {float: left;margin-bottom: 20px;width: 30%;margin-right: 2.5%;font-size: 12px;}
    #order-form .step2 ul li a {display: block;height: 50px;background: #eee;text-align:center;}
    #order-form .step2 ul li a.hover {display: block;height: 50px;background: #bb0511;color:#fff;}
    #order-form .step2 ul li a span {width: 65px;display: block;float: initial;padding: 5px 0 5px 0;text-align:center;margin:0 auto;}
    #order-form .step2 ul li b {font-size: 13px;}
    #order-form .step1 ul {width: 100%;border-bottom: solid 1px #dbdbdb;margin-bottom: 20px;}
    #order-form .step1 ul li {float: left;margin-bottom: 20px;width: 100%;margin-right: 70px;}
    #order-form .step1 ul li span {width: 100%;float: left;font-weight: bold;}
    #order-form .step1 ul li p{width:calc(95% - 80px);}
    #order-form .step1 ul li p select {width: calc(33.3% - 4px);height: 31px;float: left;padding: 2px 8px;border: solid 1px #dbdbdb;font: 13px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;margin-bottom:10px;   }
    #order-form .step1 ul li input {width:calc(95% - 80px);height: 25px;float: right;border: solid 1px #dbdbdb;font: 12pt "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;}

    .wrap-con .mycon img {width: 100%;}
    .tc888 img{width:100%;}

.contact_wrap{padding:0px 0px;}
.wrap-min-maps{display:inline;float:left;width:100%;}
.wrap-min-maps a{display:none;}
.wrap-min-contact{display:inline;float:right;width:100%;}

}
#contact{display:inline;float:right;width:calc(95% - 2px);padding:2.5%;background:#fff;border:1px solid #dcdcdc;margin-bottom:50px;}
#feedback{display:inline;float:left;width:calc(95% - 2px);padding:2.5%;background:#fff;border:1px solid #dcdcdc;margin:0px auto 0px auto;}

@media screen and (max-width:1200px) {
    .warper_cet {margin-top:0px;padding-top: 0px;}
    #jj_right {margin-top:0px;}
    #contact{display:inline;float:left;width:100%;padding:0px;background:initial;}
    #feedback{display:inline;float:right;width:100%;padding:0px;background:initial;border:0px;}            

    .btn{width:100%;margin:0px auto;}
}