@charset "UTF-8";
/* 大产品 */

.c1 h2 {
	text-align: center;
	font-size: 48px;
	color: #003446;
	line-height: 188px;
	font-weight: 600;
}
 .c1 .list2 li:nth-child(1) {
 float: left;
}
 .c1 .list2 li:nth-child(1) a {
 display: block;
 position: relative;
}
 .c1 .list2 li:nth-child(1) a h3 {
 position: absolute;
 font-weight: normal;
 z-index: 11;
 width: 280px;
 left: 360px;
 top: 110px;
 padding-left: 22px;
}
 .c1 .list2 li:nth-child(1) a h3 .bt {
 font-size: 30px;
 color: #d4252c;
 background: url(../images/heng.png) 0 bottom no-repeat;
 padding-bottom: 20px;
 width: 210px;
}
 .c1 .list2 li:nth-child(1) a h3 dd {
 color: #3c3c3c;
 font-size: 20px;
 line-height: 42px;
 margin-top: 20px;
}
 .c1 .list2 li:nth-child(1) a h3 .ck {
 margin-top: 20px;
 width: 180px;
 line-height: 38px;
 border: 1px solid #d4252c;
 background: #fff;
 color: #d4252c;
 font-size: 20px;
 text-align: center;
 cursor: pointer;
}
 .c1 .list2 li:nth-child(1) a h3 .ck:hover {
 background: #d4252c;
 color: #fff;
}
 .c1 .list2 li:nth-child(2) {
 float: right;
}
 .c1 .list2 li:nth-child(2) a {
 display: block;
 position: relative;
}
 .c1 .list2 li:nth-child(2) a h3 {
 position: absolute;
 font-weight: normal;
 z-index: 11;
 width: 235px;
 right: 360px;
 top: 110px;
 padding-right: 22px;
 text-align: right;
}
 .c1 .list2 li:nth-child(2) a h3 .bt {
 font-size: 30px;
 color: #d4252c;
 background: url(../images/heng.png) right bottom no-repeat;
 padding-bottom: 20px;
 width: 210px;
}
 .c1 .list2 li:nth-child(2) a h3 dd {
 color: #3c3c3c;
 font-size: 20px;
 line-height: 42px;
 margin-top: 20px;
}
 .c1 .list2 li:nth-child(2) a h3 .ck {
 float: right;
 margin-top: 20px;
 width: 180px;
 line-height: 38px;
 border: 1px solid #d4252c;
 background: #fff;
 color: #d4252c;
 font-size: 20px;
 text-align: center;
 cursor: pointer;
}
 .c1 .list2 li:nth-child(2) a h3 .ck:hover {
 background: #d4252c;
 color: #fff;
}
/* 产品展示 */

.c2bg {
	background: url(../images/c2.png) center 0 no-repeat;
	margin-bottom: 100px;
}
.c2bg .c2 {
	padding-top: 63px;
	position: relative;
}
.c2bg .c2 h2 {
	margin-bottom: 53px;
	text-align: right;
}
.c2bg .c2 .list3 {
	float: left;
	border: 1px solid #bfbfbf;
}
.c2bg .c2 .list3 li {
	border-right: 1px solid #bfbfbf;
	float: left;
}
 .c2bg .c2 .list3 li:nth-child(3) {
 border: none;
}
.c2bg .c2 .list3 li a.img {
	display: block;
	position: relative;
}
.c2bg .c2 .list3 li a.img img {
	width: 398px;
	height: 498px;
}
.c2bg .c2 .list3 li a.img h3 {
	position: absolute;
	z-index: 111;
	top: 0;
	font-weight: normal;
	text-align: center;
	width: 100%;
}
.c2bg .c2 .list3 li a.img h3 .bt {
	font-size: 30px;
	color: #d4252c;
	line-height: 94px;
}
.c2bg .c2 .list3 li a.img h3 .ck {
	margin: 0 auto;
	margin-top: 334px;
	width: 190px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #454545;
	border: 1px solid #a0a0a0;
}
.c2bg .c2 .list3 li a.img h3 .ck:hover {
	background: #d4252c;
	color: #fff;
	border: 1px solid #d4252c;
}
.c2bg .c2 a.ck {
	margin: 0 auto;
	display: block;
	border-radius: 20px;
	font-size: 24px;
	color: #d4252c;
	background: #f2ae7f;
	width: 360px;
	line-height: 52px;
	margin-top: 73px;
	text-align: center;
}
.c2bg .c2 a.ck:hover {
	background: #d4252c;
	color: #fff;
}
/* 8大政策 */

.c3 {
	margin-top: 83px;
	margin-bottom: 62px;
}
.c3 h2 {
	text-align: center;
}
.c3 .content {
	margin-top: 56px;
	background: url(../images/c4.png) center 0 no-repeat;
	height: 638px;
}
.c3 .content .list4 {
	padding-top: 62px;
}
.c3 .content .list4 li {
	float: left;
	margin-bottom: 32px;
	width: 600px;
}
.c3 .content .list4 li .bt {
	font-size: 36px;
	color: #d4252c;
	line-height: 46px;
}
.c3 .content .list4 li .bt span {
	font-size: 28px;
	color: #1d1d1d;
	vertical-align: top;
}
.c3 .content .list4 li dd {
	margin-top: 4px;
	font-size: 15px;
	color: #383838;
	line-height: 26px;
}
 .c3 .content .list4 li:nth-child(2n) {
 float: right;
 text-align: right;
}
 .c3 .content .list4 li:nth-child(3), .c3 .content .list4 li:nth-child(4) {
 margin-bottom: 50px;
}
/* 橫幅 */

.hf {
	text-align: center;
}
/* 迈锐德 · 源自美国的电热水器品牌 */

.c5bg {
	background: url(../images/c5.png) center 0 no-repeat;
	height: 712px;
}
.c5bg .c5 {
	padding-top: 92px;
}
.c5bg .c5 h2 {
	text-align: center;
	font-size: 48px;
	color: #003446;
	background: url(../images/h-55.png) center 66% no-repeat;
	line-height: 48px;
	margin-bottom: 89px;
}
.c5bg .c5 .content .c5-1 {
	width: 574px;
}
.c5bg .c5 .content .c5-2 {
	width: 532px;
	margin-right: 36px;
}
.c5bg .c5 .content .c5-2 h3 {
	font-weight: normal;
	font-size: 48px;
	color: #003446;
	line-height: 80px;
}
.c5bg .c5 .content .c5-2 dd {
	font-size: 18px;
	color: #000;
	line-height: 30px;
	margin-top: 18px;
}
/* 新闻资讯 */

.c6 {
	margin-top: 74px;
	margin-bottom: 68px;
}
.c6 h2 {
	text-align: center;
	background: url(../images/h-66.png) center 60% no-repeat;
	font-weight: bold;
	font-size: 48px;
	color: #003446;
	line-height: 1;
}
.c6 h2 dd {
	font-size: 16px;
	color: #797878;
	margin-top: 46px;
	font-weight: normal;
}
.c6 .list5 {
	margin-top: 40px;
}
.c6 .list5 li {
	float: left;
	width: 369px;
	margin-right: 46px;
}
 .c6 .list5 li:nth-child(3) {
 margin-right: 0;
}
.c6 .list5 li a.img {
	display: block;
}
.c6 .list5 li a.img img {
	width: 369px;
	height: 191px;
}
.c6 .list5 li h3 {
	font-weight: normal;
	margin-top: 38px;
}
.c6 .list5 li h3 .time {
	width: 63px;
	line-height: 1;
	font-size: 18px;
	color: #505050;
}
.c6 .list5 li h3 .time dd {
	font-size: 16px;
	color: #797878;
	margin-top: 12px;
}
.c6 .list5 li h3 .zi {
	border-left: 1px solid #dcdcdc;
	width: 291px;
	padding-left: 14px;
	padding-bottom: 8px;
}
.c6 .list5 li h3 .zi a {
	display: block;
	font-size: 16px;
	color: #515050;
	line-height: 1;
}
.c6 .list5 li h3 .zi dd {
	font-size: 14px;
	color: #6e6e6e;
	line-height: 24px;
	margin-top: 14px;
}
/* 在线申请 */

.c7 {
	margin-bottom: 44px;
	position: relative;
}
.c7 h2 {
	font-weight: normal;
	font-size: 30px;
	color: #313131;
	line-height: 70px;
}
.c7 .c7-1 .messagex .zaixian li {
	padding-left: 48px;
	background: url(../images/1-1.png) 0 0 no-repeat;
	line-height: 39px;
	border: 2px solid #d7d7d7;
	margin-bottom: 22px;
}
 .c7 .c7-1 .messagex .zaixian li:nth-child(2) {
 background: url(../images/1-2.png) 0 0 no-repeat;
}
 .c7 .c7-1 .messagex .zaixian li:nth-child(3) {
 background: url(../images/1-3.png) 0 0 no-repeat;
}
 .c7 .c7-1 .messagex .zaixian li:nth-child(4) {
 background: url(../images/1-4.png) 0 0 no-repeat;
}
.c7 .c7-1 .messagex .zaixian li input {
	width: 396px;
	border: none;
	padding: 0;
	background: none;
	line-height: 39px;
	outline: none;
}
 .c7 .c7-1 .messagex .zaixian li input::-webkit-input-placeholder {

  /* placeholder颜色  */

  color: #4d4d4d;

  /* placeholder字体大小  */

  font-size: 14px;
 padding-left: 6px;
}
.c7 .c7-1 .messagex #code {
	padding-top: 0;
}
.c7 .c7-1 .messagex #code #checkcode {
	border: 2px solid #d7d7d7;
}
.c7 .c7-1 .messagex input.msgbtn {
	width: 279px;
	line-height: 53px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background: #dd0402;
	padding: 0;
	border: none;
	margin-top: 10px;
}
.c7 .c7-2 {
	margin-left: 18px;
	width: 470px;
}
.c7 .c7-2 img {
	width: 470px;
}
.c7 .c7-3 {
	background: url(../images/contact.png) center 0 no-repeat;
	width: 252px;
	height: 700px;
	color: #fff;
	box-sizing: border-box;
	padding-left: 26px;
	padding-top: 60px;
	position: absolute;
	z-index: 111;
	right: 0;
	top: 42px;
}
.c7 .c7-3 h3 {
	font-weight: normal;
	color: #fff;
	font-size: 32px;
}
.c7 .c7-3 h3 dd {
	font-size: 18px;
	line-height: 40px;
}
.c7 .c7-3 .dh {
	margin-top: 15px;
	font-size: 14px;
	line-height: 30px;
}
.c7 .c7-3 .dh p {
	margin-bottom: 0px;
}
.c7 .c7-3 .ewm {
	margin-top: 10px;
	text-align: center;
	padding-right: 26px;
	font-size: 14px;
	line-height: 34px;
	margin-left: -25px;
}
.c7 .c7-3 .ewm p {
	margin-bottom: 12px;
}
/* 底部导航 */

.c8bg {
	background: #eaeaea;
	padding-top: 45px;
	padding-bottom: 20px;
}
.c8bg .c8 li {
	float: left;
	width: 178px;
}
.c8bg .c8 li a {
	font-weight: 600;
	font-size: 16px;
	color: #535353;
	display: block;
}
.c8bg .c8 li .sec {
	margin-top: 18px;
}
.c8bg .c8 li .sec a {
	font-weight: normal;
	font-size: 14px;
	color: #535353;
	line-height: 28px;
}
.foot {
	background: #003446;
	padding-top: 24px;
	padding-bottom: 24px;
	font-size: 14px;
	line-height: 25px;
	color: #fff;
}
.foot a {
	color: #fff;
}
.foot a:hover {
	color: #fff;
}
/*******************/

 #news {
	width: 1200px;
	padding: 0;
	margin: 0 auto;
	min-height: 340px;
}
#news .xw {
	width: 47%;
	float: left;
	margin-right: 30px;
}
#news .xw .title {
	width: 90%;
	color:#000;
	line-height: 50px;
	font-size: 18px;
	position: relative;
	margin-top: 20px;
}
#news .xw .title span {
	color: #000;
	font-size: 16px;
}
#news .xw .title a {
	width: 50px;
	line-height: 50px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #000
}
#news .xw ul {
	width: 100%;
	padding: 0;
	margin: 0;
}
#news .xw ul li {
	width: 100%;
	height: 40px;
	font-size: 14px;
	position: relative;
}
#news .xw ul li a {
	width: 80%;
	line-height: 40px;
	display: block;
}
#news .xw ul li a p {
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	font-size: 12px;
	color: #666;
}
/*********/
/* 首页产品展示 */
.clear {
	clear:both
}
#iwrapper {
	margin:0px auto;
	width:1200px
}
.iwrapper {
	margin:0px auto;
	width:1200px
}
.pro {
	margin:80px 0;
}
.sbt {
	text-align:center;
}
.sbt h1 {
	font-size:42px;
	color:#1058aa;
	line-height:50px;
	font-weight:normal;
}
.sbt h1 span {
	color:#333;
}
.sbt p {
	line-height:40px;
	color:#666;
	font-size:18px;
}
.ilist {
	width:1200px;
	margin-top:20px;
}
.ilist ul li {
	display:block;
	height:56px;
	line-height:56px;
	text-align:center;
	font-size:17px;
	float:left;
	width:188px;
	margin:6px;
	background:#e5e5e5;
}
.ilist ul li a {
	color:#444;
}
.ilist ul li:hover {
	background:#1058aa;
}
.ilist ul li:hover a {
	color:#FFF;
}
.cp_left {
	width:540px;
	height:400px;
	background:#FFF;
	float:left;
	padding-top:40px;
	padding-left:30px;
	padding-right:30px;
}
.cp_img {
	width:278px;
	float:left;
}
.cp_text {
	width:240px;
	float:right;
}
.cp_nr {
	font-size:18px;
	font-weight:bold;
	padding-top:30px;
}
.cp_nr p {
	font-size:14px;
	color:#595959;
	line-height:25px;
	margin-top:8px;
	margin-bottom:25px;
	font-weight:normal;
}
.cp_nr:hover {
	color:#1058aa;
}
.cp_list ul li {
	width:87px;
	text-align:center;
	line-height:20px;
	float:left;
	margin-right:27px;
}
.cp_more {
	margin-top:15px;
}
.cp_bg {
	margin-top:20px;
}
.cp_bg a {
	display: block;
	float: left;
	margin-left: 7px;
	margin-right: 6px;
	margin-bottom: 12px;
}
.cp_bg a img {
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;
	width: 378px;
	height: 281px;
	margin-bottom: 8px;
	border:3px solid #e8e8e8;
}
.cp_bg a img:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.cp_bg a {
	width: 385px;
	height: 340px;
	overflow: hidden;
	text-align:center;
	font-size:16px;
	background: #FFF;
}
.cp_bg a:hover {
	color:#fff;
	background:#1058aa;
}

.style_1 {background: #fff!important}
.head>.w1200 {position: relative}
.head {width: 100%;position: relative;z-index: 110;width: 100%;background: rgba(255, 255, 255, .75)}
.head .imenu {padding-top: 15px;/*border-bottom: 1px solid #e6e6e6;*/padding-bottom: 15px;height: 70px}
.head .imenu h1 {float: left}
.head .imenu h1 a {display: block; width: 200px;  }
.head .imenu h1 .logo{ margin:0}


.headmenuul {float: right;margin-right: 40px;padding-top: 5px;}
.head .imenu li {float: left;margin: 0 15px}
.head .imenu li a {padding: 0 5px;display: block;font-size:15px;height:32px;line-height: 32px;transition: color ease-in-out .15s}
.head .imenu li a:hover {color: #da251d}
.head .imenu li.on a {color: #da251d}



.nav_right{float:right;width:150px;position:relative}
.nav_rightli{float:right;width:50px;text-align:right;height:30px;}
.nav_right dd:hover .dsn{display: inline}
.nav_right dd:hover .dsi{display: none}
.nav_right dd .ewm{position: absolute;z-index:99;left:0px;top:50px;display:none}
.nav_right .weixin{position:relative;}
.nav_right .weixin:hover .ewm{display:inline}
.nav_rightul {float: right;margin-right:40px;padding-top: 5px;position: relative;}
.dsn{display:none}
span,img{vertical-align: middle;}



.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}
.clearfix:after {
    clear: both;
}

.prod{ position: relative;background: #f0f5f4;padding-top: 150px;}
.prod-tit{ position: absolute; width: 100%; left: 0; top: 48px; text-align: center; z-index: 99;}
.prod-tit ul li{ display: inline-block; margin: 0 35px; cursor: pointer;position: relative;}
.prod-tit ul li h3{ font-weight: normal; font-size: 22px; color: #1c1c20; width: 130px; border: 1px solid transparent; height: 52px; line-height: 52px; position: relative; transition: all ease-in-out .2s;}
.prod-tit ul li h3:after{content: ""; position: absolute; width: 17px; height: 1px; background-color: #d9300a; right: 0px; top: 50%; transform: translateX(150%); opacity: 0; transition: all ease-in-out .2s; transition-delay:.2s;}
.prod-tit ul li h3:before{ content: ""; position: absolute; width: 17px; height: 1px; background-color: #d9300a; left: 0px; top: 50%; transform: translateX(-150%); opacity: 0; transition: all ease-in-out .2s; transition-delay:.2s;}
.prod-tit ul li i{width: 10px;height: 5px;position: absolute; bottom: 10px;left: 50%;background: url(/Public/image/xia.png) no-repeat;transform: translateX(-50%);display: none;}
.prod-tit ul li span{ display: block; font-size: 12px; color: #999; text-transform: uppercase; margin-top: 20px; transform: translateY(-28px); transition: all ease-in-out .2s; font-family: 'pingfang_scextralight';}
.prod-tit ul li:hover h3{  color: #d9300a;}
.prod-tit ul li:hover h3:after{ opacity: 1; transform: translateX(50%);}
.prod-tit ul li:hover h3:before{ opacity: 1; transform: translateX(-50%);}
.prod-tit ul li:hover i{display: block;}
.prod-img ul li{float: left;width: 50%;position: relative;}
.prod-img ul li a{display: block;text-align: center;}
.prod-img ul li a>img{width: 100%;}
.prod-img ul li .act{width: 100%;height: 100%;position: absolute; top: 0;left: 0;display: none;animation: enlarge 0.5s ease-in;-moz-animation: enlarge 0.5s ease-in;-webkit-animation: enlarge 0.5s ease-in;-o-animation: enlarge 0.5s ease-in;}
.prod-img ul li .act .act1{background: #000;opacity: .3;position: absolute; top: 0;left: 0;width: 100%;height: 100%;}
.prod-img ul li .act .whit{width: 93%; height: 80%;text-align: center;border: 1px solid #b5b9ba;position: absolute;left: 3.5%;top: 10%;}
.prod-img ul li .act h2{font-size: 20px;color: #ffffff;padding-top: 8%;padding-bottom: 10px;}
.prod-img ul li .act span{font-size: 14px;color: #FFFFFF; display: block;padding-bottom: 25px; font-family: 'pingfang_scextralight'; text-transform: uppercase;}
.prod-img ul li:hover .act{display: block;animation: enlarge 0.5s ease-in;-moz-animation: enlarge 0.5s ease-in;-webkit-animation: enlarge 0.5s ease-in;-o-animation: enlarge 0.5s ease-in;}

