html{ font-size:20px; width:100%; height:100%;}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
img{vertical-align:middle;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding:0; margin:0; background:none; border:none;}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { margin:0; }
textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table { border-collapse:collapse; }
body { color:#666 ; font-family:'Microsoft Yahei', Arial, Helvetica, sans-serif; background:#fff;max-width: 640px!important;margin: 0 auto}
a{color:#666; text-decoration:none;transition:color .3s linear; -webkit-transition:color .3s linear; -moz-transition:color .3s linear;}
a:hover{ text-decoration:none;}
a:visites{ color:#59a306;}
.clear{ clear:both;}
.fl{float: left;}
.fr{float: right;}

.swiper-container { width:100%; height:7.9rem; text-align:right; margin:0 auto; position:relative; overflow:hidden; z-index:5;}
.swiper-wrapper { position: relative; z-index:10;}
.swiper-slide { position:relative; text-align:center; float:left; overflow:hidden;}
.swiper-slide img{ width:100%; height:7.9rem; vertical-align:middle; position:relative;}
.pagination{ position:absolute; height:1rem; width:100%; bottom:0rem; z-index:100;}
.pagination .swiper-pagination-switch{ display:inline-block; height:0.4rem; width:0.4rem; background:#959595; border-radius:50%; margin-right:0.3em;  margin-bottom: 0.35rem;}
.pagination .swiper-active-switch{ background:#fff;}

/*.wrapper{ padding:0rem 0.3rem 0.5rem 0.3rem;}*/
.wrapper .menu{display: flex;justify-content: space-around;flex-flow: wrap;  margin-top: 0.5rem;}
.wrapper .menu a {width: calc(100%/3);text-align: center;}
.wrapper .menu img{width: 3rem;height: auto}
.wrapper .menu p{text-align: center;font-size: 0.6rem;  margin: 0.5rem 0rem;}
.wrapper .products,
.wrapper .news,
.wrapper .fllowus{ padding:0rem 0.3rem ;}
.wrapper .tit{position: relative;height: 1.5rem}
.wrapper .tit span{
	position: absolute;
	background: #fff;
	color: #016ea9;
	font-size: 0.7rem;
	height: 1.5rem;
	left: 50%;
	width: 5rem;
	margin-left: -2.5rem;
	text-align: center;
	line-height: 1.5rem;
}
.wrapper .tit::before{
	content: '';
	position: absolute;
	top: 0.7rem;
	background: #006da8;
	height: 2px;
	width: 100%;
}
.wrapper .products .pro-flex{display: flex;justify-content: space-around;flex-flow: wrap;}
.wrapper .products .pro-flex a {width: 4.5rem;position: relative;}
.wrapper .products .pro-flex a img{width: 4.5rem}
.wrapper .products .pro-flex a p{  text-indent: 0.2rem;color: #fff;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5);width: 100%;font-size: 0.4rem;height: 1rem;line-height: 1rem}

.wrapper .news .news-info p{overflow: hidden;font-size: 0.5rem;background: url(../image/4.png) left no-repeat;background-size: contain;padding-left: 40px;  margin: 0.5rem 0rem;}
.wrapper .news .news-info p .fr{color: #a9a9a9}
.wrapper .news .news-info span.fl{ width:78%; height:25px; white-space:nowrap;  text-overflow:ellipsis;overflow:hidden;}
.wrapper .fllowus .fllow-info {display: flex;justify-content: space-around;  margin: 0.5rem 0rem;}
.wrapper .fllowus .fllow-info .f-1{background: url(../image/5.png) no-repeat;background-size:contain;width: 20% ;height: 3rem}
.wrapper .fllowus .fllow-info .f-2{background: url(../image/6.png) no-repeat;background-size:contain;width: 20% ;height: 3rem}
.wrapper .fllowus .fllow-info .f-3{background: url(../image/7.png) no-repeat;background-size:contain;width: 20% ;height: 3rem}
.wrapper .fllowus .fllow-info .f-4{background: url(../image/8.png) no-repeat;background-size:contain;width: 20% ;height: 3rem}

footer{
	font-size: 0.4rem;
	text-align: center;
	line-height: 1rem;
	margin-top: 1rem;
	border-bottom: 5px solid #006da8;
}

/*======about======*/
header{
	background: #006da8;
	height: 1.5rem;
	font-size: 0.7rem;
	text-align: center;
	position: relative;
	color: #fff;
	line-height: 1.5rem;
}
header a.back{
	background:url(../image/lt.png) no-repeat;
	position: absolute;
	left: 0.1rem;
	top: 0.4rem;
	height: 0.8rem;
	width: 0.8rem;
	background-size: contain;
}
header a.home{
	background:url(../image/home.png) no-repeat;
	position: absolute;
	right: 0.1rem;
	top: 0.4rem;
	height: 0.8rem;
	width: 0.8rem;
	background-size: contain;
}
.wrapper .article {font-size: 0.5rem;  margin-bottom: 0.5rem;}
.wrapper .article.about p{text-indent: 0.5rem}
.wrapper .article img{text-align: center;height:7.9rem;margin: 0.5rem 0rem;width: 100%;}

/*======products======*/

.wrapper .article .products li{  
	padding-left: 1rem;
	background: url(../image/4.png) no-repeat;
	background-size: contain;
	margin: 0.5rem 0rem;
}

.wrapper .article .products_info{
	/*display: flex;
	justify-content: flex-start;
	flex-flow: wrap;*/
	overflow: hidden;
	font-size: 0.4rem;
	text-align: center; 
}
.wrapper .article .products_info li{ float: left; width: 4.5rem;  margin: 0rem 0.3rem;}
.wrapper .article .products_info li img{height: 4.5rem; width: 4.5rem;border:1px solid #dfdfdf;}
.wrapper .article .products_info li p{ height:25px; line-height:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.wrapper .technology li{margin:0.5rem 0rem;  padding: 0rem 0.5rem; }
.wrapper .technology li p{overflow: hidden;font-size: 0.4rem;  margin: 0.1rem 0rem;}
.wrapper .technology a{ background: #006da8;color: #fff;  padding: 0.1rem; display: inline-block;}

.wrapper .technology_info h4,.wrapper .technology_info h5{text-align: center;}
.wrapper .technology_info p{text-indent: 0.5rem;  margin: 0.3rem 0rem;}

.sideContact{ width:80%;margin: 0 auto}
/*.sideContact dl{ margin:20px auto auto auto;}*/
.sideContact dl dt{ margin: 0.3rem 0rem}
.sideContact dl dd{ overflow: hidden; font-size:0.4rem; margin: 0.1rem 0rem}
.sideContact dl dd .contact_lt{ float:left; display:inline; width:2rem;}
.sideContact dl dd .contact_rt{ float:left; display:inline; width:6rem;margin-left:1rem }
.sideContact dl dd .contact_rt a{ color:#e84c3d;}
.sideContact dl dd .contact_rt a:hover{ text-decoration:underline;}

.contactOnline{margin: 0rem 1rem;}
.contactOnline table{ border:0; width:100%;}
.contactOnline table td{ border:0; height:1rem; color:#555; font-size:0.6rem; line-height:1rem;}
.contactOnline table td input{ border:0;}
.contactOnline table td .txtarea04{ 
    border:1px #bebebe solid;
    width:5rem; 
    height:0.5rem; 
    padding:0 5px; 
    font-size:0.4rem; 
    line-height:0.5rem;
 }
.contactOnline table td .txtareas01{ 
    width:7rem; 
    height:2rem; 
    border:1px #bebebe solid;
    padding:0 5px; 
    font-size:0.5rem;
}
.contactOnline table td .btn04{ 
    background:#7d8890; 
    color:#FFF; 
    width:2rem; 
    height:0.75rem; 
    color:#fff; 
    line-height:0.75rem; 
    text-align:center; 
    font-weight:bold; 
    margin:0; 
    cursor:pointer; 
    font-family:Verdana, Geneva, sans-serif;
}
.contactOnline table td span{ color:#ff0000; font-weight:bold;}
.contactOnline table td.rightFix {text-align: right;}
.contactOnline table td  .error{ font-size:11px;}

.page{font-size: 0.6rem;overflow: hidden;color: #7e8891; text-align:center;}
.page ul{float: right;margin:0;  padding-right: 0.5rem;}
.page ul li{display: inline-block;margin: 5px;padding: 0.1rem 0.4rem;border-radius: 2px;  vertical-align: middle;}
.page ul li select{
    width: 2.5rem;
    height: 1rem;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    font-size: 0.6rem;
}
.page ul li.on{background: #9ca4ab;color: #fff;}
.page ul li.on a{color: #fff}

/*product_info_details*/
.product_info_details{padding-left: 2rem}
/*基本样式*/
 /* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p           (normal)
.jssort01 .p:hover     (normal mouseover)
.jssort01 .pav           (active)
.jssort01 .pav:hover     (active mouseover)
.jssort01 .pdn           (mousedown)
*/
.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
    background: url(http://www.jsdaima.com/Upload/1423404712/t01.png) center center;
    border-width: 0px;
    top: 2px;
    left: 2px;
    width: 68px;
    height: 68px;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c {
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    border: #fff 1px solid;
}
/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l              (normal)
.jssora05r              (normal)
.jssora05l:hover        (normal mouseover)
.jssora05r:hover        (normal mouseover)
.jssora05ldn            (mousedown)
.jssora05rdn            (mousedown)
*/
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(http://www.jsdaima.com/Upload/1423404712/a17.png) no-repeat;
    overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }

footer.certification{
	font-size: 0.4rem;
	text-align: center;
	line-height: 1rem;
	margin-top: 1rem;
	border-bottom: 5px solid #006da8;
	position: fixed;
	bottom: 0rem;
	width: 100%;
	left: 0rem;
}
.certification{margin-bottom:3rem }
.isuccess {padding: 5px 0px;margin-bottom: 10px;background: #f5edc7;border: 1px solid #FFD400;font-size: 11px;font-family: Verdana, Geneva, sans-serif;text-align: center; color:#FF0000;}
.iwarning {padding: 5px 0px;margin-bottom: 10px;background: #f9dde7;border: 1px solid #f90b5f;font-size: 11px;font-family: Verdana, Geneva, sans-serif;text-align: center;}
.iwait {padding: 5px 0px;margin-bottom: 10px;background: #FBFAEA;border: 1px solid #EFEBAA;font-size: 11px;font-family: Verdana, Geneva, sans-serif;text-align: center;}
.success {padding: 5px 0px;margin-bottom: 10px;background: #f5edc7;border: 1px solid #FFD400;font-size: 11px;font-family: Verdana, Geneva, sans-serif;text-align: center; color:#FF0000;}
.warning {padding: 5px 0px;margin-bottom: 10px;background: #f9dde7;border: 1px solid #f90b5f;font-size: 11px;font-family: Verdana, Geneva, sans-serif;text-align: center;}
.wait {padding: 5px 0px;margin-bottom: 10px;background: #FBFAEA;border: 1px solid #EFEBAA;font-size: 11px;font-family: Verdana, Geneva, sans-serif;text-align: center;}
#subscribe_result{ color:#FF0000; background:none;}
#subscribe_result .error{ background:none;color:#FF0000; display:inline; font-size:11px;}
.newSpace{white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.tbBorder table td{ border:solid 1px #CCCCCC;}
.tbBorder td{ border:0; height:20px; line-height:20px;border:solid 1px #CCCCCC; text-align:center;}
.product .pro_tab .pro_tab_content .tbBorder td p{ text-align:center;}
.notfound {height:auto;padding:30px 0;text-align:center; background:url(../image/404.jpg)  no-repeat left; margin-left:30px;}
.notfound h1{margin:15px 0;font-size:24px;font-weight:bold;line-height:30px;color:#c90000;}
.notfound h2{margin:0 0 5px 0;font-size:16px;font-weight:bold;line-height:120%;color:#0a4d84; text-align:left;}
.notfound p.not_text{color:#333;line-height:20px;font-size:11px; padding:10px;}
.notfound p.text_left{ text-align:left;}
.notfound p span{font-size:14px;font-weight:bold;color:#c90000;}
.notfound .sech_text{text-align:left;padding:5px 0; color:#9C9C9C;}

.gallery-box{width: 100%;border-bottom: 1px solid #ffffff;height: 223px;padding: 20px 0;background: #f9f9f9;}
.gallery-wrap{height: 223px;margin: 0 auto;width: 320px;position: relative;}
.arrow-nav{position: absolute;}
.arrow-nav .prev{position: absolute;width: 35px;top: 82px;left: 2px;background: url(../image/product_page_pic_arrow.png) no-repeat 0px -39px;background-size: 276%;height: 57px;}
.arrow-nav .next{position: absolute;width: 35px;top: 82px;left: 284px;background: url(../image/product_page_pic_arrow.png) no-repeat -62px 11px;background-size: 276%;height: 57px;}
.list-box{overflow: hidden;width: 222px;height: 223px;position: relative;margin: 0 auto;}
.pro-list{width: 10000px;height: 223px;position: absolute;}
.pro-list li{float: left;width: 222px;}
.product_desc{padding: 10px 10px 40px;background: #f2f2f2;}
.product_desc h1{font-size: 18px;color: #343434;line-height: 48px;}
.product_desc p{font-style: italic;line-height: 26px;}
.btn{padding: 20px 10px;background: #f9f9f9;}
.btn input{background: #0e64a6;background: -webkit-gradient(linear,0 0,0 100%,from(#2684c1),to(#0e64a6));background: -moz-linear-gradient(top,#2684c1,#0e64a6);color: #ffffff;font-size: 20px;border: 1px solid #cacaca;
border-radius: 6px;width: 100%;height: 46px; margin-bottom: 20px;}
.btn input.grey-bg{background: #dedfdf;background: -webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#dad9da));background: -moz-linear-gradient(top,#fefefe,#dad9da);color: #666666;}
.wrapper .article .pro-list img{ height:100%;}