@charset "utf-8";

/* CSS Document */

::selection {

	color:#fff;

    background-color: #0a0ea9;

}



::-moz-selection {

	color:#fff;

    background-color: #0a0ea9;

}



::-webkit-selection {

	color:#fff;

    background-color: #0a0ea9;

}



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



* {

    padding: 0;

    margin: 0;

}



body {

    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;

    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}





li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



a {

    color: #333;

    text-decoration: none;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



input,

textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}

.between{

	width:1180px;

	margin:0 auto;

	overflow: hidden;

}

.title_nav{

	width: 560px;

	height: 82px;

	margin:0 auto;

}

.title_nav p{

	font-size: 24px;

	color: #0a0ea9;

	font-weight: bold;

	text-align: center;

	display: block;

	line-height: 24px;

	margin-bottom: 10px;

}

.title_nav b{

	width: 220px;

	height: 1px;

	background: #cccccc;

	display: block;

	margin: 0 auto;

}

.title_nav i{

	width: 360px;

	height: 1px;

	background: #cccccc;

	display: block;

	margin: 3px auto;

}

.title_nav span{

	font-size: 16px;

	color: #4c4c4c;

	display: block;

	margin-top: 7px;

	text-align: center;

}

.clearfix{clear:both;}





/**banner start**/

.banner {

  width: 100%;

  height: 500px;

	overflow: hidden;

}

.fullSlide {

  width: 100%;

  position: relative;

  height: 100%;

  background: transparent;

}

.fullSlide .bd {

  margin: 0 auto;

  height: 100%;

  position: relative;

  z-index: 0;

  overflow: hidden;

}

.fullSlide .bd ul {

  height: 100%;

  width: 100%!important;

}

.fullSlide .bd li {

  height: 100%;

	width: 100%!important;

  overflow: hidden;

  text-align: center;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

}

.fullSlide .bd li a {

  display: block;

  height: 100%;

  width: 100%;

}

.fullSlide .hd {

  width: 100%;

  position: absolute;

  z-index: 1;

  bottom: 0;

  left: 0;

}

.fullSlide .hd ul {

  text-align: center;

  margin-bottom: 20px;

}

.fullSlide .hd ul li {

  background: #0a0ea9;

  cursor: pointer;

  display: inline-block;

  *display: inline;

  zoom: 1;

  width: 10px;

  height: 10px;

  margin: 4px;

  border-radius: 50%;

  overflow: hidden;

  *filter: alpha(opacity=50);

  *opacity: .5;

  line-height: 999px;

}

.fullSlide .hd ul .on {

  background: #f30015;

  width: 30px;

  border-radius: 6px;

}

.fullSlide .prev,

.fullSlide .next {

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  left: 15%;

  z-index: 1;

  width: 40px;

  height: 60px;

  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;

  cursor: pointer;

  *filter: alpha(opacity=50);

  *opacity: .5;

  display: none;

}

.fullSlide .next {

  left: auto;

  right: 15%;

  background-position: -6px -137px;

}

/*banner end*/











/* search start */

.search {

	overflow:hidden;

	width: 100%;

	height:45px;

	    margin-top: 40px;
    position: relative;
    z-index: 9999;

}

.sear_box{

	width: 1180px;

	margin:0 auto;

	height:45px;

}

.keytext{

	width: 780px;

	line-height: 45px;

	font-family:Microsoft YaHei;

	font-size: 14px;

	color: #333;

	overflow: hidden;

	float: left;

}

.keytext span{

	line-height: 45px;

	color:#333;

	font-size:14px;

}

.keytext a{

	margin: 0px 8px 0px 0px;

	line-height:45px;

	font-size:14px;

	color:#595959;

}

.keytext a:hover{

	color: #0a0ea9;

}

.pro_tn .rmgj-n-r{

	width:260px;

	height: 31px;

	margin-top: 6px;

	overflow: hidden;

	float: right;

	background: url(../images/search.jpg) no-repeat left center;

}

.pro_tn .rmgj-n-r .text2{

	padding:0px 0px 0px 10px;

	float:left;

	width: 210px;

	height: 28px;

	margin-left: 4px;

	margin-top: 2px;

	font-size:12px;

	color:#595959;

	background: none;

}

.pro_tn .rmgj-n-r .submit{

	width:32px;

	height:31px;

	float:right;

	font-size: 14px;

	color: #fff;

	cursor: pointer;

	background:url(../images/ico1.png) no-repeat;

}



/* search end */











/* product start */

.product{

	width: 100%;

	height: 884px;

	overflow: hidden;

	margin-top: 50px;

}

.pro_box .pro_left{

	width: 235px;

	height: 884px;

	background: #fbfbfb;

	float: left;

	overflow: hidden;

}

.pro_left .pro_nav{

	width: 235px;

	height: 70px;

	background: url(../images/pro_nav.jpg) no-repeat center;

	overflow: hidden;
	margin-bottom: 35px;

}

.pro_nav a{

	font-size: 24px;

	color: #fff;

	text-align: center;

	line-height: 70px;

	display: block;

	font-weight: bold;

}

.sideMenu{

	width: 224px;

	height: 747px;

	background: #fbfbfb;

	padding-top: 0px;

}

.sideMenu h3{

	width: 190px;

	height: 60px;

	background: #0a0ea9;

	padding-left: 20px;

	margin: 0 0 35px 11px;

}

.sideMenu .on{

	background: #f30015;

}

.sideMenu .on a{

	color: #fff;

}

.sideMenu h3 a{

	font-size: 16px;

	line-height: 60px;

	color: #fff;

	float: left;

	display: block;

	width: 100%;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;
	background: url(../images/proJt1.png) no-repeat 96% center;

}
.sideMenu h3.on a {
		background: url(../images/proJt.png) no-repeat 96% center;
}
.sideMenu ul{

	width: 210px;

	display: block;
	background: #ffffff;
    margin: -35px 0 35px 11px;
    padding-bottom: 20px;

}

.sideMenu ul li{

	width: 210px;

	height: 60px;

	border-bottom: 1px solid #cccccc;

	padding-left: 15px;
	box-sizing: border-box

}

.sideMenu ul li:hover{

	border-color: #0a0ea9;

}

.sideMenu ul li a{

	font-size: 14px;

	color: #4c4c4c;

	width: 180px;

	line-height: 60px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;
	-webkit-transition:.5s;
	transition:.5s;

}

.sideMenu ul li a:hover{

	color: #0a0ea9;
	-webkit-transform: translateX(5px);
	transform: translateX(5px);

}

.pro_box .pro_con{

	width: 945px;

	height: 884px;

	float: right;

}

.pro_con .pro_tn{

	width: 915px;

	height: 44px;

	float: left;

	margin-left: 30px;

	overflow: hidden;

}

.pro_tn h4 i{

	width: 120px;

	height: 44px;

	background: #f30015;

	font-size: 16px;

	color: #fff;

	text-align: center;

	line-height: 44px;

	display: block;

	float: left;

}

.pro_tn > a{

	font-size: 14px;

	color: #b1b2b2;

	line-height: 44px;

	float: right;

	display: block;

}

.pro_tn > a:hover{

	color: #f30015;

}

.pro_con .pro_cont{

	width: 1180px;

	height: 840px;

	overflow: hidden;

}

.pro_cont li{

	width: 283px;

	height: 248px;

	float: left;

	margin: 30px 0 0 30px;

	border: 1px solid #f5f5f5;

	-webkit-transition:all 1s;

	transition:all 1s;


}

.pro_cont li:hover{

	border-color: #0a0ea9;

}

.pro_cont li a{

	width: 283px;

	height: 248px;

	overflow: hidden;

	display: block;

}

.pro_cont li a div{

	width: 283px;

	height: 210px;

	overflow: hidden;

}

.pro_cont li a div img{

	/* width: 283px;

	height: 210px; */

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.pro_cont li a div img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}

.pro_cont li a h4{

	width: 263px;

	height: 40px;

	background: #f5f5f5;

	font-size: 14px;

	color: #4c4c4c;

	line-height: 40px;

	padding:0 10px;

	text-align: center;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.pro_cont li:hover h4{

	background: #0a0ea9;

	color: #fff;

}

/* product end */













/* use start */

.use{

	width: 100%;

	margin-top: 80px;

}

.use .use_con{

	width: 1140px;

	height: 330px;

	overflow: hidden;

	margin-top: 40px;

}

.use_con > ul{

	width: 1180px;

	height: 40px;


	overflow: hidden;

}

.use_con > ul li{

	width: 148px;

	height: 38px;

	border: 1px solid #e5e5e5;

	float: left;

	margin-left: 15px;

}

.use_con > ul li:first-child{

	margin-left: 0;

}
.use_con > ul .on{
	background:#0a0ea9;
	border-color:#0a0ea9;
}
.use_con > ul .on a{
	color:#fff;
}
.use_con > ul li a{

	font-size: 16px;

	color: #4c4c4c;

	text-align: center;

	line-height: 38px;

	display: block;

}

.use_con .use_cont{

	width: 1180px;

	height: 210px;

	margin-top: 40px;

	overflow: hidden;

}

.use_cont ul{

	width: 1180px;

	height: 210px;

	overflow: hidden;

}

.use_cont ul li{

	width: 280px;

	height: 210px;

	overflow: hidden;

	float: left;

	margin: 0 2px;

}

.use_cont ul li a{

	width: 280px;

	height: 210px;

	overflow: hidden;

	display: block;

}

.use_cont ul li a div{

	width: 280px;

	height: 170px;

	overflow: hidden;

}

.use_cont ul li a div img{

	/* width: 280px;

	height: 170px; */

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.use_cont ul li a div img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}

.use_cont ul li a h4{

	width: 260px;

	height: 40px;

	background: #f5f5f5;

	padding: 0 10px;

	font-size: 14px;

	color: #4c4c4c;

	text-align: center;

	line-height: 40px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.use_cont ul li a h4:hover{

	background: #0a0ea9;

	color: #fff;

}

/* use end */











/* xb1 start */

.xb1{

	width: 100%;

	height: 229px;

	margin-top: 80px;

	background: url(../images/xb1_bg.jpg) no-repeat center;

}

.xb1_w{

	width: 590px;

	float: left;

	margin: 20px 0 0 90px;

}

.xb1_w h4{

	font-size: 24px;

	color: #ffffff;

	font-weight: bold;

	line-height: 24px;

}

.xb1_w p{

	font-size: 18px;

	color: #e5e5e5;

	line-height: 18px;

	margin: 22px 0;

}

.xb1_w i{

	width: 505px;

	height: 1px;

	background: #cccccc;

	display: block;

}

.xb1_w h5{

	font-size: 24px;

	color: #ffffff;

	font-weight: bold;

	line-height: 24px;

	margin: 20px auto;

}

.xb1_w a{

	width: 158px;

	height: 38px;

	border: 1px solid #fff;

	display: block;

	margin: 10px 0;

	font-size: 18px;

	color: #fff;

	text-align: center;

	line-height: 38px;
	display: none;

}

.xb1_w a:hover{

	margin-top: 10px;

}

/* xb1 end */











/* solution start */

.solution{

	width: 100%;

	height:600px;

	overflow: hidden;

	margin-top: 80px;

}

.solu_con{

	width:1180px;

	height:478px;

	overflow: hidden;

	margin-top: 40px;

}

.solu_con .hd{

	width:1180px;

	height:42px;

	margin:0 auto

}

.solu_con .hd li{

	width:218px;

	height:40px;

	border:1px solid #cccccc;

	float: left;

	margin-left:20px;

}

.solu_con .hd li:first-child{

	margin-left:0;

}

.solu_con .hd li a{

	font-size16px;

	color:#595959;

	text-align:center;

	line-height:38px;

	display:block;

	width: 100%;

	text-overflow:ellipsis;

	white-space:nowrap;

	overflow:hidden;

}

.solu_con .hd .on{

	background:#0a0ea9;

}

.solu_con .hd .on a{

	color:#fff;

}

.solu_con .solu_cont{

	width:1180px;

	height:396px;

	margin-top:40px;

	overflow: hidden;

}

.solu_cont ul{

	width:1180px;

	height:396px;

	overflow: hidden;

}

.solu_cont ul li{

	width:1180px;

	height:396px;

	overflow: hidden;

	position:relative;

}

.solu_cont ul li > a{

	width:1180px;

	height:396px;

	overflow: hidden;

	display: block;

}

.solu_cont ul li > a .solu_w{

	width: 390px;

	height:180px;

	background:#fafafa;

	position:absolute;

	left:15px;

	top: 70px;

	z-index:8;

	padding:50px;

	box-shadow: 0px 0px 16px rgba(10,14,169,.4);

    transform: translate3d(0,-2px,0);

}

.solu_w h4{

	font-size:18px;

	color:#0a0ea9;

	width:100%;

	text-overflow:ellipsis;

	white-space:nowrap;

	overflow: hidden;

	line-height:18px;

}

.solu_w p{

	width:100%;

	font-size:14px;

	color:#666666;

	line-height:30px;

	height:180px;

	display:-webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:6;

	overflow: hidden;

	margin:35px 0;

}

.solu_w i{

	width:118px;

	height:34px;

	border:1px solid #cccccc;

	font-size:14px;

	color:#808080;

	text-align:center;

	line-height:34px;

	display: block;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.solu_w i:hover{

	border-color:#0a0ea9;

	background:#0a0ea9;

	color:#fff;

}

.solu_cont ul li > a img{

/* 	width:657px;

height:396px; */

	overflow: hidden;

	position: absolute;

	right: 0;

	top: 0;

	z-index: 6;

}

.solu_cont ul li h5 a{

	width:118px;

	height:34px;

	border:1px solid #cccccc;

	font-size:14px;

	color:#808080;

	text-align:center;

	line-height:34px;

	display: block;

	-webkit-transition:all 1s;

	transition:all 1s;

	position: absolute;

	left:210px;

	top: 255px;

	z-index: 10;

}

.solu_cont ul li h5 a:hover{

	border-color:#0a0ea9;

	background:#0a0ea9;

	color:#fff;

}

/* solution end */









/* reason start */

.reason{

	width: 100%;

	height: 642px;

	margin-top: 80px;

	background: url(../images/rea_bg.jpg) no-repeat center top;

}

.rea_nav{

	width:1180px;

	height: 42px;

	background:url(../images/rea_nav.png) no-repeat right;

	overflow: hidden;

	position: relative;

	z-index: 99;

	margin-top: 35px;

	font-size: 30px;

	color: #0a0ea9;

	line-height: 42px;
    text-align:right;

}

.slideBox{

	width:1180px;

	height:645px;

	margin-top: -80px;

	position: relative;

}

.slideBox .bd{

	width: 1015px;

	height: 368px;

	overflow: hidden;

	margin-top: 110px;

	background: #fff;

	padding: 60px 0 0 18px;

	float: right;

}

.slideBox .bd ul{

	width: 1033px;

	height: 350px;

	overflow: hidden;

}

.slideBox .bd ul li{

	width: 1033px;

	height: 350px;

	overflow: hidden;

	zoom:1;

	vertical-align:middle;

}

.slideBox .bd ul li img{

	width: 474px;

	height: 325px;

	overflow: hidden;

	float: right;
    margin-right:45px;

}

.slideBox .bd ul li .rea_w{

	width: 420px;

	height: 240px;

	margin-top: 35px;

	float: left;
    margin-left: 30px;

}

.rea_w h4{

	font-size: 20px;

	color: #0a0ea9;

	font-weight: bold;

	line-height: 20px;

}

.rea_w span{

	font-size: 14px;

	color: #999999;

	text-transform: uppercase;

	display: block;

	line-height: 40px;

}

.rea_w p{

	width: 406px;
    height:220px;

	float: left;

	font-size: 14px;

	color: #666666;

	line-height: 30px;

	margin-top: 20px;
    background: url(../images/rea_logo.png) no-repeat left bottom;

}

.slideBox .hd{

	width: 144px;

	height: 428px;

	margin-top:111px;

	float: left;

	overflow:hidden;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;


}

.slideBox .hd ul{

	overflow:hidden;

	zoom:1;

	float:left;


}

.slideBox .hd ul li{

	margin-bottom:1px;

	width:146px;

	height:76px;

	padding-top: 30px;

	background: #fbfbfb;

	cursor:pointer;

	font-size:16px;

	color:#4c4c4c;

	text-align:center;
    border-bottom: 1px solid #ebebeb;

}

.slideBox .hd ul li span{

	font-size: 12px;

	color:#666;

	text-transform: uppercase;

	display: block;

	line-height:30px;

}

.slideBox .hd ul .on{

	background: #0a0ea9;

	color:#fff;

}

.slideBox .hd ul .on span{

	color:#fff;

}

.slideBox a{

	width:145px;

	height:106px;

	display: block;

	position:absolute;

	left:0;
    z-index:100;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;

}

.slideBox .prev{

	background:url(../images/rea_jt1.png) no-repeat center;

	top: 0;
    border-bottom: 1px solid #ebebeb;
    height:111px;

}

.slideBox .next{

	background:url(../images/rea_jt2.png) no-repeat center;
    border-top: 1px solid #ebebeb;

	bottom: 0;

}



/* reason end */













/* xb2 start */

.xb2{

	width: 100%;

	height: 274px;

	margin-top: 80px;

	background: url(../images/xb2_bg.jpg) no-repeat center;

}

.xb2_w{

	width: 590px;

	float: left;

	margin: 66px 0 0 90px;

}

.xb2_w h4{

	font-size: 24px;

	color: #ffffff;

	font-weight: bold;

	line-height: 24px;

}

.xb2_w p{

	font-size: 18px;

	color: #e5e5e5;

	line-height: 18px;

	margin: 22px 0;

}

.xb2_w i{

	width: 575px;

	height: 1px;

	background: #cccccc;

	display: block;

}

.xb2_w h5{

	font-size: 24px;

	color: #ffffff;

	font-weight: bold;

	line-height: 24px;

	margin: 20px auto;

}

.xb2_w a{

	width: 158px;

	height: 38px;

	border: 1px solid #fff;

	display: block;

	margin: 10px 0;

	font-size: 18px;

	color: #fff;

	text-align: center;

	line-height: 38px;

}

.xb2_w a:hover{

	margin-top: 10px;

}

/* xb2 end */











/* customer start */

.customer{

	width: 100%;

	hei :434px;

	overflow: hidden;

	margin-top: 80px;

}

.cus_con{

	width: 1180px;

	height:312px;

	margin-top: 40px;

}

.cus_con li{

	width:278px;

	height: 295px;

	float: left;

	margin: 0 7px;

	border:1px solid #cccccc;

	position: relative;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.cus_con li:hover{

	border-color:#0a0ea9;

}

.cus_con li a{

	width:278px;

	height: 295px;

	overflow: hidden;

	display: block;

}

.cus_con li a div.cus_conH{

	width:250px;

	height: 136px;

	border:1px solid #cccccc;

	overflow: hidden;

	margin:12px;

}

.cus_con li a div img{



	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.cus_con li a div img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}

.cus_con li a h4{

	font-size: 16px;

	color: #4c4c4c;

	width: 250px;

	text-align: center;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	margin:0 auto;

	line-height:30px;

}

.cus_con li a p{

	width: 250px;

	height:56px;

	font-size: 14px;

	color: #808080;

	line-height: 28px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;

	overflow: hidden;

	margin: 10px auto;

}

.cus_con li a i{

	width: 120px;

	height:29px;

	background:#eeeeee;

	display: block;

	font-size:14px;

	color:#808080;

	text-align:center;

	line-height:29px;

	position: absolute;

	left:80px;

	top: 279px;

}

/* customer end */



















/* company start */

.company{

	width: 100%;

	height:408px;

	margin-top: 80px;

	background: url(../images/com_bg.jpg) no-repeat center top;

}

.com_box .com_w{

	width: 605px;

	height: 320px;

	overflow: hidden;

	float: left;

	margin-top:110px;

}

.com_w h3{

	width: 550px;

	font-size: 30px;

	color: #0a0ea9;

	font-weight: bold;

	display: block;

	text-transform: uppercase;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.com_w h3 span{

	font-size:16px;

	color:#4c4c4c;

	display: block;

	font-weight:normal;

}

.com_w p{

	width: 605px;

	font-size: 14px;

	color: #808080;

	line-height: 30px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:4;

	height: 115px;

	overflow: hidden;

	margin: 30px 0;

}

.com_w h5{

	width:120px;

	height:27px;

	background:#0a0ea9;

	margin-top:75px;

	-webit-transition:all 1s;

	transition:all 1s;

}

.com_w h5 a{

	width:120px;

	height:27px;

	background:url(../images/com_w.png) no-repeat center;

	display: block;

}

.com_w h5:hover{

	width:100px;

}

.com_w h5:hover a{

	width:100px;

	background:url(../images/com_w.png) no-repeat center;

}

/* company end */









/* honor start */

.honor{

	width: 100%;

	height: 390px;

	overflow: hidden;

	margin-top: 80px;

}

.hon_con{

	width: 1180px;

	height: 390px;

	overflow: hidden;

}

.hon_con > ul{

	width:150px;

	height: 40px;

	margin: 0 auto;

}

.hon_con > ul li{

	width: 150px;

	height: 40px;

	float: left;

	margin-left:25px;

	background:#0a0ea9;

}

.hon_con > ul li:first-child{

	margin-left: 0;

}

.hon_con > ul .on{

	background: #f30015;

}

.hon_con > ul li i{

	font-size: 16px;

	color: #fff;

	text-align: center;

	line-height: 40px;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.hon_con .hon_cont{

	width: 1180px;

	height: 310px;

	margin-top: 40px;

	position: relative;

}

.hon_cont .lefts{

	position: absolute;

	left: 0;

	top: 78px;

	width: 12px;

	height: 24px;

	display: block;

	background: url(../images/hon_jt.jpg) no-repeat left center;

}

.hon_cont .rights{

	position: absolute;

	right: 0;

	top: 78px;

	width: 12px;

	height: 24px;

	display: block;

	background: url(../images/hon_jt.jpg) no-repeat right center;

}

.hon_cont .hon_nr{

	width: 1080px;

	height: 310px;

	overflow: hidden;

	margin:0 auto;

}

.hon_nr ul{

	width: 1080px;

	height: 310px;

	overflow: hidden;

}

.hon_nr ul li{

	width: 238px;

	height: 308px;

	border: 1px solid #cccccc;

	float: left;

	margin: 0 15px;

	position: relative;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.hon_nr ul li:hover{

	border-color: #0a0ea9;

}

.hon_nr ul li a{

	width: 238px;

	height: 308px;

	overflow: hidden;

	display: block;

}

.hon_nr ul li a .hon_H{

	width: 238px;

	height: 308px;

	overflow: hidden;

}

.hon_nr ul li a div img{


	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.hon_nr ul li a div img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform: scale(1.2,1.2);

}

.hon_nr ul li a h4{

	width: 218px;

	height: 40px;

	background: rgba(10,14,169,0.8);

	position: absolute;

	bottom: 0;

	left: 0;

	font-size:14px;

	color:#ffffff;

	text-align:center;

	line-height:40px;

	padding:0 10px;

}

.hon_nr ul li a h4:hover{

	background: #0a0ea9;

}

/* honor end */























/* news start */

.new{

	width: 100%;

	margin-top: 50px;

}

.new .new_nav h3 a{

	font-size: 24px;

	color: #0a0ea9;

	font-weight: bold;

	display: block;

	line-height: 20px;

	height: 38px;

}

.new .new_nav h3 span{

	font-size: 12px;

	color: #999999;

	font-weight: normal;

	display: block;

	text-transform: uppercase;

	line-height: 23px;

}

.new  .new_con{

	width: 1180px;

	margin-top: -40px;

}

.new_con .hd{

	float: right;

	width: 416px;

}

.new_con .hd li{

	float: left;

	margin-left:40px;

}

.new_con .hd li i{

	font-size: 16px;

	color: #4c4c4c;

	display: block;

}

.new_con .hd li span{

	width: 15px;

	height: 2px;

	background: #0a0ea9;

	margin: 6px auto;

	display: block;

	-webkit-transition:all .5s;

	transition:all .5s;

	opacity: 0;

}

.new_con .hd .on i{

	color: #0a0ea9;

	font-weight: bold;

}

.new_con .hd .on span{

	opacity: 1;

}

.new_con .bd{

	width: 1180px;

	height:510px;

	overflow: hidden;

	float: left;

	margin-top: 40px;

}

.new_con .bd .new_conte{

	width: 1180px;

	height:510px;

	overflow: hidden;

}

.new_conte .new_left{

	float: left;

	width: 434px;

	height: 460px;

	background:#fafafa;

	padding:50px 50px 0;

}

.new_left .new_w{

	width: 434px;

	height: 150px;

	overflow: hidden;

}

.new_w span{

	font-size:20px;

	color:#808080;

	line-height:20px;

	display: block;

}

.new_w h4 a{

	font-size: 16px;

	color: #4c4c4c;

	width: 434px;

	line-height: 16px;
    text-align:left;

	margin:20px 0;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

}

.new_w h4 a:hover,.new_w > a:hover{

	color: #0a0ea9;

}

.new_w p{

	width: 434px;

	height: 60px;

	font-size: 14px;

	color: #808080;

	line-height: 30px;

	margin: 16px 0;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;

	overflow: hidden;

}

.neswH{

	width: 434px;

	height: 267px;

	overflow: hidden;

	display: block;

}

.new_left > a img{


	overflow: hidden;

	-webkit-transition:all 1s;

	transition:all 1s;

}

.new_left > a img:hover{

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}

.new_conte ul{

	float: right;

	width: 586px;

	height:510px;
	margin-top:51px;

	overflow: hidden;

}

.new_conte ul li{

	width: 586px;

	float: left;

	border-bottom:1px solid #e5e5e5;

	height: 35px;

	padding-top: 10px;

	-webkit-transition:all 1s;

	transition:all 1s;

}
.new_conte ul li:first-child{
	border-top:1px solid #e5e5e5;
}
.new_conte ul li:hover{

	border-color: #0a0ea9;

}

.new_conte ul li a{

	width: 450px;

	float: left;

	display: block;

	font-size: 16px;

	color: #4c4c4c;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	line-height: 20px;

}

.new_conte ul li a:hover{

	color: #0a0ea9;

}

.new_conte ul li p{

	width: 450px;

	float: left;

	margin: 18px 0 0 0;

	line-height: 24px;

	font-size: 14px;

	color: #808080;

	height: 48px;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;

	overflow: hidden;
	display: none;

}

.new_conte ul li span{

	width: 40px;

	height: 70px;

	color: #808080;

	font-size: 14px;

	float: right;

	display: block;

	margin-top: 0;

	background: url(../images/new_date1.jpg) no-repeat left bottom;

}

/* news end */











/*link start*/

.link{

	width: 100%;

	height: 32px;

	margin-top: 80px;

	margin-bottom: 80px;



}

.link .link_box{

	width: 1180px;

	margin:0 auto;

}

.link_box h4{

	width: 134px;

	height: 32px;

	font-size: 18px;

	color: #0a0ea9;

	float: left;

	line-height: 32px;

	text-align: center;

	margin-right: 20px;

	background: url(../images/link_nav.jpg) no-repeat center right;

}

.link_box h4 span{

	font-size: 14px;

	color:#999999;

	text-transform: uppercase;

}

.link_box a{

	float: left;

	font-size: 14px;

	color: #4c4c4c;

	line-height: 32px;

	margin-right: 10px;

}

.link_box a:hover{

	color: #0a0ea9;

}

/*link end*/







.pro_cont li a div{
	position: relative;
	width: 100%;
	height: 100%;
text-align: center;
}

.pro_cont li a div img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}


.pro_cont li a .proH{
	height: 210px;
}





.use_cont ul li a div{
	position: relative;
	width: 100%;
	height: 100%;
text-align: center;
}

.use_cont ul li a div img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}


.use_cont ul li a .useH{
	height: 170px;
}




.solu_cont ul li > a .solu_b{
	position: relative;
	width: 100%;
	height: 100%;
text-align: center;
}

.solu_cont ul li > a .solu_b img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}


.solu_cont ul li > a .solu_h{
	width: 657px;
    height: 396px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 6;
}




.cus_con li a div{
	position: relative;
	width: 100%;
	height: 100%;
text-align: center;
}

.cus_con li a div img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}



.hon_nr ul li a div{
	position: relative;
	width: 100%;
	height: 100%;
text-align: center;
}

.hon_nr ul li a div img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}



.new_left   a{
	position: relative;
	width: 100%;
	height: 100%;
text-align: center;
display: block;
}

.new_left   .neswH img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}


.conent {
	width: 1100px;
	margin: 0px auto;
}

.index_left {
	width: 276px;
	float: left;
}



.s2 {
	height: 41px;
	background: url(../images/s2.png) repeat-x 0px 0px;
	font-weight: normal;
}

.s1 {
	display: block;
	background: url(../images/s1.png) repeat-x 0px 0px;
	height: 41px;
	line-height: 41px;
	float: left;
	font-size: 18px;
	padding: 0px 10px 0px 15px;
}

.s2 a {
	color: #666;
}

.s1 img {
	margin-right: 10px;
	vertical-align: middle;
}

.b1 {
	color: #fff;
	height: 36px;
	line-height: 36px;
	border-right: solid 1px #fff;
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	display: block;
	float: left;
	margin: 3px 0px 2px;
}

.b1 label {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	font-size: 10px;
	padding: 0px 10px;
}

.b1 label a {
	color: #fff;
}

.b2 {
	color: #999;
	height: 36px;
	line-height: 36px;
	border-right: solid 1px #e5e5e5;
	display: block;
	float: left;
	margin: 3px 0px 2px;
	background: #f8f8f8;
}

.b2 label {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	font-size: 10px;
	padding: 0px 10px;
	font-weight: normal;
	text-transform: uppercase;
}

.b2 a {
	color: #999;
}

.h3 {
	height: 36px;
	background: url(../images/s3.png) repeat-x 0px 0px;
	font-weight: normal;
	display: block;
	padding: 3px 0px 2px 0px;
	margin-top: 15px;
}

.s3 {
	border: solid 1px #96d9ef;
	display: block;
	height: 34px;
	line-height: 34px;
	background: url(../images/b2.png) no-repeat 15px center;
	padding-left: 45px;
	color: #3179d1;
	font-size: 18px;
	text-transform: uppercase;
}

.s3 label {
	float: left;
}

.s3 a {
	color: #3179d1;
}

.s3 .l1 {
	margin-left: 10px;
	display: block;
	padding: 0px 10px;
	border-left: solid 1px #97d9ef;
	border-right: solid 1px #97d9ef;
	height: 36px;
	line-height: 36px;
}

.s3 .l1 b {
	font-weight: normal;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	font-size: 10px;
}

.s4 {
	height: 41px;
	background: url(../images/s3.png) repeat-x 0px 0px;
	font-weight: normal;
	display: block;
	float: left;
	padding: 0px 10px 0px 15px;
	line-height: 41px;
	color: #3179d1;
	font-size: 18px;
}

.s4 a {
	color: #3179d1;
}

.s5 {
	height: 41px;
	background: url(../images/s5.png) repeat-x 0px 0px;
	font-weight: normal;
	display: block;
	float: left;
	padding: 0px 10px 0px 15px;
	line-height: 41px;
	color: #fff;
	font-size: 18px;
}

.s5 a {
	color: #fff;
}

.s6 {
	height: 41px;
	background: url(../images/s1.png) repeat-x 0px 0px;
	font-weight: normal;
	display: block;
	float: left;
	padding: 0px 10px 0px 15px;
	line-height: 41px;
	color: #333;
	font-size: 18px;
}

.s6 a {
	color: #333;
}

.s4 img,
.s5 img,
.s6 img,
.s7 img {
	margin-right: 10px;

	vertical-align: middle;
}

.type {
	border-top: solid 2px #dbdbdb;
	background: #f8f8f8;
	padding: 10px 0px 20px;
}

.type h2 {
	height: 32px;
	border: solid 1px #e9e9e9;
	line-height: 32px;
	width: 260px;
	margin: 0px auto;
	margin: 7px auto 0px;
	background-image: -moz-linear-gradient(top, #fff, #f1f1f1);
	background-image: -webkit-linear-gradient(top, #fff, #f1f1f1);
	background-image: linear-gradient(top, #fff, #f0f0f0);
	color: #333333;
}

.type h2 b {
	font-size: 14px;
	margin-left: 10px;
	float: left;
	background: url(../images/r1.png) no-repeat 0px center;
	padding-left: 15px;
	color: #333;
	cursor: pointer;
}

.type h2.on b {
	color: #3179d1;
	background: url(../images/r.png) no-repeat 0px center;
}

.type h2 span {
	float: right;
	display: block;
	border-left: solid 1px #e9e9e9;
	height: 32px;
	width: 32px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	cursor: pointer;
	color: #999;
}

.type h2.on span {
	color: #3179d1;
}

.type ul {
	width: 260px;
	margin: 0px auto 5px;
	border: solid 1px #f1f1f1;
	background: #fff;
}

.type ul li {
	background: url(../images/sr.png) no-repeat 20px center;
	padding-left: 30px;
	border-bottom: solid 1px #f1f1f1;
}

.type ul li.on,
.type ul li:hover {
	background: url(../images/br.png) no-repeat 20px center;
	font-size: 14px;
}

.type ul li a {
	color: #000;
	line-height: 30px;
	font-size: 12px;
	cursor: hand;
	font-weight: bold;
}

.type ul li.on a,
.type ul li:hover a {
	color: #ffa200;
	font-size: 14px;
}

.pro_list {
	background: #fff;
	text-align: center;
	line-height: 30px;
	margin: 0px auto;
	overflow: hidden;
}

.pro_list div {
	width: 220px;
	margin: 0px auto;
}

.pro_list ul {
	margin-right: -25px;
	overflow: hidden;
	margin-top: 10px;
}

.pro_list ul li {
	float: left;
	margin: 10px 20px 0px 0px;
}

.pro_list a {
	color: #7f7f7f;
}

.pro_list a:hover {
	color: #ffa200;
}



.look_more {
	width: 100px;
	height: 30px;
	background: #70c6e1;
	text-align: center;
	margin: 10px auto;
}

.look_more:hover {
	background: #3179d1;
}

.look_more a {
	color: #fff;
}



.h2 {
	height: 41px;
	background: url(../images/title_bg.jpg) repeat-x 0px 0px;
	overflow: hidden;
	position: relative;
	font-size: 12px;
}

.h2 span b {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	letter-spacing: -1px;
	padding-left: 20px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.5);
}

.h2 .more {
	display: block;
	height: 35px;
	width: 68px;
	line-height: 35px;
	border-left: solid 1px #e5e5e5;
	color: #2472da;
	background: #eeeeee;
	position: absolute;
	top: 0px;
	right: 5px;
	font-style: normal;
	font-size: 0.3em;
	font-size: 12px;
	text-align: center;
	display: block;
	border-top: solid 3px #bebebe;
	font-weight: normal;
	font-family: 微软雅黑;
	background: url(../images/icon_cyArrow2.gif) right no-repeat;
	padding: 0 10px 0 0;
}

.h2 .more img {
	margin-top: 15px;
}

.index_intro {
	background: #fff;
	padding: 20px 25px;
	font-size: 12px;
	margin-bottom: 20px;
	overflow: hidden;
}

.index_intro .index_content p {
	width: 460px;
	float: left;
	margin-right: 25px;
	line-height: 20px;
	text-indent: 2em;
}

.index_intro .left {
	float: left;
}

.index_product {
	background: #f8f8f8;
	padding: 20px 25px 5px 10px;
	font-size: 12px;
	overflow: hidden;
	margin-bottom: 20px;
}

.index_hc {
	background: #f8f8f8;
	padding: 20px 25px 5px;
	font-size: 12px;
	overflow: hidden;
	margin-bottom: 20px;
}

.index_product ul li {
	width: 234px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	background: url(../images/li_bg.jpg) no-repeat 0px 0px #f5f6f7;
	padding-top: 4px;
	border-color: #e5e5e5;
	float: left;
	margin: 0px 20px 20px 0px;
	height: 190px;
}

.index_product ul li img {}

.index_product ul li p {
	background: #f7f7f7;
	width: 234px;
	text-align: center;
	height: 150px;
	display: table-cell;
	vertical-align: middle;
	*display: block;
	*font-size: 175px;
	*font-family: Arial;
}

.index_product ul li p img {
	vertical-align: middle;
}

.index_hc ul li {
	float: left;
	width: 177px;
	height: 180px;
	margin: 0 10px 0 0;
}

.index_hc ul li img {}

.index_p {
	margin-right: -20px;
	position: relative;
	height: 435px;
	overflow: hidden;
}

.index_t {
	margin-right: -20px;
	position: relative;
	height: 200px;
	overflow: hidden;
}

.flash {
	height: auto;
}

.index_product ul {
	float: left;
	width: 770px;
}

.index_hc ul {
	float: left;
	width: 770px;
}

.index_product ul li span {
	display: block;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	padding: 2px;
	background: #fff;
}



.index_hc ul li span {
	display: block;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	padding: 2px;
}

.index_hc ul li p {
	width: 177px;
	height: 120px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	*display: block;
	*font-size: 175px;
	*font-family: Arial;
}

.index_product ul li span a {
	color: #666;
}

.index_product ul li span a:hover {
	color: #ffa200;
}

.index_product ul li span a font {
	color: #ffa200;
}

.index_p1 {

	margin-right: -20px;

	position: relative;

	overflow: hidden;

}

.c_m {
	background: #efefef;
	border-top: solid 1px #e4e4e4;
	height: 50px;
	padding-top: 10px;
	font-family: 微软雅黑;
	padding-left: 10px;
}

.cr_1 {
	margin-left: 330px;
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/cl.png) no-repeat 0px center;
	float: left;
	padding-top: 18px;
	cursor: pointer;
}

.cr_2 {
	margin-left: 65px;
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/cr.png) no-repeat 0px center;
	float: left;
	padding-top: 18px;
	cursor: pointer;
}



.news,
.js_news {
	width: 390px;
	margin-top: 15px;
	background: #f8f8f8;
	margin-bottom: 20px;
}

.news {
	float: left;
}

.js_news {
	float: right;
}



#foot {
	border-top: solid 3px #004fb0;
	background: #257ae5;
	position: relative;
	z-index: 10000;
}

.foot {
	width: 1005px;
	margin: 0px auto;
	background: url(../images/foot.png) no-repeat 0px center;
	height: 233px;
	position: relative;
}

.f_tel {
	position: absolute;
	top: 45px;
	left: 380px;
	color: #fff;
	font-size: 25.34px;
}

.f_p {
	color: #fff;
	font-size: 12px;
	position: absolute;
	top: 130px;
	line-height: 20px;
}

.foot .guest {
	position: absolute;
	width: 380px;
	height: 200px;
	top: 20px;
	right: 0px;
}

.news_1 {
	padding: 15px;
	overflow: hidden;
}

.news_1 img {
	float: left;
}

.news_1 p,
.news_1 h2 {
	float: right;
	width: 270px;
}

.news_1 h2 {
	font-size: 14px;
	padding-left: 10px;
}

.news_1 h2 a {
	color: #09a1d8;
}

.news_list li {
	border-top: solid 1px #e4e4e4;
	overflow: hidden;
	padding: 10px 15px;
}

.news_list p {
	float: left;
	padding-right: 10px;
}

.news_list .time i {
	display: block;
	float: left;
	-webkit-transform: scale(0.65);
	font-size: 9px;
	-moz-transform: scale(0.65);
	transform: scale(0.65);
	font-style: normal;
}

.news_list .time b {
	display: block;
	font-size: 30px;
	text-align: center;
	color: #adadad;
	line-height: 25px;
}

.news_list span {
	float: left;
	font-size: 12px;
	color: #999999;
}

.news_list span a {
	font-size: 14px;
	color: #333;
}

.newss {
	height: auto;
	text-align: left;
	width: 760px;
}

div .newss .newsbox {
	height: 30px;
	line-height: 30px;
	width: 760px;
}

div .newsbox .n_l {
	width: 550px;
	line-height: 30px;
	height: 30px;
	padding: 0 14px 0 15px;
	background: url(../images/icon_04.gif) left no-repeat;
	color: #333;
	font-family: 微软雅黑;
	font-size: 14px;
	float: left;
}

div .newsbox .n_l a {
	color: #333;
	text-decoration: none;
}

div .newsbox .n_l a:hover {
	color: #F60;
	text-decoration: underline;
}

div .newsbox .n_r {
	width: 100px;
	float: right;
	color: #999;
	font-family: 微软雅黑;
	font-size: 13px;
	text-align: left;
	height: 30px;
	line-height: 30px;
}

.guest h2 {
	background: url(../images/wyly.png) no-repeat 0px center;
	font-size: 18px;
	font-weight: normal;
	padding-left: 30px;
	color: #fff;
	margin-bottom: 10px;
}

.guest p {
	margin: 5px 0px 0px;
	overflow: hidden;
}

.guest .input {
	width: 120px;
	border: 0px;
	vertical-align: middle;
	background: #1e62b7;
	color: #fff;
}

.guest .cn,
.guest .tel {
	display: block;
	padding-left: 35px;
	height: 30px;
	width: 150px;
	float: left;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	float: left;
}

.guest .cn {
	background: url(../images/cn.png) no-repeat 7px center #1e62b7;
	margin-right: 5px;
}

.guest .tel {
	background: url(../images/sj.png) no-repeat 7px center #1e62b7;
}

.guest textarea {
	width: 370px;
	height: 90px;
	border: 0px;
	background: #216ece;
}

.guest .submit {
	text-align: right;
}

.guest .submit input {
	color: #fff;
	font-size: 12px;
	background: #1e62b7;
	border: 0px;
	line-height: 30px;
	width: 120px;
	margin-right: 5px;
	cursor: pointer;
}





.type dl {
	margin: 0px 17px;
}

.type dl dt {

	font-size: 14px;

	margin-left: 10px;

	background: url(../images/r1.png) no-repeat 10px center #fff;

	padding-left: 25px;

	color: #333;

	line-height: 35px;

	margin: 1px 0px;

}

.type dl dt a {
	color: #666666;
}

.index_left .left_news {
	background: #fff;
}

.index_left .left_news .news_1 p,
.index_left .news_1 h2 {

	float: right;

	width: 150px;

}




#frm {
	height: 1420px;
	width: 100%;
}




.pro_desc {
	position: relative;
}

.pro_desc div {

	margin-bottom: 30px;

}

.goods-pic {
	float: left;
	width: 330px;
	*z-index: 1;
	height: 300px;
	background: url(../images/b7.png) no-repeat 0px 0px;
	padding-top: 5px;
}

.pic-box {
	float: left;
}

.pic-preview {
	position: relative;
	width: 319px;
	height: 211px;
	padding: 5px;
	background: #fff;
}

.pic-scroll {
	margin-top: 10px;
	width: 319px;
}

.pic-scroll .prev {
	float: left;
	margin: 25px 20px 0px;
	background: url(../images/icon34.png) no-repeat -22px 0px;
}

.pic-scroll .next {
	float: right;
	margin-top: 10px;
	margin: 25px 10px 0px;
	background: url(../images/icon34.png) no-repeat -22px -32px;
}

.pic-scroll .prev,
.pic-scroll .next {
	display: block;
	font-family: "宋体";
	text-align: center;
	width: 12px;
	height: 22px;
	cursor: pointer;
	text-decoration: none;
}

.pic-scroll .items {
	position: relative;
	float: left;
	width: 330px;
	height: 70px;
	overflow: hidden;
}

.pic-scroll .items ul {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 999999px;
	height: 100%;
	margin-right: -10px;
}

.pic-scroll .items ul li {
	float: left;
	margin-right: 10px;
	padding-right: 15px;
	text-align: center;
	padding: 4px 2px 2px;
	background: url(../images/b8.png) no-repeat 0px 0px #fff;
}

.pic-scroll .items ul li img {
	width: 95px;
	height: 60px;
	padding: 2px;
}

.jqzoom img {}

.desc {
	float: left;
	margin-left: 20px;
	font-size: 12px;
	width: 360px;
}

.pro_name {
	font-size: 18px;
	color: #3179d1;
}

.pro_1 {
	overflow: hidden;
	line-height: 20px;
	margin: 7px 0px;
}

.pro_1 label {
	float: left;
	color: #999999;
	background: url(../images/point.png) no-repeat 0px center;
	display: block;
	padding-left: 10px;
}

.pro_1 span {
	float: left;
	width: 290px;
	display: block;
	color: #333;
}

.tab {
	border-top: solid 2px #3179d1;
	overflow: hidden;
	line-height: 40px;
	color: #fff;
	margin-top: 30px;
	border-bottom: solid 1px #f1f1f1;
}

.tab li {
	border-right: solid 1px #f1f1f1;
	float: left;
	padding: 0px 30px;
	color: #333;
	cursor: pointer;
}

.tab li.on {
	background: #3179d1;
	color: #fff;
}

.tab_content {
	background: #fff;
}

.t_contant {
	border: solid 1px #f1f1f1;
	padding: 30px;
	line-height: 25px;
}






/* 图片放大镜样式*/

.pictureDIV {
	float: left;
	margin: 0 0 20px 0;
}

.jqzoom {
	position: relative;
	border: none;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	display: block;
	text-align: center;
	margin: 0 auto;
	display: inline-table;
	vertical-align: middle;
	*display: block;
	*font-size: 175px;
	*font-family: Arial;
}

.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}

.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	background: #ffffff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}

/*图片小图预览列表*/

.spec-preview {
	width: 325px;
	height: 252px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 252px;
	vertical-align: middle;

	display: table-cell;
}

.spec-preview .jqzoom img {
	text-align: center;
	vertical-align: middle;
}

.spec-scroll {
	clear: both;
	margin-top: 5px;
	width: 325px;
}

.spec-scroll .prev {
	float: left;
	margin-right: 5px;
}

.spec-scroll .next {
	float: right;
}

.spec-scroll .prev,
.spec-scroll .next {
	display: block;
	font-family: "宋体";
	text-align: center;
	width: 10px;
	height: 54px;
	line-height: 54px;
	border: 1px solid #ccc;
	background: #EBEBEB;
	cursor: pointer;
	text-decoration: none;
}

.spec-scroll .items {
	float: left;
	position: relative;
	width: 281px;
	height: 56px;
	overflow: hidden;
}

.spec-scroll .items ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	width: 999999px;
	height: 56px;
}

.spec-scroll .items ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 63px;
	text-align: center;
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #CCC;
}

.spec-scroll .items ul li img {
	padding: 2px;
	width: 50px;
}

.spec-scroll .items ul li img:hover {
	border: 2px solid #FF6600;
	padding: 1px;
}

.productItem {
	float: left;
	margin: 0 0 20px 10px;
	padding: 10px;
	height: 330px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	list-style: none;
	width: 296px;
	line-height: 34px;
	font-size: 14px;
}

.productItem li {
	margin: 0px;
	padding: 0px;
}

.fix-div {
	position: fixed;
	top: 2px;
}