@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
body, button, input, select, textarea { font: 14px/1.71 "microsoft yahei", "simsun", \5b8b\4f53, arial; color: #333; }
ul, ol, li { list-style: none; }
i, em { font-style: normal }
img { vertical-align: top; border: 0; }
a { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl, .fr { float: left; overflow: hidden; }
.fr { float: right; }
section, article, aside, header, footer, nav, dialog, figure { display: block; padding: 0; margin: 0; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/*footer*/
.footer { font-size: 12px; height: 40px; line-height: 40px; background: #e5e5e5; }
.footer a, .footer a:hover { color: #666; text-decoration: none; }
.f_link { float: right; margin-top: 11px; }
.f_link li { float: left; height: 18px; line-height: 18px; padding: 0 10px; background-position: 100% -487px; }
.f_link li.last { background: none; }
.footer .f_fcr { display: none; float: left; color: #f00; margin-right: 100px; }
/*com*/
.wrap, .header, .footer, .area, .inn, .inn2, .hd, .bd, .hd2, .d, .u, .u li, .u3, .pic, .txt, .ptC, .ptC2, .ptC3, .tit, .con { position: relative; clear: both; overflow: hidden; }
.wrap, .header, .footer, .area { width: 100%; min-width: 1200px; }
.inn, .inn2 { position: relative; width: 1200px; margin: 0 auto; }
.opacity { position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 50px; background: #000; filter: alpha(opacity=60); opacity: .6; }
.prev, .next, .cap2, .cap2 a, .n_a, .a_m { display: block; line-height: 20em; overflow: hidden; }
.a_m { width: 178px; height: 24px; background: url(20231101gongyi-a_m.png;vpn_img) 0 0 no-repeat; }
.cap2, .n_a { background: url(20231101gongyi-bg_cap.png;vpn_img) 0 0 no-repeat; }
.cap2 { width: 406px; height: 84px; background-position: 0 -100px; }
.cap2_3 { background-position: 0 -300px; }
.cap2_4 { background-position: 0 -500px; }
.cap2_5 { background-position: 0 -700px; }
.n_a { width: 84px; height: 28px; }
.n_a2 { background-position: -150px 0; }
.n_a3 { background-position: -300px 0; }
.n_a4 { background-position: -450px 0; }
/*u_dot*/
.u_dot li { font-size: 22px; height: 77px; line-height: 1.6; }
.u_dot a { display: block; color: #333; }
.u_dot a:hover { color: #333; text-decoration: underline; }
/*ptC*/
.pic img, .pic2 img { width: 100%; }
.ptC { width: 680px; height: 385px; margin: 0 auto; }
.ptC .pic { width: 100%; height: 385px; }
.ptC .txt { position: absolute; left: 20px; bottom: 10px; z-index: 5; font-size: 22px; text-align: left; width: 616px; height: 50px; line-height: 50px; overflow: hidden; }
.ptC .opacity { height: 173px; background: url(20231101gongyi-bg_opa.png;vpn_img) 0 0 no-repeat; }
.ptC2 { width: 680px; height: 465px; padding: 10px 10px 0; margin: 5px auto 5px; background: #fff; box-shadow: 0 0 5px #efefef; }
.ptC2 .pic { width: 100%; height: 385px; }
.ptC2 .txt { position: absolute; left: 20px; right: 20px; bottom: 0; z-index: 5; font-size: 22px; text-align: left; height: 80px; line-height: 80px; overflow: hidden; }
.ptC a, .ptC a:hover{color: #fff;}
.ptC2 a, .ptC2 a:hover { color: #333; }
/* jptP */
.j_hd { position: absolute; z-index: 10; right: 20px; bottom: 18px; height: 10px; }
.j_hd ul li { float: left; display: block; text-indent: -999px; width: 6px; height: 6px; margin: 0 4px; border: 2px solid #fff; overflow: hidden; cursor: pointer; border-radius: 50%; }
.j_hd ul li.on { background: #fff; }
.j_bd, .j_bd2 { position: relative; float: left; }
.jdt .pageState { position: absolute; z-index: 7; left: 65px; bottom: 0; font-size: 24px; color: #fff; height: 55px; line-height: 55px; }
.jdt .pageState span { font-size: 30px; color: #333; }
.u_jdt { overflow: hidden; zoom: 1; }
.u_jdt li { float: left; _display: inline; text-align: center; overflow: hidden; }
.prev, .next { position: absolute; z-index: 999; bottom: 0; left: 50%; display: block; text-indent: -999px; width: 26px; height: 26px; margin: 0; background: url(20231101gongyi-btn_prev.png;vpn_img) 0 0 no-repeat; }
.prev { margin-left: -90px; }
.next { margin-left: 64px; background-position: 0 -100px; }
.jdt1 { position: relative; width: 1220px; height: 120px; margin-top: 30px; }
.jdt1 ul li { float: left; margin-right: 15px; }
/*swiper*/
.swiper-container { clear: both; width: 100%; height: 512px; margin: 0 auto; }
.swiper-button-next, .swiper-button-prev { top: 50%; width: 36px; height: 36px; margin-top: -18px; background: url(20231101gongyi-btn_prev.png;vpn_img) 0 0 no-repeat; opacity: 0.7; }
.swiper-button-prev { left: 10px; }
.swiper-button-next { right: 10px; background-position: 0 -50px; }
.swiper-slide-active .ptC { box-shadow: 0 10px 28px rgba(0,0,0,.38); }
.swiper-button-hide { opacity: 1; }
.swiper-button-next:hover, .swiper-button-prev:hover { opacity: 1; }
/*area*/
.header { height: 102px; }
.logo { float: left; width: 180px; height: 45px; margin-top: 30px; }
.u_nav { float: right; margin-top: 48px; }
.u_nav li { float: left; padding-left: 70px; overflow: hidden; }
.P1_1 { height: 646px; }
.P1_2 { height: 605px; }
.P1_3 { height: 704px; }
.P1_4 { height: 620px; }
.P1_5 { min-height: 414px; padding: 45px 0 55px; background: #f6f6f6; }
.hd2 { width: 100%; height: 106px; }
.s1, .s2 { float: left; width: 680px; overflow: hidden; }
.s2 { float: right; width: 434px; }
.h2_tit { font-size: 60px; font-weight: bold; color: #fff;width: 1020px; line-height: 1.3; margin-bottom: 40px; }
.d_dt .txt { position: absolute; top: 72px; left: 72px; }
.d_dt img { transition: all 1s; }
.d_dt a:hover img { transform: scale(1.1); }
.d_link { padding-left: 40px; margin-top: 16px; }
.d_link a { float: left; display: block; width: 212px; height: 113px; margin: 0 15px 15px 0; overflow: hidden; }
/*d_tab*/
.d_tab, .d_tab .j_bd2 { position: relative; width: 1200px; height: 385px; overflow: hidden; }
.d_tab .j_hd2 { float: right; width: 490px; }
.d_tab .j_bd2 { float: left; width: 680px; }
.d_tab2 .j_hd2 { float: left; }
.d_tab2 .j_bd2 { float: right; }
/*.d_tab2 .u_dot li a:hover, .d_tab2 .u_dot li.on a { font-size: 28px; line-height: 1.26; }*/