@charset "utf-8"; html { font-size: 62.5%; } body { margin: 0px; font-size: 12px; font-family: arial, helvetica, sans-serif, microsoft yahei; cursor: default; } * { padding: 0px; margin: 0px; } body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, i, b, em, span, form, fieldset, legend, input, textarea, select, button, th, td { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif, microsoft yahei; } h1, h2, h3, h4, h5, h6 { list-style: none; font-weight: normal; color: #555; } input, select, button { font-size: 12px; font-family: arial, helvetica, sans-serif, microsoft yahei; border: 0; background: none; outline: none; vertical-align: middle; } button { overflow: visible } img { border: none; } li { list-style: none; } a { color: #91989f; text-decoration: none; } a:hover { color: #005caf; text-decoration: none; } .clear { overflow: hidden; clear: both; height: 0px; } .fl { float: left; } .fr { float: right; } .con { margin: 0 auto; } .container { margin: 0 auto } @media only screen and (max-width:640px) { .con { width: 96%; margin: 0 auto; } .container { width: 98%; margin: 0 auto } .fl { float: none; } .fr { float: none; } } .top{width:100%; height:35px; background-color:#f7f7f7; font-size:13px; line-height:35px; position:relative; z-index:9999;} .top .welcome{float:left; color:#999} .top .kuaijie{float:right; height:35px; text-align:center; position:relative; z-index:9;} .top .kuaijie ul li{float:left; position:relative; margin-left:15px; padding-left:15px;} .top .kuaijie ul li:before{width:1px; height:12px; background-color:#aaa; content:""; position:absolute; top:12px; left:0;} .top .kuaijie ul li:first-child:before{display:none;} .top .kuaijie ul li a{font-size:13px; color:#555; line-height:35px; display:block;} .top .kuaijie ul li a:hover{color:#00af1e;} .top .kuaijie ul li a.on{color:#00af1e;} .top .kuaijie .e_wm{line-height:36px; color:#555; cursor:pointer; position:relative; display:inline-block; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .top .kuaijie .e_wm:hover{color:#00af1e;} .top .kuaijie .e_wm .w_m{width:110px; padding:4px; border:1px solid #ddd; background-color:#fff; position:absolute; top:46px; left:50%; margin-left:-55px; opacity:0; visibility:hidden; transform:translatey(10px); -webkit-transform:translatey(10px); -moz-transform:translatey(10px); -ms-transform:translatey(10px); -o-transform:translatey(10px); transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; -moz-transition:all .2s; -webkit-transition:all .2s;} .top .kuaijie .e_wm:hover .w_m{opacity:1; visibility:inherit; transform:translatey(0); -webkit-transform:translatey(0); -moz-transform:translatey(0); -ms-transform:translatey(0); -o-transform:translatey(0);} .top .kuaijie .e_wm .w_m img{width:100%; height:auto; display:block;} .top .kuaijie .e_wm .w_m:before{width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:8px solid #ddd; content:""; position:absolute; top:-8px; left:50%; margin-left:-10px;} @media only screen and (max-width:992px){ .top{height:32px; font-size:12px; line-height:32px;} .top .welcome{display:none;} .top .kuaijie{height:32px;} .top .kuaijie ul li{margin-left:5px; padding-left:5px;} .top .kuaijie ul li:before{height:12px; top:10px;} .top .kuaijie ul li a{font-size:12px; line-height:32px;} .top .kuaijie ul li:nth-child(1){ display:none } .top .kuaijie ul li:nth-child(2){ display:none } .top .kuaijie ul li:nth-child(3){ display:none } .top .kuaijie ul li:nth-child(4):before{display:none;} .top .kuaijie .e_wm{line-height:32px; color:#555; cursor:pointer; position:relative; display:inline-block; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} } .top2{width:100%; position:relative; padding:10px 0; overflow:hidden;} .top2 .logo{width:230px; float:left; position:relative;} .top2 .logo img{width:100%; height:auto; display:block;} .top2 .lg_by{margin-left:10px; margin-top:5px; padding-left:15px; float:left;} .top2 .lg_by img{ width:315px; } .top2 .lg_by h3{font-size:20px; color:#000; line-height:32px; font-weight:bold;} .top2 .lg_by p{font-size:15px; line-height:24px;} .top2 .tel{float:right; padding-left:70px;} .top2 .tel span{display:block; font-size:15px; color:#333; line-height:22px; font-weight:bold} .top2 .tel strong{display:block; font-size:18px; color:#00af1e; line-height:25px; letter-spacing:0.5px} .top2 .tel h1{display:block; font-size:16px; color:#00af1e; line-height:25px; font-weight:normal} @media only screen and (max-width:992px){ .top2{padding:10px 0; overflow:hidden;} .top2 .container{ padding:0 10px} .top2 .logo{width:100px;} .top2 .lg_by{margin-left:0px; margin-top:0; padding-left:8px; float:left;} .top2 .lg_by img{ width:90px; margin-top:8px} .top2 .tel{ display:none} .top2 .tel span{font-size:20px; line-height:28px;} .top2 .tel strong{font-size:26px; line-height:36px;} } .ss_nr{float:right; border:1px solid #ddd; background-color:#fff; line-height:38px; margin-top:20px; margin-right:50px} .ss_nr input{width:270px; height:38px; padding:0 10px; float:left; line-height:38px;} .ss_nr button{width:80px; height:38px; background-color:#4f80de; line-height:38px; color:#fff; text-align:center; outline:none; float:right;} @media only screen and (max-width:992px) { .ss_nr{line-height:26px; overflow:hidden;margin-right:0px; width:32%; margin-top:3px; float:left; margin-left:10px} .ss_nr input{width:70%; height:26px; line-height:26px; padding:0 5px; font-size:12px} .ss_nr button{width:30%; height:26px; line-height:26px; font-size:12px} } @media only screen and (max-width:1520px) { .top_01 .con { width: 90%; } } @media only screen and (max-width:1024px) { .con { width: 90%; } .main { width: 96% } .head_h { display: none } } .header{width:100%; z-index:99999; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; background:#4f80de} .header.xw_hd{background-color:#fff !important; box-shadow:0 0 15px #ddd;} .header .an{position:absolute; top:6.2%; margin-top:0; right:10px; height:17px; width:26px; display:none;} .header .an span{width:26px; height:2px; background-color:#0c37a0; display:block; position:absolute; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .header .an span.a1{top:0; left:0;} .header .an span.a2{top:8px; left:0;} .header .an span.a3{top:16px; left:0;} .header .an.n span.a2{display:none;} .header .an.n span.a1{top:10px; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);} .header .an.n span.a3{top:10px; transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);} .header .nav{display:flex; align-items:center; justify-content:space-between;} .header .nav ul{display:flex;} .header .nav ul li{ position:relative;width:130px; text-align:center; background: no-repeat center right ; } .header .nav .y_j{position:relative;} .header .nav ul li:hover{ background: no-repeat right bottom ; } .header .nav .y_j i{display:none;} .header .nav .y_j a{display:inline-block; font-size:16px; color:#fff; /*text-transform:uppercase;*/ line-height:50px; text-align:left} .header.xw_hd .nav .y_j a{color:#555;} .header.xw_hd .nav ul li:hover .y_j a{color:#0c37a0;} .header.xw_hd .nav ul li.on .y_j a{color:#0c37a0;} .header .nav .e_j{width:400px; padding:30px 20px 10px; border-radius:5px; background-color:#fff; position:absolute; top:50px; left:50%; margin-left:-200px; opacity:0; visibility:hidden; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transform:translatey(10px); -webkit-transform:translatey(10px); -moz-transform:translatey(10px); -ms-transform:translatey(10px); -o-transform:translatey(10px); z-index:9999} .header.xw_hd .nav .e_j{background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.05);} .header .nav .e_j.d_s{width:910px; margin-left:-140px; padding:20px 20px ;} .header .nav .e_j.x_p{width:150px; margin-left:-75px; padding:20px;} .header .nav ul li:hover .e_j{opacity:1; visibility:inherit; transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; -moz-transition:all .2s; -webkit-transition:all .2s; transform:translatey(0); -webkit-transform:translatey(0); -moz-transform:translatey(0); -ms-transform:translatey(0); -o-transform:translatey(0);} .header .nav .row{align-items:normal;} .header .nav .f_l{width:25%; padding:0 15px; margin-bottom:20px; float:left} .header .nav .e_j.d_s .f_l{width:25%; margin-bottom:0;} .header .nav .e_j.x_p .f_l{width:100%; margin-bottom:0;} .header .nav .f_l a{font-size:14px; text-align:center; color:#333; line-height:32px; display:block;} .header.xw_hd .nav .f_l a{color:#555;} .header .nav .f_l a:hover{color:#0c37a0;} .header .nav .e_j.x_p f_l a{margin:5px 0;} .header .nav .t_b{width:46px; height:46px; border-radius:50%; border:1px solid #fff; background-position:bottom center; background-repeat:no-repeat; background-size:cover; margin:0 auto 5px; display:block; transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; -moz-transition:all .2s; -webkit-transition:all .2s;} .header.xw_hd .nav .t_b{border:1px solid #ddd; background-position:top center;} .header .nav .f_l a:hover .t_b{border:1px solid #0c37a0; background-color:#0c37a0; background-position:bottom center;} .header .nav .f_l h3{ padding-left:15px; position:relative;} .header.xw_hd .nav .f_l h3{border-bottom:1px solid #eee;} .header .nav .f_l h3:after{width:8px; height:8px; position:absolute; top:12px; left:0; content:""; background:#d4531f;} .header .nav .f_l h3 a{font-size:16px; line-height:36px; color:#333; text-align:left;} .header .nav .f_l h3 a:hover{color:#0c37a0;} .header .nav .f_l h3 i{width:100%; padding-right:10px; position:absolute; top:0; right:0; font-size:16px; font-weight:bold; text-align:right; line-height:60px; z-index:99; display:none;} .header .nav .f_l p a{line-height:30px; text-indent:15px; text-align:left;} .header .nav .s_b{display:none;} .header .nav .rz{ height:auto; overflow:hidden; border-bottom:#e5e5e5 1px dotted; padding-bottom:7px; margin-bottom:10px; width:100%} .header .nav .rzbt{ text-align:left; padding:0 20px; color:#0c36a0; font-size:18px; margin-bottom:10px; height:auto; overflow:hidden} .header .nav .rzbt span{ font-size:15px; color:#555; padding-left:10px} @media only screen and (max-width:1440px){ .header .nav ul li{margin-right:35px;} } @media only screen and (max-width:1279px){ .header.sj{background-color:#fff !important; box-shadow:0 0 15px #ddd;} .header .an{display:block;} .header.xw_hd .an span{background-color:#555;} .header.sj .an span{background-color:#555;} .header .nav{width:100%; display:block; height:calc(100% - 85px); padding:10px 5% 20px; margin:0; background-color:#fafafa; position:fixed; bottom:0; right:-100%; z-index:9999; overflow:auto; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;box-sizing:border-box } .header .nav.on{right:0;} .header .nav ul{width:100%; float:none; display:block; margin-bottom:20px;} .header .nav ul li{width:100%; height:auto; text-align:left; border-bottom:1px solid #ddd; float:none; padding:0; margin:0; background:none} .header .nav .y_j:after{display:none;} .header .nav .y_j i{display:block; width:50%; padding-right:10px; position:absolute; top:0; right:0; font-size:16px; font-weight:bold; text-align:right; line-height:60px; z-index:99;} .header .nav .y_j a{color:#333; line-height:60px; display:block;} .header .nav .y_j a:hover{color:#333;} .header .nav ul li:hover .y_j a{color:#333;} .header .nav ul li.on .y_j a{color:#333;} .header .nav .e_j{width:100%; height:calc(100% - 83px); padding:20px 5%; background-color:#fafafa; opacity:1; position:fixed; top:auto; left:auto; bottom:0; right:-100%; z-index:9999; overflow:auto; display:block; visibility:inherit; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none;} .header .nav .e_j.on{right:0;} .header .nav .e_j:after{display:none;} .header .nav .e_j.d_s{width:100%; margin-left:0; padding:10px 10% 20px;} .header .nav .e_j.x_p{width:100%; margin-left:0; padding:10px 10% 20px;} .header .nav .f_l{width:100%; padding:0; margin-bottom:0;} .header .nav .e_j.d_s .f_l{width:100%;} .header .nav .e_j.x_p .f_l{width:100%;} .header .nav .f_l a{font-size:15px; text-align:left; color:#555; line-height:60px; border-bottom:1px solid #ddd;} .header .nav .e_j.x_p f_l a{margin:0;} .header .nav .t_b{display:none;} .header .nav .f_l h3{padding-left:15px; padding-bottom:0; margin-bottom:0; border-bottom:1px solid #ddd;} .header.xw_hd .nav .f_l h3{border-bottom:1px solid #ddd;} .header.on .nav .f_l h3{border-bottom:1px solid #ddd;} .header .nav .f_l h3:after{top:40%; } .header .nav .f_l h3 a{font-size:16px; line-height:60px; color:#333; border-bottom:0;} .header .nav .f_l p a{line-height:60px;} .header .nav .s_b{display:block; line-height:44px;} .header .nav .s_b i{font-size:16px; font-weight:bold;} } @media only screen and (max-width:640px){ .header .nav{height:calc(100% - 83px); text-align:center;} .header .nav .e_j{height:calc(100% - 83px);} .header .nav .f_l a{font-size:14px; line-height:50px;} .header .nav .f_l h3 a{font-size:15px; line-height:50px;} .header .nav .f_l p a{font-size:14px; line-height:50px;} .header .nav .rzbt{ padding:0} .header .nav ul li:hover{ background: none ; } } .pc_ban { width: 100%; height: 70vh; position: relative; overflow: hidden; } .pc_ban .swiper-slide:after { width: 100%; height: 100%; /*background-color: rgba(0,0,0,.2);*/ position: absolute; left: 0; bottom: 0; content: ""; } .pc_ban .swiper-button-prev { width: 40px; height: 40px; background: no-repeat center; left: 0%; margin-top: -20px; opacity: 0; background-size: 40px 40px; -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -ms-background-size: 40px 40px; -o-background-size: 40px 40px; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .pc_ban:hover .swiper-button-prev { left: 2%; opacity: .8; } .pc_ban .swiper-button-next { width: 40px; height: 40px; background: no-repeat center; right: 0%; margin-top: -20px; opacity: 0; background-size: 40px 40px; -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -ms-background-size: 40px 40px; -o-background-size: 40px 40px; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .pc_ban:hover .swiper-button-next { right: 2%; opacity: .8; } .pc_ban .container { position: absolute; top: 48%; left: 50%; z-index: 99; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .pc_ban .w_z { width: 90%; margin: 0 auto; color: #fff; text-align: center ; position: relative; } .pc_ban .w_z h2 { font-size: 35px; font-weight: bold; line-height: 70px; color: #fff; } .pc_ban .w_z p { font-size: 28px; text-transform: uppercase; line-height: 32px; margin-top: 15px; } @media only screen and (max-width:992px) { .pc_ban { height: 36vh; min-height: inherit; } .pc_ban .container { width: 100%; top: 50%; } .pc_ban .swiper-button-prev { display: none; } .pc_ban .swiper-button-next { display: none; } .pc_ban .swiper-pagination { bottom: 10px; } .pc_ban .swiper-pagination-bullet { width: 30px; height: 2px; } .pc_ban .w_z { width: 100%; } .pc_ban .w_z h2 { font-size: 22px; font-weight: normal; line-height: 32px; } .pc_ban .w_z p { font-size: 16px; letter-spacing: 1px; line-height: 26px; } } @media only screen and (max-width:640px) { .pc_ban { height: 23vh; min-height: inherit; } .pc_ban .container { width: 100%; top: 50%; } .pc_ban .w_z h2 { font-size: 18px; font-weight: bold; line-height: 28px; } .pc_ban .w_z p { font-size: 15px; line-height: 24px; margin-top: 8px; } } .sy_tz{width:500px; padding:15px 0; font-size:15px; color:#333; line-height:36px; float:left} .sy_tz .l_m{width:110px; height:36px; background: no-repeat center left; float:left; padding-left:30px} .sy_tz .x_w1{width:390px; float:right; position:relative;} .sy_tz .x_w1 .bd{width:100%; height:36px; overflow:hidden;} .sy_tz .x_w1 .bd ul li{width:100%; display:block;} .sy_tz .x_w1 .bd ul li a{color:#999; font-size:14px;} @media only screen and (max-width:992px) { .sy_tz{width:100%; padding:10px 0; font-size:14px; color:#333; line-height:30px; float:none} .sy_tz .l_m{width:100px; height:30px; background: no-repeat center left; float:left; padding-left:30px} .sy_tz .x_w1{width:230px; float:right; position:relative;} .sy_tz .x_w1 .bd{width:100%; height:30px; overflow:hidden;} .sy_tz .x_w1 .bd ul li{white-space:nowrap; overflow:hidden;text-overflow:ellipsis;} } .sy_bg{ float:right; width:700px;padding:15px 0; } .sy_bg h1{ float:right; font-size:18px; line-height:36px; margin-right:20px; color:#333} .sy_bg input { width: 200px; height: 34px; padding: 0 10px; float: right; line-height: 34px;border: 1px solid #ddd; margin-right:20px;border-radius:4px } .sy_bg button { width: 80px; height: 34px; background-color: #4f80de; line-height: 34px; color: #fff; text-align: center; outline: none; float: right;border-radius:4px } @media only screen and (max-width:992px) { .sy_bg{ float:none; width:100%;padding:0 0 ; } .sy_bg h1{ float:left; font-size:16px; line-height:30px; margin-right:0px; color:#333; text-align:left} .sy_bg input { width: 90px; height: 30px; padding: 0 5px; float: right; line-height: 30px;border: 1px solid #ddd; margin-right:10px;border-radius:4px } .sy_bg button { width: 70px; height: 30px; background-color: #0c37a0; line-height: 30px; color: #fff; text-align: center; outline: none; float: right;border-radius:4px } } .tit { margin-bottom: 30px; text-align: center } .tit h1 { font-size: 30px; color: #333; margin-bottom: 15px; position: relative; font-weight: 700 } .tit h1::after { content: " "; position: absolute; left: 50%; bottom: -12px; width: 50px; margin-left: -30px; height: 3px; background: #0c36a0; } .tit h3 { font-size: 14px; color: #666; margin-top: 25px; text-transform: uppercase } @media only screen and (max-width:992px) { .tit { margin-bottom: 20px; text-align: center } .tit h1 { font-size: 16px; color: #333; margin-bottom: 20px; position: relative; font-weight: 700 } .tit h1::after { content: " "; position: absolute; left: 50%; bottom: -12px; width: 30px; margin-left: -15px; height: 3px; background: #0c36a0; } .tit h3 { font-size: 14px; color: #666; margin-top: 15px; text-transform: uppercase } } .tit1 { margin-bottom: 30px; text-align: center } .tit1 h1 { font-size: 30px; color: #fff; margin-bottom: 15px; position: relative; font-weight: 700 } .tit1 h1::after { content: " "; position: absolute; left: 50%; bottom: -12px; width: 50px; margin-left: -30px; height: 3px; background: #fff; } .tit1 h3 { font-size: 14px; color: #fff; margin-top: 25px; text-transform: uppercase } @media only screen and (max-width:992px) { .tit1 { margin-bottom: 20px; text-align: center } .tit1 h1 { font-size: 16px; color: #fff; margin-bottom: 20px; position: relative; font-weight: 700 } .tit1 h1::after { content: " "; position: absolute; left: 50%; bottom: -12px; width: 30px; margin-left: -15px; height: 3px; background: #fff; } .tit1 h3 { font-size: 14px; color: #fff; margin-top: 15px; text-transform: uppercase } } .sy_cp{width:100%; padding:60px 0 30px; overflow:hidden; background:#fcfcfc} .sy_cp .col-lg-3{ padding-left:5px; padding-right:5px} .sy_cp .col-lg-9{ padding-left:5px; padding-right:5px} .sy_cp .swiper-cp{padding-bottom:50px;} .sy_cp .swiper-pagination{bottom:0;} .sy_cp .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; background-color:#3b3b3b;} .sy_cp .swiper-pagination-bullet-active{background-color:#4f80de;} .sy_cp .n_r{position:relative; margin-top:10px; margin-right:10px;} .sy_cp .n_r:after{width:100%; height:100%; content:""; position:absolute; top:0; left:0;} .sy_cp .n_r:hover:after{background-color:rgba(0,0,0,.5);} .sy_cp .t_p{overflow:hidden;} .sy_cp .t_p .xs{ display:block} .sy_cp .t_p .yc{ display:none} .sy_cp .t_p img{width:100%; height:auto; display:block; transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;} .sy_cp .n_r:hover .t_p img{transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);} .sy_cp .w_z{position:absolute; left:5%; top:20%; z-index:9; width:90%; text-align:center; color:#fff; text-shadow:0 0 10px #444; transform:translatey(-50%); -webkit-transform:translatey(-50%); -moz-transform:translatey(-50%); -ms-transform:translatey(-50%); -o-transform:translatey(-50%);} .sy_cp .w_z h3{font-size:24px; line-height:32px; font-weight:bold; color:#fff; border-bottom:#fff 1px solid; width:120px; margin:0 auto 20px; padding-bottom:10px; letter-spacing:2px} .sy_cp .w_z p{line-height:32px; color:#fff; font-size:15px } .sy_cp .w_z span{width:120px; border:#fff 1px solid; margin:20px auto 0; height:36px; line-height:34px; display:block; font-size:14px;background:#ff5400;} .sy_cp .w_z span a{ color:#fff} .fenlei{ padding:10px 0 0; min-height:420px} .fenlei li{ float:left; width:31.5%; margin-right:1.5%; background:#fff; margin-bottom:15px; padding:20px;box-sizing:border-box ;box-shadow: 0 0 10px #eeeded; position:relative} .fenlei li:nth-child(3n){margin-right:0; } .fenlei li em{ position:absolute; right:0; top:0} .fenlei li:hover { box-shadow: 0 0 10px #ccc; transform: translatey(-5px); -wbkit-transform: translatey(-5px); -o-transform: translatey(-5px); -moz-transform: translatey(-5px); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .wenzi h2{ font-size:18px; color:#333333;height: 45px;} .wenzi p{ font-size:14px; color:#878787; line-height:24px; margin-bottom:12px; min-height:72px;height:72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;} .wenzi span.d_d{float:left; font-size:14px; color:#0d37a0;} .wenzi span.j_g{float:right; font-size:14px; color:#999; } .wenzi span.j_g a{ color:#999} .fenlei2{ padding:10px} .fenlei2 li{ float:left; width:23.875%; margin-right:1.5%; background:#fff; margin-bottom:20px; padding:20px;box-sizing:border-box ;box-shadow: 0 0 10px #eeeded; position:relative} .fenlei2 li:nth-child(4n){margin-right:0; } .fenlei2 li em{ position:absolute; right:0; top:0} .fenlei2 li:hover { box-shadow: 0 0 10px #ccc; transform: translatey(-5px); -wbkit-transform: translatey(-5px); -o-transform: translatey(-5px); -moz-transform: translatey(-5px); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .sy_cp .cp_zs{height:0; overflow:hidden;} .sy_cp .cp_zs.dk{height:auto;} .sy_cp .product_tabtitle{margin-bottom:40px;} .sy_cp .product_tabtitle li{width:100px; display:inline-block; text-align:center; border:solid 1px #000000; color:; font-size:15px; line-height:40px; margin:0px 5px; cursor:pointer;} .sy_cp .product_tabtitle li.on{border:solid 1px #4f80de; background-color:#4f80de; color:#fff;} .sy_cp .product_tabtitle li:hover{ border:solid 1px #4f80de; background-color:#4f80de; color:#fff;} .sy_cp .product_tabtitle{ text-align:center;} .sy_cp .product_tabtitle li a{ color:#333} .sy_cp .product_tabtitle li:hover a{ color:#fff} @media only screen and (max-width:992px){ .sy_cp{padding:20px 0 20px;} .sy_cp .product_tabtitle li{padding:0; font-size:14px; margin:0px 2px 6px; line-height:30px; width:75px} .sy_cp .product_tabtitle li.on{border:solid 1px #0c36a0; background-color:#0c36a0; color:#fff;} .sy_cp .product_tabtitle li:hover{ border:solid 1px #0c36a0; background-color:#0c36a0; color:#fff;} .sy_cp .product_tabtitle{ text-align:center; margin-bottom:10px} .sy_cp .swiper-cp{padding-bottom:30px;} .sy_cp .t_p .xs{ display:none} .sy_cp .t_p .yc{ display: block} .sy_cp .n_r{ display:none} .sy_cp .w_z{padding:20px;} .sy_cp .w_z h3{font-size:22px;} .sy_cp .w_z p{font-size:15px; line-height:32px; height: auto ;} .fenlei{ padding:10px ; min-height: inherit} .fenlei li{ float:left; width:49%; margin-right:2%; background:#fff; margin-bottom:5px; padding:10px;box-sizing:border-box ;box-shadow: 0 0 10px #eeeded; position:relative} .fenlei li:nth-child(even) {margin-right:0; } .fenlei li:nth-child(odd) {margin-right:2%; } .wenzi h2{ font-size:15px; color:#333333; margin-bottom:10px} .wenzi p{ font-size:14px; color:#878787; line-height:24px; margin-bottom:20px; min-height: inherit; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;height:48px} .wenzi span.d_d{float:left; font-size:12px; color:#0d37a0;} .wenzi span.j_g{float:right; font-size:12px; color:#999; } .fenlei2{ padding:10px 0} .fenlei2 li{ float:left; width:49%; margin-right:2%; background:#fff; margin-bottom:10px; padding:10px;box-sizing:border-box ;box-shadow: 0 0 10px #eeeded; position:relative} .fenlei2 li:nth-child(2n){margin-right:0; } .fenlei2 li em{ position:absolute; right:0; top:0} .fenlei2 li:hover { box-shadow: 0 0 10px #ccc; transform: translatey(-5px); -wbkit-transform: translatey(-5px); -o-transform: translatey(-5px); -moz-transform: translatey(-5px); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } } .sy_xw{width:100%; padding:60px 0; overflow:hidden;background: no-repeat top; } .sy_xw .col-lg-3{ padding-left:5px; padding-right:5px} .sy_xw .col-lg-9{ padding-left:5px; padding-right:5px} .sy_xw .t_p .xs{ display:block} .sy_xw .t_p .yc{ display:none} .sy_xw .xw_tj{position:relative;} .sy_xw .xw_tj .swiper-xw{padding-bottom:20px;} .sy_xw .xw_tj .swiper-button-prev{width:35px; height:35px; background:url(/uploads/image/acimages/zj11.png) no-repeat center; left:-60px; margin-top:-17px; background-size:35px 35px; -webkit-background-size:35px 35px; -moz-background-size:35px 35px; -ms-background-size:35px 35px; -o-background-size:35px 35px; transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s;} .sy_xw .xw_tj .swiper-button-next{width:35px; height:35px; background:url(/uploads/image/acimages/yj11.png) no-repeat center; right:-60px; margin-top:-17px; background-size:35px 35px; -webkit-background-size:35px 35px; -moz-background-size:35px 35px; -ms-background-size:35px 35px; -o-background-size:35px 35px; transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s;} .sy_xw .xw_tj .swiper-pagination{bottom:0;} .sy_xw .xw_tj .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; background-color:#aaa;} .sy_xw .xw_tj .swiper-pagination-bullet-active{background-color:#0c36a0;} .sy_xw .n_r{position:relative; margin-bottom:0; margin-right:10px; margin-top:10px} .sy_xw .n_r:after{width:100%; height:100%; background-color:rgba(0,0,0,.2); content:""; position:absolute; top:0; left:0;} .sy_xw .n_r:hover:after{background-color:rgba(0,0,0,.5);} .sy_xw .t_p{overflow:hidden;} .sy_xw .t_p img{width:100%; height:auto; display:block; transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;} .sy_xw .n_r:hover .t_p img{transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);} .sy_xw .w_z{position:absolute; left:5%; top:50%; z-index:9; width:90%; text-align:center; color:#fff; text-shadow:0 0 10px #444; transform:translatey(-50%); -webkit-transform:translatey(-50%); -moz-transform:translatey(-50%); -ms-transform:translatey(-50%); -o-transform:translatey(-50%);} .sy_xw .w_z h3{font-size:24px; line-height:32px; font-weight:bold; color:#fff; border-bottom:#00af1e 1px solid; width:170px; margin:0 auto 20px; padding-bottom:10px; letter-spacing:2px} .sy_xw .w_z em{ position: absolute; right:20px; top:5px} .sy_xw .w_z p{line-height:32px; color:#fff; font-size:15px } .sy_xw .w_z span{width:120px; border:#fff 1px solid; margin:30px auto 0; height:36px; line-height:34px; display:block; font-size:14px} .sy_xw .w_z span a{ color:#fff} .fenlei1{ padding:10px 0 0} .fenlei1 li{ float:left; width:31.5%; margin-right:1.5%; background:#fff; margin-bottom:15px; padding:10px;box-sizing:border-box ;box-shadow: 0 0 15px #eee;} .fenlei1 li:nth-child(3n){margin-right:0; } .fenlei1 li:hover { box-shadow: 0 0 10px #ccc; transform: translatey(-5px); -wbkit-transform: translatey(-5px); -o-transform: translatey(-5px); -moz-transform: translatey(-5px); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .tupin{} .tupin h1{ font-size:16px; color:#333333; line-height:32px;font-weight:600;} .tupin p{ font-size:12px; color:#999999; margin-bottom:16px} .tupin img{ width:100%;object-fit: cover; height: 250px;} @media only screen and (max-width:992px){ .sy_xw{padding:20px 0 20px;background: no-repeat center / cover fixed;} .sy_xw .t_p .xs{ display:none} .sy_xw .t_p .yc{ display:block} .sy_xw .n_r{position:relative; margin-bottom:0; margin-right:0; margin-top:0; display:none} .sy_xw .xw_tj .swiper-xw{padding-bottom:30px;} .sy_xw .xw_tj .swiper-button-prev{display:none;} .sy_xw .xw_tj .swiper-button-next{display:none;} .sy_xw .w_z{margin-top:0;} .fenlei1 li{ float:left; width:49%; margin-right:2%; background:#fff; margin-bottom:10px; padding:10px;box-sizing:border-box ;box-shadow: 0 0 15px #eee;} .fenlei1 li:nth-child(even){margin-right:0; } .fenlei1 li:nth-child(odd){margin-right:2%; } .tupin h1{ font-size:14px; color:#333333; line-height:32px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;} .tupin p{ font-size:12px; color:#999999; margin-bottom:10px; min-height:18px} } @media only screen and (max-width:680px){ .fenlei1 li{ float:left; width:100%; margin-right:2%; background:#fff; margin-bottom:10px; padding:10px;box-sizing:border-box ;box-shadow: 0 0 15px #eee;} .fenlei1 li:nth-child(even){margin-right:0; } .fenlei1 li:nth-child(odd){margin-right:2%; } .tupin h1{ font-size:14px; color:#333333; line-height:32px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;} .tupin p{ font-size:12px; color:#999999; margin-bottom:10px; min-height:18px} } .sy_xg{width:100%; padding:0 0 60px; height:auto; overflow:hidden;} .sy_xg li{ float:left; width:23.5%; margin-right:2%; position:relative} .sy_xg li:nth-child(4n){margin-right:0; } .sy_xg .n_r{text-align:center; padding:80px 20px; background:rgba(12,54,160,1);box-sizing:border-box } .sy_xg .n_r .t_p{width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; opacity:1; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;box-sizing:border-box } .sy_xg .n_r .t_b{width:69px; margin:0 auto 20px; position:relative; z-index:1;} .sy_xg .n_r .t_b img{width:100%; height:auto; display:block; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .sy_xg .n_r:hover .t_b img{transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);} .sy_xg .n_r .w_z{ position:relative; z-index:1;} .sy_xg .n_r .w_z h3{font-size:24px; font-weight:bold; line-height:40px;color:#fff;} .sy_xg .n_r .w_z em{width:50px; height:2px; margin:15px auto ; background-color:#fff; display:block;} .sy_xg .n_r .w_z p{ font-size:16px; line-height:26px;color:#fff;} @media only screen and (max-width:992px){ .sy_xg{width:100%; padding:0 0 20px; height:auto; overflow:hidden;} .sy_xg li{ float:left; width:49%; margin-right:2%; position:relative; margin-bottom:10px} .sy_xg li:nth-child(2n){margin-right:0; } .sy_xg .n_r{text-align:center; padding:20px 10px 10px; background:rgba(12,54,160,1);box-sizing:border-box } .sy_xg .n_r .w_z h3{font-size:18px; font-weight:bold; line-height:30px;color:#fff;} .sy_xg .n_r .w_z em{width:40px; height:2px; margin:10px auto ; background-color:#fff; display:block;} .sy_xg .n_r .w_z p{ font-size:14px; line-height:24px;color:#fff; min-height:80px} .sy_xg .n_r .t_b{width:60px; margin:0 auto 20px; position:relative; z-index:1;} } .sy_xg1{width:100%; padding:60px 0 0; height:auto; overflow:hidden;} .sy_xg1 li{ float:left; width:23.5%; margin-right:2%; position:relative} .sy_xg1 li:nth-child(4n){margin-right:0; } .sy_xg1 .n_r{text-align:center; padding:130px 20px; background:rgba(12,54,160,1);box-sizing:border-box } .sy_xg1 .n_r .t_p{width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; opacity:1; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;box-sizing:border-box } .sy_xg1 .n_r .t_b{width:69px; margin:0 auto 20px; position:relative; z-index:1;} .sy_xg1 .n_r .t_b img{width:100%; height:auto; display:block; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .sy_xg1 .n_r:hover .t_b img{transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);} .sy_xg1 .n_r .w_z{ position:relative; z-index:1;} .sy_xg1 .n_r .w_z h3{font-size:36px; font-weight:bold; line-height:40px;color:#fff;} .sy_xg1 .n_r .w_z em{width:50px; height:2px; margin:15px auto ; background-color:#fff; display:block;} .sy_xg1 .n_r .w_z p{ font-size:24px; line-height:46px;color:#fff;} @media only screen and (max-width:992px){ .sy_xg1{width:100%; padding:20px 0 0; height:auto; overflow:hidden;} .sy_xg1 li{ float:left; width:49%; margin-right:2%; position:relative; margin-bottom:2%} .sy_xg1 li:nth-child(2n){margin-right:0; } .sy_xg1 .n_r{text-align:center; padding:40px 10px; background:rgba(12,54,160,1);box-sizing:border-box } .sy_xg1 .n_r .w_z h3{font-size:20px; font-weight:bold; line-height:30px;color:#fff;} .sy_xg1 .n_r .w_z em{width:40px; height:2px; margin:10px auto ; background-color:#fff; display:block;} .sy_xg1 .n_r .w_z p{ font-size:14px; line-height:26px;color:#fff;} } .sy_fa{width:100%; padding:60px 0 0; overflow:hidden;} .sy_fa .cp_zs1{position:relative;} .sy_fa .cp_zs1 .swiper-fa{padding-bottom:50px;} .sy_fa .cp_zs1 .swiper-button-prev{width:35px; height:35px; background:url(/uploads/image/acimages/zj11.png) no-repeat center; left:-60px; margin-top:-17px; background-size:35px 35px; -webkit-background-size:35px 35px; -moz-background-size:35px 35px; -ms-background-size:35px 35px; -o-background-size:35px 35px; transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s;} .sy_fa .cp_zs1 .swiper-button-next{width:35px; height:35px; background:url(/uploads/image/acimages/yj11.png) no-repeat center; right:-60px; margin-top:-17px; background-size:35px 35px; -webkit-background-size:35px 35px; -moz-background-size:35px 35px; -ms-background-size:35px 35px; -o-background-size:35px 35px; transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s;} .sy_fa .cp_zs1 .swiper-pagination{bottom:0;} .sy_fa .cp_zs1 .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; background-color:#aaa;} .sy_fa .cp_zs1 .swiper-pagination-bullet-active{background-color:#0c36a0;} .sy_fa .n_r{text-align:center; padding:120px 20px; background:rgba(0,0,0,.9);} .sy_fa .n_r .t_p{width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; opacity:.8; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .sy_fa .n_r:hover {background:rgba(0,0,0,.7);} .sy_fa .n_r:hover .t_p{opacity:.6;} .sy_fa .n_r .t_b{width:80px; margin:0 auto 20px; position:relative; z-index:1;} .sy_fa .n_r .t_b img{width:100%; height:auto; display:block; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .sy_fa .n_r:hover .t_b img{transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);} .sy_fa .n_r .w_z{ position:relative; z-index:1;} .sy_fa .n_r .w_z h3{font-size:20px; font-weight:bold; line-height:30px;color:#fff;} .sy_fa .n_r .w_z em{width:40px; height:4px; margin:20px auto 0; background-color:#00af1e; display:block;} @media only screen and (max-width:992px){ .sy_fa{padding:20px 0 0 ;} .sy_fa .cp_zs .swiper-cp{padding-bottom:10px;} .sy_fa .cp_zs1 .swiper-fa{padding-bottom:30px;} .sy_fa .cp_zs .swiper-button-prev{display:none;} .sy_fa .cp_zs .swiper-button-next{display:none;} .sy_fa .n_r{padding:20px 10px;} .sy_fa .n_r .t_b{width:60px; margin:10px auto 20px;} .sy_fa .n_r .w_z h3{font-size:18px;} .sy_fa .n_r .w_z em{height:2px; margin:6px auto 10px;} .sy_fa .n_r .w_z p{font-size:13px; line-height:22px; height:44px;} } .sy_bn{width:100%; padding:60px 0 60px; background: no-repeat center ; overflow:hidden; position:relative;} .sy_bn .bn_wz{width:80%; text-align:center; color:#fff; margin:0 auto;} .sy_bn .bn_wz h1{font-size:30px; font-weight:bold; line-height:50px; margin-bottom:20px; color:#fff} .sy_bn .bn_wz h3{font-size:30px; color:#fff} .sy_bn .bn_wz span{ color:#00af1e} .sy_bn .bn_wz a{width:200px; height:60px; background:#fff; font-size:18px; line-height:60px; color:#5c5c5c; display:inline-block; margin:50px auto 0;border-radius:30px; font-weight:bold} .sy_bn .bn_wz a:hover{background-color:#00af1e; color:#fff } @media only screen and (max-width:990px){ .sy_bn{padding:60px 0; background-attachment:scroll !important;} .sy_bn .sjx{height:60px;} .sy_bn .sjx:before{border-top:60px solid #fff;} .sy_bn .bn_wz h1{font-size:26px; line-height:36px; margin-bottom:15px;} .sy_bn .bn_wz h3{font-size:16px;} } @media only screen and (max-width:640px){ .sy_bn{padding:30px 0 ; background-attachment:scroll !important;} .sy_bn .bn_wz{width:100%; text-align:center; color:#fff; margin:0 auto;} .sy_bn .bn_wz h1{font-size:22px;} .sy_bn .bn_wz h3{font-size:16px; line-height:22px;} .sy_bn .bn_wz a{width:110px; height:36px; border:1px solid #fff; font-size:14px; line-height:34px; margin:20px auto 0;} .sy_bn .bn_wz a:hover{border:1px solid #00a0e9;} } .sy_about { padding: 60px 0; overflow: hidden; background: center / cover no-repeat; } .sy_about h3 { font-size: 30px; color: #333; margin-bottom: 30px; position: relative; font-weight: 600; margin-top: 5px } .sy_about h3::after { content: " "; position: absolute; left: 0; bottom: -15px; width: 50px; height: 0; border: 2px solid #0c36a0; } .sy_about .tp { float: left; width: 550px; } .sy_about .tp img { width: 100%; display: block; } .sy_about .nr { font-size: 15px; width: 580px; float: right; text-align: justify; } .sy_about .nr p { margin-bottom: 14px; line-height: 30px; color: #333; } .wrapper { width: 1300px; margin: 50px auto 0; } .wrapper ul li { margin-top: 50px; width: 23.4%; text-align: center; float: left; line-height: 60px; margin: 0 2% 2% 0; padding: 20px 0 10px; background: rgba(255,255,255,0.8); border-radius: 8px; -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.06), 0 15px 40px 0 rgba(0,0,0,.06); box-shadow: 0 10px 15px 0 rgba(0,0,0,.06), 0 15px 40px 0 rgba(0,0,0,.06); } .wrapper ul li:nth-child(4) { margin-right: 0 } .wrapper ul li p { font-size: 16px; color: #333 !important; margin-bottom: 10px; text-indent: 0 !important; line-height: 1.8; } .wrapper ul li .dz span { font-size: 50px; color: #0c36a0; font-weight: bold; } .wrapper ul li .dz { font-size: 14px; color: #666; height: 61px; } .wrapper h2 { font-size: 43px; color: #0c36a0; font-weight: bold; display: inline-block; } .wrapper h2 i { font-style: normal; } .wrapper ul li:nth-child(n 3) .dz { font-size: 40px; color: #0c36a0; } .wrapper ul li:hover { background: -webkit-linear-gradient(top, #0c36a0, #008dd6); background: -o-linear-gradient(top, #0c36a0, #008dd6); background: -moz-linear-gradient(top, #0c36a0, #008dd6); background: linear-gradient(to top, #0c36a0, #008dd6); ; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .wrapper ul li:hover .dz span { color: #fff; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .wrapper ul li:hover .dz { color: #fff; } .wrapper ul li:hover h2 { color: #fff; } .wrapper ul li:nth-child(n 3):hover .dz { color: #fff; } .wrapper ul li:hover p { color: #fff !important; } .sy_about .nr .more a { font-size: 14px; text-transform: capitalize; color: #fff; text-align: center; line-height: 45px; margin-top: 10px; display: inline-block; position: relative; width: 150px; background: -webkit-linear-gradient(top, #0c36a0, #008dd6); background: -o-linear-gradient(top, #0c36a0, #008dd6); background: -moz-linear-gradient(top, #0c36a0, #008dd6); background: linear-gradient(to top, #0c36a0, #008dd6); ; text-align: center; border-radius: 25px; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .sy_about .nr .more a span { width: 0; height: 2px; background-color: #0c36a0; position: absolute; left: 50%; bottom: 0; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } .sy_about .nr .more a:hover { opacity: 0.8; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } @media only screen and (max-width:992px) { .sy_about { padding: 20px 0; overflow: hidden; background: center / cover no-repeat; } .sy_about h3 { font-size: 16px; color: #333; margin-bottom: 20px; position: relative; font-weight: 600; margin-top: 15px } .sy_about h3::after { content: " "; position: absolute; left: 0; bottom: -15px; width: 30px; height: 0; border: 2px solid #0c36a0; } .sy_about .tp { float: none; width: 100%; } .sy_about .nr { font-size: 14px; width: 100%; float: none; text-align: justify; } .sy_about .nr p { margin-bottom: 5px; line-height: 26px; color: #333; } .sy_about .nr .more a { font-size: 14px; text-transform: capitalize; color: #fff; text-align: center; line-height: 35px; margin-top: 10px; display: inline-block; position: relative; width: 130px; background: -webkit-linear-gradient(top, #0c36a0, #008dd6); background: -o-linear-gradient(top, #0c36a0, #008dd6); background: -moz-linear-gradient(top, #0c36a0, #008dd6); background: linear-gradient(to top, #0c36a0, #008dd6); ; text-align: center; border-radius: 17px; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } } /* 我们的业务 */ .sy_cpfw { padding: 60px 0; background: #f6f6f6; overflow: hidden; } .section-wrapper { max-width: 1300px; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; height: auto; overflow: hidden; } .mall-app>ul { margin-left: -10px; margin-right: -10px; } .mall-app>ul:before, .mall-app>ul:after { content: " "; display: table; box-sizing: inherit; } .mall-app>ul>li { float: left; width: 50%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } .mall-app-card { position: relative; height: 320px; overflow: hidden; background-size: cover; background-position: center; text-align: center; cursor: pointer; } .mall-app-card-bg { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; transition: 0.2s; background: rgba(0,0,0,0.5) } .mall-app-card-top { position: relative; height: 50%; } .mall-app-card-top i { display: block; position: absolute; top: 110px; right: 0; left: 0; width: 48px; height: 49px; margin: 0 auto; background-position: center; transition: 0.2s; background-repeat: no-repeat; } .mall-app-card-top h2 { position: absolute; top: 185px; right: 0; left: 0; font-size: 20px; line-height: 28px; color: #fff; transition: 0.2s; } .mall-app-card-top h2:before { content: ""; position: absolute; top: 100%; right: 0; left: 0; width: 0; height: 4px; margin: 15px auto; background-color: #0174f2; transition: 0.2s 0.2s; } .mall-app-card-top p { position: absolute; top: 173px; right: 0; left: 0; padding-left: 40px; padding-right: 40px; margin: 10px auto 0; font-size: 14px; line-height: 24px; color: #fff; opacity: 0; transition: 0.2s; } .mall-app-card-bottom { position: relative; height: 50%; padding-top: 30px; font-size: 14px; line-height: 24px; color: #fff; } .mall-app-card-bottom li { margin-bottom: 10px; } .mall-app-card-bottom li a { color: #fff; } .mall-app-card-bottom li a:hover { color: #0174f2; } .section-bottom { padding-top: 40px; padding-bottom: 50px; } .section-more-wrap { text-align: center; } .section-more-wrap a { display: inline-block; font-size: 16px; line-height: 24px; color: #666a75; cursor: pointer; user-select: none; transition: 0.2s; } .section-more-wrap a:hover { color: #0174f2; } .section-more-wrap a:hover i { transform: translate3d(5px, 0px, 0px); } .section-more-wrap a .cui-icon { margin-top: -2px; margin-left: 10px; transition: transform 0.2s; } .cui-icon { font-family: 'cui-icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; vertical-align: middle; font-size: 16px; } .mall-app-card:hover .mall-app-card-bg { -ms-transform: scale(1.05); transform: scale(1.05); } .mall-app-card:hover .mall-app-card-top i { opacity: 0; } .mall-app-card:hover .mall-app-card-top h2 { top: 85px; } .mall-app-card:hover .mall-app-card-top h2:before { width: 68px; } .mall-app-card:hover .mall-app-card-top p { margin-top: 0; opacity: 1; } .sy_ys { padding: 80px 0; } .sy_ys .five-part { width: 25%; height: 330px; float: left; text-align: center; border: #fff 1px solid; box-sizing: border-box; background: rgba(255,255,255,0.7); border-right: 0; } .sy_ys .five-part:hover { box-shadow: 0px 5px 20px 0px rgba(169, 180, 190, 0.2); background: -webkit-linear-gradient(top, #0c36a0, #008cd4); background: -o-linear-gradient(top, #0c36a0, #008cd4); background: -moz-linear-gradient(top, #0c36a0, #008cd4); background: linear-gradient(to top, #0c36a0, #008cd4); } .sy_ys .five-value-img { width: 50px; height: 50px; margin: 50px auto 40px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .sy_ys .five-part:hover .five-value-img { -webkit-transform: rotatey(360deg); -moz-transform: rotatey(360deg); -o-transform: rotatey(360deg); -ms-transform: rotatey(360deg); transform: rotatey(360deg); } .sy_ys .five-value-img img { width: 100%; display: block; } .sy_ys .five-part:hover .five-value-img img { filter: grayscale(100%) brightness(400%); -webkit-filter: grayscale(100%) brightness(400%); -moz-filter: grayscale(100%) brightness(400%); -ms-filter: grayscale(100%) brightness(400%); -o-filter: grayscale(100%) brightness(400%); } .five-part:nth-child(4) { border-right: #fff 1px solid } .five-part .five-font-sty { font-size: 20px; font-weight: bold; color: rgba(0, 0, 0, 1); line-height: 28px; margin-bottom: 25px; } .five-part:hover .five-font-sty { color: rgba(255, 255, 255, 1); } .five-part:hover .span-line { color: rgba(255, 255, 255, 1); } .sy_ys .span-line { display: block; margin-top: 10px; font-size: 14px; font-weight: 400; line-height: 1.8; color: rgba(0, 0, 0, 0.6); width: 80%; margin: 0 auto } .sy_cp1 { width: 100%; padding: 60px 0; } .sy_cp1 .swiper-cp1 .swiper-slide { width: 20%; text-align: center; } .sy_cp1 .swiper-cp1 img { width: 100%; height: auto; display: block; } .sy_cp1 .swiper-cp1 .t_p { position: relative; border: 1px solid #e7e7e7; overflow: hidden; } .sy_cp1 .swiper-cp1 .b_j { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; opacity: 0; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .sy_cp1 .swiper-cp1 .swiper-slide:hover .b_j { opacity: 1; } .sy_cp1 .swiper-cp1 .t_b { width: 40px; height: 40px; background-color: #fff; border-radius: 50%; font-size: 22px; line-height: 40px; text-align: center; position: absolute; top: -100%; left: 50%; margin-left: -20px; margin-top: -20px; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .sy_cp1 .swiper-cp1 .swiper-slide:hover .t_b { top: 50%; } .sy_cp1 .swiper-cp1 .swiper-slide .t_p img { width: 100%; height: auto; display: block; opacity: .6; } .sy_cp1 .swiper-cp1 .swiper-slide-active .t_p img { opacity: 1; } .sy_cp1 .swiper-cp1 .w_z { margin-top: 5px; font-size: 16px; line-height: 32px; background-color: #e1e5ea; padding: 10px 10px; color: #4d4d4d } .sy_cp1 .swiper-cp1 .swiper-slide:hover .w_z { background-color: #0c459e; color: #fff; } .sy_cp1 .swiper-cp1 .swiper-button-prev { background: no-repeat; width: 32px; height: 32px; margin-top: -22px; background-size: 32px 32px; -webkit-background-size: 32px 32px; -moz-background-size: 32px 32px; -ms-background-size: 32px 32px; -o-background-size: 32px 32px; } .sy_cp1 .swiper-cp1 .swiper-button-next { background: no-repeat; width: 32px; height: 32px; margin-top: -22px; background-size: 32px 32px; -webkit-background-size: 32px 32px; -moz-background-size: 32px 32px; -ms-background-size: 32px 32px; -o-background-size: 32px 32px; } @media only screen and (max-width:640px) { .sy_cp1 { padding: 20px 0 0; } .sy_cp1 .swiper-cp1 { padding-bottom: 30px; } .sy_cp1 .swiper-cp1 .swiper-slide { width: 50%; } .sy_cp1 .swiper-cp1 .swiper-button-prev { display: none; } .sy_cp1 .swiper-cp1 .swiper-button-next { display: none; } .sy_cp1 .swiper-cp1 .w_z { margin-top: 10px; font-size: 14px; line-height: 22px; } } .cpjjfa { position: relative; z-index: 2; padding: 60px 0 60px; } .cpjjfa .cpjjfa_con { position: relative; z-index: 2 } .cpjjfa .cpjjfa_con .conbox { position: relative; display: none; height: 377px } .cpjjfa .cpjjfa_con .conbox.cur { display: block } .cpjjfa .cpjjfa_con .conbox .conleft { position: relative; margin: 10px 0 0 10px; width: 600px; height: 365px; border: 1px solid #0c36a0 } .cpjjfa .cpjjfa_con .conbox .conleft img { position: relative; top: -10px; left: -10px; display: block; width: 600px; height: 365px } .cpjjfa .cpjjfa_con .conbox .conright { width: 530px } .cpjjfa .cpjjfa_con .conbox .conright .p1 { position: relative; margin-bottom: 30px; padding-bottom: 35px; border-bottom: 1px solid #e1e1e1; color: #ccc; font-size: 12px } .cpjjfa .cpjjfa_con .conbox .conright .p1 span { display: block; color: #0c36a0; font-size: 24px } .cpjjfa .cpjjfa_con .conbox .conright .p1 em { position: absolute; top: 4px; left: 0; display: block; width: 50px; height: 30px } .cpjjfa .cpjjfa_con .conbox .conright .p1 i { position: absolute; bottom: -3px; left: -168px; display: block; width: 168px; height: 3px; background: #0c36a0 } .cpjjfa .cpjjfa_con .conbox .conright .p2 { overflow: hidden; margin-bottom: 30px; color: #333; line-height: 2; font-size: 16px; } .cpjjfa .cpjjfa_con .conbox .conright .ljty { position: relative; overflow: hidden; height: 60px } .cpjjfa .cpjjfa_con .conbox .conright .ljty a { float: left; width: 125px; height: 40px; background: -webkit-linear-gradient(top, #0c36a0, #008dd6); background: -o-linear-gradient(top, #0c36a0, #008dd6); background: -moz-linear-gradient(top, #0c36a0, #008dd6); background: linear-gradient(to top, #0c36a0, #008dd6); color: #fff; text-align: center; line-height: 40px; border-radius: 20px; font-size: 14px } .cpjjfa .cpjjfa_con .conbox .conright .ljty p { float: left; margin-left: 30px } .cpjjfa .cpjjfa_con .conbox .conright .ljty p span { display: block; padding-top: 5px } .cpjjfa .cpjjfa_con .conbox .conright .ljty p i { display: block; color: #0c36a0; font-size: 22px } .cpjjfa .cpjjfa_con .conbot { margin-top: 38px; text-align: center; margin-bottom: 30px } .cpjjfa .cpjjfa_con .conbot ul li { display: inline-block; margin-left: 50px; width: 200px; height: 40px; color: #333; margin-right: 10px; line-height: 40px; border: #e1e1e1 1px solid; border-radius: 20px } .cpjjfa .cpjjfa_con .conbot ul li em { display: block; margin: 20px auto 0; margin-bottom: 10px; height: 28px; width: 28px; } .cpjjfa .cpjjfa_con .conbot ul li em img { width: 100%; filter: grayscale(100%) brightness(50%); -webkit-filter: grayscale(100%) brightness(50%); -moz-filter: grayscale(100%) brightness(50%); -ms-filter: grayscale(100%) brightness(50%); -o-filter: grayscale(100%) brightness(50%); } .cpjjfa .cpjjfa_con .conbot ul li span { display: block; text-align: center; font-size: 18px } .cpjjfa .cpjjfa_con .conbot ul li.cur { background: #0c36a0; color: #fff; border-radius: 20px } .cpjjfa .cpjjfa_con .conbot ul li.cur em img { filter: grayscale(100%) brightness(400%); -webkit-filter: grayscale(100%) brightness(400%); -moz-filter: grayscale(100%) brightness(400%); -ms-filter: grayscale(100%) brightness(400%); -o-filter: grayscale(100%) brightness(400%); } @media only screen and (max-width:992px) { .fl { float: none; } .fr { float: none; } .cpjjfa { position: relative; z-index: 2; padding: 20px 0 0; } .cpjjfa .cpjjfa_con .conbot ul li { float: left; margin-left: 2px; width: 70px; height: 30px; color: #333; margin-right: 2px; line-height: 30px; border: #e1e1e1 1px solid; border-radius: 15px } .cpjjfa .cpjjfa_con .conbot ul li:first-child { width: 100px; } .cpjjfa .cpjjfa_con .conbot ul li span { display: block; text-align: center; font-size: 12px } .cpjjfa .cpjjfa_con .conbox { position: relative; display: none; height: auto } .cpjjfa .cpjjfa_con .conbox .conleft { position: relative; margin: 10px 0 0 10px; width: 100%; height: auto; border: 1px solid #0c36a0 } .cpjjfa .cpjjfa_con .conbox .conleft img { position: relative; top: -10px; left: -10px; display: block; width: 100%; height: auto } .cpjjfa .cpjjfa_con .conbox .conright { width: 96%; margin: 20px auto 0 } .cpjjfa .cpjjfa_con .conbox .conright .p1 { position: relative; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #e1e1e1; color: #ccc; font-size: 12px } .cpjjfa .cpjjfa_con .conbox .conright .p1 span { display: block; color: #0c36a0; font-size: 16px } .cpjjfa .cpjjfa_con .conbox .conright .p1 em { position: absolute; top: 4px; left: 0; display: block; width: 50px; height: 30px } .cpjjfa .cpjjfa_con .conbox .conright .p1 i { position: absolute; bottom: -3px; left: 0px; display: block; width: 48px; height: 3px; background: #0c36a0 } .cpjjfa .cpjjfa_con .conbox .conright .p2 { overflow: hidden; margin-bottom: 20px; color: #333; line-height: 2; font-size: 14px; } .cpjjfa .cpjjfa_con .conbox .conright .ljty a { float: left; width: 125px; height: 35px; background: -webkit-linear-gradient(top, #0c36a0, #008dd6); background: -o-linear-gradient(top, #0c36a0, #008dd6); background: -moz-linear-gradient(top, #0c36a0, #008dd6); background: linear-gradient(to top, #0c36a0, #008dd6); color: #fff; text-align: center; line-height: 35px; border-radius: 17px; font-size: 14px } .cpjjfa .cpjjfa_con .conbot { margin-top: 0; text-align: center; margin-bottom: 30px } } .lybj { padding: 60px 0 10px; overflow: hidden; position: relative; background: #0c36a0 } @media only screen and (max-width:992px) { .lybj { padding: 20px 0 0; overflow: hidden; position: relative; } } .gy_bt { width: 100%; text-align: center; /*text-transform: uppercase;*/ margin-bottom: 30px; } .gy_bt h2 { font-family: arial; font-size: 72px; line-height: 50px; color: #999; font-weight: 800; color: rgba(153,153,153,0.1); position: relative; } .gy_bt h3 { font-size: 40px; line-height: 44px; margin-top: -35px; background: no-repeat center bottom; padding-bottom: 18px; font-weight: bold; color: #333; text-transform: uppercase; } .gy_bt p { font-size: 16px; color: #999; padding-top: 10px } @media only screen and (max-width:992px) { .gy_bt { margin-bottom: 20px; } .gy_bt h2 { font-family: arial; font-size: 20px; line-height: 40px; color: #999; font-weight: 800; color: rgba(153,153,153,0.1); position: relative; } .gy_bt h3 { font-size: 16px; line-height: 34px; margin-top: -30px; background: no-repeat center bottom; padding-bottom: 5px; } .gy_bt p { font-size: 12px; color: #999; padding-top: 10px } } #particles-js { width: 100%; height: auto; position: absolute; top: 0; left: 0; opacity: .3 } .dkj{background: no-repeat center bottom; height:auto; overflow: hidden; position: relative } .zb1{ float:left; width:214px} .zb1 .xs{ display:block} .zb1 .yc{ display:none} .yb1{ float: right; width:80%; line-height:30px; font-size:16px; padding-top:15px} .mm{ position: absolute; bottom:20px; right:20px; border:#fff 2px solid; text-align:center; line-height:34px; width:120px } .mm a{ color:#fff; font-size:14px} @media only screen and (max-width:992px) { .dkj{background: no-repeat center bottom; height:auto; overflow: hidden; position: relative } .zb1{ float:left; width:10%} .zb1 .xs{ display:none} .zb1 .yc{ display:block} .yb1{ float:right; width:70%; line-height:26px; font-size:14px; padding-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7;} } .sy_gy { width: 100%; padding: 60px 0 40px; height: auto; overflow: hidden; } .sy_gy .gy_nr { width: 100%; position: relative; background: url(/uploads/image/acimages/bg1.jpg) no-repeat ; background-size:100% 100%; } .sy_gy .gy_nr:after { width: 50%; height: 100%; position: absolute; top: 0; right: 0; content: ""; } .sy_gy .gy_nr .container { position: relative; z-index: 9; background:#3d5eb3; padding: 40px 25px; opacity: 0.9; } .sy_gy .gy_nr .row { margin: 0 -50px; display: flex; align-items: center; justify-content: space-between; } .sy_gy .gy_nr .col-12 { padding: 0 50px; } .sy_gy .gy_nr .video { } .sy_gy .gy_nr .video img { width: 100%; } .sy_gy .gy_nr .w_z { color: #fff; } .sy_gy .gy_nr .w_z h3 { font-size: 24px; font-weight: bold; letter-spacing: 2px; line-height: 36px; color: #fff } .sy_gy .gy_nr .w_z em { width: 50px; height: 5px; background-color: #fff; display: block; margin: 15px 0 20px; } .sy_gy .gy_nr .w_z p { font-size: 15px; line-height: 28px; height: auto; margin-bottom: 30px; overflow: hidden; display: -webkit-box; line-clamp: 7; -webkit-line-clamp: 7; -moz-line-clamp: 7; -ms-line-clamp: 7; -o-line-clamp: 7; -webkit-box-orient: vertical; } .sy_gy .gy_nr .w_z a { width: 120px; height: 38px; border: 1px solid #fff; font-size: 15px; line-height: 36px; text-align: center; color: #fff; display: block; background: #3d5eb3; display: block; width: 180px; height: 40px; margin: 0 auto; font-size: 16px; line-height: 40px; text-align: center; border-radius: 20px; border: 1px solid #3d5eb3; color: #fff; transition: all ease 600ms; box-shadow: 0px 3px 17px 2px #e5e5e5; } .sy_gy .gy_nr .w_z a:hover { background-color: #fff; color: #804f21; width: 220px; background: #0c36a0; color: #fff; transition: all ease 600ms; } .sy_gy .wrap { padding: 30px; box-shadow: 0 0 20px #aaa; background-color: #fff; position: relative; z-index: 9; margin-top: -100px; } .sy_gy .wrap ul li { float: left; width: 25%; padding: 0px 10px; text-align: center; } .sy_gy .wrap ul li img { max-width: 100%; height: auto; margin-bottom: 10px; } .sy_gy .wrap ul li p { font-size: 16px; margin-bottom: 7px; } .sy_gy .wrap em { display: block; margin: 0 auto; width: 20px; height: 1px; background-color: #666; margin-bottom: 7px; } .sy_gy .wrap ul li span { display: block; text-transform: uppercase; font-size: 13px; } @media only screen and (max-width:992px) { .sy_gy { padding: 20px 0 20px; } .sy_gy .gy_nr { background: no-repeat left / cover; padding: 20px 0 100px; } .sy_gy .gy_nr .row { margin: 0 -15px; } .sy_gy .gy_nr .col-12 { padding: 0 15px; } .sy_gy .gy_nr .w_z { text-align: center; margin-top: 20px; } .sy_gy .gy_nr .w_z h3 { font-size: 16px; letter-spacing: 0; line-height: 26px; } .sy_gy .gy_nr .w_z em { width: 40px; height: 4px; margin: 10px auto 10px; } .sy_gy .gy_nr .w_z p { font-size: 14px; line-height: 22px; height: auto; } .sy_gy .gy_nr .w_z a { width: 100px; height: 30px; font-size: 12px; line-height: 30px; margin: 0 auto 30px; } .sy_gy .wrap { padding: 10px; } .sy_gy .wrap .n_r { margin-bottom: 20px; } .sy_gy .wrap ul li img { max-width: 60%; height: auto; margin-bottom: 10px; } .sy_gy .wrap .s_z { font-size: 30px; text-align: center; } .sy_gy .wrap .s_z b { font-size: 56px; padding-right: 10px; } .sy_gy .wrap em { width: 50px; } .sy_gy .wrap ul li p { font-size: 12px; margin-bottom: 0; } .sy_gy .wrap ul li span { display: none; } .sy_gy .wrap em { display: none } } .sy_jz{width:100%; padding:60px 0 53px;} .sy_jz .col-6{padding:0 7px;} .sy_jz .col-xs-12{padding:0 7px;} .sy_jz .t_w{overflow:hidden; position:relative; margin-bottom:7px } .sy_jz .t_w img{width:100%; height:auto; display:block; transition:all 1s linear; -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear;} .sy_jz .t_w:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);} .sy_jz .w_z{width:100%; padding:10px 20px; background-color:rgba(0,0,0,.3); position:absolute; bottom:0; left:0; color:#fff; font-size:16px; text-align:center; transition:all .3s linear; -o-transition:all .3s linear; -ms-transition:all .3s linear; -moz-transition:all .3s linear; -webkit-transition:all .3s linear;} .sy_jz .t_w:hover .w_z{background-color:rgba(12,54,160,.8);} .sy_jz .t_w1 img{width:100%; height:auto; display:block; transition:all 1s linear; -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear;} .sy_jz .w_z1 h1{ font-size:18px; font-weight:bold; line-height:30px; margin-top:8px} .sy_jz .w_z1 p{ font-size:14px; line-height:26px} @media only screen and (max-width:1024px){ .sy_jz .w_z{padding:35px;} .sy_jz .w_z h3{font-size:22px;} .sy_jz .w_z p{font-size:15px;} } @media only screen and (max-width:992px){ .sy_jz{padding:20px 0 6px;} .sy_jz .col-xs-12{padding:0 15px;} .sy_jz .col-sm-4:nth-child(2) { display:none} .sy_jz .t_w{overflow:hidden; position:relative; margin-bottom:14px } .sy_jz .w_z{padding:5px; font-size:12px} } .sy_jz1{width:100%; padding:60px 0 53px;} .sy_jz1 .col-sm-2{ padding-left:5px; padding-right:5px} .sy_jz1 .col-sm-8{ padding-left:5px; padding-right:5px} .sy_jz1 .col-sm-4{ padding-left:0px; padding-right:0px} .sy_jz1 .col-sm-6{ padding-left:5px; padding-right:5px} .sy_jz1 .t_w{overflow:hidden; position:relative; margin-bottom:7px } .sy_jz1 .t_w img{width:100%; height:auto; display:block; transition:all 1s linear; -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear;} .sy_jz1 .t_w:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);} .sy_jz1 .w_z{width:100%; padding:10px 20px; background-color:rgba(0,0,0,.3); position:absolute; bottom:0; left:0; color:#fff; font-size:16px; text-align: left; transition:all .3s linear; -o-transition:all .3s linear; -ms-transition:all .3s linear; -moz-transition:all .3s linear; -webkit-transition:all .3s linear; font-weight: bold} .sy_jz1 .t_w:hover .w_z{background-color:rgba(12,54,160,.8);} @media only screen and (max-width:1024px){ .sy_jz1 .w_z{padding:35px;} .sy_jz1 .w_z h3{font-size:22px;} .sy_jz1 .w_z p{font-size:15px;} } @media only screen and (max-width:992px){ .sy_jz1{padding:20px 0 20px;} .sy_jz1 .w_z{padding:10px; font-size:14px} .sy_jz1 .col-sm-4{ display:none} } .lh_lc { width: 100%; padding: 60px 0 70px; height: auto; overflow: hidden; background: ; } .lh_lc .row { margin: 0 -1px; } .lh_lc ul { width: 100% } .lh_lc ul li { width: 14.2%; padding: 0 1px; float: left; } .lh_lc .n_r { padding: 30px 10px 25px; background-color: #fff; position: relative; } .lh_lc .n_r:before { width: 100%; height: 0; background-color: #0c36a0; content: ""; position: absolute; bottom: 0; left: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .lh_lc .n_r:hover:before { height: 100%; } .lh_lc .t_b { width: 115px; margin: 0 auto 25px; position: relative; } .lh_lc .t_b img { width: 100%; height: auto; display: block; } .lh_lc .w_z { font-size: 16px; line-height: 26px; position: relative; text-align: center; font-weight: bold; color: #333 } .lh_lc .n_r:hover .w_z { color: #fff; } @media only screen and (max-width:992px) { .lh_lc { width: 100%; padding: 20px 0 20px; height: auto; overflow: hidden; background: ; } .lh_lc ul li { width: 50%; padding: 0 1px; float: left; margin-bottom: 2px } .lh_lc .t_b { width: 115px; margin: 0 auto 15px; position: relative; } .lh_lc .t_b img { width: 100%; height: auto; display: block; } .lh_lc .w_z { font-size: 14px; line-height: 26px; position: relative; text-align: center; font-weight: bold; color: #333 } .lh_lc .n_r { padding: 15px 10px 10px; background-color: #fff; position: relative; } .lh_lc ul li:nth-child(7) { width: 100% } } /*新闻*/ .news { padding: 60px 0 60px; overflow: hidden; background: #fff; } .xx4 .hd { text-align: center; margin-top: 40px; } .xx4 .hd ul li { display: inline-block; width: 120px; margin: 0 8px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #eee; } .xx4 .hd ul li a { display: block; height: 38px; text-align: center; line-height: 38px; color: #888888; font-size: 16px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .xx4 .hd ul li.on a { background: #cf000d; color: #fff; box-shadow: rgba(207,0,13,0.1) 5px 5px 10px 5px } .xx4 .bd .xx11 { margin-top: 30px; width: 100%; margin: 30px auto 0; } .xx4 .bd .xx11 .box { } .xx4 .bd .xx11 .box .left { width: 600px; height: auto; float: left; background: #fff; padding: 20px 30px 32px; -moz-box-sizing: border-box; /*firefox3.5 */ -webkit-box-sizing: border-box; /*safari3.2 */ -o-box-sizing: border-box; /*opera9.6*/ -ms-box-sizing: border-box; /*ie8*/ box-sizing: border-box; box-shadow: 0 0 15px #eee } .xx4 .bd .xx11 .box .left .rq { font-size: 30px; color: #888 } .xx4 .bd .xx11 .box .left h3 { margin-top: 10px; color: #333; font-size: 18px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .xx4 .bd .xx11 .box .left h3:hover{ color:#0c36a0} .xx4 .bd .xx11 .box .left p { font-size: 15px; line-height: 25px; color: #888; margin-top: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .xx4 .bd .xx11 .box .left img { margin-top: 20px; width: 100%; } .xx4 .bd .xx11 .box .right { width: 50%; height: 508px; float: right; border-top: #ccc 1px solid; } .xx4 .bd .xx11 .box .right ul li { padding: 30px 20px; border-bottom: #ccc 1px solid; overflow: hidden; } .xx4 .bd .xx11 .box .right ul li:hover { transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; box-shadow: 0 0 15px #eee; background: #fff; } .xx4 .bd .xx11 .box .right ul li:hover .nr h3 { color: #0c36a0 } .xx4 .bd .xx11 .box .right ul li .dian { width: 36px; height: 18px; background: center center no-repeat; float: left; margin-top: 3px; } .xx4 .bd .xx11 .box .right ul li .nr { width: 355px; float: left } .xx4 .bd .xx11 .box .right ul li .nr h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; color: #333; font-weight: normal; } .xx4 .bd .xx11 .box .right ul li .nr p { font-size: 15px; line-height: 22px; color: #888; margin-top: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .xx4 .bd .xx11 .box .right ul li .ri { height: 72px; width: 90px; float: right; background: right bottom no-repeat; font-size: 30px; color: #999; text-align: right; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .xx4 .bd .xx11 .box .right ul li:hover .ri { background: right bottom no-repeat; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .news .more { margin-top: 70px; text-align: center } @media only screen and (max-width:992px) { .news { padding:10px 0 20px ; overflow: hidden; } .xx4 .bd .xx11 { width: 96%; margin: 10px auto 0; } .xx4 .bd .xx11 .box .left { width: 100%; height: auto; float: none; background: #fff; padding: 20px; -moz-box-sizing: border-box; /*firefox3.5 */ -webkit-box-sizing: border-box; /*safari3.2 */ -o-box-sizing: border-box; /*opera9.6*/ -ms-box-sizing: border-box; /*ie8*/ box-sizing: border-box; box-shadow: 0 0 15px #eee } .xx4 .bd .xx11 .box .left img { margin-top: 20px; width: 100%; } .xx4 .bd .xx11 .box .right { width: 96%; height: auto; float: right; border-top: #ccc 1px solid; } .xx4 .bd .xx11 .box .left .rq { font-size: 20px; color: #888 } .xx4 .bd .xx11 .box .left h3 { margin-top: 0px; margin-top: 10px; color: #333; font-size: 14px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .xx4 .bd .xx11 .box .left p { font-size: 12px; line-height: 22px; color: #888; margin-top: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .xx4 .bd .xx11 .box .right ul li { padding: 10px 0; border-bottom: #ccc 1px solid; overflow: hidden; } .xx4 .bd .xx11 .box .right ul li .nr { width: 85%; float: left } .xx4 .bd .xx11 .box .right ul li .nr h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #333; font-weight: normal; } .xx4 .bd .xx11 .box .right ul li .nr p { font-size: 12px; line-height: 22px; color: #888; margin-top: 5px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .xx4 .bd .xx11 .box .right ul li .ri { display: none } } .sy_lc{ padding:60px 0 40px; height:auto; overflow:hidden} .sy_lc .t_b{width:92px; height:92px; border-radius:50%; margin:0 auto; position:relative; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .sy_lc .b{width:90px; height:90px; border-radius:50%; margin:0 auto; background-position:top center; background-repeat:no-repeat; background-size:100% auto; overflow:hidden; position:relative; z-index:9; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .sy_lc .n_r:hover .b{background-position:bottom center;} .sy_lc .n_r{padding:20px 20px 30px; text-align:center; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; background:#f7f7f7} .sy_lc .n_r:hover{background-color:#0c36a0; box-shadow:0 8px 15px 0 rgba(12,54,160,.2);} .sy_lc .n_r h3{font-size:18px; font-weight:bold; color:#999; line-height:30px; margin:0 0 10px; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .sy_lc .n_r:hover h3{color:#fff;} .sy_lc .n_r p{font-size:14px; color:#999; line-height:26px; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .sy_lc .n_r:hover p{color:#fff;} .sy_lc .n_r span{ display:block; width:110px; height:32px; text-align:center; border:#999 1px solid; margin:20px auto 0; line-height:30px; font-size:14px} .sy_lc .n_r:hover span{ border:#fff 1px solid; color:#fff} .sy_lc a.sy_an{width:100%; background-image:-webkit-linear-gradient(left, #e5402c, #cc0001); background-image:-moz-linear-gradient(left, #e5402c, #cc0001); background-image:-ms-linear-gradient(left, #e5402c, #cc0001); background-image:-o-linear-gradient(left, #e5402c, #cc0001); background-image:linear-gradient(left, #e5402c, #cc0001);} @media only screen and (max-width:990px){ .sy_lc{padding:0 0;} .sy_lc .col-md-2{ padding-left:5px; padding-right:5px} .sy_lc .n_r{padding:0 10px 20px; margin-bottom:10px} .sy_lc .n_r h3{font-size:16px; line-height:24px; margin: 0 0 10px;} .sy_lc .n_r p{font-size:13px; line-height:24px; min-height:80px} .sy_lc .n_r:last-child p{ min-height: inherit} } .ny_ys{ background: no-repeat center; padding:60px 0; height:auto; overflow:hidden} .nry{ background:#fff; box-shadow: 0 8px 15px 0 rgba(95,125,158,.2); height:auto; overflow:hidden} .nyz{ float:left; width:27%} .nyz img{ width:100%} .nyz1{ float:left; width:45%} .nyz1 img{ width:100%} .nyr{ float: right;width:73%;box-sizing:border-box ; padding:30px 30px 15px} .nyr li{ margin-bottom:15px } .nyr li h1{ font-size:22px; color:#0c36a0; line-height:35px; margin-bottom:10px } .nyr li p{ font-size:15px; color:#333333; padding-left:55px; line-height:30px} .nyr li em{ background:#0c36a0; height:35px; width:35px;border-radius:50%; text-align: center; color:#fff; font-size:24px; display:inline-block;font-weight:bold; margin-right:20px} .nyr1{ float: right;width:55%;box-sizing:border-box ; padding:30px 30px 15px} .nyr1 li{ margin-bottom:15px } .nyr1 li h1{ font-size:22px; color:#0c36a0; line-height:35px; margin-bottom:10px } .nyr1 li p{ font-size:15px; color:#333333; padding-left:55px; line-height:30px} .nyr1 li em{ background:#0c36a0; height:35px; width:35px;border-radius:50%; text-align: center; color:#fff; font-size:24px; display:inline-block;font-weight:bold; margin-right:20px} @media only screen and (max-width:990px){ .ny_ys{ background: no-repeat center; padding:20px 0; height:auto; overflow:hidden} .nyz{ display:none} .nyz1{ float:none; width:100%} .nyz1 img { max-height:150px} .nyr{ float: none;width:100%;box-sizing:border-box ; padding:20px 20px 15px} .nyr li h1{ font-size:18px; color:#0c36a0; line-height:30px; margin-bottom:0px } .nyr li p{ font-size:14px; color:#333333; padding-left:40px; line-height:26px} .nyr li em{ background:#0c36a0; height:30px; width:30px;border-radius:50%; text-align: center; color:#fff; font-size:20px; display:inline-block;font-weight:bold; margin-right:10px} .nyr1{ float: none;width:100%;box-sizing:border-box ; padding:20px 20px 15px; } .nyr1 li h1{ font-size:18px; color:#0c36a0; line-height:30px; margin-bottom:0px } .nyr1 li p{ font-size:14px; color:#333333; padding-left:40px; line-height:26px} .nyr1 li em{ background:#0c36a0; height:30px; width:30px;border-radius:50%; text-align: center; color:#fff; font-size:20px; display:inline-block;font-weight:bold; margin-right:10px} } .sy_hzhb { padding: 40px 0; text-align: center; } .sy_hzhb ul li { width: 14.66666%; display: inline-block; border: #eee 1px solid; margin: 0.8%; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .sy_hzhb ul li img { width: 100%; display: block; } .sy_hzhb ul li:hover { box-shadow: 0 0 15px #eee; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } @media only screen and (max-width:992px) { .sy_hzhb { padding: 20px 0; text-align: center; background: #f6f6f6; margin-top:20px } .sy_hzhb ul li { width: 31%; display: inline-block; border: #eee 1px solid; margin: 0.8%; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } } .register { padding: 50px 0 45px; background: no-repeat center center #0c61b8; } .register .title { padding-bottom: 5px; font-size: 26px; font-weight: normal; text-align: center; color: #fff; } .register .desc { padding-bottom: 20px; margin: 0 auto; font-size: 14px; color: #fff; text-align: center; } .register .btn { display: block; width: 128px; height: 36px; padding: 0; margin: 0 auto; font-size: 16px; line-height: 36px; color: #fff; background: transparent; border: 1px solid #fff; border-radius: 0; transition: all .2s; text-align: center; cursor: pointer; vertical-align: middle; } .register .btn:hover { background: rgba(255, 255, 255, .1); } .footer { width: 100%; padding: 20px 0 30px; background: #191919; font-size: 14px; color: #999; } .dlogo{ width:100%; border-bottom: #232425 1px solid; height:auto; overflow:hidden; margin-bottom:30px; padding-bottom:20px} .footer h3 { font-size: 18px; line-height: 32px; color: #fff; margin-bottom: 10px; } .footer em { width: 22px; height: 3px; margin-bottom: 15px; background-color: #fff; display: block; } .footer .ft_lx { margin-right: 50px; min-height: 190px; border-right: 1px solid #666; } .footer .ft_lx img { max-width: 140px; height: auto; display: block; } .footer .ft_lx h4 { margin: 25px 0 6px; font-size: 14px; color: #919090; line-height: 24px; } .footer .ft_lx .d_y { max-width: 300px; } .footer .ft_lx input { width: 65%; height: 36px; float: left; padding: 0 10px; border: 1px solid #595959; background-color: #333; font-size: 13px; color: #fff; line-height: 34px; } .footer .ft_lx button { width: 25%; height: 36px; float: left; background-color: #595959; font-size: 14px; line-height: 36px; color: #fff; text-align: center; outline: none; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .footer .ft_lx button:hover { background-color: #e62028; } .footer .s_j { margin-top: 15px; } .footer .s_j a { display: inline-block; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #666; color: #aaa; line-height: 30px; text-align: center; margin-right: 10px; vertical-align: middle; } .footer .s_j a:hover { background-color: #e62028; border: 1px solid #e62028; color: #fff; } .footer .s_j i.icon-aui-icon-qq { font-size: 22px; } .footer .s_j i.icon-weixin { font-size: 16px; line-height: 32px; } .footer .s_j i.icon-weibo { font-size: 20px; } .footer .ft_xx { line-height: 30px } .footer .ft_xx input { width: 100%; height: 36px; float: left; padding: 0 10px; border: 1px solid #b1c7ec; font-size: 13px; color: #fff; line-height: 34px; display: block; margin-bottom: 10px; } .footer .ft_xx textarea { width: 90%; height: 82px; float: left; padding: 5px 10px; border: 1px solid #b1c7ec; font-size: 13px; color: #fff; line-height: 24px; display: block; margin-bottom: 10px; resize: none; background: none } .footer .ft_xx button { width: 120px; height: 36px; background: #fff; font-size: 14px; line-height: 36px; color: #0c36a0; text-align: center; outline: none; display: block; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .footer .ft_xx button:hover { background-color: #0283a3; } .footer .ddh { float: left; width: 10%; height: auto; overflow: hidden } .footer .ddh1 { float: left; width: 48%; height: auto; overflow: hidden; color:#fff;line-height: 30px; border-left:#232425 1px solid; padding-left:5%; font-size:16px; padding-bottom: 20px; } .footer .ddh1 span{ display:block; font-size:20px; font-weight:bold; margin-top:10px; margin-bottom:10px} .footer .ft_dh ul li { float: left; width: 100%; } .footer .ft_dh ul li a { line-height: 30px; color: #fff; } .footer .ft_dh ul li a:hover { color: #fff; } .footer .ft_em{ width:100%; margin: auto;text-align: center; margin-top:10px } .footer .ft_em img { width: 60%; height: auto; display: block; margin: auto; } .footer .ft_em p { margin-top: 0px; text-align: center; font-size:14px ; font-weight: 600; color: #47acdf; } .footer .ft_yl { margin-top: 30px; color: #595959; } .footer .ft_yl span { color: #ddd; } .footer .ft_yl a { display: inline-block; color: #999; padding: 0 10px; } .footer .ft_yl a:hover { color: #ddd; } .footer .col-lg-2 { padding-left: 70px } @media only screen and (max-width:992px) { .dlogo img{ width:60%} .footer { display:none} .footer h3 { font-size: 16px; line-height: 32px; color: #ddd; margin-bottom: 0px; } .footer .ddh { display: none; } .footer .ddh1 { float: none; width: 100%; height: auto; overflow: hidden; color:#fff;line-height: 26px; border-left:0; padding-left:5%; font-size:14px; padding-right:5% } .footer .ddh1 span{ display:block; font-size:20px; font-weight:bold; margin-top:10px; margin-bottom:10px} } .footer-link-lists{display: flex;margin-top: 10px;} .footer-link-lists .footer-link-item{ text-align: center; padding: 5px; /*background: #292828;*/ margin-right: 18px; border-radius: 5px; /* display: block; */ font-size: 16px; /* line-height: 40px; */ text-align: center; border-radius: 20px; /* color: #fff; */ /* transition: all ease 600ms; */ box-shadow: 0px 1px 10px 6px #e5e5e5; } .footer-link-lists .footer-link-item .link-email{ height: 40px; line-height: 18px; } .banquan { width: 100%; background-color: #191919; text-align: left; line-height: 40px; color: #fff; } .contact-lists{ display: flex; } .contact-lists .contact-lists-item{ border: solid 1px #f5f5f5; margin-right: 10px; padding: 10px; border-radius: 3px; background: #3264c3; color: #fff; } @media only screen and (max-width:992px) { .contact-lists{ display: block; } } .banquan strong { font-size:15px} .banquan a{ font-size:14px; padding:0 8px; color:#fff} @media only screen and (max-width:992px) { .banquan { margin-bottom: 0; font-size: 12px; line-height: 24px; padding:8px; display:none } .banquan strong { font-size:13px} .banquan a{ font-size:12px; padding:0 5px; color:#fff} } .like { width: 100%; height: auto; background-color: #4f80de; display: inline-block; font-size:14px; padding-top:8px; padding-bottom:8px;} .like span{ padding-right:20px;color:#fff;} .ncp { background: center no-repeat; padding-bottom: 80px; padding-top: 40px } .dlogo1{ display:none} @media only screen and (max-width:992px) { .like {width: 100%;height: auto;background-color: #efefef;display: inline-block;font-size:14px; padding-top:8px; padding-bottom:15px; margin-bottom:50px; text-align:center} .like .row{display: block;} .like span{ padding-right:10px;color:#999; display:block; line-height:26px} .like span:nth-child(2){ display:none} .dlogo1{ display: block; margin:0 auto 10px; width:30% } .dlogo1 img{ width:100%} } .e_m { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.9); z-index: 99999; display: none; } .e_m .n_r { width: 200px; padding: 10px; background-color: #fff; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .e_m .n_r img { width: 100%; height: auto; display: block; } .e_m .n_r p { font-size: 15px; color: #888; margin-top: 10px; } @media only screen and (max-width:640px) { .e_m .n_r { width: 260px; padding: 15px; } .e_m .n_r p { font-size: 14px; } } .pc_kf { width: 50px; position: fixed; right: 30px; bottom: 55px; z-index: 99999; } .pc_kf .nr { font-size: 12px; text-align: center; margin-bottom: 10px; position: relative; height:50px } .pc_kf .tel { width: 160px; background-color: #0c36a0; font-size: 18px; line-height: 50px; color: #fff; position: absolute; top: 0; right: -160px; opacity: 0; } .pc_kf .nr:hover .tel { right: 56px; opacity: 1; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .pc_kf .ewm { width: 130px; padding: 10px 10px 0; background-color: #0c36a0; position: absolute; bottom: 0; right: -180px; opacity: 0; } .pc_kf .ewm img { width: 100%; height: auto; display: block; margin-bottom: 10px; } .pc_kf .ewm p { font-size: 14px; color: #fff; line-height: 16px; margin-bottom: 10px; } .pc_kf .nr:hover .ewm { right: 56px; opacity: 1; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .pc_kf .nr a { display: block; box-shadow: 0 0 10px #ddd; background-color: #fff; border-radius: 5px; overflow: hidden; color:#333 } .pc_kf .nr i { color: #333; display:block } .pc_kf .nr i.icon-aui-icon-qq { font-size: 22px; } .pc_kf .nr i.icon-weixin { font-size: 20px; } .pc_kf .nr i.icon-icon { font-size: 26px; vertical-align: middle; } .pc_kf .fh { width: 50px; height: 50px; border-radius: 5px; background-color: #0c36a0; text-align: center; line-height: 50px; color: #fff; cursor: pointer; } .pc_kf .fh i { font-size: 30px; font-weight: bold; } @media only screen and (max-width:992px) { .pc_kf { right: 10px; bottom: 10px; } .pc_kf .nr a { display: block; box-shadow: 0 0 10px #ddd; background-color: #fff; border-radius: 5px; overflow: hidden; color:#fff; font-size:12px } } @media only screen and (max-width:640px) { .pc_kf { width: 100%; background-color: #0c36a0; position: fixed; right: 0; bottom: 0; } .pc_kf .nr { width: 25%; border-right: 1px solid rgba(255,255,255,.6); font-size: 20px; background: none; box-shadow: none; margin-bottom: 0; float: left; } .pc_kf .tel { display: none; } .pc_kf .ewm { display: none; } .pc_kf .nr a { display: block; width: 100%; border-radius: 0; background-color: #0c36a0; box-shadow: none; } .pc_kf .nr i { color: #fff; } .pc_kf .nr a:hover i { color: #fff; } .pc_kf .fh { width: 25%; box-shadow: none; font-size: 22px; float: left; } .pc_kf .nr i { font-size: 20px; } } .index-mod-title { text-align: center; padding-bottom: 40px; } .index-mod-title .mod-title-name { font-size: 32px; color: #333 } .mod-title-en { font-size: 12px; color: #666; text-transform: uppercase; margin: 10px 0 } .index-title-line { width: 187px; height: 24px; background: center center no-repeat; margin: auto; } .n_ban { width: 100%; height: 400px; overflow: hidden; position: relative; } .n_ban .w_z { width: 40%; text-align: center; position: absolute; top: 70%; left: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); } .n_ban .w_z.rt { width: 15%; text-align: left; position: absolute; top: 50%; left: 50%; margin-left: -600px; padding: 20px; background: rgba(230,0,18,0.5); border-radius: 10px; } .n_ban .w_z h3 { font-size: 22px; font-weight: bold; color: #fff; margin-bottom: 10px; text-transform: uppercase; display: none; } .n_ban .w_z p { font-size: 36px; margin-bottom: 20px; color: #fff; position: relative; padding-top: 15px; } .n_ban .w_z p::before { content: ""; position: absolute; left: 0; height: 3px; background: #fff; top: 0; width: 30px } .n_ban .w_z a { padding: 0 20px; background-color: #e77817; font-size: 15px; line-height: 36px; color: #fff; border-radius: 20px; display: inline-block; margin: 0 10px; } .ntit { width: 100%; padding: 20px 0; overflow: hidden; border-bottom: #eee 1px solid; } .ntit ul li { display: inline-block; margin: 0 20px 0 0; min-width: 110px; float: left; position: relative } .ntit ul li .e_j { width: 600px; background: #fff; position: absolute; left: 0; top: 32px; display: none; z-index: 99; text-align: center } .ntit ul li:hover .e_j { display: block; } .ntit ul li .e_j a { display: inline-block; color: #333; text-align: center; font-size: 14px; line-height: 35px; float: left; background: #fff; padding: 0 10px; } .ntit ul li .e_j a:hover { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #abcd05; background: #fff; line-height: 35px } .ntit ul li a { line-height: 34px; background: #eee; padding: 0 20px; font-size: 14px; color: #333; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; text-align: center } .ntit ul li a:hover { background: #0c36a0; color: #fff; } .ntit ul li a.on { background: #0c36a0; color: #fff; } .ny_gywm { overflow: hidden } .ny_gywm .gsjj { padding-bottom: 50px; overflow: hidden; padding-top: 60px } .ny_gywm .gsjj .gk { font-size: 16px; line-height: 1.8; margin-bottom: 30px; color: #444; padding-bottom: 30px; } .ny_gywm .gsjj .gk p { text-indent: 2em; margin-bottom: 10px } .ny_gywm .gsjj .tp { width: 570px; margin-top: 20px; overflow: hidden; } .ny_gywm .gsjj .tp img { } .ny_gywm .gsjj .wz { width: 600px; } .ny_gywm .gsjj .wz h3 { font-size: 22px; color: #222; margin: 50px 0 20px; text-align: center } .ny_gywm .gsjj .wz p { line-height: 28px; font-size: 14px; color: #555; } .ny_gywm .gsjj .nr { margin: 30px 0 } .ny_gywm .gsjj .nr p { line-height: 28px; font-size: 14px; color: #555; margin-bottom: 20px; text-indent: 2em; } /*新闻*/ .gray { padding: 60px 0; background: #f6f6f6; } .swiper-yxxy { margin: 0 auto; padding-bottom: 50px; padding-top: 10px; } .swiper-yxxy .swiper-slide { position: relative; background: #fff; padding-bottom: 10px; } .zxzx .swiper-button-prev { background: center no-repeat; width: 39px; height: 39px; margin-top: 0; left: -45px; } .zxzx .swiper-button-next { background: center no-repeat; width: 39px; height: 39px; margin-top: 0; right: -45px; } .zxzx { position: relative; width: 1300px; margin: 0 auto; } .swiper-yxxy .swiper-slide .tp { width: 100%; position: relative } .swiper-yxxy .swiper-slide .tp img { width: 100% } .swiper-yxxy .swiper-slide .rq { position: absolute; z-index: 100; -webkit-transition: transform .3s ease-in-out, background-color .2s ease-in-out; transition: transform .3s ease-in-out, background-color .2s ease-in-out; background-color: #0c4192; width: 58px; padding-top: 13px; padding-bottom: 13px; color: #fff; left: 0; top: 0 } .swiper-yxxy .swiper-slide .rq .month { font-size: 12px; line-height: 16px; display: block; text-align: center } .swiper-yxxy .swiper-slide .rq .day { font-size: 28px; line-height: 28px; font-weight: 700; margin-bottom: 2px; display: block; text-align: center } .swiper-yxxy .swiper-slide .rq .year { font-size: 12px; line-height: 16px; color: #eee; -webkit-transition: color .1s ease-in-out; transition: color .1s ease-in-out; display: block; text-align: center } .swiper-yxxy .swiper-slide:hover .rq { background: #b22922; transform: translatey(-5px); -wbkit-transform: translatey(-5px); -o-transform: translatey(-5px); -moz-transform: translatey(-5px); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .swiper-yxxy .swiper-slide .text { width: 333px; margin: 0 auto; padding: 10px 0 } .swiper-yxxy .swiper-slide h3 { font-size: 20px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 15px } .swiper-yxxy .swiper-slide p { line-height: 1.9; font-size: 14px; color: #666; } .swiper-yxxy .swiper-slide:hover { box-shadow: 0px 0px 10px #999; transform: translatey(-5px); -wbkit-transform: translatey(-5px); -o-transform: translatey(-5px); -moz-transform: translatey(-5px); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .nyhy { padding: 40px 0; overflow: hidden; } .nyhy ul li { float: left; width: 380px; margin: 0 30px 30px 0; position: relative; background: #fff; } .nyhy ul li .kj { transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.02), 0 15px 40px 0 rgba(0,0,0,.02); box-shadow: 0 10px 15px 0 rgba(0,0,0,.02), 0 15px 40px 0 rgba(0,0,0,.02); } .nyhy ul li:nth-child(3n) { margin-right: 0 } .nyhy ul li .tu { width: 100%; position: relative; overflow: hidden } .nyhy ul li img { width: 100%; display: block; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .nyhy ul li:hover .tu img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .nyhy ul li .mb { background: rgba(0,0,0,0.6); position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nyhy ul li:hover .mb { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .nyhy ul li .mb img { width: 35px; margin: 0 auto; } .nyhy ul li:hover .mb img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .nyhy ul li .mb p { padding: 20px; font-size: 14px; line-height: 1.8; color: #fff; } .nyhy ul li .wenz { padding: 20px 20px 10px; background: #fff; width: 100%; background: 90% 20px no-repeat; height: auto; box-sizing: border-box; } .nyhy ul li:hover .wenz { background: 90% 20px no-repeat; } .nyhy ul li .wenz h3 { font-size: 16px; margin-bottom: 10px; color: #333; } .nyhy ul li .wenz p { font-size: 12px; color: #666; line-height: 20px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100% } .nyhy ul li:hover .wenz h3 { color: #e50011; -webkit-transition: all 0.4s linear -1ms; -moz-transition: all 0.4s linear -1ms; -ms-transition: all 0.4s linear -1ms; -o-transition: all 0.4s linear -1ms; transition: all 0.4s linear -1ms; } .nyhy ul li:hover .kj { -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.16), 0 15px 40px 0 rgba(0,0,0,.16); box-shadow: 0 10px 15px 0 rgba(0,0,0,.16), 0 15px 40px 0 rgba(0,0,0,.16); transform: translatey(-5px); -wbkit-transform: translatey(-5px); -o-transform: translatey(-5px); -moz-transform: translatey(-5px); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .page { text-align: center; margin: 30px auto; } .page a { height: 26px; line-height: 26px; display: inline-block; font-size: 14px; color: #5a5a5a; border: #f5f5f5 1px solid; background: #f5f5f5; margin: 0 3px; padding: 0 10px; } .page a:hover { background: #0c36a0; border: #0c36a0 1px solid; color: #fff; } .page a.hover { background: #0c36a0; border: #0c36a0 1px solid; color: #fff; } .ny_fczs { width: 1300px; margin: 40px auto } .ny_fczs ul li { width: 32%; float: left; margin: 0 2% 4% 0; border-radius: 5px; overflow: hidden; position: relative; height: 206px; } .ny_fczs ul li:nth-child(3n) { margin-right: 0; } .ny_fczs ul li img { width: 100%; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; height: 206px; } .ny_fczs ul li:hover img { -webkit-transform: scale(1.09); -moz-transform: scale(1.07); -o-transform: scale(1.09); -ms-transform: scale(1.07); transform: scale(1.09); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .ny_fczs ul li .box { position: relative; overflow: hidden; } .ny_fczs ul li .box h2 { font-weight: 500; font-size: 18px; margin-bottom: 0; letter-spacing: 1px; } .ny_fczs ul li .box h2, .ny_fczs ul li .box p { position: absolute; color: #fff; z-index: 2; width: 100%; transition: opacity 0.2s, transform 0.3s; } .vintage h2 { transform: translate3d(0, 60px, 0); text-align: center; top: 52%; } .vintage p { opacity: 0; bottom: 0; transform: translate3d(0, -10px, 0); font-size: 14px; letter-spacing: 1px; text-align: center; } .vintage:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%); z-index: 2; bottom: 0; left: 0; } .vintage:hover:before { bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%); } .vintage:hover h2 { bottom: 40px; transform: translate3d(0, 20px, 0); } .vintage:hover p { opacity: 1; transform: translate3d(0, -30px, 0); } .ny_khfw { margin: 40px auto; width: 1300px; overflow: hidden } .ny_khfw h3 { font-size: 16px; color: #333; line-height: 2; text-align: left; } .ny_khfw ul { margin-top: 40px; } .ny_khfw ul li { width: 380px; float: left; margin-right: 30px; margin-bottom: 40px; text-align: center; -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.04), 0 15px 40px 0 rgba(0,0,0,.04); box-shadow: 0 10px 15px 0 rgba(0,0,0,.04), 0 15px 40px 0 rgba(0,0,0,.04); padding-bottom: 35px; } .ny_khfw ul li .tb { width: 60px; height: 60px; margin: 20px auto; } .ny_khfw ul li .tb img { width: 100%; display: block; } .ny_khfw ul li h4 { font-size: 18px; color: #333; margin-bottom: 10px; } .ny_khfw ul li p { font-size: 14px; color: #666; line-height: 1.8; } .ny_khfw ul li:nth-child(3n) { margin-right: 0 } .lxly { width: 1300px; margin: 0 auto; padding: 40px 0; } .lxly p { font-size: 16px; line-height: 1.8; margin-bottom: 20px; color: #333; } .lxly .wbk { margin-top: 10px; text-align: center } .lxly .wbk input.w_z { width: 370px; height: 50px; line-height: 50px; margin-right: 30px; margin-bottom: 25px; border: 1px solid #ccc; padding: 0 15px; float: left; font-size: 18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: 'lato-light' } .lxly .wbk input.w_z.no { margin-right: 0 } .lxly .wbk textarea { width: 100%; height: 150px; padding: 0 15px; line-height: 50px; color: #888; font-size: 20px; border: 1px solid #ccc; outline: none; resize: none; margin-bottom: 70px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .lxly .wbk .a_n { width: 300px; height: 52px; margin: 0 auto; line-height: 52px; font-size: 20px; color: #fff; text-align: center; background: #d1101b; } .ny_ban { width: 100%; height: 350px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; z-index: 9; } .ny_ban .container { position: absolute; top: 50%; left: 50%; color: #fff; z-index: 9; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .ny_ban .w_z { position: relative; text-align: center; color: #fff } .ny_ban .w_z h3 { font-size: 36px; line-height: 46px; margin-bottom: 0px; color: #fff; letter-spacing: 2px; font-weight: bold } .ny_ban .w_z em{ background:#fff; width:100px; height:4px; margin:15px auto; display:block;border-radius:2px} .ny_ban .w_z h4 { font-size: 18px; line-height: 30px; text-transform: uppercase; color: #fff } @media only screen and (max-width:992px) { .ny_ban { height: 360px; background-attachment: scroll; } .ny_ban .container { width: 100%; top: 50%; } .ny_ban .w_z h3 { font-size: 32px; line-height: 40px; } .ny_ban .w_z h4 { font-size: 16px; line-height: 28px; } } @media only screen and (max-width:640px) { .ny_ban { height: 160px; } .ny_ban .container { width: 100%; top:50%; } .ny_ban .w_z em{ background:#fff; width:50px; height:4px; margin:10px auto; display:block;border-radius:2px} .ny_ban .w_z h3 { font-size: 18px; line-height: 32px; } .ny_ban .w_z h4 { font-size: 14px; line-height: 24px; } } .ny_pr { width: 100%; border-bottom: 1px solid #e7e7e7; background-color: #f7f7f7; padding: 10px 0; font-size: 14px; color: #333; overflow: hidden; } .ny_pr a { color: #666; } .ny_pr a:hover { color:#0c36a0; } .ny_pr i { font-size: 18px; background:#0c36a0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; cursor: pointer; margin-right: 6px; } @media only screen and (max-width:640px) { .ny_pr { padding: 5px 0; font-size: 12px; } } .ny_pr1 { width: 100%; border-bottom: 1px solid #e7e7e7; background-color: #f7f7f7; padding: 10px 0; font-size: 14px; color: #333; overflow: hidden; } .ny_pr1 a { color: #333; } .ny_pr1 i { font-size: 18px; background:#0c36a0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; cursor: pointer; margin-right: 6px; } @media only screen and (max-width:640px) { .ny_pr1 { padding: 5px 0; font-size: 12px; } } .ny_lmy { width: 100%; height: 60px; border-bottom: 1px solid #e4e4e4; line-height: 60px; color: #aaa; position: relative; overflow: hidden; } .ny_lmy .l_m { text-align: center } .ny_lmy .l_m ul li { display: inline-block; position: relative; margin-right: 20px; margin-left: 20px; letter-spacing: 1px } .ny_lmy .l_m ul li a { font-size: 16px; color: #777; display: block; } .ny_lmy .l_m ul li:after { width: 0; height: 3px; background-color: #0c36a0; content: ""; position: absolute; bottom: 0; left: 0; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .ny_lmy .l_m ul li:hover a { color: #0c36a0; } .ny_lmy .l_m ul li:hover:after { width: 100%; } .ny_lmy .l_m ul li.on a { color: #0c36a0; } .ny_lmy .l_m ul li.on:after { width: 100%; } @media only screen and (max-width:992px) { .ny_lmy { width: 100%; height: auto; border-bottom: 1px solid #e4e4e4; line-height: 40px; color: #aaa; position: relative; overflow: hidden; } .ny_lmy .l_m ul li { display: inline-block; position: relative; margin-right: 0; margin-left: 0; letter-spacing: 1px; width: 24% } .ny_lmy .l_m ul li a { font-size: 14px; color: #777; display: block; } } .ny_lm { width: 100%; height: 57px; border-bottom: 1px solid #e4e4e4; line-height: 56px; color: #aaa; position: relative; overflow: hidden; } .ny_lm .w_z { float: right; font-size: 14px; } .ny_lm .w_z i { vertical-align: middle; font-size: 18px; } .ny_lm .w_z a { color: #aaa; } .ny_lm .w_z a:hover { color: #0c36a0; } .ny_lm .l_m { text-align: left } .ny_lm .l_m ul li { display: inline-block; margin-right: 30px; position: relative; } .ny_lm .l_m ul li a { font-size: 16px; color: #777; display: block; } .ny_lm .l_m ul li:after { width: 0; height: 2px; background-color: #0c36a0; content: ""; position: absolute; bottom: 0; left: 0; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .ny_lm .l_m ul li:hover a { color: #0c36a0; } .ny_lm .l_m ul li:hover:after { width: 100%; } .ny_lm .l_m ul li.on a { color: #0c36a0; } .ny_lm .l_m ul li.on:after { width: 100%; } @media (min-width:1081px) { .ny_lm { height: 57px; line-height: 56px; } .ny_lm .w_z { font-size: 12px; } .ny_lm .w_z i { font-size: 16px; } .ny_lm .l_m ul li { margin-right: 30px; } .ny_lm .l_m ul li a { font-size: 15px; } } @media (min-width:1600px) { .ny_lm { height: 57px; line-height: 56px; } .ny_lm .w_z { font-size: 14px; } .ny_lm .w_z i { font-size: 18px; } .ny_lm .l_m ul li { margin-right: 30px; } .ny_lm .l_m ul li a { font-size: 16px; } } @media only screen and (max-width:640px) { .ny_lm { width: 100%; height: auto; border-bottom: 1px solid #e4e4e4; line-height: 36px; color: #aaa; position: relative; overflow: hidden; } .ny_lm .container { padding-left: 5px; padding-right: 5px } .ny_lm .l_m ul li { display: inline-block; margin-right: 3px; position: relative; margin-left: 3px } .ny_lm .l_m ul li a { font-size: 14px; color: #777; display: block; } .ny_lm .l_m ul li:after { width: 0; height: 2px; background-color: #0c36a0; content: ""; position: absolute; bottom: 0; left: 0; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .ny_lm .w_z{ display:none} } .ny_nr { width: 100%; padding: 60px 0; overflow: hidden; } .ny_nr .cg_al .n_r{border:1px solid #e7e7e7; overflow:hidden; padding:5px; margin-bottom:30px;} .ny_nr .cg_al .t_p{overflow:hidden;} .ny_nr .cg_al .t_p img{width:100%; height:auto; display:block; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;} .ny_nr .cg_al .n_r:hover .t_p img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);} .ny_nr .cg_al .w_z{margin-top:10px; text-align:center;} .ny_nr .cg_al .w_z h3{font-size:16px; font-weight: normal; line-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333} .ny_nr .cg_al .w_z h3 a{transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;color:#333} @media only screen and (max-width:640px) { .ny_nr .cg_al .col-6{ padding-left:8px; padding-right:8px} .ny_nr .cg_al .n_r{border:1px solid #e7e7e7; overflow:hidden; padding:5px; margin-bottom:16px;} .ny_nr .cg_al .w_z h3{font-size:14px; font-weight: normal; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333} } .ny_cp .shiyan{ height:auto; overflow:hidden; width:100%} .ny_cp .shiyan li{ float:left; width:32%; margin-right:2%; margin-bottom:2%} .ny_cp .shiyan li:nth-child(3n){margin-right:0; } .ny_cp .fa_nr{transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .ny_cp .fa_nr{border:1px solid #ddd;} .ny_cp .fa_nr .t_p{overflow:hidden; background-color:#000; position:relative;} .ny_cp .fa_nr .t_p span{width:140px; height:40px; border:1px solid #fff; border-radius:22px; font-size:15px; line-height:38px; text-align:center; color:#fff; position:absolute; top:50%; left:50%; margin:-20px 0 0 -70px; opacity:0; z-index:999; display:block; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .ny_cp .fa_nr:hover .t_p span{opacity:1;} .ny_cp .fa_nr:hover .t_p span:hover{border:1px solid #1f88fb; background-color:#1f88fb;} .ny_cp .fa_nr .t_p img{width:100%; height:auto; display:block; transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;} .ny_cp .fa_nr .w_z{padding:15px; background-color:#f7f7f7; position:relative; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .ny_cp .fa_nr:hover .w_z{background-color:#fff;} .ny_cp .fa_nr .w_z:after{width:0; height:4px; background-color:#0c36a0; position:absolute; bottom:0; left:0; content:""; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .ny_cp .fa_nr:hover .w_z:after{width:100%;} .ny_cp .fa_nr .w_z h3{font-size:16px; font-weight:bold; line-height:30px; margin-bottom:10px;} .ny_cp .fa_nr .w_z h2{font-size:16px; font-weight: normal; line-height:30px; text-align:center} .ny_cp .fa_nr .w_z p{font-size:14px; line-height:22px; color:#999; height:44px; overflow:hidden; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -moz-line-clamp:2; -ms-line-clamp:2; -o-line-clamp:2; -webkit-box-orient:vertical;} @media only screen and (max-width:992px) { .ny_cp .shiyan li{ float:left; width:49%; margin-right:2%; margin-bottom:2%} .ny_cp .shiyan li:nth-child(even) {margin-right:0; } .ny_cp .shiyan li:nth-child(odd) {margin-right:2%; } .ny_cp .fa_nr .w_z{padding:0; background-color:#f7f7f7; position:relative; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .ny_cp .fa_nr .w_z h2 { font-size: 14px; font-weight: normal; line-height: 36px; text-align: center; } } .ny_nr .lx_wm { box-shadow: 0 0 20px #ddd; } .ny_nr .lx_wm .n_r { padding: 30px; } .ny_nr .lx_wm .n_r h3 { font-size: 20px; line-height: 32px; color: #3264c3; font-weight: 600; } .ny_nr .lx_wm .n_r h4 { font-size: 14px; line-height: 24px; color: #888; text-transform: uppercase; margin-bottom: 20px; } .ny_nr .lx_wm .w_z { font-size: 15px; line-height: 36px; } .ny_nr .lx_wm .l_y input { width: 100%; height: 47px; font-size: 14px; line-height: 46px; border-bottom: 1px solid #ddd; display: block; } .ny_nr .lx_wm .l_y textarea { width: 100%; height: 78px; padding: 10px 0; font-size: 14px; line-height: 26px; border: 0; border-bottom: 1px solid #ddd; display: block; resize: none; background: none } .ny_nr .lx_wm .l_y .button { width: 120px; height: 36px; background-color: #3264c3; margin-top: 20px; margin-right: 15px; font-size: 15px; line-height: 36px; text-align: center; color: #fff; float: left; } .ny_nr .lx_wm .l_y .button.c_z { background-color: #aaa; } @media only screen and (max-width:640px) { .ny_nr { padding: 20px 0; } .ny_nr .lx_wm { box-shadow: 0 0 15px #ddd; } .ny_nr .lx_wm .n_r { padding: 20px; } .ny_nr .lx_wm .n_r h3 { font-size: 16px; line-height: 26px; } .ny_nr .lx_wm .n_r h4 { font-size: 13px; line-height: 22px; margin-bottom: 15px; } .ny_nr .lx_wm .w_z { font-size: 13px; line-height: 26px; } .ny_nr .lx_wm .l_y input { font-size: 13px; } .ny_nr .lx_wm .l_y textarea { font-size: 13px; line-height: 24px; } .ny_nr .lx_wm .l_y .button { width: 100px; height: 30px; font-size: 14px; line-height: 30px; } } .ny_bt { text-align: center; margin-bottom: 30px; } .ny_bt h3 { font-size: 26px; line-height: 30px; color: #333; margin-bottom: 10px; } .ny_bt p { font-size: 15px; font-family: arial; color: #888; text-transform: uppercase; } .ny_bt span { width: 40px; height: 3px; background-color: #0c36a0; display: block; margin: 15px auto 0; } @media only screen and (max-width:992px) { .ny_bt { margin-bottom: 15px; } .ny_bt h3 { font-size: 16px; margin-bottom: 5px; } .ny_bt span { height: 2px; } .ny_bt span { width: 40px; height: 2px; background-color: #0c36a0; display: block; margin: 10px auto 0; } } .ny_gy { width: 100%; padding: 80px 0; overflow: hidden; } .ny_gy .w_z { text-align: center; font-size: 15px; line-height: 28px; letter-spacing: 1px; color: #777; } @media only screen and (max-width:992px) { .ny_gy { padding: 40px 0; } .ny_gy .w_z { font-size: 13px; line-height: 24px; letter-spacing: 0; } } .ny_nr .cp_lb .n_r { margin-bottom: 30px; padding: 10px; border: 1px solid #ddd; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .ny_nr .cp_lb .n_r:hover { border: 1px solid #0c36a0; box-shadow: 0 0 15px #ddd; } .ny_nr .cp_lb .t_p { overflow: hidden; } .ny_nr .cp_lb .t_p img { width: 100%; height: auto; display: block; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; } .ny_nr .cp_lb .n_r:hover .t_p img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .ny_nr .cp_lb .w_z { background-color: #f7f7f7; padding: 10px; font-size: 15px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 10px; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .ny_nr .cp_lb .n_r:hover .w_z { background-color: #0c36a0; color: #fff; } @media only screen and (max-width:992px) { .ny_nr .cp_lb .col-md-4 { padding-left: 8px; padding-right: 8px } .ny_nr .cp_lb .n_r { margin-bottom: 10px; padding: 10px; border: 1px solid #ddd; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } } .zhengshu-box{ width: 100%; margin: auto; text-align: center; margin-top: 20px; } .zhengshu-box .zhengshu-search{ width: 750px; height: 560px; background: url(/uploads/image/acimages/zs-search-bg.jpg) no-repeat; margin: auto; position: relative; padding-top: 210px; } .zhengshu-box .zhengshu-search .zs-search-form{ margin: auto; top: 300px; padding: 20px; } .zhengshu-box .zhengshu-search .zs-search-form .search-input{ width:350px; height: 50px; line-height: 50px; border-radius: 4px; background: #dde6fb; padding: 0 10px; color: #333; font-size: 16px; } .zhengshu-box .zhengshu-search .zs-search-form .search-btn{ background: #3d5eb3; display: block; width: 180px; height: 40px; margin: 0 auto; font-size: 16px; line-height: 40px; text-align: center; border-radius: 20px; border: 1px solid #3d5eb3; color: #fff; transition: all ease 600ms; box-shadow: 0px 3px 17px 2px #e5e5e5; margin-top: 20px; margin-bottom: 20px; } .zhengshu-box .zhengshu-search .zs-search-form .search-btn:hover { background-color: #fff; color: #804f21; width: 220px; background: #0c36a0; color: #fff; transition: all ease 600ms; } .zhengshu-box .zhengshu-search .zs-search-form .download-box{ font-size: 16px; margin-top: 30px; } .message-tishi-box{ opacity: 1;position: fixed;top: 40%;left: 40%;width: 380px;background: #fff;border-radius: 10px;text-align: center; } .message-tishi-box .msg-tishi-title{ padding: 10px;font-size: 18px;padding-top: 15px; } @media only screen and (max-width:992px) { .zhengshu-box{ width: 100%; margin: auto; text-align: center; } .zhengshu-box .zhengshu-search{ width: 100%; height: 300px; background: #f5f5f5; margin: auto; position: relative; padding-top: 20px; } .zhengshu-box .zhengshu-search .zs-search-form .search-input{ width:100%; height: 50px; line-height: 50px; border-radius: 4px; background: #dde6fb; padding: 0 10px; color: #333; font-size: 16px; } .message-tishi-box{ opacity: 1;position: fixed;top: 40%;left: 10%;width: 80%;background: #fff;border-radius: 10px;text-align: center; } .message-tishi-box .msg-tishi-title{ padding: 10px;font-size: 16px;padding-top: 15px; } } .ab_zr { overflow: hidden; } .ab_zr .zr_bt { color: #000; text-align: center; overflow: hidden; margin-top: 80px; margin-bottom: 80px; padding: 0 112px; } .ab_zr .zr_bt h3 { font-size: 36px; line-height: 46px; margin-bottom: 20px; } .ab_zr .zr_bt h5 { font-size: 24px; line-height: 32px; text-transform: uppercase; margin-bottom: 23px; } .ab_zr .zr_bt p { color: #555555; line-height: 36px; font-size: 16px; } .ab_zr .zr_nr { overflow: hidden; } .ab_zr .zr_nr .l_t, .ab_zr .zr_nr .r_b { padding: 0; } .ab_zr .zr_nr img { width: 100%; height: auto; } .ab_zr .zr_nr .nr_r.r_t { padding: 100px 77px 163px 90px; } .ab_zr .zr_nr .nr_l.l_b { padding: 130px 77px 163px 90px; } .ab_zr .zr_nr .nr_r.r_t { background-color: #f7f7f7; } .ab_zr .zr_nr .nr_l.l_b { background-color: #f7f7f7; } .ab_zr .zr_nr h4 { text-transform: uppercase; color: #0c36a0; font-size: 20px; } .ab_zr .zr_nr h3 { color: #333; font-size: 26px; line-height: 52px; margin-bottom: 30px; } .ab_zr .zr_nr p { font-size: 16px; color: #555; line-height: 36px; } @media only screen and (max-width:992px) { .ab_zr .zr_bt { margin-top: 20px; margin-bottom: 20px; padding: 0; } .ab_zr .zr_bt h3 { font-size: 30px; margin-bottom: 0; } .ab_zr .zr_bt h5 { font-size: 20px; margin-bottom: 10px; } .ab_zr .zr_bt p { font-size: 14px; line-height: 28px; } .ab_zr .zr_nr .row:nth-child(odd) { flex-direction: column; } .ab_zr .zr_nr .row { flex-direction: column-reverse; } .ab_zr .zr_nr h4 { font-size: 18px; } .ab_zr .zr_nr h3 { font-size: 18px; margin-bottom: 0; } .ab_zr .zr_nr p { width: 100%; font-size: 14px; line-height: 24px; } .ab_zr .zr_nr .nr_r.r_t { padding: 20px 40px 30px; } .ab_zr .zr_nr .nr_l.l_b { padding: 20px 40px 30px; } } .xx_fw { width: 100%; overflow: hidden; margin: 60px 0; } .xx_fw .fw_nr { width: 100%; background-color: #f7f7f7; padding: 20px; margin-bottom: 20px } .xx_fw .fw_nr .w_z { padding: 20px; } .xx_fw .fw_nr .w_z h3 { font-size: 20px; font-weight: bold; color: #333; } .xx_fw .fw_nr .w_z em { width: 50px; height: 4px; background-color: #0c36a0; margin: 15px 0 35px; display: block; } .xx_fw .fw_nr .n_r { font-size: 15px; line-height: 28px; color: #777; } .xx_fw .fw_nr .n_r strong { font-size: 18px; color: #333; line-height: 32px; display: block; } .xx_fw .fw_nr .t_p img { width: 100%; height: auto; display: block; } @media only screen and (max-width:992px) { .xx_fw { width: 100%; overflow: hidden; margin: 20px 0; } .xx_fw .fw_nr { width: 100%; background-color: #f7f7f7; padding: 10px; margin-bottom: 10px } .xx_fw .fw_nr .w_z { padding: 10px; } .xx_fw .fw_nr .w_z h3 { font-size: 16px; font-weight: bold; color: #333; } .xx_fw .fw_nr .w_z em { width: 30px; height: 4px; background-color: #0c36a0; margin: 15px 0 15px; display: block; } } .zs_sp { width: 100%; padding: 70px 0; background-color: #f5f7f8; overflow: hidden; } .zs_sp .n_r { margin-bottom: 30px; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .zs_sp .n_r:hover { box-shadow: 0 8px 20px #ddd; } .zs_sp .t_p { overflow: hidden; position: relative; } .zs_sp .t_p img { width: 100%; height: auto; display: block; } .zs_sp .t_p:after { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.2); transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .zs_sp .t_p1 { overflow: hidden; position: relative; } .zs_sp .t_p1 img { width: 100%; height: auto; display: block; } .zs_sp .n_r:hover .t_p:after { background-color: rgba(0,0,0,.2); } .zs_sp .b_f { width: 50px; height: 50px; background: no-repeat center / 100% 100%; position: absolute; z-index: 99; top: 50%; left: 50%; margin: -25px 0 0 -25px; } .zs_sp .w_z { background-color: #fff; padding: 20px; font-size: 18px; line-height: 28px; color: #333; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } @media only screen and (max-width:640px) { .zs_sp { padding: 20px 0; } .zs_sp .col-lg-4 { padding-left: 8px; padding-right: 8px } .zs_sp .w_z { font-size: 14px; line-height: 26px; padding: 8px } .zs_sp .n_r { margin-bottom: 10px; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .zs_sp .col-lg-3 { padding-left: 5px; padding-right: 5px } } .gs_w1z { width: 100%; height: auto; overflow: hidden; margin: 60px auto } .gs_w1z img { width: 100% } @media only screen and (max-width:992px) { .gs_w1z { width: 100%; height: auto; overflow: hidden; margin: 30px auto } } @media only screen and (max-width:640px) { } .gs_js { width: 100%; padding: 60px 0; overflow: hidden; } .gs_js .gs_wz { font-size: 15px; line-height: 30px; text-align: left; } .gs_js .gs_wz img { margin-top: 20px; width: 100% } .gs_yj { width: 100%; height: auto; overflow: hidden; padding-bottom: 50px } .gs_yj .n_r { width: 100%; height: 260px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .gs_yj .n_r:after { width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; display: block; z-index: 2; opacity: 0.3; background-image: -webkit-linear-gradient(120deg, #0c36a0 0%, #0c36a0 100%); background-image: -moz-linear-gradient(120deg, #0c36a0 0%, #0c36a0 100%); background-image: -ms-linear-gradient(120deg, #0c36a0 0%, #0c36a0 100%); background-image: -o-linear-gradient(120deg, #0c36a0 0%, #0c36a0 100%); background-image: linear-gradient(120deg, #0c36a0 0%, #0c36a0 100%); } .gs_yj .w_z { width: 80%; color: #fff; text-align: center; font-size: 16px; line-height: 26px; position: absolute; left: 10%; top: 40%; z-index: 99; } .gs_yj .w_z h3 { font-size: 22px; font-weight: bold; margin-bottom: 10px; color: #fff } @media only screen and (max-width:992px) { .gs_js { width: 100%; padding: 20px 0 20px; overflow: hidden; } .gs_js .gs_wz { font-size: 14px; line-height: 24px; text-align: left; } .gs_yj { width: 100%; padding: 20px 0; background-color: #fafafa; overflow: hidden; } .gs_yj .col-md-4 { padding-right: 5px; padding-left: 5px; } .gs_yj .n_r { width: 100%; height: 100px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; margin-bottom: 10px } .gs_yj .w_z { width: 80%; color: #fff; text-align: center; font-size: 16px; line-height: 26px; position: absolute; left: 10%; top: 33%; z-index: 99; } .gs_yj .w_z h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .gs_yj .w_z p { margin-bottom: 10px; font-size: 14px } } .ny_wh { width: 100%; padding: 60px 0; background-color: #fafafa; overflow: hidden; } .ny_wh .row { margin: 0 -10px; } .ny_wh .col-sm-4 { padding: 0 10px; } .ny_wh .n_r { background-color: #fff; padding: 30px 30px; position: relative; } .ny_wh .n_r:before { width: 100%; height: 4px; background-color: #a5300f; content: ""; position: absolute; bottom: 0; left: 0; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .ny_wh .n_r:hover:before { height: 100%; } .ny_wh .n_r1 { background-color: #fff; padding: 30px 30px; position: relative; } .ny_wh .n_r1:before { width: 100%; height: 4px; background-color: #7f5f52; content: ""; position: absolute; bottom: 0; left: 0; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .ny_wh .n_r1:hover:before { height: 100%; } .ny_wh .n_r2 { background-color: #fff; padding: 30px 30px; position: relative; } .ny_wh .n_r2:before { width: 100%; height: 4px; background-color: #e19825; content: ""; position: absolute; bottom: 0; left: 0; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .ny_wh .n_r2:hover:before { height: 100%; } .ny_wh .t_b { width: 120px; height: 120px; overflow: hidden; background-size: 100% !important; position: relative; z-index: 1; margin: 0 auto; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .ny_wh .t_b.t_1 { background: no-repeat top center; } .ny_wh .n_r:hover .t_b.t_1 { background: no-repeat bottom center; } .ny_wh .t_b.t_2 { background: no-repeat top center; } .ny_wh .n_r1:hover .t_b.t_2 { background: no-repeat bottom center; } .ny_wh .t_b.t_3 { background: no-repeat top center; } .ny_wh .n_r2:hover .t_b.t_3 { background: no-repeat bottom center; } .ny_wh .w_z { margin-top: 25px; text-align: center; position: relative; z-index: 1; } .ny_wh .w_z h3 { font-size: 22px; line-height: 32px; font-weight: bold; color: #333; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .ny_wh .n_r:hover .w_z h3 { color: #fff; } .ny_wh .w_z h4 { font-size: 15px; color: #999; line-height: 22px; font-family: arial, helvetica, sans-serif; margin-bottom: 20px; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .ny_wh .n_r:hover .w_z h4 { color: #fff; } .ny_wh .w_z p { line-height: 26px; color: #555; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; font-size: 14px; height: 100px } .ny_wh .n_r:hover .w_z p { color: #fff; } .ny_wh .n_r1:hover .w_z p { color: #fff; } .ny_wh .n_r2:hover .w_z p { color: #fff; } @media only screen and (max-width:992px) { .ny_wh { padding: 20px 0; } .ny_wh .n_r { margin-top: 15px; padding: 30px 20px; } .ny_wh .t_b { width: 100px; height: 100px; } .ny_wh .w_z { margin-top: 15px; } .ny_wh .w_z h3 { font-size: 20px; line-height: 30px; } .ny_wh .w_z h4 { font-size: 14px; margin-bottom: 10px; } .ny_wh .w_z p { min-height: inherit; font-size: 13px; line-height: 22px; } } .gy_wm { width: 100%; padding: 60px 0 80px; overflow: hidden; } .gy_wm .zp_js .n_r { margin-bottom: 50px; overflow: hidden; box-shadow: 0px 5px 10px 0px rgba(95,125,158,.1); } .gy_wm .zp_js .t_p img { width: 100%; height: auto; display: block; } .gy_wm .zp_js .w_z { padding: 20px; } .gy_wm .zp_js .w_z h3 { font-size: 20px; font-weight: bold; color: #0c36a0; margin-bottom: 15px; } .gy_wm .zp_js .w_z p { font-size: 15px; line-height: 26px; color: #777; } .gy_wm .yj_cp .row { margin: 0 -10px; } .gy_wm .yj_cp .col-12 { padding: 0 10px; } .gy_wm .yj_cp .n_r { box-shadow: 0px 8px 20px 0px rgba(95,125,158,.1); margin-bottom: 20px } .gy_wm .yj_cp .t_p { overflow: hidden; } .gy_wm .yj_cp .t_p img { width: 100%; height: auto; display: block; transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; } .gy_wm .yj_cp .n_r:hover .t_p img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .gy_wm .yj_cp .w_z { padding: 10px 20px 15px; text-align: left; } .gy_wm .yj_cp .w_z h3 { font-size: 16px; line-height: 32px; font-weight: bold; } .gy_wm .yj_cp .w_z p { line-height: 24px; font-size: 14px } .gy_wm .gy_wz { font-size: 16px; line-height: 32px; color: #333; padding: 30px; border-radius: 20px; border: 2px solid #ddd; margin-bottom: 30px; } .gy_wm .gy_nr img { max-width: 100%; height: auto; display: block; margin: 0 auto; } .gy_wm .ry_zz .n_r { background-color: #fff; padding: 20px; margin-bottom: 30px; box-shadow: 0px 8px 20px 0px rgba(95,125,158,.1); transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .gy_wm .ry_zz .n_r:hover { box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, 0.3); transform: translatey(-10px); -o-transform: translatey(-10px); -ms-transform: translatey(-10px); -moz-transform: translatey(-10px); -webkit-transform: translatey(-10px); } .gy_wm .ry_zz img { width: 100%; height: auto; display: block; } .gy_wm .ry_zz p { font-size: 16px; text-align: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; } .gy_wm .td_zs .n_r { overflow: hidden; margin-bottom: 30px; position: relative; cursor: pointer; } .gy_wm .td_zs .n_r .t_p img { width: 100%; height: auto; display: block; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; } .gy_wm .td_zs .n_r:hover .t_p img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .gy_wm .td_zs .n_r .w_z { width: 100%; padding: 15px; background-color: rgba(0,0,0,.6); position: absolute; bottom: 0; left: 0; font-size: 18px; font-weight: bold; line-height: 26px; color: #fff; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .gy_wm .td_zs .n_r:hover .w_z { background-color: rgba(87,47,118,.8); } .gy_wm .td_zs .n_r .w_z span { float: right; font-size: 14px; font-weight: normal; } .gy_wm .zp_nr .row { margin: 0 -25px; } .gy_wm .zp_nr .col-12 { padding: 0 25px; } .gy_wm .zp_nr .n_r { margin-bottom: 50px; overflow: hidden; box-shadow: 0px 8px 20px 0px rgba(95,125,158,.1); } .gy_wm .zp_nr .t_p img { width: 100%; height: auto; display: block; } .gy_wm .zp_nr .w_z { padding: 20px; } .gy_wm .zp_nr .w_z h3 { font-size: 20px; font-weight: bold; color: #0c36a0; margin-bottom: 15px; } .gy_wm .zp_nr .w_z p { font-size: 15px; line-height: 26px; color: #777; } .gy_wm .zp_dz .row { margin: 0 -25px; } .gy_wm .zp_dz .col-12 { padding: 0 25px; } .gy_wm .zp_dz .n_r { padding: 30px; box-shadow: 0px 8px 20px 0px rgba(95,125,158,.1); transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .gy_wm .zp_dz .n_r:hover { background-color: #0c36a0; } .gy_wm .zp_dz .n_r h3 { font-size: 26px; font-weight: bold; color: #0c36a0; margin: 30px 0; } .gy_wm .zp_dz .n_r:hover h3 { color: #fff; } .gy_wm .zp_dz .n_r h4 { font-size: 15px; line-height: 26px; } .gy_wm .zp_dz .n_r:hover h4 { color: #fff; } .gy_wm .zp_dz .n_r span { font-size: 12px; line-height: 26px; color: #777; } .gy_wm .zp_dz .n_r:hover span { color: #fff; } .gy_wm .zp_dz .n_r a { display: block; } .gy_wm .lx_dt .map { width: 100%; height: 460px; margin-bottom: 50px; } .gy_wm .lx_wm .n_r h3 { font-size: 22px; line-height: 32px; color: #0c36a0; } .gy_wm .lx_wm .n_r h4 { font-size: 16px; line-height: 24px; color: #888; text-transform: uppercase; margin-bottom: 20px; } .gy_wm .lx_wm .w_z { font-size: 15px; line-height: 32px; } .gy_wm .lx_wm .l_y input { width: 100%; height: 47px; font-size: 14px; line-height: 46px; border-bottom: 1px solid #ddd; display: block; } .gy_wm .lx_wm .l_y textarea { width: 100%; height: 72px; padding: 10px 0; font-size: 14px; line-height: 26px; border-bottom: 1px solid #ddd; display: block; resize: none; } .gy_wm .lx_wm .l_y button { width: 120px; height: 36px; background-color: #0c36a0; margin-top: 15px; margin-right: 15px; font-size: 15px; line-height: 36px; text-align: center; color: #fff; float: left; } .gy_wm .lx_wm .l_y button.c_z { background-color: #aaa; } @media only screen and (max-width:640px) { .gy_wm { width: 100%; padding: 30px 0 50px; overflow: hidden; } .gy_wm .yj_cp .w_z { padding: 10px; text-align: left; } .gy_wm .ry_zz p { font-size: 14px; text-align: center; margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd; } .gy_wm .yj_cp .w_z h3 { font-size: 14px; line-height: 26px; font-weight: bold; } .gy_wm .yj_cp .w_z p { line-height: 24px; font-size: 12px } .gy_wm .ry_zz .n_r { background-color: #fff; padding: 10px; margin-bottom: 0px; box-shadow: 0px 8px 20px 0px rgba(95,125,158,.1); transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .gy_wm .ry_zz .col-lg-3 { padding: 10px; padding-right: 10px } } .gs_dt { width: 100%; height: 400px; overflow: hidden; } @media only screen and (max-width:992px) { .gs_dt { height: 300px; } } @media only screen and (max-width:640px) { .gs_dt { height: 250px; } } .ny_nr .zl_lb .n_r { padding: 20px 20px 20px 100px; border: 1px solid #ddd; margin-bottom: 30px; position: relative; } .ny_nr .zl_lb h3 { font-size: 18px; line-height: 32px; font-weight: bold; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ny_nr .zl_lb ul li:hover h3 { color: #0c36a0; } .ny_nr .zl_lb i { font-size: 60px; position: absolute; top: 20px; left: 20px; } .ny_nr .zl_lb p { margin-bottom: 10px; line-height: 28px; height: auto; color: #888; overflow: hidden; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px } .ny_nr .zl_lb a { width: 120px; background-color: #0c36a0; line-height: 32px; text-align: center; color: #fff; display: block; } @media only screen and (max-width:640px) { .ny_nr .zl_lb .n_r { border: 1px dotted #ccc; margin-bottom: 10px; position: relative; } .ny_nr .zl_lb h3 { font-size: 14px; line-height: 26px; font-weight: bold; margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .ny_nr .zl_lb p { margin-bottom: 10px; line-height: 22px; height: auto; color: #888; overflow: hidden; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; -webkit-box-orient: vertical; } .ny_nr .zl_lb a { width: 100px; background-color: #0c36a0; line-height: 28px; text-align: center; color: #fff; display: block; font-size: 12px } } .ny_nr .xw_lb { height: auto; overflow: hidden } .ny_nr .xw_lb ul li { margin-bottom: 30px; background: #fafafa } .ny_nr .xw_lb .t_p img { width: 100%; height: auto; display: block; } .ny_nr .xw_lb .w_z h3 { font-size: 16px; font-weight: bold; line-height: 32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 20px } .ny_nr .xw_lb .w_z h3 a { transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; color: #333 } .ny_nr .xw_lb ul li:hover .w_z h3 a { color: #0c36a0; } .ny_nr .xw_lb .w_z span { font-size: 13px; color: #555; display: block; letter-spacing: 1px; } .ny_nr .xw_lb .w_z i { color: #333; padding-right: 5px; font-size: 14px } .ny_nr .xw_lb .w_z p { font-size: 14px; line-height: 26px; letter-spacing: 1px; color: #999; height: auto; margin-top: 15px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; -webkit-box-orient: vertical; color: #666; padding-right: 20px } .ny_nr .xw_lb .w_z a.x_q { width: 100px; height: 32px; border: 1px solid #0c36a0; font-size: 14px; text-align: center; line-height: 30px; color: #0c36a0; display: block; margin-top: 20px; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .ny_nr .xw_lb .w_z a.x_q:hover { background-color: #0c36a0; color: #fff; } .ny_nr .al_lb .row { margin: 0 -10px; } .ny_nr .al_lb .col-12 { padding: 0 10px; } .ny_nr .al_lb .n_r { box-shadow: 0px 5px 10px 0px rgba(95,125,158,.1); margin-bottom: 20px; } .ny_nr .al_lb .t_p { overflow: hidden; } .ny_nr .al_lb .t_p img { width: 100%; height: auto; display: block; transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; } .ny_nr .al_lb .n_r:hover .t_p img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .ny_nr .al_lb .w_z { padding: 10px; text-align: left; } .ny_nr .al_lb .w_z h3 { font-size: 16px; line-height: 30px; font-weight: bold; margin-bottom: 5px } .ny_nr .al_lb .w_z p { line-height: 24px; color: #555; font-size: 14px; height: 100px } @media only screen and (max-width:640px) { .ny_nr .xw_lb ul li { margin-bottom: 15px; background: #fafafa } .ny_nr .al_lb .n_r { margin-bottom: 20px; } .ny_nr .xw_lb .w_z h3 { font-size: 14px; font-weight: bold; line-height: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 5px } .ny_nr .xw_lb .w_z p { font-size: 12px; line-height: 22px; letter-spacing: 1px; color: #999; height: auto; margin-top: 5px; margin-bottom: 10px; overflow: hidden; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; -webkit-box-orient: vertical; color: #666 } .ny_nr .xw_lb .w_z { padding: 10px; text-align: left; } } .rc_zp { width: 100%; padding: 60px 0; letter-spacing: 1px; overflow: hidden; } .rc_zp .ts { font-size: 15px; line-height: 26px; color: #888; text-align: center; margin-bottom: 20px; } .rc_zp .ts a { color: #0c36a0; } .rc_zp .jr_lm { border: 1px solid #e7e7e7; overflow: hidden; margin-bottom: 10px; } .rc_zp .jr_lm.jt { border: 1px solid #0c36a0; } .rc_zp .jr_bt { padding: 10px 20px; height: 60px; font-size: 14px; line-height: 40px; color: #555; overflow: hidden; cursor: pointer; position: relative; } .rc_zp .jr_bt:hover { background-color: #e7e7e7; } .rc_zp .jr_bt.on { background-color: #e7e7e7; } .rc_zp .jr_bt i { position: absolute; top: 50%; right: 15px; font-size: 15px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .rc_zp .jr_bt.on i { transform: translate(0, -50%) rotate(180deg); -webkit-transform: translate(0, -50%) rotate(180deg); -moz-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); -o-transform: translate(0, -50%) rotate(180deg); } .rc_zp .jr_lm.jt .jr_bt { background-color: #0c36a0; color: #fff; padding: 0 20px; line-height: 60px; } .rc_zp .jr_bt span { float: left; width: 33.333333%; text-align: center; } .rc_zp .jr_bt span.s_40 { text-align: left; } .rc_zp .jr_nr { background-color: #fff; padding: 30px 25px 10px; font-size: 14px; line-height: 32px; margin-bottom: 3px; display: none; position: relative; } .rc_zp .jr_nr .lm { color: #0c36a0; } .rc_zp .jr_nr .js { margin-bottom: 20px; } .rc_zp .jr_nr a.wy_yp { width: 110px; height: 36px; position: absolute; top: 30px; right: 35px; background-color: #0c36a0; font-size: 15px; line-height: 36px; color: #fff; text-align: center; display: block; } .rc_zp .jr_nr a.wy_yp i { padding-left: 5px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .rc_zp .jr_nr a.wy_yp:hover i { padding-left: 15px; } @media only screen and (max-width:992px) { .rc_zp { padding: 35px 0; } .rc_zp .ts { font-size: 13px; line-height: 24px; margin-bottom: 10px; } .rc_zp .jr_bt { padding: 5px 20px; height: 50px; } .rc_zp .jr_lm.jt .jr_bt { padding: 5px 20px; line-height: 40px; } .rc_zp .jr_nr { padding: 20px; font-size: 12px; line-height: 22px; } .rc_zp .jr_nr .lm { margin-bottom: 10px; } .rc_zp .jr_nr a.wy_yp { width: 100px; height: 30px; top: 10px; right: 25px; font-size: 14px; line-height: 30px; } .rc_zp .jr_nr a.wy_yp:hover i { padding-left: 10px; } } @media only screen and (max-width:992px) { .rc_zp { padding: 20px 0; } .rc_zp .ts { font-size: 12px; line-height: 22px; } .rc_zp .jr_bt { padding: 5px 15px; height: 40px; line-height: 30px; } .rc_zp .jr_lm.jt .jr_bt { padding: 5px 15px; line-height: 30px; } .rc_zp .jr_nr { padding: 10px 15px; font-size: 12px; line-height: 22px; } .rc_zp .jr_nr .lm { margin-bottom: 10px; } .rc_zp .jr_nr a.wy_yp { width: 90px; height: 26px; position: relative; top: auto; right: auto; font-size: 13px; line-height: 26px; margin-left: 15px; } } .yema{margin-top:30px; text-align:center;} .yema ul li{min-width:36px; display:inline-block; margin:0 3px;} .yema ul li a{border-radius:2px; padding:0 12px; border:1px solid #ddd; font-size:14px; line-height:34px; text-align:center; color:#333; display:block;} .yema ul li a:hover{background-color:#0c36a0; border:1px solid #0c36a0; color:#fff;} .yema ul li a.on{background-color:#0c36a0; border:1px solid #0c36a0; color:#fff;} @media only screen and (max-width:640px){ .yema{margin-top:10px;} .yema ul li a{min-width:30px; height:30px; font-size:12px; line-height:28px;} } .ny_cp { width: 100%; padding: 50px 0 50px; overflow: hidden; } .ny_cp .gy_nr { margin-top: 30px; font-size: 15px; line-height: 30px; color: #333; } .ny_cp .gy_nr img { height: auto; } .ny_cp .gy_nr h1 { font-size: 18px; font-weight: bold; color: #0c36a0; margin-bottom: 10px } .ny_cp .ny_lmm { height: auto; overflow: hidden; margin-bottom:15px } .ny_cp .ny_lmm .nylx{ font-size:15px; line-height:32px; background:#f7f7f7; padding:15px 20px} .ny_cp .ny_lmm .nylx img{ width:80%; margin:10px auto} .ny_cp .ny_lmm .b_t { background: #0c36a0; margin-bottom: 5px; border-bottom:#fff 1px solid; text-align:left; height:auto; overflow:hidden} .ny_cp .ny_lmm .b_t h3 { font-size: 18px; line-height: 45px; color: #fff; font-weight: normal ; padding-left:10px; float:left } .ny_cp .ny_lmm .b_t span { float:right;line-height: 45px; padding-right:10px; font-size:14px} .ny_cp .ny_lmm .b_t span a{ color:#fff} .ny_cp .ny_lmm .b_t span a:hover{color:#2762f7 } .ny_cp .ny_lmm .b_t h2 { font-size: 24px; line-height: 35px; color: #fff; font-weight: bold ; text-align:center; padding-top:15px ; } .ny_cp .ny_lmm .b_t h4 { font-size: 12px; line-height: 35px; color: #fff; font-family: arial; text-transform: uppercase; text-align:center; font-weight:bold; padding-bottom:5px } .ny_cp .ny_lmm .b_t em { width: 44px; height: 2px; margin: 8px 0 5px; background-color: #aaa; display: block; } .ny_cp .ny_lmm .l_b { display: none; padding: 0 15px; font-size: 24px; color: #fff; text-align: left; line-height: 80px; background-color: #0c36a0; position: relative; } .ny_cp .ny_lmm .l_b i { position: absolute; top: 50%; right: 15px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); } .ny_cp .ny_lmm .l_m {background-color: #fff;} .ny_cp .ny_lmm .l_m em{position:absolute; top:0; right:20px; width:44px; height:44px; display:block; font-size:22px; color:#fff; text-align:center; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .ny_cp .ny_lmm .l_m ul li { display: block; margin-bottom: 1px; text-align: center } .ny_cp .ny_lmm .l_m a { display: block; background: #f7f7f7; font-size: 16px; line-height: 45px; margin-bottom:1px; color: #333 } .ny_cp .ny_lmm .l_m ul li.on a { background-color: #0c36a0; color: #fff; } .ny_cp .ny_lmm .l_m a.e_j { position: relative;background-color: #0c36a0; color:#fff } .ny_cp .ny_lmm .l_m2 {background-color: #fff;} .ny_cp .ny_lmm .l_m2 ul li { display: block; background: #f7f7f7 no-repeat 8px center; margin-bottom: 1px; text-align:left } .ny_cp .ny_lmm .l_m2 a { display: block; padding: 0 0 0 20px; font-size: 14px; line-height: 40px; color: #333 } .ny_cp .ny_lmm .l_m2 a:hover{ color:#0c36a0; } .ny_cp .ny_lmm .l_m2 ul li.on a { background-color: #0c36a0; color: #fff; } .ny_cp .ny_lmm .l_m2 a.e_j { position: relative; } .ny_cp .ny_lmm .l_m1 {background-color: #fff;} .ny_cp .ny_lmm .l_m1 ul li { display: block; background: #f7f7f7 ; margin-bottom: 1px; text-align: center } .ny_cp .ny_lmm .l_m1 a { display: block; font-size: 16px; line-height: 45px; color: #333 } .ny_cp .ny_lmm .l_m1 ul li.on a { background:#0c36a0 no-repeat 240px center; color: #fff; } .ny_cp .ny_lmm .l_m1 ul li:hover a { background:#0c36a0 no-repeat 240px center; color: #fff; } .ny_cp .ny_lmm .s_j { display: none; } .ny_cp .ny_lmm .l_m ul li.on .s_j { display: block; } .ny_cp .ny_lmm .s_j a { font-size: 16px; line-height: 45px; color: #555; } .ny_cp .ny_lmm .l_m ul li:hover .s_j a { background: none; color: #555; } .ny_cp .ny_lmm .l_m ul li:hover .s_j a:hover { color: #0c36a0; } .ny_cp .ny_lmm .l_m ul li.on .s_j a { background: #f7f7f7; color: #333; font-size: 16px; margin-bottom:1px; } .ny_cp .ny_lmm .l_m ul li.on .s_j a.n { color: #0c36a0; } .ny_cp .cp_lm { padding: 10px; background: #0c36a0 no-repeat top center / 100% auto; position: absolute; width: 270px; } .ny_cp .cp_lm .b_t { margin: 10px 5px 15px; text-align: left } .ny_cp .cp_lm .b_t h3 { font-size: 22px; line-height: 32px; color: #fff; } .ny_cp .cp_lm .b_t span { font-size: 14px; line-height: 30px; color: #ccc; font-family: arial; text-transform: uppercase; } .ny_cp .cp_lm .b_t em { width: 44px; height: 2px; margin: 8px 0 5px; background-color: #aaa; display: block; } .ny_cp .cp_lm .l_b { display: none; padding: 0 15px; font-size: 24px; color: #fff; text-align: left; line-height: 80px; background-color: #0c36a0; position: relative; } .ny_cp .cp_lm .l_b i { position: absolute; top: 50%; right: 15px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); } .ny_cp .cp_lm .l_m { padding: 7px 7px 0 7px; background-color: #fff; } .ny_cp .cp_lm .l_m h5 { background-color: #f2f2f2; position: relative; padding: 0 15px; height: auto; overflow: hidden } .ny_cp .cp_lm .l_m h5 a { font-size: 14px; font-weight: normal; color: #000; line-height: 40px; } .ny_cp .cp_lm .l_m h5.on { background: #0c36a0; color: #fff; } .ny_cp .cp_lm .l_m h5.on a { color: #fff; } .ny_cp .cp_lm .l_m h5 i { font-size: 15px; line-height: 40px; text-align: right; position: absolute; width: 60%; height: 40px; right: 10px; top: 50%; cursor: pointer; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); } .ny_cp .cp_lm .l_m h5.on i { color: #fff; } .ny_cp .cp_lm .l_m h5:hover { background: #0c36a0 } .ny_cp .cp_lm .l_m h5:hover a { color: #fff } .ny_cp .cp_lm .l_m h5:hover i { color: #fff } .ny_cp .cp_lm .l_m .n_ej { background-color: #f7f7f7; display: none; height: auto; overflow: hidden } .ny_cp .cp_lm .l_m ul li:first-child .n_ej { display: block; } .ny_cp .cp_lm .l_m .n_ej a { text-indent: 15px; line-height: 30px; color: #555; margin-bottom: 1px; display: block; font-size: 14px } .ny_cp .cp_lm .l_m .n_ej a:hover { color: #0c36a0; text-indent: 20px; background-color: #ecf6fd; } .ny_cp .cp_lm .l_m ul li { display: block; background-color: #f7f7f7; margin-bottom: 7px; } .ny_cp .cp_lm .l_m a.e_j { display: block; padding: 0 15px; font-size: 17px; font-weight: bold; line-height: 44px; position: relative; background-color: #f2f2f2; color: #000; } .ny_cp .cp_lm .l_m i { position: absolute; top: 0; right: 0; width: 44px; height: 44px; display: block; font-size: 16px; color: #000; text-align: center; } .ny_cp .cp_lm .s_j a { text-indent: 15px; line-height: 40px; color: #555; margin-bottom: 1px; display: block; } .ny_cp .cp_lm .s_j a:hover { color: #0c36a0; text-indent: 30px; background-color: #ecf6fd; } .ny_cp .cp_lm .s_j a.n { color: #0c36a0; text-indent: 30px; background-color: #ecf6fd; } .ny_cp .lm_bt { height: 51px; border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; } .ny_cp .lm_bt .m_c { font-size: 24px; color: #333; line-height: 40px; padding-bottom: 10px; border-bottom: 2px solid #0c36a0; display: inline-block; font-weight:bold; letter-spacing:1px } .ny_cp .cp_wz { line-height: 28px; font-size: 16px; margin-bottom: 20px } .ny_cp .cp_lb .row { margin: 0 -10px; } .ny_cp .cp_lb .col-6 { padding: 0 10px; } .ny_cp .cp_lb .n_r { margin-bottom: 20px; background-color: #fff; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; padding: 10px; border: #e7e7e7 1px solid } .ny_cp .cp_lb .n_r:hover { box-shadow: 0 0 15px #ddd; } .ny_cp .cp_lb .n_r img { width: 100%; height: auto; display: block; } .ny_cp .cp_lb .n_r p { font-size: 16px; line-height: 50px; text-align: center; background: #fafafa; margin-top: 10px; color: #333 } @media only screen and (max-width:640px) { .ny_cp .ny_lmm{ display:none} .ny_cp { padding: 20px 0 20px; } .ny_cp .cp_lm { padding: 0 10px 10px; width: 100%; position: relative; left: auto; margin-left: 0; margin-bottom: 20px; height: auto; overflow: hidden } .ny_cp .cp_lb .row { margin: 0 -5px; } .ny_cp .cp_lb .col-6 { padding: 0 5px; } .ny_cp .cp_wz { line-height: 24px; font-size: 14px; margin-bottom: 20px } .ny_cp .ny_lmm .b_t { margin: 0; } .ny_cp .ny_lmm .b_t h3 { font-size: 16px; line-height: 44px; color: #fff; } .ny_cp .ny_lmm .b_t h4 { font-size: 12px; line-height: 30px; color: #ccc; font-family: arial; text-transform: uppercase; } .ny_cp .cp_lm .b_t h3 { font-size: 16px; line-height: 30px; color: #fff; } .ny_cp .cp_lm .b_t span { display: none } .ny_cp .cp_lm .b_t em { display: none } .ny_cp .cp_lm.on { position: inherit; top: auto !important; } .ny_cp .cp_lm .b_t { display: block; margin-top: 10px } .ny_cp .cp_lm .l_b { display: block; } .ny_cp .cp_lm .l_m { padding: 7px 7px 0 7px; } .ny_cp .cp_lm .l_m ul { border-top: 0; } .ny_cp .cp_lm .l_m ul li { display: block; width: 50%; border-top: none; background: none; margin: 0; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ny_cp .cp_lm .l_m h5 { background-color: #f2f2f2; position: relative; padding: 0 10px; height: auto; overflow: hidden } .ny_cp .cp_lm .l_m ul li:first-child { border-top: 0; } .ny_cp .cp_lm .l_m ul li a { background: none; padding: 0; border: 0; font-size: 12px; text-align: center; line-height: 36px; } .ny_cp .cp_lm .l_m ul li a.e_j { text-align: left; padding: 0 10px; } .ny_cp .cp_lm .l_m ul li:hover a.e_j { background-color: #f7f7f7; } .ny_cp .cp_lm .l_m ul li.on a.e_j { background-color: #f7f7f7; } .ny_cp .cp_lm .l_m ul li:hover em { color: #0c36a0; } .ny_cp .cp_lm .l_m ul li.on em { color: #0c36a0; } .ny_cp .cp_lm .l_m h5 i { display: none } .ny_cp .cp_lb .row { margin: 0 -5px; } .ny_cp .cp_lb .col-lg-4 { padding: 0 5px; } .ny_cp .cp_lb .n_r { margin-bottom: 10px; } .ny_cp .cp_lb .n_r p { padding: 5px; font-size: 14px; line-height: 28px; } .ny_cp .lm_bt { height: 31px; border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; margin-top: 10px } .ny_cp .lm_bt .m_c { font-size: 16px; color: #333; line-height: 30px; padding-bottom: 0px; border-bottom: 2px solid #0c36a0; display: inline-block; } .ny_cp .gy_nr h1 { font-size: 16px; font-weight: bold; color: #0c36a0; margin-bottom: 10px } } .cp_xq { } .cp_cs { float: right; width: 58% } .cp_cs .n_r { padding: 15px; } .cp_cs .b_t { font-size: 18px; font-weight: bold; color: #0c36a0; line-height: 40px; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; margin-bottom: 20px; } .cp_cs .c_s ul li { margin-bottom: 5px; padding-left: 15px; font-size: 14px; line-height: 26px; position: relative; } .cp_cs .c_s ul li:before { width: 6px; height: 6px; border-radius: 50%; background-color: #555; content: ""; position: absolute; top: 10px; left: 0; } .cp_cs a { display: inline-block; margin-top: 20px; background: linear-gradient(224deg, #fdcd00, #ee7800 51%, #e60013); font-size: 16px; line-height: 40px; color: #fff; padding: 0 30px; border-radius: 20px; margin-right: 20px } .cp_cs a.zc { background: #f6f6f6; color: #333 } .cp_xq .cp_js { margin-top: 25px; } .cp_xq .cp_js .hd { overflow: hidden; border-bottom: 1px solid #d7d7d7; margin-bottom: 30px; } .cp_xq .cp_js .hd ul li { float: left; padding: 0 30px; font-size: 16px; line-height: 44px; text-align: center; color: #555; background-color: #f7f7f7; margin-right: 5px; cursor: pointer; } .cp_xq .cp_js .hd ul li.on { background-color: #0c36a0; color: #fff; } .cp_xq .cp_js .n_r { font-size: 15px; line-height: 28px; min-height: 200px; } .cp_xq .cp_js .n_r a { display: block; font-size: 15px; line-height: 28px; color: #0c36a0; margin-bottom: 10px; } .cp_xq .cp_js .n_r a:hover { text-decoration: underline !important; } @media only screen and (max-width:640px) { .cp_cs .n_r { padding: 0; } .cp_cs .b_t { font-size: 16px; font-weight: bold; color: #0c36a0; line-height: 30px; border-bottom: 1px solid #e7e7e7; padding-bottom: 0px; margin-bottom: 10px; margin-top:10px } .cp_xq .cp_cs { margin-top: 0; } .cp_xq .cp_cs .n_r { padding: 10px 0; } .cp_xq .cp_cs .b_t { font-size: 16px; line-height: 30px; padding-bottom: 10px; margin-bottom: 10px; } .cp_xq .cp_cs .c_s ul li { font-size: 13px; line-height: 24px; } .cp_xq .cp_cs a { margin-top: 15px; font-size: 15px; line-height: 32px; padding: 0 15px; } .cp_xq .cp_js { margin-top: 10px; } .cp_xq .cp_js .hd { margin-bottom: 20px; } .cp_xq .cp_js .hd ul li { padding: 0 10px; font-size: 14px; line-height: 30px; margin-top:6px } .cp_xq .cp_js .n_r { font-size: 13px; line-height: 24px; } .cp_xq .cp_js .n_r a { font-size: 13px; line-height: 24px; } .cp_cs a { display: inline-block; margin-top: 20px; background: linear-gradient(224deg, #fdcd00, #ee7800 51%, #e60013); font-size: 14px; line-height: 30px; color: #fff; padding: 0 20px; border-radius: 20px; margin-right: 20px; } } .sy_yw { width: 100%; padding: 80px 0; position: relative; overflow: hidden; } .sy_yw .yw_nr { background-color: #0c36a0; padding: 30px 20px; text-align: center; position: relative; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .sy_yw .col-12:nth-child(2n) .yw_nr { background-color: #006bb9; } .sy_yw .yw_nr:hover { box-shadow: 0 15px 30px #d8eefe; transform: translatey(-15px); -webkit-transform: translatey(-15px); -moz-transform: translatey(-15px); -ms-transform: translatey(-15px); -o-transform: translatey(-15px); } .sy_yw .yw_nr .t_p { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; opacity: 0; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .sy_yw .yw_nr:hover .t_p { opacity: .1; } .sy_yw .yw_nr .t_b { width: 100px; margin: 0 auto 20px; position: relative; z-index: 1; } .sy_yw .yw_nr .t_b img { width: 100%; height: auto; display: block; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .sy_yw .yw_nr:hover .t_b img { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .sy_yw .yw_nr .w_z { position: relative; z-index: 1; } .sy_yw .yw_nr .w_z h3 { font-size: 20px; color: #fff; line-height: 30px; } .sy_yw .yw_nr .w_z em { width: 30px; height: 2px; margin: 5px auto; background-color: #fff; display: block; } .sy_yw .yw_nr .w_z p { font-size: 12px; color: #fff; line-height: 24px; text-transform: uppercase; } @media only screen and (max-width:992px) { .sy_yw { padding: 60px 0 40px; } .sy_yw .row { margin: 0 -5px; } .sy_yw .col-6 { padding: 0 5px; } .sy_yw .yw_nr { padding: 30px 15px; margin-bottom: 10px; } .sy_yw .yw_nr .t_b { width: 60px; margin: 0 auto 10px; } .sy_yw .yw_nr .w_z h3 { font-size: 18px; color: #fff; line-height: 28px; } .sy_yw .yw_nr .w_z p { font-size: 13px; color: #fff; line-height: 22px; text-transform: uppercase; width: 70%; margin: 0 auto } .sy_yw .yw_nr .w_z em { width: 30px; height: 2px; margin: 10px auto; background-color: #fff; display: block; } } @media only screen and (max-width:640px) { .sy_yw { padding: 40px 0 20px; } .sy_yw .yw_nr { padding: 25px 10px; } } .sy_zs { width: 100%; overflow: hidden; position: relative; padding: 10px 0px ; } .sy_zs .cp_al { position: relative; z-index:98 } .sy_zs .cp_al .swiper-button-prev { width: 35px; height: 35px; background: url(/uploads/image/acimages/zj11.png) no-repeat center; left: -60px; margin-top: -17px; background-size: 35px 35px; -webkit-background-size: 35px 35px; -moz-background-size: 35px 35px; -ms-background-size: 35px 35px; -o-background-size: 35px 35px; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .sy_zs .cp_al .swiper-button-next { width: 35px; height: 35px; background: url(/uploads/image/acimages/yj11.png) no-repeat center; right: -60px; margin-top: -17px; background-size: 35px 35px; -webkit-background-size: 35px 35px; -moz-background-size: 35px 35px; -ms-background-size: 35px 35px; -o-background-size: 35px 35px; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } .sy_zs .cp_al .swiper-pagination { display: none; } .sy_zs .n_r { background: #fff; overflow: hidden; padding: 3px; box-shadow: 0 8px 15px 0 rgba(95,125,158,.2); margin: 20px 10px } .sy_zs .t_p { overflow: hidden; } .sy_zs .t_p img { width: 100%; height: auto; display: block; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; } .sy_zs .w_z { padding: 10px 0; text-align: center; } .sy_zs .w_z h3 { font-size: 16px; font-weight: normal; line-height: 26px; margin-bottom: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #333; } .sy_zs .w_z p { font-size: 14px; line-height: 22px; color: #fff; height: 44px; overflow: hidden; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; -webkit-box-orient: vertical; } @media only screen and (max-width:992px) { .sy_zs { padding: 0 0px ; } .sy_zs .gy_bt{ margin-bottom:0} .sy_zs .cp_al .swiper-cp { padding-bottom: 0px; } .sy_zs .cp_al .swiper-button-prev { display: none; } .sy_zs .cp_al .swiper-button-next { display: none; } .sy_zs .cp_al .swiper-pagination { display: block; bottom: 0px; } .sy_zs .cp_al .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; background-color: #aaa; } .sy_zs .cp_al .swiper-pagination-bullet-active { background-color: #0c36a0; } .sy_zs .n_r { background-color: #f7f7f7; overflow: hidden; margin-bottom: 30px } .sy_zs .w_z { padding: 5px 10px; } .sy_zs .w_z h3 { font-size: 14px; } .sy_zs .w_z p { font-size: 18px; line-height: 28px; height: 56px; } } .qywh { width: 100%; margin: 60px auto; height: auto; overflow: hidden } .qywh .container { background: #fafafa; height: auto; overflow: hidden } .qywh .zb { width: 30%; float: left } .qywh .zb img { width: 100%; margin-top: 10px } .qywh .yb { width: 69%; float: left; } .qywh .yb li { width: 46%; float: left; margin: 2%; background: #fff; padding: 10px } .qywh .yb .tu { width: 100%; text-align: center } .qywh .yb .tu img { width: 20% } .qywh .yb .wz { width: 80%; height: auto; overflow: hidden; text-align: center; margin: 20px auto } .qywh .yb .wz h1 { font-size: 18px; margin-bottom: 10px; color: #0c36a0 } .qywh .yb .wz p { font-size: 14px; line-height: 24px } @media only screen and (max-width:992px) { .qywh { width: 100%; margin: 20px auto; height: auto; overflow: hidden } .qywh .zb { width: 100%; float: none } .qywh .yb { width: 100%; float: none; } .qywh .yb li { width: 49%; float: left; margin: 4% 2% 0 0; background: #fff; padding: 10px } .qywh .yb li:nth-child(2n) { margin-right: 0; } .qywh .yb .wz { width: 90%; height: auto; overflow: hidden; text-align: center; margin: 20px auto } .qywh .yb .tu img { width: 40% } .gy_wm { width: 100%; padding: 20px 0 20px; overflow: hidden; } } .al_zs { width: 100%; background: no-repeat center 100px; overflow: hidden; margin: 70px auto } .jy_td .n_r { position: relative; overflow: hidden; margin-bottom: 30px; } .jy_td .t_p { overflow: hidden; } .jy_td .t_p img { width: 100%; height: auto; display: block; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; } .jy_td .n_r:hover .t_p img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .jy_td .w_z { padding: 10px; position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,.7); } .jy_td .w_z h3 { font-size: 16px; font-weight: bold; line-height: 28px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .jy_td .w_z p { line-height: 22px; color: #fff; height: 0; overflow: hidden; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; -webkit-box-orient: vertical; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .jy_td .n_r:hover .w_z p { height: 44px; margin-top: 10px; } @media only screen and (max-width:992px) { .jy_td .n_r { position: relative; overflow: hidden; margin-bottom: 10px; } .jy_td .col-lg-3 { padding-left: 5px; padding-right: 5px } .jy_td .w_z { padding: 5px 10px; position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,.7); } .jy_td .w_z h3 { font-size: 14px; font-weight: bold; line-height: 28px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .jy_td .w_z p { line-height: 22px; color: #fff; height: 0; overflow: hidden; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; -webkit-box-orient: vertical; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; font-size: 12px } } .injs { background: url(/uploads/image/acimages/bg2.jpg); padding: 60px 0 80px; height: auto; position: relative; overflow: hidden; } .injs .v { position: absolute; top: 0; left: 0; width: 100%; z-index: 0; height: 700px; } .injs .v video { } .injs .warp { z-index: 2; position: relative; } .injs .txt { padding: 60px 0; height: 100px; color: #fff; font-size: 16px; } .injs .link { overflow: hidden; margin-left: -10px; padding-top: 30px; position: relative; z-index: 9 } .injs .link .cum { width: 32.3333%; margin: 0 0.5%; height: 252px; background: #fff; float: left; overflow: hidden; text-align: center; transition: .6s; position: relative; cursor: pointer; } .injs .link .cum:after { content: ""; bottom: 0; left: 50%; right: 50%; height: 4px; background: #0c36a0; display: block; transition: .8s; position: absolute; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: 0; } .injs .link .cum img { display: block; margin: 40px auto 0; } .injs .link .cum span { display: block; margin: 10px 0 5px; font-size: 18px; color: #333; margin-top: 20px; font-weight: bold } .injs .link .cum em { font-style: normal; color: #666; padding: 0 30px; display: block; font-size: 14px; line-height: 26px } .injs .link .cum:hover:after { width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; left: 0; } .injs .link .cum:hover { background: rgba(255,255,255,0.8); } @media only screen and (max-width:992px) { .protection { background: center center; padding: 10px 0 20px; } .protectioncon ul li h4 { font-size: 14px; color: #333; padding-top: 20px; font-weight: bold } .protectioncon ul li p { font-size: 12px; color: #666; margin-top: 5px; padding: 0 5px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .protectioncon ul li i { display: block; padding: 5px 0 10px; } .injs { background: url(/uploads/image/acimages/bg2.jpg); padding: 10px 0 20px; height: auto; position: relative; overflow: hidden; } .injs .link { overflow: hidden; margin-left: -10px; padding-top: 0px; position: relative; z-index: 9; } .injs .link .cum { width: 31.33%; margin:1%; height: auto ; background: #fff; float: left; overflow: hidden; text-align: center; transition: .6s; position: relative; cursor: pointer; padding-bottom:10px; } .injs .link .cum img { display: block; margin: 20px auto 0; } .injs .link .cum span { display: block; margin: 10px 0 5px; font-size: 14px; color: #333; font-weight: bold; } .injs .link .cum em { font-style: normal; color: #666; padding: 0 10px; display: block; font-size: 12px; line-height: 22px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } } #wrapper { height: 100%; width: 100%; text-align: center; display: table; position: absolute; top: 0; left: 0; opacity: 0.2; z-index: 1 } #wrapper canvas { position: absolute; top: 0; left: 0; width: 1950px; height: auto; } #canvas { z-index: 1; } #canvasbg { z-index: -10; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px); opacity: 0.6; } @-webkit-keyframes updown { 0% { transform: translatey(0px); -webkit-transform: translatey(0px); -moz-transform: translatey(0px); -ms-transform: translatey(0px); -o-transform: translatey(0px); } 25% { transform: translatey(-10px); -webkit-transform: translatey(-10px); -moz-transform: translatey(-10px); -ms-transform: translatey(-10px); -o-transform: translatey(-10px); } 75% { transform: translatey(10px); -webkit-transform: translatey(10px); -moz-transform: translatey(10px); -ms-transform: translatey(10px); -o-transform: translatey(10px); } 100% { transform: translatey(0px); -webkit-transform: translatey(0px); -moz-transform: translatey(0px); -ms-transform: translatey(0px); -o-transform: translatey(0px); } } .sy_wrjdz { background: center / cover no-repeat; padding: 60px 0; overflow: hidden; } .sy_wrjdz .tp { width: 50%; float: left; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .sy_wrjdz .tp img { width: 100%; display: block; animation: updown 4s linear infinite; -webkit-animation: updown 4s linear infinite; } @-webkit-keyframes updown { 0% { transform: translatey(0px); -webkit-transform: translatey(0px); -moz-transform: translatey(0px); -ms-transform: translatey(0px); -o-transform: translatey(0px); } 25% { transform: translatey(-10px); -webkit-transform: translatey(-10px); -moz-transform: translatey(-10px); -ms-transform: translatey(-10px); -o-transform: translatey(-10px); } 75% { transform: translatey(10px); -webkit-transform: translatey(10px); -moz-transform: translatey(10px); -ms-transform: translatey(10px); -o-transform: translatey(10px); } 100% { transform: translatey(0px); -webkit-transform: translatey(0px); -moz-transform: translatey(0px); -ms-transform: translatey(0px); -o-transform: translatey(0px); } } .sy_wrjdz:hover .tp { transform: translatey(-5px); -wbkit-transform: translatey(-5px); -o-transform: translatey(-5px); -moz-transform: translatey(-5px); transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .sy_wrjdz .wenz { width: 50%; float: right; padding-left: 60px; box-sizing: border-box; padding-top: 35px; } .sy_wrjdz .wenz h3 { font-size: 40px; line-height: 55px; font-weight: 500; color: #fff; margin: 0 0 15px; } .sy_wrjdz .wenz p { font-size: 16px; line-height: 2; color: #eee; } .sy_wrjdz .wenz .more { padding: 0 40px; margin-top: 30px; float: left; line-height: 50px; border: #fff 1px solid; font-size: 16px; text-align: center; border-radius: 50px; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; text-transform: uppercase; } .sy_wrjdz .wenz .more a { color: #fff; } .sy_wrjdz .wenz .more:hover { background: #0c36a0; border: #0c36a0 1px solid; transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .new-list { height: auto; overflow: hidden; padding-top: 0px } .new-list li { margin-bottom: 1.4%; background-color: #fafafa; height: auto; overflow: hidden; margin-bottom: 20px } .new-list li:hover { } .new-list .img { width: 27%; float: left } .new-list .time-box { width: 12%; padding-left: 2%; float: left; text-align: center; margin-top: 32px } .new-list .time-box .time { font-size: 30px; color: #535353; font-weight: bolder; } .new-list .time-box .line { width: 25px; margin: 10% auto 0; border-top: 3px solid #00af1e; } .new-list .time-box .date { margin-top: 16%; font-size: 16px; color: #888; } .new-list .desc { width: 59%; padding: 1% 2% 1% 0; box-sizing: border-box; float: right } .new-list .desc .h4 { font-size: 18px; color: #444; margin-bottom: 0; margin-top: 3px } .new-list .desc:hover h4{ color:#0c36a0; font-weight: bold; text-indent: 5px; } .new-list .desc .p1 { margin-top: 10px; font-size: 14px; color: #959595; line-height: 24px; } .new-list .desc:hover .p1{ color:#333} .new-list .desc .detail { display: inline-block; margin-top: 10px; font-size: 14px; color: #888; } .new-list .desc .detail i { margin-left: 18px; font-size: 14px; } .new-list .desc .detail:hover { color: #0c36a0; } .x_w ul li { border-bottom: 1px dotted #ccc; padding-bottom: 20px; margin-bottom: 20px; } @media only screen and (max-width:992px){ .new-list .img { width: 100%; float: none; display:none } .new-list .desc { width: 79%; padding: 1% 2% 2% 1%; float: right; margin-right:1% } .new-list .desc .h4 { font-size: 16px; color: #444; margin-bottom: 0; margin-top: 3px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; } .new-list .desc .p1 { margin-top: 5px; font-size: 14px; color: #666; line-height: 24px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .new-list .desc .detail { display: block; margin-top: 10px; font-size: 14px; color: #888; } .new-list .desc .detail:nth-child(2){ text-align:right} .new-list .time-box { width: 12%; padding-left: 2%; float: left; text-align: center; margin-top: 15px } } .x_w img { width: 100%; height: auto; display: block; } .x_w .w_z h3 { font-size: 16px; line-height: 32px; font-weight: bold; margin-bottom: 6px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .x_w .w_z h3 a { color: #000; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .x_w ul li:hover .w_z h3 a { color: #005fa9; } .x_w .w_z p { margin-top: 6px; overflow: hidden; } .x_w .w_z p a { font-size: 14px; line-height: 26px; color: #555; display: block; } .x_w .w_z span { font-size: 14px; color: #999; text-transform: uppercase; display: block; } .x_w .w_z span i { margin-right: 5px; color: #666; } .rc_zp { width: 100%; padding: 10px 0; overflow: hidden; } .rc_zp .bt { font-size: 20px; line-height: 36px; text-align: center; color: #02316b; } .rc_zp .ts { font-size: 14px; line-height: 26px; text-align: center; color: #888; margin-bottom: 20px; } .rc_zp .ts a { color: #02316b; } .rc_zp .jr_lm { border: 1px solid #e7e7e7; overflow: hidden; margin-bottom: 10px; } .rc_zp .jr_lm.jt { border: 1px solid #02316b; } .rc_zp .jr_bt { padding: 10px 20px; height: 60px; font-size: 14px; line-height: 40px; color: #555; overflow: hidden; cursor: pointer; position: relative; } .rc_zp .jr_bt:hover { background-color: #e7e7e7; } .rc_zp .jr_bt.on { background-color: #e7e7e7; } .rc_zp .jr_bt i { position: absolute; top: 50%; right: 15px; font-size: 15px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .rc_zp .jr_bt.on i { transform: translate(0, -50%) rotate(180deg); -webkit-transform: translate(0, -50%) rotate(180deg); -moz-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); -o-transform: translate(0, -50%) rotate(180deg); } .rc_zp .jr_lm.jt .jr_bt { background-color: #02316b; color: #fff; padding: 0 20px; line-height: 60px; } .rc_zp .jr_bt span { float: left; width: 100%; text-align: left; font-size: 16px; font-weight: 600 } .rc_zp .jr_nr { background-color: #fff; padding: 15px 25px; font-size: 14px; line-height: 32px; margin-bottom: 3px; display: none; position: relative; } .rc_zp .jr_nr .lm { color: #02316b; } .rc_zp .jr_nr .js { margin-bottom: 0px; } .rc_zp .jr_nr a.wy_yp { width: 110px; height: 36px; position: absolute; top: 30px; right: 35px; background-color: #02316b; font-size: 15px; line-height: 36px; color: #fff; text-align: center; display: block; } .rc_zp .jr_nr a.wy_yp i { padding-left: 5px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .rc_zp .jr_nr a.wy_yp:hover i { padding-left: 15px; } @media only screen and (max-width:640px) { .rc_zp { padding: 0 0px; } .rc_zp .bt { font-size: 24px; text-align: center; line-height: 50px; } .rc_zp .ts { font-size: 18px; text-align: center; line-height: 32px; } .rc_zp .ts br { display: none; } .rc_zp .jr_bt { padding: 0 15px; font-size: 16px; line-height: 40px; height: 40px; } .rc_zp .jr_lm.jt .jr_bt { padding: 5px 15px; line-height: 40px; } .rc_zp .jr_nr { padding: 15px; font-size: 18px; line-height: 36px; } .rc_zp .jr_nr .lm { margin-bottom: 10px; } .rc_zp .jr_nr a.wy_yp { width: 150px; height: 36px; top: 20px; right: 25px; font-size: 18px; line-height: 36px; } .rc_zp .jr_nr a.wy_yp:hover i { padding-left: 10px; } .rc_zp .jr_nr .js { margin-bottom: 0px; font-size: 14px; line-height: 24px } } .sy_cj { width: 100%; overflow: hidden; } .sy_cj .row { margin: 0 -5px; } .sy_cj .col-4 { padding: 0 5px; } .sy_cj .col-6 { padding: 0 5px; } .sy_cj .col-12 { padding: 0 5px; } .sy_cj .t_p { margin-bottom: 10px; position: relative; overflow: hidden; } .sy_cj .t_p:after { width: 0; height: 0; position: absolute; top: 50%; left: 50%; background-color: rgba(0,146,220,.5); content: ""; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .sy_cj .t_p:hover:after { width: 100%; height: 100%; } .sy_cj .t_p img { width: 100%; height: auto; display: block; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; } .sy_cj .w_z { width: 90%; position: absolute; top: 55%; left: 5%; margin-top: -18px; font-size: 16px; color: #fff; text-align: center; line-height: 36px; z-index: 9; opacity: 0; transition: all .5s .5s; -o-transition: all .5s .5s; -ms-transition: all .5s .5s; -moz-transition: all .5s .5s; -webkit-transition: all .5s .5s; } .sy_cj .t_p:hover .w_z { opacity: 1; top: 50%; } @media only screen and (max-width:992px) { .sy_cj { padding: 20px 0; } } @media only screen and (max-width:640px) { .sy_cj { padding: 20px 0; } } .zbb { float: right; width: 74%; margin-left: 1% } #preview { float: left; text-align: center; width: 386px; border: 1px solid #d7d7d7; } .jqzoom { width: 384px; height: 350px; position: relative; } .zoomdiv { left: 859px; height: 400px; width: 400px; } .list-h li { float: left; } #spec-n5 { width: 350px; height: 56px; padding-top: 6px; overflow: hidden; } /*jqzoom*/ .jqzoom { position: relative; padding: 0; } .zoomdiv { z-index: 100; position: absolute; top: 1px; left: 0px; width: 400px; height: 400px; background: #fff no-repeat center center; border: 1px solid #e4e4e4; display: none; text-align: center; overflow: hidden; } .bigimg { width: 800px; height: 800px; } .jqzoompup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border: 1px solid #aaa; background: #ccc 50% top no-repeat; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=50); cursor: move; } #spec-list { position: relative; width: 322px; margin-right: 6px; } #spec-list div { margin-top: 0; margin-left: -30px; *margin-left:0; } @media only screen and (max-width:992px) { .zbb { float: none; width: 92%; margin-left: 0; margin:0 auto } #preview { float: none; text-align: center; width: 100%; border: 1px solid #d7d7d7; } .jqzoom { width: 100%; height: auto ; position: relative; } .jqzoom img{ width:100%} .cp_cs { float: none; width:100%; } } .anli{ width:100%; padding:30px 0 60px; overflow:hidden;} .anli ul{ position:relative; margin:0 auto; width:100%; } .anli ul li{ float:left; width:33.333%; padding:10px; box-sizing:border-box; position:relative;} .anli ul li i{ display:block; width:100%; padding-bottom:65%; position:relative} .anli ul li i img{ position:absolute; width:100%; height:100%; top:0; left:0} .anli ul li h3{ display:block; position:absolute; bottom:10px; background-color:rgba(0,0,0,0.5); color:#fff;width:calc(100% - 20px); text-align:center;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height:40px; font-size:16px; font-weight:normal; transition:all 0.6s; font-weight:bold} .anli ul li:hover h3{ opacity:0; transition:all 0.6s;} .anli ul li .anlizi{ position:absolute; width:calc(100% - 20px) ; height:calc(100% - 20px); background:rgba(12,54,160,0.9); z-index:2; display: flex; align-items: center; text-align:center;flex-direction:column;justify-content:center; opacity:0;transition:all 0.6s; transform: rotatey(180deg) scale(0.5,0.5); } .anli ul li .anlizi em{ display:block; border:#fff 1px solid; border-radius:100px; width:40px; height:40px;display: flex; align-items: center; text-align:center;flex-direction:column;justify-content:center; color:#fff; font-size:20px; font-style:normal } .anli ul li .anlizi p{ display:block; color:#fff; font-size:18px; width:90%; margin:0 auto; margin-top:20px} .anli ul li:hover .anlizi{ opacity:1; transition:all 0.6s;opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotatey(0deg) scale(1,1); -moz-transform: rotatey(0deg) scale(1,1); -ms-transform: rotatey(0deg) scale(1,1); -o-transform: rotatey(0deg) scale(1,1); transform: rotatey(0deg) scale(1,1);} @media only screen and (max-width:1200px){ .anli{ margin:0 auto} .anli ul li h3{ bottom:5px; width:calc(100% - 10px); line-height:25px} } @media only screen and (max-width:992px){ .anli{ width:100%; padding:30px 0 20px; overflow:hidden;background-color: rgb(248, 246, 243);} .anli ul{ position:relative; margin:0 auto; width:100%; } .anli ul li{ float:left; width:50%; padding:10px; box-sizing:border-box; position:relative;} .anli ul li .anlizi{ position:absolute; width:calc(100% - 20px) ; height:calc(100% - 20px); background:rgba(153,102,0,0.9); z-index:2; display: flex; align-items: center; text-align:center;flex-direction:column;justify-content:center; opacity:0;transition:all 0.6s; transform: rotatey(180deg) scale(0.5,0.5); } .anli ul li h3{ display:block; position:absolute; bottom:10px; background-color:rgba(153,102,0,0.5); color:#fff;width:calc(100% - 20px); text-align:center;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height:30px; font-size:14px; font-weight:normal; transition:all 0.6s;} } .fuwu{ width:100%; padding:10px 0 0; overflow:hidden;} .fuwu ul{ position:relative; margin:0 auto; width:100%; } .fuwu ul li{margin: auto; float:left; width:30%; margin-right:30px; margin-bottom:40px; position:relative; border: solid 1px #f5f5f5; background: #edf1fb; padding: 10px; height: 150px; border-radius: 10px; } .fuwu ul li:hover{ background: #ccd8f7; } .fuwu ul li .p-tit{ font-weight: 600; font-size: 20px; color: #333; } .fuwu ul li .p-desc{ margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #666; } .fuwu ul li:nth-child(4n){margin-right:0; } .fuwu ul li i img{width:100%;} .fuwu ul li img{width:100%;transition:all 1s linear; -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear;} .fuwu ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);} .fuwu ul li h3{ display:block; position:absolute; bottom:0px; background-color:rgba(0,0,0,0.3); color:#fff;width:99%; text-align:center; line-height:40px; font-size:16px; font-weight:normal; box-sizing:border-box; width:100%} .fuwu ul li h3 a{ color:#fff} .fuwu ul li:hover h3{background-color:rgba(12,54,160,.8);} @media only screen and (max-width:992px){ .fuwu ul li{ float:left; width:49%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden} .fuwu ul li:nth-child(2n){margin-right:0; } } .fuwu1{ width:100%; padding:10px 0 0; overflow:hidden;} .fuwu1 ul{ position:relative; margin:0 auto; width:100%; } .fuwu1 ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden} .fuwu1 ul li:nth-child(3n){margin-right:0; } .fuwu1 ul li i img{width:100%;} .fuwu1 ul li img{width:100%;transition:all 1s linear; -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear;} .fuwu1 ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);} .fuwu1 ul li h3{ display:block; position:absolute; bottom:0px; background-color:rgba(0,0,0,0.3); color:#fff;width:99%; text-align:center; line-height:40px; font-size:16px; font-weight:normal; box-sizing:border-box;width:100%} .fuwu1 ul li h3 a{ color:#fff} .fuwu1 ul li:hover h3{background-color:rgba(12,54,160,.8);} @media only screen and (max-width:992px){ .fuwu1 ul li{ float:left; width:49%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden} .fuwu1 ul li:nth-child(even) {margin-right:0; } .fuwu1 ul li:nth-child(odd) {margin-right:2%;} .fuwu1 ul li h3{ display:block; position:absolute; bottom:0px; background-color:rgba(0,0,0,0.3); color:#fff;width:100%; text-align:center; line-height:30px; font-size:14px; font-weight:normal; box-sizing:border-box;width:100%} } .ny_jc{ height:auto; overflow:hidden; padding:60px 0} .ny_jc li{ float:left; width:23.5%; margin-right:2%} .ny_jc li:nth-child(4n){margin-right:0; } .ny_jc .n_r{position:relative; margin-bottom:10px; margin-right:10px;} .ny_jc .n_r:after{width:100%; height:100%; background-color:rgba(0,0,0,.3); content:""; position:absolute; top:0; left:0;} .ny_jc .n_r:hover:after{background-color:rgba(12,54,160,.8);} .ny_jc .t_p{overflow:hidden;} .ny_jc .t_p img{width:100%; height:auto; display:block; transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;} .ny_jc .n_r:hover .t_p img{transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);} .ny_jc .w_z{position:absolute; left:5%; top:50%; z-index:9; width:90%; text-align:center; color:#fff; text-shadow:0 0 10px #444; transform:translatey(-50%); -webkit-transform:translatey(-50%); -moz-transform:translatey(-50%); -ms-transform:translatey(-50%); -o-transform:translatey(-50%);} .ny_jc .w_z h3{font-size:20px; line-height:32px; font-weight:bold; color:#fff; width:100%; margin:0 auto ; padding-bottom:10px; letter-spacing:1px} .ny_jc .w_z h2{ font-size:14px; color:#fff; margin-bottom:30px} .ny_jc .dff{ background: no-repeat center; height:auto; overflow:hidden ; font-size:14px; width:90%; margin:0 auto} .ny_jc .dff .lf{ float:left; width:50%; line-height:36px; text-align:left} .ny_jc .dff .rt{ float: right; width:50%; line-height:36px; text-align:right} .ny_jc .w_z span{width:120px; border:#fff 1px solid; margin:30px auto 0; height:36px; line-height:34px; display:block; font-size:14px} .ny_jc .w_z span a{ color:#fff} @media only screen and (max-width:992px){ .ny_jc{ height:auto; overflow:hidden; padding:20px 0 10px} .ny_jc li{ float:left; width:49%; margin-right:2%} .ny_jc li:nth-child(2n){margin-right:0; } .ny_jc .n_r{position:relative; margin-bottom:10px; margin-right:0;} .ny_jc .w_z{position:absolute; left:2%; top:50%; z-index:9; width:96%; text-align:center; color:#fff; text-shadow:0 0 10px #444; transform:translatey(-50%); -webkit-transform:translatey(-50%); -moz-transform:translatey(-50%); -ms-transform:translatey(-50%); -o-transform:translatey(-50%);} .ny_jc .w_z h3{font-size:12px; line-height:32px; font-weight:bold; color:#fff; width:100%; margin:0 auto ; padding-bottom:0px; letter-spacing:1px} .ny_jc .w_z h2{ font-size:12px; color:#fff; margin-bottom:10px} .ny_jc .dff .lf{ float:left; width:50%; line-height:24px; text-align:left; font-size:12px} .ny_jc .dff .rt{ float: right; width:50%; line-height:24px; text-align:right; font-size:12px} .ny_jc .w_z span{width:100px; border:#fff 1px solid; margin:15px auto 0; height:32px; line-height:30px; display:block; font-size:12px} } .youshi{ height:auto; overflow:hidden; padding:60px 0; background: no-repeat center} .youshi li{ border-bottom:#dcdcdc 1px dashed; border-right:#dcdcdc 1px dashed; float:left; width:33.33%; padding:30px; box-sizing:border-box} .youshi h1{ font-size:30px; font-weight:bold; color:#333; margin-bottom:20px} .youshi h1 em{ font-size:42px; font-weight: bold; color:#0c36a0; margin-right:10px} .youshi p{ font-size:16px; line-height:30px;color:#333} @media only screen and (max-width:992px){ .youshi{ height:auto; overflow:hidden; padding:20px 0 ; background: no-repeat center} .youshi li{ border-bottom:#dcdcdc 1px dashed; border-right:#dcdcdc 1px dashed; float:left; width:100%; padding:10px; box-sizing:border-box} .youshi h1{ font-size:20px; font-weight:bold; color:#333; margin-bottom:10px} .youshi h1 em{ font-size:28px; font-weight: bold; color:#0c36a0; margin-right:10px} .youshi p{ font-size:14px; line-height:26px;color:#333} } .gg{ background: no-repeat center; padding:60px 0; text-align:center } .gg li{ display:inline-block;} .gg li a{ color:#fff; font-size:18px; width:170px; line-height:60px; text-align:center; background:#0c36a0; margin:0 10px; display:block} .gg li a:hover{ background:#124bdc} @media only screen and (max-width:992px){ .gg{ background: no-repeat center; padding:20px 0; text-align:center } .gg li{ display:inline-block;} .gg li a{ color:#fff; font-size:14px; width:90px; line-height:40px; text-align:center; background:#0c36a0; margin:0 5px; display:block} } .gg2{ background: no-repeat center; padding:60px 0; text-align:center; height:200px; margin-bottom:60px } .gg2 .zuo{ float: left; width:33%; color:#fff; text-align:left} .gg2 .zuo h1{ font-size:30px; font-weight:bold; color:#fff; line-height:50px} .gg2 .zuo p{ font-size:24px; font-weight: 500; color:#fff;} .gg2 .zhong{ float: left; width:34%; text-align:center} .gg2 .zhong h1{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:10px; line-height:50px} .gg2 .zhong p{ font-size:18px; font-weight: 500; color:#fff;} .gg2 .you{ float: right ; width:33%} @media only screen and (max-width:992px){ .gg2{ background: no-repeat center; padding:10px 0 20px; text-align:center; height: auto; margin-bottom:20px } .gg2 .zuo{ float: left; width:50%; color:#fff; text-align:left} .gg2 .zuo h1{ font-size:16px; font-weight:bold; color:#fff; line-height:50px} .gg2 .zuo p{ font-size:14px; font-weight: 500; color:#fff;} .gg2 .zhong{ float: left; width:50%; text-align:right} .gg2 .zhong h1{ font-size:16px; font-weight:bold; color:#fff; margin-bottom:0px; line-height:50px} .gg2 .zhong p{ font-size:14px; font-weight: 500; color:#fff;} .gg2 .you{ float: none ; width:100%} } .gg3{ background: no-repeat center; padding:40px 0; text-align:center; height:170px; margin-bottom:60px } .gg3 .zuo{ float: left; width:57%; color:#fff; text-align:left} .gg3 .zuo h1{ font-size:30px; font-weight:bold; color:#fff; line-height:50px} .gg3 .zuo p{ font-size:24px; font-weight: 500; color:#fff;} .gg3 .zhong{ float: right ; width:25%; text-align:left;background: no-repeat center left; padding-left:70px; margin-top:5px} .gg3 .zhong h1{ font-size:14px; font-weight: normal; color:#fff;line-height:30px; } .gg3 .zhong p{ font-size:30px; font-weight: 500; color:#fff;} .gg3 .you{ float: left ; width:15%} @media only screen and (max-width:992px){ .gg3{ background: no-repeat center; padding:10px 0 15px; text-align:center; height: 170px; margin-bottom:20px } .gg3 .zuo{ float: none; width:100%; color:#fff; text-align:left; clear:both; margin-bottom:10px} .gg3 .zuo h1{ font-size:15px; font-weight:bold; color:#fff; line-height:40px} .gg3 .zuo p{ font-size:14px; font-weight: 500; color:#fff;} .gg3 .zhong{ float: right ; width:55%; text-align:left;background: no-repeat center left; padding-left:50px; margin-top:5px} .gg3 .zhong h1{ font-size:12px; font-weight: normal; color:#fff;line-height:30px; } .gg3 .zhong p{ font-size:20px; font-weight: 500; color:#fff;} .gg3 .you{ float: left ; width:30%} } .liucheng{ height:auto; padding:60px 0 100px; overflow:hidden} .liucheng li{ float:left; width:16%; margin-right:0.8%; position:relative} .liucheng li:nth-child(6n){margin-right:0; } .liucheng .t_p{ position:relative; overflow:hidden; top:50px} .liucheng .t_p .xs{display:block} .liucheng .t_p .yc{display:none} .liucheng .t_p:hover .xs{ display:none} .liucheng .t_p:hover .yc{ display:block} .liucheng .t_p img{width:100%; height:auto; display:block; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;} .liucheng .w_z{width:80%; position:absolute; top:30%; left:10%; margin-top:0; font-size:16px; color:#fff; text-align:left; line-height:30px; z-index:9; opacity:0;} .liucheng .t_p:hover .w_z{opacity:1; top:35%;} .liucheng .b_t{ width:100px; height:100px;border-radius:50%; color:#fff; text-align:center; font-size:20px; font-weight:bold; position: absolute;background-image: linear-gradient(90deg, #0c36a0,#2b63f2); top:0; z-index:999; left:50%; margin-left:-50px; padding-top:20px} @media only screen and (max-width:992px){ .liucheng{ height:auto; padding:20px 0 0; overflow:hidden} .liucheng li{ float:left; width:32%; margin-right:2%; position:relative; margin-bottom:50px} .liucheng li:nth-child(3n){margin-right:0; } .liucheng .b_t{ width:60px; height:60px;border-radius:50%; color:#fff; text-align:center; font-size:14px; font-weight:bold; position: absolute;background-image: linear-gradient(90deg, #0c36a0,#2b63f2); top:0; z-index:999; left:50%; margin-left:-30px; padding-top:10px} .liucheng .t_p{ position:relative; overflow:hidden; top:30px} .liucheng .w_z{width:90%; position:absolute; top:2%; left:5%; margin-top:0; font-size:12px; color:#fff; text-align:left; line-height:22px; z-index:9; opacity:0;} .liucheng .t_p:hover .w_z{opacity:1; top:16%;} } .anniu{ margin:0 auto; text-align:center;} .anniu a{ width:220px; color:#fff; font-size:16px; letter-spacing:2px; display:block; background:#0c36a0;border-radius:20px; margin:0 auto 20px;line-height:40px;} .anniu a:hover{background:#124bdc} .anniu1{ margin:0 auto; } .anniu1 a{ color:#fff; font-size:16px; letter-spacing:2px;width:220px; line-height:40px; text-align:center; background:#0c36a0;border-radius:20px; margin:40px auto 60px;display:block;} .anniu1 a:hover{background:#124bdc} .anniu2{ margin-top:20px; float:right} .anniu2 a{ color:#fff; font-size:20px; letter-spacing:2px;width:250px; line-height:60px; text-align:center; background:#00af1e;border-radius:5px; display:block} .anniu2 a:hover{background:#00cf23} .anniu2 i{ margin-left:20px} @media only screen and (max-width:992px){ .anniu a{ width:150px; color:#fff; font-size:16px; letter-spacing:2px; display:block; background:#0c36a0;border-radius:20px; margin:0 auto ;line-height:40px;} .anniu1 a{ color:#fff; font-size:16px; letter-spacing:2px;width:150px; line-height:40px; text-align:center; background:#0c36a0;border-radius:20px; margin:30px auto 20px;display:block;} .anniu2{ margin:0 auto; text-align:center; float:none; clear:both; padding-top:20px} .anniu2 a{ color:#fff; font-size:16px; letter-spacing:2px;width:180px; line-height:40px; text-align:center; background:#00af1e;border-radius:5px; display:block; margin:0 auto} .anniu2 i{ margin-left:10px; font-size:14px} } .anniu3{ margin:20px auto 0; float:left} .anniu3 a{ color:#0c36a0; font-size:20px; letter-spacing:2px; width:180px; line-height:60px; text-align:center; background:#fff;border-radius:5px; display:block} .anniu3 a:hover{ background:#00af1e ; color:#fff} @media only screen and (max-width:992px){ .anniu3{ margin:20px auto 0; float:left} .anniu3 a{ color:#0c36a0; font-size:14px; letter-spacing:2px; width:120px; line-height:40px; text-align:center; background:#fff;border-radius:5px; display:block} } .wenti{ height:auto; overflow:hidden; padding:60px 0; background: no-repeat center} .wenti ul{ height:auto; overflow:hidden} .wenti li{ background:#fff;border-radius:8px; float:left; width:49%; padding:2%; box-sizing:border-box;box-shadow: 0 8px 15px 0 rgba(95,125,158,.2); margin-right:2%; margin-bottom:2%} .wenti li:nth-child(2n){margin-right:0; } .wenti h1{ font-size:24px; font-weight:bold; color:#333; margin-bottom:20px;background: no-repeat left top; padding-left:50px; line-height:30px} .wenti p{ font-size:16px; line-height:30px;color:#333; padding-left:50px} .wnf{ width:690px; margin:20px auto 0;background: no-repeat left center; color:#333; font-size:24px; text-align:left; height:auto; overflow:hidden; padding-left:50px;} .wnf span{ font-weight:bold; color:#0c36a0; font-size:24px; margin-left:20px} @media only screen and (max-width:992px){ .wenti{ height:auto; overflow:hidden; padding:20px 0; background: no-repeat center / cover fixed;} .wenti li{ background:#fff;border-radius:8px; float:none; width:96%; padding:15px; box-sizing:border-box;box-shadow: 0 4px 10px 0 rgba(95,125,158,.2); margin:0 auto 20px} .wenti li:nth-child(2n){ margin:0 auto 20px} .wenti h1{ font-size:16px; font-weight:bold; color:#333; margin-bottom:10px;background: no-repeat left top; padding-left:40px; line-height:30px} .wenti p{ font-size:14px; line-height:26px;color:#333; padding-left:40px} .wnf{ width:70%; margin:20px auto 0;background: no-repeat left top; color:#333; font-size:16px; text-align:left; height:auto; overflow:hidden; padding-left:50px;} .wnf span{ font-weight:bold; color:#0c36a0; font-size:16px; margin-left:0px} } .wz_nr{padding:15px 0;} .wz_nr .wz_bt{text-align:center; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #e7e7e7;} .wz_nr .wz_bt h1{font-size:24px; line-height:36px; color:#333; font-weight: normal; margin-bottom:10px;} .wz_nr .wz_bt span{padding:0 10px; line-height:28px; color:#999; font-size:15px} .wz_nr .wz_js{line-height:36px; font-size:15px} .wz_nr .wz_js img{max-width:100% !important; height:auto; display:block;} @media only screen and (max-width:992px){ .wz_nr .wz_bt h1{font-size:20px; line-height:30px; color:#333; font-weight: normal; margin-bottom:10px;} .wz_nr .wz_bt span{padding:0 3px; line-height:24px; color:#999; font-size:12px} .wz_nr .wz_js{line-height:26px; font-size:14px} } .zc_gy{padding:25px 0; color:#000; overflow:hidden; border-top:#dddddd 1px solid; font-size:14px; margin-top:50px; } .zc_gy .s_p{float:left;} .zc_gy .x_p{float:right;} .zc_gy a{ color:#333} .zc_gy a:hover{ color:#0c36a0} @media only screen and (max-width:992px){ .zc_gy{padding:15px 0; color:#000; overflow:hidden; border-top:#dddddd 1px solid; font-size:14px; margin-top:30px} } .gs_sj{background:url(/uploads/image/acimages/fz.jpg) no-repeat center bottom; height:auto; overflow:hidden; padding:60px 0} .gs_sj .swiper-sj{position:relative; margin-top:60px} .gs_sj .swiper-sj:after{width:100%; height:1px; background: no-repeat center; content:""; position:absolute; top:5px; left:0;} .gs_sj .swiper-slide em{width:11px; height:11px; border-radius:50%; background-color:#aaa; display:block; margin-left:25px; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .gs_sj .swiper-slide.swiper-slide-active em{background-color:#0c36a0;} .gs_sj .swiper-slide strong{padding-left:25px; margin:15px 0; font-size:26px; line-height:36px; color:#333; display:block; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .gs_sj .swiper-slide.swiper-slide-active strong{color:#0c36a0;} .gs_sj .swiper-slide .w_z{padding:25px 25px 10px; background-color:rgba(255,255,255,.5);} .gs_sj .swiper-slide .w_z h4{font-size:20px; font-weight:bold; color:#333; margin-bottom:15px; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .gs_sj .swiper-slide:hover .w_z h4{color:#0c36a0;} .gs_sj .swiper-slide:hover .w_z{box-shadow:0 5px 15px #ddd;} .gs_sj .swiper-slide .w_z p{font-size:16px; line-height:24px; color:#333; height: auto; overflow:hidden; } .gs_sj .t_p{overflow:hidden;} .gs_sj .t_p img{width:100%; height:auto; display:block; transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s;} .gs_sj .swiper-slide:hover .t_p img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);} @media (min-width:1081px){ .gs_sj{padding:90px 0;} .gs_sj .swiper-sj:after{top:4px;} .gs_sj .swiper-button-prev{width:34px; height:34px; right:60px;} .gs_sj .swiper-button-next{width:34px; height:34px; right:15px;} .gs_sj .swiper-slide em{width:9px; height:9px; margin-left:15px;} .gs_sj .swiper-slide strong{padding-left:15px; margin:10px 0; font-size:22px; line-height:32px;} .gs_sj .swiper-slide .w_z{padding:15px 15px 10px;} .gs_sj .swiper-slide .w_z h4{font-size:18px; line-height:26px; min-height:52px; margin-bottom:10px;} .gs_sj .swiper-slide .w_z p{font-size:13px; line-height:22px; } } @media (min-width:1600px){ .gs_sj{padding:60px 0;} .gs_sj .swiper-sj:after{top:5px;} .gs_sj .swiper-button-prev{width:38px; height:38px; right:65px;} .gs_sj .swiper-button-next{width:38px; height:38px; right:15px;} .gs_sj .swiper-slide em{width:11px; height:11px; margin-left:25px;} .gs_sj .swiper-slide strong{padding-left:25px; margin:15px 0; font-size:26px; line-height:36px;} .gs_sj .swiper-slide .w_z{padding:25px 25px 10px;} .gs_sj .swiper-slide .w_z h4{font-size:20px; line-height:30px; min-height:inherit; margin-bottom:15px;} .gs_sj .swiper-slide .w_z p{font-size:16px; line-height:28px; } } @media only screen and (max-width:640px){ .gs_sj{padding:20px 0 0;} .gs_sj .swiper-sj{position:relative; margin-top:30px} .gs_sj .swiper-slide .w_z{padding:15px 15px 10px;} .gs_sj .swiper-slide .w_z h4{font-size:22px; line-height:32px; min-height:64px;} .gs_sj .swiper-slide .w_z p{font-size:14px; line-height:24px; } .gs_sj .swiper-slide strong{padding-left:15px; margin:15px 0 0; font-size:20px; line-height:26px; color:#333; display:block; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} } .sy_gy1{padding:60px 0; overflow:hidden;background:url(/uploads/image/acimages/gyn.jpg) no-repeat center bottom;} .sy_gy1 .gy_bt{ margin-bottom:30px} .sy_gy1 .row{margin:0 -10px;} .sy_gy1 .col-12{padding:0 10px;} .sy_gy1 .sy_bt{margin-bottom:40px;} .sy_gy1 .sy_bt h3{color:#333; font-size:24px } .sy_gy1 .g_y{font-size:16px; color:#333; line-height:30px; margin-bottom:50px;} .sy_gy1 .s_p{position:relative;} .sy_gy1 .b_f{width:60px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;} .sy_gy1 .s_p img{width:100%; height:auto; display:block;} .sy_gy1 a.m_r{width:160px; height:50px; text-align:center; font-size:12px; color:#fff; line-height:50px; background-color:#d0111b; display:block;} .sy_gy1 a.m_r i{vertical-align:middle; margin-left:20px; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .sy_gy1 a.m_r:hover i{margin-left:35px;} @media (min-width:1081px){ .sy_gy1{padding:80px 0;} .sy_gy1 .row{margin:0 -25px;} .sy_gy1 .col-12{padding:0 25px;} .sy_gy1 .sy_bt{margin-bottom:25px;} .sy_gy1 .g_y{font-size:14px; line-height:24px; margin-bottom:25px;} .sy_gy1 a.m_r{width:130px; height:40px; line-height:40px;} .sy_gy1 a.m_r i{margin-left:15px; font-size:18px;} .sy_gy1 a.m_r:hover i{margin-left:25px;} } @media (min-width:1600px){ .sy_gy1{padding:60px 0;} .sy_gy1 .row{margin:0 -20px;} .sy_gy1 .col-12{padding:0 20px;} .sy_gy1 .sy_bt{margin-bottom:20px;} .sy_gy1 .g_y{font-size:16px; line-height:30px; margin-bottom:50px;} .sy_gy1 a.m_r{width:160px; height:50px; line-height:50px;} .sy_gy1 a.m_r i{margin-left:20px; font-size:22px;} .sy_gy1 a.m_r:hover i{margin-left:35px;} } @media only screen and (max-width:640px){ .sy_gy1{padding:20px 0; overflow:hidden;} .sy_gy1 .gy_bt{ margin-bottom:20px} .sy_gy1 .row{margin:0 -20px;} .sy_gy1 .col-12{padding:0 20px;} .sy_gy1 .sy_bt{margin-bottom:10px;} .sy_gy1 .sy_bt h3{color:#333; font-size:18px } .sy_gy1 .g_y{font-size:14px; line-height:26px; margin-bottom:30px;} .sy_gy1 a.m_r{width:200px; height:60px; font-size:20px; line-height:60px; margin-bottom:30px;} } .sy_sj{width:100%; height:auto; overflow:hidden;} .sy_sj .wrap .n_r{border-right:1px solid rgba(12,54,160,.5); text-align:center;} .sy_sj .wrap ul li{width:25%; padding:0 15px;} .sy_sj .wrap ul li:last-child .n_r{border-right:0;} .sy_sj .wrap .s_z{font-size:20px; color:#0c36a0;} .sy_sj .wrap .s_z b{font-size:42px; padding-right:10px; font-weight:normal; color:#0c36a0} .sy_sj .wrap em{width:30px; height:3px; display:block; margin:10px auto; background-color:rgba(255,255,255,.6);} .sy_sj .wrap p{font-size:16px; color:#333;} @media (min-width:1081px){ .sy_sj .wrap ul li{padding:0 10px;} .sy_sj .wrap .s_z{font-size:16px;} .sy_sj .wrap .s_z b{font-size:46px;} .sy_sj .wrap p{font-size:16px;} } @media (min-width:1600px){ .sy_sj .wrap ul li{padding:0 15px;} .sy_sj .wrap .s_z{font-size:20px;} .sy_sj .wrap .s_z b{font-size:42px;} .sy_sj .wrap p{font-size:16px;} } @media only screen and (max-width:640px){ .sy_sj{padding:20px 0 0; background: no-repeat center / cover; text-align:center;} .sy_sj .wrap ul{display:inline-block; margin:0;} .sy_sj .wrap ul li{width:49%; padding:0 10px; display:inline-block; float:none;} .sy_sj .wrap .n_r{border-right:0; margin:10px 0;} .sy_sj .wrap .s_z{font-size:20px;} .sy_sj .wrap .s_z b{font-size:24px;} .sy_sj .wrap p{font-size:14px;} } .dbda{ height:auto; overflow:hidden; margin-bottom:20px} .biaot{ border-bottom:#ccc 1px solid; line-height:50px; padding-left:20px; font-size:18px; color:#333;background: no-repeat left center; margin-bottom:20px} .biaot:hover{ color:#0c36a0} .dbda li{ font-size:16px; width:16.6%; float:left; line-height:40px} .dbda li a{ color:#333} .dbda li:hover a{ color:#0c36a0} @media only screen and (max-width:992px){ .dbda{ height:auto; overflow:hidden; margin-bottom:10px} .biaot{ border-bottom:#ccc 1px solid; line-height:50px; padding-left:20px; font-size:16px; color:#333;background: no-repeat left center; margin-bottom:10px} .dbda li{ font-size:14px; width:50%; float:left; line-height:30px} } .cxbg{background: no-repeat center; height:auto; overflow:hidden; padding:100px 0} .cxbg p{ text-align:center; font-size:14px; color:#0c36a0; margin-bottom:50px} .cxbg .yz_xx{width:100%; margin:0 auto; padding:60px 80px; box-shadow:0px 8px 20px 0px rgba(95,125,158,.1); border:#ddd 1px solid} .cxbg .yz_xx .n_r{ height:auto; overflow:hidden; text-align:center} .cxbg .yz_xx .n_r input{width:100%; height:51px; border:1px solid #ddd; line-height:50px; margin-bottom:20px; display:block; padding-left:20px; font-size:14px} .cxbg .yz_xx .n_r.y_z input{padding-right:120px;} .cxbg .yz_xx .n_r .y_m{width:100px; height:40px; background: no-repeat center / cover; position:absolute; top:5px; right:0;} .cxbg .yz_xx button{width:150px; height:50px; background-color:#0c36a0; font-size:16px; line-height:50px; text-align:center; color:#fff; margin:10px auto;border-radius:5px; } .cxbg .yz_xx button:hover{background-color:#01af1e;} @media only screen and (max-width:992px){ .cxbg{background: no-repeat center; height:auto; overflow:hidden; padding:60px 0} .cxbg .yz_xx{width:100%; margin:0 auto; padding:30px 20px 20px; box-shadow:0px 8px 20px 0px rgba(95,125,158,.1); border:#ddd 1px solid} .cxbg p{ text-align:center; font-size:14px; color:#0c36a0; margin-bottom:30px} .cxbg .yz_xx button{width:150px; height:40px; background-color:#0c36a0; font-size:14px; line-height:40px; text-align:center; color:#fff; margin:10px auto;border-radius:5px; } .cxbg .yz_xx .n_r input{width:100%; height:41px; border:1px solid #ddd; line-height:40px; margin-bottom:20px; display:block; padding-left:10px; font-size:13px} } .tjxw { background:#fafafa; height:auto; overflow:hidden; padding:50px 0} .tjxw .x_w1{width:49%} .tjxw .x_w1 .wt_bt{border-bottom:1px solid #eee; overflow:hidden; margin-bottom:20px;} .tjxw .x_w1 .wt_bt span{float:left; width:100px; height:50px; border-bottom:#0c36a0 2px solid; font-size:20px; line-height:50px; color:#000; letter-spacing:1px; text-align:center; cursor:pointer; font-weight:bold} .tjxw .x_w1 .wt_bt a{font-size:14px; line-height:50px; float:right; color:#0c36a0} .tjxw .x_w1 ul li{line-height:50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%; font-size:15px; color:#333; border-bottom:#ccc 1px dashed} .tjxw .x_w1 ul li a{ color:#333} .tjxw .x_w1 span{float:right; font-size:14px} .tjxw .x_w1 i{font-size:14px; margin-right:5px;} @media only screen and (max-width:992px){ .tjxw { background:#fafafa; height:auto; overflow:hidden; padding:20px 0 0} .tjxw .x_w1{width:100%; margin-bottom:20px} .tjxw .x_w1 .wt_bt{border-bottom:1px solid #eee; overflow:hidden; margin-bottom:10px;} .tjxw .x_w1 .wt_bt span{float:left; width:70px; height:40px; border-bottom:#0c36a0 2px solid; font-size:16px; line-height:40px; color:#000; letter-spacing:1px; text-align:center; cursor:pointer; font-weight:bold} .tjxw .x_w1 .wt_bt a{font-size:12px; line-height:40px; float:right; color:#0c36a0} .tjxw .x_w1 ul li{line-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%; font-size:14px; color:#333; border-bottom:#ccc 1px dashed} .tjxw .x_w1 span{float:right; font-size:12px} .tjxw .x_w1 i{font-size:12px; margin-right:5px;} } #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display: none; } #fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:; } #fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none; box-sizing: inherit} #fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none; box-sizing: inherit} #fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none; box-sizing: inherit /*box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;*/} #fancybox-outer{position:relative;width:100%;height: auto;} #fancybox-content{position:relative;overflow:hidden;z-index:1102; background:#fff; border:#fff solid 0px } #fancybox-hide-sel-frame{position:absolute;width:100%;height:100%;z-index:1101; box-sizing: inherit} #fancybox-close{position:absolute;top:10px;right:-8px;width:30px;height:30px;background:transparent -40px 0px;cursor:pointer;z-index:1103;display:none; box-sizing: inherit} #fancybox-error{color:#444;font:normal 12px/20px arial;padding:14px;margin:0; box-sizing: inherit} #fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top; box-sizing: inherit} #fancybox-frame{width:100%;height:100%;border:none;display:block; box-sizing: inherit} #fancybox-left, #fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:transparent ;z-index:1102;display:none; box-sizing: inherit} #fancybox-left{left:0px; box-sizing: inherit} #fancybox-right{right:0px; box-sizing: inherit} #fancybox-left-ico, #fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block; box-sizing: inherit} #fancybox-left-ico{background-image:;background-position:-40px -30px; box-sizing: inherit} #fancybox-right-ico{background-image:;background-position:-40px -60px; box-sizing: inherit} #fancybox-left:hover, #fancybox-right:hover{visibility:visible; box-sizing: inherit /* ie6 */} #fancybox-left:hover span{left:20px; box-sizing: inherit} #fancybox-right:hover span{left:auto;right:20px; box-sizing: inherit} .fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;} #fancybox-bg-n{top:-20px;left:0;width:100%;background-image:;} #fancybox-bg-ne{top:-20px;right:-20px;background-image:;background-position:-40px -162px;} #fancybox-bg-e{top:0;right:-20px;height:100%;background-image:;background-position:-20px 0px;} #fancybox-bg-se{bottom:-20px;right:-20px;background-image:;background-position:-40px -182px;} #fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:;background-position:0px -20px;} #fancybox-bg-sw{bottom:-20px;left:-20px;background-image:;background-position:-40px -142px;} #fancybox-bg-w{top:0;left:-20px;height:100%;background-image:;} #fancybox-bg-nw{top:-20px;left:-20px;background-image:;background-position:-40px -122px;} #fancybox-title{font-family:helvetica;font-size:16px;z-index:1102;} .fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;} .fancybox-title-outside{padding-top:10px;color:#fff;} .fancybox-title-over{position:absolute;bottom:0;left:0;color:#fff;text-align:left;} #fancybox-title-over{padding:10px ;background-image:;display:block; width:calc(100% - 20px)} .fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;} #fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;} #fancybox-title-float-wrap td{border:none;white-space:nowrap;} #fancybox-title-float-left{padding:0 0 0 15px;background: -40px -90px no-repeat;} #fancybox-title-float-main{color:#fff;line-height:29px;font-weight:bold;padding:0 0 3px 0;background: 0px -40px;} #fancybox-title-float-right{padding:0 0 0 15px;background: -55px -90px no-repeat;} /* ie6 */ .fancybox-ie6 #fancybox-close{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie6 #fancybox-left-ico{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie6 #fancybox-right-ico{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie6 #fancybox-title-over{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale'); zoom:1;} .fancybox-ie6 #fancybox-title-float-left{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie6 #fancybox-title-float-main{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie6 #fancybox-title-float-right{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame{height:expression(this.parentnode.clientheight "px");} #fancybox-loading.fancybox-ie6{position:absolute; margin-top:0;top:expression( (-20 (document.documentelement.clientheight ? document.documentelement.clientheight/2 : document.body.clientheight/2 ) ( ignoreme = document.documentelement.scrolltop ? document.documentelement.scrolltop : document.body.scrolltop )) 'px');} #fancybox-loading.fancybox-ie6 div{background:transparent; filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} /* ie6, ie7, ie8 */ .fancybox-ie .fancybox-bg{background:transparent !important;} .fancybox-ie #fancybox-bg-n{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie #fancybox-bg-ne{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie #fancybox-bg-e{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie #fancybox-bg-se{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie #fancybox-bg-s{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie #fancybox-bg-sw{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie #fancybox-bg-w{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .fancybox-ie #fancybox-bg-nw{filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale');} .more-btn{ background: #3d5eb3; display: block; width: 180px; height: 40px; margin: 0 auto; font-size: 16px; line-height: 40px; text-align: center; border-radius: 20px; border: 1px solid #3d5eb3; color: #fff; transition: all ease 600ms; box-shadow: 0px 3px 17px 2px #e5e5e5; margin-top: 30px; margin-bottom: 20px; } .more-btn:hover{ width: 220px; background: #0c36a0; color: #fff; transition: all ease 600ms; } #fashionshow{ padding: 0; height:auto; overflow:hidden} .subtit{ color:#a0a0a0; text-align:center; padding-bottom:40px;} #fashionshow ul{ margin-top:15px;} #fashionshow ul li{ position:relative; width:23.2%; float:left; line-height:0; margin-right:1%; margin-bottom:1%;border: 1px solid #e7e7e7;box-sizing:border-box; padding:5px } #fashionshow ul li p{ text-align:center; font-size:14px;margin-top:0px; height:50px; line-height:50px; color:#4f4949; background:#fafafa} #fashionshow ul li:nth-child(5n){margin-right:0; } #fashionshow ul li a{ display:block; width:100%; overflow:hidden;position:relative;height: 338px;text-align: center;margin: auto;} #fashionshow ul li a img{ max-width:100%;height: 100%;text-align: center; margin: auto;} #fashionshow ul li a span{ position:absolute; bottom:0; left:0; display:inline-block; width:100%; border-bottom:6px #0c36a0 solid;/*filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;*/ display:none;} #fashionshow ul li a b{ display:inline-block; position:absolute; left:auto; right:0; top:auto; bottom:0; width:44px; height:38px; background: no-repeat center #0c36a0;} #fashionshow ul li a img.cloneimg{ /*position:absolute; */ /*left:0; */ top:0;filter:grayscale(50%); -webkit-filter:grayscale(50%); -moz-filter:grayscale(50%); -ms-filter:grayscale(50%); -o-filter:grayscale(50%);} @media only screen and (max-width:992px){ #fashionshow ul li{ position:relative; width:48%; float:left; line-height:0; margin-right:2%; margin-bottom:2%} #fashionshow ul li p{ text-align:center; font-size:14px; font-weight:bold; margin-top:0px; height:40px; line-height:40px; color:#000; background:#fafafa} #fashionshow ul li:nth-child(even){margin-right:0; } #fashionshow ul li:nth-child(odd){margin-right:2%; } } .zw{ line-height:30px; padding:15px 0; min-height:350px;color:#555555; font-size:14px;} /* .zw a:link{ color:#555555; } .zw a:visited{ color:#555;} */ .zw a:hover{ color:#ff6205;} .zw a:active{color:#555555;} .zw img{ max-width:100%; width:expression(document.body.clientwidth>100%?"100%":"auto"); } .gs_dt iframe {width: 100%!important;} .xiaocms-page span{ margin:0 3px; border:1px solid #0c36a0;line-height:35px; padding:0 15px; background:#0c36a0; color:#ffffff; display:inline-block; } .xiaocms-page a{margin:0 3px; border:1px solid #eee;line-height:35px;background:#fff; display:block; color:#333; padding:0 15px;display:inline-block; } .xiaocms-page a:hover {margin:0 3px; border:1px solid #0c36a0;line-height:35px; background:#0c36a0; color:#fff; padding:0 15px;display:inline-block;}