@charset "utf-8";
/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
table {border-collapse:collapse; border-spacing:0;}
img {border:0;}
ol, ul {list-style:none;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none;}
input , select , textarea , button{outline:none; border-radius:0;}

body{font-family:arial , "微軟正黑體"; }



/*link-box*/
.link-box li{ width:31%; box-sizing:border-box; margin:1%; float:left;border-radius:5px; background:#f14b44; border:0.8px solid #f14b44;  transition:all .3s;}
.link-box li a{ display:block; color:#333; text-align:center;}
.link-box li:hover { background:#fff;}
.link-box li img{ display:block; width:100%; height:auto; border-radius:5px 5px 0 0; }
.link-box li span{ display:block; padding:10px 0; text-align:center; color:#333;}

/*link-box1*/
.link-box1 li{ width:20%; box-sizing:border-box; float:left;border-radius:0px;  transition:all .3s;}
.link-box1 li a{ display:block; color:#333; text-align:center;padding:10px;}
.link-box1 li:hover { background:#fff;}
.link-box1 li img{ display:block; width:100%; height:auto; border-radius:5px 5px 0 0; }
.link-box1 li span{ display:block; padding:10px 0; text-align:center; color:#333;}


/*message_list*/
ul.message_list{margin-bottom:50px;}
ul.message_list li{border-bottom:1px solid #d1d1d1;padding:10px 20px;}

ul.message_list li a{color:#000;font-size:1em; font-weight:bold; line-height:19px;display: block;}
ul.message_list li .li_date{float:right;width:50%;content:""; display:inline-block; width:23px; height:26px; background:url(../images/links_arrow.png); margin-right:5px; }
ul.message_list li .li_tit{transition:all .3s; -webkit-transition:all .3s;overflow: hidden;}
ul.message_list li:hover a .li_tit{color:#f2473d;}



/* pages */
.page{text-align: center;margin:2% 0 7% 0;position: relative;overflow:hidden;}
.page .num{overflow: hidden;text-align: center;display: flex;}
.page .number{margin:0px auto;overflow:hidden;float: left;background:#fff;}
.page .number div{ float:left;}
.page .number li{float:left;}
.page .number a{display: inline-block;line-height: 40px;transition:all .3s; -webkit-transition:all .3s;font-size:0.7em;vertical-align: middle;margin:5px;width:15px;height:40px;border:1px solid #ffffff;border-radius:20px;font-weight:bold;}

.page .pa{background: #fff;color:#333333;font-size:0.5em;}
.page .zf_line{position:absolute;height:1px; background:#ffffff;width: 90%;left: 5%;top:31px;z-index:-1;}
.page br{display: none;}
.page label{}
.left_a{left:0px;top:11px;}
.left_b{left:32px;top:11px;}
.right_a{right:0px;top:11px;}
.right_b{right:32px;top:11px;}
.left_a a{display:block;width:30px;height:40px;background:url(../images/arrow1.png) center no-repeat;}
.left_b a{display:block;width:9px;height:12px;background:url(../images/arrow2.png) center no-repeat;}
.right_b a{display:block;width:9px;height:12px;background:url(../images/arrow3.png) center no-repeat;}
.right_a a{display:block;width:9px;height:12px;background:url(../images/arrow4.png) center no-repeat;}
.page .number a.left_a,.page .number a.left_b,.page .number a.right_a,.page .number a.right_b{width:9px;height:12px;border:0px;}
.page .number a.left_a:hover,.page .number a.left_b:hover,.page .number a.right_a:hover,.page .number a.right_b:hover{background-color:#fff;opacity:0.7;}
.page .number a.p_now,.page .number a:hover{background-color: #ffffff;color:#f2473d;font-size:1.5em;}
.page .number a.left_a{display:inline-block;width:30px;height:40px;background:url(../images/arrow1.png) center no-repeat;}
.page .number a.left_b{display:inline-block;width:9px;height:12px;background:url(../images/arrow2.png) center no-repeat;}
.page .number a.right_b{display:inline-block;width:9px;height:12px;background:url(../images/arrow3.png) center no-repeat;}
.page .number a.right_a{display:inline-block;width:9px;height:12px;background:url(../images/arrow4.png) center no-repeat;}
/* .page .number a.left_a,.page .number a.left_b,.page .number a.right_a,.page .number a.right_b{display:none;} */


/* header */
#header{
    /*position: fixed;*/
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(0,0,0,.7);
    z-index: 100;
    background-color: #FFFFFF;
}
#header.nav_fixed{
    box-shadow: 0 -4px 20px 0 rgba(0,0,0,.2);
}
#header .wrap{position:relative; max-width:1120px; margin:0 auto;}

#header .top{height:30px; background:#FFFFFF;}
#header .top span{font-size:14px; color:#999; line-height:30px;}
#header .top span img{position:relative; top:5px; display:inline-block; width:20px; height:auto; margin:0 8px 0 5px;}

#lang{position:absolute; right:0; top:0; font-size:12px; color:#FFF;}
#lang a{display:inline-block; padding:0 6px; font-size:14px; color:#FFF; line-height:30px; transition:all .3s;}
#lang a:hover{background:#00ACED;}

#logo{display:inline-block; width:300px; height:55px; background:url(../images/logo.png) no-repeat left; text-indent:-9999px; cursor:pointer; margin:0 10px 0 0; box-sizing:border-box;}

#navigation{position:relative; display:inline-block; padding-left:60px; display:flex; background:rgba(208,246,227,1)}
#navigation li{position:relative; display:inline-block; padding:0 8px;}
#navigation li > a{display:block; color:#000000; line-height:55px; cursor:pointer; transition:all .3s;}
#navigation li > a:hover{color:#ff5632;}
#navigation li.sub > a:after{content:""; display:inline-block; width:10px; height:10px; background:url(../../../index.html); margin-left:3px;}
#navigation li .sub-menu{position:absolute; left:-25%; top:55px; display:none; width:150%;}
#navigation li:nth-of-type(3) .sub-menu{width: 300px;}
#navigation li .sub-menu:before{content:""; position:absolute; left:50%; top:-5px; display:block; width:0; height:0; margin-left:-5px; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #FFF transparent;}
#navigation li .sub-menu > a{display:block; background:#FFF; border-left:4px solid #cdcbcb; border-bottom:1px solid #edecea; font-size:14px; color:#777; line-height:40px; text-indent:20px; transition:all .3s;}
#navigation li .sub-menu > a:hover{border-left-color:#ff5632; background:#ff5632; color:#fff;}
#navigation li .sub-menu > div > a{display:block; background:#FFF; border-left:4px solid #cdcbcb; border-bottom:1px solid #edecea; font-size:14px; color:#777; line-height:40px; text-indent:20px; transition:all .3s;}
#navigation li .sub-menu > div > a:hover{border-left-color:#ff5632; background:#ff5632; color:#fff;}


#navigation li.search>a:before{content:""; position:relative; top:2px; display:inline-block; width:30px; height:20px; background:url(../images/navi_icon.png) no-repeat; margin-right:3px;}
#navigation li.search dl{position:absolute; right:0; top:55px; display:none; width:450px; padding:20px; background:#FFF; box-sizing:border-box;}
#navigation li.search dl:before{content:""; position:absolute; right:10px; top:-5px; display:block; width:0; height:0; margin-left:-5px; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #FFF transparent;}
#navigation li.search dt{padding-bottom:20px; font-size:16px; color:#000; font-weight:bold;}
#navigation li.search dd{position:relative; padding-right:90px;}
#navigation li.search dd input{display:block; width:100%; height:40px; padding:10px; border:1px solid #CCC; border-radius:3px; box-shadow:1px 1px 2px #eee; box-sizing:border-box;}
#navigation li.search dd button{position:absolute; right:0; top:0; display:block; width:80px; height:40px; background:#ff5632; border:none; border-radius:3px; font-size:14px; color:#FFF; text-align:center; cursor:pointer; transition:all .3s;}
#navigation li.search dd button:hover{ opacity:.8;}
#navigation li.search dl .keywords{ margin:20px 0 0 0;}
#navigation li.search dl .keywords b{ display:block; font-weight:normal; color:#333;}
#navigation li.search dl .keywords a{ display:inline-block; margin:10px 10px 10px 0; color:#ff5632; transition:all .3s;}
#navigation li.search dl .keywords a:hover{ opacity:.8;}
#navigation li.search dl .search-more a{ display:inline-block; line-height:15px; margin:10px 0 0 0; padding:0 0 0 15px; color:#333; background:url(../../../index.html) left top no-repeat;}
#navigation li.search dl .search-more a:hover{ color:#ff5632; background:url(../../../index.html) left bottom no-repeat;}

/* mobile */
#mobi-btn{position:absolute; right:10px; top:15px; display:none; width:22px; height:20px; background:url(../images/mobi_btn.png) left top no-repeat; cursor:pointer}
#mobi-btn:hover{background-position:left bottom;}
#mobile{display:none; background:#FFF;}
#mobile li{padding:15px 0; border-bottom:1px solid #EEE; text-align:right;}
#mobile li > a{display:block; padding:0 15px; font-size:18px; color:#333; cursor:pointer;}
#mobile li.sub > a:after ,
#mobile li.search > a:after{content:""; display:inline-block; width:10px; height:10px; background:url(../../../index.html); margin-left:5px;}
#mobile li.search > a:before{content:"搜尋"; }
#mobile li.search .keywords{ margin:20px 0 0 0; text-align:left;}
#mobile li.search .keywords b{ display:block; font-weight:normal; color:#333;}
#mobile li.search .keywords a{ display:inline-block; margin:10px 10px 10px 0; color:#ff5632; transition:all .3s;}
#mobile li.search .keywords a:hover{ opacity:.8;}
#mobile li.search .search-more {text-align:left;}
#mobile li.search .search-more a{ display:inline-block; line-height:15px; margin:10px 0 0 0; padding:0 0 0 15px; color:#333; background:url(../../../index.html) left top no-repeat;}
#mobile li.search .search-more a:hover{ color:#ff5632; background:url(../../../index.html) left bottom no-repeat;}
#mobile li > a.active{color:#ff5632;}
#mobile li .sub-menu{display:none; padding:10px; overflow:hidden;}
#mobile li .sub-menu a{display:block; padding:10px 0; border-bottom:1px solid #EEE; font-size:14px; color:#666;}
#mobile li.search dl{display:none; padding:10px;}
#mobile li.search dt{display:none;}
#mobile li.search dd{position:relative; padding-right:90px;}
#mobile li.search dd input{display:block; width:100%; height:40px; padding:10px; border:1px solid #CCC; border-radius:3px; box-shadow:1px 1px 2px #eee; box-sizing:border-box;}
#mobile li.search dd button{position:absolute; right:0; top:0; display:block; width:80px; height:40px; background:#ff5632; border:none; border-radius:3px; font-size:14px; color:#FFF; text-align:center; cursor:pointer;}

/* index-slide */
#index-slide{position:relative;/*margin-top:86px;*/}
#index-slide .item img{display:block; width:100%; height:auto;}

#index-slide .owl-buttons{position:absolute; left:0; top:50%; width:100%; margin-top:-15px; overflow:hidden;}
#index-slide .owl-buttons div{display:block; width:30px; height:30px; background:url(../images/slide_arrows.png); text-indent:-9999px; }
#index-slide .owl-buttons .owl-prev{float:left; margin-left:20px; background-position:left top;}
#index-slide .owl-buttons .owl-next{float:right; margin-right:20px; background-position:right top;}

#index-slide .owl-pagination{position:absolute; left:0; bottom:5%; width:100%; text-align:center;}
#index-slide .owl-pagination .owl-page{display:inline-block; width:20px; height:20px; margin:0 5px; background:url(../images/bullets.png) center 3px no-repeat; transition:all .3s;}
#index-slide .owl-pagination .owl-page.active{background-position:center bottom;}

/* my-group */
#my-group{padding:80px 0; }
#my-group ul{width:98%; margin:0 auto; overflow:hidden;}
#my-group li{float:left; width:25%; padding:1%; box-sizing:border-box;}
#my-group li a{position:relative; display:block; background:#000; overflow:hidden;}
#my-group li a img{display:block; width:100%; height:auto; transition:all .3s;}
#my-group li a span{position:absolute; left:0; bottom:0; display:block; width:100%; font-size:19px; color:#000; line-height:40px; text-align:center;}
#my-group ul.mygroup2{ width:75%; margin:0 auto; text-align:center;}
#my-group ul.mygroup2 li{ width:25%; padding:1%; margin:0 4%; }

#my-group li a span.g5{ background:#ffffff;}
#my-group li a span.g6{ background:#ffffff;}
#my-group li a span.g7{ background:#ffffff;}

#my-group li a:hover img{transform:scale(1.1,1.1); -webkit-filter:blur(1px); opacity:.4;}

/* index-news */
#index-news{width:96%; max-width:1060px; margin:0 auto; padding:35px 0; overflow:hidden;}

#index-news .media{float:left; width:45%; padding-right:5%; box-sizing:border-box;}
#index-news .media a{display:block; padding:10px 0 20px 0; font-size:20px; color:#000;}
#index-news .media a:hover{color:#ff5632;}
#index-news iframe{width:100%; height:288px;}

#index-news .news{float:left; width:55%;}
#index-news .news .tab{width:220px; overflow:hidden;}
#index-news .news .tab li{float:left; width:50%; border-top:3px solid transparent; font-size:20px; color:#555; line-height:44px; text-align:center; box-sizing:border-box; cursor:pointer; transition:all .3s;}
#index-news .news .tab li:hover{color:#ff5632;}
#index-news .news .tab li.active{background:#FFF; border-top:3px solid #ff5632;}
#index-news .news .tab li.active:hover{color:#555;}

#index-news .news .content > li{display:none; background:#FFF; padding:20px 20px 10px 20px; overflow:hidden;}
#index-news .news .content dl{padding:0 20px; border:1px solid #ddd; border-top:none;}
#index-news .news .content dt{position:relative; padding:15px 30px 5px 0; cursor:pointer;}
#index-news .news .content .con-01 dt:after{content:""; position:absolute; right:0; top:20px; display:block; width:18px; height:18px; background:url(../../../index.html) left top no-repeat;}
#index-news .news .content .con-02 dt:after{content:""; position:absolute; right:0; top:25px; display:block; width:7px; height:13px; background:url(../../../index.html) left top no-repeat;}

#index-news .news .content dt h1{font-size:14px; color:#555; line-height:25px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all .3s;}
#index-news .news .content dt span{display:block; font-size:12px; color:#999;}

#index-news .news .content dl:hover dt h1{color:#ff5632}
#index-news .news .content .con-01 dl:hover dt:after{background-position:left center;}
#index-news .news .content .con-02 dl:hover dt:after{background-position:left bottom;}

#index-news .news .more{}
#index-news .news .more a{display:inline-block; font-size:13px; color:#ff5632; font-weight:bold;}
#index-news .news .more a:after{content:""; display:inline-block; width:4px; height:10px; background:url(../../../index.html) left top; margin-left:5px;}
#index-news .news .more a:hover{color:#5b5b5b;}
#index-news .news .more a:hover:after{background-position:left bottom;}

#index-news .news .more-btn{ float:right; margin:10px 0 0 0;}
#index-news .news .more-btn a{display:inline-block; font-size:13px; color:#ff5632; font-weight:bold;}
#index-news .news .more-btn a:after{content:""; display:inline-block; width:4px; height:10px; background:url(../../../index.html) left top; margin-left:5px;}
#index-news .news .more-btn a:hover{color:#5b5b5b;}
#index-news .news .more-btn a:hover:after{background-position:left bottom;}

#index-news .news .content dl.active dt h1{color:#ff5632;}
#index-news .news .content dl.active dt:after{background-position:left bottom;}

#index-news .news .content dl.active:hover dt h1{color:#ff5632;}
#index-news .news .content dl.active:hover dt:after{background-position:left bottom;}

#index-news .news .content dd{display:none; padding:20px 0;}
#index-news .news .content dd .wrap{overflow:hidden;}
#index-news .news .content dd .wrap .img{float:left; width:45%; padding-right:20px; box-sizing:border-box;}
#index-news .news .content dd .wrap .img img{display:block; width:100%; height:auto;}
#index-news .news .content dd .wrap .intxt{float:left; width:55%; font-size:14px; color:#999; line-height:22px;}

#index-news .news .content dd .share a{position:relative; display:inline-block; margin-right:5px; text-indent:-9999px;}
#index-news .news .content dd .share .fb{width:8px; height:15px; background:url(../../../index.html);}
#index-news .news .content dd .share .twitter{top:2px; width:13px; height:11px; background:url(../../../index.html);}
#index-news .news .content dd .share .google{top:1px; width:13px; height:13px; background:url(../../../index.html);}
#index-news .news .content dd .share .linkedin{top:2px; width:12px; height:11px; background:url(../../../index.html);}
#index-news .news .content dd .more{text-align:right;}
#index-news .news .content dd .more a{display:inline-block; font-size:13px; color:#ff5632; font-weight:bold;}
#index-news .news .content dd .more a:after{content:""; display:inline-block; width:4px; height:10px; background:url(../../../index.html) left top; margin-left:5px;}
#index-news .news .content dd .more a:hover{color:#5b5b5b;}
#index-news .news .content dd .more a:hover:after{background-position:left bottom;}

/* index-list */
#index-list{background:#ffffff;}
#index-list .links{background:#ff5632;}
#index-list .links .btn{max-width:1000px; margin:0 auto;}
#index-list .links a{display:inline-block; padding:0 50px; text-align:center; line-height:60px; transform:skew(30deg); -webkit-transform:skew(30deg);}
#index-list .links a span{display:inline-block; font-size:20px; font-weight:bold; transform:skew(-30deg); -webkit-transform:skew(-30deg); transition:all .3s;}
#index-list .links a:hover span{color:#ff5632;}
#index-list .links .link-1{margin-left:20px; background:#454545;}
#index-list .links .link-1 span{color:#FFF;}
#index-list .links .link-2{background:#CCC;}
#index-list .links .link-2 span{color:#666;}
#index-list .links .link-3{background:#666;}
#index-list .links .link-3 span{color:#FFF;}

#index-list > .wrap{max-width:1060px; margin:0 auto; padding:45px 0;}
#index-list .wrap .item{padding:0 1px;}
#index-list .wrap dt{background:#000;}
#index-list .wrap dt a{position:relative; display:block;}
#index-list .wrap dt a:after{content:""; position:absolute; left:50%; top:50%; display:none; width:44px; height:44px; margin:-22px 0 0 -22px; border-radius:3px;}
#index-list .wrap dt a img{display:block; max-width:100%; height:160px; margin:0 auto; transition:all .3s;}
#index-list .wrap dt a:hover:after{display:block;}
#index-list .wrap dt a:hover img{opacity:.5;}
#index-list .wrap dd{background:#FFF; padding:20px;}


#index-list .wrap dd h3{overflow:hidden; text-overflow:ellipsis;}
#index-list .wrap dd h3 a{font-size:19px; color:#333; line-height:40px; font-weight:normal;}
#index-list .wrap dd h3 a:hover{color:#ff5632;}

#index-list .wrap .post-info{font-size:13px; color:#333; font-weight:bold; margin:10px 0;}
#index-list .wrap .post-info .unit{ display:block;}
#index-list .wrap .post-info .time:before ,
#index-list .wrap .post-info .unit:before{content:""; display:inline-block; width:12px; height:11px; background:url(../../../index.html) no-repeat; margin-right:5px;}
#index-list .wrap .post-info .time:before{background-position:left top;}
#index-list .wrap .post-info .unit:before{background-position:right top;}
#index-list .wrap .post-info b{ display:inline-block; background:#FFF; margin:0 0 0 5px; padding:5px 10px; font-size:12px; color:#ff5632}

#index-list .wrap dd p{height:200px; padding:20px 0; overflow:hidden; font-size:14px; color:#555; line-height:20px;}





#index-list .wrap dd .other .more{float:right; display:inline-block; font-size:13px; color:#ff5632; font-weight:bold; }

#index-list .wrap dd .other .more:hover{color:#5b5b5b;}
#index-list .wrap dd .other .more:hover:after{background-position:left bottom;}

#index-list .owl-buttons{display:none;}

#index-list .owl-pagination{width:100%; padding-top:30px; text-align:center;}
#index-list .owl-pagination .owl-page{display:inline-block; width:12px; height:12px; margin:0 5px; background:#eceae4; border-radius:50%;}
#index-list .owl-pagination .owl-page.active{background:#ff5632;}

/* footer */

.content{background:#FFF; padding:20px 0;}
.content .wrap{width:100%; max-width:1000px; margin:0 auto; overflow:hidden;}
.content  h2{font-size:35px;color:#58a77f; padding-bottom:21px;}
.content  h2:after{content:""; display:block; width:50px; height:4px; background:#000000; margin-top:15px;}

.content  h22{font-size:35px;color:#a598aa; padding-bottom:21px;}



.content .wrap .left{float:r; width:50%; padding-right:50px; box-sizing:border-box;}
.content .wrap .left{padding-bottom:30px;}
.content .wrap .left p{font-size:18px; color:#666; line-height:50px; padding-top:20px;}
.des-more{    float: right;
    display: inline-block;
    font-size: 13px;
    color: #ff5632;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #ff5632;
    padding: 2px 8px;}
.content .wrap .right{float:left; width:45%; overflow:hidden;}
.content .wrap .right.home-right{width:46.4%;}
.content .wrap .right li{float:left; width:45%; margin-right:5%; padding:10px 0; border-bottom:1px solid #eee;}
.content .wrap .right li a{display:inline-block; font-size:14px; color:#333;}
.content .wrap .right li a:before{content:""; display:inline-block; width:23px; height:26px; background:url(../images/links_arrow.png); margin-right:5px;}
.content .wrap .right li a:hover{color:#ff5632;}
.content .wrap .right li a:hover:before{background-position:left bottom;}

.content .wrap .last{ width:15%; }
.content .wrap .last p{font-size:14px; color:#333; line-height:25px;}

.content .info{width:96%; max-width:1120px; margin:0 auto;}
.content .info a{display:inline-block; border-radius:5px; font-size:14px; color:#FFF; transition:all .3s;}
.content .info a:hover{opacity:.8;}
.content .info .link-1{background:#ff5632; margin-right:10px; padding:10px 30px;}
.content .info .link-2{background:#333; padding:10px 30px 10px 30px;}
.content .contact{width:96%; max-width:1120px; margin:0 auto; border-top:1px solid #000; margin-top:20px; padding-top:20px;}
.content .contact ul{overflow:hidden;}
.content .contact li{ float:left; width:33%; padding-right:30px; height:150px; font-size:14px; line-height:20px; box-sizing:border-box;}
.content .contact li h3{margin-bottom:10px; font-size:15px; color:#000;}
.content .contact li > a{color:#ff5632;}
.content .contact li p{color:#999;}
.content .contact li b a{ display:inline-block; height:20px; color:#f44336; font-weight:normal; font-size:12px; background:url(../../../index.html) no-repeat left; padding-left:25px; margin:5px 0 0 0;}
.content .contact li span{ margin:5px 0 0 10px;}
.content .contact li span a{ height:20px; display:inline-block; color:#f44336; background:url(../../../index.html) no-repeat left center;padding-left:25px;}



/***footer1***/
.footer1{background-color:#b5dbf3;padding:25px 20px 40px 20px;word-break: break-all;}
.ft_cont1{padding:0px;}
.ft_cont1{line-height:35px;color:#082f52;max-width: 1400px;
    margin: 0 auto;}
.ft_cont1 .ft_left1 a{color:#082f52;}
.ft_cont1 .ft_left1{float:left;}
.ft_cont1 .ft_right1{float:right;text-align:right;}






/* copyright */
.footer-bottom{
    background:rgba(110,98,159,1);
}
#copyright{width:96%; max-width:1120px; margin:0 auto; padding:20px 0; font-size:18px; color:#ffffff; overflow:hidden;}
#copyright .left{position:relative; float:left; padding-left:100px;}
#copyright .left span{display:block; padding-bottom:3px;}
#copyright .right{float:right; line-height:36px;}
#copyright .bottom{ clear:both; margin-left:100px;}
#copyright .bottom a{ display:inline-block; color:#333; transition:all .3s;}
#copyright .bottom a:hover{ color:#ff5632;}
/* gotop */
#gotop{position:fixed; right:20px; bottom:20px; display:block; width:40px; height:40px; border-radius:5px; background:url(../images/gotop.png) center center no-repeat rgba(255, 0, 0, 0.6); text-indent:-9999px; cursor:pointer; z-index:100; display:none;}

/*subcribe*/
#subscribe{position: absolute; top: 10%; left: 50%; width: 500px; margin-left: -250px; background: #fff; padding: 20px; z-index: 102; min-height: 200px; box-sizing: border-box; overflow: hidden; display:none;}
#subscribe h1{ font-size:24px; margin-bottom:20px; padding:0 0 20px 0; border-bottom:1px solid #eee; text-align:center;}
#subscribe h1 a{ position:absolute; right:10px; top:20px; cursor:pointer; background:url(../../../index.html) no-repeat; text-indent:-99999px; width:20px; height:20px;}
#epaper-search{position:relative; width:100%; overflow:hidden;}
#epaper-search option{ line-height:20px;}
#epaper-search dl{ margin:0 0 20px 0;}
#epaper-search dl dt{ margin:10px 0;}
#epaper-search dd input{display:inline-block; width:100%; border:1px solid #cbc9c5; height:45px; padding:10px; border-radius:5px; box-shadow:0 0 3px #e8e6de; box-sizing:border-box;}
#epaper-search div b{ display:block; margin:10px 0; font-weight:normal;}
#epaper-search div li{ float:left; margin:0 10px 5px 0;}
#epaper-search .button{ width:240px; float:right; overflow:hidden; margin:20px 0 0 0;}
#epaper-search a{ float:left; margin:10px; display:inline-block; width:100px; border:none; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; line-height:42px; text-align:center; font-weight:bold; cursor:pointer; transition:all .3s;}
#epaper-search a.cancel{ background:#aaa; }
#epaper-search a:hover{ opacity:.8;}
#cover{ position:fixed; top:0; left:0; width:100%; height:100%;z-index:101; background:url(../../../index.html) repeat; display:none;}

/* RWD */
@media screen and (max-width:1140px){
/* header */
#navigation{ padding:0 0 0 0;}
#navigation li{padding:0 8px;}
}
@media screen and (max-width:1120px){
/* header */
#navigation li{padding:0 6px;}
}
@media screen and (max-width:1080px){
/* header */
#navigation li{padding:0 4px;}  
/*copyright*/
#copyright .left{float:none;}
#copyright .right{float:none; line-height:normal; padding:0 0 0 100px;}
}
@media screen and (max-width:1050px){
/* header */
#logo{ margin:0 0 0 5px;}
#navigation{padding-left:0;}
#navigation li{padding:0 2px;}
/* copyright */
#copyright{text-align:center;}
#copyright .left{padding-left:0; padding-bottom:5px;}
#copyright .left a{position:static; margin:0 auto 10px auto;}
#copyright .right{float:none; line-height:normal; text-align:center; padding:0;}
#copyright .bottom{ clear:both; margin-left:0; text-align:center;}
.link-box1 li{width:32%}
}

@media screen and (max-width:997px){
/* header */
#navigation{display:none;}
/* mobile */
#mobi-btn{display:block;}
}
@media screen and (max-width:970px){
/*header*/
#logo{ margin:0 0 0 1%; }
}
@media screen and (max-width:860px){
/* index-slide */
#index-slide{/*margin-top:85px;*/}
#index-slide .owl-pagination{position:static; padding:10px 0;}
/* index-news */
#index-news{padding:35px 0;}
#index-news .media{float:none; width:100%; padding:0;}
#index-news iframe{height:500px;}
#index-news .news{float:none; width:100%; margin-top:30px;}
/* footer */
.content{padding:30px 10px;}
.content .wrap .left{float:none; width:100%;}
.content .wrap .right{float:none; width:100%; padding-bottom:30px;}
.content .wrap .left{
    padding-left: 0
}
}

@media screen and (max-width: 330px){
  #logo{
    width: 240px;
    height: 46px;
    background-size: 100% 100%;
  }
  #index-slide{
    margin-top: 60px;
  }
}
@media screen and (max-width:620px){
/* index-list */
#index-list .links a{width:33%; padding:0;}
#index-list .links a:nth-child(2){width:34%;}
#index-list .links a ,
#index-list .links a span{transform:none !important; font-size:16px;}
#index-list .links .link-1{margin:0;}
/* index-news */
#index-news iframe{height:400px;}
/* footer */
.content .contact li{width:50%;}
}

@media screen and (max-width:50px){
/* my-group */
#my-group li{float:none; width:50%;}
#my-group ul.mygroup2 li{width:50%; float:none; margin:0;}
/* index-news */
#index-news iframe{height:300px;}
#index-news .news .content dd .wrap .img{float:none; width:100%;}
#index-news .news .content dd .wrap .intxt{float:none; width:100%; padding:20px 0;}
/* footer */
.content .wrap .right li{float:none; width:100%;}
/* subscribe */
#subscribe{ width:300px; margin-left:-150px;}
#epaper-search .button{ width:240px; float:none; margin:20px auto 0 auto;}
}

@media screen and (max-width:80px){
/* my-group */
#my-group{ padding:15px 0;}
#my-group li a { height:35px; border-radius:5px;}
#my-group li a img{ display:none;}
#my-group li a span{ line-height:35px;}
/* index-list */
#index-list > .wrap{padding:20px 0;}
#index-list .wrap dd p{height:auto;}
#index-list .wrap dt a img{max-width:100%; width:100%; height:auto;}
/* index-news */
#index-news iframe{height:250px;}
/* footer */
.content .contact li{float:none; width:100%; height:auto; padding-bottom:40px;}


}

.table-bordered{border:1px solid #ddd}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{border: 1px solid #ddd;}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td{border-bottom-width: 2px;}
.table{width:100%;margin-bottom:20px}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td{border-top: 0;}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}
.tab-content>.tab-pane{display:none}
.table{
    max-width: 100%;
    background-color: transparent;
}

.panel-info>.panel-heading{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info{
    border-color: #bce8f1;
}
.panel{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-heading{
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-body{
    padding: 15px;
}