﻿@font-face{
	font-family: aaa;
	src: url("AKZIDENZGROTESK-EXTRABOLDALT.OTF"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/fonts/AKZIDENZGROTESK-EXTRABOLDALT.OTF*/);
}
/*********************************************************顶部*************************************************/
#top-k{height:116px;}
header {position: fixed; width: 100%;top: 0; background: #fff;z-index: 999;}
header .header-top{height: 22px;background: #02328d;}
header .header-bottom{height: 94px;position: relative;}
header .header-bottom>div{float: left;}
header .header-bottom .logo{margin-right: 2.5%;margin-top: 14px;}
header .header-bottom .center{width: 65%; font-family:aaa;font-size: 18px;color: #666;margin-top: 5px;}
header .header-bottom .center li{transition: all .5s; padding: 0 2%;display: inline-block;}
header .header-bottom .center .cur{background:#02328d;color: #fff;}
header .header-bottom .center li:hover{background:#02328d;color: #fff;}
header .header-bottom .center li:hover>a{color:#fff;}
header .header-bottom .center li a{display: inline-block;height: 100%;padding: 33px 0 31px 0;}

header .header-bottom .center li{text-transform:uppercase}
/*sub menu*/
header .header-bottom .center li{ position:relative; z-index:99999999}
header .header-bottom .center li:hover ul li{float:none;display:block;width:100%; height:30px; border-bottom:1px solid #bdbcb8; clear:both; min-width:120px; background:#003376;padding:0 0;}
header .header-bottom .center li:hover ul li a{float:none;display:block;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; padding:0 10px;line-height:30px;text-align:left; text-transform:none; border-top:0px; font-weight:500}
header .header-bottom .center li:hover ul li a:hover{color:#fff;background:#222;border-top:0px;}

header .header-bottom .center li ul {display:none;float:left; width:auto;position:absolute;top:89px;left:0;background:#003376; padding-left:0px;}





header .header-bottom .sosuo{position: absolute;right: 0;top:31px;}
header .header-bottom .sosuo .form {transition: all .3s; border-radius: 16px; border: 1px solid #fff;overflow: hidden;}
header .header-bottom .sosuo .form .submit{color: transparent;outline:none; border-radius: 50%;width: 28px;display: block;float: left;height: 28px; background: #fff url("sosuo.png"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/sosuo.png*/) no-repeat 0;cursor: pointer; margin: 0;}
header .header-bottom .sosuo .form .text{transition: width .3s;outline:none;border-radius: 16px; color: #dddddd; width: 0px; padding:0; display: block; float: left; height: 20px; line-height: 20px; font-size: 12px; background: #fff; font-family: 微软雅黑;}
header .header-bottom .sosuo:hover .form {border: 1px solid #dcdcdc;}
header .header-bottom .sosuo:hover .form .text { width: 85px;padding: 6px 15px;}
.sosuo>.form {  background: #fff!important;}
@media (max-width:1340px) {
	header .header-bottom .logo{margin-right: 1.5%;}
	header .header-bottom .center li{padding: 0 2%;}
}
@media (max-width:1200px) {
	header .header-bottom .center li{padding: 0 2%;}
}
@media (max-width:1010px) {
	header .header-bottom .center li{padding: 0 1%;}
}
@media (max-width:870px) {
	header .header-bottom .center li{padding: 0 0.5%;}
}
@media (max-width:870px) {
	header .header-bottom .center li{padding: 0 0;}
}
@media (max-width:768px) {
	header .header-bottom .sosuo{right: 60px;}
	header .header-bottom .center{float: right;width: 100%; }
	header .header-bottom .center .nav-btn{position: absolute;right: 0;top:28px; background-size: 100% 100%;  background-repeat:no-repeat; background-image: url("nav-btn.png"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/nav-btn.png*/) ; float: right;width: 40px;height: 40px;}
	header .header-bottom .center .nav-btn-1{position: absolute;right: 0;top:28px;display:none;background-size: 100% 100%; background-repeat:no-repeat; background-image: url("nav-btn-1.png"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/nav-btn-1.png*/) ; float: right;width: 40px;height: 40px;}
	header .header-bottom .center li{width: 100%;text-align: center;padding: 0;}
	header .header-bottom .center nav{display: none;}
	header .header-bottom .center nav ul ul{display: none!important;}
	header .header-bottom .sosuo .form {border: 1px solid #dcdcdc;}
	header .header-bottom .sosuo .form .text { width: 85px;padding: 6px 15px;}
	header .header-bottom .center li a{padding: 15px 0;}
}
@media (min-width:769px) {
	header .header-bottom .center .nav-btn{display:none !important; }
	header .header-bottom .center .nav-btn-1{display:none !important; }
	header .header-bottom .center nav{display: block !important;}
}
@media (max-width:480px) {
	header .header-bottom .logo a:first-child{display: none;}
	header .header-bottom .logo a:nth-last-child(1){display: block;}
}
/*********************************************************焦点图************************************************/
/*banner*/
#banner{clear:both;min-width:1000px;background:#fff;width: 100%;margin: 0px auto 20px;}
.slider_img{display: block;text-align: center;height: 100%;}
.slider_img img{margin:0px auto;max-width:100%;width: auto;height: auto;}
.wmuSlider{height:100%!important;position:relative;overflow:hidden;}

.bbdd{z-index: 2;position: absolute;bottom: 2%;margin: 0;padding: 0; width:100%; text-align:center;}
.bbdd li{margin: 0 8px 10px 0;list-style-type: none; display:inline-block;}
.bbdd a{display:inline-block;text-indent: -9999px;width:16px;height:16px; background: url("dot.png"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/dot.png*/) no-repeat 0 -16px;display: block;border-radius:16px; overflow:hidden }
.bbdd a.wmuActive{background-position: 0 0;}
.banner{width:100%;text-align:center; margin:0 auto;margin-bottom:10px;background:#eee;}
.banner img{min-width:1000px;max-width:100%;}



.wmuSliderPrev,.wmuSliderNext{width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url("ad_ctr.png"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/ad_ctr.png*/) no-repeat;position: absolute;top: 60%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.wmuSliderNext {background-position: 0 -70px;right: 0;}
.wmuSliderPrev {left: 0;}
.wmuSlider:hover .wmuSliderNext {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderPrev {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderNext:hover,
.wmuSlider:hover .wmuSliderPrev:hover {opacity: 1;filter: alpha(opacity=50);}


@media (max-width:768px) {
	.banner .banner-max{display: none;}
	.banner .banner-min{display: block;}
}
/*********************************************************内页************************************************/
/*--------------------------内页左侧------------------------*/
.wrap-left {float: left; width:250px;color: #666;margin-top: 70px;}
.wrap-left .top{font-size: 16px;margin-bottom: 40px; box-sizing: border-box; border: 1px solid #02328d;text-align: center;border-top-left-radius:10px;border-top-right-radius:10px;overflow: hidden;}
.leftlist a{padding: 10px 0; border-bottom: 1px dashed #d6d6d6;display: inline-block;width: 92%;}
.leftlist .cur{color: #02328d;}
.leftlist a:hover{color: #02328d;}
.leftlist a:nth-last-child(1){border-bottom:0}

/*sf-menu*/
.sf-menu{display:table;width:92%; margin:0 auto;}
.sf-menu li{clear:both;border-bottom:1px dashed #d6d6d6;}.sf-menu > li.LiLevel1 > a{ text-transform:uppercase;}.sf-menu li:last-child{border-bottom:0}
.sf-menu li a,.sf-menu li:hover a{display:block;color:#666; line-height:24px;font-size:16px; padding:12px 0 9px 14px;}
.sf-menu li a:hover{color:#02328d;}
.sf-menu li li{clear:both;text-transform:capitalize; margin:0 auto;position:relative;border-bottom:none; padding-bottom:0px;}
.sf-menu li li a,.sf-menu li:hover li a{display:block;line-height:20px;color:#777; padding:6px 0 4px 0px; text-decoration:none; font-size:14px; font-weight:normal;}
.sf-menu li li a:hover{text-decoration:none;color:#555;}
ul.sf-menu ul{display:none;}.sf-menu li:hover ul{display:block}
ul.sf-menu ul ul{position:absolute;left:220px; width:220px;top:0px;margin:0px;visibility:hidden; border:0px; border-radius:0px; border-left:0px; z-index:999999}
.sf-menu li li li{background:#fff; padding:0;}.sf-menu li li:hover{opacity:1}
.sf-menu li li li a,.sf-menu li:hover li li a{text-decoration:none;background:url("ico_sort.png"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/ico_sort.png*/) #f2f2f2 no-repeat 8px 11px;border-bottom:1px solid #ddd; padding:5px 0 3px 12px; text-indent:8px;}
ul.pro-menu{margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}
ul.sf-menu li:hover > ul{visibility:visible;margin:0px;padding:0px;}
ul.sf-menu li.Level1 > a{background:url("pico1.png"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/pico1.png*/) 3px 15px no-repeat;}


.wrap-left .top div{font-size: 24px;color: #FFFFFF;font-family: aaa;height: 100px;background: #02328d;line-height: 100px; text-transform:uppercase}
.wrap-left .top div img{vertical-align: middle;margin-right: 9px;}
.wrap-left .bottom{padding-bottom: 34px; box-sizing: border-box;border: 1px solid #02328d;font-size: 14px;}
.wrap-left .bottom img{width: 100%;}
.wrap-left .bottom p{width: 92%;margin: 0 auto;}
.wrap-left .bottom p:nth-child(2){font-size: 16px;color: #02328d;padding:7px 0 13px 0;}
/*--------------------------内页右侧------------------------*/
.wrap-right{float: right; width:74.58%;margin-top: 70px;}
.wrap-right .title{color:#02328d;border-bottom: 1px solid #02328d; text-transform:uppercase}
.wrap-right .title .left{float: left;font-size: 16px;margin-bottom:7px;}
.wrap-right .title .left img{margin-right:15px;vertical-align: text-bottom;}
.wrap-right .title .right{float: right;font-size: 12px;}
.wrap-right .title .right a:hover{color: #999;}
/*--------------------------内页分页------------------------*/
.page{text-align: center;margin:0 auto;line-height: 30px;padding:9px 0 0px 0;margin-top: 60px;}
.page a{color:#666;font-size:18px;}
.page>div{display: inline-block;}
.page .paging_prev, .page .paging_next{width:60px;height: 30px;border-radius: 1px;}
.page .paging_prev:hover, .page .paging_next:hover, .page .paging_ul li:hover{background-color: #02328d;color: #FFFFFF;}
.page .paging_ul{margin-left: 11px;}
.page .paging_ul li{float: left;width:30px;height: 30px;border:1px solid #666;box-sizing: border-box; border-radius: 1px;margin-right:11px;}
.page .active{color:#fff;background-color: #02328d !important;}
@media (max-width:1170px) {
	.wrap-left {width:100%;margin-top: 40px;}
	.wrap-left .top a{width: 24%;border: 0;background: #dedede;border-radius: 5px; margin: 5px 0;}
	.wrap-left .top{border-radius: 0;border: 0;}
	.wrap-left .top div{display: none;}
	.wrap-left .bottom{display: none;}
	.wrap-right{width: 100%; margin-top: 0;}
}
@media (max-width:900px) {
	.wrap-left .top a{width: 49%;}
	.page{margin-top: 15px;}
}
@media (max-width:768px) {
	.wrap-left {margin-top: 20px;}
	.wrap-left .top{margin-bottom: 20px;}
	.wrap-right .title .left{float: none;}
	.wrap-right .title .right{float: none;}
}
@media (max-width:480px) {
	.wrap-left .top a{width: 100%;}
}
@media (max-width:400px) {
	.page .paging_prev, .page .paging_next{width:50px;}
}
/*********************************************************主体*************************************************/
/*--------------------------首页------------------------*/
.index .title{font-family: aaa;text-align: center;font-size: 48px;color: #02328d;margin-top: 85px;margin-bottom: 50px;}
.index .title p:nth-last-child(1){font-family: Georgia;font-size: 12px;padding-top:18px;}
/*--------------成分-------------*/
.index .index-ingredients{margin-bottom: 195px;}
.index .index-ingredients .content li{border-radius:6.6%; float: left; width:23.7%;margin-right: 1%;position: relative; line-height: 0;}
.index .index-ingredients .content li:first-child{margin-left: 1%;}
.index .index-ingredients .content li a>img{width: 100%;}
.index .index-ingredients .content li a .top{transition: all 0.8s ease 0s; border-radius:6.6%;text-align: center; width: 100%;position: absolute;top: -31.64%;opacity: 0; z-index: 50;}
.index .index-ingredients .content li a .bot{transition: all 0.8s ;border-radius:6.6%;text-align: center;line-height: initial; width: 100%;height: 100%;background-color: rgba(2,50,141,0); position:absolute; top: 51%;}
.index .index-ingredients .content li a .bot span{display: inline-block;}
.index .index-ingredients .content li a .bot span:nth-child(1){margin-top: 54.28%;font-size: 24px;color: #123d92;}
.index .index-ingredients .content li a .bot span:nth-child(3){margin-top: 8.1%;width: 77%;background: #134095;height: 1px;}
.index .index-ingredients .content li a .bot span:nth-child(4){margin-top: 4%;width: 93.4%;background: #134095;height: 1px;}
.index .index-ingredients .content li:hover .top{top: 23%;opacity: 1;}
.index .index-ingredients .content li:hover .bot{top: 0;background-color: rgba(2,50,141,0.5);}
.index .index-ingredients .content li:hover a .bot span:nth-child(1){color: #FFFFFF;}
.index .index-ingredients .content li:hover a .bot span:nth-child(3){background: #FFFFFF;}
.index .index-ingredients .content li:hover a .bot span:nth-child(4){background: #FFFFFF;}
@media (max-width:1200px) {
	.index .title{margin-top: 50px;margin-bottom: 20px;}
	.index .index-ingredients {margin-bottom: 135px;}
	.index .index-solutions .title {padding-top: 50px;}
	.index .index-solutions{padding-bottom: 70px;}
	.index .index-news .content .more{margin-top: 35px;margin-bottom: 0px;}
}
@media (max-width:1100px) {
	.index .index-ingredients .content li a .bot span:nth-child(1){font-size: 20px;}
}
@media (max-width:940px) {
	.index .index-ingredients{margin-bottom: 0;}
	.index .index-ingredients .content{ width:90%; max-width:1200px; margin:0 auto}
	.index .index-ingredients .content li{width:47%;margin-right: 6%;}
	.index .index-ingredients .content li:nth-child(2n){margin-right: 0;}
	.index .index-ingredients .content li:first-child{margin-left: 0%;margin-bottom: 120px;}
	.index .index-ingredients .content li:nth-child(2){margin-bottom: 120px;}
	.index .index-ingredients .content li:nth-child(3){margin-bottom: 120px;}
}
@media (max-width:768px) {
	.index .index-ingredients .content{ width:92%;}
}
@media (max-width:560px) {
	.index .index-ingredients .content li{width:100%;margin-right: 0%;margin-left: 0%;}
}
/*--------------解决-------------*/
.index .index-solutions {background: url("index-sol.jpg"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/index-sol.jpg*/) no-repeat 100% 100%;padding-bottom: 95px;}
.index .index-solutions .title{padding-top: 77px;}
.index .index-solutions .content li{border-bottom-right-radius:25px; background: #395995;float: left; width: 19.17%;margin-right: 1.03%;}
.index .index-solutions .content li:nth-last-child(1){margin-right: 0;}
.index .index-solutions .content li img{width: 100%;transition: all .8s;}
.index .index-solutions .content li div:nth-child(1){overflow: hidden;line-height: 0;}
.index .index-solutions .content li p{text-align: center;font-size: 14px;color: #FFFFFF;padding: 32px 0 40px;}
.index .index-solutions .content li:hover img{transform: scale(1.05);}
@media (max-width:680px) {
	.index .index-solutions .content li{width:32%;margin-right: 2%;margin-bottom: 10px;}
	.index .index-solutions .content li:nth-last-child(3){margin-right: 0;}
	.index .index-solutions{padding-bottom: 40px;}
}
@media (max-width:480px) {
	.index .index-solutions .content li p{font-size: 12px}
}
@media (max-width:380px) {
	.index .index-solutions .content li div:nth-child(2){height: 123px;}
}
/*--------------新闻-------------*/
.index .index-news .content li{ font-size: 14px; color:#999;float: left; width: 31.6%;margin-right: 2.5%}
.index .index-news .content li a{display: block;transition: all .5s;overflow: hidden;}
.index .index-news .content li a img{width: 100%;max-height: 250px;}
.index .index-news .content li p:nth-child(2){font-size:22px; color: #666666;margin-top: 38px;margin-bottom: 3px;}
.index .index-news .content li p:nth-child(3){margin-bottom: 35px;}
.index .index-news .content li:nth-last-child(1){margin-right:0;}
.index .index-news .content .more{transition: all .5s; font-size: 16px;color: #FFFFFF;background:rgba(0,45,118,0.8);width: 152px;height: 34px;line-height: 34px;margin: 0 auto;text-align: center;margin-top: 60px;margin-bottom: 25px;}
.index .index-news .content .more a{display: block;}
.index .index-news .content .more:hover{background:rgba(0,45,118,1)}
.index .index-news .content li:hover a{color: #02328d;margin-top: -20px;margin-bottom: 20px;}
.index .index-news .content li:hover p:nth-child(2){color: #02328d;}
@media (max-width:640px) {
	.index .index-news .content li{width: 100%;margin-right: 0;margin-bottom: 50px;}
	.index .index-news .content .more{margin-bottom: 0;margin-top: 0px;}
}
/*--------------------------ing产品列表右侧------------------------*/
.ing .content{font-size: 16px;color: #333;text-align: center;}
.ing .content li{width: 47.7%;float: left;margin-right:4.5%;margin-top: 55px;}
.ing .content li div{overflow: hidden;}
.ing .content li img{width: 100%;transition: all .5s ease 0s;}
.ing .content li:nth-child(2n){margin-right: 0;}
.ing .content li h3{transition: all .5s;padding: 12px 0;margin-top: 13px;font-size:16px;font-weight:normal}
.ing .content li h3 a{transition: all .5s;}
.ing .content li:hover img{transform: scale(1.05);}
.ing .content li:hover h3{color: #666666;transform: skew(-19deg);background: #d2e2ff;}
.ing .content li:hover h3 a{transform: skew(19deg);display: inline-block;}
.ing .content li p{transition: all .5s;padding: 12px 0;margin-top: 13px;}
.ing .content li p a{transition: all .5s;}
.ing .content li:hover img{transform: scale(1.05);}
.ing .content li:hover p{color: #666666;transform: skew(-19deg);background: #d2e2ff;}
.ing .content li:hover p a{transform: skew(19deg);display: inline-block;}
@media (max-width:480px) {
	.ing .content li{width: 100%;margin-right:0%;}
}
/*--------------------------ing_show产品详情右侧------------------------*/
.ing-show .content{margin-bottom: 80px;}
.ing-show .content .top{margin-top: 56px;}
.ing-show .content .top .img{margin-right: 6%; width: 50.27%;float: left;}
.ing-show .content .top .img img{width: 100%;}
.ing-show .content .top .article{font-size: 14px;color: #666666;width:42.45%;float: right;}
.ing-show .content .top .article p{font-size: 16px;color: #333333;padding-bottom: 8px;}
.ing-show .content .top .article div {display: inline-block;min-width: 145px;margin-top: 7px;}
.ing-show .content .top .article div img{margin-right: 10px;}
.ing-show .content .top11{color: #02328d !important;font-size: 16px;margin-top: 22px;margin-bottom: 30px;}
.ing-show .content .top11 img{vertical-align: bottom;margin-right: 7px;}
.ing-show .content .bottom div .fr{width: 94.4%;}
.ing-show .content .bottom div .fr .fr-title{font-size: 16px;color: #333333;margin-top: 3px;width: 100% !important;margin-bottom: 15px;}
.ing-show .content .bottom>div{margin-bottom: 33px;}
.ing-show .content .bottom>div:nth-child(1) .fr .list{color: #333333;font-size: 16px; text-align: center; border-bottom: 2px solid #02328d;border-top: 3px solid #02328d;}
.ing-show .content .bottom>div:nth-child(1) .fr .list li div{border-bottom: 1px solid #02328d;border-right:1px solid #02328d; box-sizing: border-box;width: 50%;float: left;padding: 7px 0;}
.ing-show .content .bottom>div:nth-child(1) .fr .list li div:nth-child(2){border-right:0;}
.ing-show .content .bottom>div:nth-child(1) .fr .list .yihang{text-align: left;line-height: 30px;padding: 13px 0;}
.ing-show .content .bottom>div:nth-child(2) .fr p{color: #666666;}
.ing-show .content .bottom>div:nth-child(3) .fr div{min-width: 225px; width:28.4%;float: left;margin: 5px 0;color: #666666;}
.ing-show .content .bottom>div:nth-child(3) .fr div img{margin: 0 14px 0 5px;}
.ing-show .content .bottom>div:nth-child(4) .fr div{min-width: 225px;width:28.4%;float: left;margin: 5px 0;color: #666666;}
.ing-show .content .bottom>div:nth-child(4) .fr div img{margin: 0 14px 0 5px;}
.ing-show .content .bottom>div:nth-child(5) .fr img{margin-right: 7.6%;margin-top: 18px;}
@media (max-width:768px) {
	.ing-show .content .bottom>div:nth-child(1) .fr .list li div{min-height: 67px;}
}
@media (max-width:560px) {
	.ing-show .content .top .img{width: 100%;margin-right:0%;margin-bottom: 15px;}
	.ing-show .content .top {margin-top: 25px;}
}
/*--------------------------新闻列表右侧------------------------*/
.news .wrap-left .top{margin-bottom: 10px;}
.news .content{margin-top: 45px;}
.news .content li{transition: all .5s;}
.news .content li a{transition: all .5s;padding:23px;display: block;position: relative;}
.news .content li a .fl{transition: all .5s; margin-right: 6.15%;}
.news .content li a .fr{transition: all .5s;position: absolute;top: 50%;margin-top: -20px; right: 5%;height: 53px;width: 53px;background: url("news-jiantou.png"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/news-jiantou.png*/) no-repeat 100% 100%;background-position: center;}
.news .content li a div{}
.news .content li div p{transition: all .5s;}
.news .content li div p:nth-child(1){margin-top: 16px;}
.news .content li div p:nth-child(2){font-size: 12px;margin-top: 4px;}
.news .content li div p:nth-child(3){font-size: 30px;margin-top: 45px;}
.news .content li div p:nth-child(4){font-size: 12px;}
.news .content li:hover{background: #dce6fe;box-sizing: border-box; box-shadow: 0 0 8px 4px #61759b;}
.news .content li:hover a .fl{margin-right: 9.38%;}
.news .content li:hover a .fr{right: 23px;background: url("news-jiantou-lan.png"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/news-jiantou-lan.png*/) no-repeat 100% 100%;}
.news .content li:hover div p:nth-child(1){color:#001a59;}
.news .content li:hover div p:nth-child(3){color:#001a59;}
.news .content li:hover div p:nth-child(4){color:#001a59;}
@media (max-width:768px) {
	.news .content {margin-top: 25px;}
	.news .content li a .fr{display: none;}
	.news .content li div p:nth-child(3){margin-top: 15px;}
	.news .content li a .fl{margin-right: 2.5%;}
	.news .content li:hover a .fl{margin-right: 4%;}
}
@media (max-width:680px) {
	.news .content li a .fl{width: 50%;}
	.news .content li div p:nth-child(3){font-size: 26px;margin-top:10px;}
}
@media (max-width:560px) {
	.news .content li a .fl{width: 100%;margin-right: 0;margin-bottom: 10px;}
}
/*--------------------------新闻详情右侧------------------------*/
.news-show .content{font-size: 14px;color: #666;margin-top: 63px;}
.news-show .content .title1{font-size: 16px;color: #02328d;text-align: center;}
.news-show .content .time{font-size: 16px;text-align: center;margin: 8px 0;}
.news-show .content .article{line-height: 28px;}
.news-show .content .img{margin: 30px 0;}
.news-show .content .img div{ float:left; width:32%; margin-right:2%; margin-bottom:2%}
.news-show .content .img div img{ display:block; width:100%}
.news-show .content .img div:nth-child(3){ margin-right:0}
.news-show .content .previous{margin-top: 30px;}
.news-show .content .previous, .news-show .content .next{line-height: 30px;}
.news-show .content .previous:hover a{color: #02328d;}
.news-show .content .next:hover a{color: #02328d;}
@media (max-width:768px) {
	.news-show .content{margin-top: 20px;}
}
@media (max-width:680px) {
	.news-show .content .img div{width:49%;}
	.news-show .content .img div:nth-child(2){display: none;}
}
@media (max-width:480px) {
	.news-show .content .img div:nth-child(2){display: block;}
	.news-show .content .img div{width:100%;margin:0 0 10px 0 !important}
}
/*--------------------------解决方案右侧------------------------*/
.sol .content{margin-top: 50px;}
.sol .content li{position:relative;line-height:0;overflow:hidden;float:left;width:32.333%;margin-right:1.5%;margin-bottom:15px;height:220px;border:1px solid #aaa;box-sizing:border-box;}
.sol .content li:nth-child(3n){margin-right:0;}
.sol .content li p{transition:all .5s;position:absolute;bottom:-100px;width:100%;text-align:center;font-size:16px;color:#FFFFFF;background:rgba(0,0,0,0.3);padding:5px 10px;height:75px;box-sizing:border-box;line-height:1.4rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.sol .content li:hover p{bottom: 0;}
.sol .content li img{width:auto;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
@media (max-width:1170px) {
	.sol .content li p{bottom: 0;}
	.sol .content{margin-top: 20px;}
}
@media (max-width:560px) {
	.sol .content{margin-top: 0px;}
	.sol .content li{width: 100% !important;margin-top: 20px !important;}
}
/*--------------------------解决方案详情右侧------------------------*/
.sol-show .content .line-sol{ text-align: center;margin-top: 40px; margin-bottom: 50px;}
.sol-show .content .line-sol div{ margin: 0 auto;margin-top: -19px;width: 68.2%;border-bottom: 1px solid #02328d;}
.sol-show .content .line-sol span {width:45%;padding: 7px 0; border-radius:19px;display: inline-block;background: #02328d;color: #FFFFFF;}
.sol-show .content .list{overflow-x: auto; text-align: center;font-size: 16px;color: #666666;}
.sol-show .content .list table{border-top: 3px solid #02328d;border-bottom: 3px solid #02328d;}
.sol-show .content .list table tr:first-child td{border-top:0;}
.sol-show .content .list td{padding: 9px 0; width:33.33%;border-top: 1px solid #7892c2;border-right: 1px solid #7892c2;}
.sol-show .content .list td:nth-last-child(1){border-right:0;}
.sol-show .content .list table .cur{background: #d7e4fd;}
.sol-show .content .list table .cur td{border-right: 0;}
.sol-show .content .list-bottom{margin-top: 43px;}
.sol-show .content .list-bottom li .list-line div:nth-child(1){border-bottom: 2px dashed #d7e4fd;}
.sol-show .content .list-bottom li .list-line div:nth-child(2){width: 15px;height: 15px;border-radius: 50%;background: #d7e4fd;margin-top:-8px;}
.sol-show .content .list-bottom li .list-line div:nth-child(3){width: 15px;height: 15px;border-radius: 50%;background: #d7e4fd;margin-top:-8px;}
.sol-show .content .list-bottom li .list-con .left{min-width: 70px; width: 13.85%; margin: 23px 33px 23px 4.46%;}
.sol-show .content .list-bottom li .list-con .left img{width: 100%;}
.sol-show .content .list-bottom li .list-con .right{color: #666666;}
.sol-show .content .list-bottom li .list-con .right p:nth-child(1){font-size: 16px;padding-top:30px; padding-bottom: 16px;}
.sol-show .content .list-bottom li .list-con .right p:nth-child(2){font-size: 14px;line-height: 32px;}
@media (max-width:768px) {
	.sol-show .content .list-bottom li .list-con .left{margin:10px;margin-bottom: 0;}
	.sol-show .content .list-bottom li .list-con .right p:nth-child(1) {padding-top: 15px; padding-bottom: 0px;}
	.sol-show .content .list-bottom li .list-con .right p:nth-child(2) {line-height: 20px;padding-bottom: 20px;}
	.sol-show .content .line-sol {margin-top: 20px;margin-bottom: 20px;}
	.sol-show .content .line-sol div{display: none;}
	.sol-show .content .list table{min-width: 716px;}
	.sol-show .content .line-sol span{width: 260px}
}
/*--------------------------荣誉资质右侧------------------------*/
.hon .content{width: 770px;margin: 0 auto;margin-top: 60px;}

.zbl-lunbo-3 .zbl-lun-box ul{position: relative; width: 100%;height:480px;}
.zbl-lunbo-3 .zbl-lun-box ul{position: relative; width: 100%;height:480px;}
.zbl-lunbo-3 .zbl-lun-box ul li{position: absolute;}
.zbl-lunbo-3 .zbl-lun-box ul li img{display: block; width: 100%;height:100%;}
.zbl-lunbo-3 .zbl-lun-box ul li .tit-box dl dt{color:#333;margin-bottom:5px;font-size: 18px;}
.zbl-lunbo-3 .zbl-lun-box ul li .tit-box {display:none;}
.zbl-lunbo-3 .zbl-lun-box ul li.li-4 .tit-box {display:block;}
.zbl-lunbo-3 .zbl-lun-box ul li.li-0{width:310px;height:415px;top:0px;left:362px;z-index:1;transition:0.5s;opacity:0;}
.zbl-lunbo-3 .zbl-lun-box ul li.li-1{ width:145px;height:195px;top:108px;left:0px;z-index: 2;transition:0.5s;opacity:1;}
.zbl-lunbo-3 .zbl-lun-box ul li.li-2{ width:210px;height:285px;top:65px;left:62px;z-index: 3;transition:0.5s;opacity:1;}
.zbl-lunbo-3 .zbl-lun-box ul li.li-3{ width:260px;height:350px;top:36px;left:132px;z-index: 4;transition:0.5s;opacity:1;}
.zbl-lunbo-3 .zbl-lun-box ul li.li-4{ width:310px;height:415px;top:0;left:220px;z-index: 6;transition:0.5s;opacity:1;}
.zbl-lunbo-3 .zbl-lun-box ul li.li-5{ width:260px;height:350px;top:36px;left:362px;z-index: 4;transition:0.5s;opacity:1;}
.zbl-lunbo-3 .zbl-lun-box ul li.li-6{ width:210px;height:285px;top:65px;left:480px;z-index: 3;transition:0.5s;opacity:1;}
.zbl-lunbo-3 .zbl-lun-box ul li.li-7{ width:145px;height:195px;top:108px;left:600px;z-index: 2;transition:0.5s;opacity:1;}


.zbl-lunbo-3 .zbl-lun-box ul li.li-1 .tit-box{ width:60%;float: left;}
.zbl-lunbo-3 .zbl-lun-box ul li.li-2 .tit-box{ width:60%;margin: 0 auto;}
.zbl-lunbo-3 .zbl-lun-box ul li.li-3 .tit-box{ width:60%;float: right;}

.zbl-lunbo-3 .zbl-lun-box ul li.li-2 .tit-box dl dt{color: #3DB7EF;}

.zbl-lunbo-3 .left-btn{ width: 110px;height: 40px;line-height: 35px; background: #02328d;float: left;color: #FFFFFF;text-align: center;font-size: 40px;margin-left:31%;margin-top: 35px;}
.zbl-lunbo-3 .right-btn{ width: 110px;height: 40px;line-height: 35px;background: #02328d;float: right;color: #FFFFFF;text-align: center;font-size: 40px;margin-right: 34%;margin-top: 35px;}
.zbl-lunbo-3 .zbl-lun-box ul li .tit-box dl dt{font-size: 16px;color: #02328d;text-align: center;padding: 35px;}
@media (max-width:860px) {
	.hon .content{width:100%;}
	.zbl-lunbo-3 .zbl-lun-box ul li.li-0{width:0;height:415px;top:0px;left:362px;z-index:1;opacity:0;}
	.zbl-lunbo-3 .zbl-lun-box ul li.li-1{ width:0;height:195px;top:108px;left:362px;z-index: 2;transition:0.5s;opacity:1;}
	.zbl-lunbo-3 .zbl-lun-box ul li.li-2{ width:0;height:285px;top:65px;left:362px;z-index: 3;transition:0.5s;opacity:1;}
	.zbl-lunbo-3 .zbl-lun-box ul li.li-3{ width:0;height:350px;top:36px;left:362px;z-index: 4;opacity:1;}
	.zbl-lunbo-3 .zbl-lun-box ul li.li-4{ width:310px;height:415px;top:0;left:50%;margin-left: -155px; z-index: 6;opacity:1;}
	.zbl-lunbo-3 .zbl-lun-box ul li.li-5{ width:0;height:350px;top:36px;left:362px;z-index: 4;opacity:1;}
	.zbl-lunbo-3 .zbl-lun-box ul li.li-6{ width:0;height:285px;top:65px;left:362px;z-index: 3;transition:0.5s;opacity:1;}
	.zbl-lunbo-3 .zbl-lun-box ul li.li-7{ width:0;height:195px;top:108px;left:362px;z-index: 2;transition:0.5s;opacity:1;}
	.zbl-lunbo-3 .left-btn{margin-left:5%}
	.zbl-lunbo-3 .right-btn{margin-right:5%}
}

/*--------------------------关于我们右侧------------------------*/
.about .content{color: #666666;font-size: 14px;margin-top: 47px;}
.about .content .img{text-align: center;}
.about .content .img1 {margin-top: 160px;}
.about .content .img .img1 div{width: 23.91%;display: inline-block;margin-top: -105px;}
.about .content .img .img1 div img{width: 100%;}
@media (max-width:1300px) {
	.about .content .img .img1 div{margin-top: -102px;}
}
@media (max-width:1170px) {
	.about .content .img .img1 div{margin-top: -120px;}
	.about .content .img1 {margin-top: 130px;}
}
@media (max-width:1050px) {
	.about .content .img .img1 div{margin-top: -105px;}
}
@media (max-width:950px) {
	.about .content .img .img1 div{margin-top: -95px;}
}
@media (max-width:900px) {
	.about .content .img .img1 div{width: 31%;margin-top: -110px;}
	.about .content .img .img1 div:nth-last-child(1){display: none;}
	.about .content .img .img1 div:nth-last-child(2){display: none;}
}
@media (max-width:768px) {
	.about .content .img .img1 div{margin-top: -95px;}
	.about .content{margin-top: 25px;}
}
@media (max-width:680px) {
	.about .content .img .img1 div{margin-top: -88px;}
}
@media (max-width:600px) {
	.about .content .img .img1 div{margin-top: -77px;}
}
@media (max-width:540px) {
	.about .content .img .img1 div{width: 49%;margin-top: -110px;}
	.about .content .img .img1 div:nth-last-child(3){display: none;}
	.about .content .img .img1 div:nth-last-child(4){display: none;}
}
@media (max-width:500px) {
	.about .content .img .img1 div{margin-top: -100px;}
}
@media (max-width:440px) {
	.about .content .img .img1 div{margin-top: -85px;}
}
@media (max-width:360px) {
	.about .content .img .img1 div{margin-top: -75px;}
}
/*--------------------------联系我们右侧------------------------*/
.contact .wrap-left .top{margin-bottom: 10px;}
.wrap-right .content .con1{background: url("con1.jpg"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/con1.jpg*/) no-repeat;background-size: 100% 100%; margin-left: 38px;padding-bottom: 25px;padding-top: 32px;}
.wrap-right .content .con1 div img{float: left;padding: 20px 0;padding-right: 30px;}
.wrap-right .content .con1 div div{width: 220px;float: left;}
.wrap-right .content .con1 div div p:nth-child(1){font-family: aaa;font-size: 24px;line-height: 36px;padding-top: 20px;}
.wrap-right .content .con1 div div p:nth-child(2){font-size: 14px;}
.contact .wrap-right .content .con-form{background: url("con2.jpg"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/con2.jpg*/) no-repeat; background-size: 100% 100%;margin-top: 24px;padding-top: 22px;}
.contact .wrap-right .content .con-form .form .contact_form{margin: 0 18px;}
.contact .wrap-right .content .con-form .form{background: 0;}
.contact .wrap-right .content .con-form .form .contact_form .msg .text{height: 40px;font-size: 12px;}
.contact .wrap-right .content .con-form .form .contact_form .msg .textarea{height: 158px;font-size: 12px;}
.contact .wrap-right .content .con-form .form .contact_form .msg .submit{height: 38px;width: 130px; font-size: 14px;border:1px solid #FFFFFF ;}
.contact .wrap-right .content .ditu{margin-top: 60px;}
.contact .wrap-right .content .ditu img{width: 100%;}
@media (max-width:768px) {
	.contact .wrap-right .content .con{margin-left: 0;}
	.contact .wrap-right .content .ditu { margin-top: 30px;}
	.contact .wrap-right .content .con div img{padding: 10px 0;padding-right: 20px;}
	.contact .wrap-right .content .con div div p:nth-child(1){padding-top: 10px;font-size: 22px;}
}
@media (max-width:680px) {
	.contact .wrap-right .content .con-form .form .contact_form .msg .textarea{    height: 120px;width: 100%;}
	.contact .wrap-right .content .con-form{margin-top: 0;padding-top: 1px;}
	.contact .wrap-right .content .con-form .form .contact_form .msg{padding-bottom: 0px;}
}
@media (max-width:400px) {
	.contact .wrap-right .content .con div div {width: 210px;}
	.contact .wrap-right .content .con div img { width: 50px;padding-right: 10px;}
	.contact .wrap-right .content .con div div {width: 210px;}
}
/*********************************************************表单*************************************************/
.form {background: url("form1.jpg"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/form1.jpg*/) no-repeat 100% 100%;background-position: center;}
.contact_form .img .fl{margin-top: 52px;width: 48%;}
.contact_form .img .fr{margin-top: 77px;width: 50%;}
.contact_form .img div img{width: 100%;}
.contact_form .msg {text-align: center;margin-top: 15px;padding-bottom: 24px;}
.contact_form .msg .left{width: 47.08%;}
.contact_form .msg .right{width: 48%;}
.contact_form .msg .text{font-family: Georgia; font-size: 16px; width: 100%;  box-sizing: border-box;background-color: initial; height: 50px;border:1px solid #FFFFFF ; color: #FFFFFF; outline: none; margin: 15px 0;padding: 0 1%;}
.contact_form .msg .textarea{font-family: Georgia;font-size: 16px;background-color: initial;resize: none; width: 98%; height: 115px; border:1px solid #FFFFFF ; color: #FFFFFF; outline: none; margin: 15px 0; padding:10px 1%; }
.contact_form .msg .submit{font-family: Georgia;font-size: 16px;cursor:pointer; width: 175px; height: 50px; border:1px solid #848484 ; background-color: #d7e4fd; color: #02328d; margin-bottom: 20px;}
@media (max-width:680px) {
	.contact_form .msg .left{width: 100%;}
	.contact_form .msg .right{width: 98%;float: none;}
	.contact_form .img .fl{margin-top:35px;width: 100%;}
	.contact_form .img .fr{margin-top: 20px;width: 100%;}
}
/*********************************************************底部*************************************************/
footer{margin-top: 80px;}
footer .footer{color: #FFFFFF;background: #002d76;}
footer .footer li{float: left;}
footer .footer li:nth-child(1){width: 350px;}
footer .footer li:nth-child(1)>a img{margin-top: 38px;margin-bottom: 12px;width: 100%;}
footer .footer li:nth-child(1) p{font-family: aaa;font-size: 30px;padding: 17.5px 0;}
footer .footer li:nth-child(1) div a{display: inline-block;margin:30px 5px}
footer .footer li:nth-child(2) {margin-top: 110px;width: 19.6%;margin-left: 17.3%;}
footer .footer li:nth-child(2) p{font-family: aaa;font-size: 24px;margin-bottom: 27px;}
footer .footer li:nth-child(2) a{display: block;font-size: 14px;padding: 5.5px 0;padding-left: 7px;}
footer .footer li:nth-child(2) a:hover{color: #999999;}
footer .footer li:nth-child(3){width:280px;margin-top: 110px;float: right;}
footer .footer li:nth-child(3) p{font-family: aaa;font-size: 24px;margin-bottom: 13px;}
footer .footer li:nth-child(3) div img{float: left;vertical-align: middle;margin-right: 30px;}
footer .footer li:nth-child(3)>div{padding: 13px 0;}
footer .footer li:nth-child(3) div div{float: left;width: 76%;}
footer .copyright{text-align: center;color: #FFFFFF;background: #001a44;padding-top: 13px;padding-bottom: 12px;font-size: 12px;}
@media (max-width:1300px) {
	footer .footer li:nth-child(2){margin-left: 12.5%;}
}
@media (max-width:1200px) {
	footer .footer li:nth-child(2){margin-left: 9%;}
	footer {margin-top: 50px;}
}
@media (max-width:1100px) {
	footer .footer li:nth-child(2){margin-left: 5%;}
}
@media (max-width:980px) {
	footer .footer li:nth-child(1){width: 35.8%;}
	footer .footer li:nth-child(1) div a{ margin:30px 0;}
	footer .footer li:nth-child(2){margin-left: 0;margin-top: 60px;width: 20%;}
	footer .footer li:nth-child(3){margin-left: 0;margin-top: 60px;}
}
@media (max-width:800px) {
	footer .footer li:nth-child(2){display: none;}
	footer .footer li:nth-child(1){width: 315px;}
}
@media (max-width:680px) {
	footer .footer li{margin: 0 auto;float: none !important;width: 315px !important;}
	footer .footer li:nth-child(2){display: block;margin: 0 auto;float: none !important;width: 315px !important;}
	footer .footer li:nth-child(3){margin: 0 auto;float: none !important;width: 315px !important;}
	footer .footer li:nth-child(2) p{margin-bottom: 10px;margin-top: 20px;}
	footer .footer li:nth-child(3) p{margin-bottom: 10px;margin-top: 20px;}
	footer .footer li:nth-child(1) div a {margin: 10px 0;}
	footer .footer{padding-bottom: 20px;}
}
@media (max-width:360px) {
	footer .footer li:nth-child(1) p{font-size: 27px;padding: 8px 0;}
	footer .footer li:nth-child(1){width: 293px !important;}
	footer .footer li:nth-child(2){width: 293px !important;}
	footer .footer li:nth-child(3){width: 293px !important;}
}
.pages{text-align:center; font-size:12px; padding:15px 0 20px 0;color:#b2b2b2; clear:both}
.pages a,.pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px; padding:0 10px;line-height:30px;}
.pages a:link,.pages a:visited{color: #666; background:#fff;}
.pages a:hover,.pages a:active,.pages span.ctxt{color: #fff; background:#02328d;color: #fff; text-decoration:none}

.ing-show .content .top .img .singglepic{max-width:100%;}
.ing-show .content .top .img .singglepic img{max-width: 100%!important;max-height: 600px!important;}
.singglepic{height:auto!important; padding-top: 0px!important; padding-bottom: 0px!important;}
.ing-show .content .top .article h1{font-size:14px;}


/*tenflag*/
.tenflag1,.tenflag2,.tenflag3{width:680px; clear:both}.tenflag1{ border:1px solid #eee;}.tenflag1 dt{ border-bottom:1px solid #eee; }.tenflag1 dd{ text-indent:12px;}
.tenflag1 dt,.tenflag2 dt,.tenflag3 dt{font-size:16px; font-weight:bold;padding:16px 0 12px 12px;}
.tenflag2 dd{ float:left;width:20%; margin:0; padding:0; line-height:36px; text-align:left}
.tenflag1 dd{ height:36px; line-height:36px;border-bottom:1px solid #eee; padding:0; margin:0;background:#f5f5f5;}.tenflag1 dd span{float:left;width:36%; background:#fff; font-weight:bold}
.tenflag1 dd:nth-child(2n) span{background:#f5f5f5;}.tenflag1 dd:nth-child(2n){background:#fff;}
.tenflag2 dd{text-align:center;}.tenflag2 dd img{width:116px; display:block; margin:0 auto; padding-bottom:0px!important;}.tenflag2 dd p{ padding:0 0 6px 0!important; margin:0;}
.tenflag3 img{ width:680px!important; height:448px!important}

/*download*/
.pdown1 #A_DownLoadProduct{ display:inline-block;clear:both; height:32px; margin:16px 0 0 0; line-height:32px; background: url("down1_2.png"/*tpa=http://www.chinamedicalfacemask.com/images/down1_2.png*/) right top no-repeat; padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block; height:32px;background: url("down1_1.png"/*tpa=http://www.chinamedicalfacemask.com/images/down1_1.png*/)no-repeat; padding:0 0 0 16px;}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{ display:inline-block;clear:both; height:45px; margin:16px 0 0 0; line-height:45px; padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block; height:45px;background: url("down2_1.png"/*tpa=http://www.chinamedicalfacemask.com/images/down2_1.png*/)no-repeat; padding:0 12px 0 16px;}
.pdown2 #A_DownLoadProduct{background: url("down2_2.png"/*tpa=http://www.chinamedicalfacemask.com/images/down2_2.png*/) right top no-repeat;}
.pdown3 #A_DownLoadProduct{  background: url("down2_3.png"/*tpa=http://www.chinamedicalfacemask.com/images/down2_3.png*/) right top no-repeat;}
.pdown4 #A_DownLoadProduct{ background: url("down2_4.png"/*tpa=http://www.chinamedicalfacemask.com/images/down2_4.png*/) right top no-repeat;}
/*keywords*/
.proCateTags{ clear:both; padding:0 10px 8px 10px; margin:0 10px; border:1px solid #eee; border-radius:5px;}
.proCateTags h3{ font-size:14px; line-height:32px; margin:0;padding:0;}
.keywords{ margin:12px auto;}
.keywords a{margin-right:10px;color:#2e66b5; line-height:1.8; text-decoration:underline; display:inline-block;white-space:nowrap;text-overflow:ellipsis;}.keywords a:hover{text-decoration:none;}

/*Relevant Products And News*/
.rnews,.rollPro{margin:0 auto;}
.rnews h3,.rollPro h3{font-size:18px; line-height:24px;padding:10px 0 12px 0; color:#333; font-weight:normal; height:30px}
.rnews li{float:left;width:50%; height:30px; line-height:30px;}
.rnews li a{display:block;white-space: nowrap; margin-right:3%;text-overflow: ellipsis; overflow:hidden; font-size:12px;border-bottom:1px dashed #eee;}
.rnews li a:hover{color:#f00;}.rollPro{height:220px;}
.rollPro .Cont{width:640px; overflow:hidden;margin:0 auto;}
.rollPro .ScrCont{width:10000000px;}
.rollPro .pic{width:150px;padding:0 5px}
.rollPro .pbox img{max-width:142px;max-height:120px;line-height:120px;_margin-top:expression_r(( 300 - this.height ) / 2);}
.rollPro .pbox{width:150px;height:120px;line-height:120px;text-align:center;vertical-align:middle;display:table-cell; border:1px solid #eee; margin:0 auto;}
.rollPro p{height:42px; overflow:hidden; line-height:20px;text-align:center}
.rollPro #List1,.rollPro #List2,.rollPro .wen_jt,.rollPro .Cont,.rollPro .pic{float:left;}
.rollPro .wen_jt{width:24px;padding-top:45px;}

/* Elastislide Style */
.es-carousel-wrapper{padding:10px 37px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;position:relative;}
.es-carousel{overflow:hidden;background:#fff;}
.es-carousel ul{display:none;}
.es-carousel ul li{height:100%;float:left;display:block;}
.es-carousel ul li a{display:block;border:1px solid #eee!important; width:138px; height:136px; line-height:136px;vertical-align: middle;display:table-cell; text-align:center}
.es-carousel ul li a img{display: block;border:none; max-width:132px;max-height:124px;_margin-top:expression_r(( 300 - this.height ) / 2); margin:0 auto;}
.es-nav span{position:absolute;top:50%;left:12px;background:transparent url("duo_left.gif"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/duo_left.gif*/) no-repeat top left;width:19px;height:32px;margin-top:-13px;text-indent:-9000px;cursor:pointer;opacity:0.8;}
.es-nav span.es-nav-next{right:12px;left:auto;background:transparent url("duo_right.gif"/*tpa=http://www.chinamedicalfacemask.com/images/m143/blue/duo_right.gif*/) no-repeat top left;}
.es-nav span:hover{opacity:1.0;}
@media screen and (min-width:1004px){}
@media screen and (max-width:1004px) and (min-width:960px){}
@media screen and (max-width:960px) and (min-width:640px){}
@media screen and (max-width:960px) and (min-width:700px){

.rnews li{float:none; display:block; width:100%; margin:0 auto;}}
@media screen and (max-width:700px) and (min-width:480px){
.rnews li{float:none; display:block; width:100%; margin:0 auto;}
}
@media screen and (max-width:640px){
.es-carousel ul li a{width:100%;  }
.es-carousel ul li a img{max-width:96%!important;}}
.table{ border-collapse:collapse;}
.table td, .table th{ border:1px solid #cdcdcd; padding:5px;}.table p{ padding:0; margin:0;}
/*buybtn*/
.buybtn{clear:both;width:200px;height:40px;margin:20px 0 0 0;text-align:left;line-height:40px;}
.buybtn a{display:inline-block;padding:0 15px;color:#fff;height:40px;background:#0a4da6;border-radius:2px;font-size:18px;}
.buybtn a:hover{background:#145cbc;color:#fff;border-radius:2px;}
/*jsshare*/
.pshare{ display:block;padding:8px 0 0 0;}.jsshare {text-align:center; padding-top:8px;}
.pshare li{float:left;width:48%; height:28px; line-height:28px;}.pshare li img{ vertical-align:middle; margin-right:12px;}
.jsshare span.stxt{ display:inline-block;font-size:14px; line-height:24px;padding:0 8px 0 0; position:relative;color:#999}
.jsshare a,.jsshare a img{width:35px;vertical-align: middle}

.proIntro {display: inline-block;padding:10px 10px; margin:10px 0; border:1px solid #eee; border-radius:5px;line-height:20px; }

.rollPro1 {width:100%;margin:10px auto;overflow: hidden;}
.rollPro1 h2{  padding-bottom:10px;}
.rollPro1 li { width:30%; float:left; margin-right:5%; text-align:center;}
.rollPro1 li:nth-of-type(3) { margin-right:0%;}  
.rollPro1 li:nth-of-type(6) { margin-right:0%;}  
.rollPro1 li:nth-of-type(9) { margin-right:0%;} 
.rollPro1 li:nth-of-type(12) { margin-right:0%;} 
.rollPro1 li .pbox { border:1px solid #eee; padding:4px; height:150px;}
.rollPro1 li .pbox img { max-width:100%; max-height:150px;}
.rollPro1 li p { height:40px; line-height:20px; overflow:hidden; margin:10px auto;}

.pro-body {
    border: 1px solid #eee;
    padding: 10px;
    font-size: 14px;
    border-radius: 3px;
    margin-bottom: 5px;
}

header .header-top{height:26px;position:relative}
header .header-bottom .center li{padding:0 10px}
header .header-bottom .center{font-size:16px}
/*----------------------------------flag.css----------------------------------*/
#xyz *{box-sizing: border-box}
#xyz{position:relative;z-index:99999;width:120px;height:26px; line-height:26px;position: absolute;top:0;right:calc(50% - 600px)}
.xyz12{width:100%;position:absolute;height:100%}
.xyz12 ul{background:#fff}
.xyz12 li{margin-left: 0;width:100%;position:relative;height:100%;padding:0 8px;z-index:1;text-align:left;}
.xyz12 li a{color:#333; font-size:12px;padding: 0;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.xyz12 li.selected{border-top:0px;}.xyz12 li.selected a{color:#8550d9;}
.xyz12 span{position:absolute;right:6px;top:0;background: url("amore.png"/*tpa=http://www.chinamedicalfacemask.com/Content/C_IMG/amore.png*/) center no-repeat;display:block;width:27px;height:26px;cursor:pointer;z-index:100;}
.xyz12 span.dp{background: url("amore1.png"/*tpa=http://www.chinamedicalfacemask.com/Content/C_IMG/amore1.png*/) center no-repeat;  }
.xyz12 li img { vertical-align: middle; margin:0 7px 0 0;width: 16px }
.xyz12 li:hover{background:#f2f2f2}
@media (max-width:1366px) {
    #xyz{right:5%}
}