@charset "UTF-8";
/* header */
.header{position:relative;height:50px;background-color:#fff;}
.header .logo{display:block;width:100px;height:39px;padding: 0 10px;}
.header .logo img{display:block;width:100%;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}
.page-show-content img{ max-width:100%; height:auto !important;  display:block; margin:0 auto; 
     }

/**********底部**********/
.footer {
  padding: 0.2rem 0 0.2rem 0;
  background-color: #f6f6f6;
  text-align: center;
}
.footer .i4-left {
  display: inline-block;
  padding: 0 0 0 30px;
  height: 28px;
  background: url(../images/i15.png) no-repeat left bottom;
  background-size: 24px 28px;
 }
.footer .i4-left span {
  display: block;
  font-size: 14px;
  color: #000;
  text-align: left;
}
.footer .i4-left i {
	display: block;
	 
	font-size: 12px;
	color: #858585;
	text-align: left;
	font-style: normal;
}
.footer .i4-right {
  display: inline-block;
  padding: 0 0 0 30px;
  height: 28px;
  background: url(../images/i16.png) no-repeat left bottom;
  background-size: 24px 28px;
  margin-left: 16px;
}
.footer .i4-right span {
  display: block;
  font-size: 14px;
  color: #000;
  text-align: left;
}
.footer .i4-right i {
  display: block;
  font-size: 12px;
  color: #858585;
  text-align: left;font-style: normal;
}
.footer .i4-right_1 {
  display: inline-block;
  padding: 0 0 0 30px;
  height: 28px;
  background: url(../images/i16_1.png) no-repeat left bottom;
  background-size: 30px 28px;
  margin-left: 21px;
}
.footer .i4-right_1 span {
  display: block;
  font-size: 14px;
  color: #000;
  text-align: left;
}
.footer .i4-right_1 i {
  display: block;
  font-size: 12px;
  color: #858585;
  text-align: left;font-style: normal;
}


@media (min-width:641px){body{width:640px;margin:auto;}}

.rslides{position:relative; width:100%; overflow: hidden; zoom:1}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0}
.rslides li:first-child{position:relative; display:block; float:left}
.rslides img{display:block; height:auto; float:left; width:100%; border:0}
.callbacks_tabs.callbacks1_tabs{margin-top:-20px; position:relative;z-index:100;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin:0 8px 0 7px;border-radius:10px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:12px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:rgba(251,200,0,0.3); border:1px solid #fff}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:rgba(251,200,0,1);}
.callbacks_container{margin-bottom:2px; position:relative; width:100%; max-width:100%; text-align:center;}
.callbacks{position:relative; width:100%;}
.callbacks li{position:absolute; width:100%; left:0; top:0;}
.callbacks img{display:block; position:relative; z-index:1; height:auto; width:100%; border:0}
.callbacks .caption{display:block; position:absolute; z-index:2; font-size:20px; text-shadow:none; color:#fff; background:#000; background:rgba(0,0,0,0.8); left:0; right:0; bottom:0; padding:10px 20px; margin:0; max-width:none;}
.callbacks_nav{position:absolute; top:50%; left:0; z-index:3; text-indent:-9999px; overflow:hidden; height:60px; width:150px; background:transparent url("../images/themes.png") no-repeat left top; margin-top:-30px}

#ibanbot{overflow: hidden; zoom:1; width: 90%; padding: 5% 5% 3% 5%}
#ibanbot h3{margin-bottom: 20px; text-align: center}
#ibanbot h3 strong{display: block; font-size: 1em; line-height: 2em; letter-spacing: 1px; color: #333}
#ibanbot h3 span{display: block; width: 30px; height: 5px; background-color: #EC6200; margin: 3px auto 5px auto}
#ibanbot h3 p{font-weight: 200; font-size: 0.6em; color: #666; line-height: 1.5em; letter-spacing: 1px}
#ibanbot ul{overflow: hidden; zoom:1; width: 100%}
#ibanbot ul li{float: left; width: 33.33333333%}
#ibanbot ul li img{width: 65%; margin: 0 auto 10px auto; border: 1px solid #ccc; border-radius: 500px}
#ibanbot ul li p{height: 4em; font-size: 1em; text-align: center; color: #333}

#ipro{overflow: hidden; zoom:1; width: 97%; padding: 4% 0 2% 3%; background-color: #f2f2f2}
#ipro h3{overflow: hidden; zoom:1; width: 96%; margin-bottom: 10px}
#ipro h3 strong{display: block; float: left; font-size: 1em; line-height: 1.5em; letter-spacing: 1px; color: #333; padding-left: 12px; background: url(../images/h3bgip.png) left center no-repeat}
#ipro h3 p{float: right; font-size: 0.6em; font-weight: 200; line-height: 2.5em; text-align: right}
#ipro h3 p a{color: #666; padding-left: 15px}
#ipro ul{overflow: hidden; zoom:1; width: 100%}
#ipro ul li{float: left; width: 46%; margin: 0 4% 5px 0; overflow: hidden; zoom:1; height: 120px; position: relative}
#ipro ul li img{width: 100%; height: 120px}
#ipro ul li p{font-size: 1em; line-height: 1.8em; position: absolute; float: left; left: 0; bottom: 0; color: #fff; background: rgba(0,0,0,0.5); width: 92%; padding-left: 8%}

#inews{overflow: hidden; zoom:1; width: 94%; padding: 4% 3% 0 3%}
#inews h3{overflow: hidden; zoom:1; margin-bottom: 2px; border-bottom: 1px solid #ccc}
#inews h3 strong{display: block; float: left; font-size: 0.9em; line-height: 1.6em; letter-spacing: 1px; color: #333; padding-left: 12px; background: url(../images/h3bgip.png) left center no-repeat}
#inews h3 p{float: right; font-size: 0.6em; font-weight: 200; line-height: 2.5em; text-align: right}
#inews h3 p a{color: #666; padding-left: 15px}
#inews ul{}
#inews li{overflow: hidden; zoom:1; width: 100%; padding: 8px 0; border-bottom: 1px solid #ddd}
#inews li img{float: left; width: 32%; margin-right: 3%}
#inews li p{width: 65%; float: left; padding-top: 8px}
#inews li p strong{display: block; font-size: 0.9em; font-weight: 200; color: #333; line-height: 1.2em; height: 2.8em}
#inews li p span{display: block; font-size: 0.7em; font-weight: 200; color: #666; line-height: 1em; padding-left: 20px; background: url(../images/databg.png) left center no-repeat; background-size: auto 100% }

/* main_image */
.main_visual{height: 220px;border-top:1px solid #d7d7d7;position:relative; overflow: hidden; zoom:1}
.main_image{height:220px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:220px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:auto;}
.main_image li span{display:block;width:100%;height:auto}
.main_image li a{display:block;width:100%;height:auto}
.main_image li img{width: 100%; height: auto}

div.flicking_con{position:absolute;top:160px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

#foot{padding: 2% 0 1% 0; background-color: #fff; color: #333}
#foot p{text-align: center; font-size: 0.6em; line-height: 1.8em}

#snavul{width: 94%; padding: 0 3%; background-color: #f2f2f2; font-size: 0.9em; line-height: 2.7em; overflow: hidden; zoom:1}
#snavul li{float: left; width: 33%; text-align: center}
#snavul li a{color: #555}
#snavul .snavnow{background-color: #ffffff; font-weight: bold}
#stools{width: 94%; padding: 0 3%; font-size: 0.9em; line-height: 3.2em; overflow: hidden; zoom:1}
#stools a{color: #555; padding: 0 10px}

#midt h3{overflow: hidden; zoom:1; margin-bottom: 2px; border-bottom: 1px solid #ccc; width: 94%; margin: 0 3%; padding-bottom: 5px}
#midt h3 strong{display: block; float: left; font-size: 1em; line-height: 1.5em; letter-spacing: 1px; color: #333; padding-left: 12px; background: url(../images/h3bgip.png) left center no-repeat}
.aboutm img{max-width: 94%; margin:10px 3% 0 3%}
.aboutm p{font-size: 0.9em; line-height: 1.5em; color: #666; margin: 10px 3% 0 3%; width: 94%; text-align: justify}

.newslist{width: 94%; margin: 0 3%}
.newslist li{overflow: hidden; zoom:1; width: 100%; padding: 8px 0; border-bottom: 1px solid #ddd}
.newslist li img{float: left; width: 32%; margin-right: 3%}
.newslist li p{width: 65%; float: left; padding-top: 8px}
.newslist li p strong{display: block; font-size: 1em; font-weight: 200; color: #333; line-height: 1.2em; height: 2.8em}
.newslist li p span{display: block; font-size: 0.8em; font-weight: 200; color: #666; line-height: 1em; padding-left: 20px; background: url(../images/databg.png) left center no-repeat; background-size: auto 100% }

#page{margin: 10px; text-align: center; font-size: 0.9em}
#page a{padding: 3px 8px; border: 1px solid #ccc; color: #555; margin: 0 10px}

.prolist{overflow: hidden; zoom:1; width: 97%; margin: 10px 0 0 3%}
.prolist li{float: left; width: 46%; margin-right: 4%; overflow: hidden; zoom:1}
.prolist li img{width: 100%}
.prolist li p{font-size: 1em; line-height: 2em; color: #555; margin-bottom: 5px; text-align: center}

#snavuls{width: 94%; padding: 0 3%; font-size: 0.9em; line-height: 2.7em; overflow: hidden; zoom:1; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
#snavuls li{float: left; width: 33%; text-align: center}
#snavuls li a{color: #555}

.serml{padding:3%; width:94%}
.serml label{font-size:0.9em; color:#555; display:block; float:left; width:25%}
.serml li{margin-bottom:8px}
.sli1 select{font-size:0.9em; color:#000; float:left; height:42px; border:0; line-height:42px; width: 70%; padding-left: 2%}
.sli1{height:42px; border:1px solid #bbb; background-color:#fff; padding-left:5%; line-height:42px; width: 94%}
.sli1 input{font-size:0.9em; color:#000; float:left; height:40px; border:0; line-height:42px; width: 70%; padding-left: 2%}
.serml span{color:#FCC900}
.sli3{height:130px; border:1px solid #bbb; background-color:#fff; padding-left:5%; line-height:42px; width: 94%}
.sli3 textarea{font-size:0.9em; color:#000; float:left; width:70%; height:120px; border:0; line-height:1.4em; padding-top:8px}
.sli4 input{width:99.5%; border:0; height:52px; background-color:#8DC82E; color:#fff; font-size:16px; letter-spacing:2px}
.sli4 input:hover{background-color:#74AD1A}
#con2_qhd_3{background-color: #E7DFD2; float: left; width:94%; height: 400px; padding: 3%; overflow: hidden; zoom:1}
.sermr{width: 100%; height: 400px; overflow: hidden; zoom:1}
.sermr li{line-height: 3em; font-size: 0.9em; color: #555; background-color: #fff; transition: 0.5s ease; padding-left: 30px}
.sermr li:nth-child(2n){background-color: #f5f5f5; }

.infot2018{overflow: hidden; zoom:1; width: 90%; margin:0px auto; border-bottom:1px #999999 solid; height:3rem; padding-left:1rem;line-height:3rem; font-size:1rem; font-weight:bold; color:#003300; background: url(../images/h3bgip.png) left center no-repeat}
.showproductinfo{width: 98%; line-height:2rem; margin:0.5rem auto;}


.tabPanel{overflow: hidden; zoom:1; width: 97%; padding: 4% 0 2% 3%; background-color: #f2f2f2; position: relative}
.tabPanel ul{height:30px; margin-bottom: 10px; }
.tabPanel strong{float: left; width: 33%; display: block; font-size: 1.2em; line-height: 1.5em; letter-spacing: 1px; color: #333; padding-left: 12px; background: url(../images/h3bgip.png) left center no-repeat; font-weight: bolder; position: absolute; left: 3%; top: 4%}
.tabPanel ul li{float: left; font-size: 0.85em; font-weight: 200; line-height: 30px; text-align: right; width: 20%; color: #666}
.tabPanel ul li:first-child{margin-left: 34%}
.tabPanel .hit{color: #000; font-weight:bold;}
.panes{ width:100%; float:left;}
.pane{display:none; overflow: hidden; zoom:1}
.pane li{float: left; width: 46%; margin: 0 4% 5px 0; overflow: hidden; zoom:1; height: 120px; position: relative; list-style:none;}
.pane li img{width: 100%; height: 120px}
.pane li p{font-size: 1em; line-height: 1.8em; position: absolute; float: left; left: 0; bottom: 0; color: #fff; text-align:center; background: rgba(0,0,0,0.5); width: 100%; padding-left: 0%}
.indexpmore{ float:left; width:100%; height:2rem; line-height:2rem; margin-top:0.8rem; font-weight:bold; text-align:center; background-color:#F6F6F6}
.indexpmore a{ color:#333; background-image:url(66.jpg); background-position:right; background-repeat:no-repeat; padding-right:1.5rem;}