@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;}
body{background: #3535d6;}
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; position: relative;}
/* 产品列表 */
/* 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;}
.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;}



/* 底部 */
.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;}

/* 手机端top */
/* 头部 */
.shoujiTop{width: 100%; height:50px; position: relative; display: none;}
.topMain{width: calc(100% - 40px); height:50px; background: #fff; padding-left: 20px; padding-right: 20px; position: fixed;display:flex;justify-content : space-between;; top: 0; left: 0; z-index: 99999;align-items: center;}
.topMain>a>.logo{float: left; width: 100px; height:auto;}
.navLeft{float: right; position: relative;}
.navLeft>.icons{width: 20px;height:16px;}
/* 头部隐藏导航 */
.dwNav{position: absolute;right: 20px; top: 50px;display: none;width:120px; padding: 20px;background: #fff; box-shadow: rgba(0,0,0,.25) 0 0 10px;    padding: 0px .3rem;}
.dwNav a{display: block;line-height: 35px; height: 35px; padding-left: 1px;border-bottom: 1px solid #e5e5e5; color: #333;font-size: 14px; text-align: center;}
.dwNav a.omm{color: #073190;}
/* 手机底部 */
.dibu{text-align: center;display: none; width: calc(100% -30px); height: auto; background: #fff; text-align: center; line-height: 25px; font-size: 14px; color: #333; padding: 15px;} 
@media screen and (min-width: 1200px) {
	.topBox{display: block;}
	.footer-wrap{display: block;}
	.side_top{display: block;}
	.dibu{display: none;}
	.shoujiTop{display: none;}
	.rightNav{display: block;}
}


@media screen and (max-width: 1200px) {
	.rightNav{display: none;}
	.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;}
	.dibu{display: block;}
	.shoujiTop{display: block;}
	.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;}
}

/* 锚点定位box */
.rightNav {
    position: absolute;
    top: 638px;
    left: 50%;
    color: #fff;
    margin-left: 605px;
    padding-bottom: 3px;
    background: url(fix_arrow.png) bottom center repeat-x;
}
.fixed {
    position: fixed;
    top: 10px;
}
.fix-menu-lst {
    background: #fff;
}
.fix-menu-item {
    text-align: center;
    line-height: 30px;
    color: #333;
    cursor: pointer;
    padding: 0 15px;
}
.fix-menu-item>a{font-size: 14px; color: #333;white-space:nowrap;}
.fix-menu-item.omm{background: rgb(84, 84, 229);}
.fix-menu-item.omm>a{color: rgb(255, 255, 255);}
.fix-menu-item:hover{background: rgb(184, 184, 229);}
.fix-menu-item:hover>a{color: rgb(255, 255, 255);}