﻿
@charset "utf-8";
/* CSS Document */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */ 
}
body {
	margin: 0;
	padding: 0;
	font-family:"΢宋体";
	font-size: 14px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
display: none;
}
a {
	background: transparent;
}

a:active, a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button, input, optgroup, select, textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
li,ul,h1,h2,h3,h4,p,figure,dl,dt,dd,form{
	padding: 0;
	margin: 0;
	list-style-type:none;
}

a:link,a:visited{ text-decoration:none;}
a:hover,a:active{ text-decoration:none;}

.STYLE01 a:link, .STYLE01 a:visited{ color:#fff; font-size:12px; text-decoration:none;}
.STYLE01 a:hover, .STYLE01 a:active{ color:#fff; font-size:12px; text-decoration:underline;}

/*�������*/
.clear:after{
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.clear {
*zoom:1;
}
.clear{
	clear: both;
}
.fl{ float:left;}
.fr{ float:right;}

/*--!!!!!!!!!!!!!!!!!!!!!!!!!����ȫ��CSS��ʼ����ʽ�����ù�������������������������������������--*/





/* smallImg */

.smallImg{position:relative; height:52px; margin-top:1px;padding:6px 5px; width:425px; overflow:hidden;float:left;}

.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }

.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}

.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:400px; margin-top:-50px;}



#imageMenu {height:44px; width:380px; overflow:hidden; margin-left:3px; margin-top:2px; float:left;}

#imageMenu li {height:44px; width:64px; overflow:hidden; float:left; text-align:center;}

#imageMenu li img{width:58px; height:44px;cursor:pointer;}

#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:52px; height:38px; border:3px solid #fe6500;}

/* bigImg */

.bigImg{position:relative; float:left; width:435px; height:327px; padding:2px; border:1px solid #e3e3e3;overflow:hidden;}

.bigImg #midimg{width:435px; height:327px;}

.bigImg #winSelector{width:235px; height:250px;}

#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}

/* bigView */

#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}

#bigView img{position:absolute;}

/*ͼƬ�Ŵ�*/
.skin02_preview{width:435px; /*height:360px;*/position:relative;float:left;margin-left:25px;}

.skin02_pro_view_right{
	width:450px;
	float:left;
	margin-left:60px;
}
.skin02_pro_view_right .title{
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#13459f;
	font-weight:bold;
	border-bottom:1px dashed #e7e7e7;
}
.skin02_pro_view_right .text{
	width:420px;
	padding:8px 10px;
	background:#fbfbfb;
	margin:20px 0;
}
.skin02_pro_view_right .text p{
	font-size:14px;
	color:#6e6e6e;
	margin-top:8px;
}
.skin02_pro_view_right .text p span{
	color:#f00303;
}
.skin02_pro_view_right .tel{
	font-size:14px;
	color:#666;
}
.skin02_pro_view_right .tel span{
	font-size:24px;
	color:#0066cb;
	font-weight:bold;
}
.skin02_pro_viewbox{
	width:1200px;
	border:1px solid #e8e8e8;
	margin-top:40px;
}
.skin02_view_title{
	height:44px;
	border-bottom:1px solid #e8e8e8;
	background:#f6f6f6;
	overflow:visible;
	
}
.skin02_view_title .title{
	width:110px;
	height:44px;
	background:#fff;
	line-height:42px;
	font-size:16px;
	color:#0066cb;
	text-align:center;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-top:2px solid #0066cb;
	border-bottom:none;
	float:left;
	margin-left:40px;

}


.skin02_pro_wrap{
	width:1200px;
	margin:50px auto;
	 position: relative;
    background: #fff;
    
  
}


.skin02_pagelist{
	height:30px;
	border:1px solid #ddd;
	border-radius:5px;
	-webkit-border-radius:5px;
	border-collapse:collapse;
	margin:0 auto;
	margin-top:60px;
	margin-bottom:180px;
}
.skin02_pagelist td{	
	border:1px solid #ddd;
}
.skin02_pagelist td a{
	color:#337ab7;
	padding:6px 10px;
}
.skin02_pagelist .disable a{
	color:#777777;
	cursor:default;
}
.skin02_pagelist .on{
	background:#337ab7;	
}
.skin02_pagelist .on a{
	color:#fff;	
}
.skin02_pagelist .disable:hover{
	background:#fff;
}
.skin02_pagelist .disable:hover a{
	color:#777;
}
.skin02_pagelist td:hover{
	background:#337ab7;
}
.skin02_pagelist td:hover a{
	color:#fff;
}


.skin02_rightmenubox{
	width:130px;
/*	position:fixed;*/
	background:#f3f3f3;
	/*padding-bottom:20px;*/
	/*left:20px;
	top:20%;*/
	position: absolute;
	left: -130px;
}
.skin02_rightmenubox .title{
	height:70px;
	background:#005cb8;
	padding-left:10px;
}
.skin02_rightmenubox .title .title_cn{
	font-size:18px;
	color:#fff;
	padding-top:12px;
	font-weight:bold;
}
.skin02_rightmenubox .title .title_en{
	font-size:10px;
	color:#fff;
	line-height:180%;
}
.skin02_rightmenubox .menu_list{
	margin-top:10px;
}
.skin02_rightmenubox .menu_list li{
	height:35px;
	line-height:35px;
	padding-left:15px;
	color:#000;
	border-bottom:1px dotted #868686;
}
.skin02_rightmenubox .menu_list li:hover{
	background:#e10202;
	color:#fff;
}
.skin02_rightmenubox .menu_list .on{
	background:#e10202;
	color:#fff;
}
.skin02_pro_view img{
    max-width:100%;
}

/*subbanner*/
.subbannerbox {
    width: 100%;
    height: 350px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.subbannerbox .subbanner {
    width: 1920px;
    height: 350px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}

/*subbanner*/


.crumb{
	line-height: 40px;
	height: 40px;
	font-family: "宋体";
	color: #545454;
	margin: 0 auto;
	width: 1200px;
}
.crumb a{
	color: #545454;
}
.crumb span{
	color: #0569be;
}