body {
	position:relative;
	background-color:#f5f5f5; 
}
body .miaosha_tips {
	background:url(../images/secondBanner.jpg) no-repeat;
	width:1180px;
	height:70px;
	position:absolute;
	top:36px;
	left:50%;
	margin-left:-590px;
	display:block
}

html, body {-webkit-text-size-adjust: none; font-family: "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif";-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased;/*字体去除锯齿*/ font-size:18px; color:#333;}

body {
	background-color:#f5f5f5
}



.banner {
	height:380px;
	width:100%;
	position:relative;
	float:right;
	overflow:hidden
}
.banner:hover .leftarrow, .banner:hover .rightarrow {
	display:block
}
.banner .leftarrow, .banner .rightarrow {
	width:32px;
	height:50px;
	display:none;
	position:absolute;
	top:50%;
	margin-top:-25px
}
.banner .leftarrow {
	background-position:-165px -41px
}
.banner .rightarrow {
	background-position:-197px -41px;
	right:0
}
.banner ul {
	width:100%;
	height:100%
}
.banner ul li {
	width:100%;
	height:380px;
	overflow:hidden
}
.banner ul a {
	width:100%;
	height:380px
}
.banner div {
	position:absolute;
	text-align:center;
	width:100%;
	font-size:0;
	font-family:Arial;
	bottom:9px
}
.banner div span {
	margin:0 3px;
	float:none;
	width:30px;
	height:5px;
	display:inline-block;
	background-color:#fff;
	cursor:pointer;
	font-size:0
}
.banner div span.actived {
	background-color:#4D7AFF
}
.slide {
	position:relative;
	overflow:hidden
}
.slide:hover .prev, .slide:hover .next {
	display:block
}
.slide .prev, .slide .next {
	width:32px;
	height:50px;
	position:absolute;
	bottom:40%;
	z-index:2;
	display:none
}
.slide .prev {
	background-position:-165px -41px
}
.slide .next {
	background-position:-197px -41px;
	right:0
}
.slide ul {
	width:10000px
}
.slide ul li {
	float:left
}
.slide ul li a {
	width:479px;
	height:210px;
	overflow:hidden
}

.slide h1 {
	width:459px;
	height:43px;
	overflow:hidden; font-size:12px; padding:10px; color:#999
}
.slide .nav {
	position:absolute;
	text-align:center;
	width:100%;
	font-size:0;
	bottom:70px
}
.slide .nav li {
	margin:0 3px;
	float:none;
	width:30px;
	height:5px;
	display:inline-block;
	background-color:#fff;
	cursor:pointer
}
.slide .nav li.active {
	background-color:#4D7AFF
}

.brands {
	width:1180px;
	margin:0 auto 40px;
	background-color:#fff;
	overflow:hidden
}
.brands a {
	float:left;
	width:147.5px;
	height:60px;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	line-height:60px;
	text-align:center;
	background-color:#fff;
	margin-top:-1px;
	margin-left:-1px
}
.brands a img {
	vertical-align:middle
}
.floor {
	margin:0 auto 10px;
	width:1180px;
	background-color:#fff
}
.floor.floor-red .floor-tit {
	background-color:#d63454
}
.floor.floor-red .main {
	border-color:#d63454
}
.floor.floor-red .side .inner h2 {
	border-left:2px solid #d63454
}
.floor.floor-blue .floor-tit {
	background-color:#4d7aff
}
.floor.floor-blue .main {
	border-color:#4d7aff; border:0
}
.floor.floor-blue .side .inner h2 {
	border-left:2px solid #4d7aff
}
.floor.floor-purple .floor-tit {
	background-color:#7d62ea
}
.floor.floor-purple .main {
	border-color:#7d62ea
}
.floor.floor-purple .side .inner h2 {
	border-left:2px solid #7d62ea
}
.floor.floor-purple .side .adv {
	border-color:#7d62ea
}
.floor.floor-lightblue .floor-tit {
	background-color:#00a3d9
}
.floor.floor-lightblue .main {
	border-color:#00a3d9
}
.floor.floor-lightblue .side .adv {
	border-color:#00a3d9
}
.floor.floor-cyanine .floor-tit {
	background-color:#05b6a9
}
.floor.floor-cyanine .main {
	border-color:#05b6a9
}
.floor.floor-cyanine .side .adv {
	border-color:#05b6a9
}
.floor.floor-cyan .floor-tit {
	background-color:#98bc1b
}
.floor.floor-cyan .main {
	border-color:#98bc1b
}
.floor.floor-cyan .side .adv {
	border-color:#98bc1b
}
.floor-tit {
	height:55px;
	background-color:#d63454;
	position:relative;
	text-align:center;
	padding-top:5px
}
.floor-tit .tit {
	font-style:normal;
	display:block;
	width:55px;
	height:55px;
	font-family:arial;
	color:#fff;
	font-size:22px;
	position:absolute;
	background-position:-165px -102px;
	text-align:left;
	padding:5px 0 0 5px;
	top:0
}
.floor-tit h2 {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	display:block;
	margin:4px 0 2px
}
.floor-tit h2 i {
	width:22px;
	height:22px;
	display:block;
	margin:0 auto 4px
}
.side {
	float:left;
	width:220px
}
.side .inner .img {
	height:215px;
	display:block;
	position:relative
}
.side .inner h2 {
	padding-left:15px;
	font-size:16px;
	color:#999;
	line-height:15px;
	margin-bottom:20px;
	margin-top:15px;
	font-weight:normal
}
.side .inner .service {
	height:120px;
	overflow:hidden
}
.side .inner .service li {
	font-size:14px;
	color:#333;
	height:40px;
	line-height:22px;
	text-align:left;
	padding-left:50px
}
.side .inner .service .i-icon {
	height:25px;
	width:27px;
	margin-right:10px;
	position:relative;
	top:8px
}
.side .slide {
	height:215px;
	width:220px;
	overflow:hidden
}
.side .slide .content {
	width:120px;
	margin:30px auto;
	height:150px;
	overflow:hidden
}
.side .slide li a {
	width:120px;
	height:30px;
	display:block;
	margin-bottom:30px
}
.side .slide .nav {
	display:none
}
.side .slide .prev, .side .slide .next {
	width:15px;
	height:22px;
	bottom:45%
}
.side .slide .prev {
	background-position:-244px -40px;
	left:10px
}
.side .slide .next {
	background-position:-262px -40px;
	right:10px
}
.side .keyword {
	line-height:30px;
	height:92px;
	overflow:hidden;
	font-family:"宋体";
	padding:0 10px 0 20px
}
.side .keyword a {
	display:inline-block;
	margin-right:10px;
	color:#666
}
.side .keyword a:hover, .side .keyword a.red {
	color:#e4393c
}
.side .adv {
	margin-bottom:11px;
	height:40px;
	overflow:hidden;
	border-width:0 0 0 2px;
	border-style:solid;
	background-color:#f8f8f8;
	padding:15px 0 15px 18px
}
.side .adv a {
	display:block;
	overflow:hidden;
	color:#333;
	font-family:宋体;
	font-size:12px;
	margin-bottom:15px;
	height:16px;
	position:relative
}
.side .adv a i {
	display:inline-block;
	width:7px;
	height:10px;
	background-position:-167px -172px;
	margin-left:5px
}
.side .adv a:hover, .side .adv a.red {
	color:#e4393c
}
.side .adv a:hover i, .side .adv a.red i {
	background-position:-179px -172px
}

.tjclass  a{ color:#fff;}
.main {
	float:left;
	width:950px; margin-left:10px;  /****************************************************/
}
.main .slide {
	width:470px;
	height:273px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

	float:left
}
.main .section .p-list li {
	float:left;
	width:237px;
	height:185px;
	line-height:185px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;

	overflow:hidden
}
.main .section .p-list li.fore1, .main .section .p-list li.fore2 {
	height:273px;
	line-height:273px
}
.main .section .p-list img {
-webkit-transition:-webkit-transform .2s linear;
-moz-transition:-moz-transform .2s linear;
-o-transition:-o-transform .2s linear;
transition:transform .2s linear
}
.main .section .p-list img:hover {
	-webkit-transform:translateX(-5px);
	-moz-transform:translateX(-5px);
	-ms-transform:translateX(-5px);
	-o-transform:translateX(-5px);
	transform:translateX(-5px)
}



.by_list {
	font-size:12px;
	font-family:宋体;
	width:1180px;
	margin:0 auto 40px;
	background-color:#fff
}
.by_list li {
	position:relative;
	float:left;
	display:inline;
	width:147px;
	height:60px; text-align:center;
	border-right:1px solid #ddd
}
.by_list li.last {
	border-right:0;
	width:144px
}
.by_list .line {
	display:block;
	width:100%;
	height:1px;
	overflow:hidden;
	margin:0;
	border:0;
	background-color:#ddd
}
.by_list .bd {
	position:absolute;
	width:147px;
	height:60px;
	z-index:1;
	top:0;
	left:0
}
.by_list .bd:hover {
	border:1px solid #ddd;
	top:-1px;
	left:-1px
}
.by_list a {
	display:block;
	width:100%;
	height:100%;
	line-height:50px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#666;
	border:5px solid #fff;
	overflow:hidden
}
.by_list a:hover {
	border:5px solid #f8f8f8
}
.by_list a:hover .icon {
	color:#4d7aff
}
.by_list a .icon {
	color:#c9d7ff;
	font-size:32px;
	vertical-align:middle;
	margin:0 10px 0 16px
}
.by_list a span {
	display:inline-block;
	width:70px;
	line-height:20px;
	vertical-align:middle;
	text-align:center
}
.by_list .mark {
	position:absolute;
	top:0;
	left:-6px
}
.by_list .mark span {
	display:block;
	width:auto;
	padding:0 5px;
	color:#fff;
	font-family:"arial";
	position:relative;
	background-color:#e4393c;
	z-index:1
}
.by_list .mark .i-arr {
	border-width:5px 5px;
	border-color:transparent #ad2334 transparent transparent;
	border-style:solid;
	position:absolute;
	bottom:-5px;
	left:-5px
}



#proy,#prot{ height:570px; font-size:14px;}
#proy{ width:720px;}
#prot{ width:220px;height:570px; background:#E8F1F8;}/****************/
#proy  h2,#prot h2{ height:55px; border-bottom:2px solid #051970; line-height:55px; text-align:center; }
#prot h2{border-bottom:2px solid  #051970}

.probox{ margin-top:20px;}
#proc  p  span{ margin-left:10px; font-weight:bold}
.pro_l {padding-right:5px;width:225px;}
.pro_l,.pro_r{ width:350px; height:400px; float:left; padding-left:5px; padding-top:30px;}
.pro_r{ float:right;padding-right:5px;width:345px;}
.btn{ background:#E8F1F8; height:30px; border-radius:10px; color:#003399; line-height:30px; text-align:center; font-size:14px; margin-top:20px; }
.btn:hover{ background:#4D7AFF; color:#fff }
.btn span{ font-weight:bold}

.pro_l  h3,.pro_r  h3{ line-height:30px; font-size:12px; font-weight:bold;}
.pro_l  h3 a,.pro_r  h3 a{color:#196BB1;}
.pro_l  a,.pro_r  a {  width:33%; float:left; display:block; line-height:1.5rem;}
.cline{ width:100%; border-top:1px dotted #ccc; margin-top:10px;}

.newscon  p{ line-height:2.0rem;font-size:14px; padding-bottom:10px;}
#newscon  p{ font-size:16px;line-height:1.5rem; text-indent:2em;}
.modal-body p{ font-size:14px;}

.newscon ul li{ line-height:2.5rem; font-size:14px;background:url(../images/ddw1.png) no-repeat  5px 5px;padding-left:30px; margin-top:10px;}

.bind2{width: 100%;}
.bind2 .bind2b{width: 900px;}
.bind2 .bind2b .ulb2{width: 900px;height: 114px;background: url(../images/b9.png) no-repeat;}
.bind2 .bind2b .ulb2 li{float: left;width: 290px;margin-right: 3px;}
.bind2 .bind2b .ulb2 li .lib .imgb{float: left;width: 80px;height: 80px;margin-top: 12px;margin-left: 8px;text-align: center;}
.bind2 .bind2b .ulb2 li .lib .imgb img{vertical-align: center;margin-top: 10px;cursor: pointer;transition: all 0.6s;}
.bind2 .bind2b .ulb2 li .lib .wzb{float: left;width: 185px;margin-left: 16px;padding-top: 0px;}
.bind2 .bind2b .ulb2 li .lib .wzb .wz1{font-size: 20px;color: #fff;line-height: 30px;letter-spacing: 2px;font-weight: 600;text-align: center;}
.bind2 .bind2b .ulb2 li .lib .wzb .wz2{font-size: 14px;color: #fff;line-height: 24px;letter-spacing: 2px;}

#ProductPage  h1{ line-height:60px; text-align:center;}
#ProductNavi  h1 a{ font-size:12px; font-weight:normal; }

/**文字滚动*/

.scrollbox{ width: 200px; margin: 0 auto; overflow: hidden;  padding: 10px; }
#scrollDiv{width:200px;height:220px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:90px; width:160px; padding:0 20px;background:url(../images/ddw.png) no-repeat 0px 23px; overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#B7B7B7 dashed 1px;}
#scrollDiv li h3{ height:24px; padding-top:13px; font-size:12px; color:#196AB0; line-height:24px; width:200px;}
#scrollDiv li h3 a{color:#196AB0; text-decoration:none}#scrollDiv li h3 a:hover{ color:#F00}
#scrollDiv li div{ height:36px; width:200px; color:#666; line-height:18px; overflow:hidden}
#scrollDiv li div a{ color:#416A7F; text-decoration:none}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}
#but_up{ background:url(up.gif) no-repeat 0 0; text-indent:-9999px}
#but_down{ background:url(down.gif) no-repeat 0 0; text-indent:-9999px}

.tjclass{background:#25C1DA; height:50px; width:100%; margin-top:20px; color:#fff;text-align:left;padding-top:15px; }
.tjclass i{font-size:2.0rem;margin-left:10px; }
.tjclass span{font-size:1.0rem; margin-left:10px;}


/*FOOR*/
/* scrollleft */
.scrollleft{width:1140px;padding:5px 20px 0px 20px;margin:20px auto;}
.scrollleft li{float:left;margin-right:7px;display:inline;width:240px;text-align:center;line-height:19px;}
.scrollleft img{width:240px;height:150px;border-radius:5px;}
.scrollleft span{font-size:14px;}