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


#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image:url(images/myw2on.jpg);
       background-image:url(images/myw3on.jpg);
       background-image:url(images/myw4on.jpg);
}

body{font-size:14px; margin:0; padding:0}
.logoDiv{width:100%; height:130px; background:#CC322D; text-align:center}
.logoDiv div{background:url(images/mlogo.jpg); width:1220px; height:130px; margin:0 auto;}
.menuDiv{width:100%; height:72px; background:#323335; text-align:center}
.menuDiv ul{width:1190px; margin:0 auto; list-style:none; padding:0px;}
.menuDiv ul li{width:170px; text-decoration:none; display:block; line-height:72px; font-size:16px; color:#ffffff; font-weight:bold; float:left}
.menuDiv ul li:hover{background:#CC322D;}
.iaboutDiv{width:100%; height:370px; background:#F8F8F8; text-align:center}
.iaboutTitle{width:1220px; height:70px; margin:0 auto; font-size:20px; text-indent:240px; color:#555555; text-align:left; line-height:100px; font-weight:bold}
.iabout{width:1220px; height:250px; margin:0 auto;}
.iaboutPic{width:320px; height:250px; float:left; margin-left:0px;}
.iaboutTxt{width:400px; height:230px; line-height:150%; float:left; color:#7C7C7C; padding-left:30px; padding-right:30px; text-align:left; overflow:hidden}
.iabout a{width:90px; height:250px; margin-left:20px; float:left; display:block}
.iaboutA01{background:url(images/myw1.jpg);}
.iaboutA02{background:url(images/myw2.jpg);}
.iaboutA02:hover{background:url(images/myw2on.jpg);}
.iaboutA03{background:url(images/myw3.jpg);}
.iaboutA03:hover{background:url(images/myw3on.jpg);}
.iaboutA04{background:url(images/myw4.jpg);}
.iaboutA04:hover{background:url(images/myw4on.jpg);}


.adDiv{width:100%; height:321px; background:url(images/madvbg.jpg); margin-top:40px;}
.adDiv div{width:1220px; height:321px; background:url(images/madv.jpg); margin:0 auto;}
.mqdiv{width:1220px; height:410px; margin:0 auto; background:#FFFFFF}
.mq{width:1120px; height:410px; background:#FFFFFF; margin:0 auto; overflow:hidden;}
.mq ul{list-style:none; padding:0px; margin:0px;}
.mq ul li{float:left}
.mq a{display:block; float:left; width:400px; height:300px; margin-left:40px; margin-top:25px; text-decoration:none}
.mq div{width:400px; height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#000000; text-align:center}

#nav li ul {display:none; position:absolute; background:#CC322D; list-style:none; margin:0px; padding:0px; width:170px; z-index:10000;}
.mainlevel ul li a{color:#F0F0F0; display:block; width:170px; height:72px}
.mainlevel ul li a:hover{color:#FFFFFF; background:#AC0002;}
.menuul li a{color:#FFFFFF; text-decoration:none; font-size:16px;}
.menuul li a:hover{ color:#FFFFFF; text-decoration:none}

.leftnews{display:block; width:375px; height:40px; margin-top:5px; margin-bottom:5px; background:url(images/ico.png) left no-repeat; text-indent:3.5em; font-weight:bold; font-size:14px; color:#707070; line-height:40px; border-bottom:1px solid #e1e1e1; text-decoration:none}
.leftnews:hover{ color:#E13C3F}
.leftproduct{display:block; width:375px; height:77px; margin-top:20px; background:url(images/leftPbg.jpg) no-repeat; text-align:center; font-weight:bold; font-size:20px; color:#323335; line-height:77px; text-decoration:none}
.leftproduct:hover{color:#E13C3F}
.rightP{width:240px; height:220px; float:left; margin:13px; display:block; text-decoration:none}
.rightPpic{width:240px; height:180px; background:#F4F4F4}
.rightPtxt{width:240px; height:40px; line-height:40px; font-weight:bold; font-size:16px; color:#707070; text-align:center}
.rightPtxt:hover{color:#E13C3F}
.rightCase{width:374px; height:310px; float:left; margin:13px; text-decoration:none; display:block}
.rightCasePic{width:374px; height:270px; background:#F4F4F4}
.rightCasetxt{width:374px; height:40px; line-height:40px; font-weight:bold; font-size:16px; color:#707070; text-align:center}
.rightCasetxt:hover{color:#E13C3F}
.rightTitle{width:774px; margin-left:13px; background:#E13C3F; line-height:70px; height:70px; text-align:center; font-weight:bold; font-size:20px; color:#FFFFFF }
.rightCon{width:800px; margin-left:25px; float:left}
.allcon{width:100%; margin-top:30px;}
.allconDiv{width:1200px; margin:0 auto;}
.rightConTxt{width:760px; margin-top:30px; margin-left:13px; line-height:150%; font-size:16px; color:#707070 ; float:left}


.leftDiv{width:375px; float:left}
.leftTproduct{width:375px; height:70px; background:#323335; text-align:center; font-size:20px; line-height:70px; font-weight:bold; color:#FFFFFF;}
.leftTnews{width:375px; height:70px; margin-top:20px; background:#323335; text-align:center; font-size:20px; line-height:70px; font-weight:bold; color:#FFFFFF;}
.leftContact{width:375px; height:436px; background:url(images/Contact.jpg) center no-repeat; margin-bottom:30px;}

.flexslider {
	position: relative;
	overflow: hidden;
	width:100%; height:385px;  background:#000000; text-align:center
}

.slides{position:relative; width:1220px; height:385px; margin:0 auto; padding:0px;}
.slides li a{width:1220px; height:385px; display:block}
.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.pagediv{width:100%; float:left; height:60px; margin-bottom:20px; margin-top:20px; text-align:center;}
.pagecenter{position:relative;left:50%; float:left}
.pagecenter a{ margin:10px; height:20px; padding:10px; line-height:20px; font-size:16px;  border:1px solid #ECECEC; background:#F4F4F4; font-weight:bold;  color:#676767; text-decoration:none; float:left; display:inline-block;right:50%; position:relative}
.pagecenter a:hover{background:#CC322D; color:#FFFFFF;}