@charset "utf-8";
/* CSS Document */
html,body,div,p,ul,ol,dl,li,dt,dd,span,strong,a,img,input,textarea,h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-family:"Microsoft YaHei"; font-weight:normal}
a,input{text-decoration:none; outline:none}
img{border:0; display:block}
li{list-style:none}
.wrap,.rslides{overflow:hidden; zoom:1}
.wrap{width:1200px; margin:0 auto}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom:1;/*IE/7/6*/
}

#head{width:100%; height:40px; line-height:40px; background-color:#898989; font-size:14px; color:#fff; letter-spacing:1px; font-size:12px}
#head p{width:300px; float:left}
#head span{padding-left:22px; background:url(../images/topmail.png) left center no-repeat; float:right; margin-left:30px}
#head strong{padding-left:22px; background:url(../images/toptel.png) left center no-repeat; float:right; margin-left:30px}
#nav{width:100%; padding-top:11px; height:79px; }
.logo{float:left;  height:70px; padding-top:0px}
#nav ul{float:right; width:79px; width:780px}
#nav li{width:78px; margin-left:42px; float:left; text-align:center; height:75px; line-height:76px; letter-spacing:1px; font-size:16px; border-bottom:4px solid #fff}
#nav li a{color:#222}
#nav li:hover{border-bottom:4px solid #d53058}
#nav li:hover a{color:#d53058}
#nav .navnow{border-bottom:4px solid #d53058}

.rslides{position:relative; width:100%; min-width:1200px}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0}
.rslides li:first-child{position:relative; display:block; float:left}
.rslides img{display:block; height:auto; float:left; width:100%; border:0}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:12px;height:12px;margin:0 8px 0 7px;border-radius:12px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:12px;height:12px;border-radius:12px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:rgba(255,255,255,0.3); border:1px solid #fff}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:rgba(255,255,255,1);}
/* Callback example */
.callbacks_container{margin-bottom:2px; position:relative; width:100%; max-width:100%; text-align:center;}
.callbacks{position:relative; width:100%;}
.callbacks li{position:absolute; width:100%; left:0; top:0;}
.callbacks img{display:block; position:relative; z-index:1; height:auto; width:100%; border:0}
.callbacks .caption{display:block; position:absolute; z-index:2; font-size:20px; text-shadow:none; color:#fff; background:#000; background:rgba(0,0,0,0.8); left:0; right:0; bottom:0; padding:10px 20px; margin:0; max-width:none;}
.callbacks_nav{position:absolute; top:50%; left:0; z-index:3; text-indent:-9999px; overflow:hidden; height:60px; width:150px; background:transparent url("../images/themes.png") no-repeat left top; margin-top:-30px}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav.next{left:auto; background-position:right top; right:0;}

#iabout{padding:50px 0 30px 0; width:100%}
#iabout img{float:left; width:450px; height:280px; margin-right:50px}
.iaboutm{width:700px; float:left; height:265px; overflow:hidden; zoom:1; position:relative}
.iaboutm div{color:#d53058; height:60px; padding-top:15px}
.iaboutm div strong{display:block; height:30px; line-height:30px; font-size:18px; letter-spacing:2px}
.iaboutm div span{display:block; height:30px; line-height:16px; font-size:12px}
.iaboutm p{color:#444; font-size:14px; text-align:justify; line-height:22px; margin-bottom:10px; letter-spacing:1px}
.iaboutm a{position:absolute; width:108px; height:32px; bottom:0; left:0; line-height:32px; text-align:center; display:block; border:1px solid #d53058; color:#d53058; font-size:14px; border-radius:20px 0 20px 0; float:left; z-index:999}
.iaboutm a:hover{background-color:#d53058; color:#fff}

h2{height:90px; width:100%; background:url(../images/h2bg.png) top center no-repeat; text-align:center; color:#d53058; padding-top:10px}
h2 strong{height:30px; line-height:34px; font-size:24px; letter-spacing:4px; display:block; font-weight:200}
h2 span{height:30px; line-height:30px; font-size:12px; display:block}
#ipro{width:100%}
.tabbox{width:1200px;height:350px}
.tabbox .tab{overflow:hidden; height:38px; line-height:38px; width:280px; padding:0 20px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin:0 auto}
.tabbox .tab a{display:block; float:left; color:#333; width:60px; height:35px; font-size:14px; margin:0 15px; text-align:center}
.tabbox .tab a:hover{border-bottom:3px solid #FF9900}
.tabbox .tab a.on{border-bottom:3px solid #FF9900}
.tabbox .content{overflow:hidden;width:1200px;height:245px;position:relative; margin-top:30px}
.tabbox .content .iprom{position:absolute;left:0;top:0;height:200px;}
.tabbox .content .ipromli{width:1200px;height:210px;float:left;}
.ipromli dl{float:left; width:210px; margin:0 10px; height:230px; border:1px solid #ccc; padding:4px}
.ipromli dt{width:210px; height:150px; border-bottom:1px solid #ccc; padding-bottom:4px}
.ipromli dt img{width:210px; height:150px}
.ipromli dd{color:#333; font-size:16px; line-height:36px; height:35px; font-size:14px; text-align:center}
.ipromli dl:hover{border:1px solid #d53058}
.ipromli dl:hover dt{border-bottom:1px solid #d53058}
.ipromli dl:hover dd{color:#d53058}

#igood{width:100%; padding:50px 0 80px 0; background:url(../images/igoodbg.png) left bottom repeat-x}
#igood ul{height:320px; margin-top:10px}
#igood li{height:318px; width:210px; border:1px solid #ccc; margin:0 14px; float:left; background-color:#fff}
#igood li img{width:110px; height:110px; padding:40px 50px 15px 50px} 
#igood li div{height:40px; font-size:18px; color:#d53058; line-height:30px; text-align:center; letter-spacing:2px}
#igood li p{font-size:14px; color:#555; line-height:22px; padding:0 15px; text-align:justify}
#igood li:hover{transform:rotateY(360deg); transition:0.5s ease}

#inews{width:100%; padding:50px 0}
.inewsl{width:580px; float:left; margin-right:30px}
.inewsltop{position:relative; width:580px; height:210px}
.inewsltop img{float:left; z-index:9; width:580px; height:210px}
.inewsltw{position:absolute; width:160px; height:160px; border-radius:160px; background-color:#d53058; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; z-index:99; float:left; margin:25px 0 0 200px}
.inewsltm{position:absolute; width:140px; height:140px; border-radius:140px; background-color:#d53058; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index:999; float:left; margin:35px 0 0 210px; color:#FFF; text-align:center}
.inewsltm strong{display:block; height:32px; line-height:30px; font-size:18px; border-bottom:1px solid #FFF; border-top:1px solid #FFF; width:80px; margin:45px auto 0 auto}
.inewsltm span{display:block; height:32px; line-height:30px; font-size:16px}
.inewsl h3{height:30px; line-height:36px; padding:10px 0; font-size:16px}
.inewsl h3 a{color:#000}
.inewsl h3:hover a{color:#d53058}
.inewsl p{font-size:14px; color:#777; line-height:20px}

.inewsr{width:590px; float:left}
.inewsr li{height:44px; border-bottom:1px dashed #bbb; margin-bottom:5px}
.inewsr li a{height:20px; line-height:20px; display:block; color:#000; font-size:14px}
.inewsr li a:hover{color:#d53058}
.inewsr li a span{color:#d53058}
.inewsr li p{height:20px; line-height:20px; color:#777; font-size:12px}

#foot{width:100%; background:url(../images/bgfoot.png) repeat; height:220px}
.footewm{background-color:#fff; width:150px; padding:25px; height:170px; float:left; margin-right:80px}
.footewm img{width:150px; height:150px}
.footewm p{height:20px; line-height:30px; font-size:14px; color:#333; letter-spacing:1px; text-align:center}
.footm{float:left; width:900px; height:180px; padding-top:40px; color:#fff; font-size:14px}
.footm p{width:700px; height:40px; border:1px solid #fff; color:#fff; line-height:40px; padding:0 40px; text-align:center; margin-bottom:15px}
.footm p a{padding:0 18px; color:#fff; font-size:14px}
.footm li{height:24px; line-height:24px; letter-spacing:1px}
.footm li span{margin-right:40px}
.footm li a{color:#fff; text-decoration:underline}

.izl-rmenu{position:fixed; right:10px; top:50%; margin-top:-60px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-ewm{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-ewm:hover{background-color:#ff811b;}
.izl-rmenu .btn-ewm .pic{position:absolute; left:-160px; top:0px; display:none; width:160px; height:160px; float:left}






/*首页-热销产品*/
.hot .title {
	text-align: center;
	margin: 50px auto;
}
.hot .title h3 {
	font-size: 30px;
	margin: 10px 0;
}
.hot .title p {
	background: url(../images/title_bg.png) no-repeat 0 center;
}
.hot .con {
	padding: 0 100px;
	min-width: 1200px;
	box-sizing: border-box;
}
.hot .con .hotC {
	width: 49%;
	margin: 0 1% 1% 0;
	position: relative;
	float: left;
}
.hot .con .hotC:hover .two {
	display: block
}
.hot .con .hotC img {
	width: 100%;
}
.hot .con .hotC .two {
	background: #b7183f;
	width: 100%;
	opacity: .8;
	position: absolute;
	top: 0;
	bottom: 0;
	color: #fff;
	text-align: center;
	padding: 16% 20% 0;
	box-sizing: border-box;
	display: none;
}
.hot .con .hotC .two p {
	color: #fff;
	font-size: 18px;
	line-height: 36px;
	margin: 6% 0;
}
.hot .con .hotC .xilie {
	font-size: 30px;
	text-align: center;
	display: inline-block;
	padding: 5% 8%;
	line-height: 40px;
}
.hot .con .hotC .two a {
	border: 1px solid #fff;
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin: 1em 0 0 0;
	padding: 5% 20%;
}
.hot .con .hotC .xilie2 {
	padding: 5% 13%;
}
.hot .con .hotC .xilie2 .xilie {
	font-size: 24px;
	text-align: center;
	display: inline-block;
	padding: 1% 5%;
	line-height: 40px;
}
.hot .con .hotC .xilie2 p {
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	margin: 2% 0;
}
.hot .con .hotC .xilie2 a {
	border: 1px solid #fff;
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin: .5em 0 0 0;
	padding: 3% 10%;
}
.hot .con .hotC .xilie3 {
	padding: 10% 20%;
}
.hot .con .hotC .xilie3 .xilie {
	font-size: 22px;
	text-align: center;
	display: inline-block;
	padding: 1% 5%;
	line-height: 30px;
}
.hot .con .hotC .xilie3 p {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	margin: 2% 0 0 0;
}
.hot .con .hotC .xilie3 a {
	border: 1px solid #fff;
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin: .5em 0 0 0;
	padding: 3% 10%;
}




#mid{padding:40px 0 30px 0}
#midli{line-height:40px; font-size:14px; text-align:center; height:70px; color:#ccc}
#midli a{padding:6px 10px; margin:0 16px; color:#555}
#midli a:hover{background-color:#d53058; color:#ffffff; border-radius:18px}
#midli .midlinow{background-color:#d53058; color:#ffffff; border-radius:18px}

 .wrap h4{text-align:center; color:#d53058; }
.wrap h4 strong{font-size:22px; display:block; line-height:30px; height:30px; letter-spacing:2px}
.wrap h4 strong a{color:#FEC732}
.wrap h4 span{display:block; height:20px; line-height:20px; background:url(../images/h4bg.png) center no-repeat; font-size:12px}
#iabout{padding:40px 0}
.iabml{width:440px; height:440px; float:left; display:block; margin-left:20px}
.iabmt{display:block; width:570px; height:150px}
.iabm div{width:570px; float:left; height:410px; padding:15px; background-color:#f0f0f0; position:relative}
.iabm div p{color:#5a5a5a; font-size:12px; padding-top:12px; line-height:22px; letter-spacing:1px}
.iabm div a{position:absolute; display:block; width:108px; text-align:center; height:32px; line-height:32px; border:1px solid #00A0EA; left:15px; bottom:15px; border-radius:16px; font-size:12px; color:#00A0EA}
.iabm div a:hover{background-color:#00A0EA; color:#fff}
 
#page{width:100%; height:30px; line-height:30px; margin:10px auto; text-align:center}
#page a{color:#555; border:1px solid #ccc; font-size:14px; padding:3px 10px; margin:0 4px}
#page a:hover{color:#00A0EA; border-color:#d53058}
#page .pagenow{border:0; color:#00A0EA; text-decoration:underline}
#page a.current { background-color: #d53058; color:#FFF }

.newslist{margin-bottom:20px}
.newslist li{margin:0 25px 0 5px; line-height:36px; height:36px; border-bottom:1px dashed #ccc; padding-top:3px; font-size:14px}
.newslist li strong{float:left; width:72px; color:#d53058; display:block}
.newslist li a{float:left; width:840px; color:#555; display:block}
.newslist li span{float:right; width:90px; color:#d53058; display:block; text-align:right; font-size:12px}
.newslist li:hover a{color:#d53058}
.newslist li:hover span{color:#333}

 


#prolist li{width:270px; height:245px;float:left; margin:0 15px 10px 5px; border:1px solid #ddd; }
/*#prolist li img{ padding:2px; height:174px; max-width:255px; display:block; margin:0 auto}*/

#prolist li img{ padding:2px;  width:266px; display:block; margin:0 auto}
#prolist li p{text-align:center; font-size:14px; height:32px; line-height:30px; width:248px; margin:0 auto; border-top:1px solid #e2e2e2;}
#prolist li p a{color:#555}
#prolist li:hover{border:1px solid #d53058}
#prolist li:hover a{color:#d53058}



news{padding:40px 0}
#news img{max-width:1180px}
.newsm{margin:35px auto 10px auto}
.newsm h3{height:20px; line-height:20px; color:#000; font-size:18px; border-left:5px solid #3C78D8; padding-left:5px; margin-bottom:5px}
.newsm h1{height:52px; line-height:52px; font-size:52px; font-weight:200; border-left:10px solid #3C78D8; margin-bottom:20px; padding-left:5px}
.newsst{height:35px; line-height:20px; color:#777; font-size:12px}
.newsst span{padding-right:20px}
.newsm p{padding:10px 0; line-height:24px; font-size:14px; color:#555;  }

.updown p{height:24px; line-height:24px; font-size:14px; color:#333}
.updown p a{color:#777}
.updown p a:hover{color:#276AD3}

#message{padding:40px 0}
.messm{padding:20px 0}
.messm img{width:470px; margin-right:40px; float:left; height:365px}
.messm ul{ width:770px; margin:0 auto }
.messm ul a{ color:#666}
.messm ul li{height:50px; line-height:34px}
.messm li label{display:block; font-size:14px; color:#555; width:72px; float:left; height:50px}
.messm li input{height:32px; line-height:32px; border:1px solid #aaa; font-size:14px; padding-left:6px; width:690px}
.messm li select{height:34px; line-height:34px; border:1px solid #aaa; font-size:14px; padding-left:6px; width:698px}
.messm ul div{}
.messm div label{display:block; font-size:14px; color:#555; width:72px; float:left; }
.messm textarea{width:684px; padding:6px; resize:none; height:132px; border:1px solid #aaa; font-size:14px; line-height:24px}
.messm p input{width:699px; margin-left:72px; height:42px; border:0; background-color:#d53058; color:#fff; font-size:15px; letter-spacing:2px}
.messm p input:hover{background-color:#c7143f}

#contact{padding:40px 0}
.mapwrap{position:relative; width:100%; height:382px; margin:35px 0 20px 0}
.mapwrap ul{position:absolute; top:30px; left:10%; width:260px; padding:10px 10px 10px 15px; height:280px; background-color:#fff; float:left; z-index:999; border-bottom:5px solid #276AD3; border-top:5px solid #276AD3; filter:alpha(opacity:80); opacity:0.8}
.mapcon{width:99.5%; height:360px; margin:8px 0 12px 0; border:1px solid #ccc}
.mapwrap ul img{width:270px; height:80px; margin-bottom:6px}
.mapwrap ul li{line-height:20px; font-size:14px; color:#222; padding:2px 0}
.mapwrap ul li strong{display:block; float:left; width:72px}
.mapwrap ul li span{display:block; float:left}
.mapwrap ul li .maplist1{width:90px}
.mapwrap ul li .maplist2{width:55px}
.mapwrap ul div{height:76px; padding-top:10px; border-top:1px dashed #999; width:260px; margin-top:10px; color:#276AD3; font-size:14px}
.mapwrap ul div img{float:left; width:96px; height:96px; margin-right:6px}
.mapwrap ul div span{display:block; height:20px; line-height:20px}
.mapwrap ul div strong{display:block; height:20px; line-height:20px; font-weight:bold}
.mapwrap ul div p{height:36px; line-height:18px; font-size:12px}

 

#pro{padding:40px 0}