/* my通用樣式 */
.fleft{float:left;}
.fright{float:right;}
.abs{position:absolute;}
.rel{position:relative;}
.center{margin:0px auto;}
/*頭部樣式*/
.hdbg { width:100%; height:130px; background:url(../image/hdbg.jpg) repeat-x;}
.head { width:1000px; height:130px;}
.logo { float:left; width:136px; height:130px; padding-left:17px;}
.nav { width:756px; height:124px; float:right; padding-top:6px;}
.soso { height:26px; width:756ppx; color:#d7d7d7;}
.inpso { float:right; color:#d7d7d7; width:209px; text-indent:30px; background-image:url(../image/mbg.jpg); height:24px; line-height:24px; border:none; border-bottom:1px solid #d7d7d7; } 
.sobtn { position:absolute; top:4px; right:5px;}
.nav ul { width:756px;}
.nav li { float:left; width:107px; text-align:center; background:url(../image/line.jpg) right center no-repeat; font-size:16px; height:98px; line-height:98px; font-family:"microsoft yahei";}


.nav li a { color:#000; display:block;}
.nav li a:hover{ color:#fff; background:url(../image/nav_hover_bg.png) center no-repeat;}
.nav li .a{color:#fff; background:url(../image/nav_hover_bg.png) center no-repeat;}
/* 輪播改版 */
		/* 本例子css */
		.index_banner {
			height: 625px;
			overflow: hidden;
			position: relative;
		}
		/* 輪播 */
		.index_banner .bd {
			position: relative;
			height: 100%;
			z-index: 0;
		}

		.index_banner .bd li {
			zoom: 1;
			vertical-align: middle;
		}

		.index_banner .bd a {
			height: 625px;
			display: block;
			background-size: auto 100% !important;
		}

		/* 下面是前/後按钮代碼，如果不需要删除即可 */
		.index_banner .prev,
		.index_banner .next {
			width:39px; height: 91px; position: absolute; top: 0px; cursor: pointer;
      filter: alpha(opacity=50);
			opacity: 0.5;
      top:232px;
		}
    .index_banner .prev{
      right:210px; background:url(../image/next.png) no-repeat right center;
    }
		.index_banner .next {
			left:210px; background:url(../image/pre.png) no-repeat left center;
		}

		.index_banner .prev:hover,
		.index_banner .next:hover {
			filter: alpha(opacity=100);
			opacity: 1;
		}


.banner { width:100%; height:625px; z-index:10; overflow:hidden;}
#focus { width:1680px; height:625px;  float: left;}
#focus ul { width:1680px; height:625px; float: left; position: absolute;}
#focus ul li { float: left; width: 1680px; height: 625px; overflow: hidden; position: relative; }
#focus .preNext { width:100px; height: 625px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left:210px; top:100px; background:url(../image/pre.png) no-repeat left center;}
#focus .next { right:210px; top:100px; background:url(../image/next.png) no-repeat right center; }

.content_bg { width:100%; height:134px; background:url(../image/conbg.jpg); z-index:100}
.cont_c { width:1000px; position:relative;}
.content { position:absolute; width:998px; height:238px; border:1px solid #E1E1E1; top:-105px; left:0px; background:#fff;}
.hyxw{ width:290px; float:left; margin:15px 0 0 15px; display:inline;}
.title { width:285px; height:30px; font-family:"微軟雅黑"; position:relative;}
.tit { float:left; background:url(../image/tit1.jpg) 1px no-repeat; color:#05295B; font-size:18px; line-height:30px; text-indent:16px;}
.tit span { font-size:12px; color:#000; margin-left:8px;}
.more { color:#2c7fd8; line-height:30px !important; font-size:9px; position:absolute; _top:13px; right:0px;}
.news_t { margin:16px 0 0 5px; width:280px;}
.news_t a { font-size:14px; color:#222222; line-height:14px;}
.news_t img { float:left; margin-right:7px; font-size:12px; }
.news_tc { margin-top:8px; line-height:18px;color:#000;}
.news { margin-top:9px;}
.news li { width:283px; height:27px; line-height:27px; border-bottom:1px dashed #D7D7D7; position:relative;  color:#000;}
.news li a { color:#000;}
.news li span { position:absolute; top:0px; right:10px;}
.news li a:hover { color:#222222;}
.gsxw { width:290px; float:left; margin:15px 0 0 50px; display:inline;}
.news2 { margin-top:9px;}
.news2 li { width:283px; height:31px; line-height:31px; border-bottom:1px dashed #D7D7D7; position:relative;  color:#000;}
.news2 li a { color:#000;}
.news2 li span { position:absolute; top:0px; right:10px;}
.news2 li a:hover { color:#222222;}
.product { width:290px; float:left; margin:15px 0 0 50px; position:relative; display:inline;}

.main_visual {width: 290px;height: 175px; margin:8px 0 0 10px;}
.main_image {width: 239px;height: 175px; overflow:hidden; position:relative;}
.main_image ul {width:239px; height:145px; position:absolute; top:0; left:0;}
.main_image li {float:left; height: 175px;}
.main_image li img { width:237px; height:145px; border:1px solid #dadada;}
.main_image li span { position:absolute; top:150px; left:0px; font-size:14px; text-align:center; width:100%; color:#000;}
#btn_prev,#btn_next {z-index:11111;position:absolute;display:block;width:23px!important;height:26px!important;}
#btn_prev{background:url(../image/pre1.jpg) no-repeat; left:280px; top:110px; }
#btn_next{background:url(../image/next1.jpg) no-repeat; right:-13px; _right:-4px; top:150px;}
#btn_prev:hover { background:url(../image/pre2.jpg) no-repeat;}
#btn_next:hover { background:url(../image/next2.jpg) no-repeat;}

.footbg { width:100%; height:auto; overflow:hidden; background:#ededed; border-top:#d2d2d2 1px solid;}
.foot { width:1000px; line-height:24px; color:#555555;}
.foot_c { width:777px; float:left; margin-top:36px; }

/*neiye */
.inprobg { width:100%; background:url(../image/probg.jpg) center no-repeat; height:759px;}
.aboutbg { width:100%;  background:url(../image/about.jpg) center no-repeat; height:759px;}
.innewsbg { width:100%;  background:url(../image/newsbg.jpg) center no-repeat; height:759px;}
.rczpbg { width:100%;  background:url(../image/rczpbg.jpg) center no-repeat; height:759px;}
.inconbg { width:100%;  background:url(../image/inconbg.jpg) center no-repeat; height:759px;}
.sevbg { width:100%;  background:url(../image/sevbg.jpg) center no-repeat; height:759px;}
.inmain { width:1010px; top:33px; position:relative;}
.leftt { float:left; width:198px; height:695px; background:#555555; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3; border-right:1px solid #697c86;}
.left { position:absolute; left:0; top:0; width:198px; height:695px;} 
.rightt { float:right; width:790px; height:695px; background:#ffffff; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity:0.7;}
.right {position: absolute;right:0px;top: 0;width: 790px;height: 695px;}
.lf_t { width:121px; margin-left:77px;}
.left ul { margin-top:10px;height: ;} 
.left ul.ul_a{
  max-height: 513px;
  overflow-x: hidden;
}
.left ul.ul_a::-webkit-scrollbar {/*滾動條整體樣式*/
  width: 10px;     /*高寬分別對應横豎滾動條的尺寸*/
  height: 1px;
}
.left ul.ul_a::-webkit-scrollbar-thumb {/*滾動條裏面小方塊*/
  border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #535353;
}
.left ul.ul_a::-webkit-scrollbar-track {/*滾動條裏面軌道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 10px;
  background: #EDEDED;
}

.left ul li { font-size:14px; line-height: 24px;padding: 12px 0px;}
.left ul li a  { color:#FFF; padding-left:78px; display:block;}
.left ul li a:hover { color:#01458e; background:url(../image/licon.png) 47px 5px no-repeat; _background:url(../image/liconn.png) 47px no-repeat;} 
.left ul li .a{ color:#01458e; background:url(../image/licon.png) 47px 5px no-repeat; _background:url(../image/liconn.png) 47px no-repeat;}

.left2 { position:absolute; left:0; top:0; width:198px; height:695px;} 
.left2 ul { margin-top:10px;} 
.left2 ul li { float:left; width:198px; font-size:14px;}
.left2 ul li a  { color:#FFF; padding-left:78px; line-height:22px; margin-top:20px; width:120px; display:block; height:auto; overflow:hidden;}
.left2 ul li a:hover { color:#01458e; background:url(../image/licon.png) 47px no-repeat; _background:url(../image/liconn.png) 47px no-repeat;} 
.left2 ul li .a { color:#01458e; background:url(../image/licon.png) 47px no-repeat; _background:url(../image/liconn.png) 47px no-repeat;} 


.sech { display:block; padding-left:78px; line-height:0px !important; }
.ndh_in { font-size:12px !important; line-height:30px !important;}
.ndh_in a { color:#000 !important; line-height:30px !important;}
.right_t { width:750px; height:42px; border-bottom:1px solid #698da2; line-height:42px; font-size:24px; color:#155292; margin-top:10px;}
.right_tit { font-size:12px; margin-left:8px;}
.insoso { float:right; height:40px; width:320px; margin-right:20px;}
.inpu { width:130px; height:20px; border:1px solid #d4d4d4; float:left; line-height:20px; position:relative; top:11px; left:3px; margin-left:3px;}
.sousuo { width:43px; height:21px; line-height:21px; display:block; float:right; color:#fff; background:#2c7fd8; text-align:center; position:relative; z-index:10; top:11px; margin-left:7px; border-radius:5px; behavior: url(/style/js/pie.htc);}
#ystw { width:750px; height:550px; overflow:hidden; position:relative; top:10px; left:20px;}
#content{ position:absolute; left:0; top:0;}
.scrollDiv{ width:5px; height:27px;  position:absolute; top:0; background:#000;}
.inproli { float:left; width:740px;} 
.inproli li { float:left; position:relative; margin-top:47px; width:100%;}
.inproli li img { float:left; margin-right:17px; width:224px; height:137px;}
.inproli li span { color:#000000; font-size:14px; line-height:24px;}
.inproli li p { color:#555555; line-height:24px;}
.promore { position:absolute; right:5px; bottom:0px; color:#2c7fd8;}
.prop1 { margin-top:10px; margin-bottom:15px;}
.proinfo { float:left; width:740px; line-height:30px; color:#01458e; font-size:14px;}
.proinfo span { color:#010101;}
.mlf76 { margin-left:70px;}
.btn_on { float:left; background:url(../image/prohov.png) no-repeat; width:190px;height:37px; background-size: 190px 37px; line-height:29px; font-size:14px;  text-align:center; color:#FFF; cursor:pointer;}
.btn_off {cursor:pointer; float:left;width:139px; height:29px; border:1px solid #698da2; text-align:center; font-size:14px; line-height:29px; color:#010101;}
.xg { margin-top:120px; margin-left:6px; width:325px; float:left;}
.xg_t { height:24px; line-height:24px; font-size:14px; width:325px; position:relative; color:#01458e; border-bottom:1px solid #555555;}
.xg_mo { position:absolute; font-size:12px; color:#555555; top:0px; right:3px; }
.xg ul { margin-top:15px;}
.xg li { line-height:30px; height:30px; position:relative;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.xg li a { color:#222222;}
.xg li span { color:#222222; position:absolute; right:0px; top:0px;}
.ryzs {float:left; width:740px;}
.ryzs li { float:left; margin-left:20px; margin-top:15px; display:inline; height:255px; width:167px;}
.ryzs li img { width:165px; height:220px; border:1px solid #dadada; display:block;}
.ryzs li span { line-height:32px; text-align:center; color:#555555; display:block;}
.gsjj { width:740px; line-height:28px; color:#555555; text-indent:2em;}
.jjp2 { float:right; margin:7px 0 10px 10px;}
.innews_t { width:730px; height:105px; margin-left:20px; margin-top:22px; line-height:24px;}
.innews_img { width:218px; height:103px;float:left; margin-right:10px;}
.innews_p { text-indent:2em; color:#222;}
.innews_sp { font-size:18px; line-height:28px; color:#01458e;} 
.innews { width:740px; margin-left:20px; margin-top:17px;}
.innews li { width:740px; height:38px; font-size:14px; line-height:38px; border-bottom:1px dashed #888888; position:relative;}
.innews li a { color:#222222;} 
.innews li span { position:absolute; right:0px; top:0px;}
.fanye { width:100%; margin-top:24px; color:#222222; line-height:16px;}
.fanye a { color:#222222; margin-left:5px; float:none;}
.num { width:24px; height:16px; display:inline-block; float:left; border:1px solid #222222; text-align:center; line-height:16px;}
.num:hover { background:#01458e; color:#FFF;}
.newsinfo_t { width:698px; height:69px; border-bottom:1px dashed #d7d7d7; margin-left:30px; text-align:center; line-height:24px;}
.newsinfo_tit { color:#01458e; font-size:18px; line-height:38px;}
.newspan { float:left; margin-left:60px; color:#555555;}
.newsinfo { line-height:24px; color:#222222; text-indent:2em;}
.newsinfo iframe{width: 100%;height: 510px;}
.newsinfo_p { margin-top:19px; margin-bottom:19px;}
.rczp_t { margin-top:4px; overflow:hidden; width:744px; height:35px;}
.rczp_t li { float:left; width:159px; height:35px; text-align:center; line-height:35px; background:#ababab; border-right:1px solid #FFF; font-size:16px; color:#FFF;}
.trg { background:#e4e4e4; height:35px; line-height:35px; width:740px;}
.trw { background:#FFF; height:35px; line-height:35px; width:740px; }
.td1 { width:159px; text-align:center; font-size:14px; color:#555555; cursor:pointer; display:block; float:left;}
.td2 { width:102px; text-align:center; font-size:14px; color:#555555; cursor:pointer; display:block; float:left;}
.trg a, .trw a{ color:#555;}
.xxzk { background:#f4f4f4; width:740px; line-height:24px; text-indent:35px; padding-top:25px; margin-bottom:10px;}
.sq { width:740px; height:30px; margin-top:20px; background:#e4e4e4 url(../image/sq.png) center no-repeat; cursor:pointer;}
.incontact { float:left; width:743px; background:url(/images/map.png) no-repeat; height:617px; margin-left:20px; margin-top:12px;}
.con_xx { margin-top:58px; width:216px; height:118px; background:url(../image/con_xx.png) no-repeat; margin-left:360px; text-indent:14px; color:#FFF; line-height:18px; padding-top:6px;}
table { margin-left:20px; margin-top:18px; font-size:14px; color:#555; position:relative;}
.tlf { width:60px; text-align:right; line-height:48px; margin-right:10px;}
.sublf {  width:75px; text-align:right; line-height:40px; margin-right:10px;}
.ssinp { width:198px; height:28px;border:1px solid #999999; color:#555; font-size:14px; line-height:28px; text-indent:5px;}
.tarea { width:393px; height:126px; border:1px solid #999999; color:#555; font-size:14px; line-height:24px; text-indent:5px; margin-top:5px;}
.sub { width:84px; height:34px; line-height:34px; background:#2c7fd8; display:block; position:absolute; text-align:center; font-size:14px; color:#fff; left:60px; border-radius:6px; behavior: url(/style/js/pie.htc); z-index:2}
.yzm { position:relative; left:14px; top:11px; border:1px solid #9eb2cd;}
.pans { width:730px; margin-left:20px;}
.pans li {  float:left; width:730px; height:auto; overflow:hidden; line-height:22px; border-bottom:1px dashed #999999; color:#555555;}
.pans li p { line-height:42px !important; font-size:14px;}
.pans li p img { margin-left:5px; margin-right:7px;}
.pans li span { line-height:18px;}

.mxl{ cursor:pointer !important; top:6px; right:180px; z-index:999999;}
#sel{ display:none; position:absolute; z-index:999999; width:70px;  top:30px; right:134px;}
#sel a{ display:block; height:15px; width:30px; color:#555555; margin-top:4px; float:left; text-align:center;}