@charset "utf-8";
/*---------base begin-------------*/
body{padding:0px; margin:0px auto;line-height:18px;font-size:14px; color:#000100;font-family:Arial, Helvetica, sans-serif, "新細明體", "宋体"; font-weight:150%;width:100%;min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"100%"); background:url(../images/bodybg.jpg) no-repeat top; background-size:100% auto;word-break: break-all;}
ul,li,form, dl,dt, dd, div,p,input,select,textarea{ padding: 0px; margin: 0px;font-family:Arial, Helvetica, sans-serif, "新細明體", "宋体"; font-weight:150%;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
font,select,input,em{  font-style:normal;}
ul{ list-style-type: none; }
img,input{ border:none; border:0;}
a{text-decoration:none;noline: expression(this.onFocus=this.blur());color:#000100;}
a:focus {outline:none;-moz-outline:none;}
a:hover{color:#2765b2; text-decoration:none;}
.clear{clear:both;height:0;font-size: 0px;line-height: 0px; display:block; visibility:hidden; zoom:1;}
.inputtxt{border:1px solid #005b94; line-height:25px; height:25px; padding:0 5px;}
.btn{ display:inline-block; background:#2765b2; padding:2px 15px; color:#FFF}
.btn_submit{width:56px;height:25px;color:#fff;background:url(../images/back.jpg) no-repeat;border:0;}
.text{border:1px solid #005b94; line-height:30px; min-height:30px; padding:0 5px; padding-right:0px;}
#OperateTable{}
#OperateTable td span.NeedMsg{ color:#ff0000;}

.back {
	TEXT-ALIGN: center; LINE-HEIGHT: 17px
}
.back A {
	FONT-SIZE: 12px; HEIGHT: 17px; WIDTH: 72px;color:#3a3939; background:url(../images/back.jpg) no-repeat; DISPLAY:inline-block; LINE-HEIGHT: 17px
}
.loginbtn{ background-color:#005b94;border-radius:2px; padding:0 10px; text-align:center; height:37px;line-height:37px;  cursor:pointer; color:#FFF !important; font-size:14px; display:inline-block;}
.rebtn,.button{ background-color:#929292;border-radius:2px; padding:0 10px; display:inline-block; text-align:center; height:37px;line-height:37px; cursor:pointer; color:#FFF; font-size:14px;}
.none{ display:none}
.none{ display:none}
.show{ display:block !important;}
.pbtn{ display:inline-block; background:#2765b2; padding:6px 15px; color:#FFF !important; font-size:14px}
/*---------base end-------------*/

/*header*/
.header{width:100%;}
.header .header-content{width:980px; margin:0 auto;}
.header .lang{ width:580px; height:30px; line-height:30px; text-align:center; color:#234e8e; float:right}
.header .lang a{ padding-left:10px; padding-right:10px; color:#234e8e;}
.header .header-logo{width:480px;height:110px; float:left; margin-bottom:15px;}
.header .header-ico{width:500px;height:110px; float:right; text-align:right}
.header .header-ico img{ float:right}
.header .header-ico .lang{ width:390px; float:left; margin-top:80px;}
.header .index{ width:100%; height:33px; line-height:33px; background:#244f8e;}
.header .index .home{background:url(../images/loca.gif) no-repeat left center; display:inline-block; padding-left:27px;}
.header .loca{ width:100%; height:32px; background:#2764af; line-height:32px; color:#FFF;}
.header .loca a{color:#FFF}
.header .loca span{padding-left:20px;}
.header .index span{ width:120px; text-align:center; display:block; float:left; border-right:1px solid #8ea4c5; color:#FFF;}
.header .index span a{color:#FFF;}
.header .index .news{padding-left:20px;width:620px; height:33px; border-left:1px solid #13294a; border-right:1px solid #8ea4c5; float:left;color:#f5ee27;}
.header .index .news a{color:#f5ee27;}
.header .index .news .news_title{float:left;}

/* topMarquee */
.index .topMarquee{ float:left;position:relative; }
.index .topMarquee .bd{}
.index .topMarquee .bd .tempWrap{ width:500px !important; }
.index .topMarquee .bd ul{overflow:hidden; zoom:1; }
.index .topMarquee .bd ul li{margin-left:20px;float:left; text-align:left; _display:inline; width:auto !important;}




.header .index .search{width:200px; float:left; padding-left:10px; padding-top:6px; padding-bottom:6px; height:20px;border-left:1px solid #13294a;}
.header .index .search .key{ border:none; background:#FFF; width:130px; height:21px; float:left; padding-left:5px; line-height:21px;}
.header .index .search .but{ background:url(../images/seabg.png) no-repeat center center; width:47px; height:21px;border:none;float:left; margin-left:10px;color:#2764af;}

.main .nav{width:850px; background:#FFF; margin:0px auto; margin-top:15px;border:3px solid #e3e9ee;}
.main .nav ul{ width:100%;}
.main .nav ul li{ width:100%; height:auto;float:left;}
.main .nav ul li a{height:34px; line-height:34px; display:block; padding-top:8px; padding-bottom:8px; padding-left:15px; padding-right:5px;border-top:1px solid #e3e9ee; border-bottom:1px solid #e3e9ee;color:#FFF; background:#0076b5 url(../images/down.png) no-repeat 95% 50%;}
.main .nav ul li a:hover,.main .nav ul li a.on{color:#FFF;}
.main .nav ul li ul{width:100%; display:none; padding-left:11px;}
.main .nav ul li ul li{ height:auto; line-height:20px;}
.main .nav ul li ul li a{ padding-left:21px;color:#323232; border:none; display:block; background:none; height:auto; line-height:25px;}
.main .nav ul li ul li a:hover,.main .nav ul li ul li a.on{ color:#323232}

/*bottom*/
.bottomm{ width:100%; margin:0 auto;background:#27508f;color:#ffffff; padding-top:10px; padding-bottom:10px;} .bottomm .info{color:#ffffff; line-height:25px; text-align:center;}
.bottomm .info a{color:#ffffff;}
.bottomm .info a:hover{color:#ffffff;}
.min{ width:856px; background:#FFF; margin:0 auto;}

/*首頁banner*/
.bannerlist {
    width:850px;height:478px;overflow:hidden;border:3px solid #e3e9ee;
}
.bannerlist .bannerlist_video{ background:black}
.bannerlist01{width:850px;position:relative;height:478px;overflow:hidden;}
.bannerlist01 .bd{position:relative; top:0px;height:478px;}
.bannerlist01 .bd ul{width:100% !important;height:478px;}
.bannerlist01 .bd li{width:100% !important;  height:478px; overflow:hidden;}
.bannerlist01 .bd li a{width:100%;height:478px; display:block;}

.bannerlist01 .hd{width:100%;position:absolute; z-index:3;*zoom:3;bottom:0px;left:0;height:30px;line-height:30px; display:block;}
.bannerlist01 .hd ul{text-align:right; padding-right:5px; padding-top:5px;}
.bannerlist01 .hd ul li{cursor:pointer;display:inline-block;*display:inline;z-index:4;*zoom:4;width:20px;height:20px;overflow:hidden; line-height:20px; color:#FFF; text-align:center; }
.bannerlist01 .hd ul li.on{background:url(../images/dot.png) top left;}

.bannerlist01 .txt-bg { position: absolute; bottom: 0; z-index: 1;*zoom:1; height: 30px; width:100%;  background: #333; filter: alpha(opacity=60); opacity: 0.6; overflow: hidden; }
.bannerlist01 .txt { position: absolute; bottom: 0; z-index: 2;*zoom:2; height: 30px; width:100%; overflow: hidden; }
.bannerlist01 .txt li{ height:30px; line-height:30px; position:absolute; bottom:-30px;}
.bannerlist01 .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; text-decoration: none; }

/* 焦点图 */
.focusBox { float:left; position: relative; width: 320px; height: 240px; margin-bottom:10px;  overflow: hidden; text-align: left; background:#fff; }
.focusBox .pic img { width: 320px; height: 240px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px;text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }


.bannerlist02{width:212px;position:relative;height:211px;overflow:hidden; border:1px solid #e3e9ee}
.bannerlist02 .bd{position:relative; top:0px;height:211px;}
.bannerlist02 .bd ul{width:100% !important;height:211px;}
.bannerlist02 .bd li{width:100% !important;  height:211px; overflow:hidden;}
.bannerlist02 .bd li a{width:100%;height:211px; display:block;}
.bannerlist02 .hd{width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:20px;text-align:center; display:block}
.bannerlist02 .hd ul{ width:100%; margin:0 auto; text-align:right;}
.bannerlist02 .hd ul li{cursor:pointer;display:inline-block;*display:inline;*zoom:1;width:20px;height:20px; margin:5px;overflow:hidden; line-height:20px; text-align:center;border:1px solid #e3e9ee; background:#FFF;}
.bannerlist01 .hd ul li.on{}
.righ{ width:214px; float:left}
.righ .img{width:214px; margin-top:3px;}
.righ .img img{ width:212px; border:1px solid #e3e9ee; margin-top:12px;}
/*内頁banner*/
.nybanner{width:100%;height:314px;overflow:hidden; background:#000 url(../images/bannera.jpg) no-repeat top center; margin-top:75px; border-bottom:3px solid #000000}
/*main*/
.main{width:980px; margin:0 auto; margin-top:15px; padding-bottom:15px;}

.index_about{ width:828px; padding:10px;border:3px solid #0076b5; margin-top:15px;line-height:25px; height:75px;}
.index_about .i{ width:20px; float:left}
.index_about .if{ width:828px; float:left}
.index_about .if .txtScroll-top{overflow:hidden; position:relative;height:75px; }
.index_about .if .txtScroll-top .bd{ padding:0; }
.index_about .if .txtScroll-top .bd li{height:75px; overflow:hidden;width:100%;}
.index_about .if .txtScroll-top .bd li a{ width:808px; display:block; float:left}

/*内頁*/
.main_right{ width:850px;border:3px solid #e3e9ee; margin:0 auto; margin-top:15px; background:#FFF}
.main_right .n_title{ background:#0076b5; color:#FFF; line-height:50px;}
.main_right .n_info{ padding:10px; line-height:200%;word-break: break-all;}
.main_right .n_info img{ max-width:100%;}
.main_right .n_info a{color:#2765b2;}
.list{ padding:10px 20px; list-style:none;}
.list li{ line-height:25px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #38a4de;}
.list li a{ line-height:30px;}
.list li span{ float:right; margin-right:10px;line-height:30px;}
.list li.service1{background:#46b8ea url(../images/s1.jpg) no-repeat right center; border-bottom:none; margin-bottom:10px;}
.list li.service1 a{ color:#FFF; padding-left:10px; display:block;}
.list li.service2{ background:#f06f2e url(../images/s2.jpg) no-repeat right center; border-bottom:none; margin-bottom:10px;}
.list li.service2 a{ color:#FFF; padding-left:10px; display:block;}
.list li.service3{ background:#0570be url(../images/s3.jpg) no-repeat right center; border-bottom:none; margin-bottom:10px;}
.list li.service3 a{ color:#FFF; padding-left:10px; display:block;}
.list li.service4{ background:#66b43d url(../images/s4.jpg) no-repeat right center; border-bottom:none; margin-bottom:10px;}
.list li.service4 a{ color:#FFF; padding-left:10px; display:block;}
.list li.service5{ background:#ffba00 url(../images/s5.jpg) no-repeat right center; border-bottom:none; margin-bottom:10px;}
.list li.service5 a{ color:#FFF; padding-left:10px; display:block;}
.list li.service6{ background:#ffba00 url(../images/s6.jpg) no-repeat right center; border-bottom:none; margin-bottom:10px;}
.list li.service6 a{ color:#FFF; padding-left:10px; display:block;}
.plist{ padding:10px;}
.plist li{ width:245px; text-align:center; float:left; line-height:35px; margin-bottom:13px;}
.plist li img{ width:173px; height:245px;}
.qlist{ padding:10px;}
.qlist li{ line-height:25px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #38a4de;}
.qlist li a{ line-height:30px;}
.qlist li span.da{ float:right; margin-right:10px;line-height:30px;}
/*page*/
.Page{text-align:center; height:36px; margin-top:20px; margin-bottom:10px; line-height:16px; font-size:14px}
.Page a{padding:2px 4px; }
.Page a:hover,.Page .disabled,.Page .cpb{padding:2px 4px; color:#2765b2;}
.Page input{ padding:8px 15px; margin:0px 5px;}
.Page #AspNetPager1_btn{ background:url(../images/go.jpg) no-repeat top center; font-size:0px; width:60px; height:42px; padding:0px; border:none; cursor:pointer}
.red{ color:#ff0000}

.nodata{text-align:center;padding:20px 0px;}
.page{width:99%;height:35px;text-align:right;margin-top:25px;}
.pager { text-align:center}
.pager a{padding:8px 15px;border-color:#005b95;border-style:solid;border-width: 1px;border-radius: 5px; background:#005b95; color:#FFF}
.pager .cpb{border:1px solid #dedede;font-weight:700;color:#969696;background-color:#00a5e3;}
.pager a:hover {border:solid 1px #dedede;background-color:#dedede;color:#969696;text-decoration:none;}
.pager a,.pager a:visited,.pager .cpb,.pager a:hover  
{height:22px;line-height:22px;min-width:20px;_width:20px;margin-left:10px;text-align:center;
 white-space:nowrap;font-size:14px;padding:0 8px;}
#webmap{ width:100%;}
#webmap li{ width:100%; clear:both}
#webmap li a{ padding-right:40px; float:left;}
#webmap li ul li{ width:auto;float:left; clear:none}
#webmap li ul li a{padding-right:20px; font-weight:normal}


.lc{ width:100%;}
.lc ul{ margin-left:15px; margin-top:10px;}
.lc li{ width:auto; float:left; line-height:30px; height:30px; margin-left:-5px; color:#FFF; cursor:pointer;}
.lc li span{ background:#aeafb6; padding-left:10px; padding-right:10px; display:inline-block; float:left;}
.lc li i{ width:10px; height:30px; display:block; float:left;}
.lc li i.l{ background:url(../images/lcl.png) no-repeat center center}
.lc li i.r{ background:url(../images/lcr.png) no-repeat center center}
.lc li.on span{ background:#005dad;}
.lc li.on i.l{ background:url(../images/lclon.png) no-repeat center center}
.lc li.on i.r{ background:url(../images/lcron.png) no-repeat center center}


/*分享*/
.bds_weixin{ margin:3px 6px 0px 0px !important;}
.bds_fbook{ margin:3px 6px 0px 0px !important;}
/*播放器*/
.jwlogo {display:none;visibility:hidden;}
.bdshare-button-style1-24 a{ border:1px solid #FFF !important;border-radius: 5px !important;}

/*上傳圖片*/
.photoupload{width: 180px;}
.photoupload .img_span{text-align:center; position:relative;}
.photoupload .img_span .imgleft{float:left; width:20px; height:92px}
.photoupload .img_span .imgcenter {float:left; width:92px;height:92px; overflow:hidden}
.photoupload .img_span .imgright {float:left; width:20px;height:92px}
.photoupload .img_span img{ width:120px}
.photoupload .btn_span{margin-top:5px; text-align:center}
.photoupload .pic{border:2px solid #CCC; width:100px; height:120px}
.photoupload .title{ line-height:24px; text-align:center; font-weight:bold;}
.btn_upload{height:30px;text-align: center; background:url(../images/add.png) no-repeat 5px center #fcebcd; border:2px solid #df9c2b;color:#000;border-radius:6px; line-height:26px; padding:0 8px 0 18px}
.certupload{width:200px;padding:5px 0; display:none }
.btn_photo{width:120px;height:25px;text-align: center; background:url(../images/btn-add.jpg);padding-left:21px;border:3px solid #f16f44; background-color:#fde0d0; color:#000;margin-top:5px;border-radius: 6px;}
.btn_agree{position:relative;height:40px;line-height:40px;text-align:center;font-size:16px;background-color: #46a0e1;cursor: pointer;border-radius: 4px;color: #ffffff;font-weight: bold;}

.ratio_1{position:absolute;left: 112px;}
.ratio_1 img{ height:60px}
.ratio_2{ position:absolute; left:-10px; bottom:0}
.ratio_2 img{ height:50px}
.checkboxlist label{ margin-right:10px; padding:0 2px;}


/*获取短信*/
.btn_code{cursor:pointer; background:#FFF1E8;border:1px solid #FF751A;white-space:nowrap;padding:0 5px;border-radius:3px; height:30px; line-height:30px; }


/*表單地區樣式 */
.selectArea select,.selectArea input{margin-right:10px;}
.selectArea .selectAreaDDL, .selectArea .selectAreaText {display: inline-block;}

.selectAddress{ margin-top:10px}
.selectAddress input{ margin-right:10px;}

.hide{ display:none;}

/*弹出显示框*/
.dialogPhoto{position:fixed;z-index:1999; width:100%; height:100%; top:0; left:0; background-color:rgba(0, 0, 0, 0.2);}
.dialogPhoto .ui_main{width:500px; margin:0 auto; margin-top:20%; border:6px solid #aaa; border-radius:6px; background:#FFF; }
.dialogPhoto .ui_title_bar{ position:relative;height:100%;border-bottom:1px solid #317ebd;}
.dialogPhoto .ui_title{height:26px;line-height:26px;font-size:14px;font-weight:bold;color:#fff;padding-left:7px;border-bottom:1px solid #6da6e1;
background:linear-gradient(top,#46a0e1,#3280bf);
background:-webkit-gradient(linear,0% 0%, 0% 100%,from(#46a0e1),to(#3280bf)); 
background:-moz-linear-gradient(top,#46a0e1,#3280bf); 
background:-o-linear-gradient(top,#46a0e1,#3280bf);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#46a0e1',endColorstr='#3280bf');*background:#DDD; 
}
.dialogPhoto .ui_title_buttons{ position:absolute;top:3px;right:5px; cursor:pointer;font-size:0;letter-spacing:-.5em; }
.dialogPhoto .ui_close {position:relative;text-decoration:none;letter-spacing:normal;text-align:center;display:inline-block;*display:inline;zoom:1;vertical-align:top;font-family:tahoma,arial,\5b8b\4f53,sans-serif; font-size:22px;color:#FFF }
.dialogPhoto .ui_close:hover, .dialogPhoto .ui_close:focus{ color:#fcf300}
.dialogPhoto .ui_content{padding:5px;overflow:hidden}
.dialogPhoto .ui_content img{ width:100%}
.dialogPhoto .ui_agree{ display:block; margin:5px; height:40px;line-height:40px;text-align:center;font-size:16px;background-color: #46a0e1;cursor: pointer;border-radius: 4px;color: #ffffff;font-weight: bold;}
