@charset "utf-8";
a, article, aside, audio, b, body, canvas, caption, dd, details, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, img, label, li, menu, nav, ol, p, pre, q, s, samp, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
html,body,div,p,span,a,input,img,ul,li{ margin: 0; padding: 0;}
a{text-decoration: none;}
ul,li{ list-style: none;}
img{ border: none;}
html {
    display: block;
    color: -internal-root-color;
	width: 100%;
}
.icon, .icon-2x, .icon-cert {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 0;
}
.img{justify-content: center;align-items: center;display: flex;}
/* 请浮动 */
.clear:after, .clear:before {
    content: ' ';
    display: table;
}
.clear:after{clear: both;}
/*固定导航*/
.top_fixd{ display: none;width: 100%;min-width: 1200px; height: 70px; background-color: #fff; overflow: hidden; box-shadow: 3px 0px 8px #ccc; position: fixed; top: 0; left: 0; z-index: 99999999;}
.top_fixd .fixd_main{ width: 1200px; height: 70px; overflow: hidden; margin: 0 auto;}
.top_fixd .fixd_main .fixd_main_logo{ width: 200px; height: 70px; float: left;}
.top_fixd .fixd_main .fixd_main_logo a{ width: 200px; height: 70px; line-height: 70px;}
.top_fixd .fixd_main .fixd_main_logo a img{ width: 160px; height: auto; text-align: center; vertical-align:middle;}
.top_fixd .fixd_main .fixd_main_right{ float: right; width: 952px; height: 38px; overflow: hidden; margin-top: 15px;}
.top_fixd .fixd_main .fixd_main_right .kuang_txt{ float: left; width: 400px; height: 34px; outline: none; line-height: 35px; padding-left: 10px; border: 2px solid #1479d7;}
.top_fixd .fixd_main .fixd_main_right .kuang_sub{ float: left; width: 88px; height: 38px; margin-right: 30px; outline: none; background-color: #1479d7; border: none; color: #fff; cursor: pointer;}
.top_fixd .fixd_main .fixd_main_right .kuang_but{ float: left; height: 38px; cursor: pointer; outline: none; border: 1px solid #dddddd; background: #fff; padding: 0 20px; color: #666;}
.top_fixd .fixd_main .fixd_main_right .kuang_dl{ float: left; width: 80px; height: 38px; line-height: 38px; font-size: 14px; text-align: center; background: #fcc;}

.reg-tip { box-sizing: border-box; width: 206px; height: 32px; padding: 0 28px 0 12px; line-height: 32px; color: #fff; background-color: #f5a623; border-radius: 3px; position: absolute; left: 265px; top: 32px; font-size:13px;}
.reg-tip::before { content: ''; border: 6px solid transparent; border-bottom-color: transparent; position: absolute; left: 34px; top: -12px; border-bottom-color: #f5a623; }
.reg-tip i { display: inline-block; width: 12px; height: 12px; background: url(icon_close_8x8.png) no-repeat center center; background-size: auto; background-size: 8px 8px; position: absolute; bottom: 10px; right: 8px; cursor: pointer; }
/*top*/
.top{ width: 100%;min-width: 1200px; height: 29px; background-color: #f9f9f9; border-bottom: 1px solid #f4f4f4;}
.top .top_main{ margin: 0 auto; width: 1200px; height: 30px;}
.top .top_main .top_m_left{ float: left; width: 40%; height: 30px; line-height: 28px; position: relative; }
.top .top_main .top_m_left div{ display: inline; font-size: 12px; color: #666; overflow: hidden; vertical-align: middle;}
.top .top_main .top_m_left span{ display: inline; color: #ededed; vertical-align: middle; margin: 0 10px;}
.top .top_main .top_m_left a{ display: inline; font-size: 12px; color: #ff8400; vertical-align: middle;}
.top .top_main .top_m_right{ float: right; width: 60%; height: 30px;}
.top .top_main .top_m_right .top_m_r_ul{ float: right; height: 30px;}
.top .top_main .top_m_right .top_m_r_ul>li{ float: left; height: 30px;}
.top .top_main .top_m_right .top_m_r_ul>li>a{ padding: 0 15px; height: 30px; line-height: 30px; font-size: 12px; color: #666; }
.top .top_main .top_m_right .top_m_r_ul span{ float: left; height: 30px; line-height: 30px; color: #ededed;}
.top .top_main .top_m_right .top_m_r_ul .top_r_erji{ width: 110px; height: auto; position: relative; margin-right: 15px;}
.top .top_main .top_m_right .top_m_r_ul .top_r_erji div{ width: 110px; border: 1px solid transparent; border-bottom: none; border-top: none; text-align: center; height: 30px; line-height: 30px; cursor: pointer; font-size: 12px; color: #666;}
.top .top_main .top_m_right .top_m_r_ul .top_r_erji div img{ width: 12px; display: inline; margin-left: 6px;}
.top .top_main .top_m_right .top_m_r_ul .top_r_erji:hover div{ color: #ff8400; background-color: #fff; border: 1px solid #ccc; border-bottom: none; border-top: none;}
.top .top_main .top_m_right .top_m_r_ul .top_r_erji:hover div img{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);}
.top .top_main .top_m_right .top_m_r_ul .top_r_erji .top_erji_ul{ display: none; position: absolute; top: 30px; left: 0; z-index: 9; width: 110px; height: auto; border: 1px solid #ccc; border-top: none; overflow: hidden; background: #fff;}
.top .top_main .top_m_right .top_m_r_ul .top_r_erji .top_erji_ul li{ width: 100%; height: 30px; overflow: hidden;}
.top .top_main .top_m_right .top_m_r_ul .top_r_erji .top_erji_ul li a{ width: 100%; height: 30px; line-height: 30px; text-indent: 15px; font-size: 12px; color: #333; display:block;}
.top .top_main .top_m_right .top_m_r_ul .top_r_erji:hover .top_erji_ul{ display: block;}
.top .top_main .top_m_right .top_m_r_ul .top_r_erji .top_erji_ul li a:hover{ color: #ff8400;}

.popewm { position:relative;}
.popewm .popewmdiv {right: -32px; height:176px; display: none; position:absolute; background-color:#FFFFFF; z-index:99999; }
.popewm:hover .popewmdiv { display:block;}
.m_evmp2 { border: 1px solid #ff8400; padding: 9px; z-index: 90; }
.m_evmp3 { background: url(/img/pub/pic/icons30.png) 0px -60px no-repeat; width: 30px; height: 15px; display: block; position: relative; top: -186px;left: 61px;float: left;z-index: 100;}
.m_evm_txt { text-align: center; height: 24px; line-height: 24px; font-size: 14px;}

/*head*/
.head{ clear: both; width: 100%; height: 145px; background-color: #fff;min-width: 1200px;}
.head .head_main{ width: 1200px; height: 145px; overflow: hidden; margin: 0 auto;}
.head .head_main .head_main_logo{ width: 200px; height: 70px; margin-top: 40px; float: left;}
.head .head_main .head_main_logo a{ width: 200px; height: 70px; line-height: 70px;}
.head .head_main .head_main_logo a img{ width: 200px; height: auto; text-align: center; vertical-align:middle;}
.head .head_main .head_main_right{ float: right; width: 885px;  height: 38px; overflow: hidden; margin-top: 58px;}
.head .head_main .head_main_right .kuang_txt{ float: left; width: 500px; height: 34px; outline: none; line-height: 35px; padding-left: 10px; border: 2px solid #1479d7;}
.head .head_main .head_main_right .kuang_sub{ float: left; width: 88px; height: 38px; margin-right: 30px; outline: none; background-color: #1479d7; border: none; color: #fff; cursor: pointer;}
.head .head_main .head_main_right .kuang_but{ float: left; height: 38px; cursor: pointer; outline: none; border: 1px solid #dddddd; background: #fff; padding: 0 20px; color: #666;}
/* banner */
.banner{height:auto; width:100%; overflow: hidden;}
.banner img{width: 100%; height: auto;}
.goodsBox{width: 1190px; height: auto; background: #5454e5; margin: 0 auto 50px;}
/* 产品列表 */
/* title */
.floor-hd {padding: 17px 20px;}
.floor-hd h2{font-size: 16px;float: left; color: #fff; margin: 0; padding: 0; font-weight: 400;}
.floor-hd .after{font-size: 12px;float: right; margin-top: 5px;color: #fff;}
/* list */
.floor-bd{padding: 0 20px 10px 10px;box-sizing: border-box;}
.prod-lst{display: flex;flex-wrap:wrap}
.prod-item {width: 25%;padding: 0 0 10px 10px;box-sizing: border-box; }
.prod-item .in{padding: 10px;background: #fff;border-radius: 5px;}
.vam{position: relative; width: 260px;height: 260px;}
.vam img{max-width: 260px; max-height: 260px;}
.prod-item .prod-name {display: block;margin: 10px 0;font-size: 14px;overflow: hidden;height: 40px; color: #333;}
.prod-item .prod-name:hover{color: #D9363C;}
.prod-item .prod-price {float: left;color: #d9363c;font-weight: 700;font-size: 16px;}
.prod-item em {font-style: normal;}
.prod-item .prod-cert {float: right;}
.icon {width: 16px;height: 16px;background: url(icon.png) no-repeat;}
.icon-cert-senior {background-position: 0 -32px;}
.icon-cert-ccic{background-position: -16px -64px;}
.prod-detail{ margin-top: 30px; position: relative; margin-bottom: 10px;}
.prod_name{text-align: center;display:block;font-size:14px;margin:0;color:#333;vertical-align:middle;box-sizing: border-box; overflow: hidden;    height: 24px;line-height: 24px;word-break: break-all;}
.prod_name img {
    float: none;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-top: 0px;
	vertical-align: middle;
}
.prod-detail:hover .prod_name{color: #f00;}
.prod-bq{margin-top: 10px;    text-align: center;}
.prod-button{width: 120px; height: 40px; position: absolute; top: -50px; left: 50%; margin-left: -60px; border: 1px solid #e5e5e5; border-radius: 50px; text-align: center;line-height: 40px; background: #fff; color: #f00; font-size: 14px;}
.prod-bq .tag-text {
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    color: #FF1218;
    border-width: 1px;
    border-style: solid;
    border-color: #FEBEBF;
    border-radius: 4px;
    margin: 0 4px;
    font-size: 12px;
}
/* 底部 */
.footer-wrap{width: 100%;background: #fff;}
.grid-wide{width: 1190px;margin-left: auto;margin-right: auto;}
.ft-team {padding: 20px 0 15px 0;color: #666;text-align: center;font-size: 12px;}
.ft-team .ft-about {line-height: 24px;margin-bottom: 5px; }
.ft-team .v-sep {color: #d6d6d6;}
.ft-team a:link, .ft-team a:visited {
    color: #666;
}
/* right浮动框 */
.side_top{position: fixed;right: 0;top: 50%;}
.side_top ul li {margin: 5px;}
.gotop {background: url(mhszt_01.png) no-repeat;width: 56px;height: 63px;display: block;}
.qq_top {background: url(mhszt_02.png) no-repeat;width: 52px; height: 52px;display: block;}
.weixin_top {background: url(mhszt_03.png) 0 0px;width: 52px; height: 52px;display: block;}
.fank_top{ background: url(mhszt_04.png) no-repeat; width: 56px; height: 63px; display: block;}
.ft-team a {
    white-space: nowrap;
}
.weixin_top_img {
    position: fixed;
    right: 60px;
    cursor: pointer;
    display: none;
}
.gotop:hover{background: url(mhszt_011.png) no-repeat;}
.qq_top:hover{background: url(mhszt_022.png) no-repeat;}
.weixin_top:hover .weixin_top_img{display: block;}
.fank_top:hover{background: url(mhszt_044.png) no-repeat;}


@media screen and (min-width: 1200px) {
	.topBox{display: block;}
	.footer-wrap{display: block;}
	.side_top{display: block;}
}


@media screen and (max-width: 1200px) {
	.side_top{display: none;}
	.footer-wrap{display: none;}
	.banner{height:auto; width:100%; overflow: hidden;}
	.banner img{height:8rem; width: auto;}
	.topBox{display: none;}
	.footer-wrap{display: none;}
	.goodsBox{width:100%;}
	.prod-lst{display: flex;flex-wrap:wrap;justify-content: center;align-items: center;}
	.prod-item{width: auto;height: auto;}
	.vam{position: relative; width: 260px;height: 260px;}
}