/*轮播图*/
.hp-online {
    width: 100%;
    height: auto;
    background: rgba(41,44,54,0.9);
}
.hp-online .online-container {
    overflow: hidden;
    margin: 0 auto;
    max-width:1300px;
}
.hp-online .online-container .online-box {
    width: 25%;
    float: left;
    flex: 1;
    box-sizing: border-box;
    -moz-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
.hp-online .online-container .online-box a {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 20px 0px 10px 21px;
    color: #cacaca;
    -moz-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    overflow: hidden;
}
.hp-online .online-container .online-box .p-icon {
    padding-top: 5px;
    width: 37px;
    height: 37px;
    -moz-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    margin:7px 10px 17px 0;
    display: inline-block;
    background-repeat:no-repeat;
    background-size:100% 100%;
    float:left;
}
.hp-online .online-container .online-box span.shu{
    background-image: url(../images/s.png);
}
.hp-online .online-container .online-box span.qiu{
    background-image: url(../images/q.png);
}
.hp-online .online-container .online-box span.ben{
    background-image: url(../images/d.png);
}
.hp-online .online-container .online-box span.hb{
    background-image: url(../images/h.png);
}
.hp-online .online-container .online-box a div {
    float: left;
    width:160px;
}
.hp-online .online-container .online-box a div .title1 {
    font-size: 16px;
    width: 160px;
}
.hp-online .online-container .online-box p {
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
    display: -moz-box;
    -ms-line-clamp: 1;
    -ms-box-orient: vertical;
    display: -ms-box;
    word-break: break-all;
    overflow: hidden;
}
.hp-online .online-container .online-box:hover {
    background-color: #14161b
}
.slide .slide-next,.slide .slide-prev{outline:none;}
.slide .swiper-pagination span{
    border-radius: 0;
    width: 50px;
    height: 4px;
}
.slide .swiper-pagination-bullet-active{
    background: #f5533d;
}
.slide .mobile{
    display: none;
}
@media screen and (max-width: 768px) {
    .hp-online .online-container .online-box{
        width:50%;
        text-align: center;
    }
    .slide .pc{
        display: none;
    }
    .slide  .mobile{
        display: block;
    }
}
@media screen and (max-width:457px){
    .hp-online .online-container .online-box .p-icon{
        display: none;
    }
    .hp-online .online-container .online-box a div{
        width:auto;
    }
    .hp-online .online-container .online-box a div .title1{
        width:auto;
    }
}

/*七大服务*/
.hp-service {
    /* min-width: 1300px;*/
    width:100%;
    overflow: hidden;
}
.hp-service .service-wrap .slideTxtBox {
    width: 100%;
    border: none;
}
.hp-service .service-wrap .slideTxtBox .hd {
    height: 150px;
    margin: 0 auto;
    background: #fff;
    padding: 0px;
    border-bottom: none;
    line-height: inherit;
    position: relative;
    width:1200px;
}
.hp-service .service-wrap .slideTxtBox .hd span {
    width: 77px;
    height: 5px;
    display: inline-block;
    background: #f5533d;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}
.hp-service .service-wrap .slideTxtBox .hd span::after {
    position: relative;
    content: "";
    color: #f5533d;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #f5533d;
    left: 50%;
    margin-left: -7px;
    top: 9px;
}
.hp-service .service-wrap .slideTxtBox .hd ul {
    position: absolute;
    top: 16px;
    overflow: hidden;
    width: 100%;
    height: 135px;
    display: flex;
    justify-content: space-between;
    left: 0px;
}
.hp-service .service-wrap .slideTxtBox .hd ul li {
    float: left;
    margin-right: 0.4rem;
    font-size: 1rem;
    color: #273b4e;
    width: 77px;
    padding: 0px;
    padding-top: 18px;
    text-align: center;
    position: relative;
    top: 1px;
    box-sizing: border-box;
}
.hp-service .service-wrap .slideTxtBox .hd ul li.active {
    color: #f5533d;
}
.hp-service .service-wrap .slideTxtBox .hd ul li p {
    margin-top: -3px;
    font-size: 16px;
}
.hp-service .service-wrap .slideTxtBox .hd ul li .ic-p {
    width: 38px;
    height: 38px;
    overflow: hidden;
    vertical-align: -0.15em;
    margin: 8px auto 15px;
    display: inline-block;
    background-size:100% 100%;
}
.hp-service .service-wrap .slideTxtBox .hd ul li .ic-p img {
    width:100%;
    height:100%;
}
.hp-service .service-wrap .slideTxtBox .hd ul li .ic-p img.service_pic_h {
        display:none;
}
.hp-service .service-wrap .slideTxtBox .hd ul li.active .ic-p img.service_pic {
        display:none;
}
.hp-service .service-wrap .slideTxtBox .hd ul li.active .ic-p img.service_pic_h {
        display:block;
}
/*.hp-service .service-wrap .slideTxtBox .hd ul li .ic-location {
    background-image: url(../images/1.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li .ic-map {
    background-image: url(../images/2.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li .ic-yingyan {
    background-image: url(../images/3.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li .ic-direction {
    background-image: url(../images/4.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li .ic-navigation {
    background-image: url(../images/5.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li .ic-traffic {
    background-image: url(../images/6.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li .ic-search {
    background-image: url(../images/7.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li.active .ic-location {
    background-image: url(../images/1-h.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li.active .ic-map {
    background-image: url(../images/2-h.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li.active .ic-yingyan{
    background-image: url(../images/3-h.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li.active .ic-direction{
    background-image: url(../images/4-h.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li.active .ic-navigation{
    background-image: url(../images/5-h.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li.active .ic-traffic{
    background-image: url(../images/6-h.png);
}
.hp-service .service-wrap .slideTxtBox .hd ul li.active .ic-search{
    background-image: url(../images/7-h.png);
}
*/
.hp-service .service-wrap .slideTxtBox .bd {
    width: 100%;
    height: 520px;
    background: #2e3037;
    color: #fff;
}
.hp-service .service-wrap .slideTxtBox .bd ul {
    display: none;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    width:1200px;
}
.hp-service .service-wrap .slideTxtBox .bd ul.selected {
    display: block;
}
.hp-service .service-wrap .slideTxtBox .bd ul .service-box {
    height: 100%;
    overflow: hidden;
}
.hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-left {
    float: left;
    position: absolute;
    bottom: -73px;
    opacity: 0;
    -moz-animation: move1 .4s linear forwards;
    -webkit-animation: move1 .4s linear forwards;
    -ms-animation: move1 .4s linear forwards;
    animation: move1 .4s linear forwards;
    margin-left: 65px;
}
.hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-right {
    float: right;
    position: absolute;
    bottom: 100px;
    opacity: 0;
    left: 632px;
    -moz-animation: move2 .4s linear forwards;
    -webkit-animation: move2 .4s linear forwards;
    -ms-animation: move2 .4s linear forwards;
    animation: move2 .4s linear forwards;
}
.hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-right h2 {
    margin-bottom: 22px;
    width: 368px;
    height: 42px;
    color: #eaeaea;
}
.hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-right p {
    /*width: 550px;*/
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    font-size: 14px;
    color: #999fa9;
    margin-bottom: 20px;
    text-overflow: -o-ellipsis-lastline;
  /*display: -webkit-box;*/
  /*-webkit-line-clamp: 2;*/
  /*line-clamp: 2;*/
  -webkit-box-orient: vertical;
 padding-right:10px;
 line-height:1.8;

}
@media (max-width:768px) {
    .hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-right p {
         padding:10px;
    }
}
.hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-right p span {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(http://mapopen-website-wiki.cdn.bcebos.com/homePage/images/icon.png) no-repeat -153px 0px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}
.hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-right a {
    display: inline-block;
    width: 109px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    color: #999fa9;
    font-size: 14px;
    border: 1px solid #999fa9;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    margin-top: 5px;
    -moz-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
    .hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-right a:hover {
        color:#000;
        background:#eaeaea;
    }
@keyframes move1 {
    from {
        bottom: -53px;
        opacity: 0
    }
    to {
        bottom: 20px;
        opacity: 1
    }
}
@keyframes move2 {
    from {
        bottom: 100px;
        opacity: 0
    }
    to {
        bottom: 160px;
        opacity: 1
    }
}
@media screen and (max-width:1200px){
    .hp-service .service-wrap .slideTxtBox .hd {width:100%;}
    .hp-service .service-wrap .slideTxtBox .bd ul {width:100%;}
    .hp-service .service-wrap .slideTxtBox .bd{
        min-height:520px;
    }
}
@media screen and (max-width:1024px){
    .hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-left{
        position: inherit;
        width: 50%;
        margin:60px auto;
    }
    .hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-left img{
        max-width:100%;
    }
    .hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-right{
        position: inherit;
        width: 50%;
        float:left;
        margin:154px auto;
    }
}
@media screen and (max-width:768px){
    .hp-service .service-wrap .slideTxtBox .bd{
        height:auto;
        padding-bottom:40px;
    }

    .hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-left{
        width:100%;
        text-align: center;
        margin:0 auto;
        float:none;
    }
    .hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-right{
        width:100%;
        text-align: center;
        margin:0 auto;
        float:none;
    }
    .hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-right h2{
        text-align: center;
        width:100%;
    }
    .hp-service .service-wrap .slideTxtBox .bd ul .service-box .box-right p{
        width:100%;
        text-align: center;
    }
}
@media screen and (max-width:500px){
    .hp-service .service-wrap .slideTxtBox .hd ul li .ic-p{
        width:20px;
        height:20px;
    }
    .hp-service .service-wrap .slideTxtBox .hd ul li p{
        font-size:14px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -moz-line-clamp: 1;
        -moz-box-orient: vertical;
        display: -moz-box;
        -ms-line-clamp: 1;
        -ms-box-orient: vertical;
        display: -ms-box;
        word-break: break-all;
        overflow: hidden;
    }
    .hp-service .service-wrap .slideTxtBox .hd{
        height:126px;
    }
    .hp-service .service-wrap .slideTxtBox .hd span{
        width:46px;
    }
}

/*新闻资讯*/
.hp-news {
    position: relative;
    padding: 0px 0px 70px 0px;
    background: #2e3037;
}
  

.hp-news .news-wrap {
    margin: 0 auto;
    position: relative;
    height: 363px;
    margin-top: 40px;
    width:960px;
}
.hp-news .news-wrap .screen ul {
    position: absolute;
    top: 0px;
    width:100%;
}
.hp-news .news-wrap .screen ul li {
    overflow: hidden;
    float: left;
    width: 320px
}
.hp-news .news-wrap .screen ul li a {
    cursor: default
}
.hp-news .news-wrap .screen ul li img {
    width: 357px;
    height: 200px;
    -moz-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}
.hp-news .news-wrap .screen ul li .new-box {
    width: 100%;
    text-align: center;
    position: relative
}
.hp-news .news-wrap .screen ul li .new-box .new-box-overflow {
    width:100%;
    height: 200px;
    overflow: hidden
}
.hp-news .news-wrap .screen ul li .new-box .new-box-overflow img{
    max-width:100%;
}
.hp-news .news-wrap .screen ul li .new-box .new-box-overflow:after {
    content: '';
    display: block;
    width: 100%;
    height: 200px;
    /* background: rgba(0, 0, 0, 0.5);*/
    position: absolute;
    left: 0px;
    top: 0px
}
.hp-news .news-wrap .screen ul li .new-box .news-box-title {
    margin: 13px auto;
    width: 90%;
    font-size: 16px;
    color: #8e93a2;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box
}
.hp-news .news-wrap .screen ul li .new-box .circle {
    display: block;
    padding: 10px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #2e3037;
    border: 1px solid #8e93a2;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    margin-top: 34px;
    margin-bottom: 14px;
    -moz-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    z-index: 99
}
.hp-news .news-wrap .screen ul li .new-box .circle:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-color: #8e93a2;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}
.hp-news .news-wrap .screen ul li .new-box .news-box-text .news-box-time {
    -moz-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    font-size: 16px;
    color: #8e93a2;
    position: relative;
    top: -4px
}
.hp-news .news-wrap .screen ul li .new-box .news-box-text .news-box-content {
    width: 90%;
    height: 35px;
    margin: 0 auto;
    font-size: 12px;
    color: #8e93a2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    display: -moz-box;
    -ms-line-clamp: 2;
    -ms-box-orient: vertical;
    display: -ms-box;
    word-break: break-all
}
.hp-news .news-wrap .screen ul li .new-box:hover {
    cursor: pointer;
    color: #f00
}
.hp-news .news-wrap .screen ul li .new-box:hover img {
    transform: scale(1.15) translateZ(0)
}
.hp-news .news-wrap .screen ul li .new-box:hover .circle {
    border: 1px solid #ff4d35
}
.hp-news .news-wrap .screen ul li .new-box:hover .circle:after {
    background-color: #ff4d35
}
.hp-news .news-wrap .screen ul li .new-box:hover .news-box-time {
    font-size: 16px;
    color: #ff4d35
}
.hp-news .news-wrap .arrows {
    width:100%;
    height:0;
}
.hp-news .news-wrap .arrows span {
    width: 66px;
    height: 98px;
    float: left;
    cursor: pointer;
    text-align: center;
    opacity: 1;
    background: url("http://mapopen-website-wiki.cdn.bcebos.com/homePage/images/left.svg") no-repeat 56%;
    background-size: 42%;
    outline:none;

}
.hp-news .news-wrap .arrows .arrows-left{
    position: relative;
    left:-60px;
}
.hp-news .news-wrap .arrows .arrows-rigth {
    background: url("http://mapopen-website-wiki.cdn.bcebos.com/homePage/images/right.svg") no-repeat 56%;
    background-size: 42%;
    float:right;
    position: relative;
    right:-60px;
}
.hp-news:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #43454b;
    position: absolute;
    top: 483px;
}
@media screen and (max-width:960px) {
    .hp-news .news-wrap {
        width:100%;
    }
    .hp-news .news-wrap .arrows .arrows-left{
        left:0;
    }
    .hp-news .news-wrap .arrows .arrows-rigth {
        right:0;
    }
}
@media screen and (max-width:768px) {
    .hp-news:after {
        top:445px;
    }
}

/*产品专区*/
.hp-used {
    width:100%;
}
.hp-used .used-wrap {
    margin: 0 auto;
    padding-top: 30px;
    padding-right: 6px;
    padding-left: 6px;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 30px;
}
.hp-used .used-wrap .used-box-js {
    width: 290px
}
.hp-used .used-wrap .used-box-js .used-box-pic1 {
    height: 374px;
    overflow: hidden
}
.hp-used .used-wrap .used-box {
    float: left;
    width: 24%;
    /*min-height: 320px;*/
    max-width: 320px;
    background: #f4f6f8;
    transition: all .4s ease 0s;
    margin: 10px auto;
}
.hp-used .used-wrap .used-box .used-box-pic {
    
    transition: all .4s ease 0s;
    /*min-height: 320px;*/
    overflow: hidden
}
.hp-used .used-wrap .used-box .used-box-pic img {
    
    width: 100%;
    
    transition: all .4s
}
.hp-used .used-wrap .used-box .used-box-pic .img1 {
    transition: all .4s ease 0s;
    opacity: 1
}
.hp-used .used-wrap .used-box .used-box-text {
    padding: 15px;
    box-sizing: border-box
}
.hp-used .used-wrap .used-box .used-box-text .title {
    text-align: center
}
.hp-used .used-wrap .used-box .used-box-text .title h2 {
    font-size: 18px;
    color: #333;
    margin-bottom: 4px;
    font-weight:normal;
    line-height: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
.hp-used .used-wrap .used-box .used-box-text p {
    font-size: 12px;
    color: #999;
    height: 36px;
    overflow: hidden;
    text-align: center;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    display: -moz-box;
    -ms-line-clamp: 2;
    -ms-box-orient: vertical;
    display: -ms-box;
    word-break: break-all;
}
.hp-used .used-wrap .used-box:hover {
    box-shadow: 0px 0px 9px #ccc
}
.hp-used .used-wrap .used-box:hover .used-box-pic .img1 {
    opacity: 0
}
.hp-used .used-wrap .used-box:hover .used-box-pic img {
    transform: scale(1.15) translateZ(0)
}
.hp-used .used-wrap .used-box-js {
    height: 374px;
    float: left
}
.hp-used .used-wrap .used-box-js .used-box-pic1 img {
    width: 290px;
    height: 374px
}
.apply {
    position:fixed;
    right:10px;
    top:50%;
    z-index:2;
    box-shadow:0 0 10px rgba(0,0 ,0, .5)  ;
    
}
    .apply .apply-box {
        background:#fff;
        padding:10px;
    }
    .apply .apply-box dd {
        text-align:center;
        font-size:14px;
        color:#000;
        padding:5px 0 ;
    }
@media screen and (max-width:768px){
    .hp-used .used-wrap{
        padding-top:15px;
    }
    .apply {
    display:none;
}
}
@media screen and (max-width:600px){
    .hp-used .used-wrap .used-box {
        width:48%;
    }
}
@media screen and (max-width:375px){
    .hp-used .used-wrap .used-box {
        width:100%;
    }
}

@media(max-width:1024px) {
    .apply {
        position:fixed;
        right:10px;
        top:400px;
    }
}

.gallery-top {
    width:100%;
    /*height:220px;*/
    margin-bottom:20px;
    padding:10px;
    position:relative; 
}
@media(max-width:768px) {
    .gallery-top {
        width:60%;
        margin:20px auto;
        height:auto;
        border: 0;
    }
}
.move{
	width:200px;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	background:url("../images/cover.png");
	display:none;
}
.big{
	width:400px;
	height:400px;
	position:absolute;
	top:0px;
	left:0;
	overflow:hidden;
	display:block;
}
.big img{
	position:absolute;
	left:0;
	top:0;
}
.gallery-top .big_img{
    width:100%;
    height:100%;
    
}
.gallery-bottom {
    width:100%;
    position:relative;

}
.gallery-thumbs {
    
    margin:0 auto;
    height:50px;
   
}
.gallery-thumbs .swiper-wrapper .swiper-slide,
.gallery-thumbs .swiper-wrapper .swiper-slide img {
    width:50px;
    height:50px;
    
}
@media (max-width:1024px) {
    .gallery-thumbs .swiper-wrapper .swiper-slide,
    .gallery-thumbs .swiper-wrapper .swiper-slide img {
        width:100%;
    }
}
.productInfo_list li{
    padding:10px 0 ;
    font-size:14px;
}
.productInfo_list li.text_title {
    padding-top:25px;
    font-size:20px;
    font-weight:bolder;
    color:#000;
}
.productInfo_list li span {
    display:inline-block;
}
.productInfo_list li span:first-child {
    width:100px;
    display:inline-block;
    text-align:right;
    margin-right:20px;
}
@media(max-width:520px) {
    .productInfo_list li span:first-child {
        width:auto;
    }
}
.productInfo_list li a.buy_btn,
.productInfo_list li a.feedback_btn {
    display:inline-block;
     width: 135px;
    height: 40px;
    line-height: 40px;
    margin: 20px 0 0 12px;
    text-align: center;
    cursor: pointer;
}
@media(max-width:768px) {
    .productInfo_list li a.buy_btn,
    .productInfo_list li a.feedback_btn {
      width: 105px;  
    }
}
.productInfo_list li a.buy_btn {
   background:#E36300;
   color:#fff;
}
.productInfo_list li a.feedback_btn {
    color: #E36300;
    font-size: 16px;
    border: 1px solid #E36300;
    background: #fef4f2;
}
.product_body {
    background:#f5f5f5;
}
.product_bgcolor {
    background:#fff;
}
.recommendation {
    
}
.title_top {
    margin: 0;
    padding: 0 0 15px;
    border-bottom: 1px solid #e0e0e0;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}
.recommendation_list ul li {
    margin: 15px 0;
    overflow:hidden;
}
.recommendation_list ul li a {
    color:#000;
}
.recommendation_list ul li img {
    width:60px;
    height:60px;
    margin-right:10px;
    float:left;
    margin-bottom:10px;
}
.recommendation_list ul li p {
    float:left;
    width:60%;                  
}
@media(max-width:992px) {
    .recommendation_list ul li p {
        float:left;
        width:70%;                  
    }
}
.recommendation_list ul li span {
     font-size: 14px;
    line-height: 20px;
    display:block;
}
.recommendation_list ul li span.title{
    overflow: hidden;    
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recommendation_list ul li span.introduction {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size:12px;
    color:#999;
}


/*关于我们*/
.hp-about{
    margin:0 auto;
    margin-bottom:80px;
}
@media (max-width:768px) {
    .hp-about {
        margin-bottom: 20px;
    }
}
.hp-about .container{
    margin-top:20px;
}
.hp-about .content-box{
    margin-top:20px;
    font-size:14px;
}
    .hp-about .content-box .content-top p {
            font-size: 14px;
    line-height: 2;
    color: #7F7F80;
    }
.hp-about .hp-about-right .line{
    display: inline-block;
    width:2px;
    border-left:2px solid #ddd;
    height:150px;
    margin:200px 100px 0 100px;
}
.hp-about .hp-about-right a{
    color:#76838f;
}
.hp-about .view-all {
    display: inline-block;
    border: 1px solid #E36300;
    border-radius: 12px;
    color: #E36300;
    padding: 5px 23px;
    font-size: 12px;
    margin:20px 10px;
    float: right;
}
@media screen and (max-width: 768px){
    .hp-about .title-img img{
        margin:0 auto;
        width:238px;
    }
}

/*为什么选择我们*/
.hp-chose {
    width: 100%;
    background-color: #2e3037;
    margin-top: 55px;
    padding: 0px 0px 80px 0px;
}
.hp-chose .chose-wrap {
    margin: 0 auto;
}
.hp-chose .chose-wrap .chose-number {
    padding: 50px 0px 110px 0px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    width:1300px;
    margin:0 auto;
}
.hp-chose .chose-wrap .chose-number .chose-number-box {
    float: left;
    width: 215px;
    text-align: center;
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-top {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-top1 {
    background-position: 0px -43px;
}
svg:not(:root) {
    overflow: hidden;
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-top .w-icon {
   width:50px;
   height:50px;
   display:block;
   background-repeat:no-repeat;
   background-size:100% 100%;
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-top .w1 {
     background-image:url("../images/w1.png");
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-top .w2 {
      background-image:url("../images/w2.png");
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-top .w3 {
      background-image:url("../images/w3.png");
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-top .w4 {
      background-image:url("../images/w4.png");
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-top .w5 {
      background-image:url("../images/w5.png");
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-center-con {
    display: flex;
    align-items: baseline;
    justify-content: center;
    height: 67px;
    margin: -5px 0px 14px 0px;
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-center {
    font-size: 50px;
    color: #f5533d;
    font-weight: lighter;
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-center-con .box-center {
    /*height: 70px;*/
    float: left;
    color: #f5533d;
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-center-con span {
    display: inline-block;
    float: left;
    color: #f5533d;
    font-size: 50px;
    position: relative;
}
.hp-chose .chose-wrap .chose-number .chose-number-box .box-bottom {
    font-size: 14px;
    color: #8890a4;
}
.hp-chose .chose-wrap .chose-logo .chose-logo-title {
    height: 27px;
    justify-content: space-between;
    align-items: center;
}
.hp-chose .chose-wrap .chose-logo .chose-logo-title div {
    float: left;
}
.hp-chose .chose-wrap .chose-logo .chose-logo-title .title-text{
    position: relative;
    width:100%;
    text-align: center;
}
.hp-chose .chose-wrap .chose-logo .chose-logo-title .title-text span {
    font-size: 30px;
    color: rgba(255,255,255,0.5);
    width: 450px;
    height: 29px;
    line-height: 29px;
    background:#2e3037;
    position: relative;
    padding:0 10px;
    z-index: 1;
    box-sizing: content-box;
}
.hp-chose .chose-wrap .chose-logo .chose-logo-title .title-line {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #43454b;
    position: absolute;
    top:50%;
}
.hp-chose .chose-wrap .chose-logo .chose-logo-con {
    justify-content: space-between;
    align-items: flex-end;
    margin:80px auto 0;
    display: flex;
    max-width:1300px;
}
@media screen and (max-width:1300px){
    .hp-chose .chose-wrap .chose-number{
        width:100%;
    }
}
@media screen and (max-width: 768px) {
    .hp-chose{
        padding-top:1px;
        padding-bottom:0;
	margin-top:0;
    }
    .hp-chose .chose-wrap .chose-number{
        display: block;
        padding-bottom:20px;
    }
    .hp-chose .chose-wrap .chose-number .chose-number-box{
        width:50%;
        margin:20px auto;
    }
    .hp-chose .chose-wrap .chose-logo .chose-logo-title .title-text span{
        font-size:20px;
    }
    .hp-chose .chose-wrap .chose-logo .chose-logo-con{
        display: block;
        margin-top:20px;
    }
    .hp-chose .chose-wrap .chose-logo .chose-logo-con a{
        float:left;
        width:50%;
        margin:0 auto 50px;
        text-align: center;
    }
    .hp-chose .chose-wrap .chose-number .chose-number-box .box-center-con{
        height:50px;
    }
    .hp-chose .chose-wrap .chose-number .chose-number-box .box-center{
        font-size:35px;
    }
    .hp-chose .chose-wrap .chose-number .chose-number-box .box-center-con span{
        font-size:35px;
    }
}
@media screen and (max-width: 600px){
    .hp-chose .chose-wrap .chose-logo .chose-logo-con a{
        width:100%;
    }
    .hp-chose .chose-wrap .chose-logo .chose-logo-con a img{
        max-width:100%;
    }
}
@media screen and (max-width: 425px){
    .hp-chose .chose-wrap .chose-logo .chose-logo-title .title-text span{
        font-size:14px;
    }
}




/*公司荣誉*/

#certify {
    position: relative;
    width: 100%;
    max-width:1300px;
    margin: 0 auto
}
#certify .module-title{
    margin-bottom:30px;
}
#certify .swiper-container {
    padding-bottom: 60px;
}
#certify  .swiper-slide {
    width: 520px;
    height: 408px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
    display:block;
}
#certify  .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.5em;
    margin: 0;
}
#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}
#certify .swiper-button-prev {
   outline:none;
    width: 46px;
    height: 47px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -47px;
    background-size: 100%;
}
#certify .swiper-button-prev:hover {
    background-position: 0 -47px;
    background-size: 100%;

}
#certify .swiper-button-next {
    outline:none;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -139px;
    background-size: 100%;
}
#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}
.swiper-button-prev, .swiper-button-next {
    top:60%;
}
#certify  .used-wrap {
    margin: 0 auto;
    padding-top: 20px;
    padding-right: 6px;
    padding-left: 6px;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
}
#certify .used-wrap .used-box {
    float: left;
    width: 31%;
    height: auto;
    max-width: 320px;
    background: #f4f6f8;
    transition: all .4s ease 0s;
    margin: 20px 0;
   
}

    #certify .used-wrap .used-box:hover {
    
     box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);
    }

#certify .used-wrap .used-box .used-box-pic {
    position: relative;
    transition: all .4s ease 0s;
    height: auto;
    overflow: hidden;
}
#certify .used-wrap .used-box .used-box-pic img {
 
    width: 100%;
   height:auto;
    transition: all .4s;
}
#certify .used-wrap .used-box:hover .used-box-pic img {
    /*transform: scale(1.15) translateZ(0)*/
}
    #certify .used-wrap .used-box .used-box-text {
    padding: 15px 15px 0px 15px;
    box-sizing: border-box;
    }
        #certify .used-wrap .used-box .used-box-text .title {
        text-align: center;
        }

#certify  .used-wrap .used-box .used-box-text .title h2 {
    font-size: 18px;
    color: #333;
    margin-bottom: 4px;
    font-weight: normal;
}
@media screen and (max-width:768px) {
    #certify .used-wrap {
        padding-top:0;
    }
    #certify .used-wrap .used-box .used-box-text .title h2 {
        font-size:14px;
    }
    #certify .swiper-container {
        padding-bottom:0;
    }
}
@media screen and (max-width:375px) {
     #certify .used-wrap .used-box .used-box-text .title h2 {
        font-size:12px;
    }
}

/*新闻列表页*/

.met-column-nav {
    background: #fff;
    text-align: center;
}

.met-column-nav.bordernone {
    border-bottom: none;
}

.met-column-nav .met-column-nav-ul {
    padding: 0px;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.met-column-nav .met-column-nav-ul > li {
    white-space: nowrap;
    display: inline-block;
    float: none;
}

.met-column-nav .met-column-nav-ul > li:last-child {
    margin: 0 !important;
}

.met-column-nav .met-column-nav-ul > li a.link {
    /*text-decoration: none;
    display: block;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 300;
    color: #2a333c;*/

    font-size: 14px;
    color: #FFFFFF;
    line-height: 35px;
    text-align: center;
    width: 120px;
    height: 35px;
    display: block;
    background-color: #999;
}

.met-column-nav .met-column-nav-ul > li a.link:active, .met-column-nav .met-column-nav-ul > li a.link:focus, .met-column-nav .met-column-nav-ul > li a.link:hover {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 35px;
    text-align: center;
    background-color: #f7871b;
}

.met-column-nav .met-column-nav-ul > li a.link:hover, .met-column-nav .met-column-nav-ul > li a.link.active {
   font-size: 14px;
    color: #FFFFFF;
    line-height: 35px;
    text-align: center;
    background-color: #f7871b;
}

.met-column-nav .met-column-nav-ul > li > ul > li > a.active {
    color: #66cccc !important;
}

.met-column-nav .product-search:first-child {
    margin-top: 10px;
}

.met-column-nav .product-search .form-group {
    max-width: 500px;
    margin: 0 auto 10px;
}

@media (max-width: 767px) {
    .met-column-nav .met-column-nav-ul > li {
        margin-bottom: 10px !important;
    }

    .met-column-nav {
        border-bottom: 1px solid #f0f2f5;
    }

    .met-column-nav .row {
        margin: 0;
    }

    .met-column-nav .sidebar-tile {
        height: auto;
    }
}
.met-news {
    padding: 50px 0px;
}

@media (max-width: 1199px) {
    .met-news {
        padding: 30px 0px;
    }
}

@media (max-width: 767px) {
    .met-news {
        padding: 15px 0px;
    }
}

.met-news .met-news-body {
}

.met-news-list {
    padding: 30px;
    background: #ffffff;
}

@media (max-width: 767px) {
    .met-news-list {
        padding: 15px;
    }
}

.met-news .news-headlines {
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f2f5;
    margin-bottom: 30px;
    overflow: hidden;
}

.met-news .news-headlines .slick-slide {
    width: 100%;
    position: relative;
}

.met-news .news-headlines .slick-slide:first-child {
    display: block;
}

.met-news .news-headlines .headlines-text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px;
    text-align: center;
}

.met-news .news-headlines .headlines-text h3 {
    margin: 0px;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
}

.met-news .news-headlines .slick-dots {
    bottom: 35px;
}

@media (max-width: 767px) {
    .met-news .news-headlines {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .met-news .news-headlines .headlines-text {
        bottom: 20px;
    }

    .met-news .news-headlines .headlines-text h3 {
        font-size: 16px;
    }

    .met-news .news-headlines .slick-dots {
        bottom: 20px;
    }
}

.met-news ul.met-page-ajax {
    padding: 0px;
    list-style: none;
}

.met-news ul.met-page-ajax li {
    border-bottom: 1px solid #f0f2f5;
    padding: 15px 0;
}

.met-news ul.met-page-ajax li h4 {
    margin: 0 0 20px;
    font-size: 22px;
}

.met-news ul.met-page-ajax li h4 a {
    color: #2a333c;
}

.met-news ul.met-page-ajax li h4 a:hover {
    color: #E36300;
}

.met-news ul.met-page-ajax li p {
    font-size: 16px;
    font-weight: 300;
}

.met-news ul.met-page-ajax li p.des {
    color: #76838f;
    margin-bottom: 10px;
}

.met-news ul.met-page-ajax li p.info {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 300;
    color: #a3afb7;
}

.met-news ul.met-page-ajax li p.info span {
    margin-left: 10px;
}

.met-news ul.met-page-ajax li p.info span:first-child {
    margin: 0;
}

.met-news ul.met-page-ajax li p.info i {
    color: #a3afb7;
    font-weight: 300;
}

@media (max-width: 991px) {
    .met-news ul.met-page-ajax li h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .met-news ul.met-page-ajax li {
        padding: 20px 0;
    }

    .met-news ul.met-page-ajax li .media-left {
        padding-right: 10px;
    }

    .met-news ul.met-page-ajax li .media-left .media-object {
        width: 100px;
    }

    .met-news ul.met-page-ajax li h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .met-news ul.met-page-ajax li p {
        font-size: 14px;
    }

    .met-news ul.met-page-ajax li p.des {
        margin-bottom: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

@media (max-width: 349px) {
    .met-news ul.met-page-ajax li .media-left, .met-news ul.met-page-ajax li .media-body {
        width: 100%;
        display: block;
    }

    .met-news ul.met-page-ajax li .media-left {
        padding: 0;
    }

    .met-news ul.met-page-ajax li .media-left .media-object {
        width: auto;
        max-width: 100%;
    }

    .met-news ul.met-page-ajax li .media-body {
        margin-top: 15px;
    }
}

.met-news.type-3 .met-news-body {
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.met-news.type-3 .widget {
    -o-border-radius: 0;
    border-radius: 0;
}

.met-news.type-3 .widget .widget-body, .met-news.type-3 .widget .widget-header {
    -o-border-radius: 0;
    border-radius: 0;
}

.met-news.type-3 .widget .widget-title {
    font-size: 24px;
}

.met-news.type-3 .widget .widget-title a {
    color: #2a333c;
}

.met-news.type-3 .widget .widget-title a:hover {
    color: #66cccc;
}

.met-news.type-3 .widget .widget-metas span {
    margin-left: 10px;
}

.met-news.type-3 .widget .widget-metas span:first-child {
    margin: 0;
}

@media (max-width: 767px) {
    .met-news.type-3 .widget {
        margin: 15px 0 0;
    }

    .met-news.type-3 .widget:first-child {
        margin: 0;
    }

    .met-news.type-3 .widget .widget-title {
        font-size: 18px;
    }

    .met-news.type-3 .widget .widget-body {
        padding: 15px 10px;
    }
}

.met-news-bar {
    padding: 20px;
    background: #ffffff;
}

@media (max-width: 991px) {
    .met-news-bar {
        margin-left: 0px;
        margin-top: 30px;
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .met-news-bar {
        margin: 15px 0 0 0;
        padding: 15px;
    }
}

.met-news-bar ul.column {
    padding: 0px;
    list-style: none;
}

.met-news-bar ul.column li {
    margin-bottom: 10px;
}

.met-news-bar ul.column li a {
    font-size: 16px;
    color: #2a333c;
}

.met-news-bar ul.column li a:hover {
    color: #66cccc;
}

.met-news-bar ul.column li a.active {
    color: #66cccc;
}

.met-news-bar .recommend {
    margin: 20px 0px;
    padding: 20px 0px;
    border-top: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5;
}

.met-news-bar .recommend h3 {
    font-size: 18px;
    font-weight: 300;
    margin: 0px;
}

.met-news-bar .recommend .list-group {
    margin-top: 10px;
    margin-bottom: 0px;
}

.met-news-bar .recommend .list-group a {
    color: #2a333c;
    font-size: 15px;
}

.met-news-bar .recommend .list-group a:hover {
    color: #E36300;
}



/*新闻详情*/


.news_list_detail_met_16_1.met-shownews{
    padding: 30px 0;
}
.news_list_detail_met_16_1.met-shownews .met-shownews-body{
    background:#ffffff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.news_list_detail_met_16_1 .border-bottom1,.news_list_detail_met_16_1 .border-top1,.news_list_detail_met_16_1 .met-page .pagination li a{border-color: #666666;}
.news_list_detail_met_16_1 .details-title{padding:20px;}
.news_list_detail_met_16_1 .details-title h1{font-size:30px;line-height:1.5;color: #333333;}
.news_list_detail_met_16_1 .details-title .info{font-size:16px;color:#a3afb7;}
.news_list_detail_met_16_1 .details-title .info span{padding-right:10px;}
.news_list_detail_met_16_1 .met-page .pagination li a{color:#666666; }
.news_list_detail_met_16_1 .page-link:focus,.news_list_detail_met_16_1 .page-link:hover{background-color: transparent; }
@media (max-width:767px){
    .news_list_detail_met_16_1 .details-title{padding-bottom:10px;}
    .news_list_detail_met_16_1 .details-title h1{font-size:24px;}
    .news_list_detail_met_16_1 .details-title .info{font-size:14px;}
}
@media (max-width:349px){
    .news_list_detail_met_16_1 .details-title h1{font-size:20px;}
}
.news_list_detail_met_16_1 .met-editor {
    padding: 30px;
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.8;
    color: #222;
    word-wrap: break-word;
}
.news_list_detail_met_16_1 .met-editor  img{
    max-width:100%;
}
.tag{font-size:14px;color:#666;padding:0 30px 30px;}
.tag a{color:#666;padding:5px;}
.tag a:hover{color:#16bcb4;}
.met-page{padding-top:0 !important;}
.met-page a:hover{color:#16bcb4 !important;}
.met-page .pagination li a{white-space: nowrap;text-overflow: ellipsis;  overflow: hidden;}
.sidebar_met_16_1.met-sidebar{margin-left:30px;padding: 20px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);background-color: #ffffff;}
.sidebar_met_16_1.met-sidebar .list-group-item{background-color: #ffffff;border-color: #f0f2f5;}
@media (max-width:991px){
    .sidebar_met_16_1.met-sidebar{margin-left:0px;margin-top:0px;}
}
@media (max-width:767px){
    .sidebar_met_16_1.met-sidebar{margin-top:15px;margin-left:0;margin-top: 0;}
}
.sidebar_met_16_1.met-sidebar >:not(:first-child){margin:20px 0 0;padding:20px 0 0;border-top:1px solid #f0f2f5;}
.sidebar_met_16_1 .leftsidebar{margin-left:0!important;margin-right:30px;}
@media (max-width:991px){  .sidebar_met_16_1 .leftsidebar{margin-right:0px;}  }
.sidebar_met_16_1 .sidebar-column li a{display:block;font-size:16px;}
.sidebar_met_16_1 .sidebar-column li i{float:right;margin-top:2px;font-size:14px;}
.sidebar_met_16_1 .sidebar-column li ul a{font-size:14px;}
.sidebar_met_16_1 .sidebar-news-list h3{
    font-size: 18px;
    font-weight: 300;
    margin: 0px;}
.sidebar_met_16_1 .sidebar-news-list .list-group a{color:#333333;font: 16px/1.75 Arial, Microsoft YaHei;}
.sidebar_met_16_1 .sidebar-column li a{color:#333333;}
.sidebar_met_16_1 .sidebar-column li a:hover,.sidebar_met_16_1 .sidebar-column li a.active{color:#16bcb4;}
.sidebar_met_16_1 .sidebar-news-list li a:hover{color: #16bcb4;}
.sidebar_met_16_1 .form-control.focus,.sidebar_met_16_1 .form-control:focus{border-color: #16bcb4;}







/* 产品列表页 */
.met-news-body .title_rg {
    display: block;
    padding: 0px 0px 10px 0px;
     font-size: 18px;
}
.met-news-body .title_rg a {
    position:relative;
    color: #000000;
    text-transform: uppercase;
    font-weight:normal;
}
.met-news-body .title_rg a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -7px;
    left: 0;
    height: 2px;
    width: 100%;
    background: #E36300;
    }
.product_list_page_met_16_3 .btn-outline.btn-primary{
    color: #02b2b5;
    border-color: #02b2b5;
}
.product_list_page_met_16_3 .btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open>.btn-outline.btn-primary.dropdown-toggle{
    background-color: #02b2b5;color:#fff !important;
}
.product_list_page_met_16_3 .widget-actions i{color: #02b2b5;}
.product_list_page_met_16_3 .met-product-list{padding:30px 0;}
.product_list_page_met_16_3.met-product{padding:30px;}
.product_list_page_met_16_3.met-product .met-grid li {
    clear: none;
}
.product_list_page_met_16_3.met-product .widget,
.product_list_page_met_16_3.met-product .widget .widget-header,
.product_list_page_met_16_3.met-product .widget-body {
    border-radius: 0 !important;
}
.product_list_page_met_16_3.met-product .widget-body .widget-title{color:#000000;}
.product_list_page_met_16_3.met-product .widget-shadow{
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.product_list_page_met_16_3.met-product .widget-body .card-text{color:#000000;}
.product_list_page_met_16_3.met-product .widget-body{
    position: relative;
    padding:10px 25px 30px;
}
.product_list_page_met_16_3.met-product .widget-metas {
    word-wrap: break-word;
}
.product_list_page_met_16_3.met-product .widget-body-footer {
    margin-top: 15px;
}
.product_list_page_met_16_3.met-product .widget-body-footer a{
    color: #02b2b5;
}
.product_list_page_met_16_3.met-product.type-1 h4 {
    margin: 0;
    font-size: 16px;
    text-align: center;

}
.product_list_page_met_16_3.met-product.type-1 .met-product-list li h4 a {
    color: #000000;
}
.product_list_page_met_16_3.met-product .widget-shadow{
    background:#fff;
}
.product_list_page_met_16_3.met-product.type-1 h4 a:hover {
    color: #02b2b5;
}
.product_list_page_met_16_3.met-product.type-2 .container-fluid {
    padding: 15px;
}
.product_list_page_met_16_3.met-product.type-2 h4 {
    margin: 0;
    font-weight: 300;
}
.product_list_page_met_16_3.met-product.type-2 .overlay-panel{color: #000000;}
.product_list_page_met_16_3 .card-shadow{box-shadow: 0 0px 10px rgba(0,0,0,.2);}
@media (min-width: 768px) {
    .product_list_page_met_16_3 .right .col-md-9{
        float: right;
    }
    .product_list_page_met_16_3 .right .met-sidebar{margin-left: 0px !important;margin-right: 30px;}
}
@media (max-width: 767px) {
    .product_list_page_met_16_3.met-product.type-2 .met-grid {
        padding-bottom: 10px;
    }
    .product_list_page_met_16_3.met-product.type-2 .met-grid li {
        background: #f2f2f2;
    }
    .product_list_page_met_16_3.met-product{padding:15px;}
}
@media (max-width: 767px) {
    .product_list_page_met_16_3.met-product .container,
    .product_list_page_met_16_3.met-product .container-fluid {
        padding: 10px !important;
    }
    .product_list_page_met_16_3.met-product.type-1 .met-grid,
    .product_list_page_met_16_3.met-product.type-3 .met-grid {
        margin: 0 -10px 0 0;
    }
    .product_list_page_met_16_3.met-product.type-1 .met-grid li,
    .product_list_page_met_16_3.met-product.type-3 .met-grid li {
        margin-bottom: 10px;
        padding: 0 10px 0 0;
    }
    .product_list_page_met_16_3.met-product .widget-body {
        padding: 15px;
    }
    .product_list_page_met_16_3.met-product .widget-body .widget-body-footer {
        margin-top: 10px;
    }
}
.order a{color:#000000;font-size:14px;background:#fff;border-radius:2px;}
.order a:hover{color:#02b2b5;}
/* 瀑布流 */
.no-js .grid li,
.no-cssanimations .met-grid li {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.met-grid li {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
.met-grid li.shown {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.met-grid li.animate {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}
@-webkit-keyframes moveUp {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
    }
}
@keyframes moveUp {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
    }
}

/*分页*/
.met_pager { margin-top: 20px; text-align: center; }
.met_pager * { display: inline-block; }
.met_pager a { padding: 9px 15px; border: 1px solid #e4eaec; border-right: none; background: #fff; text-align: center; color: #76838f; }
.met_pager a:hover { background: #f5f5f5; text-decoration: none; }
.met_pager a.NextA { border-right: 1px solid #e4eaec; }
.met_pager .PreSpan,
.met_pager .NextSpan { padding: 9px 15px; border: 1px solid #e4eaec; background: #fff; color: #ccd5db; cursor: default; }
.met_pager .firstPage,
.met_pager .lastPage { min-width: 40px; height: 28px; line-height: 28px; }
.met_pager a.Ahover { border-color: #02b2b5; background: #02b2b5; color: #fff; cursor: default; }
.met_pager a.Ahover:hover { border-color: #02b2b5; background: #02b2b5;color: #fff; }
.met_pager a { text-decoration: none; }
.met_pager a:active,
.met_pager a:focus,
.met_pager a:hover { text-decoration: none; }
.met_pager .PageText { display: none; margin-left: 10px; color: #aaa; }
.met_pager input { display: none; }
.met_pager .firstPage,
.met_pager .lastPage { height: auto; line-height: inherit; }
.pager li { width: 49%; display: inline-block; }
.pager li a { max-width: 100%; }
.product_list_page_met_16_3 #met-pager-btn{border-color: #02b2b5;background-color: #02b2b5;}

/* 面包屑 */
.product_list_page_met_16_3 .breadcrumb{border-bottom: 1px solid #ddd;padding-top: 0px;padding-left: 0; padding-bottom: 5px;border-radius:0;}
.product_list_page_met_16_3 .breadcrumb-item a{color: #999999;}
.product_list_page_met_16_3 .breadcrumb-item a:hover{color:#E36300;}
.product_list_page_met_16_3 .breadcrumb-item+.breadcrumb-item::before{color: #999999;}


/* 侧栏 */
.sidebar_met_16_3.met-sidebar{margin-left:30px;padding: 0px;}
.sidebar_met_16_3.met-sidebar.bgcolor{padding: 15px;}
@media (max-width:991px){
    .sidebar_met_16_3.met-sidebar{margin-left:10px;margin-top:0px;}
}
@media (max-width:767px){
    .sidebar_met_16_3.met-sidebar{padding:20px 0;}
    .sidebar_met_16_3.met-sidebar{margin-top:15px;margin-left:0;}
}
.sidebar_met_16_3.met-sidebar >:not(:first-child){padding: 0;border:none;}
.sidebar_met_16_3 .leftsidebar{margin-left:0!important;margin-right:30px;}
@media (max-width:991px){
    .sidebar_met_16_3 .leftsidebar{margin-right:0px;}
}
.sidebar_met_16_3 .sidebar-column{margin: 10px 0 35px 0;}
.sidebar_met_16_3 .sidebar-column>li{white-space: nowrap;/* background: #e6e6e6;*/ margin-bottom: 2px;margin-top:0;}
.sidebar_met_16_3 .sidebar-column {list-style: none;padding:0;}
.sidebar_met_16_3 .sidebar-column >li{padding:8px 0px 8px 18px;margin:0 5px;border-bottom:1px solid #f2f2f2;background: url(../images/left_li.gif) 6px 15px no-repeat;}
.sidebar_met_16_3 .sidebar-column li i{float:right;margin-top:2px;font-size:14px;color:#000000;}
.sidebar_met_16_3 .sidebar-column >li a{font-family: microsoft yahei, '微软雅黑', SimSun, '宋体';color: #303c4b;font-size: 15px;font-weight:normal;}
.sidebar_met_16_3 .sidebar-column li a:hover,.sidebar_met_16_3 .sidebar-column li a.active{color:#E36300;}
.sidebar_met_16_3 .sidebar-news-list li a:hover{color: #02b2b5;}
.sidebar_met_16_3 .form-control.focus,.sidebar_met_16_3 .form-control:focus{border-color: #02b2b5;}
.sidebar_met_16_3 h2.sidebar-tile  {font-weight: normal; font-size: 18px; border-bottom: 1px solid #ddd !important; margin: 0; margin-top: 1px; padding-bottom: 5px !important; text-shadow:none; }
.sidebar_met_16_3 h2.sidebar-tile span,.sidebar_met_16_3 h2.sidebar-tile a{color:#000000;position:relative;}
.sidebar_met_16_3 h2.sidebar-tile span:before,.sidebar_met_16_3 h2.sidebar-tile a:before{content: ''; display: block; position: absolute; bottom: -7px; left: 0; height: 2px; width: 100%; background: #E36300;}
.sidebar_met_16_3 .input-search .form-control{border-radius: 0;}
.sidebar_met_16_3 .input-search-btn{border-radius: 0;background: #02b2b5;color:#fff;cursor: pointer;}
.sidebar_met_16_3 img{max-width:100%;height:auto;}

.imagesize>li{
    float:left;
}
.imagesize>li div figure img{
    transition: all 250ms;
}
.imagesize>li:hover div figure img{
    transform:scale(1.5);
    -ms-transform:scale(1.5); 	/* IE 9 */
    -moz-transform:scale(1.5); 	/* Firefox */
    -webkit-transform:scale(1.5); /* Safari 和 Chrome */
    -o-transform:scale(1.5);

}

/*详情页*/
.product_list_met_16_1.met-index-body.bgcolor{
    background-color: #fff;
}

.product_list_met_16_1.met-index-body.bgimg {
    background: url(../images/productbg.png) no-repeat;
    background-size: cover;
}

.text_show{
    padding:20px;
    background: #fff;
    margin-top:20px;

}
    .text_show img {
        max-width:100%;
    }
@media (max-width: 768px) {
    .text_show{
        margin-top:0;

    }
}

.text_show p.info{
    font-size: 16px;
    font-weight: 300;
    color: #a3afb7;
    border-bottom:1px dotted #7F7F80;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.text_show .text_title{
    color:#000;
    margin-top: 22px;
    margin-bottom: 11px;
}
.bg-f5 {
    background-color:#f5f5f5;
}


/*留言反馈*/
.box {
    background: url(../images/box.png) center top no-repeat;
}
.wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 32px;
}
.details {
    float: left;
    width: 100%;
    background: #f8f8f8;
    min-height: 500px;
    
}
.deta_tit {
    height: 64px;
    line-height: 64px;
    overflow: hidden;
}
.deta_tit .current {
    float: left;
    font-size: 24px;
    color: #333;
    border-top: 7px solid #E36300;
    padding: 0 15px;
}
.deta_tit .position {
    float: right;
    color: #666666;
    padding-right: 20px;
}
.deta_tit .position .blue {
    color: #0f84d6;
}
.atricle {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    padding: 20px 27px 44px;
}
.feed-right {
   padding-top:60px;
   text-align:center;
}
    .feed-right img {
        width:80%;
    }
@media (max-width:767px) {
    .feed-right {
      display:none;
       
    }
}
/*表单样式*/
.form-box{ margin:0; padding:15px 0; }
.form-box .avatar-box{ display:block; float:left; margin:0; padding:0; width:55px; height:55px; border:0; border-radius:55px; background:#fafafa; overflow:hidden; }
.form-box .avatar-box i{ color:#999; font-size:55px; line-height:1.2em; }
.form-box .avatar-box img{ width:100%; height:100%; }
.form-box .conn-box{ position:relative; margin-left:70px; }
.form-box .conn-box .editor{ position:relative; margin-right:18px; }
.form-box .conn-box .editor textarea{ display:inline; margin:0; padding:8px; width:100%; height:80px; border:1px solid #e8e8e8; line-height:20px; }
.form-box .conn-box .subcon{ padding-top:15px; color:#999; font-size:12px; }
.form-box .conn-box .subcon .submit{ float:right; display:inline-block; padding:0 20px; height:36px; line-height:34px; color:#fff; font-size:12px; background:#38f;
    vertical-align:middle; cursor:pointer; }
.form-box .conn-box .subcon strong{ color:#333; font-weight:normal; }
.form-box .conn-box .subcon .code{ margin-right:5px; padding:7px; width:80px; height:20px; line-height:20px; border:1px solid #e8e8e8; }
.form-box .conn-box .subcon a img{ vertical-align:middle; }
.msg-box{ display:block; margin:0; padding:6px; border:1px solid #fbf2b5; background:#fcfbda; }
.msg-box i{ display:block; float:left; margin:4px 0 0; font-size:12px; color:#A094A9; width:18px; height:18px; text-align:center; vertical-align:middle; }
.msg-box p{ margin-left:18px; line-height:24px; color:#A4A147; font-size:12px; }
.form-box{ margin:0; padding:20px 0 30px; }
.form-box .form-group{ margin:0; padding:10px 0; clear:both; }
.form-box .form-group .tips{ margin-left:16%; color:#666; font-size:12px; line-height:20px; }
.form-box .form-group dt{ display:block; float:left; padding-right:2%; width:30%; line-height:40px; text-align:right; color:#888; }
.form-box .form-group dd{ display:block; position:relative; margin-left:10%; line-height:40px; }
.form-box .form-group dd img{ vertical-align:middle; }
.form-box .form-group dd .input{ display:inline-block; padding:0 10px; width:66%; height:40px; line-height:20px; border:1px solid #e0e0e0; }
.form-box .form-group dd .input.code{ width:80px; }
.form-box .form-group dd .select{ display:inline-block; padding:10px; height:40px; line-height:20px; border:1px solid #e0e0e0; }
.form-box .form-group dd .textarea{ display:inline-block; padding:10px; width:50%; height:80px; line-height:20px; border:1px solid #e0e0e0; vertical-align:middle;
    overflow:auto; }
.form-box .form-group dd .submit{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#fff; font-size:14px;
    border:1px solid #d70029; background:#d70029; cursor:pointer; }
.form-box .form-group dd .button{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#666; font-size:14px;
    border:1px solid #eee; background:#eee; cursor:pointer; }
.form-box .form-group dd label.mart{ margin-right:5px; }
/*全屏样式*/
.form-box.full{ padding:0 0 50px; }
.form-box.full .form-group dt{ width:40%; }
.form-box.full .form-group dd{ margin-left:42%; }
.form-box.full .form-group dd .input{ width:40%; }
.form-box.full .form-group dd .input.code{ width:80px; }
.form-btn{text-align:center;}
@media only screen and (max-width: 320px){
    .form-box .form-group dt{
        width:37%;
    }
}



/*联系我们详情*/
.linkus_wrap {
    margin: 0 auto;
    padding-top: 32px;
    max-width:1200px;
}
.linkus_container{
    width:100%;
}
.linkus_left{
    width:50%;
    float:left;
}
.linkus_left p{
    line-height: 1.8;
    padding:0 20px 20px 0 ;
    width:100%;
}
.linkus_left ul>li{
    margin: 20px 0;
}
    .linkus_left ul > li > span {
        vertical-align:middle;
    }
.linkus_left ul>li>img{
    margin-right:10px;
    width: 25px;
 }
.linkus_right{
    width:50%;
    float:right;
}
@media (max-width:1200px) {
    .linkus_left {
        width:100%;
        float:inherit;
    }
    .linkus_right {
        width:100%;
        float:inherit;
    }
    .linkus_left p {
        padding:0;
    }
}


/*招聘*/
.joinus-system {
    margin-bottom:30px;
    min-height:300px;
}
.ntitle {
    margin:30px 0;
}
.ntitle h3 {
    margin-bottom:10px;
        
}
.ntitle  a {
    color:#E36300;
}
.jobs-from-system .job-list-wrap .jobs-list li {
    box-shadow: 0 0 5px 0 #ddd;
    margin-bottom:30px;
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary {
    height: 90px;
    color: #4a4160;
    padding: 20px 0 0;
    margin: 0 30px;
    position: relative;
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap {
    width: 440px;
    float: left;
    color: #4a4160;
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name {
    font-size: 16px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a {
    height: 26px;
    display: inline-block;
    line-height: 26px;
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name  .job-title {
    font-size: 16px;
    color: #00c2b3;
    font-weight: 400;
    max-width: 410px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name  .job-title .job-name {
    margin-right: 10px;
    max-width: 180px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name  .job-title .job-area-wrapper {
    margin-right: 10px;
}

.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name  .job-title {
    font-size: 16px;
    color: #E36300;
    font-weight: 400;
    max-width: 410px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name  .job-title .job-area-wrapper .job-area {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 102px;
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name  .job-title .job-area-wrapper:after, .jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name a .job-title .job-area-wrapper:before {
    font-size: 16px;
    vertical-align: middle;
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name  .job-title .job-area-wrapper:before {
    content: "[";
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .name  .job-title .job-area-wrapper:after {
    content: "]";
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .append {
    margin-top: 4px;
    font-size: 14px;
    color: #9fa3b0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 24px;
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .append .red {
    color: #fc703e!important;
    margin-right: 12px;
    font-size: 16px;
    vertical-align: middle;
}
.jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap .append .demand {
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #61687c;
    vertical-align: middle;
}
 .vline {
    display: inline-block;
    width: 1px;
    height: 12px;
    vertical-align: middle;
    background: #e0e0e0;
    margin: 0 10px;
}
.jobs-from-system .job-list-wrap .jobs-list li .info-publis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px;
}
.jobs-from-system .job-list-wrap .jobs-list li .info-company {
    width: 350px;
    float: right;
    color: #4a4160;
}
.jobs-from-system .job-list-wrap .jobs-list li .info-company .company-text {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.jobs-from-system .job-list-wrap .jobs-list li .info-company .company-text .name {
    font-size: 16px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jobs-from-system .job-list-wrap .jobs-list li .info-company .company-text .name a {
    height: 26px;
    display: inline-block;
    line-height: 26px;
    color: #E36300;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 256px;
}
.jobs-from-system .job-list-wrap .jobs-list li .info-company .company-text p {
    margin-top: 6px;
    font-size: 14px;
    color: #61687c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jobs-from-system .job-list-wrap .jobs-list li .info-append {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    background: #f7f7f7;
    overflow: hidden;
}
.jobs-from-system .job-list-wrap .jobs-list li .info-append .info-desc {
    font-size: 13px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float:left;
}
.jobs-from-system .job-list-wrap .jobs-list li .info-append .tags {
    float: right;
    color: #fff;
    background-color: #E36300;
    border-color: #E36300;
    margin-top:5px;
    padding: 5px 10px;
    font-size:12px;
}

@media (max-width:992px) and (min-width:768px) {
    .jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap {
        width:50%;
    }
    .jobs-from-system .job-list-wrap .jobs-list li .info-company {
        width:50%;
    }
}
@media (max-width:767px) {
     .jobs-from-system .job-list-wrap .jobs-list li .job-primary .info-primary-wrap {
        width:100%;
        margin-bottom:20px;
    }
    .jobs-from-system .job-list-wrap .jobs-list li .info-company {
        width:100%;
        margin-bottom:20px;
    }
}
/*招聘详情*/
.job-sec h3 {
    font-weight: 700;
    font-size: 15px;
    color: #424a5e;
    line-height: 50px;
    padding: 0 0 10px 0;
    margin-bottom: 0;
    background: url(../images/line-sec.png) 0 45px no-repeat;
}
.job-sec .text {
    color: #61687c;
    line-height: 36px;
    font-size:1.5rem
}
.job-sec .tags {
    margin-left:10px;
    color: #fff;
    background-color: #E36300;
    border-color: #E36300;
    margin-top:5px;
    padding: 5px 10px;
    font-size:12px;
    vertical-align:baseline;
}

/*在线应聘*/
.form-enter {
    width:100%;
}
.form-enter b {
    display:inline-block;
    padding-top:10px;
    font-size:14px;
}
.Validform_wrong {
    margin-top:10px;
    display:inline-block;
}
.form-enter .form-control {
    width:80%;
    display:inline-block;
    height:3rem;
}
.form-control.small {
    width:100px;
    display:inline-block;
    margin-bottom:10px;
}
.form-enter .control-label {
    margin-bottom:10px;
}
.form-enter .sex-select {
    padding-top:7px;
}
.form-enter .sex-select  input{
    margin-right:10px;
    vertical-align: text-bottom;
}
.form-enter label {
    font-size:14px;
}