@charset "utf-8";
/* CSS Document */

/* 全局样式  */ 
body {padding: 0;margin: 0;	font-size: 14px;color: #474747;	font-family: "微软雅黑";	width: 100%;}
ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p, input {padding: 0;	margin: 0;}
ul {list-style: none;}
li {list-style: none;}
img {border: 0px;}
.clear {clear: both;}
a{text-decoration: none;color: #373737;}
input{ border:none;}
.all{ width:1200px; margin:0 auto;}
table,table tr th, table tr td { border:1px solid #b6b6b6;}
table { border-collapse: collapse;}

/*头部*/
.header_all {width: 100%;height:95px ;background:transparent;background-color:rgba(0,0,0,0.15); z-index:999; position:absolute; top:50px;}
.header {width:1200px;	height:95px; margin:0 auto;}
.logo {float:left; margin-top:25px;}
.logo01{ float:left;}
.logo02{ float:left; color:#fff; margin-left:10px;}
.logo02 h2{ font-size:18px;}
.logo02 h3{ font-size:14px; font-weight:normal; font-family: 'Times New Roman'; margin-top:3px;}

.yyui_menu1 { height:40px; line-height:40px; font-size:15px;  float:right; margin-top:25px;}
.yyui_menu1 li { float:left; position:relative;}
.yyui_menu1 li a { display:block; line-height:40px; text-decoration:none; padding:0px 10px; width:90px; text-align:center; color:#fff; }
.yyui_menu1 li a:hover{ border-bottom:1px solid #33b1ee;}
.yyui_menu1 li a.more:after{content:" »";}
.yyui_menu1 li ul { position:absolute; float:left; width:100%; display:none; background:transparent;background-color:rgba(0,0,0,0.3); z-index:9999;}
.yyui_menu1 li ul a{ float:left; font-size:14px; height:35px; line-height:35px; text-align:center;}
.yyui_menu1 li ul a:hover{ border-bottom:none; background:#33b1ee;}

/*banner*/
.banner {position: relative;width: 100%;height:652px;text-align: center;z-index: 1;overflow: hidden; }
.banner .bd {position: absolute;left: 50%;width:1920px;height:652px;	margin-left: -960px;background: #fff;}
.banner .hd {position: absolute;bottom: 20px;width: 100%;height: 14px;z-index: 1;}
.banner .hd ul {width: 1000px;margin: 0 auto;text-align: center;}
.banner .hd ul li {display: inline-block;*display:inline;zoom: 1;width: 13px;height: 13px;margin: 0 6px;border-radius: 100%;background: #fff;	line-height: 999px;	overflow: hidden;cursor: pointer;vertical-align: top;}
.banner .hd ul .on {width: 13px; border-radius:10px; background:#33b1ee;}
.banner a.prev, .banner a.next {display: block;	width: 59px;height: 60px;position: absolute;top: 50%;margin-top: -30px;	z-index: 1;	display: none;}
.banner a.prev {left: 0;background:url(../images/bPrev.png) no-repeat;}
.banner a.next {right: 0;background:url(../images/bNext.png) no-repeat;}


/*模块一*/
.conter{width:100%; float:left; background:#f0f1f3;}
.conter01{width:1200px; margin:0 auto; text-align:center; padding:30px 0px;}
.conter01 h2{ font-size:24px; font-weight:normal; margin-bottom:10px;}
.conter01 h2 span{ color:#33b1ee;}
.conter01 h2 b{ border-top: 2px solid #33b1ee; width:100px;display: inline-block; position:relative; top:-8px;}
.conter01 h3{ font-size:16px; font-weight:normal;}

/*产品*/
.conter04{width:1200px; margin:0 auto; margin-top:40px;}
.tit{ text-align:center;}
.tit h2{ font-size:24px; color:#33b1ee;}
.pro{ margin:10px auto;}
.pro b{ border-top: 2px solid #dce1e5; width:120px;display: inline-block; position:relative; top:-6px;}
.tit p{ color:#666666; font-size:12px;}

.n03{ width:850px; margin:25px auto 20px auto;}
.n03 li{ width:80px; float:left; height:40px; line-height:40px; margin-right:15px; text-align:center;}
.n03 li:nth-child(3n){ margin-right:0px;}
.n03 li a{ width:100%; float:left; font-size:15px;}
.n03 li a:hover{ background:#33b1ee; color:#fff;}
.n03 li .on{ background:#33b1ee; color:#fff;}
.product01{ margin-top:20px;}
.product01 li{ width:200px; height:180px; float:left; border:1px solid #d8d8d8; padding:10px; text-align:center; margin-right:22px; margin-bottom:20px;}
.product01 li:nth-child(5n){ margin-right:0px;}
.product01 li:hover{ border:1px solid #bebebe;}
.product01 li img{width:100%; height:130px;}
.product01 li p{line-height:26px; float:left; text-align:center; width:100%;}
.price01{ color:#acacac; font-size:12px;}
.price01 span{ text-decoration: line-through; color:#666;}
.price02{ color:#acacac; font-size:12px;}
.price02 span{ font-weight:bold; font-size:15px; color:#ff3c00;}

/*新闻资讯*/
.news03{ margin-top:30px; float:left;}
.news03 li{ width:380px; float:left; margin-right:30px;}
.news03 li:last-child{ margin-right:0px;}
.news03 li a{ width:100%; float:left;}
.news03 li img{ width:100%;}
.news03 li h2{ font-size:16px; margin-top:10px;}
.news03 li span{ color:#929292; font-size:12px; margin:5px 0px; width:100%; float:left;}
.news03 li p{ color:#666666;}

/*底部*/
.footer{width: 100%; float:left; background:#33b1ee; margin-top:50px;}
.footer01{width:1200px; margin:20px auto;}
.footer01 a{color:#fff;}
.footer01 p{ text-align:center; color:#fff; font-size:13px; line-height:28px;}

/*内页*/
.nr{ margin-top:30px;}
.nr p{ line-height:35px;}
.n04{ width:900px;}
.n04 li{ width:100px;}
.news04{ width:100%; float:left; margin-top:30px;}
.news04 li{ width:100%; float:left; margin-bottom:30px;}
.news04 li img{ width:145px; float:left; margin-right:15px;}
.news04 li h2{ font-size:15px; font-weight:normal;}
.news04 li b{ color:#33b1ee;}
.news04 li span{ font-size:12px; color:#929292; line-height:30px;}
.news04 li p{ color:#333;}
.news04_r{ width:1040px; float:right;}

/*分页*/
.black2{padding:5px;margin:3px;text-align:center; font-size:12px; margin-top:15px;}
.black2 a{border:1px solid #ccc;padding:2px 7px;margin:2px; color:#5d5d5d;}
.black2 a:hover{border:#33b1ee 1px solid;color:#fff;background-color:#33b1ee; text-decoration:none;}
.black2 a:active{border:#33b1ee 1px solid;color:#fff;background-color:#33b1ee; text-decoration:none;}

.tit03a{ text-align:center; font-size:16px; line-height:40px; margin-top:30px;}
.p07{ text-align:center; font-size:12px; color:#737373; line-height:30px; margin-bottom:10px;}
.p08{  font-size:12px; color:#737373; line-height:30px; border:1px solid #ccc; background:#f5f5f5; padding:5px 10px; margin-bottom:15px;}
.p09 a{ font-size:13px; line-height:28px; color:#747474;}
.p09 a:hover{ color:#33b1ee;}


.pro03{ margin-top:30px;}

.pro03_l{ width:600px; float:left; text-align:center;}
.pro03_l img{ text-align:center;}
.pro03_r{ float:right; width:530px;}
.pro03_r p{ line-height:30px;}
.pro03_r img{ max-width:100%;}
.tit04{ margin-bottom:6px; font-size:20px; font-weight:normal; line-height:40px; border-bottom:1px solid #ccc; width:100%; float:left;}
.p10,p11{ color:#333;}
.p10 span{ text-decoration:line-through; color:#999;}
.p11 span{ color:#f00; font-size:16px;}
.tit03{ font-size:16px; margin-bottom:20px; margin-top:20px;}


.g1{width:1200px; height:220px; float:left; margin-bottom:30px;}
.g1 li{ margin-right:20px;}

.nr01_l{ float:left; width:400px;}
.nr01_l img{ width:100%;}
.nr01_r{ float:right; width:770px;}
.nr01_r h2{ text-align:center; line-height:40px;}

.tit05{ text-align:center; margin-bottom:20px; font-size:18px;}
.nr_l{ width:300px; float:left;}
.nr_l p{ height:38px; line-height:38px;}
.nr_l img{ margin-right:5px; position:relative; top:5px;}
.nr_c{ float:left; width:370px;}
.nr_c p{ text-align:center; float:left; margin:0px 10px;}
.nr_c img{ width:165px;}
.nr_r{ float:right; width:500px;}
.nr_r p{ text-align:center; margin-top:50px; line-height:35px; font-size:15px;}
.nr_r b{ font-size:26px; color:#33b1ee;}

.n05{ width:190px; margin-right:25px; float:left; margin-top:20px;}
.n05 h2{ background:#33b1ee; height:45px; line-height:45px; text-align:center; color:#fff; font-size:18px; font-weight:600;}
.fenlei{ border:1px solid #ccc; padding:5px 10px 20px 10px;}
.fenlei li{ width:100%; height:38px; line-height:38px; text-align:center; border-bottom:1px solid #ccc;}
.fenlei li a{ width:100%;}
.fenlei li a:hover{ color:#33b1ee;}

.product02{ width:985px; float:right;}
.product02 li:nth-child(5n){ margin-right:22px;}
.product02 li:nth-child(4n){ margin-right:0px;}



/*CSS yellow style pagination*/

.yellow {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.yellow A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.yellow A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.yellow A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.yellow .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.yellow .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

.p10 a{float: left;margin-right: 100px;color: #f33;border: 1px solid #f33;width: 105px;height: 44px;text-align: center;line-height: 44px;border-radius: 2px;margin-top: 3px; font-size:24px;}

/*弹框内容*/
.subscribe{position:fixed; left:50%; top:100px; margin-left:-230px; z-index:11001;width:463px; background-color:#fff; padding:0 12px 20px; border: 1px solid #dedede; display:none;}
.titlewkk{ text-indent:20px; line-height:54px; border-bottom:2px solid #df2f30; font-size:21px; font-weight:bold; color:#df2f30; }
.cue{ margin-top:25px; text-align:center; font-size:20px; color:#df2f30;}
.subscribe>div{ width:410px; margin:0 auto;}
.subscribe>div label{ font-size:16px; color:#666; *position:relative; *top:-10px;}
.subscribe>div input{ height:40px; line-height:40px; border:1px solid #ccc; position:relative; z-index:2;}
.subscribe>div input.h{ border:1px solid #f33;}
.subscribe>div input.tel{ width:303px; padding:0 10px; font-size:14px; color:#666;background-color:transparent }
.subscribe>div input.code{ width:303px; padding:0 10px; font-size:14px; color:#666; background-color:transparent }
.subscribe>div .p1{ margin-top:30px; position:relative;}
.subscribe>div .p1>span{ font-size:14px; color:#ccc; position:absolute; z-index:1; left:95px; top:10px; *top:12px;}
.subscribe>div .p2{ margin-top:15px; position:relative;}
.subscribe>div .p2>span{ font-size:14px; color:#ccc; position:absolute; z-index:1; left:95px; top:10px; *top:12px; letter-spacing:0;}
.subscribe>div .p2>label>em{ *letter-spacing:8px;}
.subscribe>div .p2>label>em>span{ letter-spacing:8px;}
.subscribe>div .p2 .gain_code{ margin-left:12px;width:115px; height:42px; border:1px solid #ccc; background-color:#eeeaea; font-size:16px; color:#666;}
.subscribe>div .p2 .gain_code:hover{ background-color:#ccc;}
.subscribe>div .p3{ height:54px; line-height:54px; background-color:#f7f7f7; margin-top:15px; font-size:12px; color:#999;}
.subscribe>div .p3 em{ display:block; margin-right:7px; float:left; width:14px; height:14px; border:1px solid #ccc; position:relative; top:19px; cursor:pointer;}
.subscribe>div .p3 em.lpt_icon{ background-position:-164px -251px !important;}
.subscribe>div .p3 span{ float:left;}

a.newhouse_login_close {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0px;
    top: 0;
    cursor: pointer;
    overflow: hidden;
}
.subscribe>div input {
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
    position: relative;
    z-index: 2;
}
.quick {
    width: 100%;
    height: 46px;
    margin-top: 15px;
    background-color: #df2f30;
    border: none !important;
    font-size: 18px;
    color: #fff;
}

hc-style.css:7
input, textarea {
    outline: 0;
}