table,tbody,tr,td { width: 100%; height: 100%; }
.TitleEllipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align:center; }
.WrapBox { width: 1360px; margin: 0 auto; }

.Opacity0 { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }

.OpacityBg1 { background: rgba(0, 0, 0, 0.1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); }
.OpacityBg2 { background: rgba(0, 0, 0, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); }
.OpacityBg3 { background: rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); }
.OpacityBg4 { background: rgba(0, 0, 0, 0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); }
.OpacityBg5 { background: rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); }
.OpacityBg6 { background: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); }
.OpacityBg7 { background: rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); }
.OpacityBg8 { background: rgba(0, 0, 0, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000); }
.OpacityBg9 { background: rgba(0, 0, 0, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000); }

.layer { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; }
.layer .bg { width: 100%; height: 100%; }

.top,.header,.main,.footer { min-width: 1230px; }

.top { border-bottom: 1px solid #E8E8E8; height: 40px; line-height: 40px; }
.top .links ul { float: right; }
.top .links ul li { float: left; margin-right: 15px; }
.top .links ul li a { display: block; padding-left: 20px; }
.top .links ul li a:hover { color: #009AE7; }
.top .links .fav a { background: url(../images/public/top_ico_01.png) left center no-repeat; }
.top .links .message a { background: url(../images/public/top_ico_02.png) left center no-repeat; }
.top .links .map a { background: url(../images/public/top_ico_03.png) 6px center no-repeat; }

.header .MainNav { height: 80px; position: relative; z-index: 1000; }
.header .logo { height: 80px; }
.header .logo a { display: block; width: 100%; height: 100%; position: relative; }
.header .logo img { max-width: 100%; max-height: 80%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; }
.header .MenuList { height: 80px; }
.header .MenuList>ul { float: right; height: 80px; }
.header .MenuList>ul>li { float: left; height: 80px; line-height: 80px; margin-left: 60px; position: relative; z-index: 10; }
.header .MenuList>ul>li>a { border-bottom: 2px solid transparent; display: block; font-size: 18px; height: 100%; padding: 0 20px; transition-duration: 0.5s; }
.header .MenuList>ul>li:hover>a,.header .MenuList>ul>.current>a { border-bottom: 2px solid #FFCA0A; }
.header .MenuList .second { background: url(../images/public/MainNav_SecondMenu_bg.png) repeat; display: none; width: 190px; margin-left: -95px; padding: 10px 0; position: absolute; top: 80px; left: 50%; z-index: 10; }
.header .MenuList .second .li { height: 36px; line-height: 36px; text-align: center; }
.header .MenuList .second .li a { font-size: 16px; display: block; height: 100%; transition-duration: 0.1s; }
.header .MenuList .second .li a:hover { color: #FFCA0A; }

.main { min-height: 500px; }

.footer { background: #F2F2F2; }
.footer .BottomNav { border-bottom: 1px solid #D5D5D5; }
.footer .BottomNav ul li { float: left; height: 68px; line-height: 68px; margin: 0 48px; }
.footer .BottomNav ul li a { color: #333; font-size: 16px; transition-duration: 0.2s; }
.footer .BottomNav ul li a:hover { color: #009AE7; display: block; }

.footer .logo { height: 240px; }
.footer .logo a { display: block; margin-top: 60px; }
.footer .logo img { max-width: 100%; }
.footer .InfoBox { height: 240px; }
.footer .InfoBox .list { padding-top: 32px; }
.footer .InfoBox .list p { font-size: 16px; }
.footer .InfoBox .QrCode { padding-top: 32px; }
.footer .InfoBox .QrCode .pic { width: 150px; margin: 0 auto; }
.footer .InfoBox .QrCode .pic img { max-width: 100%; margin: 0 auto; }
.footer .InfoBox .QrCode .text { height: 30px; line-height: 30px; text-align: center; }
.footer .InfoBox .QrCode .text span { color: #333; font-size: 16px; }

.RightFloatMenu { width: 80px; height: 360px; margin: auto; position: fixed; top: 0; right: 0; bottom: 0; z-index: 10; }
.RightFloatMenu .list { width: 100%; height: 100%; }
.RightFloatMenu .list ul li { background-color: #E8E8E8; cursor: pointer; width: 80px; height: 90px; position: relative; transition-duration: 0.3s; }
.RightFloatMenu .list ul li a { display: block; height: 100%; line-height: 140px; text-align: center; }
.RightFloatMenu .list ul li:hover { background-color: #F8F8F8; }
.RightFloatMenu .list .contact { background-image: url(../images/public/RightFloatMenu_ico_01.png); background-repeat: no-repeat; background-position: center 10px; }
.RightFloatMenu .list .contact .qq { background: #F8F8F8; width: 0; height: 100%; line-height: 90px; overflow: hidden; position: absolute; top: 0; right: 80px; }
.RightFloatMenu .list .contact .qq span { color: #008CD7; display: block; font-size: 26px; width: 200px; text-align: center; }
.RightFloatMenu .list .tel { background-image: url(../images/public/RightFloatMenu_ico_02.png); background-repeat: no-repeat; background-position: center 10px; }
.RightFloatMenu .list .tel .num { background: #F8F8F8; width: 0; height: 100%; line-height: 90px; overflow: hidden; position: absolute; top: 0; right: 80px; }
.RightFloatMenu .list .tel .num span { color: #008CD7; display: block; font-size: 26px; width: 200px; text-align: center; }
.RightFloatMenu .list .ask { background-image: url(../images/public/RightFloatMenu_ico_03.png); background-repeat: no-repeat; background-position: center 10px; }
.RightFloatMenu .list .scan { background-image: url(../images/public/RightFloatMenu_ico_04.png); background-repeat: no-repeat; background-position: center 10px; }
.RightFloatMenu .list ul li>div { display: none; }
.RightFloatMenu .QrCode { position: absolute; top: 0; right: 80px; }

#GoToTop { background: url(../images/public/GoToTop.png) center no-repeat; cursor: pointer; display: none; width: 40px; height: 40px; margin-left: 700px; position: fixed; left: 50%; bottom: 100px; z-index: 100; }

@media screen and (max-width: 1440px){
	#GoToTop { margin-left: 620px; }
}

/*home*/
.home .section .CatTitle {  }
.home .section .CatTitle span { display: block; text-align: center; }
.home .section .CatTitle .zh { height: 36px; line-height: 36px; }
.home .section .CatTitle .zh a { font-size: 24px; }
.home .section .CatTitle .en { height: 20px; line-height: 20px; }
.home .section .CatTitle .en a { color: #B9B9B9; font-size: 14px; }
.home .section .CatTitle .more { height: 16px; line-height: 16px; }
.home .section .CatTitle .more a { font-size: 16px; }
.home .section .CatTitle span a:hover { color: #009FE9; }

.home .ThTitle { border: 1px solid #C4C4C4; border-bottom: none; height: 54px; position: relative; }
.home .ThTitle .TitleName { height: 20px; line-height: 20px; margin: auto; padding-left: 10px; position: absolute; top: 0; left: 20px; bottom: 0; }
.home .ThTitle .TitleName span { font-size: 18px; }
.home .ThTitle .TitleName i { background: #009FE9; width: 3px; height: 16px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; }
.home .ThTitle .more { height: 20px; line-height: 20px; margin: auto; position: absolute; top: 0; right: 20px; bottom: 0; }
.home .ThTitle .more a {  }
.home .ThTitle .more a:hover { color: #FD0000; }
.home .TdContent { border: 1px solid #C4C4C4; }

@media screen and (max-width: 1440px){
	.WrapBox { width: 1200px; }
	.header .MenuList>ul>li { margin-left: 50px; }
	.footer .BottomNav ul li { margin: 0 35px; }
}

.ColumnPage .ColumnBanner { width: 100%; height: 400px; overflow: hidden; position: relative; }
.ColumnPage .ColumnBanner .pic { width: 4000px; height: 100%; margin-left: -2000px; position: absolute; top: 0; left: 50%; }
.ColumnPage .ColumnBanner .pic a { display: block; width: 100%; height: 100%; }
.ColumnPage .ColumnBanner .pic img { display: block; height: 100%; margin: 0 auto; }
.ColumnPage .CatTitle { border-bottom: 1px solid #E6E6E6; line-height: 49px; margin-bottom: 30px; }
.ColumnPage .CatTitle .CatName { float: left; height: 48px; line-height: 48px; position: relative; }
.ColumnPage .CatTitle .CatName span { float: left; font-size: 16px; height: 100%; }
.ColumnPage .CatTitle .zh { color: #333; margin-left: 20px; }
.ColumnPage .CatTitle .ForwardSlash { color: #B4B4B4; margin: 0 5px; }
.ColumnPage .CatTitle .en { color: #B4B4B4; }
.ColumnPage .CatTitle .CatName i { background: #00A0E9; width: 3px; height: 16px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; }

.ColumnPage .CatTitle .CrumbBox { float: right; }
.ColumnPage .CatTitle .crumb { height: 48px; line-height: 48px; }
.ColumnPage .CatTitle .crumb ul li { float: left; }
.ColumnPage .CatTitle .crumb ul li a { color: #757575; font-size: 16px; }
.ColumnPage .CatTitle .crumb ul li a:hover { color: #00A1E9; }
.ColumnPage .CatTitle .crumb ul li i { font-size: 16px; margin: 0 5px; }
.ColumnPage .CatTitle .crumb ul li span { color: #00A1E9; font-size: 16px; }
.ColumnPage .CatContent {  }

.PageBox {  }
.PageBox .PageNav { float: right; }
.PageBox .PrevNext,.PageBox .PageList,.PageBox .PageList ul li { float: left; height: 36px; line-height: 36px; }
.PageBox .PrevNext a,.PageBox .PageList ul li a { display: block; height: 34px; line-height: 34px; }
.PageBox .PrevNext { border: 1px solid #E5E5E5; width: 30px; }
.PageBox .PageList ul li { border: 1px solid #E5E5E5; margin: 0 5px; }
.PageBox .PageList ul li a { color: #333; font-size: 16px; padding: 0 10px; }
.PageBox .PageList ul li:hover,.PageBox .PageList .current { background: #00A0E9; border: 1px solid #00A0E9; }
.PageBox .PageList ul li:hover a,.PageBox .PageList .current a { color: #FFF; }

.PageBox .prev { background: url(../images/public/PrevNext.png) center -36px no-repeat; }
.PageBox .next { background: url(../images/public/PrevNext.png) center top no-repeat; }










