body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;font-style: normal;}
body { font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; font-size: 0.26rem;}
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input  { padding-top:0; padding-bottom:0; font-family: "微软雅黑";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
body{  max-width: 640px; margin: 0 auto; position: relative;}
a,a:link{color:#000;text-decoration:none;font-style: normal;}
a:hover{color:red;text-decoration:underline;}
 
a:hover {   text-decoration:none; }
.animate { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate1 { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; }

html.noscroll, body.noscroll { height: 100%; overflow: hidden!important; position: relative;}
.line{ width: 100%; height: 3px; background: #f0f0f0;}
.fl { float:left;}
.fr { float: right;}
.b15t15 { padding: 15px 0;}


.head{ height:0.8rem; width: 100%; border-bottom: 1px solid #ececec;}
.head .llogo{ width: 30%; position: absolute; left: 36%; top: 0.05rem;}
.head .lnavbar{ width: 0.4rem; height: 0.4rem; background: #ffffff; text-align: center; padding: 0; position: absolute; border: none; float: left; margin: 0.25rem 0 0 0.2rem;}
.head .lnavbar .icon-bar{width: 100%; height: 1px; background: #333; margin-bottom: 0.15rem; display: block;}
.head .lnavbar.active .icon-bar { position: absolute; left: 0;top: 0.13rem;}
.head .lnavbar.active .icon-bar:nth-child(2) { display: none;}
.head .lnavbar.active .icon-bar:nth-child(1) {  -webkit-animation: fadeRotateRight 0.2s ease both; animation: fadeRotateRight 0.2s ease both;}
.head .lnavbar.active .icon-bar:nth-child(3) { -webkit-animation: fadeRotateLeft 0.2s ease both; animation: fadeRotateLeft 0.2s ease both;}
.head .lright{ float: right;}
.head .lright .icon-search{ display: block; vertical-align: text-bottom;  background: url(../images/icon_02.png) no-repeat center; width: 0.8rem; height: 0.8rem; cursor: pointer; background-size: 50%;}

.search-hot a {color: #f97752;}
.search-wrap {height: 100%;z-index: 1100;max-width: 640px;margin: 0 auto;z-index: 999999;}
.search-wrap, .search-wrap-show {position: fixed;background: #fff;top: 0;left: 0;right: 0;padding-bottom: 50px;display: none;}
.search-wrap .close-box {position: absolute;right: 5px;font-size: 16px;color: #bbb;display: inline-block;padding: 0 10px;line-height: 65px;}
.input-sm-search {position: absolute;right: 40px;top: 15px;border: none;background: transparent;}
.search-input-box {padding: 0 15px;height: 65px;line-height: 44px;border-bottom: 1px solid #f0f0f0;}
.search-wrap .search-input, .search-wrap-show .search-input {width: 100%;height: 33px;border-radius: 33px;background: #f5f5f5;border: none;color: #333;font-size: 14px;padding: 5px 15px;margin-top: 15px;}
.search-wrap .search-input {width: 88%;}
.search-act {margin: 25px 15px 0 15px;font-size: 14px;color: #bbbbbb;height: 23px;line-height: 23px;border-bottom: 1px solid #f0f0f0;display: inline-block;width: 100%;}
.search-ul {margin: 0 15px;}
.search-ul li { height: 30px;border-radius: 30px; border: 1px solid #f0f0f0; margin: 15px 15px 0 0;float: left;font-size: 16px;text-align: center;line-height: 30px;padding: 0px 10px;}

.lmenu{ position: absolute; left: 0; top: 0; background: #fff; z-index: 999999;width: 100%; margin-top: 0.8rem; border-top: 1px solid #dadada; display: none;}
.lmenu .lmenunews{ width: 90%; margin: 12px auto; font-size: 0.3rem; line-height: 0.6rem; overflow: hidden;}
.lmenu .lmenunews div{ color: #3ca5f6; width: 28.3%; padding-left: 5%;}
.lmenu .lmenunews a{ font-size: 0.26rem; width: 28.3%; padding-left: 5%; display: block; float: left;}
.lmenu .lmenulist{ width: 90%; padding: 12px 5%; border-top: 1px solid #dadada; font-size: 0.3rem; line-height: 0.7rem; overflow: hidden;}
.lmenu .lmenulist a{ width: 28.3%; display: block; float: left; padding-left: 5%;}
.lmenu .lbtn{ width: 100%; border-top: 3px solid #f5f5f5; overflow: hidden;}
.lmenu .lbtn .login{display: inline-block;color: #3ca5f6;width:2.5rem;height: 0.7rem;line-height: 0.7rem;border: 1px solid #0da3fa;text-align: center;font-size: 0.3rem;margin-top: 0.5rem; display: block; float: left; margin-left: 0.43rem;}
.lmenu .lbtn .login:nth-child(2) { background: #0da3fa; color: #fff;}

 @keyframes fadeRotateRight {0% {transform: rotate(0deg);}100% {transform: rotate(45deg);}
}
@-webkit-keyframes fadeRotateRight {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(45deg);}
}
@keyframes fadeRotateLeft {0% {transform: rotate(0deg);}100% {transform: rotate(-45deg);}
}
@-webkit-keyframes fadeRotateLeft {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(-45deg);}
}


.nav-sy{height:40px;background:#007acc;}
.nav-sy li{width:16.66%;height:40px;line-height:40px;float:left;text-align:center;font-size:16px;}
.nav-sy a{color:#fff;line-height:40px;display:block;}
.nav-sy li{font-weight:bold;border-right:0px solid #0A70B1;}
.nav-sy{margin:0;}

.bottom{ padding-top: 0.15rem; padding-top: 0.15rem;}
.ipone{ width: 5.8rem; height: 0.5rem; line-height: 0.5rem; background: #fff; margin: 0 auto; font-size: 0.22rem;}
.ipone span{ float: left; margin-left: 1.3rem}
.ipone img{ width: auto; height: 100%; float: left;}
.ipone a{ color: #007acc; font-weight: bold; float: left;}
.lbgec{ background: #ececec;}
footer.ft{text-align:center;padding:8px 0 70px; background: #ececec;}
footer.ft p{line-height:24px; font-size: 0.2rem;}
footer.ft a{margin:0 5px;font-size:0.2rem;}
.shortcut{width:98%;height:60px;padding:0 1%;position:fixed;z-index:9999;bottom:0;background:rgba(64,65,66,0.9); max-width: 640px;}
.shortcut a{color:#fff;font-weight:bold;font-size:0.22rem;display:block;width:90px;margin:0 auto;text-align:center;}
.shortcut li{float:left;width:31.333%;margin:10px 1% 0;border-radius:5px;height:40px;line-height:40px;}
.sc01{background:#7fbcf3;}
.sc02{background:#9ed628;}
.sc03{background:#f4b10e;}
.sc01 i,.sc02 i,.sc03 i{width:25px;height:25px;margin:7px auto 0;float:left;display:block;background:url(../images/shortcut.png) no-repeat;background-size:100%;}
.sc02 i{background-position:0 -25px;margin-top:9px;}
.sc03 i{background-position:0 -50px;}
.sc01{position:relative;}
.mod-sidebar { position: fixed; right: 10px; bottom: 67px; z-index: 500;}
.mod-sidebar .goTo { width: 35px; height: 35px; border-radius: 35px; background: rgba(0, 0, 0, 0.6); margin-top: 10px; font-size: 12px; line-height: 35px; text-align: center; color: #ffffff; cursor: pointer; display: none;}
.icon { display: inline-block; vertical-align: text-bottom; background: url(../images/icon.png) no-repeat; width: 15px; height: 16px; cursor: pointer; background-size: 250px 300px; width: 35px; height: 35px; background-position: -40px 3px}
.icon-goTo {background-position: -67px 3px}


.Nav{clear:both;overflow:hidden;background:#f8f8f8;border-bottom:1px solid #dfdfdf;position:relative;line-height:42px;min-height:42px;font-size:14px;position:relative}
.nav_items li{background:url(/images/cuwell_head_ico.png) no-repeat 0 0;background-size:50px auto}
.nav_items{overflow:hidden;height:42px}
.nav_items li{float:left;padding:0 12px 0 8px;background-position:right -92px}
.nav_items li:only-child{padding:0 12px 0 8px!important;background-position:right -92px!important}
.nav_items li:last-child{background-position:right -800px;padding-right:0}
.h_txt{float:left;text-align:center;position:relative;width:52px;height:42px;display:inline-block;background-position:6px 6px;overflow:hidden;border-right:1px solid #dfdfdf;font-size:16px;}
.h_txt::after{content:'';position:absolute;width:1px;right:0;top:0;bottom:0;background:#fff}


/*滑动*/
.swiper-container p{ position: absolute; padding: 5px 4%; color: #ffffff; font-size: 16px; line-height: 1.4; margin: 0px; width: 92%; bottom: 0; }
.swiper-container {	margin: 0 auto;	position: relative;	overflow: hidden;z-index: 1}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative}
.swiper-slide img { width: 100%;}

.head { width: 100%; overflow: hidden; clear:both; margin: 0 auto; position: relative; border-bottom: 4px solid #5cc2cf; display: block; height: 45px; }
.head img { height: 45px;}
.head .home { position: absolute; left: 0px; top: 0px;}
.head .menu { position: absolute; right: 0px; top: 0px;}

.index_about { width: 100%; overflow: hidden; clear:both; margin: 0 auto; background-image: url(../images/i01.jpg); background-size: 100% auto; background-position: top left; padding: 15px 0;}
.index_about .i03 { width: 60%; margin: 10px 20%; clear: both;}
.index_about p { text-align: center; line-height: 28px; font-size: 16px; color: #212121;font-family: "Microsoft YaHei"; width: 94%; margin-left: 3%; }

.main100 { width: 100%; margin: 0 auto; overflow: hidden; clear: both;}
.banner { width: 100%; margin: 0 auto; overflow: hidden; clear: both;}
.content { width: 90%; margin: 0 5%;  overflow: hidden; clear: both; line-height: 28px; color: #a1a1a1; font-size: 16px; text-indent: 2em;}

.about_honor {width: 100%; overflow: hidden; clear:both; margin: 0 auto; background-image: url(../images/honorbg.jpg); background-color: #f4f4f4; background-size: 100% auto; background-position: top left; padding-bottom: 20px;}

.jiangpai { width: 100% ; margin: 0 auto; overflow: hidden; clear: both;}
.jiangpai li { width: 29%; float: left; margin: 0 2%;}
.jiangpai li p { width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; }


.main_title { width: 100%; margin: 0 auto; overflow: hidden; clear: both; padding: 25px 0 15px; }
.main_title .en { width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 18px; color: #5cc2cf;}
.main_title .cn { text-align: center; font-size: 18px; color: #222222;padding: 0 20px;}
.main_title .line { width: 50px; height: 2px; background: #5cc2cf; margin: 5px auto 0;}

a.more { width: 160px; height: 35px; line-height: 35px; text-align: center; background: #5cc2cf; color: #fff; font-size: 18px; margin: 15px auto; display: block;}
a.okbtn { width: 160px; height: 35px; line-height: 35px; text-align: center; background: #5cc2cf; color: #fff; font-size: 18px; margin: 15px auto; display: block;}
a.ditu { width: 160px; height: 35px; line-height: 35px; text-align: center; background: #5cc2cf; color: #fff; font-size: 18px; margin: 15px auto; display: block;}

.index_honor { width: 100%; overflow: hidden; clear:both; margin: 0 auto; position: relative; }

.foot {width: 100%; overflow: hidden; clear:both; margin: 0 auto; height: 40px; line-height: 40px; background: #5cc2cf; text-align: center; color: #fff; font-size: 18px; font-weight: bold;}

.tabmenu { width: 90%; padding: 0 5%; margin: 0 auto; overflow: hidden; clear: both; height: 45px; line-height: 45px; background: #5cc2cf;}
.tabmenu li { float: left; width: 31%; height: 45px; padding: 0 1%; display: block; color: #fff; font-size: 12px;}
.tabmenu li.white { background: #fff;}
.tabmenu li .leftimg { float: left; width: 25%; padding-top: 6%;}
.tabmenu li .rightword { float: left; width: 70%;}
.tabmenu li.white a{ color: #5cc2cf;}
.tabmenu li a{ color: #fff;}

.index_probox { width: 90%; margin: 0 auto; overflow: hidden; clear: both; background: #fbfbfb; padding: 20px 5% 20px 5%;}
.index_probox ul { width: 103%; overflow: hidden;}
.index_probox ul li { float: left; width: 48%; margin-right: 2%; overflow: hidden; padding-top:40%;position:relative;}
.index_probox ul li img { width: 80%; height:67%;border: 1px solid #e5e5e5;position:absolute;left:0;right:0;top:0;margin:0 auto;padding:10px;}
.index_probox ul li p { width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px;}


.probox { width: 90%; margin: 0 auto; overflow: hidden; clear: both; background: #fbfbfb; padding: 20px 5% 20px 5%;}
.probox ul { width: 103%; overflow: hidden;}
.probox ul li { float: left; width: 48%; margin-right: 2%;}
.probox ul li a{
	width: 100%;
	height: 7.5rem;
	border: 1px solid #e5e5e5;
	display: inline-block;
	text-align: center;
}
.probox ul li img {height:85%;padding:10px;max-width: 100%;}
.probox ul li p { width: 100%; height: 40px; text-align: center; font-size: 14px;margin-top: 10px;}
.probox ul li .name {display:block;}
.probox ul li .prize {color: #5cc2cf; font-weight: bold;display:block;}

.dark { width: 100%; height: 100%;  background: url(../images/dark.png); position: fixed; left: 0px; top: 49px; z-index: 999; display: none;}
.downmenu {width: 100%; position: fixed; display: none; background: #5cc2cf;eft: 0px; top: 49px; z-index: 9999; padding: 10px 0 20px;}
.downmenu li { float: left; width: 80%; margin: 3px 10%; line-height: 35px; border-bottom: 1px dotted #44b2c0; text-align: center;}
.downmenu li a { color: #fff; font-size: 18px; width: 100%; height: 35px; display: block;}

.formbox {width: 90%; padding: 0 5% 30px; margin: 0 auto; overflow: hidden; clear: both;}
.formbox ul li { float: left; width: 100%; margin: 3px 0;}
.formbox ul li input { width: 94%; border: 1px solid #c9c9c9; height: 40px; line-height: 45px; padding: 0 2%;}
.formbox ul li textarea { width: 94%; border: 1px solid #c9c9c9; height: 80px; line-height: 24px; padding: 0 2%; color: #c5c5c5;}

.formbox ul li .select { float: left; width: 48%; border: 1px solid #c9c9c9; height: 40px; line-height: 45px; padding: 0 2%; color: #c5c5c5;background-color: #fff;}
.formbox ul li .select2 { width: 98%; border: 1px solid #c9c9c9; height: 40px; line-height: 45px; padding: 0 2%; color: #c5c5c5; background-color: #fff;}

.contactbox { width: 100%; padding: 0 0% 30px; margin: 0 auto; overflow: hidden; clear: both;}
.contactbox h1 { width: 100%; height: 30px; line-height: 30px; color: #5cc2cf; font-size: 20px;text-align: center; padding-top: 10px;}
.contactbox h4 { width: 100%; height: 20px; line-height: 20px; color: #828282; font-size: 12px;text-align: center;}
.contactbox h3 { width: 80%; margin-left: 10%; margin-top: 15px; margin-bottom: 20px; height: 40px; line-height: 40px; background: #5cc2cf;text-align: center; font-size: 16px; color: #fff; }
.contactbox p {width: 100%; height: 30px; line-height: 30px; color: #222222; font-size: 14px;text-align: center;}

.newslist {width: 100%; padding: 0 0% 30px; margin: 0 auto; overflow: hidden; clear: both;}
.newslist li { float: left; overflow: hidden; clear: both; width: 90%; padding: 10px 5%; display: block;}
.newslist li .data { float: left; width: 55px; height: 84px; background-image: url(../images/newsdata.png?t=11); background-size: 100% 100%; position: relative;}
.newslist li .data i { width: 55px; text-align: center; position: absolute; left: 0px; top: 10px; font-size: 20px; color: #5cc2d1; font-weight: bold; font-style: normal;}
.newslist li .data em{ width: 55px; text-align: center; position: absolute; left: 0px; bottom: 10px; font-size: 10px; color: #5cc2d1; font-weight: normal; font-style: normal;}
.newslist li .rightword { float: right; width: 78%;}
.newslist li .rightword h3 { font-size: 16px; margin-bottom: 5px; line-height: 23px; border-bottom: 1px dotted #e5e5e5; overflow: hidden; height: 24px;}
.newslist li .rightword p {  line-height: 15px; color: #7a7a7a; overflow: hidden; margin-bottom: 5px;font-size:12px;}
.newslist li a.readmore { width: 40px; height: 16px; line-height:16px; border: 1px solid #7a7a7a; color: #7a7a7a; display: block; text-align: center;}
.newslist .secbg { background: #fafafa;}

/**
 * 产品详情
 */

.clearfix:after{
	content: "";
	display: table;
	clear: both;
}


.prodet{
	padding:20px 5%;
}

.prodet img{
	max-width: 100%;
}

.pro-wrap{
	width: 100%;	
	border: 1px solid #ddd;
	margin: 0 auto;
	text-align: center;
	padding:40px 0;
}

.price{
	padding: 10px 0;
}

.price b{
}

.price p{
	font-size: 15px;
	font-weight: 500;
}

.price i{
	font-style: normal;
}

.price-num{
	color: #5cc2cf;
	font-weight: bold;
}

.pro-des h3{
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0;
	padding-left: 5%;
}

.pro-des{
	margin:0 -5%;
}

.pro-special h3{
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0;
}

.pro-special p{
	font-size: 13px;
	line-height: 1.8;
}

.control-group{
	text-align: center;
	padding: 20px 0;
	margin:0 -5%;
}

.control-group li{
	display: inline-block;
}

.control-group a{
	
	 width: 64px; 
	 height: 35px; 
	 line-height: 35px;
	  text-align: center; 
	  background: #5cc2cf;
	   color: #fff;
	    font-size: 14px; 
	    margin: 15px auto;
	     display: block;
	
}

.share-link a span{
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url(../images/share.png) no-repeat center center;
	background-size: 100%;
	margin-right: 5px;
}

.pro-recomand{
	padding-top: 10px;
}

.pro-recomand h2{
	font-size: 18px;
	color: #5cc2cf;
}

.pro-recomand ul{
	padding-top: 20px;
	margin-right: -2%;
}

.pro-recomand li{
	width: 28%;
	border: 1px solid #ccc;
	padding: 1.2%;
	display: inline-block;
	margin-right: 2%;
}


.new-recomand{
	padding-top: 10px;
}

.new-recomand h2{
	font-size: 18px;
	color: #5cc2cf;
}

.new-recomand ul{
	padding-top: 20px;
	margin-right: -2%;
}

.new-recomand li{
	width: 100%;
	padding: 1.2%;
	display: inline-block;
	margin-right: 2%;
    font-size: 14px;
}


.index_honor{
		position: relative;
	}
	.honor-body{
		position: absolute;
		width: 100%;
		top: 46%;
	}
	.honor-body p{
		text-align: center;
		font-size: 20px;
		color: #101010;
	}
	.honor-body ul{
		overflow: hidden;
	}
	.honor-body ul li{
		float: left;
		width: 20%;
		padding:0 2.5%;
	}
	.honor-body ul li img{
		max-width: 100%;
		max-height: 100%;
	}


#jiathis_weixin_modal{
	margin: -180px 0 0 -180px!important;
}