@charset "utf-8";
/*body{ font-family: "Microsoft YaHei Regular","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;}*/
body{ font-family: "PingFang", "Hiragino Sans GB", "Microsoft YaHei", "寰蒋闆呴粦", Arial, sans-serif}
/*鏍煎紡鍖栨牱寮忓紑濮?/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal}
ol,ul {list-style:none}
a{color:#444444;webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
* {padding: 0;margin: 0;}
* { touch-action: pan-y; }
body {font-size: 14px;color: #333;background-color: #f5f6f8;}
input,select{outline:none}
.clearfix::after {content: "";display: block;clear: both;height: 0;visibility: hidden;}
.left {float: left;}
.right {float: right;}
.container{width:100%;min-width:1400px;}
.content{width:1400px;margin:0 auto;}
.hide{display: none!important;}
.transimg{overflow: hidden;}
.transimg img{transition: .5s all;-webkit-transition: .5s all;}
.transimg:hover img{transform: scale(1.05,1.05);}
.oneline,.over{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.twoline{overflow:hidden; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.threeline{overflow:hidden; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.fourline{overflow:hidden; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.fiveline{overflow:hidden;  display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.sixline{overflow:hidden; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
.sevenline{overflow:hidden; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-line-clamp:7;-webkit-box-orient:vertical;}
.boxshadowh{transition: .4s all;-webkit-transition: .4s all;}
.boxshadowh:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);}
.boxshadown{box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);}
.imgAll{vertical-align: middle;width: 100%;height: 100%;transition: .6s all;-webkit-transition: .6s all;}
.theme-color{ color: #0083fe;}
.theme-bgColor{ color: #0083fe;}
.text:hover{color: #0083fe;}
/* 鏍煎紡鍖栨牱寮忕粨鏉 */

.head{
    width: 100%;
    min-width: 1600px;
    margin: 0 auto;
    height: 100px;
    line-height: 100px;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 9;
}
.head-left{
    width: 32%;
    min-width: 540px;
    padding-left: 3%;
    box-sizing: border-box;
    display: block;
}
.head-left img{
    vertical-align: middle;
    margin-right: 20px;
}
.head-right{
    min-width: 1060px;
    height: 100%;
    box-sizing: border-box;
}
.head-nav{
    padding: 0 20px;
}
.head-nav li{
    float: left;
    padding: 0 25px;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    height: 100px;
    line-height: 2;
    position: relative;
}
.head-nav li .head-title{
    width: 64px;
    height: 100%;
    display: block;
    text-align: center;
    padding: 30px 0;
    box-sizing: border-box;
    transition: none;
}
.head-nav li  .head-word{
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    height: 30px;
    text-align: center;
    top: 70%;
    left: 50%;
    transition: none;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    font-size: 14px;
}
.head-nav li.active .head-title,.head-nav li:hover .head-title{
    border-bottom: 5px solid #0083fe;
}
.head-nav li.active .head-title,.head-nav li:hover .head-title{
    color: #0083fe;
}
.head-nav li.active .head-word,.head-nav li:hover .head-word{
    color: #0083fe;
    cursor: pointer;
}
.nav-search{
    width: 100px;
    height: 100%;
    line-height: 100px;
    text-align: center;
    border-left: 1px solid #ddd;
    cursor: pointer;
}
.nav-search img{
    vertical-align: middle;
}
.swiper1 {
    width: 100%;
    height: 100%;
}
.swiper1 img{
    width: 100vw;
    height: calc(100vh - 100px);
    display: block;
}
.swiper1-bullet{
    width: 20px;
    height: 20px;
    background: url("../images/page.png") no-repeat center center;
    display: inline-block;
    margin: 0 5px;
}
.swiper1-bullet-active{
    background: url("../images/page_active.png") no-repeat center center;
}

.top-box{
    width: 100%;
    height: 100px;
    background-color: #fff;
}
.home-about{
    width: 100%;
    box-shadow: 0 5px 5px #eee inset;
    height: 100%;
    background-color: #fff;
}
.home-about-box{
    width: 50%;
    height: 100%;
}
.ha-list{
    width: 100%;
    height: 100%;
    padding: 15% 15% 15% 25%;
    box-sizing: border-box;
}
.ha-word{
    font-family: "鎬濇簮榛戜綋","Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;
    font-size: 42px;
    font-weight: bold;
    color: #000;
}
.ha-topic{
    font-family: "鎬濇簮榛戜綋","Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #000;
}
.pa-intro{
    margin: 60px 0;
    line-height: 30px;
    color: #666;
    height: 150px;
}
.ha-detail{
    display: flex;
    display: -webkit-flex;
    display:-ms-flex;
    display:-moz-flex;
    display:-o-flex;
    justify-content: space-between;
    align-items: center;
}
.ha-detail li{
    float: left;
    margin-right: 50px;
    width: 75px;
}
.ha-detail li:last-child{
    margin-right: 0;
}
.ha-detail li .pa-text{
    font-size: 14px;
    color: #666;
}
.ha-detail li span{
    font-size: 15px;
    font-weight: bold;
    color: #000;
    display: inline-block;
}
.ha-detail li span.pa-num{
    font-size: 30px;
}
.ha-info{
    width: 180px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-image: linear-gradient(to right,#ff5306, #ff8b22);
    display: block;
    border-radius: 50px;
    margin-top: 80px;
    text-align: center;
}
.ha-info:hover{
    color: red;
}
.home-product{
    background: url("../images/home_product_bg.jpg") no-repeat 100% 100%;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    min-height: 837px;
}
.hp-box{
    padding: 100px 0;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}
.hp-title{
    font-family: "鎬濇簮榛戜綋","PingFang", "Hiragino Sans GB", "Microsoft YaHei", "寰蒋闆呴粦", Arial, sans-serif;
    font-size: 34px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}
.hp-word{
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 12px auto;

}
.hp-swiper{
    margin-top: 40px;
    width: 100%;
}
.hp-swiper .swiper-slide a{
    width: 100%;
    height: 442px;
    display: block;
    position: relative;
    overflow: hidden;
}
.hp-swiper .swiper-slide a img:hover {
    transform: scale(1.05);
}
.hp-topic{
    position: absolute;
    bottom: 50px;
    font-size: 24px;
    color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
}
.hp-word2{
    position: absolute;
    bottom: 30px;
    font-size: 14px;
    color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
}
.home-product .swiper-button-next, .home-product .swiper-button-prev{
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 12px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    border: 1px solid #fff;
    outline: none;
}
.home-product .swiper-button-prev,.home-product .swiper-container-rtl .swiper-button-next{
    left: -60px;
    right: auto;
}
.home-product .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: -60px;
    left: auto;
}
.home-product .swiper-button-next:hover,  .home-product .swiper-button-prev:hover{
    background-color: #0083fe;
    border: 1px solid #0083fe;
}
.product-info{
    margin: 50px auto 0;
}
.home-news{
    background: url("../images/home_news_bg.jpg") no-repeat 100% 100%;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 5px #eee inset;
    min-height: 837px;
}
.home-news .hp-title{
    color: #000;
}
.home-news .hp-word{
    color: #666;
}
.hn-lists{
    margin-top: 40px;
}
.hn-list{
    width: 440px;
    margin-right: 40px;
    box-shadow: 2px 3px 5px #eee;
    background-color: #fff;
    transition: all ease-out 0.3s;
}
.hn-list:last-child{
    float: right;
    margin-right: 0;
}
.hn-list:hover{
    transform: translateY(-4px);
    box-shadow: 5px 5px 5px #eee;
}
.hn-list>a{
    display: block;
    width: 100%;
    height: 280px;
}
.hn-cont{
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}
.hn-cont>a{
    font-size: 22px;
    color: #000;
    display: block;
    /*transition: none;*/
}
.hn-intro{
    font-size: 15px;
    color: #666;
    margin: 20px 0;
}
.hn-date{
    font-size: 14px;
    color: #666;
    padding-bottom: 30px;
}
.home-links{
    background: url("../images/home_links_bg.jpg") no-repeat 100% 100%;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}
.hl-swiper{
    margin-top: 80px;
    padding: 10px 0;
}
.hl-swiper .swiper-slide a{
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background-color: #fff;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    overflow: hidden;
}
.hl-swiper .swiper-slide a:hover{
    box-shadow: 0 0 10px #eee;
}
.hl-swiper .swiper-slide a img{
    max-width: 100%;
    transition: all ease-out 0.5s;
}
.hl-swiper .swiper-slide a img:hover{
    transform: scale(1.1);
}
.home-message{
    background: url("../images/home_contact_bg.jpg") no-repeat 100% 100%;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 5px #eee inset;
}
.hm-box{
    padding: 100px 0;
    height: 100%;
    box-sizing: border-box;
}
.hm-left{
    width: 55%;
    height: 100%;
    position: relative;
}
.hm-right{
    width: 45%;
    height: 100%;
    background-color: #fff;
    padding: 50px 40px;
    box-sizing: border-box;
}
.hml-box{
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #0083ff;
    opacity: 0.9;
    height: 250px;
    width: 68%;
    color: #fff;
    padding: 40px;
    box-sizing: border-box;
}
.hml-box p{
    margin-bottom: 15px;
    max-width: 70%;
}
.hm-title{
    font-size: 24px;
}
.hm-title span{
    font-size: 16px;
    margin-left: 5px;
}
.hml-box p.hm-line{
    width: 50px;
    height: 5px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 25px;
}
.hml-box>img{
    position: absolute;
    right: 40px;
    bottom: 55px;
    width: 90px;
    height: 90px;
}
.hm-right .hmr-input{
    outline: none;
    width: 90%;
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 3px 20px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    display: block;
    margin-top: 25px;
    border: none;
    color: #333;
}
.hm-right textarea{
    outline: none;
    width: 90%;
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 10px 20px;
    box-sizing: border-box;
    display: block;
    margin-top: 25px;
    border: none;
    color: #333;
}
.hm-right h2{
    font-size: 40px;
    color: #000;
    margin-bottom: 30px;
}
.hm-right .hmr-js{
    font-size: 14px;
    color: #000;
    padding-bottom: 10px;
}
.hm-right .hmr-button{
    margin-top: 40px;
    outline: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
}
.foot{
    background-color: #292b2f;
    color: #999;
    width: 100%;
    min-width: 1400px;
}
.foot-box{
    height: 350px;
    padding-top: 80px;
    box-sizing: border-box;
    overflow: hidden;
}
.foot-box ul{
    max-width: 90%;
}
.foot-box ul li{
    float: left;
    display: block;
    width: 170px;
}
.foot-box ul li h3{
    font-size: 18px;
    color: #fff;
    margin-bottom: 40px;
}
.foot-box ul li a{
    color: #999;
    display: block;
    margin-bottom: 10px;
}
.foot-box ul li a:hover{
    color: #fff;
}
.foot-code{
    width: 150px;
    margin: 0 auto;
    text-align: center;
}
.foot-code p{
    margin-top: 5px;
}
.fp-auto-height{
    padding-top: 0 !important;
}
.foot2{
    background-color: #292b2f;
    color: #999;
    height: 75px;
    line-height: 75px;
    border-top: 1px solid #333;
    width: 100%;
    min-width: 1400px;
}
.foot2 a{
    color: #999;
}
.foot2 a:hover{
    color: #fff;
}

.about_banner{position: relative;height:320px;overflow:hidden;margin-top: 100px;}
.about_banner img{width:100%;height:100%;object-fit: cover;}
.pro_nav{height:75px;border-bottom:1px solid #eeeeee;background-color: #fff}
.menu_lists{margin-right:-60px;}
.menu_lists li{float:left;height:100%;box-sizing: border-box;margin-right:60px;max-width: 180px;}
.menu_lists li a{display:block;text-align:center;line-height:71px;color:#666666;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%}
.menu_lists li.menu_lists_active{border-bottom:4px solid #0083fe;}
.menu_lists li.menu_lists_active a{color:#0083fe;}
.menu_lists li:hover{border-bottom:4px solid #0083fe;}
.menu_lists li:hover a{color:#0083fe;}
.menu_right{height:75px;line-height:75px;color:#666666;}
.menu_right img{vertical-align: middle;}
.menu_right a{color:#666666;}
.menu_right a:last-child{color:#0083fe;}
.news_lists{box-sizing: border-box;padding:20px 0;line-height: 30px;}
.menu_right a:hover{
    color: #0083fe;
}
.cont-img{
    width: 100%;
    padding: 20px 0;
}
.cont-img img{
    display: block;
    float: left;
    margin-right: 20px;
    width: 453px;
    height: 306px;
}
.cont-img img:last-child{
    float: right;
    margin-right: 0;
}
.empty-img{
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 10px 0;
}
.empty-text{
    text-align: center;
    margin-bottom: 50px;
}
.bh-fixtop{
    position: fixed;
    right: 12px;
    top: 65%;
    width: 50px;
    height: 60px;
    background-color: #eee;
    color: #000;
    line-height: 80px;
    text-align: center;
    cursor: pointer;
    display: none;
}
.bh-fixtop:before{
    content:"";
    position:absolute;
    top:-10px;
    left:17px;
    border-bottom:10px solid #eee;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
}
.arrow-top{
    position: absolute;
    margin-left: 4px;
    margin-top: 2px;
}
.arrow-top:before,.arrow-top:after{
    position: absolute;
    content: '';
    border-top: 10px transparent dashed;
    border-left: 10px transparent dashed;
    border-right: 10px transparent dashed;
    border-bottom: 10px #eee solid;
}
.arrow-top:before{
    border-bottom: 10px #0099CC solid;
}
.arrow-top:after{
    top: 3px; /*瑕嗙洊骞堕敊寮€1px*/
    border-bottom: 10px #eee solid;
}
#outerdiv{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.7);
    z-index:2;
    width:100%;
    height:100%;
    display:none;
}
#innerdiv{
    position:absolute;
}
#bigimg{
    border:5px solid #fff;
}
.banner_cont{
    position: absolute;
    width: 300px;
    height: 86px;
    top: 50%;
    left: 50%;
    margin-top: -43px;
    margin-left: -150px;
    color: #fff;
    text-align: center;
}
.banner_cont p:first-child{
    font-family: "鎬濇簮榛戜綋","PingFang", "Hiragino Sans GB", "Microsoft YaHei", "寰蒋闆呴粦", Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
}
.banner_cont p:last-child{
    font-size: 24px;
    margin-top: 10px;
    text-transform: uppercase;
}
.honor-swiper{
    padding: 0 30px;
    box-sizing: border-box;
}
.honor-swiper .swiper-button-next, .swiper-button-prev{
    height: 80px;
    background-size: 27px 30px;
    margin-top: -43px;
}
.honor-swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-color: rgba(0,0,0,0.7);
    right: 0;
}
.honor-swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-color: rgba(0,0,0,0.7);
    left: 0;
}
.honor-swiper .swiper-slide img{
    width: 240px;
    height: 320px;
}
.contact{
    padding-bottom: 30px;
}
.contact-left{
    padding: 30px 0;
    width: 50%;
}
.contact-left h1{
    font-size: 30px;
}
.cl-word{
    font-size: 16px;
    color: #999;
    margin: 20px 0;
}
.cl-line{
    margin: 10px 0 50px 0;
    width: 50px;
    height: 5px;
    background-color: #0083fe;
}
.cl-item{
    margin-top: 5px;
}
.contact-right{
    width: 50%;
    height: 365px;
}
.news-box1{
    padding: 30px 0 70px;
    border-bottom: 1px solid #eee;
}
.news-list1{
    width: 440px;
    margin-right: 40px;
}
.news-list1:last-child{
    margin-right: 0;
}
.news-img{
    display: block;
    width: 100%;
    height: 280px;
}
.news-date{
    margin-top: 40px;
    color: #999;
}
.news-topic{
    font-size: 22px;
    margin-top: 20px;
    display: block;
    color: #000;
}
.news-list2{
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #eee;
}
.news-list2:hover{
    background-color: #f5f6f8;
}
.news-list2 a{
    display: block;
}
.news-left{
    width: 260px;
    height: 166px;
    margin-right: 30px;
}
.news-right{
    width: calc(100% - 290px);
    padding: 10px 0;
    box-sizing: border-box;
}
.news-right h2{
    font-size: 24px;
}
.news-intro{
    margin: 20px 0;
    color: #999;
    line-height: 26px;
    height: 52px;
}
.news-date2{
    margin-top: 5px;
    color: #999;
}
.pages{
    padding: 20px 0 50px 0;
}
.pro-box{
    padding: 20px 0;
}
.pro-list{
    width: 326px;
    margin-right: 32px;
    border: 1px solid #eee;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.pro-list:nth-child(4n){
    margin-right: 0;
}
.pro-list .pro-img{
    display: block;
    width: 100%;
    height: 324px;
    position: relative;
}
.pro-cont{
    padding: 20px;
}
.pro-title{
    font-size: 16px;
    color: #000;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    display: block;
}
.pro-more{
    display: block;
    margin-top: 20px;
    font-size: 13px;
    color: #999;
    width: 100%;
    background: url("../images/right.png") no-repeat center right;
}
.pro-more:hover{
    color: #0083fe;
    background: url("../images/right_blue.png") no-repeat center right;
}
.pro-list-fx{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,131,254,0.6);
    display: none;
}
.pro-list-fx img{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
}
.app-title{
    font-size: 16px;
    color: #000;
    display: block;
}
.pro-list .app-img{
    display: block;
    width: 100%;
    height: 240px;
    position: relative;
}
.jobs-item{
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    margin-bottom: 30px;
}
.jobs-item .jobs-li{
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    text-align: center;
}
.jobs-li2{
    border-bottom: 1px solid #eee;
    color: #666;
}
.jobs-item .jobs-li:first-child{
    background-color: #e7e7e7;
    color: #333;
}
.jobs-topic,.jobs-edu,.jobs-exp,.jobs-info{
    width: 25%;
}
.jobs-content{
    line-height: 30px;
    padding: 20px 50px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    display: none;
}
.jobs-button{
    width: 150px;
    height: 40px;
    line-height: 40px;
    background-color: #efefef;
    font-size: 15px;
    margin:  15px auto;
    cursor: pointer;
    position: relative;
    /*transition: background-color 0.3s ease-out;*/
}
.jobs-button em{
    display: inline-block;
    width: 20px;
    height: 100%;
    position: relative;
}
.jobs-button em:before{
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    border-bottom: none;
    position: absolute;
    left: 15px;
    top: 16px;
}
.jobs-button em:after{
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #efefef;
    border-bottom: none;
    position: absolute;
    left: 16px;
    top: 15px;
}
.jobs-button.active{
    background-color: #0083fe;
    color: #fff;
}
.jobs-button.active em:before{
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: none;
    position: absolute;
    left: 15px;
    top: 16px;
}
.jobs-button.active em:after{
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #0083fe;
    border-top: none;
    position: absolute;
    left: 16px;
    top: 18px;
}
.message-input{
    width: 445px;
    border: 1px solid #eee;
    padding: 10px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 30px;
    color: #666;
    background-color: #fff;
    outline: none;
}
.message-input:last-child{
    margin-right: 0;
}
.message-textarea{
    width: 100%;
    border: 1px solid #eee;
    padding: 10px;
    box-sizing: border-box;
    display: block;
    margin-top: 30px;
    background-color: #fff;
    outline: none;
}
.message-button{
    width: 100%;
    background-color: #0083fe;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 30px;
    text-align: center;
}

.xwd-capition{width:100%;height:118px;}
.xwd_title{font-size:26px;color:#222222;padding-top:20px;width:100%;text-align:center;}
.xwd_time{font-size:14px;color:#aaaaaa;margin-top:20px;width:100%;text-align:center;}
.xwd-content{width:100%;min-height:100px;color:#666666;font-size:14px;line-height:26px;margin-top:20px;margin-bottom:30px;}
.xwd-cut{width:100%;border-top:1px solid #ededed;height:90px;margin-bottom:30px;}
.xwd-cut a:hover{color:#0083fe;}
.xwdc-left{height:100%;width:48%;}
.xwdc-left>a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666666;line-height:90px;}
.xwdc-right{width:48%;height:100%;}
.xwdc-right>a{display:block;width:100%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666666;line-height:90px;}

.prod_top{margin-top:40px;}
.prod_pic{width:482px;height:482px;overflow:hidden;}
.prod_pic img{width:100%;height:100%;object-fit: cover;}
.prod_right{width:860px;}
.prod_intro{color:#666666;line-height:26px;}
.prod_cap{margin-top:10px;margin-bottom:25px;color:#222222;font-size:28px;}
.prod_buy{padding-top:40px;border-top:1px solid #eeeeee;margin-top:50px;}
.pro_btn{display: inline-block;line-height: 60px;width:220px;height:60px;text-align:center;color:#fff;font-size:18px;cursor: pointer;border:none;}
.pro_b{background-color: #0083fe;}
.pro_z{background-color: #ff6911;margin-right:20px;}
.prod_bottom{margin-top:40px;border-bottom:1px solid #eeeeee;}
.menu_lists{margin-right:-60px;}
.prod_lists li{float:left;height:100%;box-sizing: border-box;margin-right:60px;width: 482px;font-size:24px;}
.prod_lists li a{display:block;text-align:center;line-height:71px;color:#fff;}
.prod_lists li.prod_active{background-color: #0083fe;color: #fff;}
.prod_pci{padding-top:40px;padding-bottom:60px;line-height: 30px}
.prod_lists{ border-bottom: 1px solid #eee;}