body {margin: 0px; font-family: Arial, Helvetica, sans-serif; line-height:27px;  font-size:12px; background:#f1f1f1; font-family:"microsoft YaHei"; color:#000;}
ul,li,ol{list-style-type:none; margin:0px; padding:0;}
img{border:0;}
a{ text-decoration:none; color:#000;}
.indexClear{ clear: both; display: block; }
.clear{ clear:both; display:block;}


/* index style start */
.index{ clear: both; display: block; width: 1000px; margin: 0px auto; }


.topText{ clear: both; display: block; height: 32px; line-height: 32px; background:#f2f2f2 URL(https://cdmyok.com/images/topText.jpg) left top repeat-x; font-size: 14px; }
.topLeft{ float: left; display: inline-block; margin-left: 10px; }
.topRight{ float: right; display: inline-block; margin-right: 10px; }
.topRight a{ margin-left: 10px; }

.top{ clear:both; display:block; width:1000px; height: 225px; background: URL(https://cdmyok.com/images/top.jpg) left top no-repeat; }


/*  menu style start */
.menu{ clear: both; display: block; height: 39px; line-height: 39px; background: #0086df; border: 1px solid #1267a8; margin-bottom: 10px; }
.menu ul{ margin-left: 12px; }
.menu li{ float: left; display: block; }
.menu li a{ display: inline-block; color: #FFF; font-size: 14px; padding: 0px 18px;  }
.menu li .on{ clear: both; display: block; color: #FFF; background: #0173c9; }
.menuLine{ float:left; display:block; width:2px; height:29px; background:URL(https://cdmyok.com/images/menuLine.jpg) left 50% no-repeat; }


/* index title */
.indexTitle{ clear: both; display: block; height: 34px; line-height: 34px; background: #f4f4f4; border: 1px solid #dddddd; }
.indexTitle .titleName{ float: left; display: block; width: 112px; height: 34px; background: URL(https://cdmyok.com/images/indexTitle.jpg) left top no-repeat; text-align: center; color: #FFF; font-size: 14px; }
.indexTitle .titleURL{ float: right; display: block; color: #999999; margin-right: 10px; }
.indexTitle .titleURL a{ color: #999999; }

/* ad */
.ad{ clear: both; display: block; height: 87px; background: URL(https://cdmyok.com/images/ad.jpg) left top no-repeat; margin: 10px 0px; }

/* banner */
.banner{ float: left; display: block; width: 500px; height: 378px; }
#flash{ width:500px; height:378px; overflow:hidden;}
#flash img{ border:0px; width:500px; height:378px; }


/* notice */
.indexNews{ float: right; display: block; width: 490px;  }
.indexNews .indexNewsList{ height: 345px; }
.noticeTitle{ clear: both; display: block; height: 31px; line-height: 31px; background: #f6f6f6 URL(https://cdmyok.com/images/noticeTitle.jpg) left top repeat-x; border: 1px solid #e3e3e3; }
.noticeTitle span{ display: inline-block; height: 32px; line-height: 32px; background: #FFF; padding: 0px 20px; font-size: 16px; color: #C00; }


/* indexLeft */
.indexLeft{ float: left; width: 740px; }
.newsOne{ float: left; width: 360px; margin-right: 10px; margin-bottom: 10px; }
.indexNewsList{ clear: both; display: block; background: #FFF; border: 1px solid #e3e3e3; border-top: none; height: 250px; overflow: hidden; }
.indexNewsList ul{ margin: 0px 10px; padding: 10px 0px; }
.indexNewsList li{ clear: both; display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #e3e3e3; text-indent: 1em; background: URL(https://cdmyok.com/images/newsIcon.jpg) left 50% no-repeat; }
.indexNewsList span{ float: right; }


/* indexRight */
.indexRight{ float: right; width: 250px; }
.datingTit{ clear: both; display: block; height: 46px; background: URL(https://cdmyok.com/images/datingTit.jpg) left top no-repeat; margin-bottom: 5px; }
.danweiTit{ clear: both; display: block; height: 45px; background: #f7f7f7; border-bottom: 1px solid #e3e3e3; }
.danweiTit span{ display: inline-block; width: 100px; height: 45px; line-height: 45px; text-align: center; border-top: 1px solid #0070d1; font-size: 16px; color: #0070d1; background: #FFF; border-right: 1px solid #e3e3e3; margin-bottom: -1px; }

.danweiList{ clear: both; display: block; background: #FFF; padding: 0px 0px 15px; }
.danweiList li{ float: left; display: block; width: 100px; text-align: center; margin: 10px 0px 0px 15px; padding: 7px 0px; font-size: 14px; }
.danweiList li span{ clear: both; display: block; }
.danweiList li span img{ border: 0px; width: 30px; height: 30px; }

.danwei1{ background: #fdddc2; }
.danwei2{ background: #e6efc3; }
.danwei3{ background: #cfd8f5; }
.danwei4{ background: #d5f0eb; }

.iconList{ clear: both; display: block; }
.iconList li{ clear: both; display: block; height: 86px; overflow: hidden; margin-top: 6px; }
.iconList li img{ border: 0px; border: 0px; height: 86px; }

.pingtai{ clear: both; display: block; }
.pingtai a{ clear: both; display: block; height: 47px; line-height: 47px; background: #42caf2; color: #FFF; font-size: 20px; font-weight: bold; text-indent: 1.5em; margin-top: 6px; border: 1px solid #5086ac;  }

/* zhi fa */
.zhifa{ clear: both; display: block; background: #FFF; border: 1px solid #e3e3e3; border-top: none; padding: 15px 0px; }
.zhifa img{ border: 1px solid #e3e3e3; height: 180px; margin-right: 10px; }



/* copy ================= */
.copyright{ clear: both; display: block; padding: 20px 0px; border-top: 5px solid #1876ce; text-align: center; background: #FFF; margin-top: 20px; font-size: 14px; }






/* sub right style */
.left{ float: left; display: block; width: 250px; }
.right{ float: right; display: block; width: 735px; background: #FFF; }


.subContentText{ clear:both; display:block; margin:15px; font-size:14px;}
.subContentText a{ font-size:15px;}
.subContentText img{ max-width: 100%; }
.subContent{ clear:both; border:1px solid #e3e3e3; border-top: none; }
.subRightContent{ clear:both; border:1px solid #e3e3e3; background:#FFF; padding:10px; font-size:14px;}
.location{ clear:both; display:block; height:36px; line-height:36px; background:#fff URL(https://cdmyok.com/images/location.gif) left 50% no-repeat; text-indent:1em; border-bottom:1px solid #e3e3e3; font-size:16px; font-weight:bold;
	-webkit-box-shadow: 2px 2px 5px #e7e7e7;
	-moz-box-shadow: 2px 2px 5px #e7e7e7;
	box-shadow: 2px 4px 9px #dfdfdf;
}
.location span{ float:right; margin-right:5px; font-size:12px; font-weight:normal;}


.subRightBottom{ clear:both; height:34px; }

.subNewsContent{ clear:both; margin:0px; }
.subNewsContent p{ margin:0px; padding:0px;}

.subNews{ clear:both; margin:15px; }
.subNews li{ clear:both; height:35px; line-height:35px; overflow: hidden; text-overflow: ellipsis; white-space: normal; background:URL(https://cdmyok.com/images/newsIcon.jpg) left 50% no-repeat; border-bottom:1px dashed #e3e3e3; text-indent:1.2em; font-size: 14px; }
.subNews li span{ float:right; }

.newsTitle{ clear:both; text-align:center; font-size:16px; font-weight:bold; height:auto; margin:10px 0px;}
.info{ clear:both; text-align:center; height:auto; margin:15px 0px;}

.subPic{ clear:both; padding-top:20px; }
.subPic li{ float:left; margin-left:15px; width:220px; height:245px; overflow:hidden; text-align:center; font-size:15px;}
.subPic li div{ clear:both; display:table-cell; width:220px; height:206px; vertical-align:middle; }
.subPic li span{ clear:both; display:block;}
.subPic li div img{ border:0px; max-width:220px; max-height:206px; }

.subChannelPic{ clear:both; padding-top:20px; margin-bottom:20px; }
.subChannelPic li{ float:left; margin-left:16px; width:200px; overflow:hidden; text-align:center;}
.subChannelPic li div{ clear:both; display:table-cell; width:198px; height:198px; vertical-align:middle; border:1px solid #ccc;}
.subChannelPic li span{ clear:both; display:block;}
.subChannelPic li div img{ border:0px; }





.page{ clear:both; display:block; margin:0px 20px; padding:15px 0px; font-size:14px;}
.preNext{ clear:both; margin-top:10px; padding-top:10px; border-top:1px solid #e3e3e3;}
.proPic{ clear:both; margin:10px 0px; text-align:center;}

.orderBtn{ clear:both; display:block; text-align:center; margin:15px 0px;}
.orderBtn a{ display:inline; text-align:center; padding:10px 20px; color:#FFF; font-size:16px; font-weight:bold; background:#f18403;}



/* scroll start */
#demo {
overflow:hidden;
width:980px;
margin:0px auto;
}

#demo li{
	float:left;
	text-align:center;
}
#indemo {
float: left;
width: 1600%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/* scroll end */


/* scroll start */
#demoThree {
overflow:hidden;
width:980px;
height:220px;
margin:10px auto 0px;
}
#demoThree span{ display:block; clear:both; text-align:center;}
#demoThree li{
	float:left;
	text-align:center;
	padding:0px;
}

#indemoThree {
float: left;
width: 1600%;
}
#demoThree1 {
float: left;
}
#demoThree2 {
float: left;
}
/* scroll end */


.borderBorder{ border-collapse: collapse; line-height: 28px; text-align: left; margin: 15px 0px; }
.borderBorder td{ padding: 0px 3px 0px 8px; font-size: 12px; }
.borderBorder strong{ clear: both; display: block; width: 100%; text-align: center; }