/* Minification failed. Returning unminified contents.
(222,26): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(227,41): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(287,79): run-time error CSS1038: Expected hex color, found '#dddd'
 */
@charset "utf-8"; 
body{ margin:0px; padding:0px; color:#666; font-family:"Microsoft YaHei"; background:#fff;}
																						   
.menu ul,.menu li,.main1_l ul,.main1_l li,.main2 ul,.main2 li,.main_com_l ul,.main_com_l li,.main_com_r ul,.main_com_r li,.main_com_r p,.article h1,.article h3,.dkjs_t ul,.dkjs_t li,.dkjs h1,.dkjs h2,.dkjs h3{ list-style:none; margin:0px; padding:0px; font-weight:normal;}

img{border:0px; padding:0px;}
img{border:0px; padding:0px;}
a{ color:#333; text-decoration:none; transition: all 0.3s linear 0s;}
a:hover{ text-decoration:none; color:#004a89;}
input,textarea,select{ font-size:14px; color:#333; font-family:"Microsoft YaHei"; border:0;outline:none;}
.clear{ clear:both;font-size:0px; line-height:0px;}
.div_l{ float:left;}
.div_r{ float:right;}
.content{ width:100%; max-width:1170px; margin:0px auto; overflow:hidden;}
 
.popup_tsk{ width:100%; position:fixed; text-align:center; left:0%; bottom:20%; z-index:9; overflow:hidden; display:none;}
.popup_tsk p{ padding:6px 20px; display:inline-block; font-size:14px; color:#fff; background:rgba(0, 0, 0, 0.5); border-radius:5px; -moz-border-radius:5px;}

.loading{ width:100%; height:100%; position:fixed; left:0px; top:0px; background:rgba(0, 0, 0, 0.1); z-index:9; -moz-user-select:none; -khtml-user-select: none; user-select:none; display:none;}
.loading_c{ width:110px; height:85px; padding-top:20px; position:fixed; left:50%; margin-left:-55px; top:45%; background:rgba(0, 0, 0, 0.5); border-radius:10px; -moz-border-radius:10px;}
.loading span{ width:100%; height:65px; text-align:center; text-indent:5px; color:#fff; display:block; background:url(/Scripts/index/images/loading.gif) center bottom no-repeat;}
.loading span p{ color:#fff;}


.head{ padding: 0px 0 20px 0;}
.head .logo{ float:left;}
.head .menu{ float:right;}
.head .menu li{ float:left; position:relative;}
.head .menu li a{ padding:0 25px; font-size:22px; line-height:75px; padding-top:13px; border-bottom:2px solid #e9e8e8; display:block;}
.head .menu li a:hover,.head .menu li.hov a,.head .menu li .xl a:hover{ border-color:#044e8a !important; color:#044e8a !important;}
.head .menu li .xl{ width:200px; position:absolute; left:0; top:90px; z-index:9; background:#fff; border:2px solid #e9e8e8; border-top:0; display:none;}
.head .menu li .xl a{ margin:0 10px; font-size:16px; line-height:22px; padding:14px 0; color:#333 !important; border-bottom:2px solid #e9e8e8 !important;}
.head .menu li .xl a:last-child{ border-bottom:0 !important;}
.head .menu li:hover a{ border-color:#044e8a; color:#044e8a;}
.head .menu li:hover .xl{ display:block;}

.menu_ico{ display:none;}


.main1{ overflow:hidden;}
.main1_l{ width:380px; float:left;}
.main1_l li{ float:left; margin:0 20px 20px 0; text-align:center;}
.main1_l li a{ width:160px; padding-top:47px; height:90px; border:2px solid #b7ccdd; display:block; border-radius:4px; -moz-border-radius:4px;}
.main1_l li a b{ font-size:20px; color:#333; font-weight:normal;}
.main1_l li a img{ display:block; text-align:center; font-size:0; line-height:0; padding-bottom:10px;margin: 0 auto;}
.main1_l li:nth-child(5) a,.main1_l li:nth-child(6) a{ height:107px; padding-top:30px;}
.main1_l li a p{ font-size:14px; color:#6492b7;}
.main1_l li a p strong{ font-weight:normal; font-size:18px;}
.main1_l li a:hover{ border-color:#6592b6;}
 

.banner{ width:786px; float:right; position:relative; border:2px solid #b7ccdd; border-radius:4px; -moz-border-radius:4px; overflow:hidden;}
.banner .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:9;}
.banner .hd ul{ overflow:hidden; zoom:1; float:left; margin:0;}
.banner .hd li{ width:15px; height:15px; line-height:14px; font-size:12px; float:left; text-align:center; background:#fff; cursor:pointer; list-style:none; margin:0 2px 0 0; padding:0px;}
.banner .hd li.on{ background:#044e8a; color:#fff;}

.banner .bd{ position:relative;}
.banner .bd ul{ margin:0; padding:0;}
.banner .bd li{ width:100%; font-size:0; line-height:0; margin:0 5px 0 0; list-style:none; padding:0;}
.banner .bd li a{ line-height:0; font-size:0; display:block;}
.banner .bd li img{ width:100%; display:block;}

.banner .prev,.banner .next{ padding:10px; line-height:0; font-size:0; display:block; position:absolute; left:3%; top:50%; margin-top:-25px; filter:alpha(opacity=70);opacity:0.7; background:#b7ccdd;}
.banner .next{ left:auto; right:3%;}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner .prevStop{ display:none;}
.banner .nextStop{ display:none;}
.textshow {white-space: pre-wrap}
.textshow  img {width:100%}

.footer_banner{ overflow:hidden; position:relative;}
.footer_banner .bd{ margin-top:30px;}
.footer_banner .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; margin-top:5px;}
.footer_banner .hd .prev,.footer_banner .hd .next{ width:5px; height:9px; display:block; float:right; margin-right:5px; margin-top:10px; overflow:hidden; line-height:0; font-size:0;}
.footer_banner .hd img{ width:100%;}
.footer_banner .hd ul{ margin:0; padding:0; float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;}
.footer_banner .hd li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#b7ccdd;}
.footer_banner .hd li.on{ background:#044e8a;}
.footer_banner .hd .pageState{ font-size:12px; line-height:30px;}

.footer_banner .bd ul{ margin:0; padding:0; overflow:hidden; zoom:1;}
.footer_banner .bd li{ width:-moz-calc(25% - 7px); width:-webkit-calc(25% - 7px); width:calc(25% - 7px); font-size:0; line-height:0; margin:0 6px 0 0; list-style:none; padding:0; border:1px solid #b7ccdd; float:left; _display:inline; overflow:hidden; text-align:center;}
.footer_banner .bd li img{ width:100%; height:auto; display:block;}


.main2{ padding-top:30px;}
.main2 li{ width:-moz-calc(25% - 16px); width:-webkit-calc(25% - 16px); width:calc(25% - 16px); float:left; margin-right:20px; padding-bottom:50px; background:url(/Scripts/index/images/main2_bg.jpg) center bottom no-repeat; transition: all 0.3s linear 0s;}

.main2 li:hover{ margin-top:-3px;}
.main2 li:last-child{ margin-right:0;}
.main2 li a{ padding:35px 25px 20px; border:2px solid #b7ccdd; border-radius:4px; -moz-border-radius:4px; display:block; position:relative;}
.main2 li a b{ font-size:18px; color:#fff; text-align:center; line-height:35px; font-weight:normal; background:#fac090; display:block;}
.main2 li a p{ font-size:14px; line-height:18px; padding-top:15px;}
.main2 li a:after{ width:35px; height:35px; content:""; display:block; position:absolute; right:-2px; top:-2px; background:url(/Scripts/index/images/main2_top.jpg)}
.main2 li a:before{ width:54px; height:27px; content:""; display:block; position:absolute; left:50%; margin-left:-27px; bottom:-27px; background:url(/Scripts/index/images/main2_bottom.png)}
.main2 li:nth-child(2) a b{ background:#93ccdd;}
.main2 li:nth-child(3) a b{ background:#db9498;}
.main2 li:nth-child(4) a b{ background:#c3d79c;}
.main2 li:nth-child(5) a b{ background:#b2a2c9;}

.footer{ margin-top:70px; padding:40px 0 80px; background:#ecf2f6;}
.footer .logo{ float:left;}
.footer .com{ float:left; margin-left:100px; font-size:14px; line-height:24px; color:#666;}
.footer .com h3{ font-size:14px;}
.footer .com a{ color:#333;}
.footer .ico{ float:right;}


.position{ font-size:14px; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:40px;}
.position s{ text-decoration:none; margin:0 5px;}
.position a:hover{ color:#044e8a;}

.main_com{}
.main_com_l{ width:230px; float:left;}
.main_com_l b{ text-align:center; font-size:30px; line-height:70px; color:#004a89; display:block; font-weight:normal;}
.main_com_l li a{ padding:15px 0; border-top:1px dotted #312d2c; overflow:hidden; display:block;}
.main_com_l li a span{ width:226px; text-align:center; line-height:35px; display:block; float:left; border:2px solid #b7cddd; border-radius:45px; -moz-border-radius:45px;}
.main_com_l li a:hover span,.main_com_l li.hov a span{ color:#fff; background:#004a89; border-color:#004a89;}


.main_com_r{ width:850px; float:right;}

.news{}
.news li{ border-bottom:1px dotted #ddd; overflow:hidden; padding:15px 0;}
.news li span{ padding:3px 10px; background:#044e8a; color:#fff; float:left;width: 130px ;text-align: center}
.news li s{ float:left; text-decoration:none; margin:0 20px 0 15px;}
.news li p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.dkjs{}
.dkjs_t{ overflow:hidden;}
.dkjs_t li a{ float:left; padding:10px 30px; background:#ddd; display:block; border-radius:12px 12px 0 0; -moz-border-radius:12px 12px 0 0; margin-right:10px;}
.dkjs_t li a{ background:#b7ccdd; color:#fff;}
.dkjs_t li.hov a,.dkjs_t li:hover a{ background:#004a89; color:#fff;}
.dkjs_c{ padding:30px; border:2px solid #ddd; border-top:2px solid #004a89;}
.dkjs_c .title{ font-size:30px; color:#004a89; padding-top:20px; line-height:40px;}
.dkjs_c .com{ padding-top:10px;}


.cjwt{}
.cjwt .com{}
.cjwt .box{}
.cjwt .box .title{ border-bottom:1px solid #ddd; padding:10px 0; font-size:20px; cursor:pointer;color: #004a89;
}
.cjwt .box .com{ padding:10px; font-size:18px; display:none;color: #333;line-height:1.5}


.xzsqb_list{ padding:20px 20px 15px; margin:30px 0; background:#f1f1f1; border-radius:8px; -moz-border-radius:8px;}
.xzsqb_list h1{ font-size:20px; color:#004a89; font-weight:bold; padding-bottom:10px;}
.xzsqb_list li{ overflow:hidden; padding:5px 0;}
.xzsqb_list li span{ float:left; color:#fff; padding:2px 10px; background:#004a89; border-radius:4px; -moz-border-radius:4px;}
.xzsqb_list li p{ float:left; margin:0 20px; color:#004a89;}
.xzsqb_list li a{ padding-right:30px; background:url(/Scripts/index/images/xz_ico.png) center right no-repeat; background-size:20px auto;}
.xzsqb_list li a:hover{ background:url(/Scripts/index/images/xz_ico2.png) center right no-repeat; background-size:20px auto;}

.xzsqb_com{ color:#333; line-height:30px;}

.article{ border:2px solid #ddd; padding:40px;}
.article .title{ border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.article .title span{ font-size:16px;}
.article .title h1{ font-size:28px; line-height:35px; padding:10px 0; color:#000;}
.article .title p{ font-size:14px; color:#999;}


.page{ margin:1px auto 0; text-align:center; background:#fff;}
.page li{ display:inline-block; cursor:pointer;}
.page li a{ display:block; padding:20px 15px;}
.page li a:hover,.page li.current{ padding:20px 15px; color:#004a89; font-weight:bold;}
.page li:hover a{ color:#004a89; font-weight:normal;}
.page li a img{ width:15px;}
.page li.ico{ font-size:0; line-height:0; background:none; border:0;}
.page li.ico.left{ -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.page li.ico.hov{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}


.long_contract{ padding-top:10px;}
.long_contract p{ padding-bottom:10px; text-indent:2em; line-height:28px;}
.long_contract h2{ font-size:16px; text-indent:2em; font-weight:bold;}
.long_contract a{ color:#044e8a; text-decoration:underline;}


.long_top,.long_top:hover{ width:50px; line-height:50px; font-size:16px; text-align:center; color:#fff; display:block; position:fixed; right:5px; bottom:20%; background:#044e8a; cursor:pointer; border-radius:360px; -moz-border-radius:360px; z-index:999;}


.pagination-container { margin: 20px auto 0;text-align: center; background: #fff;}
.pagination-container ul li{display: inline-block;cursor: pointer;}
.pagination-container li.active a{ color: #004a89; font-weight: bold;} 
.pagination-container li a{ display: block;padding: 20px 15px;}

.site_map_t{ height:70px; border-bottom:1px solid #ddd; text-align:center; position:relative;}
.site_map_t span{ width:170px; line-height:70px; font-size:25px; color:#333; border-bottom:3px solid #004a89; position:absolute; left:50%; bottom:-2px; margin-left:-85px;}
.site_map_c{ padding:20px;}
.site_map_c b{ margin:0; font-weight:normal; display:block;}
.site_map_c b a{ line-height:50px; border-bottom:1px solid #ddd; color:#004a89; font-size:18px; display:block;}
.site_map_c p{ margin:0; margin-left:2em; line-height:40px; border-bottom:1px solid #ddd; font-size:16px; color:#333;}

.com_left{ float:left;}
.com_left .logo{ float:none; display:block; margin-bottom:10px;}
.com_left .wza_ico img{ width:193px;}
/*.com br{ display:none;}*/

.accessibility a.quick_tab {position: absolute;top: 10px;left: 10px;z-index: 99;width: 1px;height: 1px;white-space: nowrap;overflow: hidden;color: #000;}
.accessibility a.quick_tab:focus {  width: auto;  height: auto; padding: 6px; background-color: #fff;}
.accessibility div {position: absolute;width: 2px;height: 2px;background-color: transparent;opacity: .1}

/*---------------瀑布流頁面樣式-------------------*/
.container{ width:100%; max-width:1170px; margin:0 auto;}
.wrapper{ padding:10px 0 20px;}
.wrapper .more{ text-align:center; display:block; padding-top:50px;}
.wrapper .more a{ color:#fff; padding:10px 30px; background:#126cb7; display:inline-block;}
.wrapper .more a:hover{ background:#044e8a;}
.wrapper .title{ text-align:center; padding-bottom:30px;}
.wrapper .title h2{ font-size:30px; margin:0; padding:0; color:#004a89; font-weight:normal;}
.wrapper .title p{ font-size:16px; margin:0; padding:0; color:#004a89; line-height:30px;}
.card{ background:#fff; display:flex; flex-direction:column; transition:box-shadow .2s ease-in-out;}
.card__picture{ display:block; width:100%; height:auto;}

.card-infos{ padding:10px; position:absolute; left:0; bottom:0;}
.card__title{ font-family:Hind; font-size:16px; line-height:1.4; margin:0; color:#fff;}
.card__text{ font-size:14px; margin:0; color:#fff; height:24px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis;}
.card__text--high{ font-weight:600;}
.header{ background:var(--main-bg-color); height:160px; display:flex;}
.header__title{ margin:auto; font-weight:300; font-size:3.2rem; color:#fff;}
.header__title--high{ font-weight:600;}
.sortable__nav{ display:flex; justify-content:center; margin-bottom:20px;}
.nav__link{ padding:0 20px 4px; color:#fff; font-size:1.4rem; font-weight:300; display:block; border-bottom:2px solid transparent;}
.nav__link.is-active{ border-color:var(--main-bg-color);}
.footer__list.list{ display:flex; justify-content:space-between; align-items:center;}
.list__item.item{ display:flex;}
.item__link.link{ margin:0;}
.item__link.link:not(:first-child){ margin-left:20px;}
.link__icon{ height:2rem; width:2rem;}

.sjs-default{ position:relative; padding:0; margin:0; opacity:0; transition:height .2s ease-out,opacity .2s ease-out .2s;}
[data-sjsel]{ opacity:0; position:absolute; top:0; left:0; transition:-webkit-transform .2s ease-out; transition:transform .2s ease-out; transition:transform .2s ease-out,-webkit-transform .2s ease-out;}

.sqal{}
.sqal h1{ font-size:30px; color:#004a89; padding-bottom:20px;}
.sqal .com{ padding-bottom:20px;}
.sqal .com h2{ font-size:18px; color:#004a89; font-weight:normal;}
.sqal .com .img{ width:360px; float:right; margin-left:20px;}
.sqal .com .img img{ width:100%;}



@media screen and (max-width:1169px){
.head{padding:0 10px}
.logo{width:100%;padding:10px 0 15px;border-bottom:1px solid #ddd;float:none;line-height:0;font-size:0;text-align:center;overflow:hidden}
.logo img{height:80px}
.menu_ico{display:block}
.menu_ico{width:35px;height:30px;position:absolute;left:10px;top:35px;cursor:pointer;display:block}
.menu_ico span{width:35px;height:3px;display:block;background:#004a89;position:absolute;left:0;-webkit-transition:-webkit-transform .5s ease-out;-moz-transition:-moz-transform .5s ease-out;-o-transition:-o-transform .5s ease-out;-ms-transition:-ms-transform .5s ease-out;overflow:hidden;text-indent:10em}
.menu_ico .menu_ico01{top:3px}
.menu_ico .menu_ico02{top:14px}
.menu_ico .menu_ico03{top:25px}
.head.hov .menu_ico .menu_ico01{-webkit-transform:rotateZ(228deg);-moz-transform:rotateZ(228deg);-o-transform:rotateZ(228deg);-ms-transform:rotateZ(228deg);transform:rotateZ(228deg);top:13px}
.head.hov .menu_ico .menu_ico02{-webkit-transform:rotateZ(313deg);-moz-transform:rotateZ(313deg);-o-transform:rotateZ(313deg);-ms-transform:rotateZ(313deg);transform:rotateZ(313deg);top:13px}
.head.hov .menu_ico .menu_ico03{display:none}
.head.hov .menu{width:100%;height:100%;display:block;background:#fff;position:absolute;left:0;top:106px;overflow-y:scroll}
.head.hov .menu li{float:none;margin:0 10px}
.head .menu li a{font-size:20px;line-height:40px;padding:12px 10px}
.head .menu li .xl{width:auto;border:0;position:static;border-bottom:2px solid #e9e8e8}
body.hov{overflow:hidden}
body{overflow:visible}
.menu{display:none}
.main1_l{width:auto;float:none;padding:10px 5px;overflow:hidden}
.main1_l li{width:-moz-calc(50% - 12px);width:-webkit-calc(50% - 12px);width:calc(50% - 12px);margin:4px 5px;}
.main1_l li a{width:100%}
.banner{width:auto;float:none;margin:0 10px}
.footer_banner .bd{ margin:0 5px 0 10px;}
.footer_banner .bd li{ width:-moz-calc(50% - 7px); width:-webkit-calc(50% - 7px); width:calc(50% - 7px);}
.main2{padding:10px 5px; overflow:hidden;}
.main2 li{width:-moz-calc(50% - 7px);width:-webkit-calc(50% - 7px);width:calc(50% - 7px);margin:4px 3px; padding-bottom:0; background:none;}
.main2 li a:before{ display:none;}
.main2 li:hover{ margin-top:4px;}
.main2 li a p{min-height:69px}
.footer{margin-top:20px;padding:20px 10px}
.footer .logo{width:100%;float:none;text-align:center;overflow:hidden;display:block}
.footer .logo img{height:40px;border:0}
.footer .com{margin-left:0;padding-top:15px;float:none}
.footer .ico{float:none;text-align:center;padding-top:20px}
.position{margin:20px 10px}
.main_com_l,.main_com_r{width:auto;float:none;margin:0 10px}
.news{padding-top:10px}
.news li p,.news li s,.news li span,.xzsqb_list li a,.xzsqb_list li p,.xzsqb_list li span{float:none}
.news li p{line-height:20px;padding-top:10px}
.xzsqb_list li{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #dddd}
.xzsqb_list li p{margin:5px 0}
.dkjs_t{padding:0 10px}
.dkjs_t li a{margin:2px;padding:10px}
.dkjs_c{margin:0 10px;padding:10px}
.main_com_l{overflow:hidden}
.main_com_l b,.main_com_l li a:after{display:none}
.main_com_l li{float:left}
.main_com_l li a{border:0;padding:0}
.main_com_l li a span{width:auto;padding:5px 15px;color:#fff;background:#b7ccdd;border-radius:12px 12px 0 0;-moz-border-radius:12px 12px 0 0;margin:0 5px 5px 0}
.article{margin:10px;padding:20px}
.wrapper{ padding:0 10px;}
.sqal{ padding:0 10px;}
.sqal .com .img{ width:100%; float:none; margin:0;}
.sqal h1{ padding-bottom:10px;}

.com_left{ float:none; text-align:center;}
.com_left .wza_ico{ display:block; border-bottom: 1px solid #ddd; padding-bottom:10px; line-height:0;}
.com_left .wza_ico img{ width:257px;}
.footer .com h3 span{ float:none !important;}
.com br{ display:block;}


}




@media screen and (max-width:640px){
.wrapper .title{ text-align:center; padding-bottom:15px;}
.card-infos{ padding-bottom:5px;}
.card__title{ font-size:14px;}
.card__text{ font-size:12px; height:22px;}
.wrapper .more{ padding:20px 0 30px;}
}


@media screen and (max-width:414px){
}


@media screen and (max-width:320px){
}