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:#868686 ; font-family:'Microsoft Yahei', Arial, Helvetica, sans-serif; background:#fff;max-width: 640px!important;margin: 0 auto}
a{color:#868686; 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;}
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
.clearfix { zoom:1; }
.clear{ clear:both;}
.fl{float: left;}
.fr{float: right;}

.swiper-container { width:100%; height:5.5rem; 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:5.5rem; vertical-align:middle; position:relative;}
.pagination{ position:absolute; height:1rem; width:100%; bottom:0.2rem; z-index:100; text-align:center;}
.pagination .swiper-pagination-switch{ display:inline-block; height:0.4rem; width:0.4rem; background:#fff; border-radius:50%; margin-right:0.3em;  margin-bottom: 0.35rem;}
.pagination .swiper-active-switch{ background:#007CC2;}
.wrapper .hboxss{clear:both;display: flex;justify-content: space-around;flex-flow: wrap; margin-top:0.2rem;padding:0rem 0.2rem ;}
.wrapper .hboxss .box1{ width:32%; height:4.2rem; margin-bottom:0.18rem;background:#007CC2;}
.wrapper .hboxss .left{ float:left;}
.wrapper .hboxss .right{ float:right;}
.wrapper .hboxss .box1 a{ display:block; width:100%; height:100%; background:url(../image/incon1.png) no-repeat 50% 30%; background-size:40%; color:#fff; font-size:0.6rem; /*padding-left:8%;*/ text-align:center;}
.wrapper .hboxss .box1 a p{ clear:both; font-size:0.6rem; padding-top:55%;}
.wrapper .hboxss .g a{background:url(../image/incon2.png) no-repeat 50% 30%;background-size:40%;}
.wrapper .hboxss .y a{background:url(../image/incon3.png) no-repeat 50% 30%;background-size:40%;}

.wrapper .hboxss .box2{ width:67%; height:4.2rem; margin-bottom:0.18rem; position:relative;}
.wrapper .hboxss .box2 img{ width:100%; height:100%;}

.wrapper .products{ padding:0rem 0.2rem ;}
.wrapper .products .pro-flex{display: flex;width:100%;}
.wrapper .products .pro-flex a {position: relative; margin-bottom:10px; width:32%; height:3.5rem; line-height:3.5rem;color:#fff; text-align:center; font-size:0.8rem; float:left; margin-left:5px; margin-right:5px;background:#262626;}
.wrapper .products .pro-flex a.a{  margin-left:0px;}
.wrapper .products .pro-flex a.c{  margin-right:0px;}

.wrapper .fllowus{clear:both; padding:0rem 0.3rem ;}
.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{clear:both;font-size: 0.7rem;text-align: center;line-height: 1rem;margin-top: 1rem;color:#868686;}
footer h1{ font-weight:normal; font-size:0.75rem; color:#50A93D;}
/*======about======*/
header{
	background: #007CC2;
	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;
}
header span{ text-transform:uppercase; text-align:center;}
.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:6.5rem;margin: 0.5rem 0rem;width: 100%;}

.wrapper .about img{  height:auto;}
.wrapper .article .maintitle{ clear:both;color:#010101; font-size:24px; width:100%;background:url(../image/line.jpg) no-repeat top left; padding-top:10px; line-height:35px; margin-bottom:20px;}
/*======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 ul li{ background:none;padding-left: 2rem; font-size:0.4rem;}

.wrapper .article .products_info{overflow: hidden;font-size: 0.4rem;text-align: center; }

.wrapper .article .locasort {color: #8c8c8c; font-size: 0.45rem; margin-top: 15px; padding:10px; background:#EDF3F1;border-radius: 8px;}
.wrapper .article .locasort a {color: #8c8c8c;font-size: 0.45rem;margin: 0 5px; text-decoration: none;}.wrapper .article .locasort a:hover{color: #EC7710;}
.wrapper .article .locasort span { color: #353535; margin-right: 8px;}
.wrapper .article .products_info li{ float: left; width: 4.5rem;  margin: 0rem 0.3rem;}
.wrapper .article .products_info li img{height:auto; 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: #007CC2;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 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:#868686; 
    width:2rem; 
    height:0.75rem; 
    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;}


.page{font-size: 0.6rem;overflow: hidden;color: #7e8891; text-align:center; padding-top:10px;}
.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{ width:100%;font-family:Arial;}
.food_info_tit_bg{margin:10px 0 0 0px;width:100%;min-height:35px;}
.food_info_btit{display:inline-block;height:100%;color:#007CC2;line-height:35px; font-size:0.75rem;}
.food_info_tit{display:inline-block;height:100%;color:#007CC2;line-height:35px; font-size:0.55rem;}
.food_info_main{ width:100%; height:auto; overflow:hidden; padding-top:15px; padding-bottom:30px; color:#7A7A7A; font-size:0.3rem;}
.food_info_main p{color:#868686; line-height:25px;}
.food_info_main .note{color:#868686; font-size:0.3rem;}.food_info_main .note span{ color:#FF0000;}
.product_info_details .pcontect{ width:100%; height:auto; overflow:hidden; padding-top:15px; padding-bottom:30px; color:#868686; font-size:0.3rem; padding-left:5px;padding-right:5px;}
.product_info_details .pcontect .pdtxt {color: #007CC2; display: inline-block;font-size: 0.55rem;height: 35px;line-height: 35px; padding-bottom: 10px;}
.product_info_details .pcontect p{color:#868686; line-height:25px;}
.product_info_details .pcontect { font-size:14px;}
.product_info_details .pcontect  .providew{height:40px;line-height:40px;width:1008px;color:#868686; font-weight:bold; text-indent:1em;font-size:20px; background: url(../image/proview_bg.png) no-repeat; }
.providew1{height:40px;line-height:40px;width:95%;color:#868686; font-weight:bold; text-indent:1em;font-size:20px; background: url(../image/proview_bg.png) no-repeat; }

.product_info_details .pcontect .TabbedPanels{ margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #eee;}
.tabCont #TabbedPanels1 .TabbedPanels { overflow: hidden; margin: 0px; padding: 0px; clear: none; width: 100%;}
.tabCont #TabbedPanels1 .TabbedPanelsTabGroup { margin: 0px; padding: 0px; }
.tabCont #TabbedPanels1 .TabbedPanelsTab { position: relative; top: 1px; float: left; margin: 0px 1px 0px 0px; font-size:13px; color:#999; background-color: #F5F5F5; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; margin-left:15px;height:40px; text-align:center; line-height:40px;border:solid 1px #ccc; padding:0px 20px 0px 40px;}
.tabCont #TabbedPanels1 .TabbedPanelsTabHover { background-color: #e2e2e2; }
.tabCont #TabbedPanels1 .TabbedPanelsTabSelected { color:#363636;  text-align:center; line-height:40px; border-bottom:solid 1px #efefef; font-size:13px;}
.tabCont #TabbedPanels1 .TabbedPanelsTab.t1{background:url(../image/t1.png) no-repeat 15px 15px;}
.tabCont #TabbedPanels1 .TabbedPanelsTab.t2{background:url(../image/t2.png) no-repeat 15px 13px;}
.tabCont #TabbedPanels1 .TabbedPanelsTab.t3{background:url(../image/t3.png) no-repeat 15px 15px;}
.tabCont #TabbedPanels1 .TabbedPanelsTab.t4{background:url(../image/t4.png) no-repeat 15px 15px;}
.tabCont #TabbedPanels1 .TabbedPanelsTab a { color: black; text-decoration: none; }
.tabCont #TabbedPanels1 .TabbedPanelsContentGroup { clear: both; border: solid 1px #ddd;}
.tabCont #TabbedPanels1 .TabbedPanelsContent { overflow: hidden; padding: 10px; *padding:20px 20px; }
.tabCont #TabbedPanels1 .TabbedPanelsContentVisible { }
.wrapper .article .pcontect img{ height:auto;}

.product_info_details .contactOnline2{ width:100%; margin:20px auto auto auto;}
.product_info_details .contactOnline2 ul{}
.product_info_details .contactOnline2 ul li{ padding:10px 0; margin-bottom:10px; line-height:20px;  width:98%; float:left; border: 1px solid #007CC2;border-radius: 8px; }
.product_info_details .contactOnline2 ul li .label{ float:left; display:inline-block; width:17%; margin-left:2%; text-align:left; font-size:0.3rem; color:#868686; line-height:30px;}
.product_info_details .contactOnline2 ul li .label span{ color:#ff0000; line-height:30px; margin:0px 5px;}
.product_info_details .contactOnline2 ul li .inputTxt{ display:inline-block; margin-left:5px;width:75%;}
.product_info_details .contactOnline2 ul li .inputTxt .txtarea04{ border:none; width:100%; height:35px; padding:0 5px; color:#868686; font-size:12px; line-height:35px;}
.product_info_details .contactOnline2 ul li .inputTxt .txtareas01{ width:100%; height:130px; border:none;  padding:0 5px; color:#777 font-size:12px;}
.product_info_details .contactOnline2 .subMit{ clear:both;padding:5px 0; margin:10px auto 10px 5px;}
.product_info_details .contactOnline2 .subMit .btn04{background:#007CC2; width:98%; height:38px; color:#fff; line-height:38px; text-align:center;margin:auto; cursor:pointer; font-family:Lucida Grande; border:none; font-size:16px;}

.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;}
.contactOnline2 .error{color:#FF0000; font-size:11px;}

.tbBorder{table-layout: fixed;}
.tbBorder table td{ border:solid 1px #ddd; }
.tbBorder td{ border:0; height:20px; line-height:20px;border:solid 1px #ddd; text-align:center; color:#808080; font-size:14px;word-break: break-all; word-wrap:break-word;}
.tbBorder td.tbbg1{ background:#2CA1BE;color:#868686; font-weight:bold;}
.tbBorder td.tbbg2{ background:#CDDFE8;}

.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;}

/*基本样式*/
 /* 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; }


.wrapper .acny{ padding:0rem 0.5rem;}


.wrapper .article .anavs li{  padding-left: 1rem;background: url(../image/2.png) no-repeat;background-size: contain;margin: 0.5rem 0rem; float:left; margin-right:15px;}
.wrapper .article .anavs{ margin-bottom:20px; border-bottom:dotted 1px #ccc;}
.wrapper .article .abimgs img{height:auto; width: 4.2rem;border:1px solid #dfdfdf; margin:0.1rem;}

.gallery-box{width: 100%;max-width:640px;border-bottom: 1px solid #ffffff;height: 223px;padding: 20px 0;overflow:hidden;}
.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;}
.wrapper .article .pro-list img{ height:auto;}