@charset "utf-8";
/* CSS Document */

body {
    margin: 0 auto;
    font-size: 14px;
    height: 100%;
    color: #333333;
    background: #fff;
    
}

h1 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
p {
    padding: 0px;
    margin: 0px
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
a {
    text-decoration: none;
}
a:hover, .lvse2h {
    color: #049fe1;
}
h1 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
.certification{
    width: 100%;display: -webkit-box;
    -webkit-box-align: center;
    display: flex;
    align-items: center;
}
.certification li{
    width: 48%;
    margin: 1%;
    float: left;
}
.juzuo0 {
    margin-left: auto !important
}
input, textarea {
    border: none;
    outline: none;
    border: none;
    margin: 0px;
    padding: 0px;
}
input, ul, li {
    border: none;
    padding: 0px;
    margin: 0px
}

.fl {
    float: left;
}
.fr {
    float: right;
}
.clear {
    clear: both;
}
video{
    display: block;
    width: 100%;
    height: auto;
}
article, aside, dialog, footer, header, footer, nav, figure{
    display: block;
}

.juzhong {
    text-align: center
}
.hangg1410 {
    line-height: 24px
}
.hangg1416 {
    line-height: 30px
}
.hui6 {
    color: #666666
}
.top12 {
    margin-top: 12px;
}

.top15 {
    margin-top: 15px;
}
.top17 {
    margin-top: 17px
}
.top20 {
    margin-top: 20px;
}
.top9 {
    margin-top: 9px
}
.top22 {
    margin-top: 22px
}
.top23{ margin-top:23px}
.top24{ margin-top:24px}
.top25 {
    margin-top: 25px
}
.top27 {
    margin-top: 27px
}
.top30 {
    margin-top:30px
}
.top33 {
    margin-top: 33px
}
.top35 {
    margin-top: 35px
}
.top41 {
    margin-top: 41px
}
.top40 {
    margin-top: 40px
}
.top43 {
    margin-top: 43px
}
.top45 {
    margin-top: 45px
}
.top49 {
    margin-top: 49px
}
.top50 {
    margin-top: 50px;
}
.top53 {
    margin-top: 53px
}
.top60 {
    margin-top: 60px;
}
.top62 {
    margin-top: 62px;
}
.top71 {
    margin-top: 71px
}
.top92 {
    margin-top: 92px
}
 @media screen and (min-width:1220px) {
.zong {
    width: 1200px;
    margin: auto;
}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.zong {
    width: 980px;
    margin: auto;
}
}
@media screen and (max-width:999px) {
.zong {
    width: 96%;
    margin: auto;
}
.top20, .top50, .top41, .top40, .top25,.top33,.top23,.top24,.top35,.top30 {
    margin-top: 1rem;
}
.top92, .top71, .top61, .top53,.top45,.top49,.top43 {
    margin-top: 1rem;
}
}
.lnalvse,.xinw_zw a {
    color: #00a6ad
}
.f12 {
    font-size: 12px;
    font-size: 1.2rem
}
.f14 {
    font-size: 14px;
    font-size: 1.4rem
}

.f18 {
    font-size: 18px;
    font-size: 1.8rem
}
.f20 {
    font-size: 20px;
    font-size: 2rem
}
.f22 {
    font-size: 22px;
    font-size: 2.2rem
}
.f26 {
    font-size: 26px;
    font-size: 2.6rem
}
.f36 {
    font-size: 36px;
    font-size: 3.6rem
}
.hui4d {
    color: #2e4db9;
    line-height: 1.1;
        font-family: Georgia, "Times New Roman", Times, serif;
}
.hui3 {
    color: #333
}
.hagg1416 {
    line-height: 30px
}



.inquiry-panel{
    padding: 40px 0;text-align: center;background:#000;
    /*background-image: url(../img/bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;*/
    border-top: 1px solid #fff;
}
.inquiry-panel .inquiry-hd{display: inline-block;vertical-align: middle; width: 100%; max-width: 1200px;padding: 0 15px;}
.inquiry-panel .inquiry-tit,.inquiry-panel .inquiry-tit a{color:#fff;}
.inquiry-panel .inquiry-tit{display: block;font-size: 24px;}
/* .inquiry-panel .inquiry-tit:before{padding-right: .5em;content:"\f003";} */
.inquiry-panel .inquiry-tit i{padding-right: 10px}
.sous_640 {
    width: 90%;
    max-width: 250px;
    height: 30px;
    margin: auto;
    float: left;
    display: block;
    background: #fff;
    border: #00a6ad solid 1px;
    margin-top: 2rem;
    border-radius: 15px;
    ;
}
.sous_640 .sou {
    height: 30px;
    line-height: 30px;
    width: 60%;
    max-width: 140px;
    float: left;
    background: #fff;
    color: #4d4d4d;
    margin-left: 12px
}
.sous_640 .suo {
    width: 30px;
    height: 30px;
    background: url(../img/sousuo.png) no-repeat left center;
    float: right;
    cursor: pointer;
}
.home640 {
    width: 100%;
    clear: both;
    margin-top: 2rem;
    text-align: center
}
.home640 a {
    display: inline-block;
}
.home640 a:hover {
    color: #00a6ad
}
.head_r {
    float: right;
    ;
}
.ul-yiji {
    margin: 0px;
    padding: 0px;
    float: left;
    margin-top: 29px
}
.ul-yiji li {
    float: left;
}
.ul-yiji li a {
    display: block;
    text-decoration: none
}
.ul-yiji>li>a:hover {
    color: #fff;
    background: #00a6ad;
    border-radius: 5px
}
.li-yiji {
    position: relative;
}
.ul-yiji>li {
    padding-bottom: 10px
}
.li-yiji>a {
    color: #4d4d4d;
    height: 31px;
    line-height: 30px;
    display: block;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 12px;
    margin-right: 14px;
    margin-left: 34px;
}
.li-yiji>a:hover, .xuanzhong {
    color: #fff !important;
    background: #00a6ad;
    border-radius: 5px
}
.li-yiji #home {
    padding-left: 17px;
    padding-right: 20px;
    
    margin-left: 0px
}
.li-yiji:hover .ul-erji {
    display: block;
}
.ul-erji {
    position: absolute;
    z-index: 999;
    display: none;
    width: 256px;
    margin-left: 30px;
    background: #fff;
    top: 34px;
    border: #e1e1e1 solid 1px;
    border-bottom: none;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.15);
    box-shadow: 0 0 2px rgba(0,0,0,.15);
}
.ul-erji .li-erji {
    width: 100%;
    border-bottom: #e1e1e1 solid 1px;
    height: 36px;
}
.ul-erji .li-erji a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    color: #4d4d4d;
    padding-left: 15px;
    height: 100%;
    line-height: 35px
}
.li-erji {
    position: relative;
    z-index: 999;
    width: 250px;
}
.li-erji a:hover {
    background: #00a6ad;
    color: #fff;
}
.li-erji:hover .ul-sanji {
    display: block;
}
.ul-sanji {
    position: absolute;
    left: 250px;
    top: -1px;
    display: none;
    background: #f2f2f2;
    width: 269px;
    border: #e1e1e1 solid 1px;
    border-bottom: none;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.15);
    box-shadow: 0 0 2px rgba(0,0,0,.15);
}
.ul-sanji .li-sanji {
    width: 100%;
    border-bottom: #e1e1e1 solid 1px;
    height: 36px;
}
.ul-sanji .li-sanji a {
    display: block;
    color: #4d4d4d;
    background: #fff;
    width: 254px
}
.ul-sanji .li-sanji a:hover {
    background: #00a6ad;
    color: #fff;
}
.search {
    width: 33px;
    z-index: 99999;
    position: relative;
    float: right;
    background: none;
    margin-top: 30px
}
.sb-icon-search {
    color: #fff;
    z-index: 999999;
    width: 33px;
    height: 33px;
    display: block;
}
.sb-search-submit {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: 99999;
    float: left
}
.sb-search {
    position: relative;
    width: 0%;
    min-width: 33px;
    height: 33px;
    float: right;
    display: inline;
    overflow: hidden;
    -webkit-transition: width 0s;
    -moz-transition: width 0s;
    transition: width 0s;
 -webkit-backface;
    -visibility: hidden;
    z-index: 99999;
}
.sb-search-input {
    position: absolute;
    top: 0;
    left: 0px;
    outline: none;
    width: 236px;
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    border: none;
    margin: 0;
    z-index: 10;
    ;
    background: none;
    float: left;
}
.sb-icon-search, .sb-search-submit {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: url(../img/sousuo_1.png) no-repeat center;
    border: none;
}
.sb-search.sb-search-open, .no-js .sb-search {
    width: 236px;
    height: 30px;
    line-height: 30px;
    position: relative;
    right: 0px;
    top: 0px;
    background: #fff;
    z-index: 9999999;
    border: #00a6ad solid 1px;
    border-radius: 5px
}
.no-js .sb-search .sb-icon-search {
    position: absolute;
    /*background: #000 url(../img/sousuo.jpg) no-repeat center;*/
    z-index: 15;
    right: 0px;
    top: 0px;
}
.no-js .sb-search .sb-search-submit {
    z-index: 9990;
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.li-yiji>a {
    color: #4d4d4d;
    height: 31px;
    line-height: 30px;
    display: block;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 8px;
    margin-left: 8px;
}
.ul-erji {
    margin-left: 10px;
    background: #fff;
    top: 34px;
}
}
 @media screen and (min-width:1000px) {
.sous_640, .home640 {
    display: none
}
}

 @media screen and (max-width:999px) {
.sous_640 {
    float: right
}
.home640 a {
    display: inline-block;
    margin-left: 5rem;
}
.head_r {
    display: none
}
}
 @media screen and (max-width:639px) {
/*.logo {
    width: 80%;
    float: none;
}*/
.sous_640 {
    margin-left: auto;
    margin-right: auto;
    float: none
}
.home640 a {
    display: inline-block;
    margin-left: 0rem;
    margin-right: 0rem;
    width: auto;
    margin-left: 0.6rem;
    margin-right: 0.6rem;
}
}
 @media screen and (max-width:420px) {
.home640 a {
    display: inline-block;
    text-align: center;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    margin-bottom: 0.3rem
}
}

/*product fenlei*/
    
.bjf1 {margin-bottom: 50px;}
.bjf1 .secaidp1 {
    width: 100%;
    height: 382px
}
.bjf1 .biaoti {
    padding-top: 49px;
    padding-bottom: 45px
}
.bjf1 .feileipr01, .bjf1 .feileipr02 {
    width: 450px;
    overflow: hidden;
    margin-top: 26px;
    padding-bottom: 17px;
    background: url(../img/yinying.png) no-repeat left bottom;
}
.bjf1 .feileipr01 {
    float: left;
}
.bjf1 .feileipr02 {
    float: right;
}
.bjf1 .feileipr01 img, .bjf1 .feileipr02 img {
    width: 100%;
    border: 1px solid #ddd;
}
.pr001_youce, .pr001_zuoce {
    width: 595px;
    overflow: hidden;
}
.pr001_youce {
    float: right;
}
.pr001_zuoce {
    float: left;
}
.pr001_youce a, .pr001_zuoce a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
}
.pr001_youce .pro_learmore, .pr001_zuoce .pro_learmore {
    width:18%;
    height: 30px;
    line-height: 29px;
    border: #d2d2d2 solid 1px;
    /*background: url(../img/sanjiao_hoang.jpg) no-repeat 87px center #f1f1f1;*/
    color: #027bc7;
    padding-left: 9px
}
.pr001_youce .pro_learmore:hover, .pr001_zuoce .pro_learmore:hover {
    background: #027bc7;
    color: #fff;
    border: #027bc7 solid 1px;
}
.pro_2kuai {
    width: 100%;
    height: 386px;
    overflow: hidden;
    padding-bottom: 54px;
    /*background: url(../img/huise_logo.jpg) no-repeat left bottom #f1f1f1;*/
    padding-top: 3px;
}
.pro_youbj {
    height: 382px;
    overflow: hidden
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.bjf1 .secaidp1 {
    width: 100%;
    height: 350px;
}
.bjf1 .feileipr01, .bjf1 .feileipr02 {
    width: 420px;
    overflow: hidden;
    margin-top: 30px;
    padding-bottom: 21px;
    background: url(../img/yinying.png) no-repeat left bottom;
    background-size: 100% auto
}
.pr001_youce, .pr001_zuoce {
    width: 500px;
    overflow: hidden;
}
.top71 {
    margin-top: 40px
}
.top41 {
    margin-top: 20px
}
.top92 {
    margin-top: 60px
}
.pro_2kuai {
    width: 100%;
    height: 350px;
    overflow: hidden;
}
.pro_youbj {
    width: 100%;
    height: 350px;
    overflow: hidden
}
}
 @media screen and (max-width:999px) {
.bjf1 .secaidp1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 3rem;
    padding-bottom: 2rem
}
.bjf1 .feileipr01, .bjf1 .feileipr02 {
    width: 38%;
    overflow: hidden;
    margin-top: 0px;
    padding-bottom: 0px;
    background: none;
    padding-top: 0rem;
    padding-bottom: 0rem
}
.pr001_youce, .pr001_zuoce {
    width: 49%;
    overflow: hidden;
}
.bjf1 .biaoti {
    padding-top: 2rem;
    padding-bottom: 2rem
}
.pro_2kuai {
    width: 100%;
    height: auto;
    padding-bottom: 2rem
}
.pro_youbj {
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
}
 @media screen and (max-width:900px) {
.bjf1 .secaidp1 {
    width: 100%;
    background: none;
    height: auto;
    overflow: hidden;
    padding-top: 0rem;
    padding-bottom: 0rem
}
.bjf1 .feileipr01, .bjf1 .feileipr02 {
    margin-top: 4rem
}
.pro_2kuai {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: none;
     margin-top: 0; 
}
.pro_youbj {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: none;
}
}
 @media screen and (max-width:640px) {
.bjf1 .feileipr01, .bjf1 .feileipr02 {
    width: 100%;
    float: none;
    max-width: 458px;
    ;
    margin-left: auto;
    margin-right: auto
}
.pr001_youce, .pr001_zuoce {
    float: none;
    width: 100%;
    overflow: hidden;
}
}
/*shouye  xiwen*/   
.sy_xinwen, .xinwen_list {
    width: 350px;
    overflow: hidden;
    float: left;
    margin-left: 75px
}
.xinwen_list {
    margin-top: 32px;
    margin-bottom: 44px
}
.sy_xinwen img, .xinwen_list img {
    width: 100%;
    max-width: 350px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}
.sy_xinwen p, .xinwen_list p {
    height: 60px;
    overflow: hidden
}
.sy_xinwen p a, .xinwen_list p a {
    display: block
}
.hui9 {
    color: #999
}
.sy_xinwen time, .xinwen_list time {
    display: inline-block;
    padding-right: 12px;
    margin-top: 2px
}
/*shou ye youxiang*/
.lanse_sy {
    background: #00a6ad
}
.baise, .lanse_sy a:hover {
    color: #fff
}
.beijs_lx {
    padding-left: 36px;
    width: 559px;
    height: 53px;
    line-height: 52px;
    margin-left: auto;
    margin-right: auto
}
/*footer*/
footer {
    width: 100%;
    background: #6d6d6d;
    padding-top: 38px;
    padding-bottom: 40px;
}
.erweima {
    float: left;
    width: 133px;
    overflow: hidden;
    margin-top: 109px
}
.erweima img {
    width: 100%
}
.dibu_cont {
    float: left;
    width: 223px;
    margin-left: 111px
}
.baida {
    color: #dadada
}


.links {
    width: 700px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}
.links a {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px
}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.sy_xinwen, .xinwen_list {
    width: 29%;
    overflow: hidden;
    float: left;
    margin-left: 4% !important
}
.dibu_cont {
    float: left;
    width: 193px;
    overflow: hidden;
    margin-left: 30px
}

}
 @media screen and (max-width:999px) {
.sy_xinwen, .xinwen_list {
    width: 45%;
    overflow: hidden;
    float: left;
    margin-left: 2.5% !important;
    margin-right: 2.5%;
}
.sy_xinwen img, .xinwen_list img {
    width: 100%;
    max-width: 350px;
    overflow: hidden;
    margin-left: 0px
}
.links {
    width: 100%;
    overflow: hidden;
    text-align: center
}
.erweima {
    float: left;
    width: 20%;
    max-width: 133px;
    overflow: hidden;
    margin-top: 80px;
}
.dibu_cont {
    float: left;
    width: 33%;
    margin-left: 5%
}

.links {
    width: 100%;
    overflow: hidden;
    text-align: left
}

footer {
    width: 100%;
    background: #6d6d6d;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
}
 @media screen and (max-width:639px) {
.sy_xinwen, .xinwen_list {
    width: 95%;
    overflow: hidden;
    float: none;
    margin-left: 2.5% !important;
    margin-right: 2.5%;
}
.sy_xinwen p, .xinwen_list p {
    height: auto;
    overflow: hidden
}
.sy_xinwen img, .xinwen_list img {
    width: 100%;
    max-width: 350px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

.links {
    display: none
}
.erweima {
    float: none;
    width: 100%;
    max-width: 133px;
    overflow: hidden;
    margin-top: 2rem;
    margin-left: 0px;
    
}
.dibu_cont, .dibu_fenl {
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem
}

}

/*xin wen  lie biao*/
.miantox {
    width: 100%
}
.miantox a {
    margin-left: 3px;
    margin-right: 4px
}
.miantox #mx_home {
    margin-left: 0px
}
.page_fy,.zitia{ font-family:Arial, Helvetica, sans-serif}
.page_fy a, .page_fy span {
    margin-left: 5px;
    margin-right: 4px;
    height: 28px;
    display: inline-block;
    margin-bottom: 5px; cursor:pointer
}
.page_fy .a {
    padding-left: 12px;
    padding-right: 12px;
}
.page_fy a:hover {
    background: #00a6ad;
    color: #fff;
    border: #00a6ad solid 1px;
    
}
.page_fy .xuanz {
    cursor: pointer;
    background: #00a6ad;
    color: #fff;
    border: #00a6ad solid 1px;
    padding-left: 12px;
    padding-right: 12px;

}
.page_fy a, .page_fy span, .page_fy .moren, .page_fy .moren_p {
    height: 28px;
    line-height: 27px;
    margin-bottom: 5px;
    display: inline-block;
    border: #e5e5e5 solid 1px;
    background: #fff;
    color: #333333
}
.moren_p { cursor:default !important;}
.page_fy .moren {
    padding-left: 17px;
    padding-right: 17px;
}
.page_fy .moren_p {
    padding-left: 7px;
    padding-right: 7px;
}
.xinw_zw div, .xinw_zw table, .xinw_zw p{
    width: 100%
}
.xinw_zw img{
    max-width: 100%; margin-left:auto; margin-right:auto
}
.xinw_zw table,.chanp_bjq table  {
    width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; 
}
.xinw_zw table tr, .xinw_zw table td {
    padding:3px; border:1px solid #ccc; background:#fff
}
.xinw_sxye{ padding-top:14px; border-top:#999 dashed 1px}
.xinw_sxye p a{ display:inline-block}
.xqshijan{  background:url(../img/shijian_xw.jpg) no-repeat left center; width:77px; overflow:hidden; margin-left:auto; margin-right:auto; padding-left:22px; display:block ;margin-top:8px; margin-bottom:15px}
.xinw_zw img{ max-width:100%;}

.xinw_zw p strong{  color:#00a6ad; font-size:18px; font-size:1.8rem;font-family:Arial, Helvetica, sans-serif;}

/*contact us*/
.cont_pjs{ width:720px; overflow:hidden}
.con_zuo{ width:254px; float:left; }
.con_skp,.con_yx,.con_dhua,.con_cz,.con_qq,.con_app{ padding-left:42px;}

.con_skp{ background:url(../img/cony_skip.jpg) no-repeat left 5px}
.con_yx{background:url(../img/cony_youx.jpg) no-repeat left 8px}
.con_dhua{background:url(../img/cony_dianhua.jpg) no-repeat left 6px}
.con_cz{background:url(../img/cony_czhen.jpg) no-repeat left 4px}
.con_qq{background:url(../img/cony_qq.jpg) no-repeat left 5px}
.con_app{background:url(../img/cony_wapp.jpg) no-repeat left 4px}
.con_ditu{ float:right; width:511px; overflow:hidden}
.con_ditu .ditu_dz{ width:100%;}

 @media screen and (max-width:999px) {
.cont_pjs{ width:100%}
.con_zuo{ width:30%;}
.con_ditu{ width:52%;}
.con_skp,.con_yx,.con_dhua,.con_cz,.con_qq,.con_app{ padding-left:15%;}
.con_zuo,.con_ditu{ width:100%;max-width:254px;  float:none; } 
.con_ditu{ max-width:511px; float:none; } 
}

      
      
      
/*contact  form*/
.lianxiwom_dy{ width:100%; display:block; margin-top:32px}

.cont_in{ float:left;width:516px; overflow:hidden; }
.cont_in2{ float:right;width:505px;overflow:hidden;}
.cont_in input{ height:35px; line-height:35px; border:#cccccc solid 1px; width:492px; overflow:hidden; padding-left:10px; color:#666666 !important ;  float:left; margin-bottom:37px  }
    
.cont_in2 input{ height:35px; line-height:35px; border:#cccccc solid 1px; width:493px; overflow:hidden; padding-left:10px; color:#666666 !important ;margin-bottom:37px     }
.cont_in .hongxing,.cont_in2 .hongxing,.cont_text .hongxing,.cont_in3 .hongxing { color:#dc000c; font-size:12px; font-family:Verdana, Geneva, sans-serif;display:inline-block; width:12px; float:left; margin-top:14px; text-align:right}
.cont_text{ width:100%; height:144px; overflow:hidden; margin-bottom:37px}
.cont_text textarea{ width:1172px; height:130px; overflow:hidden;border:#cccccc solid 1px; float:left; padding:6px; color:#666666}


.yazhengma{ float:left; border:none; overflow:hidden; margin-left:12px; cursor:pointer; margin-top:1px}
.lianxiwom_dy .send_tj_c{ color:#fff; width:179px; height:40px; overflow:hidden;  background:#00a6ad; margin-left:19px; cursor:pointer}
.cont_in3{ float:left; width:168px; display:inline-block}
.cont_in3 input{ height:35px; line-height:35px; border:#cccccc solid 1px; width:139px; overflow:hidden; padding-left:13px; color:#4d4d4d ;  float:left; margin-top:1px;  color:#666666}
    
    
@media screen and (min-width:1000px) and (max-width:1219px) {
.cont_in{ float:left;width:470px; overflow:hidden; }
.cont_in2{ float:right;width:450px;overflow:hidden}
.cont_in input{  width:446px; overflow:hidden; }    
.cont_in2 input{ width:438px;}
.cont_text textarea{ width:954px; height:130px; overflow:hidden;border:#cccccc solid 1px; float:left; padding:6px; color:#666666}

}
    
    
@media screen and (max-width:999px) {
      
    .cont_in2{ width:45%; overflow:hidden; }
    .cont_in{ width:55%; overflow:hidden; }
    .cont_in3{ width:25%; overflow:hidden; }
    .cont_in input,.cont_in2 input{ width:90%; overflow:hidden; }
    .cont_in .hongxing,.cont_in2 .hongxing,.cont_text .hongxing { width:3%; float:left; text-align:right}
    .cont_text textarea{ width:94%; float:left; }
    .yazhengma{ float:left;  overflow:hidden; margin-left:2%; cursor:pointer}
    .lianxiwom_dy .send_tj{ color:#fff; width:20%; height:34px; overflow:hidden; line-height:34px; background:#005678; padding-left:5rem; padding-right:5rem; margin-left:3rem }
    .cont_in3 input{ width:80%}

}
 @media screen and (max-width:640px) {  
    
    .cont_in,.cont_in2,.cont_in3{ width:100%; overflow:hidden; float:none ;}
    .cont_in input,.cont_in2 input,.cont_in3 input { width:80%; overflow:hidden; }
    .cont_in .hongxing,.cont_in2 .hongxing { width:12px; float:left;margin-top:15px; overflow:hidden; text-align:right  }
    .cont_text textarea{ width:88%; float:left; }
    .cont_text .hongxing{width:12px; float:left;margin-top:10px; display:block; }
    .yazhengma{ float:left; width:117px; height:34px; overflow:hidden; margin-left:0px; cursor:pointer; margin-top:30px; margin-right:19px}
    .lianxiwom_dy .send_tj_c{ margin-top:28px; float:none; margin-left:0px }

 }
     
     
/*xinwen lie biao  re xao chan pin*/    
.biaoti_rex{ background:url(../img/hot_bj.jpg) repeat-x left center } 
.biaoti_rex span{ display:inline-block; background:#fff; padding-right:7px} 

.rexiao_cp{ width:260px; overflow:hidden; float:left; margin-left:53px} 
.rexiao_cp img{ max-width:100%; margin-left:auto; margin-right:auto}
.rexiao_cp .biaoti_rx{ display:block; height:25px; margin-top:13px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


@media screen and (min-width:1000px) and (max-width:1219px) {
    
.rexiao_cp{ width:23%; overflow:hidden; float:left; margin-left:2.6%} 
    
}


@media screen and (max-width:999px) {
.rexiao_cp{ width:23%; overflow:hidden; float:left; margin-left:1% !important; margin-right:1%}   
}

@media screen and (max-width:800px) {
.rexiao_cp{ width:45%; overflow:hidden; float:left; margin-left:2.5% !important; margin-right:2.5%} 
  
}

@media screen and (max-width:639px) {
.rexiao_cp{ width:98%; overflow:hidden; float:none; margin-left:1% !important; margin-right:1%} 
  
}
      
      
      
/*chan pin ye mian*/  
      
      
      
.pro_zuo {
    float: left;
    width: 285px;
    overflow: hidden;
    margin-top: 32px
}
.pro_zuo .zuocbti_p {
    display: inline-block; background:#00a6ad; color:#fff; width:100%; height:45px; line-height:44px; text-align:center
}

.dafenlei {
    background: #fff;
    padding-bottom: 10px;
}
.yijilei {
    cursor: pointer;
    background: url(../img/prlxian.jpg) no-repeat 269px center; padding-left:3px;
    border-bottom: #e6e6e6 solid 1px;
    padding-top: 11px;
    padding-bottom: 10px; padding-right:20px
}
.yijilei a{
    line-height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #4d4d4d;
    transition: 0s; 
    
}
.yijilei:hover {
    background: url(../img/prljian.jpg) no-repeat 269px center;
}
.yijilei:hover a {
    background: url(../images/prljianh.jpg) no-repeat left center;
    color: #00a6ad;
}
.morendd a {
    background: url(../img/prljianh.jpg) no-repeat right center;
    color: #00a6ad;
}
.xuanzhongzl {
    background: url(../img/prljian.jpg) no-repeat 269px center;
}
.xuanzhongzl>a{color: #00a6ad;}
.navContent2 {
    display: none;
    padding-bottom: 1px;
}
.navContent2{border-bottom: #e6e6e6 solid 1px; padding-bottom:9px}
.navContent2>li a {
    display: block;
    
    line-height: 22px;
    color: #4d4d4d;
    padding-left: 28px;
    margin-top: 11px; margin-bottom:2px
}
.navContent2>li a:hover,.navContent2 .xuanze23 {
    color: #00a6ad;
}

 .fenlei640 a {
    line-height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #4d4d4d;
    transition: 0s;
}

.fenlei640 {
    border-bottom: #e6e6e6 solid 1px;
    padding-top: 6px;
    padding-bottom: 8px;
    padding-left: 0.5rem
}

.fenl640xl{border-bottom: #e6e6e6 solid 1px; padding-bottom:10px; padding-top:10px}
.fenl640xl a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    color: #4d4d4d;
    padding-left: 2rem;
    margin-top: 8px;
}

.fenl640xl a:hover,.fenlei640 a:hover,.fenlei640xuzz{color: #00a6ad !important;}
.fenlei640, .fenl640xl {
    display: none
}


.biaoti_xw{ width:100%; height:30px;background:url(../img/huise_bj.jpg) repeat-x left bottom;overflow:hidden}
.biaoti_xw span{ display:block; width:100%; background:url(../img/xinwen_jiah.jpg) no-repeat 268px center;height:30px;  }
.biaoti_xw span a{ display:inline-block; height:100%; background:url(../img/lvse_xt.jpg) repeat-x left bottom ;height:30px;}


.pro_zuo article {
    width: 100%;
    overflow: hidden;
    border-bottom: #cfcfcf dotted 1px;
    padding-bottom: 20px;
}
.pro_zuo article .img { float:left; width:100px; overflow:hidden}
.pro_zuo article .img img{ width:100%}
.pro_zuo article p{ float:left; width:175px; overflow:hidden; margin-left:10px}
.pro_you{ float:right; width:885px; overflow:hidden}
.chanp_list{ width:273px; height:263px;; border:#cccccc solid 1px; background:#f3f3f3; float:left; margin-left:30px; margin-top:32px; margin-bottom:13px}
.chanp_list:hover{ background:#00a6ad; cursor:pointer}
.chanp_list .img{ background:#fff; padding:6px}
.chanp_list .img img{ width:260px; overflow:hidden}
.chanp_list .input {
    height: 24px;
    overflow: hidden;
    margin-top: 8px
}
.chanp_list .input input {
    width: 13px;
    height: 13px;
    display: inline-block; margin-right:6px;
    vertical-align: middle;
    
}
.chanp_list .input a{ color:#999999}
.chanp_list .biaoti_cpls{ display:block; width:100%; color:#333333;  height:30px; line-height:29px; overflow:hidden; margin-top:4px}
.chanp_list:hover .biaoti_cpls,.chanp_list:hover .input a{ color:#fff}

.chanpfenl {
    float: left;
    width: 480px;
    overflow: hidden;
    text-align: right
}


.addto {
    height: 32px;
    background: url(../img/select.jpg) no-repeat left 6px;
    width: 152px;
    padding-left: 93px;
    float: left; margin-left:20px
}
.addto input {
    height: 32px;
    line-height:30px;
    background: #00a6ad;
    color: #fff;
    cursor: pointer;
    width: 152px;
    border: none;
    overflow: hidden;

    cursor: pointer
}



@media screen and (min-width:1000px) and (max-width:1219px) {
    
    .pro_you{ float:right; width:665px; overflow:hidden}
    .chanp_list{ width:45%;height:auto;; padding-bottom:10px;  margin-left:2.2% !important; margin-right:2.2%}
    
    .chanp_list .img{ background:#fff; width:96%; padding:2%}
    .chanp_list .img img{ width:100%; max-width:350px; overflow:hidden; margin-left:auto; margin-right:auto}
    .addto {
    padding-left: 93px;
    float: right; margin-left:auto; margin-right:auto
}

    .chanpfenl {
    float: none;
    width: 100%;
    overflow: hidden;
    text-align:center
}
        
    
}



@media screen and (max-width:999px) {
    .pro_zuo{ width:23%;}
    .pro_zuo article .img { float:none; width:100%; max-width:350px; margin-left:auto; margin-right:auto; overflow:hidden}

    .pro_zuo article p{ float:none; width:100%; overflow:hidden; margin-left:0px; margin-top:1rem; text-align:center}
    .pro_zuo article p a{ display:block}
    .pro_zuo article {
        width: 100%;    
        border-bottom: #cfcfcf dotted 1px;
        padding-bottom:1rem;
    }
    .biaoti_xw span{ display:block; width:100%; background:url(../img/xinwen_jiah.jpg) no-repeat 98% center;height:30px;  }
    .fenlei640, .fenl640xl {
        display: block;
    }
    .dafenlei{ display:none}            
        
    .pro_you{ float:right; width:73%; overflow:hidden}  
        
    .chanp_list{ width:45%;height:auto;; padding-bottom:10px;  margin-left:2.2% !important; margin-right:2.2%}
    
    .chanp_list .img{ background:#fff; width:96%; padding:2%}
    .chanp_list .img img{ width:100%; max-width:350px; overflow:hidden; margin-left:auto; margin-right:auto}
     
    .pro_zuo .zuocbti_p {
    display: inline-block; background:#00a6ad; color:#fff; width:100%; height:auto; line-height:30px; text-align:center}
    
    
    .chanpfenl {        
        width: 100%;
        overflow: hidden;
        text-align:center
    }

    .addto {        
        width: 24%;
        padding-left: 12%;
        float: right; margin-left:0px ;
    }

    .fenlei640 {
        border-bottom: #e6e6e6 solid 1px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0.5rem
    }

    .fenl640xl{border-bottom: #e6e6e6 solid 1px; padding-bottom:8px; padding-top:8px}

    }

                
@media screen and (max-width:640px) {
    .pro_zuo{ width:100%; float:none}
    .pro_you{ float:none; width:100%; overflow:hidden} 
    .chanp_list{ width:45%;height:auto; padding-bottom:10px;  margin-left:2.2% !important; margin-right:2.2%}
    
    .chanp_list .img{ background:#fff; width:96%; padding:2%}
    .chanp_list .img img{ width:100%; max-width:350px; overflow:hidden; margin-left:auto; margin-right:auto}
    .addto {padding-left: 93px; float: none; margin-left:auto; margin-right:auto }

    .chanpfenl {float: none; width: 100%; overflow: hidden; text-align:center }
        
}
            
 @media screen and (max-width:420px) {
                

    .chanp_list{ width:95%;height:auto;; padding-bottom:10px;  margin-left:2.3% !important; margin-right:2.3%}
    .addto {
    padding-left: 0px; background:url(); display:block; width:100%;  text-align:center;
    float: none; margin-left:auto; margin-right:auto }
             
}       
                
                
                
                
/*about us*/
.about_zuo{ float:left; width:700px; overflow:hidden}
.about_you{ float:right; width:466px; background:#fff; height:371px; padding:6px; box-shadow:0px 0px 8px rgba(0, 0, 0, .5)}



.celie{ width:268px; float:left; margin-left:197px; }

.cetun{ position:relative;text-align:center; overflow:hidden;max-width:268px; margin:auto;}
.cetun>img{ width:100%; max-width:268px;  margin-left:auto; margin-right:auto}
.cetun a{ display:block; position:absolute; width:100%; height:100%; top:100%; left:0px; background:#fff; background:rgba(255,255,255,0.3);filter:alpha(opacity=30);}
.cezi{ display:block; text-align:center;  line-height:25px; height:25px; overflow:hidden;  margin-top:9px}
.cetu:hover a{ top:0px;}
.cezi:hover{ color:#333 !important;}

.cetun a img {
    width: 66px;
    height: 53px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    margin-top: -20px;}
    
.chanp_xrrg{ width:200px; float:left; margin-left:28px; margin-top:21px}
.chanp_xrrg img{ width:100%;}   
.chanp_xrrg .xiangcpby{ width:100%; display:block; height:25px; line-height:25px; text-align:center; margin-top:7px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.img-scroll { position:relative;  width:100%; z-index:9;}
.m1nav{ width:100%; height:37px; position:absolute;  z-index:999; left:0px;}
.img-scroll .prev,.img-scroll .next{position:absolute;display:block;width:25px;height:35px;top:169px; z-index:99}
.img-scroll .prev { left:0px;cursor:pointer; background:url(../img/m1left.png)}
.img-scroll .next { right:0px;cursor:pointer; background:url(../img/m1right.png)}
.img-scroll .prev:hover { left:0;cursor:pointer; background:url(../img/m1lefth.png)}
.img-scroll .next:hover { right:0;cursor:pointer; background:url(../img/m1righth.png)}
.img-list { position:relative; width:467px; overflow:hidden; margin-left:auto; margin-right:auto}
.img-list ul { width:9999px;}
.img-list li { float:left; display:inline; width:467px; ;}
.img-list li img{ width:100%; max-width:467px; }
.img_matup{ width:100%; overflow:hidden; display:block}
.img_matup img{ max-width:100%; margin-top:2rem; margin-left:auto; margin-right:auto}

@media screen  and (min-width:1000px) and (max-width:1219px) {
    .celie{  width:30%; float:left; margin-left:1.5% !important; margin-right:1.5% }
    .about_zuo{ width:100%; float:none}
    .about_you{ float:none; margin-left:auto; margin-right:auto}

    .chanp_xrrg{ width:45%; float:left; margin-left:2.5% !important; margin-top:2.5%; }
    .chanp_xrrg img{ width:100%; max-width:200px; margin-left:auto; margin-right:auto}  

 } 
    
@media screen and (max-width:999px) {
    .about_zuo{ width:100%; float:none}
    .about_you{ float:none; margin-left:auto; margin-right:auto}
    
    .celie{  width:30%; float:left; margin-left:1.5% !important; margin-right:1.5% }
    .chanp_xrrg{ width:23%; float:left; margin-left:1% !important; margin-right:1%}
    .chanp_xrrg img{ width:100%; max-width:200px; margin-left:auto; margin-right:auto}  

}
    
    
@media screen  and (min-width:640px){
    .img_matup{ display:none}
}
 @media screen and (max-width:639px) {
    .celie{  width:97%; float:left; margin-left:1.5% !important; margin-right:1.5%; margin-top:2rem }
    .chanp_xrrg{ width:45%; float:left; margin-left:2.5% !important; margin-top:2.5%; }
    .chanp_xrrg img{ width:100%; max-width:200px; margin-left:auto; margin-right:auto}  
    .about_you{ display:none}

}
        
        
@media screen and (max-width:420px) {
    .chanp_xrrg{ width:98%; float:left; margin-left:1% !important; margin-right:1%}

    .chanp_xrrg img{ width:100%; max-width:200px; margin-left:auto; margin-right:auto}  

    
    }
    
    
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 
 
 
 /*chan pin xiang qing */
 .left-pro{ height:481px; margin-left:auto; width:885px; margin-right:auto; margin-top:32px }
.left-pro .t1{width:165px;float:left; height:481px; margin-left:29px}
.left-pro .t2{width:690px;text-indent:0;float:left; height: 481px; }
.left-pro .t2 a{ display:block;}
.left-pro .t2 img{text-indent:0;display: block;width:690px;height: 481px;}
#showArea a{ display:block; }
#gotop{cursor:pointer;display:block; margin:auto;}
#gobottom{cursor:pointer;display:block; margin:auto;}
#showArea{overflow:hidden;width:165px; height:458px; margin-top:13px  }
#showArea img{cursor:pointer;display:block;width:165px;height:115px;  margin-bottom:43px  }


.tupian_cptp{ width:100%; }
.tupian_cptp img{ max-width:100%; margin-left:auto; margin-right:auto; margin-top:2rem;  display:block}

.MagicZoomBigImageCont{ display:none}
.shangy_in{ width:485px; overflow:hidden; float:left}
.shangy_in a{ display:inline-block; width:140px; height:35px; overflow:hidden; background:#bcbcbc; color:#fff; line-height:34px; text-align:center}
.shangy_in a:hover{ background:#00a6ad}
.shangy_in a.zuo{ float:left; margin-left:150px}
.shangy_in a.you{ float:right}

.share{ width:220px; overflow:hidden; float:left; margin-left:36px;line-height: 24px;}
.share .span{ display:inline-block; float:left; font-size:14px; font-size:1.4rem; top:2px}



 .share a{ width:24px; height:24px; border-radius:3px  !important; }
 .share a span{ width:24px !important; height:24px !important;}
 .share a svg{  width:24px !important; height:24px !important; }











@media screen  and (min-width:1000px) and (max-width:1219px) {
    
    
    
     .left-pro{ height:349px; margin-left:auto; width:665px; margin-right:auto; }
.left-pro .t1{width:100px;float:right; height:349px; }
.left-pro .t2{width:500px;text-indent:0;float:left; height: 349px; }
.left-pro .t2 a{ display:block;}
.left-pro .t2 img{text-indent:0;display: block;width:500px;height: 349px;}
#showArea a{ display:block; }
#gotop{cursor:pointer;display:block; margin:auto;}
#gobottom{cursor:pointer;display:block; margin:auto;}
#showArea{overflow:hidden;width:145px; height:310px;  }
#showArea img{cursor:pointer;display:block;width:100px;height:70px; margin-top:20px; margin-bottom:30px; }

.shangy_in{ width:60%; float:none; margin-left:auto; margin-right:auto}
    
    .shangy_in a.zuo{ float:left; margin-left:0px}
    .share{ width:220px; overflow:hidden; float:none; margin-left:auto; margin-right:auto;line-height: 24px;}


    }










    @media screen and (min-width:1000px){.tupian_cptp{ display:none}
}
    @media screen and (max-width:999px)
{
    
    
    .shangy_in{ width:80%; float:none; margin-left:auto; margin-right:auto}
    
    .shangy_in a.zuo{ float:left; margin-left:0px}
    .share{ width:220px; overflow:hidden; float:none; margin-left:auto; margin-right:auto;line-height: 24px;}

    .left-pro{ display:none }
    
    
    
    }
  @media screen and (max-width:420px)
  {
        
    .shangy_in{ width:100%; float:none; margin-left:auto; margin-right:auto}
    
    .shangy_in a.zuo{ float:none; width:100%; margin-left:0px; }
    .shangy_in a.you{ float:none;width:100%; margin-left:0px;margin-top:2rem}
    .share{ width:220px; overflow:hidden; float:none; margin-left:auto; margin-right:auto;line-height: 24px;}
 
      
      }
      
.dblock{ display:block}   




.list_cart{ width:100%; margin-bottom:10px }
.cleare{ clear:both}
.list_cart div{width:140px; height:27px }

.list_cart div.continue a{ display:block; width:100%; overflow:hidden; text-align:center; line-height:26px; background:#00a6ad; cursor:pointer; color:#fff ;}
.list_cart div.continue{ float:left;; }
.list_cart div.inquirecart{  float:right; }
.list_cart div.inquirecart input{ display:block; width:100%; overflow:hidden; text-align:center; line-height:26px; background:#00a6ad; cursor:pointer; color:#fff}
@media screen and (max-width:999px){


.list_cart{ width:100%}
.list_cart .continue{ width:30%; float:left}
.list_cart div.inquirecart{  float:right; width:30%;  }

}
@media screen and (max-width:639px){
.coxinxi .int1{ width:93%; padding-left:5%}
.coxinxi .int2{ width:93%; padding-left:5%; float:left}
.coxinxi .int3{ width:93%; padding-left:5%}
.coxinxi textarea{  width:93%; padding-left:5%}
.coxinxi .int4{ width:93%; padding-left:5%}
.coxinxi .yanzheng{ margin-left:auto;}
.coxinxi .int5{ width:20%; margin-left:auto; float:right;}
.ditu{ margin-top:20px;}
.comain{ padding-bottom:40px;}
.top45, .top49, .top43 {
    margin-top: 10px; }
}

@media screen and (max-width:420px){
.list_cart div.continue{ float:none;; }
.list_cart div.inquirecart{  float:none; }

.list_cart{ width:100%;margin-top:1.5rem}
.list_cart .continue{ width:100%; float:none}
.list_cart div.inquirecart{  float:none; width:100%; margin-top:1.5rem   }
.inquiry-panel .inquiry-tit{font-size: 20px;}
}