/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
fieldset, img{vertical-align:middle; border:none;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul,ol,li{list-style:none;}
img{vertical-align:top;}
select, input{vertical-align:middle;}
select, input, textarea{font-size:12px; margin:0;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{resize:none;}
table{border-collapse:collapse;}
body{color:#222;margin:0 auto;font-size:12px;line-height:24px;font-family:"微軟雅黑";-webkit-text-size-adjust:none;background:#fff;}
a{color:#222; text-decoration:none;}
a:hover, a:active, a:focus{color:#1e7ac5;}
.clearfix:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{zoom:1;}
.hidden{display: none;}
em,i{font-style:normal;}
.left{float:left;}
.right{float:right;}
.none{display:none;}
.center{text-align:center;}
.red{color:#ff4545;}
/* IE6下PNG圖片透明 */
/* img, div{behavior: url("iepng/iepngfix.htc");} */

.container{width:1200px;margin:0 auto;}
.txt-hide{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.top{height:106px; background:#dbe7fd url(../images/top.jpg) no-repeat top center;}
.top .logo{padding-top:12px;margin-left:5px;}
.top .top-right{float:right; color:#999; text-align:right;}
.top .top-right a{color:#666; padding:0 5px;}
.top .right-txt{ padding:15px 10px;}
.top .search{background:url(../images/search.png) no-repeat;width:231px; height:29px;}
.top .search .search-inp{background:none; border:none; width:198px; float:left; height:27px; line-height:26px; text-indent:12px;}
.top .search .search-btn{background:none; border:none; height:28px; width:28px; cursor:pointer;}
.menu{display:none;}

.nav{ font-size:15px; background:#1e7ac5; height:45px;clear:both;}
.nav ul li{display:inline-block; width:108px; position:relative; float:left; z-index:10; background:url(../images/nav-line.gif) no-repeat top left; padding-left:1px;}
.nav ul li.home{background:none;}
.nav li a{display:block; text-align:center;line-height:45px;height: 45px; color:#fff;}
.nav li a:hover,.nav li a.current{ background:#268adb;}

.nav ul ul{display: none;}
.nav ul li:hover > ul{display: block;}
.nav ul:after{content: ""; clear: both; display: block;}
.nav ul ul{background: #1e7ac5;padding: 0;position: absolute;z-index:5;width:138px; padding-bottom:3px;background-clip: padding-box;top:43px;left:-10px;}
.nav ul ul li{position: relative;background:none; padding:0; width:100%;}
.nav ul ul li a{ height:36px; line-height:36px; width:100%;color: #fff; padding:0; font-size:13px;border-bottom:1px solid #268adb;}   
.nav ul ul li a:hover{background:#268adb; color:#fff;}
.nav ul ul ul{position: absolute; left: 100%; top:0;}
.nav .right{font-size:12px; color:#999; line-height:43px;}

.banner{height:300px; clear:both; margin-bottom:15px;}
/*---------首頁banner-------*/
.index_view {clear: both; width:100%;  height:300px; text-align:center; position:relative; z-index:9;left:-2px \9; overflow:hidden;}
.index_view ul { overflow:hidden; height:300px;}
.index_view ul li {margin:0px; text-align:left;}
.index_view ul li.active {display: block;}
.index_view ul li a { display:block; width:1000px; height:300px; margin:0 auto;}

.index_view .news_ico{width:100%;height:5px;position:relative;bottom:30px;z-index:30;}
.index_view .news_ico ol{padding:0px; margin:0px; overflow:hidden; width:200px; margin:0 auto; text-align:center;}
.index_view .news_ico ol li{width:12px; height:12px; border-radius:100%;cursor:pointer; display:inline-block;margin:0 10px;}
.index_view .news_ico ol li a{ display:block; width:12px; height:12px;border-radius:100%; background:#fff; float:left;position:relative; z-index:9999; _overflow:hidden;filter: alpha(opacity=60);opacity: 0.6;}
.index_view .news_ico ol li a:hover{background:#fff;filter: alpha(opacity=100);opacity: 1;}
.index_view .news_ico ol li a.active{background:#fff;filter: alpha(opacity=100);opacity: 1;}
.index_view .news_ico ol li a.active:hover{background:#fff;filter: alpha(opacity=100);opacity: 1;}

.index_view .news_ico ol li span{ display:block; width:12px; height:12px;border-radius:100%; background:#fff; float:left;position:relative; z-index:9999; _overflow:hidden;filter: alpha(opacity=60);opacity: 0.6;}
.index_view .news_ico ol li span:hover{background:#fff;filter: alpha(opacity=100);opacity: 1;}
.index_view .news_ico ol li span.active{background:#fff;filter: alpha(opacity=100);opacity: 1;}
.index_view .news_ico ol li span.active:hover{background:#fff;filter: alpha(opacity=100);opacity: 1;}


.sy-ti{height:43px; border-bottom:3px solid #92c2e8; margin-bottom:10px;}
.sy-ti span{display:inline-block;line-height:43px;height:43px; border-bottom:3px solid #1e7bcb; font-size:18px;color:#1e7bcb; margin-bottom:-3px;}
.sy-ti a{ float:right; font-size:12px; color:#2fc9c1; margin-top:13px;}

.foot{ background:#1e7ac5;clear:both;overflow:hidden; text-align:center; line-height:24px; padding:24px 0; color:#fff;}
.foot a{color:#fff;}


/* 首頁新增圖片 */
.index-timg{
    margin: 20px 0;
}
.index-timg ul {
    margin-left: -1%;
    overflow: hidden;
}

.index-timg ul li {
    float: left;
    width: 24%;
    margin-left: 1%;
    position: relative;
}

.index-timg ul li a {
    display: block;
}

.index-timg ul li .imgbox{
    width: 100%;
    height: 108px;
    overflow: hidden;
}

.index-timg ul li .imgbox img{
    width: 100%;
    min-height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.index-timg ul li:hover .imgbox img{
    -webkit-transform:scale(1.08);
        -moz-transform:scale(1.08);
        -o-transform:scale(1.08);
        -ms-transform:scale(1.08);
        transform:scale(1.08);
    }
    

.index-timg ul li p {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 40%;
    padding: 10px 55px 10px 10px;
    background: url(../images/timg-title.png);
}

@media screen and (max-width:1199px) {
.container,.banner{width:1000px;}

#banner .txt{width:230px;}
#banner .pic{width:720px; overflow:hidden;}
#banner .pic img{margin-left:-75px;}
#banner .txt .more{margin-left:160px;}
#banner .hd{left:70px;}

#nav ul li{width:86px; text-align:center; position:relative;}
.lmright{width:700px; float:right; border-top:2px solid #246cbb; background:#fff; padding:20px; padding-top:0;min-height:500px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>500?"500px":"");}

.qnav li{width:166px;}
.qnav li a{width:146px;}



}
@media screen and (max-width: 767px){
.container,.banner{width:100%; min-width:320px; overflow-x:scroll;}
.nav,.top-right{display:none;}
#logo{float:none;}
.wapper{width:auto; min-width:320px;padding:10px;}

#menu{min-width:inherit;overflow: hidden;}
.top{height:70px;position:relative;}
.logo{padding:15px 0; height:40px;width:auto;}
.clr20{height:10px; clear:both;}
.topzg{display:block; height:91px;}
.menu{display:block; width:24px; height:40px; background:url(../images/mnav.png) no-repeat; text-indent:-500px; overflow:hidden; position:absolute; margin: auto;  top:0px; bottom:0px; right:10px; cursor:pointer;}
#nav .wrapper{padding:0; min-width:0;}
#nav{width:230px;  background:#1e7bcb; height:auto; line-height:60px; color:#fff; position:absolute; top:70px; right:0px; z-index:999; display:none;}
#nav ul li{font-size:16px; float:none; width:100%; text-align:left; position:relative; background:url(../images/jt3.png) no-repeat 180px 28px;}
#nav ul li a{color:#fff; text-align:left; height:auto; line-height:inherit;padding-left:30px;}
.nav li a:hover, .nav li a.current{background:none;}
#nav .sub{display:none; font-size:16px;line-height:40px; width:100%; margin-top:0; top:0px; left:0px;  position:relative; background:none; padding:0; border:0;}
#nav .sub li{ height:40px; width:100%; line-height:40px; color:#fff; font-weight:normal; border-bottom:0; background:none; padding-left:20px; text-align:left;}
#nav .sub li a{color:#fff;}

.bannerbg{background:none; width:100%; height:auto; padding-top:0;}
#banner{width:100%; height:auto; margin:0px auto; position:relative; background:#184C85; padding-bottom:0;}
#banner .txt{width:100%; float:none; background:#184c85; height:auto; padding:0;padding-bottom:30px; padding-top:10px;}
#banner .txt h4{font-size:16px; line-height:30px; height:30px; font-weight:normal; padding:0 10px; overflow:hidden; text-align:center;}
#banner .txt p{font-size:14px; line-height:26px; margin-bottom:0px; padding:0 10px;  height:52px; overflow:hidden;}
#banner .txt .more{display:none;}
#banner .pic{width:100%; float:none;}
#banner .pic img{width:100%; height:auto; margin:0;}
#banner .hd{bottom:10px; left:40%;}

#honews{width:100%; float:none;}
#honot{float:none; width:100%;}
.piclist .txt h4{height:36px; overflow:hidden;}
.hobox{float:none; width:100%; margin-bottom:10px;}
#hotab2, #hotab5{margin:0;}
#hotab6,.hozt{width:100%; position:static;}

.hozt{background:none; padding:0;}
.hozt .tit{width:auto; margin:0;border-bottom:1px solid #fff; height:50px; line-height:50px; position:relative; margin-bottom:20px;}
.hozt .tit strong{display:block; height:48px; border-bottom:5px solid #246cbb; font-size:20px; width:100px; margin:0; text-align:center;}
.hozt li{width:50%; text-align:center; float:left; margin-bottom:10px;}

.qnav li{width:50%;}
.qnav li a{width:90%;}

.lm{padding:10px; padding-top:20px;}
.lmleft,.place{ display:none;}
.lmright{width:100%; float:none; border:0; background:#fff; padding:0px; min-height:0;}
#lmtitle{height:60px;line-height:60px; background:#246cbb; text-indent:1em;}
#lmtitle strong{ font-size:18px; font-weight: normal; color:#fff;}

.con{padding:10px;}
.pagecon img{max-width:100%;}

.listbox li span{display:none;}
.lmtt{margin-bottom:20px; padding:10px;}


.banner{height:120px; margin-bottom:5px;}
/*---------首頁banner-------*/
.index_view {height:120px;}
.index_view ul {height:120px;}
.index_view ul li{height:120px;}
.index_view ul li a { width:100%;height:120px; margin:0 auto;}


}
@media screen and (max-width: 320px){
.logo{height:34px;}
.menu{right:5px;}	

}