﻿@charset "utf-8";
body { color:#555; font-size:12px; font-family: "宋体";} /*网站字体颜色*/
a { color:#555; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */



		/*右侧悬浮菜单*/
		.slide{
			width: 50px;
			height: 175px;
			position: fixed;
			top: 32%;
			margin-top: -126px;
			background:#1b7ab4;
			right: 0;
			border-radius: 5px 0 0 5px;
			z-index: 999;
		}
		.slide ul{
			list-style: none;
			margin-top:10px;
		}
		.slide .icon li{
			width: 49px;
			height: 50px;
			background: url(../img/icon.png) no-repeat;
		}
		.slide .icon .up{
			background-position:-330px -120px ;
		}
		.slide .icon li.qq{
			background-position:-385px -73px ;
		}
		.slide .icon li.tel{
			background-position:-385px -160px ;
		}
		.slide .icon li.wx{
			background-position:-385px -120px ;
		}
		.slide .icon li.down{
			background-position:-330px -160px ;
		}
		.slide .info{
			top: 50%;
			height: 147px;
			position: absolute;
			right: 100%;
			background: #1b7ab4;
			width: 0px;
			overflow: hidden;
			margin-top: -73.5px;
			transition:0.5s;
			border-radius:4px 0 0 4px ;
		}
		.slide .info.hover{
			width: 145px;
			
		}
		.slide .info li{
			width: 145px;
			color: #CCCCCC;
			text-align: center;
		}
		.slide .info li p{
			font-size: 1.1em;
			line-height: 2em;
			padding: 15px;
			text-align: left;
		}
		.slide .info li.qq p a{
			display: block;
			margin-top: 12px;
			width: 100px;
			height: 32px;
			line-height: 32px;
			color: #37bbff;
			font-size: 16px;   
			text-align: center;
			text-decoration: none;
			border: 1px solid #37bbff;
			border-radius: 5px;
		}
		.slide .info li.qq p a:hover{
			color: #FFFFFF;
			border: none;
			background: #03159b;
		}
		.slide .info li div.img{
			height: 100%;
			background: #DEFFF9;
			margin: 15px;
		}
		.slide .info li div.img img{
			width: 100%;
			height: 100%;
		}
		/*控制菜单的按钮*/
		.index_cy{
			width: 30px;
			height: 30px;
			background: url(../img/index_cy.png);
			position: fixed;
			right: 0;
			top: 26%;
			margin-top: 140px;
			background-position: 62px 0;
			cursor: pointer;
		}
		.index_cy2{
			width: 30px;
			height: 30px;
			background: url(../img/index_cy.png);
			position: fixed;
			right: 0;
			top: 50%;
			margin-top: 140px;
			background-position: 30px 0;
			cursor: pointer;
		}
		
		/*自适应 当屏小于1050时隐藏*/
		@media screen and (max-width: 1050px) {
			.slide{
				display: none;
			}
			#btn{
				display: none;
			}
			
		}
	</style>















.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}


.er{position:absolute; top:58px; z-index:10; left:700px; width:76px; height:76px}
.erzt{text-align: center;color: #fff;font-size: 14px; float:right;  position:relative; top:-69px; left:-11px;}

/* -- 页面整体布局 -- */
.header , .content , .footer { width:960px; margin:0 auto;  }

.h_nav li a:-webkit-any-link{ display:block;}
body{background:#fff;}
em{font-style:normal;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
/*头部开始*/
.top{background:url('../img/top_bg.gif') repeat-x 0 top;height:200px;padding:3px 0 0; position:relative;}
.h_top{color:#afafaf;height:28px; line-height:28px;}
.h_top span{float:left;}
.h_top p{float:right;}
.h_top p a{padding:0 6px 0 8px;color:#afafaf;}
.h_top p a img{vertical-align:middle;}
.h_top p a.icon-a{ padding-left:23px;margin-left:8px;}
.h_top p a.icon-b{ padding-left:23px;margin-left:8px;}
.h_con{height:147px; overflow:hidden;}
.h_con h1{float:left;}
.h_con h2{float:left;}
.h_con h1 a{display:inline-block;}
.h_con h1 img{vertical-align:middle;}
.h_con .ewm{position:absolute; right:0;}
.h-logo{float: left; width:690px;}
.h-logo em{color:#f3a233;font-family:'Microsoft YaHei'; font-weight:bold; font-size:18px;display: block;float: left; padding:52px 0 0 15px; line-height:26px;}
.h-logo em span{display:block; color:#000; font-size:21px; letter-spacing:3px;}
.h-pho{float:right;width:240px; color:#4c4c4c; font-family:'Microsoft YaHei'; }
.h-pho span{font-size:25px; color:#1261a9;display:block;padding:0 0 0 45px; background:url('../img/pho.gif') no-repeat;}
.h-logo span img{width:110px; height: 110px; float: left; margin: 20px 0 0 28px;}

.h-pho p{height:30px; padding:8px 0 25px;}
.h-pho p a{padding:0 6px 0 8px;color:#111;}
.h-pho p a.ico1{background:url('../img/ico1.gif') no-repeat 0 center; padding-left:23px;margin-left:8px;}
.h_nav{height:53px;line-height:48px; overflow:hidden;}
.h_nav ul{font-size:0;font-family:"Microsoft YaHei UI Light";}
.h_nav li{float:left; display:inline-block;height:53px;line-height:48px;font-size:0;background:url(../img/line.jpg) no-repeat right 18px;}
.h_nav li.first{background:none;}
.h_nav li a{color:#fff;display:inline-block;height:53px; font-size:14px;font-weight:bold; padding:0 11px; text-align:center;}
.h_nav li.cur a,.h_nav li a:hover{color:#fdd000; text-decoration:none; background:url('../img/nav_cur.gif') no-repeat center bottom;}
/*--- 搜索 ---*/
.h-ser{height:36px; width:960px; margin:0 auto;}
.ser-con{width:960px; margin:0 auto;}
.h-ser p {float:left;width:650px;line-height:36px; }
.h-ser p b {color:#333}
.h-ser p a {padding:0 6px; color:#333;}
.s-inp {width:225px; position:relative; padding:7px 0 0;}
.inp01 {width:176px; height:28px; line-height:28px; border:none; padding:0 0 0 4px;}
/*头部结束*/

/*底部结束*/

.er2 {
    position: absolute;
    right: 282px;
    top: 58px;
}


/*.cp-l .nr{ border-right: 6px #0f82d8 solid; border-left: 6px #0f82d8 solid;border-bottom: 6px #0f82d8 solid;}*/
.cp-l h4{width: 230px;height: 31px;line-height: 31px;background: url(../img/q3.png) no-repeat;margin-bottom:5px;}
.cp-l h4 a{padding-left: 24px;background: url(../img/p3.jpg) no-repeat center left;margin-left: 13px;font-family: "Microsoft YaHei";font-size: 14px;color: #00a0e9;}
.cp-l ul{line-height: 0;padding-top: 8px;}
.cp-l li{line-height: 31px;height: 31px;border-bottom: 1px #dadada dashed ;}
.cp-l li.non{border-bottom: 0;}
.cp-l li a{color: #203062;font-family: "Microsoft YaHei";font-size: 12px;padding-left: 20px;margin-left: 23px;background: url(../img/p4.jpg) no-repeat center left;}
.tit{height:35px;line-height:35px;padding:0 0 10px;overflow:hidden;}
.tit em{color:#8f8f8f;float: left; font-family:'arial';font-size:12px; font-weight:normal; text-transform: uppercase;}
.tit em a{color:#000;font-family:'Microsoft YaHei';margin-right:8px;font-size:18px; font-weight:bold;}
.tit b{display:block; float: right;margin-top:15px;}
.tit b a{color:#666;}
.cp-l{width:236px; float: left; background:#cfd6db url('../img/cp_b.png') no-repeat 0 bottom; padding:0 0 60px;}
.cp-l h2{height:68px;padding:40px 0 20px; line-height:32px;color:#fff; text-align:center;font-family:'Microsoft YaHei';font-weight:normal;font-size:18px;background:url('../img/cp_a.gif') no-repeat;}
.cp-l h2 a{color:#000;}
.cp-l h3{height:33px; line-height: 32px;padding-left:20px; font-family:'Microsoft YaHei';font-weight:normal;font-size:15px;/*background:;*/}
.cp-l h3 a{color:#000;}
.cp{padding:20px 0 0; background:url('../img/cp_bg.jpg') no-repeat center bottom; height:1100px;}
.cp-r{width:705px; float:right;height:820px; overflow: hidden; padding:15px 0 0;}
.cp-r h3{background:none; border-bottom:1px solid #cdcdcd; margin-bottom:20px;}
.cp-r h3 em a{display:inline-block; width:146px;text-align:center; font-weight:normal;}
.cp-r h3 em a.cur,.cp-r h3 em a:hover{background:url('../img/cp_cur.gif') no-repeat; color:#fff; text-decoration:none;}
.cp-r dl{width:673px; height:330px;padding:15px 12px 0 20px; /*background:url('../img/cp.gif') no-repeat;*/background-color:#cfd6db;}
.cp-r dt{width:200px; float:right; color:#4a4a4a; line-height:24px;}
.cp-r h6 a{font-weight:normal; color:#ffcb30; font-size:14px;line-height: 30px;}
.cp-r dd{width:455px; height:315px; position:relative; float:left;overflow:hidden;}
.cp-r dd a{color:#fff;}
.cp-r dd p{position:absolute; bottom:0; left:0; width:415px; padding:0 20px; height:30px; line-height:30px;background:#4a4a4a; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.cp-r dd p span{float: right;}
.cp-r dd p a{display:block;}
.cp-r ul{margin-right:-22px;padding:20px 0 0;}
.cp-r li{width:338px; float:left; margin-right:22px;}
.cp-r li img{display:block; width:336px; height:245px; border:1px solid #d3cfcf;}
.cp-r li p{line-height:32px; padding:0 0 0 8px;}
.cp-r li span{float: right;}
.cp-r li span img{width:99px; height:32px; border:none;}
.cp-r li a{color:#000;}