body {margin:0px;background:#fff; font-family:'Î¢ÈíÑÅºÚ', Arial, Helvetica, sans-serif; overflow-x:hidden}
*{ font-size:13px; color:#666666 }
html{ overflow-x:hidden}
a { color:#444; text-decoration:none }
a:hover { text-decoration:underline}
h1,h2,h3,h4,form { font-weight:normal;margin:0;padding:0 }
p { margin:0;padding:0}
img {border:0px;}

.top_bg { background:url(../images/index_r1_c1.jpg) repeat-x}
.top_left { background:url(../images/index_r1_c2.jpg) no-repeat right top}
.top_center { background:url(../images/index_r1_c3.jpg) no-repeat center top}
.top_right { background:url(../images/index_r1_c26.jpg) no-repeat left top}
.STYLE1 {
	font-size: 14px;
	color: #FFFFFF;
}
.STYLE2 {
	font-size: 14px;
	font-weight: bold;
	color: #353535;
}
.STYLE3 {color: #696969; line-height:20px;padding-top:10px; height:auto;}
.STYLE4 {font-size: 14px}
.topline {border-top:1px solid #9AAC8;}
.foot { line-height:20px; color:#FFFFFF}
.STYLE5 {color: #666666}
.zt_nav { color:#75B277;}
.zt_nav a{ color:#75B277;}
.navCurr {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	display:block;
	width:100px;
	line-height:40px;
}
.navCurr:hover { text-decoration:none;background:url(../images/i_r5_c10.gif) no-repeat center bottom }
.Active { text-decoration:none;background:url(../images/i_r5_c10.gif) no-repeat center bottom }

.sontit {width:90%;line-height:31px; font-size:14px; text-align:left; font-weight:bold; color:#333;border-bottom:1px solid #ccc;padding-top:4px}
.leftnav {width:220px;}
.leftnav a { display:block; text-align:left;text-indent:70px;  line-height:38px;font-size:15px;color:#888; border-bottom:1px solid #f1f1f1}
.leftnav a.Current,.leftnav a:hover { display:block; background:#949494; text-align:left;line-height:38px; color:#fff; text-decoration:none;}
.sonNav a {display:block;text-indent:30px;line-height:30px;color:#888; }
.sonNav a:hover { text-decoration:none; color:#333}
.sonNav a.Current {color:#333;background:#949494;}

.righttitbg { background:url(../images/bgline3.gif) no-repeat left bottom;margin-bottom:5px }
.righttitbg strong { line-height:40px;font-size:1.3em;color:#333 }
.M_content { line-height:32px; color:#444}
.head { background:url(../images/index_r1_c1.jpg) no-repeat center top;height:526px; text-align:center;}
.head .top { background:url(../images/top_bgline.jpg) no-repeat 75px 80px;}
.pad15 {padding-top:15px; padding-bottom:15px;}
.lh20 { line-height:22px;}
.footstyl { color:#D1D1D1;}
.relax { position:relative}
.relax a { color:#fff;}
.relax div { position:absolute; left:0px; bottom:0px;width:272px;padding:25px 18px; font-size:14px;font-weight:bold; color:#fff; background:url(../images/icon3.jpg) no-repeat 263px 17px #000;filter:alpha(opacity=70);opacity:0.7; text-align:left}

img {border:0}
hr { border-top:1px solid #ddd;}
.bgline { background:url(../images/bg_line.gif) repeat-x center bottom }
.bgline1 { border-bottom:1px solid #ddd }
.bgline1,.bgline { color:#666}


.prolist {}
.prolist a{  }
.prolist a img{ border:1px solid #ddd}

.lh20 { line-height:20px}
.font14 { font-size:14px; color:#000; font-weight:bold}

.time { color:#999}

.foot { background-color:#292929;color:#A3A3A3;}


.mract A {color:#333333;text-decoration:none; font-size:15px; font-weight:bold; width:88px; height:32px; line-height:32px;  display:block; background-image:url(../images/index_r5_c33.jpg); background-repeat:repeat-x;}
.mract A:hover {color:#f87412;text-decoration:none; font-size:15px;  font-weight:bold;width:88px; height:32px; line-height:32px;display:block;background-image:url(../images/index_r5_c29.jpg); background-repeat:no-repeat;}
.hgact A {color:#f87412;text-decoration:none; font-size:15px;  font-weight:bold;width:88px; height:32px; line-height:32px;display:block;background-image:url(../images/index_r5_c29.jpg); background-repeat:no-repeat;}
.hgact A:hover {color:#f87412;text-decoration:none; font-size:15px;  font-weight:bold;width:88px; height:32px; line-height:32px;display:block;background-image:url(../images/index_r5_c29.jpg); background-repeat:no-repeat;}
/* main_image */
.main_visual{position:relative;}
.main_image{position:relative;}



div.flicking_con{position:absolute;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:25px;height:10px;margin:0 5px;padding:0;background:url('../images/bg16mr.png') 0 0 no-repeat;display:block;text-indent:-1300px}
div.flicking_con a.on{background:url('../images/bg16.png') 0 0 no-repeat;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-40px;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;}

input.jobs_form_input { padding:6px 20px; background-color:#cccccc;border:1px solid #cccccc; font-weight:bold; cursor:pointer}
input.jobs_form_input:hover{background-color:#3b96df;border:1px solid #3b96df;color:#fff} 

/*.sontit { font-weight:bold}*/
.btitle { width:138px; height:38px; text-align:center; color:#FFFFFF; font-size:20px; background-color:#0689db; display:block; line-height:38px;}
.btitle1 { width:138px; height:38px; text-align:left; color:#FFFFFF; font-size:20px;  display:block; line-height:38px;}
.btitle2 { width:138px; height:38px; text-align:left; color:#0689db; font-size:20px;  display:block; line-height:38px;}
img { border:0}
.size13 { font-size:13px }
.size14 { font-size:14px }
.m_line1{
	height:7px;
	width:100%;
	background:url(../images/index_r1_c1.jpg) repeat-x;
}

.top_line2 { border-top:3px solid #eee; }

.main_block_bg { background:url(../images/index_r11_c2.jpg) no-repeat center top }

.location { width:900px;height:30px;line-height:30px; margin:0px auto; text-align:left; background:url(../images/home.png) no-repeat left center; text-indent:25px}

.header { position:fixed;left:0;top:0;width:100%;z-index:9999 }
img {border:0}

.lh20 { line-height:20px;}
.lh21 { line-height:24px;}

.new_top td { color:gray;}
.new_top td img {border:1px solid #bbb;padding:1px;}
.new_top td a.title {font-size:14px;color:#2681D2}
.new_top td a.more {color:#2681D2}

.about { text-indent:24px;padding-top:10px;}

.prolist { width:97%;height:180px;margin:0px auto; text-align:left }

.font_color_white { color:#fff }
.font_color_gray { color:#888 }

.time { font-family:"Times New Roman", Times, serif;color:#BBB }

.sondht {
	position:absolute;
	top:21px;
	left:0px;
	z-index:9999;
	width:290px;
	padding:10px;
	DISPLAY: none;
	list-style:none;
	background:url(../images/nav_son_bg.png);
}
.sondht li { width:40%;float:left;}
.sondht li a {
	font-size:14px;
	color:#fff;
	text-align:left;
	text-indent:25px;
	display:inline-block;
}
.sondht li a:hover {
	color:#fff;
	background:#32516E;
	text-decoration:none;
	
}
.son_56 { width:100% }
.son_56 li { width:100% }

.icon-hot { position:absolute; top:0;right:0; width:40px;height:40px; background:url(../images/hot.png) no-repeat right top }

.pro-index-nav { display:block;width:138px;height:124px; text-align:center;font-size:14px;font-weight:400;color:#fff }
.pro-index-nav img{ margin:18px 0 6px }
.pro-index-nav:hover,.pro-index-nav.current { background:url(../images/son_nav_bg.jpg) no-repeat center center; text-decoration:none;color:#333 }
.inptt { height:35px; line-height:35px; border:1px solid #ddd }
input[type=text],textarea { background:transparent}

.main_product_pic { display:inline-block;padding:4px; }
.main_product_pic:hover {
	padding:3px;
	color:#fff;
	text-decoration:none;
	border:1px solid #6Ca0b9;
	background-color:#82bFcE;
	
}

.contain { background:url(../images/index_r7_c1.jpg) }

TABLE#nav {
	
}

TABLE#nav A.nav {
	DISPLAY: block;  FONT-SIZE: 20px;  COLOR: #000000; LINE-HEIGHT: 60px; HEIGHT:60px; TEXT-DECORATION: none;  DISPLAY: block; text-decoration:none; font-family:"Î¢ÈíÑÅºÚ";  border:0px solid #72aed3; border-radius:0px;
}
TABLE#nav A.nav:hover {
	  font-size:20px; COLOR: #000000;  DISPLAY: block;LINE-HEIGHT: 60px; HEIGHT:60px; text-decoration:none;font-family:"Î¢ÈíÑÅºÚ"; border:0px solid #ffffff; border-radius:0px;  font-weight:bold
}

TABLE#nav A.navCurrent {
	  font-size:20px;   COLOR: #000000;  DISPLAY: block;LINE-HEIGHT: 60px; HEIGHT:60px; text-decoration:none;font-family:"Î¢ÈíÑÅºÚ"; border:0px solid #ffffff; border-radius:0px; font-weight:bold
}
TABLE#nav A.navCurrent:hover {
 font-size:20px;  COLOR: #000000;  DISPLAY: block;LINE-HEIGHT: 60px; HEIGHT:60px;text-decoration:none; font-family:"Î¢ÈíÑÅºÚ";border:0px solid #ffffff; border-radius:0px; font-weight:bold
}

TABLE.navFloat {
	Z-INDEX: 20; VISIBILITY: hidden; WIDTH: 120px; POSITION: absolute; BACKGROUND-COLOR: #fffff; color:#333333; font-size:14px; 
}

TABLE.navFloat A {
	DISPLAY: block;  PADDING-BOTTOM: 0px; WIDTH: 120px; COLOR: #ffffff; LINE-HEIGHT: 40px; PADDING-TOP: 0px; HEIGHT: 40px; TEXT-DECORATION: none; background-color:#0689db;
}
TABLE.navFloat A:hover {
	COLOR: #ffffff; BACKGROUND-COLOR: #0b70be; TEXT-DECORATION: none;  font-size:14px; font-weight:bold; height:40px; line-height:40px;
}


h3 { font-size:19px}
.h2 { font-weight:bold; font-size:15px; color:#555; }
.border1 { border:1px solid #D4D4D4; }
.border2 { border:5px solid #D2CDCA; }
.border3 { border-left:1px solid #C7C7C7;border-right:1px solid #C7C7C7;}
.color_red { color:#EB4D32 }
.color_white,.color_white a { color:#fff; }
.lh25 { line-height:220% }
.footer .tel{ font-size:22px;font-weight:bold;color:#E2BC37 }
.top_nav a { font-size:16px;color:#ddd }
.color_gray { color:#444 }
.color_white2 { color:#A4A4A4 }
.lh22 { line-height:140% }
.line1 { background:url(../images/line_1.jpg) no-repeat right center}
.leftbg{ background:url(../images/asdasdasd.jpg) repeat-y left center #ffffff;}

#bbtn A.nav1 {
	display:block;
	height:46px;
	line-height:46px;
	padding-left:0px;
	width:228px;
	padding-left:40px;
	text-align:left;
	text-decoration:none;
	font-size:16px;
	color:#333333;
	background:url(../images/n1.jpg) no-repeat 20px center #ffffff;
	border-bottom:1px solid #dddddd;

}
#bbtn A.nav1Current {
display:block;
	height:46px;
	line-height:46px;
	width:228px;
	padding-left:40px;
	text-align:left;
	text-decoration:none;
	font-size:16px;
	color:#0689db;
	background:url(../images/n1.jpg) no-repeat 20px center #fafafa;
	border-bottom:1px solid #dddddd;
	border-right:none;

}

#bbtn A.nav1:hover {
display:block;
	height:46px;
	line-height:46px;
	width:228px;
	padding-left:40px;
	text-align:left;
	text-decoration:none;
	font-size:16px;
	color:#0689db;
	background:url(../images/n1.jpg) no-repeat 20px center #fafafa;
	border-bottom:1px solid #dddddd;
	border-right:none;


}

.inptt {     color:#666666; font-size:15px;}

a.db:link{color:#b4b4b4;text-decoration:none; font-size:14px;}
a.db:visited{text-decoration:none;color:#b4b4b4;}
a.db:hover{text-decoration:underline;color:#b4b4b4;}
a.db:active{text-decoration:;color:#b4b4b4;}

a.xdb:link{color:#828282;text-decoration:none; font-size:12px;}
a.xdb:visited{text-decoration:none;color:#828282;}
a.xdb:hover{text-decoration:underline;color:#828282;}
a.xdb:active{text-decoration:;color:#828282;}


a.xw:link{color:#000000;text-decoration:none; }
a.xw:visited{text-decoration:none;color:#000000;}
a.xw:hover{text-decoration:underline;color:#337acc;}
a.xw:active{text-decoration:;color:#337acc;}

a.jsxw:link{color:#ffffff;text-decoration:none; font-size:16px;  font-weight:bold;}
a.jsxw:visited{text-decoration:none;color:#ffffff;font-size:16px;  font-weight:bold;}
a.jsxw:hover{text-decoration:underline;color:#ffffff;font-size:16px;  font-weight:bold;}
a.jsxw:active{text-decoration:;color:#ffffff;font-size:16px;  font-weight:bold;}

a.syxw:link { background-color:#FFFFFF; width:100%; display:block; text-decoration:none}
a.syxw:link .wxzx{ color:#173b89}
a.syxw:visited { background-color:#FFFFFF;}
a.syxw:visited .wxzx{ color:#173b89}
a.syxw:visited td.mrx{ border-right:1px solid #cdcdcd}
a.syxw:hover { background-color:#7cb1d3; color:#ffffff}
a.syxw:hover .wxzx{ color:#ffffff}

.blk_18 { overflow:hidden; zoom:1; width:1028px; margin-top:8px; position:relative; top:0px; left:60px;}
.blk_18 .pcont { width:927px; float:left; overflow:hidden; padding-left:5px; }
.blk_18 .ScrCont { width:32766px; zoom:1; margin-left:-5px; }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left;}

.blk_18 .LeftBotton, .blk_18 .RightBotton { width:15px; height:150px; line-height:150px; float:left; background:url(ax.gif) no-repeat;}
.blk_18 .LeftBotton { width:21px; height:47px; background:url(../images/fy.png) 0 -47px no-repeat; margin:50px 20px 0 0;}
.blk_18 .RightBotton {  width:21px; height:47px; background:url(../images/fy.png) 0 0 no-repeat; margin:50px 0 0 20px;}
.blk_18 .pl img { display:block; width:200px; height:150px; cursor:pointer; border:none; margin:5px;}
.blk_18 .pl { width:210px; height:160px; border:1px solid #ddd; float:left; margin-right:28px;}
.blk_18 a.pl:hover { border:1px solid #5dacec; color:#5dacec; background:#fff;}


@font-face {
	font-family: 'FontAwesome';
	src: url('fontawesome-webfont.eot');
	src: url('fontawesome-webfont.eot') format('embedded-opentype'), url('fontawesome-webfont.woff2') format('woff2'), url('fontawesome-webfont.woff') format('woff'), url('fontawesome-webfont.ttf') format('truetype'), url('fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal
}
.fa, [class^="fa-"], [class*=" fa-"] {
display:inline-block;
font:normal normal normal 14px/1 FontAwesome;
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translate(0, 0)
}
.fa-phone:before {
	content: "\f095"
}
.fa-qq:before {
	content: "\f1d6"
}
.fa-share-alt:before {
	content: "\f1e0"
}
/* ²à±ß¹¤¾ßÌõ start */
.sideTools {
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	height: 100%;
	width: 50px;
}
.sideTools .toolbox {
	display: table;
	height: 100%;
	width: 100%;
}
.sideTools .toolUl {
	display: table-cell;
	vertical-align: middle;
}
.sideTools .toolUl .toolLi {
	box-shadow: 1px 1px 0px #7FC2EC;
	position: relative;
	height: 50px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	font-size: 12px;
	background-color: #0689db;
	margin-top: 5px;
}
.sideTools .toolUl .toolLi .icon {
	height: 30px;
	line-height: 34px;
	text-align: center;
	display: block;
	cursor: pointer;
	font-size: 20px;
	color: #fff;
}
.sideTools .toolUl .liG {
	height: 50px;
}
.sideTools .toolUl .toolLi .text {
	text-align: center;
	cursor: pointer;
	color: #fff;
}
.sideTools .toolUl .toolLi .tip {
	position: absolute;
	opacity: 0;
	width: 210px;
	padding: 10px;
	min-height: 38px;
	background-color: #ffffff;
	right: 70px;
	top: 0;
	border: 1px solid #dedede;
	visibility: hidden;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
.sideTools .toolUl .toolLi .tip:before {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	background-color: #fff;
	position: absolute;
	right: -6px;
	top: 23px;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sideTools .toolUl .toolLi:hover {
	background-color: #0b70bd;
	opacity: 1;
}
.sideTools .toolUl .toolLi:hover .tip {
	right: 50px;
	visibility: visible;
	opacity: 1;
	
}
.sideTools .toolUl .liC .tip {
	width: 120px;
	padding: 10px 0;
	text-align: center;
}
.sideTools .toolUl .liC .tip a {
	display: block;
}
.sideTools .toolUl .liD .item {
	width: 33.3322%;
	float: left;
	text-align: center;
	margin-top: 6px;
}
.sideTools .toolUl .liD .item i {
	display: block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(0,0,0,.2);
	border-radius: 3px;
	margin: 0 auto;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.sideTools .toolUl .liD .item a {
	color: #999;
}
.sideTools .toolUl .liE .tip {
	line-height: 1.6;
	width: 120px;
	font-size: 16px;
}
.sideTools .toolUl .liF .tip {
	width: 120px;
	padding: 5px 0;
	line-height: 1.4;
	text-align: center;
}
.sideTools .toolUl .liF .tip p {
	margin: 0;
}
.sideTools .toolUl .liF .tip img {
	max-width: 100%;
	display: inline-block;
}
@media screen and (max-width: 767px) {
.sideTools {
	display: block;
	width: 100%;
	height: 50px;
	left: 0;
	bottom: 0;
	top: auto;
}
.sideTools .toolUl .toolLi {
	width: 50%;
	float: left;
	margin-top: 0;
}
.sideTools .toolUl .toolLi:before {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: #7FC2EC;
	display: block;
	content: "";
}
.sideTools .toolUl .toolLi .tip {
	bottom: 50px;
	left: 0;
	top: auto;
	right: auto;
	min-height: 50px;
	line-height: 2;
}
.sideTools .toolUl .toolLi:hover .tip {
	right: auto;
}
.sideTools .toolUl .toolLi .tip:before {
	bottom: -6px;
	top: auto;
	right: auto;
	left: 5px;
	border-top: 0;
	border-right: 0;
	display: none;
}
.sideTools .toolUl .liC .tip {
	width: 100%;
}
.sideTools .toolUl .liF .tip {
	width: 100%;
}
.sideTools .toolUl .liD {
	display: none;
}
}
@media screen and (max-width: 479px) {
.sideTools .toolUl .liE .tip {
	display: none;
	opacity: 0;
}
.sideTools .toolUl .liE:hover .tip {
	display: none;
	opacity: 0;
}
}



/* ²à±ß¹¤¾ßÌõ end */

/* ·µ»Ø¶¥²¿ */
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}
/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop{
	position: absolute;right: 60px;top: -100px;
	width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #fff;
}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}


.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

#owl-demo{position:relative;width:100%;height:auto;margin:0px auto 0 auto;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:100%;height:auto;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "Î¢ÈíÑÅºÚ","ºÚÌå";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(images/bg18.png);}
.owl-prev:hover{background-image:url(images/bg19.png);}
.owl-next:hover{background-image:url(images/bg20.png);}


.hideyc { display:none}
.flip-container {
	perspective:1000px;
}
.flip-container:hover .flipper {
	transform:rotateY(180deg);
}
.flip-container,.front,.back {
	width:320px;
	height:480px;
}
.flipper {
	transition:0.6s;
	transform-style:preserve-3d;
	position:relative;
}
.front,.back {
	position:absolute;
	display:block;
}
.back {
	transform:rotateY(180deg);
}


ul,li{list-style:none;padding:0px; margin:0px;}
.showtp { width:100%; height:auto; margin:0 auto; overflow:hidden; position:relative}
#smallimg  { width:102%; overflow:hidden;padding:0px; margin:0px auto; text-align:center;  }
#smallimg  li { width:32%; margin-right:2%; overflow:hidden;  list-style:none; float:left; list-style-type:none; cursor:pointer}
#smallimg  li:last-child { margin-right:0px;}
#smallimg  li img { width:100%; height:auto}
#smallimg  img { width:100%; height:auto}
