@charset "utf-8";
input::-webkit-input-placeholder{color:rgba(255,255,255,.8);letter-spacing:3px}
input::-moz-placeholder{color:rgba(255,255,255,.8);letter-spacing:3px}
input:-moz-placeholder{color:rgba(255,255,255,.8);letter-spacing:3px}
input::-ms-input-placeholder{color:rbga(255,255,255,.8);letter-spacing:3px}

.top{
    height:44px;
    line-height: 44px;
    background: url(../images/topbg.png) center center no-repeat;
}
.top .pa{
    right:100px;
    top:0;
}
.logo{
    padding: 0.56rem 0;
}
.logo img{
    max-height:100%;
}
.navpc{
    height:72px;
    line-height: 72px;
}

.navpc a{
    width: 100px;
    display:block;
}
.navpc a:hover,.navpc .navpcon{
    background: #087bc7;
    color:#fff;
}
.navmob{
    height:65px;
    line-height: 65px;
}
.banner .layui-carousel {
    height: 30vw !important;
}
.scandkey{
    height:54px;
    padding:18px 0;
    bottom:0;
    z-index: 1;
    background: url(../images/scbg.png) center center no-repeat;
}
/* .sc{
    height:46px; 
   width:600px;

} */
.sctx{
    width: 400px;
    height:54px;
    margin-left: 35px;
    padding:0 10px;
    box-sizing: border-box;
    border:1px solid #fff;
    background: none;
    color:#fff;
}
.scbt{
    background:  url(../images/search.png) center center no-repeat;
    width:70px;
    height:54px;
    /* line-height:30px; */
    box-sizing: border-box;
    border:1px solid #fff;
    /* padding: 0 0 0 12px */
}

.txtMarquee-left{ width:460px;  position:relative;  }
.txtMarquee-left .bd{ }
.txtMarquee-left .bd .tempWrap{ width:485px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left;   text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li span{ color:#999;  }

.lb{
    height:54px;
    line-height:54px;
}
.lb a{
    color:#fff;
}
.titline{
    height:1px;
    background: url(../images/titline.png) center center no-repeat;
    margin: 0.85rem 0;
}
.protype h3 a,.protype .tx{
    display:block;
    background: #087bc7;
    height:74px;
    line-height: 74px;
    margin-right: 40px;
  
  
}
.protype h3 a{
    background: #fff;
    color:#333;
  padding-left: 20px;

    border: 1px solid #e0e0e0;
    border-top:none;
  	background:url(../images/box2.png)  90%  center no-repeat;
}
.protype h3 a:hover{
   color:#087bc7;
  background:url(../images/box1.png)  90%  center no-repeat;
}
.proshow p{
    height:2.4rem;
    line-height: 2.4rem;
}
.proshow{
    border:1px solid #eaeaea;
    padding:1rem 0 1px 0;
}
.aboutinf{
    background:#efeeee;
    padding:2rem 1rem 2.9rem;
    color: #525252;
    line-height: 1.8rem;
}
.aboutdot1{
    background: url(../images/about1.jpg) center center no-repeat;
}
.aboutdot2{
    background: url(../images/about2.jpg) center center no-repeat;
}
.aboutdot3{
    background: url(../images/about3.jpg) center center no-repeat;
}
.aboutdot4{
    background: url(../images/about4.jpg) center center no-repeat;
}
.aboutdot{
    background-size: cover;

}
.aboutbg{
    background: #000;
    opacity:0.7;
    height:100px;
    padding:0 1rem;
    justify-content: space-between;
    transition: 0.3s ease-in-out;
}
.aboutbg:hover{
    opacity:0;
}
.newstype a{
    width:6.4rem;
    display:inline-block;
    height:2.2rem;
    line-height: 2.2rem;
    margin:0.9rem 0.2rem 1.8rem;
    background: #efeeee;
    color:#929292;
}
.newstype a:hover,.newstype .newstypeon{
    background: #087bc7;
    color:#fff;
}
.newsimg{
    padding:0.3rem;
    border:1px solid #efeeee;
}
.newsdat{
    height:60px;
}
.newsdat .r22{
    height:30px;
    line-height: 30px;
    padding-top:5px;
}
.newsdat .r12{
    height:20px;
    line-height: 20px;
}
.mapandform{
    height:330px;
    padding:2rem 0;
    background: url(../images/contbg.jpg) center center no-repeat;
}
.footer{
    background: #087bc7;
}
.footerpad{
    padding:1.4rem 3rem;
}
.footernav a{
    color:#fff;
    margin:0 0.5rem 0.8rem;
    display:inline-block;

}
.footernav{
    border-bottom:1px solid #fff;
    margin-bottom: 0.8rem;
}
/* inner */
.inleft {
    width: 285px;
}
.inleftnav p a{
    color:#fff;
}
.inleftnav h3:hover,
.inleftnav .inleftnavon {
    background: #aaaaaa;
}

.inleftnav h3:hover a,
.inleftnav .inleftnavon a {
    color: #fff;
    border-bottom: 1px solid #aaaaaa;
}

.inleftnav a {
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #aaaaaa;
    width: 216px;
    margin: 0 auto;
}

.inleftcont {
    padding-left: 15px;
    line-height: 24px;
}

.inlefttel {
    height: 78px;
    background: url(../images/cont.jpg) no-repeat;
    padding: 112px 0 0 33px;
}
.inprobox {
    border: 1px solid #d6d7d8;
}
.inprobox:hover {
    border: 1px solid #198ede;
}

.inprobox img {
    margin-top: 1rem;
    max-width: 100%;
}

.inprobox p {
    height: 2.5rem;
    line-height: 2.5rem;
}
.indes,
.indes p {
    color: #4f4f4f;
    line-height: 1.625rem;
}

.indes img {
    max-width: 90%;
}
.proinf {
    background: #f4f4f4;
    height: 34px;
    line-height: 34px;
    color: #858585;
}
.newsline{
    height:1px;
    background: url(../images/newsline.png) left center no-repeat;
}
.pathline{
    height:10px;
    background: url(../images/lbline.png) left top no-repeat;
}
.path a{
    color: #767676;
}
.espcms_form_group{width:100%;overflow: hidden;padding-bottom:15px;}
.control_label{float: left;width:15%;text-align: right;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#818181}
.control_label16{float: left;width:20%;text-align: right;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#818181}
.control_label20{float: left;width:25%;text-align: right;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#818181}
.control_required20{float: left;width:72%;}
.control_required{float: left;width:82%;overflow: hidden;}
.control_required .form_message,.control_required20 .form_message{font-size:12px;color: #BABABA;height:30px;line-height:30px;padding-left:28px;background: url('../images/faq.png') no-repeat 9px 0px;}
.control_required .form_message2,.control_required20 .form_message2{font-size:12px;color: #CE5C36;height:30px;line-height:30px;padding-left:0px;}
.control_required textarea{height: 94px;}

.infoInput,.blue2{padding:5px;margin: 0px;border:1px solid #d5d5d5;width:348px;}
.blue2{width:358px;}
.infoInput:hover{padding:5px;margin: 0px;border:1px solid #bfbfbf;}
.form0{
    width: 505px;
    margin: 0 auto;
}
.indes{
	font-family: "微软雅黑"!important;
}
@media screen and (min-width:1200px){
    .top,.inleft,.mapbig{
        display:block;
    }
    .navpc a{
        margin-right: 10px;
    }
    .navmob,.mapsma{
        display:none;
    }
    .newsdat{
        margin: 0 15px;
    }
    .newsinf{

    }


}
@media screen and (min-width:992px) and (max-width:1200px){
    .top,.mapbig{
        display:block;
    }
    .navpc a {
        width: 92px;
    }
    .navmob,.mapsma{
        display:none;
    }
    .aboutbg{
        background-size: cover;
        height:118px;
    }
    .newsdat{
        margin: 0 8px;
    }
    .sctx {
        width: 318px;
    }
    
}
@media screen and (min-width:768px) and (max-width:992px){
    .mapbig,.navpc,.scandkey,.protypebox,.newsdat{
        display:none;
    }
    .logo{
        padding: 5px 0;
    }
    .mapsma{
        display:block;
    }
}

@media screen and (max-width:768px){
    .mapbig,.navpc,.scandkey,.protypebox,.newsdat{
        display:none;
    }
    .logo{
        padding: 5px 0;
    }

    .mapsma{
        display:block;
    }
    .infoInput,.blue2{padding:5px;margin: 0px;border:1px solid #d5d5d5;width:200px;}
    .blue2{width:210px;}
    .form0{
        width: 220px;
        margin: 0 auto;
    }
    .control_label {
        width: 50%;
       text-align: left;
    }
    .control_required {
         width: 100%;
    }
    .form{
        padding-left:4rem;
    }
    .form .control_required textarea{
        height: 3rem;
    }
    
}