*{padding:0; margin:0; outline:0; border:0; box-sizing:border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, textarea, img{border:medium none;margin:0;padding:0;}
/** 设置默认字体 **/
body,textarea,input,button,select,keygen,legend{font:12px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif; color:#666; outline:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:lighter;}
em{font-style:normal;}
/** 重置列表元素 **/
ul, li, ol {list-style:none;}
/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{text-decoration:none; -webkit-transition:0.3s; transition:0.3s;}
/** 重置图片元素 **/
.fl{float:left;} .fr{float:right;} img{border:0px;}
.f1{font-size:24px; color:#fd4753;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
*{border:0px;margin:0px; padding:0px;}
.mo_body{width: 768px;margin:0 auto;}
.top_bg_top,.banner_box{display: none;}
.width{width: 32%;}
img{max-width:100%;}
/*各种屏幕宽度*/
@media screen and (max-width:2048px){html{font-size:273.06667px}}@media screen and (max-width:1920px){html{font-size:256px}}@media screen and (max-width:1440px){html{font-size:192px}}@media screen and (max-width:1600px){html{font-size:213.33333px}}@media screen and (max-width:1242px){html{font-size:165.6px}}@media screen and (max-width:1140px){html{font-size:152px}}@media screen and (max-width:1280px){html{font-size:170.66667px}}@media screen and (max-width:1024px){html{font-size:136.53333px}}@media screen and (max-width:1080px){html{font-size:144px}}@media screen and (max-width:960px){html{font-size:128px}}@media screen and (max-width:800px){html{font-size:106.66667px}}@media screen and (max-width:768px){html{font-size:102.4px}}@media screen and (max-width:736px){html{font-size:98.13333px}}@media screen and (max-width:732px){html{font-size:97.6px}}@media screen and (max-width:720px){html{font-size:96px}}@media screen and (max-width:667px){html{font-size:88.93333px}}@media screen and (max-width:640px){html{font-size:85.33333px}}@media screen and (max-width:600px){html{font-size:80px}}@media screen and (max-width:568px){html{font-size:75.73333px}}@media screen and (max-width:540px){html{font-size:72px}}@media screen and (max-width:533px){html{font-size:71.06667px}}@media screen and (max-width:480px){html{font-size:64px}}@media screen and (max-width:435px){html{font-size:58px}}@media screen and (max-width:414px){html{font-size:55.2px}}@media screen and (max-width:412px){html{font-size:54.93333px}}@media screen and (max-width:400px){html{font-size:53.33333px}}@media screen and (max-width:385px){html{font-size:51.33333px}}@media screen and (max-width:384px){html{font-size:51.2px}}@media screen and (max-width:375px){html{font-size:50px}}@media screen and (max-width:360px){html{font-size:48px}}@media screen and (max-width:320px){html{font-size:42.66667px}}@media screen and (max-width:300px){html{font-size:40px}}@media screen and (max-width:240px){html{font-size:32px}}
/*各种屏幕宽度*/
/*导航栏*/

@media screen and (max-width: 960px) and (min-width: 0px){
.flexslider,.side,.dowebok,.none,.left,.n_banner{display:none;}	
.top_bg_top{width:100%; height:6em; margin:auto; background:#fff; border-bottom:1px solid #e6e6e6; border-top:none; position:fixed; top:0; left:0; z-index:9999;}
.top, .w_1100 {
    width: 98%;
    margin: auto;
}
.logo{width:40px; float:left; padding:18px 0 0 0; overflow:hidden;}
.logo img{width: 100%;height: 100%;}
.clear{clear:both;}
.top_bg_top,.banner_box,.Language{display: block;}
.top_bg,.header{display: none;}
.width{width: 98%;display: table;margin:0 auto;float: none;}
.Language {
    display: table;
    float: right;
    margin-left: 10px;
    width: 10px;
    margin-right: 1rem;
    margin-top: 0.3rem;
}
.Language a {
    display: inline-block;
    width: 100%;
    line-height: 0.5rem;
    background: #ddd;
    margin-right: 0.3rem;
    text-align: center;
    border-radius: 3px;
    margin-top: 4px;
    background: #105bb8;
    color: #fff;
    cursor: pointer;
}
.navMenubox{position:fixed; top:6em; bottom:0px; width:100%; left:0px; background:#fff; display:none; height:cala(100vh - 80px); overflow-y:auto; margin-left:0; float:inherit;}
.navMenu{width:100%;}
.navMenu> li{position:relative; width:100%; border-bottom:1px solid #e6e6e6;}
.navMenu>li>a{display:block; padding:0 0 0 20px; color:#000; text-decoration:none; font-size:16px; background:#fff;line-height: 50px; margin-right:50px;}
.navMenu>li>i{position:absolute; right:10px; top:8px; width:36px; height:36px; background:#fff url(../images/off.png) no-repeat center; cursor:pointer;}
.navMenu>li>a.active>i{width:36px; height:36px; background:#fff url(../images/on.png) no-repeat center;}
.navMenu>li>a.active{color:#fff; background:#cb2200;}
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu{display:none; clear:both; margin:8px 0px;}
.navMenu>li>ul.sub-menu li{background:none; margin:0px; padding:0px; position:relative;}
.navMenu>li>ul.sub-menu li>a{display: block; font-size:14px; line-height:36px; padding-left:20px; border-top:1px solid #e6e6e6;}
.navMenu>li>ul.sub-menu li>a i{position:absolute; right:10px; top:0; width:36px; height:36px; background:url(../images/pic26.png) no-repeat center; cursor:pointer;}
.navMenu>li>ul.sub-menu li>a.active i{width:36px; height:36px; background:url(../images/pic27.png) no-repeat center;}
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a{color: #fff; background:#cb2200;}
.naverbox{display:block; position:relative; top:0; left:0; z-index:100;}
.naverbox .btn{position:absolute; top:25px; right:5px; height:30px;}
.naverbox .btn span{display:block; width:30px; height:30px; color:#fff; background:url(../images/dh.png) no-repeat center; cursor:pointer;}

.device{width: 100%; height: 300px; margin: 5px auto; position: relative; display: table;}
.device .arrow-left{background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px;}
.device .arrow-right{background: url(../images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px;}
.swiper-container{height: 300px; width: 640px;}
.content-slide{padding: 20px; color: #fff;}
.title{font-size: 25px; margin-bottom: 10px;}
.pagination{position: absolute; left: 0; text-align: center; bottom:5px; width: 100%;}
.swiper-pagination-switch{display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch{background: #fff;}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}
/* 代码整理：懒人之家 www.lanrenzhijia.com */

.banner_box img{width:100%; display:block;}
.banner_box{width:100%;text-align:center;margin-top: 72px;}
.banner_box img{vertical-align:middle;}
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;width:100%;}
.roll_img_mb_01 .img_box ul li{height: auto!important;}
.roll_img_mb_01 .nav_box{overflow:hidden; position:absolute; left:50%; transform:translate(-50%,0); bottom:20px;}
.roll_img_mb_01 .nav_box li{width:30px;height:3px; font-size:1px; overflow:hidden; background:#fff; float:left; margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#0037ad;}



/*about*/
.about_z{width: 98%; float: none; display: table; margin: 0 auto;}
.about_z span{display: table; width: 100%; font-size: 14px; line-height: 25px;}
.about_y{width: 95%; float: none; height: auto; margin: 0.1rem auto;}
/*new*/
.xwlb_content {
    width: 100%;
}
.shopmrsc .xwlb_img{float: left; display: block; text-decoration: none; position: relative; width: 100%; margin-right: 20px; height: auto;display: none;}
.shopmrsc p.xwlbbt {
    font-size: 0.3rem;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    width: 91%;
    float: left;
    text-indent: 0;
}
.new_bg ul li{width: 100%; display: inline-block; border: 1px solid #ddd; margin: 1.01%; padding-bottom: 12px; padding-bottom: 4px; float: left;}
.new_bg ul li span{width: 35%; float: left; margin-right: 10px; margin-left: 0.02rem;}
.new_bg .fukehu ul li{
    width: 47%;
    display: inline-block;
    border: 1px solid #ddd;
    margin: 1.01%;
    padding-bottom: 12px;
    padding-bottom: 4px;
    float: left;
}
.new_bg{display: table; width: 100%; margin-top: 15px; padding-bottom: 8px;}

.shopmrsc{border-bottom: #dadada solid 1px; overflow: hidden; padding: 0px 5px;}
.shopmrsc h3{font-size: 17px; display: table; width: 100%; text-align: center;}
.shopmrsc a{float: left; display: block; height: auto!important; text-decoration: none; position: relative; padding-bottom: 9px;}
.shopmrsc p.xwlbsj{font-size: 14px; font-weight: normal; color: #787878; position: absolute; line-height: 20px; bottom: -9px;}
.font-size-26{width: 98%; margin: 0 auto; margin-bottom: 15px;}





.product_bg h3{font-size: 21px; width: 100%; height: 45px; text-align: center; background: url(../images/warp_center_title.jpg) repeat-x; display: table; margin-top: 45px; margin-top: 15px;}
.product_bg span {
    display: table;
    margin: 0 auto;
    font-size: 12px;
    text-align: left;
    width: 100%;
    text-align: center;
}
.product_bg ul li{width: 48%; display: table; float: left; margin: 1%; border: 1px solid #ddd;}

.product_bg ul li span {
    display: table;
    margin: 0 auto;
    font-size: 13px;
    text-align: left;
    width: 100%;
    text-align: center;
    line-height: 25px;
}



.strength .strength_bg h3{font-size: 20px; width: 100%; height: 45px; text-align: center; background: url(../images/warp_center_title.jpg) repeat-x; display: table;}
.strength .strength_bg ul li{width: 49%; float: left; margin: 0.5%; position: relative;}



.youqing{line-height: 30px; width: 100%; background: #f5f5f5; margin-top: 20px;}
.youqing em{display: table; float: none; text-transform: uppercase; font-size: 12px; margin: 0 auto; border: 1px solid #ddd; padding: 0 10px; border-radius: 10px;}


.col-lg-3 {
    float: none;
    width: 96%;
    display: table;
    margin: 0 auto;
}
.foot_nav_met_16_1_34{padding: 20px 0px; background:#1e9fff; border-color: #f0f2f5; padding-bottom: 0px;}



/****内页**/
.main{width: 98%;display: table;margin:10px auto;}
.right {width: 98%;float: right;}
.right .right_body img{margin:0px;margin:0 auto;float: none;margin-right: 7px;}


.right_img li{width: 48%; float: left; margin: 0 auto; margin: 1%; border: 1px solid #ddd;}
.right_img li img{width: 100%; float: left!important;}
.right_img li span{display: table; width: 100%; text-align: center; font-size: 12px;}


.about_bg{display: table; width: 100%; margin-top: 24px;padding-top: 0px;}
.about_z em{font-size: 20px; font-family: "宋体"; font-weight: bold; text-transform: uppercase;}
.about_y img{width: 100%; height: 90%; border: 2px solid #1083c7; box-shadow: 1px 1px 10px #ddd; border-radius: 10px; box-shadow: 1px 1px 10px #ddd;}

.strength .strength_bg span{display: table; margin: 0 auto; font-size: 14px; text-align: left; width: 100%; text-align: center;}
.zhong a{margin-right: 5px!important;font-size: 12px!important; font-style: normal!important; display: table; text-align: center; width: 100px!important; border-radius: 6px!important; border: 1px solid #ddd; background: #108bce; margin: 10px auto; line-height: 20px!important; color: #fff;}
.strength .strength_bg ul li i{display: table; width: 100%; font-style: normal; padding: 6px; font-size: 12px;}



.new_top{display: table; width: 100%; line-height: 40px; text-indent: 0.1rem; border-bottom: 1px solid #ddd; margin-bottom: 0.05rem; font-size: 14px;}

.add i{font-size: 16px; margin-right: 16px; color: #fff; margin-left: 8px;}
.contact h3{font-size: 15px; font-weight: bold;}


/*新闻中心*/
.new_bg .new_bg_z li {
    width: 98%;
    display: inline-block;
    border: 1px solid #ddd;
    margin: 1.01%;
    padding-bottom: 12px;
    padding-bottom: 4px;
    float: left;
    box-shadow: 1px 1px 10px #d7d7d7;
    padding: 5px;
    min-height: 326px;
    border-radius: 10px;
}
.fukehu .honor >li {
    width: 48%!important;
    margin: 0.99%!important;
    min-height: 117px!important;
}

/*底部*/

.masonry-item {
    display: table;
    float: none;
}

/*友情链接*/
.youqing em {
    display: table;
    float: none;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 0px 10px;
    border-radius: 10px;
    margin: 5px auto;
}

/*关于我们*/
.about_z i {
    display: table;
    font-style: normal;
    width: 160px;
    line-height: 30px;
    border: 1px solid #ddd;
    margin-top: 12px;
    text-indent: 3em;
    border-radius: 10px;
    box-shadow: 1px 1px 10px #ddd;
    margin: 14px auto;
}


.Key_bg_bottom,.logo_name{display: none;}
.logo_name {
    display: table;
    width: 3.7rem;
    float: left;
    margin-top: 0.5rem;
    margin-left: 0.1rem;
}
.logo_name i {
    display: table;
    width: 100%;
    font-size: 0.1rem;
    color: #1e9fff;
    font-style: normal;
    font-weight: bold;
}
.logo_name font {
    display: table;
    width: 100%;
    font-size: 0.2rem;
}
.Key_bg{display: none;}

}