@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
body {
font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
color:#333333;
}
a:link, a:visited {
text-decoration:none;
color:#333333;
}
a:hover, a:active {
text-decoration:none;
color:#EB0101;
}
fieldset, img {
border:none;
}
legend {
display:none;
}
img {
vertical-align:top;
}
em,i {
font-style:normal;
}
li {
list-style:none;
}
h1, h2{
font-size:18px;
font-weight:normal;
font-family:"Microsoft Yahei";
}
h3, h4, h5, h6{
font-size:16px;
font-weight:normal;
font-family:"Microsoft Yahei";
}
input, button, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
vertical-align:top;
}
input, button, textarea, select {
*font-size:100%;
}
q:before, q:after {
content:'';
}

.fn{ font-weight:normal;}
.fb{ font-weight:bold;}

.white{ color:#ffffff;}
.white a:link{ color:#ffffff;}
.white a:visited{ color:#ffffff;}
.white a:hover{ color:#ffffff;}

.fl{ float:left;}
.fr{ float:right;}
.clearfix:after
{
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix{display: inline-block;} 
.clearfix{display: block;} 

.banner{
	background:url(../images/banner.jpg) no-repeat center top;
	height:553px;
}
.boxPh01{
	background:url(../images/boxPh01_bg.gif) no-repeat center top;
	height:289px;
}
.boxPh01 ul{
	width:1200px;
	margin:0 auto;
	padding-top:45px;
}
.boxPh01 ul li{
	float:left;
	display:inline;
	margin-left:70px;
}
.boxPh01 ul li h2{
	font-size:20px;
	font-weight:bold;
	padding-bottom:15px;
}
.boxPh01 ul li .sp01{
	line-height:28px;
}
.boxPh01 ul li .sp02{
	padding-top:18px;
}
.boxPh01 ul li .sp02 a{
	display:block;
	background:url(../images/popup_btn.gif) no-repeat;
	width:183px;
	height:39px;
	line-height:39px;
	text-indent:60px;
	font-size:16px;
	font-weight:bold;
}
.boxPh01 ul li .sp02 a:hover{color:#333}
.boxPh01 ul li a.wytg_btn{
	display:block;
	background:url(../images/wytg_btn.png) no-repeat;
	width:160px;
	height:160px;
	text-indent:-5000px;
	cursor:pointer;
}
/* Style you custom popupbox according to your requirement */
.popupbox {
	width:600px;
	height:370px;
	padding:50px;
	background:#fff;
	background-repeat:no-repeat;
	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*! padding:5px; */
	border-radius: 5px;
	text-align: left;
}
.popupbox #close{
	background:url(../images/close_btn.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:-5000px;
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
}
.popupbox p{
	line-height:32px;
	font-size:16px;
	margin-top:15px;
}
#fade { 
	display: none; /* Hidden as default */
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}


.listPh01{
	width:1160px;
	margin:0 auto;
	padding:60px 20px;
}
.listPh01 li{
	float:left;
	font-size:24px;
	width:20%;
	text-align:center;
	background:url(../images/listPh01_li_line.gif) no-repeat right center;
}
.listPh01 li p{
	padding-top:30px;
}
.listPh01 li img{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.listPh01 li:hover img{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}
.greybox{
	background:#f5f5f5;
	padding:40px 0 30px;
}
.product_show{
	width:1200px;
	margin:0 auto;
}
.product_show h2{
	padding:0 20px;
}
.product_show h2 .tit{
	font-size:30px;
	background:url(../images/ico06.gif) no-repeat left 9px;
	padding-left:20px;
	margin-top:6px;
}
.product_show h2 dl{
	display:inline;
	margin-left:55px;
	height:52px;
	border:#e3e3e3 solid 1px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow:hidden;
	background:#fff
}
.product_show h2 dl dd{
	float:left;
	height:52px;
	line-height:52px;
	padding:0 22px;
	color:#666666;
	border-right:#e3e3e3 solid 1px;
}
.product_show h2 dl dd a:link,.product_show h2 dl dd a:hover,.product_show h2 dl dd a:visited{
	color:#666666
}
.product_show h2 dl dd.cur{
	color:#fff;
	background:#008bbf
}
.product_show h2 dl dd.cur a:link,.product_show h2 dl dd.cur a:hover,.product_show h2 dl dd.cur a:visited{
	color:#fff
}
.product_show h2 .picsearch_btn{
	position:relative;
}
.product_show h2 .picsearch_btn h3{
	width:175px;
	height:58px;
	line-height:58px;
	text-indent:36px;
	font-size:18px;
	cursor:pointer;
	position:relative;
	z-index:99
}
.product_show h2 .picsearch_btn h3 span{
	display:block;
	height:58px;
	background:url(../images/picsearch_btn.png) no-repeat 125px center;
}
.product_show h2 .picsearch_btn h3.current{
	background:url(../images/picsearch_btn_h3_current_bg.gif) no-repeat;
}
.product_show h2 .picsearch_btn .picsearch_con{
	position:absolute;
	right:0;
	top:57px;
	background:#fff;
	width:277px;
	height:170px;
	padding:17px 20px 0 30px;
	border:#e3e3e3 solid 1px;
	z-index:9
}
.product_show h2 .picsearch_btn .picsearch_con table th{
	font-size:16px;
	font-weight:normal;
}
.product_show h2 .picsearch_btn .picsearch_con table td{
	padding:6px 0;
}
.iptPh01{
	height:24px;
	line-height:24px;
	border:#dcdcdc solid 1px;
	padding:0 5px;
	font-size:14px;
}
.btnPh01{
	color:#fff;
	width:110px;
	height:32px;
	line-height:32px;
	text-align:center;
	font-size:16px;
	background:#e16565;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:none;
	cursor:pointer;
}



.box{
	margin-bottom: 40px;
	width: 100%;
	height: 450px;

	position: relative;
}

.box .list{
	width: 1000px;
	height: 420px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -500px;
}

.box .btn{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 60px;
	height: 100px;
	line-height: 100px;
	font-size: 30px;
	color: white;
	text-decoration: none;
	text-align: center;
	background:#008bbf;
	cursor: pointer;
}
.box .next{
	right: 0;
}

.box li{
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	opacity: 0;
	transition: all 0.3s ease-out;
}
.box img{
	width: 550px;
	height: 367px;
	border:none;
	float: left;
}
.box li p{ clear:both; padding:10px; text-align:center;}
.box li p strong{ font-size:24px; margin-right:10px}
.box .p1{
	transform:translate3d(-224px,0,0) scale(0.81);
}
.box .p2{
	transform:translate3d(0px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.8;
	z-index: 2;
}
.box .p3{
	transform:translate3d(224px,0,0) scale(1);
	z-index: 3;
	opacity: 1;
}
.box .p4{
	transform:translate3d(449px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.8;
	z-index: 2;
}
.box .p5{
	transform:translate3d(672px,0,0) scale(0.81);
}
.box .p6{
	transform:translate3d(896px,0,0) scale(0.81);
}
.box .p7{
	transform:translate3d(1120px,0,0) scale(0.81);
}

.box .buttons{
	position: absolute;
	width: 1200px;
	height: 30px;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
	padding-top: 10px;
}
.box .buttons a{
	display: inline-block;
	width: 35px;
	height: 5px;
	padding-top: 4px;
	cursor: pointer;
}
.box span{
	display: block;
	width: 35px;
	height: 1px;
	background: red;
}
.box .blue{
	background: blue;
}

.product_show_con{ padding-top:30px;}
.listPh02 { }
.listPh02 li{
	float:left;
	margin-left:25px;
	margin-bottom:25px;
	_display:inline;
	width:265px;
	height:310px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#fff;
	border:#eeeeee solid 1px;
	overflow:hidden;
}
.listPh02 li img{
	height:196px;
	width:100%;
}
.listPh02 li a{height:196px;display:block;overflow:hidden}
/* Grow */
.listPh02 li img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.listPh02 li img:hover, .listPh02 li img:focus, .listPh02 li img:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.listPh02 li h3{
	padding:15px 20px 0;
	font-weight:bold;
}
.listPh02 li p{
	padding:10px 20px 0;
}
.listPh02 li p.sp{
	color:#666
}

.product_show .more{ text-align:center}
.product_show .more a{ display:inline-block; width:179px; height:46px; background:url(../images/more.png); line-height:46px; text-indent:-10px; font-size:16px}




/*upload*/
.tougao{ margin:0 auto; width:900px; padding:30px 150px; background:#fff}
.tougao td{ padding:15px;}
.tougao td input{ width:500px; padding:6px}
.tougao td textarea{ width:80%}
.tougao td.smt_bt input{ width:120px;cursor:pointer}

/*分页代码*/
.list_page{height: 30px;padding: 30px 0 20px;text-align: center;}
.list_page span{margin-left: 11px;display: inline-block;width: 30px;height: 30px;background:url(../images/global/list_page_bg.jpg) no-repeat left top;color: #7f7f7f;font-size: 14px;font-weight: bold;line-height: 30px;text-align: center;vertical-align: middle;cursor: pointer;overflow:hidden}
.list_page span a{color: #7f7f7f;display: block;}
.list_page span a:hover{color: #fff;}
.list_page span:hover,.list_page span.active{background:url(../images/global/list_page_bg_selected.jpg) no-repeat left top;color: #fff;}
.list_page span img{float: left;}
.list_page .gopage{width:35px}
.list_page input{border: medium none;width: 35px !important;height: 30px;background:url(../images/global/list_page_turn.jpg) no-repeat left top;line-height: 30px;text-align: center;vertical-align: middle;}
.list_page .page_text,.list_page .page_text:hover{width:50px;height:30px;line-height:30px;font-size:14px;font-weight:bold;background:none;color:#7f7f7f;cursor:default}
.list_page span.page_prev a,.list_page span.page_next a{line-height:100px;}
.list_page span.page_prev{background:url(../images/global/list_page_prev.jpg) no-repeat left top;}
.list_page span.page_prev.disabled{background:url(../images/global/list_page_prev_no.jpg) no-repeat left top;}
.list_page span.page_next{background:url(../images/global/list_page_next.jpg) no-repeat left top;}
.list_page span.page_next.disabled{background:url(../images/global/list_page_next_no.jpg) no-repeat left top;}
.list_page span.page_prev.disabled a,.list_page span.page_next.disabled a{cursor:default}
/*分页代码 end*/

#top_show{width:1000px; margin:0 auto}
#top_show >li{width:600px}
.mb-wrapper{margin:0 auto 20px;position:relative; height:500px;left:0;top:0}
.mb-slider,.mb-scroll{width:100%;height:480px;overflow:hidden;margin:0 auto;padding:0;position:relative;left:0;top:0}
.mb-active-slider{border-color:#333}
.mb-slider .mb-panel{margin-top:100px;display:block;cursor:pointer;float:left;list-style:none}
.mb-panel a{outline:0}
.mb-slider .mb-panel.current{cursor:auto}
.mb-inside *{max-width:100%}
a.mb-scrollButtons{display:block;width:45px;height:58px;background:transparent url(../images/arrows.png) no-repeat;position:absolute;top:40%;margin-top:-29px;cursor:pointer;text-decoration:none;outline:0;border:0;_background:transparent url(../images/arrows.gif) no-repeat}
a.mb-scrollButtons.mb-left{background-position:left top;left:-100px}
a.mb-scrollButtons.mb-right{background-position:right top;right:-100px}
a.mb-scrollButtons.mb-left:hover{background-position:left bottom}
a.mb-scrollButtons.mb-right:hover{background-position:right bottom}
a.mb-scrollButtons.disabled{display:none}
.mb-controls{margin:0 auto;text-align:center;position:absolute; top:435px; left:435px;z-index:100}
.mb-controls a{color:#999;font:18px/2.2 Georgia, Serif;display:inline-block;text-decoration:none;padding:2px;margin:0 5px 0 0;text-align:center;outline:0}
.mb-panel{margin-top:90px}
.mb-controls a:hover{color:black}
.mb-controls a.current{color:#f00}
.main-nav{display:block; text-align:center; border-bottom:2px solid #a71700;margin:0 0 20px 0;padding:0 0 10px 0}
.main-nav a{text-decoration:none;color:#3e63ec;font-size:18px;margin:0 8px}
.main-nav a:hover{color:black;border-bottom:2px solid black}

.mb-inside img{width:100%;}
.mb-inside{text-align:center}
.current .mb-inside img{width:auto;max-height:400px}

.mb-wrapper p{ display:none; padding:10px; text-align:center;}
.mb-wrapper .current p{ display:block}
.mb-wrapper p strong{ font-size:18px; margin-right:5px}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


.footer{
}
.friend-link {
    line-height: 66px;
    width: 1160px;
    height: 66px;
	margin:0 auto;
	border-top:#e1e1e1 solid 1px;
    text-align: center;
}
.friend-link h2{
	font-size:24px;
	padding:0 15px 0 50px;
}
.friend-link-menu li {
	font-size: 16px;
    position: relative;
    float: left;
	color:#000;
    padding: 0 30px 0 20px;
    cursor: pointer;
}
.friend-link-menu li i {
    position: absolute;
    top: 32px;
    right: 15px;
    width: 8px;
    height: 5px;
    transition: all .3s linear;
	background:url(../images/friendlink_arw.png) no-repeat 0 0
}
.friend-link-menu .current i {
    background-position:0 -5px;
}
.friend-link-menu li:hover i, .friend-link-menu .current i {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.friend-link-inner {
	background-color: #fafafa;
    display: none;
    width: 1160px;
    margin: 5px auto;
}
.friend-link-submenu {
    overflow: hidden;
    width: 96%;
    padding: 5px 2%;
	zoom:1
}
.friend-link-submenu li {
	font-size: 14px;
    line-height: 24px;
    float: left;
    margin: 10px;
    white-space: nowrap;
}

.copyright{
	border-top:#2461a5 solid 3px;
}
.copyright table{
	margin:0 auto;
}
.copyright table p{
	text-align:center;
	font-size:14px;
	line-height:28px;
}
.copyright table p em{
	padding:0 6px;
}
.copyright table p.police{
	padding-top:10px;
}
.copyright table p.police a:link,.copyright table p.police a:hover,.copyright table p.police a:visited{
}

.floating {
    top: 313px;
    position: fixed;
    right: 20px;
	width:58px;
	padding:0 0 0 17px;
	z-index:99
}
.floating dl{
	width:58px;
}
.floating dl dd {
    cursor: pointer;
    position: relative;
    width: 56px;
	margin-bottom:6px;
	border:#eae9e9 solid 1px;
}
.floating dl dd:hover .floating_left {
    display: block;
}
.floating dd a{
	display:block;
	height:63px;
}
dd .floating_wza {
    background: url(../images/floating_wza.gif) no-repeat left 0;
}
/*dd .floating_wza:hover{
	background-position:left -64px;
}*/
dd .floating_khd{
	background:url(../images/floating_khd.gif) no-repeat left 0;
}
/*dd .floating_khd:hover{
	background-position:left -64px;
}*/
dd .floating_qzxx{
	background:url(../images/floating_qzxx.gif) no-repeat left 0;
}
/*dd .floating_qzxx:hover{
	background-position:left -64px;
}*/
dd .floating_wx{
	background:url(../images/floating_wx.gif) no-repeat left 0;
}
dd .floating_wb{
	background:url(../images/floating_wb.gif) no-repeat left 0;
}
dd .floating_share{
    background: url(../images/floating_share.gif) no-repeat left 0;
}
.floating dd span {
    color: #fff;
    display: block;
    padding-top: 54px;
}
.floating_left {
    display: none;
    height: 80px;
    padding-right: 26px;
    position: absolute;
    right: 30px;
    top: 10px;
    width: 160px;
}
.floating_left a {
    color: #fff;
}
.qrcode {
    background: url("../images/qr_coder.png") no-repeat 0 0;
    color: #fff;
    font-size: 14px;
    height: 113px;
    text-align: center;
    top: 0px;
    width: 122px;
}
.qrcode img {
    display: block;
    height: 114px;
    width: 114px;
}

/*
.footer{
	background:#025195;
	border-top:#365d98 solid 4px;
	padding:25px 0;
}
.footer p{
	line-height:36px;
	font-size:14px;
	text-align:center;
}
*/