body{ background-color: #f3f3f3;} .icon{ background-image: linear-gradient(to right, #4ba1eb , #1658a0); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .jt_ban{ background-color: #fff; height: auto; }/*padding-top: 95px;*/ .jt_ban .container_21{ display: block;} .jt_ban .header_21_tq,.header_21_ss,.header_21_llms{ text-align: center; float: inherit;} .jt_ban .header_21_tq{ padding-top: 58px; line-height: 36px; color: #1658a0;} .header_21_picker{ padding-top: 10px; width: 100px; margin-right: 15px;} .header_21_picker .upDown{ background: url(/themes/version/scripts/style/style2/21_header_xa_arr.png) no-repeat scroll center !important; top: 15px;} .header_21_picker input{ color: #333333; height: 30px; line-height: 30px;} .header_21_ss{ position: relative; top: inherit; left: inherit; transform: translateX(0); width: 628px; margin: 8px auto 0; height:57px; background-color: #ffffff; border-radius:8px; box-shadow: 0 1px 10px rgba(20,146,255,.2); padding: 0;} .header_21_picker input{ margin-top:5px;} .header_21_inp{ margin-top: 15px; margin-left: 0; color: #999999;} .header_21_picker::after{ top: 20px; background-color: #999999;} .footer_21_tit_l{ width: 100%; float: inherit;} .header_21_inp::-webkit-input-placeholder{ color: #999999;} .header_21_btn{ width: 105px; height: 57px; line-height: 57px; text-align: center; background-color: #1658a0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; font-size: 20px; color: #ffffff;} .header_21_btn i{ font-size: 24px; margin-right: 10px;} .header_21_llms{ justify-content: center; margin-top: 28px;} .nav_21{ margin-left: -32px;} .con_bg{ background-color: #1658a0; padding-top: 60px; padding-bottom: 47px;} .header_21_con1{ border-bottom: 8px solid #1658a0;} .header_21_con1.fixed .header_21_logo{ width: 320px;} .fixed .header_21_con1_r{ width: 60%;} .footer_21_wzdh_tit li{ width: 25%;} .footer_21_wzdh_tit li select{ width: 95%; padding-left: 3%;} .t_l.tit2 ul{ text-align: left;} .pad_con{ padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,.05); background-color: #ffffff;} .mar_t138{ margin-top: 20px;} .header_21_con2{ color: #333333;} /*轮播图01样式*/ .slideBox_01 { position: relative; overflow: hidden; margin: 0px auto; } .slideBox_01 .hd { position: absolute; height:12px; bottom: 22px; right:16px; z-index: 1;} .slideBox_01 .hd ul{ font-size: 0; float: right;} .slideBox_01 .hd li { display: inline-block; *display: inline; *float: left; font-size: 12px; width: 12px; height:12px; line-height: 32px; border-radius:100%; background: #ffffff; overflow: hidden; margin: 0 4px; cursor: pointer; opacity: 0.5;} .slideBox_01 .hd li.on { background-color: #1658a0; opacity: 1;} .slideBox_01 .bd { position: relative; z-index: 0;} .slideBox_01 .bd li { position: relative; text-align: center; } .slideBox_01 .bd li img { vertical-align: top; width: 100%; height: 349px;} .slideBox_01 .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block;} .slideBox_01 .bd li .tit { display: block; left: 0; right: 0; position: absolute; bottom: 0; font-size: 16px; font-weight: bold; height: 50px; padding-left: 20px; padding-right: 110px; line-height: 50px; background: url(/themes/version/scripts/style/style2/21xmjt_bar_bg.png) repeat; color:#ffffff; text-align: left; } .slideBox_01 span.prev,.slideBox_01 span.next{ position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index:3; width: 40px; height: 74px;} .slideBox_01 span.prev{ left: 0; background: url(/themes/version/scripts/style/style2/21xmjt_icon_l.png) no-repeat;} .slideBox_01 span.next{ right: 0; background: url(/themes/version/scripts/style/style2/21xmjt_icon_r.png) no-repeat;} .tit_01{ height: 47px; background: url(/themes/version/scripts/style/style2/21xmjt_tit.png) repeat-x top; border: 1px solid #dddddd;} .tit_01 ul{ white-space: nowrap;} .tit_01 li{ float: left; line-height: 47px;} .tit_01 span{ float: right; color: #666666; font-size: 16px; padding-right: 15px;} .tit_01 span a{ color: #666666;} .tit_01 li a{ display: block; padding: 0 26px; font-size: 18px;} .tit_01 li.on a{ font-weight: bold; color: #ffffff; background-color: #1658a0;} .list_01{ margin-top: 8px;} .list_01 li{ line-height:36px; padding-left: 20px; padding-right: 10px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .list_01 li span{ float: right; color: #999999; margin-left: 25px;} .zw{ height: 55px; line-height: 55px; color: #999; background: #f8f8f8; font-size: 14px; padding: 0px 20px;} .zw span{display: inline-block; padding-left: 25px; background: url("../../imgs/icon-dqwz.png") no-repeat left center;} .zw a{display:inline-block; margin:0 5px; color: #999; font-size: 14px;} .box_s{ box-shadow: 0 0 10px rgba(0,0,0,.05);} .gl_div{ padding:0px 20px 20px 20px; background-color: #ffffff;} .tit_tab table{width: 100%;} .tit_tab .tab_1 td{line-height: 37px; height: 37px; background: #f8f8f8; font-weight: bold;} .tit_tab .tab_1 td.li,.tit_tab .tab_2 td.li{padding-left: 20px;} .tit_tab .tab_2 td{line-height: 36px;height: 36px;} .tit_tab .tab_2 td span{color: #999999;} .tit_tab .tab_2 td a{text-overflow: ellipsis;width: 80%; height: 36px; display: block; white-space: nowrap; overflow: hidden;} .zw_top{background: #f3f8ff;padding: 20px 25px 0px 30px;} .zw_div{float: right; height: 80px; width: 1px;} .zw_r_img{float: right; margin-left: 25px; clear: right;} .zw_h1{font-size: 18px; text-align: center;} .zw_tit p{line-height: 36px;} .zw_bottom{background: #e4f0ff;} .zw_bottom h1{line-height: 68px; height: 68px; font-size: 18px; text-align: center;} .zw_bottom .in1{width: 225px; padding-left: 15px; height: 40px; background: #FFFFFF; color: #999999; border: 1px solid #ccd6e9; border-right: none;} .zw_bottom .in2{width: 45px; height: 42px; margin-left: -5px; background: #FFFFFF url(/themes/version/scripts/style/style2/21xmjt_icon9.png) no-repeat center; border: 1px solid #ccd6e9; border-left: none;} .zw_in{text-align: center; padding-bottom: 20px;} .zw_ul ul{margin-right: -20px;} .zw_ul ul li{float: left;width: 25%;} .zw_ul ul li a{display: block; font-size: 18px; font-weight: bold; margin-right: 20px; height: 72px; border-radius:5px; line-height: 72px; text-align: center;} .zw_ul ul li a span{display:inline-block;width: 50px; text-align: center;} .zw_ul ul li.icon1 a{background: #e1efff; border: 1px dashed #1658a0;} .zw_ul ul li.icon2 a{background: #d8f0ee; border: 1px dashed #49b9b0;} .zw_ul ul li.icon3 a{background: #fae9e1; border: 1px dashed #df861d;} .zw_ul ul li.icon4 a{background: #fcebeb; border: 1px dashed #b82d2e;} .zw_ll_ul ul li{line-height: 54px; height: 54px; padding-left:20px;} .zw_ll_ul ul li:nth-child(odd){background: #f8f8f8;} .zw_ll_ul ul li a{display: inline-block; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .zw_ll_ul ul li span{float: right; color: #999999; margin-right: 15px;} .max_img {cursor: pointer;width: 100%; height: 100%; overflow: hidden;position: relative;z-index: 1;} .max_img img {width: 100%; height: 100%; bottom: 0; top: 0;position: relative;left: 0;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;-o-transition: -o-transform 0.5s;transition: transform 0.5s;} li:hover .max_img img,div:hover.max_img img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .ft_l_img{width: 190px;} .ft_l_tit p{line-height: 36px;} .ft_r{height: 108px; transition: ease-in-out 0.3s; width: 108px; text-align: center; border-radius:5px; background: #f3f8ff;} .ft_r a{display: block;} .ft_r p{font-size: 16px; font-weight: bold;} .ft_r span{display: block; padding-top: 20px; margin-bottom: 10px;} .ft_r:hover {box-shadow: 0 0 5px rgba(22,88,160,0.05);} .ft_div{display: flex;align-items: center; justify-content: space-between;} .ft_bottom_top ul li{float:left;width: 85px; height:30px; line-height:30px; margin-right: 10px; text-align: center; border-radius:5px; border: 1px solid #1658A0;} .ft_bottom_top ul li.on,.ft_bottom_top ul li:hover{background: #1658A0; } .ft_bottom_top ul li.on a,.ft_bottom_top ul li:hover a{color: #FFFFFF;} .ul_tab table{width:100%;} .ul_tab table th{line-height: 37px; height: 37px; background: #f8f8f8; font-weight: bold;} .ul_tab table th:nth-child(1){padding-left: 20px;} .con_ul ul li{line-height: 40px; height: 40px;padding-left: 10px;} .con_ul ul li em{display:block; float: left; margin-top: 10px; margin-right: 10px; font-size: 14px; color: #1658A0; width: 60px; height: 21px; line-height: 21px; text-align: center; border: 1px solid #1658A0; border-radius:5px;} .con_ul ul li span{color: #999999; margin-right: 10px; float: right;} .con_ul ul li a{display: inline-block; width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .con_ul ul li em.li{background: #1658A0; color: #FFFFFF;} .con_bottom{margin-top: 60px;} .con_bottom ul {margin-right: -20px;} .con_bottom ul li{float: left; margin-bottom: 7px; width: 32%; } .con_bottom ul li a{display: block; box-shadow: 7px 7px 0 rgba(000,000,000,0.05); position: relative; margin-right: 27px; margin-left: 15px; border: 1px solid #1658A0; } .con_bottom ul li a .max_img{margin-top: -40px; margin-left: -15px;} .con_bottom ul li a p{line-height: 45px; height: 45px; padding-left: 15px;} .ft_l_tit {width: 375px;} .ft_l_tit p{overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} .cona_r{background: #f3f8ff; padding: 20px;} .cona_r h1{color: #1658A0; font-size: 18px; margin-bottom: 20px;} .cona_r_ul ul{margin-right: -20px;} .cona_r_ul ul li{float: left; width: 50%;} .cona_r_ul ul li a{display: block;border:1px solid #FFFFFF; transition: ease-in-out 0.3s; margin-right: 20px; text-align: center; line-height: 48px; height: 48px; background: #FFFFFF; border-radius:5px; margin-bottom: 20px;} .cona_r_ul ul li:hover a{border:1px solid #1658A0;} .cona_r_ul ul li:nth-child(5) a,.cona_r_ul ul li:nth-child(6) a{margin-bottom: 0px;} .cona_ul ul{margin-right: -20px;} .cona_ul ul li{float: left; width: 20%;} .cona_ul ul li a{display: block; font-size: 18px; font-weight: bold;line-height: 65px; height: 65px; border-radius:8px; margin-right: 20px;} .cona_ul ul li.icon1 a{background: #e1efff; border: 1px dashed #1658a0;} .cona_ul ul li.icon2 a{background: #d8f0ee; border: 1px dashed #49b9b0;} .cona_ul ul li.icon3 a{background: #fae9e1; border: 1px dashed #df861d;} .cona_ul ul li.icon4 a{background: #fcebeb; border: 1px dashed #b82d2e;} .cona_ul ul li.icon5 a{background: #fcebeb; border: 1px dashed #b82d2e;} .cona_ul ul li a span{display: inline-block; width:55px; text-align: center;} .cona_b_ul ul{ margin-right: -12px;} .cona_b_ul ul li{float: left; margin-top: 20px; width: 50%;} .cona_b_ul ul li a{display: block; transition: ease-in-out 0.3s; margin-right: 12px; line-height: 40px; height: 40px; padding: 0px 5px; border-radius:5px; text-align: center; background: #FFFFFF; border: 1px solid #DDDDDD;} .cona_b_ul ul li:hover a{background: #f3f8ff; border: 1px solid #1658A0;} .con_ul ul li i{float: left; margin-right: 20px; display: block;width: 170px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .con_ul.li ul li span{margin-right: 25px;} .con_ul.li ul li{line-height: 36px; height: 36px;} .zt_ul ul{margin-right: -20px;} .zt_ul ul li{width: 25%; margin-top: 20px; float: left;} .zt_ul ul li a{ border-radius:10px; position: relative; transition: ease-in-out 0.3s; background: #FFFFFF url(/themes/version/scripts/style/style2/21xmjt_icon17.png) no-repeat 98% 2px; border: 1px solid #e1e1e1; display: block; margin-right: 20px;padding: 25px 30px; min-height: 50px;} .zt_ul ul li a h1{font-size: 18px; margin-bottom:5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .zt_ul ul li a p{color: #999999;} .zt_ul ul li:hover a{background: #1658A0 none; border: 1px solid #1658A0;} .zt_ul ul li:hover a h1{color: #FFFFFF;} .zt_ul ul li:hover a p{color: #FFFFFF;} .zt_ul ul li i{position: absolute; bottom: -1px ; right: 0px; width:75px; height: 30px; background: #1658A0; text-align: center; line-height: 30px; border-radius:10px 0px 10px 0px; color: #FFFFFF;} .gl_div.li{min-height: 620px;} .gl_l{min-height: 820px; box-shadow: 0 0 20px rgba(0,0,0,0.10); } .gl_top h1{ text-align: center; height: 70px; line-height: 70px;font-size: 22px; color: #fff; background-color: #2458c5;} .gl_l_ul{} .gl_l_ul ul li a{ transition: ease-in-out 0.3s; height: 60px; line-height: 60px;display: block; text-align: center;font-size: 16px; border-bottom: 1px solid #eeeeee;} .gl_l_ul ul li:hover a,.gl_l_ul ul li.on a{ font-weight: bold; background-color: #f3f3f3; color: #14539a;font-size: 16px;} .gl_ul .list1 ul{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ececec;} .gl_ul .list1 {margin-top: 0px;} /*分页样式04*/ .fy_list_04{ margin: 20px auto 0; color: #555555; text-align: center;} .fy_list_04 .fy_tit_l{ display: inline-block; *float: left; margin-right: 20px; font-size: 0;} .fy_list_04 .fy_tit_l a{ font-size: 16px; display: inline-block; line-height: 18px; padding: 10px 14px; border: 1px solid #d9d9d9; background-color: #ffffff; margin:0px 7px 0 8px; color: #555555; border-radius: 3px;} .fy_list_04 .fy_tit_l a.on,.fy_list_04 .fy_tit_l a.on:hover{ background-color: #1658A0; border: 1px solid #1658A0; color: #ffffff;} .fy_list_04 .fy_tit_l a:hover{ background-color: #1658A0; color: #ffffff; border: 1px solid #1658A0;} .fy_list_04 .fy_tit_l a.prev,.fy_list_04 .fy_tit_l a.next{ font-style: normal;} .fy_list_04 .fy_tit_l a.prevStop,.fy_list_04 .fy_tit_l a.nextStop{ background-color: #f2f2f2; color: #999999;} .fy_list_04 .fy_tit_l a.prevStop:hover,.fy_list_04 .fy_tit_l a.nextStop:hover{ border: 1px solid #d9d9d9; background-color: #f2f2f2; color: #999999; cursor: default;} .fy_list_04 .fy_tit_r{ display: inline-block; *float: left; line-height: 40px;} .fy_list_04 .fy_inp{ border: 1px solid #d9d9d9; background-color: #ffffff; border-radius: 3px; width: 38px; height: 38px; line-height: 38px; text-align: center; margin: 0 8px; font-size: 15px; color: #555555;} .fy_list_04 .fy_go{ display: inline-block; background-color: #eeeeee; width:40px; height:40px; line-height:40px; text-align: center; margin: 0 8px; font-size: 16px; color: #333333; cursor: pointer; border-radius: 3px; *margin-top: -45px;} @media screen and (max-width:999px) { .fy_list_04{ text-align: center;} .fy_list_04 .fy_tit_l{ float: inherit; text-align: center; margin: 0;} .fy_list_04 .fy_tit_l a,.fy_list_04 .fy_tit_r{ display: none;} .fy_list_04 .fy_tit_l a.prev,.fy_list_04 .fy_tit_l a.next{ display:inline-block;} } .gl_tit{padding: 20px;} .gl_tab ul li{ padding: 20px 15px; border-bottom: 1px solid #E2E2E2;} .gl_tab ul li span{float: right; display: block; line-height: 45px; height: 45px;} .gl_tab ul li span a{width: 85px; display:inline-block; height: 30px; line-height: 30px; text-align: center; border-radius:4px; background: #f8f8f8; border:1px solid #E2E2E2 ; margin-left: 15px;} .gl_tab ul li span a.in1.li{ background: #1658a0; color: #FFFFFF; border: 1px solid #1658A0;} .gl_tab ul li span a.in2.li{ background: #49b9b0; color: #FFFFFF; border: 1px solid #49b9b0;} .gl_tab ul li em{float: left; display: block;width: 60px; margin-right: 15px; margin-top: 12px; height: 23px; line-height: 23px; text-align: center; color: #1658A0; font-size: 14px; border-radius:6px; border: 1px solid #1658A0;} .gl_tab ul li .gl_tab_li{float: left; width: 70%;} .gl_tab ul li .gl_tab_li h1{font-size: 16px; margin-bottom: 5px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .gl_tab ul li .gl_tab_li p{color: #999999; font-size: 14px;} .gl_tab ul li em.li{background: #1658A0; border: 1px solid #1658A0; color: #FFFFFF;} .ft_rr h1{font-size: 20px;} .ft_rr p{margin-top: 15px; line-height:36px;} .ft_rr ul {margin-top: 15px;} .ft_rr ul li{line-height: 36px; color: #999999;} .ft_rr a{display: block;width: 165px; height: 50px; line-height: 50px; text-align: center; margin-top: 30px; border-radius: 10px; background: #1658A0; color: #FFFFFF;} .ft_tit ul{margin-right: -20px;} .ft_tit ul li{float: left;width: 33.33%;margin-top: 20px;} .ft_tit ul li a{margin-right: 20px; background: #f8f8f8; display: block; border-radius:8px; overflow: hidden;} .ft_ul_top{max-height: 222px;} .ft_ul_bottom{padding: 20px;} .ft_ul_bottom h1{font-size: 16px; margin-bottom: 10px; font-weight: normal; line-height: 28px;} .ft_ul_bottom p{font-size: 14px; color: #666; line-height: 24px;} .ft_top_tit {text-align: center; margin-top: 10px; margin-bottom: 40px;} .ft_top_tit h1{font-size: 32px;} .ft_rr.li{background: #f7f7f7; min-height: 280px; padding: 20px;} .ft_rr.li p{margin-top: 0px;} .zxft_tit{ height: 46px; position: relative; margin-top: 35px;} .zxft_tit::before{ content: ''; position: absolute; left: 0; right: 0; height: 5px; top: 20px; background-color: #f7f7f7; z-index: 1;} .zxft_tit ul{ text-align: center; height: 46px; line-height: 46px; font-size: 0; position:relative; z-index: 2;} .zxft_tit li{ display: inline-block; margin: 0 5px;} .zxft_tit li a{ font-size: 20px; display: block; padding: 0 20px; background-color: #f7f7f7; border-radius: 10px; min-width: 80px; text-align: center;} .zxft_tit li.on a,.zxft_tit li a:hover{ background-color: #1658a0; color: #ffffff;} .zxft_con2{ margin: 38px auto 0; height: 910px; overflow: auto;} .zxft_con2::-webkit-scrollbar,.zxft_con2::-webkit-scrollbar-thumb{ width: 10px; border-radius: 5px;} .zxft_con2::-webkit-scrollbar-thumb{background-color: #1658a0; } .zxft_tit1{ line-height: 36px; margin-bottom: 16px;} .zxft_tit1 i{ width: 36px; height: 36px; display: inline-block; border-radius: 100%; margin-right: 9px; text-align: center; line-height: 36px; font-size: 18px; color: #ffffff;} .zxft_tit1 em{ font-size: 18px; font-weight: bold; margin-right: 30px;} .zcr_con .zxft_tit1 i{ background-color: #b82d2e;} .zcr_con .zxft_tit1 em{ color: #b82d2e;} .zxft_tit1 span{ color: #999999;} .zxft_con3{ line-height: 28px; margin-bottom: 45px;} .jb_con .zxft_tit1 i{ background-color: #1658a0;} .jb_con .zxft_tit1 em{ color: #1658a0;} .sxzfx{margin-bottom: 20px; margin-right: 20px; font-size: 16px;} .sxzfx span{float: left;} .sxzfx select{float: left;width: 70px;height: 26px;border: 1px #bababa solid;background: #e3e3e3;margin-left: 15px;font-size: 14px;} .sxzfx ul li{float: left;font-size: 14px;} .sxzfx ul li a{display: block;height: 26px;padding: 0 10px;background: #f4f4f6;line-height: 26px;} .sxzfx ul{float: left;margin-left: 14px;} .sxzfx ul li.cup a,.sxzfx ul li:hover a{background: #4f88c4;color: #fff;} .sxzfx>a{float: left;line-height: 26px;margin-left: 20px;padding-left: 20px;} .sxzfx>a.shuax{background: url(/themes/version/scripts/style/style2/20210726-jg-ic1.png) no-repeat left center;} .sxzfx>a.zhengx{background: url(/themes/version/scripts/style/style2/20210726-jg-ic2.png) no-repeat left center;} .sxzfx>a.fanx{background: url(/themes/version/scripts/style/style2/20210726-jg-ic3.png) no-repeat left center;} .tpsl_con li{ float: left; width: 50%; margin-top: 32px;} .tpsl_con li a{ display: block; text-align: center; margin: 0 16px;} .xl_tit{ text-align: center; font-size: 32px; line-height: 50px; font-weight: bold;} .xl_tit1{ margin-top: 12px; line-height: 34px; text-align: center; font-size: 18px; color: #666666;} .xl_tit2{ border-bottom: 1px solid #efefef; margin-top: 30px; padding-bottom: 10px; line-height: 36px;} .xl_tit2_l{ float: left; font-size: 14px; color: #999999;} .xl_tit2_l span{ margin-right: 16px;} .xl_tit2_l span:last-child{ margin-right: 0;} .xl_tit2_r{ float: right; margin-top: -10px;} .xl_tit2_r>span{ width: 34px; height: 34px; border: 1px solid #b2b2b2; line-height: 32px; border-radius: 5px; display: inline-block; text-align: center; cursor: pointer;} .xl_tit2_r span i{ font-size: 26px; color: #b2b2b2;} .xl_tit2_r span.share{ border: none; margin-left: 15px; width:230px; text-align: left; font-size: 14px; color: #999999;} .xl_tit2_r span.share i{ font-size: 20px;} .xl_tit2_r span.share em{ vertical-align: top; margin-left: 8px;} .xl_tit2_r span.share>i,.xl_tit2_r span.share em,.share-box{ float: left; margin-top:12px;} .xl_con1{ padding: 20px 0 100px 0; font-size: 18px; line-height: 39px;} .xl_con1 p{ margin-top: 18px;} .xl_con1 h3{ font-size: 22px; font-weight: bold; margin-top: 40px;} .xl_div{padding:0px 40px;} .xl_btn button,.xl_tit3_r button{padding: 0 18px; text-align: center; background: #FFFFFF; border: 1px solid #D7D7D7; height:42px; line-height:42px; border-radius: 5px; margin: 0 5px; font-size: 16px; display: inline-block; cursor: pointer; transition: .3s all; } .xl_btn button i,.xl_tit3_r button i{ font-size: 22px; color: #1658a0; margin-right: 8px;} .xl_btn button:hover i,.xl_tit3_r button:hover i{ color: #ffffff;} .xl_tit3_r{text-align: center;} .xl_tit3_l>i{ font-size: 20px; margin-right: 8px;} .xl_tit3_l .share-box{ margin-top:5px;} .xl_tit3_r button span{display: inline-block; width: 30px; text-align: center; margin-right: 5px;} .xl_div{padding-bottom: 40px;} .ft_img{width: 40%;} .ft_s_tit{width: 55%;} .ft_s_tit p{line-height: 26px;} .ft_s_tit ul li{font-size: 14px; color: #999999; line-height: 24px; height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .ft_s_tit ul{margin-top: 10px;} @media screen and (max-width:1366px) { .tit_01 li{ font-size: 20px; } .list_01 li{ line-height: 46px;} .con_r{ height: 398px;} } @media screen and (max-width:1280px) { .tit_01 li{ font-size: 18px;} .list_01 li{ font-size: 15px; line-height: 34px;} .slideBox_01 .bd li .tit{ font-size: 16px;} } @media screen and (max-width:1024px) { .list_01 li{line-height:32px;font-size: 15px; } .slideBox_01 .bd li .tit{ font-size: 14px;} } @media screen and (max-width:992px) { .container_21{ width: 100%; overflow: hidden;} .wrap .container_21{ padding: 0 16px;} .tit_01 li a{ padding: 0 10px;} .list_01 li{ padding-left: 5px;} } @media screen and (max-width:768px) { .slideBox_01 .bd li .tit{ padding: 0 10px; height: 44px; line-height: 44px; font-size: 15px;} .slideBox_01 .hd{ bottom: 55px; left: 0; right: 0; text-align: center;} .slideBox_01 .hd ul{ float: inherit; text-align: center;} .slideBox_01 .prev, .slideBox_01 .next,.list_01 li span{ display: none;} } /*轮播图01样式结束*/ .con{ margin: 32px auto 0;} .con .el-row{ margin: 0 -15px;} .con .el-row .el-col{ padding: 0 15px;} .h633{ height: 633px;} .h460{ height: 460px;} .tu{ margin-top: 32px;} .tu img{ width: 100%;} .tit1{ height: 30px; line-height: 30px; overflow: hidden; background: url(/themes/version/scripts/style/style2/21xmjt_tit1.png) repeat-x center; text-align: center;} .tit1 span{ font-size: 20px; font-weight: bold; color: #1658a0; padding: 0 17px; background-color: #ffffff; display: inline-block;} .con .pad_con{ padding-top: 15px;} .list{ margin: 3px -7px 0 -7px;} .list li{ margin-top: 12px; float: left; width: 50%;} .list li a{font-size:14px; display: block; transition: .3s all; border-radius: 5px; margin: 0 7px; background:url(/themes/version/scripts/style/style2/21xmjt_dot.png) no-repeat 20px center #f3f8ff; padding-left: 36px; border: 1px solid #f3f8ff; height: 43px; line-height: 43px;} .list li.on a,.list li a:hover{ background: url(/themes/version/scripts/style/style2/21xmjt_star.png) no-repeat 15px center #ffffff; color: #333333; border: 1px solid #1658a0;} .tit2{ height: 40px; line-height: 40px; border-bottom: 1px solid #dddddd;} .tit2 li{ float: left; margin-right: 20px; position: relative; font-size: 18px;} .tit2 li a{ display: block;} .tit2 li.on a{ font-weight: bold;} .tit2 li.on::before,.tit2 li.on::after{ content: ''; position: absolute; bottom: -1px; height: 3px;} .tit2 li.on::before{ left: 0; width: 1em; background-color: #1658a0;} .tit2 li.on::after{left: 1em; right: 0; background-color: #1658a0;} .list1{ margin-top: 10px;} .list1 li{ line-height: 30px; background: url("../../imgs/21xmjt_dot_1.png") no-repeat 7px center; padding-left: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .list1 li span{ float: right; margin-left: 20px; color: #999999;} .list2{ margin: -5px -6px 0 -7px;} .list2 li{ margin-top: 14px; float: left; width: 33.3%; text-align: center;} .list2 li a{ display: block; border-radius: 5px; margin: 0 6px 0 7px; border: 1px solid #dddddd; background-color: #ffffff; color: #1658a0; line-height: 38px;} .list2 li a:hover{ background-color: #f3f8ff; border: 1px solid #1658a0;} .tit3{ padding: 15px 10px; line-height: 27px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .tit3 span{ color: #b82d2e;} .tab1{ table-layout: fixed; width: 100%;} .tab1 th{ background-color: #f8f8f8; text-align: center; line-height: 36px;} .tab1 td{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 26px; padding-top: 10px;} .list3{ margin-top: 15px;} .list3 li{ float: left; width: 25%; text-align: center;} .list3 li a{ display: block;} .list3 li img{ margin-bottom: 12px;} .list4{ margin-top: 10px;} .list4 li{ line-height: 36px;} .list4 li .tu1{ height: 133px; overflow: hidden; margin-bottom:6px; display: none;} .list4 li.on .tu1{ } .list4 li .tu1 img{ width: 100%;} .list4 li .tit4{ line-height: 36px; background: url(/themes/version/scripts/style/style2/21xmjt_dot_1.png) no-repeat 10px center; padding-left: 28px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 30px;} .list4 li .tit4 i{ width:32px; height: 36px; text-align: center; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 99; background: url(/themes/version/scripts/style/style2/21xmjt_add.png) no-repeat center;} .list4 li.on .tit4{ display: none;} .xl_tit2_r span .xl_a{ display: none; margin-top: 10px; position: relative;width: 120px; left: -120px; padding: 10px; background: #f7f7f7;border: 1px solid #eeeeee;} .xl_tit2_r span .xl_a ul li{float: left; width: 25%; height: 40px; text-align: center; line-height: 40px; cursor: pointer;} .xl_tit2_r span.coll:hover .xl_a{display: block;} /*colour*/ .twhite1 { color: #fff; } .twhite1 a:link, .twhite1 a:visited { color: #fff; } .twhite1 a:hover { color: #fff; text-decoration: underline; } .tred1 { color: #d03c3c; } .tred1 a:link, .tred1 a:visited { color: #ff0000; } .tred1 a:hover { color: #ff0000; text-decoration: underline; } .tblack1 { color: #000 } .tblack1 a:link, .tblack1 a:visited { color: #000; } .tblack1 a:hover { color: #000; text-decoration: underline; } .tgray1{ color: #999999;} .tgray1 a:link, .tgray1 a:visited { color: #999999; } .tgray1 a:hover { color: #999999; text-decoration: underline; } .tblue1 { color: #1658a0 } .tblue1 a:link, .tblue1 a:visited { color: #1658a0; } .tblue1 a:hover { color: #1658a0; text-decoration: underline; } /*---------------------------------------segmentation------------------------------------------*/ /*frame*/ .bor1 { border: 1px solid #e1e1e1; } .bor_t1 { border-top: 1px solid #e2e2e2; } .bor_r1 { border-right: 1px solid #e2e2e2; } .bor_l1 { border-left: 1px solid #fff; } .bor_b1 { border-bottom: 1px solid #e2e2e2; } .bor_b2 { border-bottom: 1px dotted #e2e2e2; } .bor_to { border-top: none; } .bor_bo { border-bottom: none; } .bor_ro { border-right: none; } .bor_lo { border-left: none; } /*---------------------------------------segmentation------------------------------------------*/ /*font*/ .tb { font-weight: bold; } .t12 { font-size: 12px; } .t13 { font-size: 13px; } .t14 { font-size: 14px; } .t15 { font-size: 15px; } .t16 { font-size: 16px; } .t17 { font-size: 17px; } .t18 { font-size: 18px; } .t20 { font-size: 20px; } .t22 { font-size: 22px; } .t24 { font-size: 24px; } .t50 { font-size: 50px; } .f_heiti { font-family: "SimHei"; } .f_yahei { font-family: "Microsoft YaHei"; } .f_c { text-align: center; } .f_i { text-indent: 2em; } /*---------------------------------------segmentation------------------------------------------*/ /*line-height*/ .h18 { line-height: 18px; } .h20 { line-height: 20px; } .h22 { line-height: 22px; } .h24 { line-height: 24px; } .h25 { line-height: 25px; } .h26 { line-height: 26px; } .h28 { line-height: 28px; } .h29 { line-height: 29px; } .h30 { line-height: 30px; } .h32 { line-height: 32px; } .h33 { line-height: 33px; } .h34 { line-height: 34px; } .h35 { line-height: 35px; } .h36 { line-height: 36px; } .h40 { line-height: 40px; } .h44 { line-height: 44px; } .h50 { line-height: 50px; } /*---------------------------------------segmentation------------------------------------------*/ /*margin*/ .mar1 { margin: 1px; } .mar15 { margin: 15px; } .mar_to { margin-top: 0px; } .mar_t1 { margin-top: 1px; } .mar_t3 { margin-top: 3px; } .mar_t5 { margin-top: 5px; } .mar_t7 { margin-top: 7px; } .mar_t8 { margin-top: 8px; } .mar_t10 { margin-top: 10px; } .mar_t12 { margin-top: 12px; } .mar_t13 { margin-top: 13px; } .mar_t15 { margin-top: 15px; } .mar_t16 { margin-top: 16px; } .mar_t18 { margin-top: 18px; } .mar_t20 { margin-top: 20px; } .mar_t25 { margin-top: 25px; } .mar_t30 { margin-top: 30px; } .mar_t32 { margin-top: 32px; } .mar_t35 { margin-top: 35px; } .mar_t40 { margin-top: 40px; } .mar_t45 { margin-top: 45px; } .mar_t50 { margin-top: 50px; } .mar_t55 { margin-top: 55px; } .mar_t70 { margin-top: 70px; } .mar_t115 { margin-top: 115px; } .mar_b1 { margin-bottom: 1px; } .mar_b5 { margin-bottom: 5px; } .mar_b10 { margin-bottom: 10px; } .mar_b15 { margin-bottom: 15px; } .mar_b20 { margin-bottom: 20px; } .mar_b25 { margin-bottom: 25px; } .mar_b30 { margin-bottom: 30px; } .mar_b35 { margin-bottom: 35px; } .mar_b40 { margin-bottom: 40px; } .mar_b45 { margin-bottom: 45px; } .mar_b50 { margin-bottom: 50px; } .mar_b55 { margin-bottom: 55px; } .mar_l1 { margin-left: 1px; } .mar_l4 { margin-left: 4px; } .mar_l5 { margin-left: 5px; } .mar_l10 { margin-left: 10px; } .mar_l15 { margin-left: 15px; } .mar_l20 { margin-left: 20px; } .mar_l25 { margin-left: 25px; } .mar_l30 { margin-left: 30px; } .mar_r1 { margin-right: 1px; } .mar_r5 { margin-right: 5px; } .mar_r10 { margin-right: 10px; } .mar_r15 { margin-right: 15px; } .mar_r20 { margin-right: 20px; } .mar_r25 { margin-right: 25px; } .mar_r30 { margin-right: 30px; } /*---------------------------------------segmentation------------------------------------------*/ /*padding*/ .pad1 { padding: 1px; } .pad2 { padding: 2px; } .pad20 { padding: 20px; } .pad3 { padding: 3px; } .pad4 { padding: 4px; } .pad5 { padding: 5px; } .pad25 { padding: 25px; } .pad_t1 { padding-top: 1px; } .pad_t2 { padding-top: 2px; } .pad_t3 { padding-top: 3px; } .pad_t4 { padding-top: 4px; } .pad_t5 { padding-top: 5px; } .pad_t7 { padding-top: 7px; } .pad_t8 { padding-top: 8px; } .pad_t10 { padding-top: 10px; } .pad_t12 { padding-top: 12px; } .pad_t15 { padding-top: 15px; } .pad_t17 { padding-top: 17px; } .pad_t20 { padding-top: 20px; } .pad_t25 { padding-top: 25px; } .pad_t30 { padding-top: 30px; } .pad_t32 { padding-top: 32px; } .pad_t35 { padding-top: 35px; } .pad_t40 { padding-top: 40px; } .pad_t45 { padding-top: 45px; } .pad_t50 { padding-top: 50px; } .pad_t55 { padding-top: 55px; } .pad_b0 { padding-bottom: 0px; } .pad_b1 { padding-bottom: 1px; } .pad_b2 { padding-bottom: 2px; } .pad_b3 { padding-bottom: 3px; } .pad_b4 { padding-bottom: 4px; } .pad_b5 { padding-bottom: 5px; } .pad_b8 { padding-bottom: 8px; } .pad_b10 { padding-bottom: 10px; } .pad_b15 { padding-bottom: 15px; } .pad_b20 { padding-bottom: 20px; } .pad_b25 { padding-bottom: 25px; } .pad_b30 { padding-bottom: 30px; } .pad_b35 { padding-bottom: 35px; } .pad_b40 { padding-bottom: 40px; } .pad_b45 { padding-bottom: 45px; } .pad_b50 { padding-bottom: 50px; } .pad_b55 { padding-bottom: 55px; } .pad_b70 { padding-bottom: 70px; } .pad_b155 { padding-bottom: 155px; } .pad_l1 { padding-left: 1px; } .pad_l5 { padding-left: 5px; } .pad_l12 { padding-left: 12px; } .pad_l10 { padding-left: 10px; } .pad_l15 { padding-left: 15px; } .pad_l20 { padding-left: 20px; } .pad_l23 { padding-left: 23px; } .pad_l25 { padding-left: 25px; } .pad_l30 { padding-left: 30px; } .pad_l45 { padding-left: 45px; } .pad_r1 { padding-right: 1px; } .pad_r5 { padding-right: 5px; } .pad_r10 { padding-right: 10px; } .pad_r15 { padding-right: 15px; } .pad_r20 { padding-right: 20px; } .pad_r25 { padding-right: 25px; } .pad_r28 { padding-right: 28px; } .pad_r30 { padding-right: 30px; } .otherlink-bg { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; transition: all 0.3s ease 0s; z-index: 99; } .otherlink-bg.in { opacity: 1; } .otherlink-pop { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 6px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); height: 180px; left: 50%; margin: -250px 0 0 -280px; overflow: hidden; position: fixed; top: -25%; transition: all 0.4s ease 0s; width: 470px; z-index: 100; } .otherlink-pop.in { top: 50%; } .otherlink-pop a.offBtn { color: #ccc; font-size: 20px; font-weight: 700; line-height: 20px; padding: 5px 10px; position: absolute; right: 8px; top: 5px; } .otherlink-pop h2 { font-size: 16px; padding: 45px 40px; font-weight: normal; text-align: left; font-size: 14px; line-height: 2em; } .otherlink-pop p.btns { background: #f5f5f5 none repeat scroll 0 0; border-top: 1px solid #ddd; bottom: 0; height: 50px; left: 0; position: absolute; text-align: right; width: 100%; } .otherlink-pop p.btns a { border: 1px solid #bbbbbb; border-radius: 5px; color: #333; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; margin: 9px 15px 0 0; padding: 0 15px; } .otherlink-pop p.btns a:hover { background: #e6e6e6 none repeat scroll 0 0; } .otherlink-pop p.btns a.toOtherLink { background: #337ab7 none repeat scroll 0 0; border: 1px solid #337ab7; color: #fff; } .otherlink-pop p.btns a.toOtherLink:hover { background: #286090 none repeat scroll 0 0; }