body,html,ul,li,ol{ margin: 0px; padding: 0px; list-style: none; }
html{ font-family:"microsoft Yahei"; font-size: 12px; line-height: 23px; }
body{ background: #d9f4fd; color: #333; }

.clear{ clear: both; display: block; }
a{ color: #333; text-decoration: none; }


.index{ clear: both; display: block; width: 1200px; margin: 20px auto; }

/* top */
.top{ clear: both; display: block; min-width: 1200px; height: 562px; background: URL(../images/top.jpg) center top no-repeat; }


.menu{ clear: both; display: block; min-width: 1200px; height: 45px; line-height: 45px; background: #148bc7; }
.menu ul{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.menu a{ float: left; display: block; padding: 0px 12px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; }
.menu a:hover{ background: #0068c9; }
.menu .on{ background: #0068c9; }



.index{ clear: both; display: block; width: 1200px; margin: 20px auto; }

.indexTop{ clear: both; display: block; height: 419px; background: URL(../images/about.png) center top no-repeat; position: relative; }
.indexVideo{ position: absolute; width: 280px; height: 280px; left: 55px; top: 35px; }
.indexVideoTit{ clear: both; display: block; font-size: 16px; font-weight: bold; color: #000; text-indent: 3em; }
.indexVideoC{ clear: both; display: block; margin-top: 30px; height: 230px; }


.indexAbout{ position: absolute; width: 730px; right: 55px; top: 35px; }
.indexAboutTit{ clear: both; display: block; font-size: 16px; font-weight: bold; color: #000; text-align: right; padding-right: 50px; }
.indexAboutC{ clear: both; display: block; margin-top: 30px; }
.indexTxt{ float: left; display: block; width: 415px; height: 250px; overflow: hidden; }
.indexFocus{ float: right; display: block; width: 300px; }
#myFocus{ width: 300px; height: 230px;}
#myFocus img{ width: 300px; height: 230px;}


/* indexOther */
.indexOther{ clear: both; display: block; margin: 20px 0px; }
.indexChengguo{ float: left; display: block; width: 840px; height: 300px; background: #fff; position: relative; }
.indexChengguo1{ position: absolute; left: 15px; top: 25px; width: 60px; height: 250px; }
.indexChengguo2{ position: absolute; right: 275px; top: 25px; width: 60px; height: 250px; }
.indexChengguo3{ position: absolute; right: 210px; top: 25px; width: 60px; height: 250px; }
.indexChengguo4{ position: absolute; right: 145px; top: 25px; width: 60px; height: 250px; }
.indexChengguo5{ position: absolute; right: 80px; top: 25px; width: 60px; height: 250px; }
.indexChengguo6{ position: absolute; right: 15px; top: 25px; width: 60px; height: 250px; }

.indexChengguoList{ position: absolute; left: 95px; top: 25px; width: 400px; }
.indexChengguoList li{ float: left; display: block; width: 50%; text-indent: 1em; background: URL(../images/icon.png) left 50% no-repeat; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.indexLink{ float: right; display: block; width: 345px; height: 300px; background: #fff; }
.indexLink li{ float: left; display: block; width: 145px; height: 108px; margin: 17px 0px 0px 17px; text-align: center; padding-top: 15px; overflow: hidden; }
.indexLink li img{ border: 0px; width: 65px; height: 65px; }
.indexLink li span{ clear: both; display: block; margin-top: 10px; }
.indexLink li a{ color: #fff; font-size: 14px; }
.link1{ background: #00a0ea; }
.link2{ background: #ff9501; }
.link3{ background: #48d46c; }
.link4{ background: #01c6cc; }





/* indexNews */
.indexNews{ clear: both; display: block; background: #fff; padding: 20px 0px; }
.indexNewsTit{ clear: both; display: block; text-align: center; margin-bottom: 20px; }
.indexNewsTit a{ display: inline-block; width: 120px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #000; background: #b0b5b9; cursor: pointer; margin: 0px 10px; }
.indexNewsTit .cur{ background: #fe9603; color: #fff; }



.indexNewsContent{ clear: both; display: block; }
.indexNewsList{ clear: both; display: none; margin-bottom: 20px; }
.indexNewsPic{ clear: both; display: block; margin-bottom: 20px; }
.indexNewsPic a{ float: left; display: block; width: 170px; height: 130px; position: relative; margin-left: 25px; }
.indexNewsPic a img{ border: 0px; width: 170px; height: 130px; }
.indexNewsPic a span{ position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; height: 20px; line-height: 20px; background: rgba(0,0,0,0.5); color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.indexNewsListS{ clear: both; display: block; margin: 20px 0px; }
.indexNewsListS li{ float: left; display: block; width: 560px; margin-left: 25px; height: 35px; line-height: 35px; text-indent: 1em; font-size: 14px; background: URL(../images/icon.png) left 50% no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.indexNewsListS li span{ float: right; }


.subNewsList{ clear: both; display: block; margin: 0px 20px 20px; }
.subNewsList li{ clear: both; display: block; height: 35px; line-height: 35px; border-bottom: 1px dashed #e3e3e3; text-indent: 1em; font-size: 14px; background: URL(../images/icon.png) left 50% no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.subNewsList li span{ float: right; }


/* copyright */
.copyright{ clear: both; display: block; min-width: 1200px; height: 399px; background: URL(../images/copyright.jpg) center bottom no-repeat; }
.copyrightC{ width: 1200px; margin: 0px auto; padding: 20px 0px; text-align: center; font-size: 16px; line-height: 35px; }







.indexC{ clear: both; display: block; background: #fff; width: 1200px; margin: 20px auto; }

.indexTit{ clear: both; display: block; height: 50px; line-height: 70px; overflow: hidden; margin: 0px 20px 20px; border-bottom: 1px solid #e3e3e3; font-size: 16px; font-weight: bold; }
.indexTit span{ float: right; font-size: 12px; font-weight: normal; }


/* indexProductList */
.indexProductList{ clear: both; display: block; }
.indexProductList li{ float: left; display: block; width: 273px; border: 1px solid #c5c5c5; text-align: center; background: #f6f6f6; margin-left: 20px; margin-bottom: 40px; }
.indexProductList li div{ clear: both; display: block; width: 250px; height: 240px; margin: 14px; overflow: hidden; }
.indexProductList li div a{ clear: both; display: table-cell; width: 250px; height: 240px; vertical-align: middle; text-align: center; }
.indexProductList li div img{ border: 0px; width: 250px; }
.indexProductList li span{ clear: both; display: block; height: 40px; line-height: 25px; font-size: 14px; }






.title{ clear: both; display: block; height: 50px; line-height: 30px; font-size: 18px; text-align: center; }
.info{ clear: both; display: block; text-align: center; margin: 0px 20px; }
.pageList{ clear: both; display: block; height: 50px; line-height: 30px; text-align: center; font-size: 16px; border-top: 1px dashed #e3e3e3; padding-top: 15px; margin: 0px 20px; }
.page{ clear: both; display: block; line-height: 30px; font-size: 16px; border-top: 1px dashed #e3e3e3; padding: 15px 0px; margin: 0px 20px; }

.productsPic{ clear: both; display: block; text-align: center; margin: 0px 20px; }
.content{ clear: both; display: block; margin: 20px; padding-bottom: 20px; font-size: 16px; line-height: 35px; }

.contactText{ float: left; display: block; width: 300px; }
.contactMap{ float: right; display: block; width: 800px; height: 280px; border: 1px solid #e3e3e3; }



.leftFix{ position: fixed; left: 0px; bottom: 50px; width: 100px; height: 441px; background: URL(../images/left.jpg) left top no-repeat; z-index: 100; }
.rightFix{ position: fixed; right: 0px; bottom: 50px; width: 100px; height: 441px; background: URL(../images/right.jpg) left top no-repeat; z-index: 100; }