body { margin:0px;  FONT-FAMILY: "微软雅黑","Microsoft YaHei",Verdana,"Courier New",Courier,monospace,Arial, Helvetica, sans-serif; color:#fff; font-size:12px; background:#fff;}
A{
	 COLOR:#fff; text-decoration:none;
}
A:hover {
	COLOR:#CC020E; text-decoration:none;
}
.pages{ width:760px; margin:0 auto;text-align:center; height:60px; line-height:60px; float:right;}
#page {font-size:12px;padding:15px 0; font-family:Arial, Helvetica, sans-serif;  float:left;margin:0 auto; text-align:center;}
	#page ul{font-size:12px;margin:0 auto; float:left;display:table;text-align:center;}
	#page li{font-size:12px;float:left !important; float:left;margin-right: 2px; height:17px;line-height:17px;display:inline;}
	#page span{display: block; padding: 2px 5px;float:left; background: #FFFFFF; border: 1px solid #000000; color: #000000; }
	#page a{font-size:12px;display: block;float:left; text-decoration: none; margin:0px; color: #ffffff;padding: 2px 5px 2px 5px;background:#333333;}
	#page a:link,#page a:visited {border: 1px solid #CCCCCC;float:left;font-size:12px; }
	#page a:hover {background:#FFFFFF;float:left;color:#0E78BE;font-size:12px;}
	#span1 { float:left; padding-top:15px;float:left;font-size:12px;}
.dmain{ width:100%; height:auto; overflow:hidden;}
.main{ width:1202px; height:auto; overflow:hidden; margin:0 auto;}
.mainnr{ width:100%; height:auto; overflow:hidden;}
.top{ height:82px; position:fixed; width:100%; background:#FFF; z-index:100;}
.logo{ float:right; padding:17px 20px 17px 0px; height: auto; overflow:hidden;}
.topr{ width:180px; height:auto; overflow:hidden; float:left;}
.dhm{ float:left; height:auto; overflow:hidden; height:80px; background:#FFF;}
.dhm a{ display:block; line-height:80px; font-size:16px; color:#333; padding-left:40px; padding-right:40px}
.dhm a:hover { display:block; line-height:80px; font-size:16px; color:#333; padding-left:40px; padding-right:40px; background:#F4F4F4;}
.dhms{ float:left; height:auto; overflow:hidden; height:80px;}
.dhms a{ display:block; line-height:80px; font-size:16px; color:#333; padding-left:40px; padding-right:40px; background:#F4F4F4;}
.dhms a:hover { display:block; line-height:80px; font-size:16px; color:#333; padding-left:40px; padding-right:40px; background:#F4F4F4;}
.syprofj{ width:20px; height:99px; overflow: hidden; float:left; background:url(optu/syprofj.jpg) top center no-repeat;}
.syprom{ float:left; height:99px; overflow:hidden; float:left;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:125px; text-align:center;}
.syprom a{ display:block; margin-top:9px; padding-top:60px; line-height:30px; font-size:12px; color:#333;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.syprom a:hover { display:block; margin-top:9px; padding-top:60px; line-height:30px; font-size:12px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.syabout{ width:100%;  height:450px; position:relative; background:#f7f7f7;}
.syabout_1{ left:0px; top:0px; width:50%; height:450px; position:absolute; z-index:0; background:url(optu/syabout.jpg) top center no-repeat;}
.syabout_2{ right:0px; top:0px; width:50%; height:450px; position:absolute; z-index:2;}

.syabout_2s{ width:70%; height:auto; margin:0 auto; overflow:hidden;}
.syabout_2s_1{ height:auto; overflow:hidden; padding-top:80px; padding-bottom:30px; line-height:28px; font-size:14px; color:#333;}
.syabout_2m{ float:left; padding-left:45px; padding-right:45px; background:#3F3F3F; line-height:45px; font-size:14px; color:#FFF;}
.syabout_2m a{ display:block; line-height:45px; color:#FFF;}
.syabout_2m a:hover{ display:block; line-height:45px; color:#FFF;}
.syabout_3{ width:100%; height:181px; position:absolute; top:80px; z-index:2;}
.syabout_3s{ width:181px; height:181px; overflow:hidden; margin:0 auto; background:url(optu/aboutbtbj.png) top center no-repeat;}
.syabout_3_1{ width:181px; height:auto; overflow:hidden; padding-top:33px; line-height:30px; text-align:center; font-size:14px; color:#848484;}
.syabout_3_2{ width:181px; height:auto; overflow:hidden; text-align:center; line-height:40px; color:#333; font-size:26px;}
.syabout_3_3{ width:181px; height:181px; text-align:center; font-size:20px; color:#333; t}
.synewsbt{ padding-left:45x; line-height:130px; text-align: left; background:url(optu/newbt.jpg) left center no-repeat; font-weight:600; font-size:24px; color:#2a2a2a; padding-left:45px; text-transform:uppercase;}
.synews{ width:100%; background:#F7F7F7; height:70px;}
.synewsfj{ width:40px; height:70px; overflow:hidden; float:left;}
.synews_1{ line-height:70px; font-size:14px; color:#000000; font-weight:600; width:120px; float:left;}
.synews_2{ float:left; height:auto; overflow:hidden; width:950px; height:70px;}
.synews_2 a{display:block; line-height:70px; font-size:14px; color:#333; }
.synews_2 a:hover {display:block; line-height:70px; font-size:14px; color:#333; }
.synews_3{ float:right; height:auto; overflow:hidden; padding-top:23px; padding-bottom:23px;}
.synewsx{ width:100%; background:#fff; height:70px;}
.sylx1{ width:49.99%; height:410px; overflow:hidden; float:left; background:url(optu/sylx1.jpg) top center no-repeat;}
.sylx2{ width:49.99%; height:410px; overflow:hidden; float:right; background:url(optu/sylx2.jpg) top center no-repeat;}
.sylxm{ width:100%; height:410px; overflow: hidden; text-align:center; font-size:24px; color:#FFF; font-weight:600; text-transform:uppercase;}
.sylxm a{ display:block; line-height:410px; overflow:hidden; font-size:24px; color:#FFF; font-weight:600;}
.sylxm a:hover { display:block; line-height:410px; overflow:hidden; font-size:24px; color:#FFF; font-weight:600;}
.sylx{ float: left; width:288px; line-height:40px; background:url(optu/lxm.jpg) top center no-repeat; text-align:center; font-weight:600;}
.sylx a{ display:block; line-height:40px; font-size:14px; color:#225ca9;}
.sylx a:hover { display:block; line-height:40px; font-size:14px; color:#225ca9;}

.sylxs{ float:right; width:288px; line-height:40px; background:url(optu/lxm.jpg) top center no-repeat; text-align:center; font-weight:600;}
.sylxs a{ display:block; line-height:40px; font-size:14px; color:#225ca9;}
.sylxs a:hover { display:block; line-height:40px; font-size:14px; color:#225ca9;}
.foorlogo{ width:200px; height:auto; overflow:hidden; margin:0 auto;}
.foorlogo_1{ float:left; width:147px; height:auto; overflow:hidden;}
.foorlogo_2{ width:1px; height:43px; overflow:hidden; background:#CCC; float:left;}
.foorlogo_3{ width:147px; float:right; overflow:hidden; padding-top:27px; background:url(optu/tmlogo.jpg) top center no-repeat; text-align:center; line-height:20px; font-size:14px; color:#666;}
.foorlogo_3 a{ display:block; line-height:20px; font-size:14px; color:#666;}
.foorlogo_3 a:hover { display:block; line-height:20px; font-size:14px; color:#666;}
.foornrs{ width:300px; height:auto; overflow:hidden; float:left;}
.foornr{ width:200px; height:auto; overflow:hidden; float:left;} 
.foorbt{ text-align:left; font-size:16px; color:#333; font-weight:600; line-height:45px;}
.foorm{ height:auto; overflow: hidden; text-align:left; height:32px;}
.foorm a{ display:block; line-height:32px; font-size:12px; color:#333;}
.foorm a:hover{ display:block; line-height:32px; font-size:12px; color:#333;}
.foorlxnr{ text-align:left; line-height:25px; font-size:12px; color:#333; height:auto; overflow:hidden;}
.foorrwm{ width:140px; height:auto; overflow:hidden; float:right;}
.foorrwm_1{ padding:30px 19px 0px 19px; height:auto; overflow:hidden;}
.foorrwm_2{ text-align:center; line-height:25px; font-size:12px; color:#333; }
.foor{ width:100%; text-align:center; line-height:50px; font-size:14px; color:#fff; background:#222222;}
.toprn{ float:right; height:auto; overflow:hidden;}
.nymfj{ width:1px; height:48px; overflow:hidden; background:#CCC; float:left;}
.nymh{ padding:14px 20px 14px 20px; height:auto; overflow:hidden; float:left;}
.nymn{ float:left; padding-left:20px; padding-right:150px; background: url(optu/nymbj.jpg) right center no-repeat; line-height:48px; font-size:14px; color:#333;}
.aboutbt{ padding-top:20px; line-height:140px; text-align:center; font-size:30px; color:#333; font-weight:600; text-transform:uppercase;}
.fwdbt{ padding-top:50px; line-height:60px; text-align:center; font-size:30px; color:#333; font-weight:600; text-transform:uppercase;}

.aboutnr{ height:auto; overflow:hidden; padding-top:20px; padding-bottom:60px; text-align:center; line-height:30px; font-size:14px; color:#333;}
.aboutlsbt{ padding-top:95px; line-height:80px;  padding-bottom:45px; background: url(optu/a2.jpg) bottom center no-repeat; font-size:30px; color:#2a2a2a; text-align:center; font-weight:600;}
.a1l{ width:49.99%; height:550px; overflow:hidden; float:left;}
.a1r{ width:50%;  height:550px; overflow:hidden; float:right; background:url(optu/a3.jpg) top center no-repeat;}
.a1nr{ width:550px; height:auto; overflow:hidden; margin:0 auto;}
.a1nr_1{ padding-top:140px; line-height:70px; height:auto; overflow:hidden; text-align:left; font-size:26px; color:#2f2f2f; font-weight:600; background:url(optu/a5.jpg) left bottom no-repeat;}
.a1nr_2{ text-align:left; height:auto; overflow:hidden; line-height:30px; font-size:14px; color:#656d78; padding-top:50px;}

.a2l{ width:49.99%; height:550px; overflow:hidden; float:right;}
.a2r{ width:50%;  height:550px; overflow:hidden; float:left; background:url(optu/a4.jpg) top center no-repeat;}
.promd{ width:150px; height:150px; position: relative; float:left;}
.promb1{ width:150px; height:150px; background:#F8F8F8; top:0px; left:0px;}
.promb2{ width:150px; height:150px; background:#EAEAEA; top:0px; left:0px; display:none;}
.prom{ width:150px; height:150px; overflow:hidden; text-align:center; top:0px; left:0px; position:absolute;}
.prom a{ padding-top:75px; line-height:75px; display:block; font-size:14px; color:#575757;}
.prom a:hover { padding-top:75px; line-height:75px; display:block; font-size:14px; color:#575757;}

.pro{ width:275px; height:320px; overflow:hidden; float:left;}
.pro_1{ border:1px solid #ccc; height:auto; overflow:hidden; padding:10px 13px;}
.pro_2{ width:275px; height:auto; overflow: hidden; text-align:center; line-height:30px; font-size:14px; color:#333;}
.pro_2 a{ display:block; line-height:30px; font-size:14px; color:#333;}
.pro_2 a:hover { display:block; line-height:30px; font-size:14px; color:#333;}
.profj{ width:34px; height:320px; overflow:hidden; float:left;}



.news{ position:relative; width:382px; height:452px; overflow:hidden; float:left;}

.newsx{ position:relative; width:382px; height:425px; overflow:hidden; float:left;}
.news_1{ position:absolute; z-index:0px; width:382px; height:425px; background:url(optu/nbj1.jpg) top center no-repeat;}
.news_2{ position:absolute; z-index:0px; width:382px; height:425px; background:url(optu/nbj2.jpg) top center no-repeat; display:none;}
.news_3{ width:380px; height:420px; position:absolute; z-index:10; top:1px; left:1px;}
.news_3tu{ width:380px; height:auto; overflow:hidden;}
.news_3bt{ padding-left:20px; padding-right:20px; height:auto; line-height:60px; overflow:hidden; text-align:left; color:#333; font-weight:600; font-size:14px; text-overflow:ellipsis; white-space:nowrap;}

.news_3bts {  padding-left:20px; padding-right:20px; height:auto; text-align:left; color:#bf9f62; font-weight:600; display:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_3bts a{ display:block; line-height:60px; font-size:14px; color:#bf9f62;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_3bts a:hover { display:block; line-height:60px; font-size:14px; color:#bf9f62;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_3nr{ height:90px; line-height:25px; font-size:12px; color:#888888; overflow:hidden; padding-left:20px; padding-right:20px;}

.newsfj{ width:26px; height:452px; overflow:hidden; float:left;}
.newshowbt{ text-align:center; line-height:40px; font-size:16px; color:#333; font-weight:600 padding-bottom:20px;}
.newshownr{ text-align:left; padding-bottom:60px; font-size:14px; color:#333; line-height:30px; color:#333;}
.fwbt2{ text-align:center; line-height:50px; font-size:14px; background:url(optu/fwbtbj.jpg) bottom center no-repeat; color:#9D9D9D; margin-bottom:80px;}
.fw1{  border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; height:auto; overflow:hidden;}
.fw1s{ padding-left:165px; padding-right:60px; height:auto; overflow:hidden;}
.fw1bt{ padding-top:24px; line-height:35px; font-size:16px; color:#333; font-weight:600;}
.fw1nr{ height:auto; overflow:hidden; line-height:30px; font-size:14px; color:#686C78; padding-bottom:30px;}

.service_3bt{ padding-left:20px; padding-right:20px; height:auto; line-height:60px; overflow:hidden; text-align: center; color:#333; font-weight:600; font-size:16px;}
.service_3bts {  padding-left:20px; padding-right:20px; height:auto; overflow:hidden; text-align: center; color:#bf9f62; font-weight:600; display:none;}
.service_3bts a{ display:block; line-height:60px; font-size:16px; color:#bf9f62; text-align: center;}
.service_3bts a:hover { display:block; line-height:60px; font-size:16px; color:#bf9f62;}
.service_3nr{ height:110px; line-height:25px; font-size:12px; color:#888888; overflow:hidden; padding-left:20px; padding-right:20px;}

.fwr{ width:50%;  height:550px; overflow:hidden; float:right; background:url(optu/fw4.jpg) left top no-repeat;}
.fwnr_1{ padding-top:40px; line-height:70px; height:auto; overflow:hidden; text-align:left; font-size:26px; color:#2f2f2f; font-weight:600; background:url(optu/a5.jpg) left bottom no-repeat;}
.fw2bt{ text-align:left; line-height:65px; font-size:20px; color:#FFF; font-weight:600; text-transform:uppercase; width:440px;} 
.fw2nr{ height:auto; overflow:hidden; padding-top:10px; font-size:14px; line-height:30px; color:#FFF; width:440px;}

.ly1{ float:left; padding-left:10px; padding-right:10px; height:auto; overflow:hidden; padding-top:2px; padding-bottom:2px; background: url(optu/ly1.jpg) left center no-repeat;}
.ly1m{ width:535px; height:42px; overflow:hidden; background:none; text-align:left; padding:0px; border:none; line-height:42px; font-size:12px; color:#333;}
.ly3{  padding-left:10px; padding-right:10px; height:auto; overflow:hidden; padding-top:12px; padding-bottom:12px; background:url(optu/ly5.jpg) top left no-repeat;}
.ly3m{ width:1119px; height:164px; overflow:hidden; background:none; text-align:left; padding:0px; border:none; line-height:25px; font-size:12px; color:#333;}
.fwbt2s{ text-align:center; line-height:30px; padding-top:10px; padding-bottom:10px; font-size:14px; background:url(optu/fwbtbj.jpg) bottom center no-repeat; color:#9D9D9D; margin-bottom:80px;}
.lxl{ width:50%; height:496px; overflow:hidden; float:left; background:url(optu/lx.jpg) right center no-repeat;}
.lxlnr{ padding-left:110px;  height:auto; overflow:hidden;}
.lxlnrbt{ padding-top:35px; line-height:150px; text-align:left; font-size:36px; color:#FFF; text-transform:uppercase;}
.lxlnrnr{ height:auto; overflow:hidden; line-height:30px; font-size:14px; color:#FFF; padding-bottom:30px;}
.lxlnrqq1{ float:left; height:45px; font-size:14px; color:#FFF; line-height:45px;}
.lxlnrqq2{ float:left; height:auto; overflow:hidden; padding-left:10px;}
.lxr{ width:49.99%; height:496px; overflow:hidden; float:right;}


.proshowbt{ width:550px; height:auto; overflow:hidden; border-bottom:1px solid #CCC; font-size:14px; color:#333; font-weight:bold; line-height:30px; padding-top:10px;}
.proshownr{ height:auto; overflow:hidden; line-height:30px; font-size:14px; color:#333; padding-top:10px; width:550px; padding-bottom:20px;}
.proshowsxy{ padding-left:40px; height:auto; overflow:hidden;}
.proshowsxy_1{ float:left; padding-left:10px; padding-right:10px; height:auto;}
.proshowsxy_2{ float:left; height:25px; padding-left:10px; padding-right:10px;}
.proshowsxy_2 a{ display:block; font-size:12px; color:#C32522; line-height:25px; }
.proshowsxy_2 a:hover{ display:block; font-size:12px; color:#C32522; line-height:25px; }