@charset "gb2312";
/* CSS Document */
* { padding:0; margin:0;}
body { font-size:12px; font-family:Arial;color:#444; background:#fff;}
ul { list-style:none;}
li { list-style:none; vertical-align:middle;}
a { color:#333; text-decoration:none;}
a:hover { color:#428AEE; text-decoration:none!important;}
img { border:none;}
img{ border:0; line-height:0; margin:0; padding: 0;}
.cl { clear:left;}
.cb { clear:both;}
.left { float:left;}
.right { float:right;}
#blockbottom980 .blocktop_li { width:1300px; margin:0 auto;}

body .bodybg { }
.main { padding:0;margin-top:0;}
.tianjia6 {}
.right_title_left { width:10px;}
.side_title_left { width:10px;}

.esp_comm_topline{ position:relative; z-index:1001;}
.esp_comtop_gptwd{position:relative; z-index:1000;}

.spfg_gdbg{ width:100%; height:100%; position:fixed; left:0; top:0; bottom:0;   background:linear-gradient(230deg, #e4e8f8, #fff 14.67%, #e5ecf8 29.93%,  #fff 44.69%, #e5ecf8 59.85%,  #fff 74.58%,  #e5ecf8 89.99%, #fff 94.79%); background-color:#E6EEFF; z-index:0; }
.spfg_gdbgwit{}

.spfg_topmenu{ overflow:hidden; /*background:url(images/spfg_topbg.jpg) center repeat;background-color:#c8e0fc;*/ background:linear-gradient(90deg, #C5DCFC, #D4EFFF 20%, #C5DCFC 50%, #6E9DF9); position:relative;}
.spfg_top {max-width:1440px; margin:0 auto; position:relative; z-index:999;  padding:0px 20px; margin-top:0px;}
.spfg_topin { width:100%; height:144px;  z-index:99; position:relative;}

.spfg_logo1 {max-width:160px; max-height:100px; text-align:center; float:left; margin-top:22px;}
.spfg_logo1 table td {max-width:160px; height:100px; vertical-align:middle; text-align:center;}
.spfg_logo1 img { max-width:160px; max-height:100px; image-rendering: -webkit-optimize-contrast; border-radius: 7.11111px;}

.spfg_logo2 { width:calc(100% - 200px); height:40px; padding-left:20px; line-height:40px; padding-top:52px; float:left; color:#000; font-size:30px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; text-align:left;}
.spfg_logo2 a { color:#000;}
.spfg_logo2 a:hover { color:#000;}
.spfg_logo3 { width:415px; height:90px; line-height:40px; float:left; color:#fff; font-size:16px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align:center; float:right; margin-top:35px;}
.top_ico1{ width:104px; height:40px; background:url(images/top_ico1.png) center top no-repeat; border-right:#4A4A51 1px solid; float:left; padding-top:50px;}
.top_ico2{ width:104px; height:40px; background:url(images/top_ico2.png) center top no-repeat; border-right:#4A4A51 1px solid; float:left; padding-top:50px;}
.top_ico3{ width:104px; height:40px; background:url(images/top_ico3.png) center top no-repeat; float:left; padding-top:50px;}

.spfg_topss{ width:280px; height:38px; float:right; overflow:hidden; font-size:14px; margin:50px 0px;}
.spfg_ssinput{ width:210px; height:36px; background-color:#FFF; border:none; border:#EDEDED 1px solid; float:left; outline:none; padding-left:10px; font-size:14px;}
.spfg_ssub{ width:58px; height:38px; line-height:38px; color:#FFF; font-size:16px; background:url(images/ss_sub.png) center no-repeat; background-color:#00CCAB; border:none; outline:none; float:left; cursor:pointer;  transition:all 0.6s;}
.spfg_ssub:hover{ background-color:#00ae92;  transition:all 0.6s;}

.spfg_topin_phone { height:60px; line-height:40px;float:right; position:absolute; right:0px; top:50px;}
.spfg_topin_phone i{ display:block; font-size:16px; color:#8F8F8F; line-height:20px; text-align:left; font-style:normal;}
.spfg_topin_phone p{ color:#0068B9; font-weight:700; font-size:24px; font-style:normal; line-height:36px;}
.spfg_topin_phone:before{content: ""; width:40px; height:40px; background:url(images/top_tel.png) left no-repeat; position:absolute; left:-55px; top:8px; z-index:5; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; }
.spfg_topin_phone a{ color:#0068B9;}
.spfg_topin_phone a:hover{ color:#0068B9;}

.spfg_menu { margin:0 auto; height:50px; position:relative; background-color:#163280; z-index:998; }
.spfg_menu:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.spfg_menu{zoom:1}

.spfg_menuin  {max-width:1440px; height:50px; margin:0 auto; overflow:hidden; padding:0px 20px;}
.spfg_menuin ul{ width:100%; overflow:hidden;}
.spfg_menuin li { width:10%; height:50px; line-height:50px; float:left; text-align:center; overflow:hidden; font-size:16px; position:relative; box-sizing:border-box; padding:0px 1px;}
.spfg_menuin a {width:100%; text-align:center; color:#fff; display:block; transition:all 0.3s;}
.spfg_menuin li a:hover {width:100%; background:linear-gradient(112deg, #45c5ff, #2567ff 51.04%, #894ef8), #3f5efb !important; text-decoration:none; color:#fff; transition:all 0.3s; }
.menu_link_show {width:100%; height:50px; line-height:50px; background:linear-gradient(112deg, #45c5ff, #2567ff 51.04%, #894ef8), #3f5efb !important; text-align:center; display:block; overflow:hidden; position:relative;}
.spfg_menuin .menu_link_show a{ color:#fff;}

.spfg_banner { width:100%; height:480px;position:relative; overflow:hidden; z-index:10; display:block; margin-top:10px; }
.spfg_bannerin { width:1440px; position:absolute; left:50%; margin-left:-720px; top:0;height:480px;overflow:hidden; z-index:90;}
.spfg_news_main1_photo { width:100%; height:480px;position:absolute; z-index:1; overflow:hidden; display:;}
.spfg_news_main1_photo ul { position:absolute; height:480px; width:200%; z-index:1; position:relative;}
.spfg_news_main1_photo li { width:50%; height:480px;overflow:hidden; float:left; vertical-align:middle; display:table;  text-align:center;}
.spfg_news_main1_photo li a{display:table-cell; vertical-align:middle;}
.spfg_banner_pre { width:50px; height:50px; background:#fff; position:absolute; top:50%; margin-top:-25px;left:20px;text-align:center; line-height:50px; font-family:"ËÎÌå"; font-size:45px; color:#333; cursor:pointer;filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;z-index:100; border-radius:10px;}
.spfg_banner_next { width:50px; height:50px; background:#fff; position:absolute; top:50%; margin-top:-25px; right:20px;text-align:center; line-height:50px; font-family:"ËÎÌå"; font-size:45px; color:#333; cursor:pointer;filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;z-index:100; border-radius:10px;}
.spfg_banner_prea { width:50px; height:50px; background:#0066FF; position:absolute; top:50%; margin-top:-25px; left:20px;text-align:center; line-height:50px; font-family:"ËÎÌå"; font-size:45px; color:#333; cursor:pointer;z-index:100; border-radius:10px;}
.spfg_banner_nexta { width:50px; height:50px; background:#0066FF; position:absolute; top:50%; margin-top:-25px; right:20px; text-align:center; line-height:50px; font-family:"ËÎÌå"; font-size:45px; color:#333; cursor:pointer;z-index:100; border-radius:10px;}

.spfg_banner_tr { width:72px; height:20px; position:absolute; left:50%; margin-left:-36px; bottom:60px; z-index:99;}
.spfg_banner_tr1 { width:12px; height:12px; font-family:"΢ÈíÑźÚ";  background:#43db00; border-radius:9px; cursor:pointer; margin-left:3px; margin-right:3px; float:left; display:inline-block;}
.spfg_banner_tr2 {  width:12px; height:12px; font-family:"΢ÈíÑźÚ";  background:#fff; border-radius:9px; cursor:pointer; margin-left:3px; margin-right:3px; float:left; display:inline-block;}

.vip_tjcp_box{padding-top:5px; overflow:hidden; padding-bottom:0px;}
.jswz{ width:100%; margin:0 auto; padding:0px 10px; box-sizing:border-box;}
.zdy_big { width:100%; margin:0 auto; overflow: hidden; padding:10px; box-sizing:border-box; font-size: 14px; line-height:1.5;   }

.spfg_main1bg{ overflow:hidden; padding:100px 0px;  position:relative; z-index:1;}
.spfg_main1{ max-width:1440px; padding:0px 20px;  margin:0px auto 0px auto; position:relative; z-index:10; }
.spfg_aboutus{ width:100%; display:flex; -webkit-box-align: center; -ms-flex-align:center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;} 
.spfg_aboutleft{}
.spfg_info{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify;
 color: #2d2d2d; justify-content: space-between; padding: 0 0 0 16px;}
.spfg_info_tit{font-size: 44px; font-weight: 400; line-height: 44px; margin-bottom: 0; padding: 0 32px 0 8px; position: relative;}
.spfg_info_tit:before{ background: -webkit-gradient(linear, left top, right top, from(#60cfff), color-stop(30.11%, rgba(63, 141, 255, .75)), color-stop(70.03%, rgba(255, 157, 255, .25)), to(rgba(255, 157, 255, 0)));
 background:linear-gradient(90deg, #60cfff, rgba(63, 141, 255, .75) 30.11%, rgba(255, 157, 255, .25) 70.03%, rgba(255, 157, 255, 0)); bottom:4px; content:""; height:8px; left 0; position:absolute; right:0; width:100%;}
.spfg_info_lxwm{ display: -webkit-box; display: -ms-flexbox; display: flex;}
.spfg_info_lxwm a{ background: linear-gradient(112deg, #45c5ff, #2567ff 24.93%, #894ef8 49.73%, #2567ff 74.71%, #45c5ff); background-size: 200% auto; margin-right: 16px; opacity: 1;  -webkit-transition: all .5s;
 transition: all .5s; height: 46px; line-height: 46px; padding: 0 24px; border-radius: 34px; cursor: pointer; font-size: 16px; font-weight: 500; color:#fff;}
.spfg_info_lxwm a:hover{background-position:100%; color:#fff;}
.spfg_aboutkh{display: block; font-weight: 700; margin-top:24px; padding: 0 16px; color: #2d2d2d; font-size: 20px; line-height: 24px;}
.spfg_aboutnr{ width:100%; height:340px; background-color:#fff; border-radius: 8px; margin-top:24px; box-sizing:border-box; padding:32px; font-size:16px; line-height:1.5;}
.spfg_aboutnr p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:11; -webkit-box-orient:vertical;}
.spfg_aboutnr:hover{box-shadow: 45px 45px 60px 0 rgba(91, 135, 202, .08), 8px 8px 20px 0 rgba(91, 135, 202, .12);}

.spfg_aboutright{-webkit-box-flex:1; -ms-flex:1; flex:1;}
.spfg_aboutxx{ margin-right: 50px; width: 600px;}
.spfg_aboutbox{padding:36px 0 0; position: relative; width: 100%;}
.spfg_abouttu{ border-radius:8px; height:450px; width:600px; position:relative; background-color:#f6f6f6; overflow:hidden;}
.spfg_aboutbox:before{ content:""; background:radial-gradient(146.57% 133.02% at 93.33% 72.12%, #05255e 0, #3f5efb 100%); border-radius:8px; height:450px; left: -36px; position:absolute; top: 0; width:600px;}
.gstu_main { width:100%; height:450px; position:relative; float:left;}
.gstu_main_photo { width:100%; height:450px; position:absolute; left:0px; bottom:0; overflow:hidden; z-index:10;}
.gstu_main_photo ul { position:absolute; height:450px; width:400%;}
.gstu_main_photo li { width:25%; height:450px; float:left; position:relative; overflow:hidden; display:table;  text-align:center;}
.gstu_main_photo li span{ width:100%; height:450px; display:table-cell; vertical-align:middle;}
.gstu_main_photo li img { max-width:100%; max-height:450px;}
.gstu_main_tr { width:72px; height:7px; position:absolute; right:3px; bottom:0; z-index:11;}
.gstu_main_tr1 { width:15px; height:2px; background:#3f5efb; float:left; margin:1px; display:inline; }
.gstu_main_tr2 { width:15px; height:2px; background:#fff; float:left; margin:1px; display:inline; }

.spfg_main2bg{ overflow:hidden; padding:0px;  position:relative; z-index:1;}
.spfg_main2bg:before{ content:""; height:400px; background:url(images/spfg_m2bg.jpg); position:absolute; left:0; top:0; right:0px; z-index:1;}
.spfg_main2{ max-width:1440px; padding:0px 20px; margin:100px auto 0px auto; position:relative; z-index:10; }
.spfg_hcptit{ padding-bottom:40px;  display: flex; justify-content: space-between;}
.spfg_hcptit_left{}
.spfg_hcptit h2{ font-size:44px; line-height:34px; font-weight:400 !important; padding:0 32px 0 8px; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color:#fff;}
.spfg_hcptit h2:after {
    background: -webkit-gradient(linear, left top, right top, from(#60cfff), color-stop(30.11%, rgba(63, 141, 255, .75)), color-stop(70.03%, rgba(255, 157, 255, .25)), to(rgba(255, 157, 255, 0)));
    background: linear-gradient(90deg, #60cfff, rgba(63, 141, 255, .75) 30.11%, rgba(255, 157, 255, .25) 70.03%, rgba(255, 157, 255, 0)); bottom: -4px; content: ""; height: 8px; left: 0;
 position: absolute; right: 0; width: 100%;}
.spfg_hcptit a{ display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 100px; font-size: 14px; font-weight: 700; line-height: 17px;
 margin-top: 0; padding: 14px 24px; -webkit-transition: all .3s; transition: all .3s;}
.spfg_hcptit a:hover { background: #3f5efb; border-color: #3f5efb; color: #fff !important;}

.spfg_hcptop{ width:100%; overflow:hidden; padding-bottom:32px;}
.spfg_topcp{ width:calc(50% - 16px); background-color:#FFF; float:left; position:relative; box-sizing:border-box; padding:32px; border-radius:8px; overflow:hidden; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background: linear-gradient(102.39deg, hsla(0, 0%, 100%, .8), #fff);}
.spfg_topcp:nth-child(2){ float:right;}
.spfg_topleft{ width:40%; float:left;}
.spfg_toptu{width:100%; height:0px; font-size:0; position:relative; padding-bottom:100%; overflow:hidden; float:left; border-radius:7.1111px;}
.spfg_toptu a{width:100%; height:100%; display:block;}
.spfg_toptu span:after { background: rgba(0, 0, 0, .03); bottom: 0; content: ""; left: 0; position:absolute; right:0; top:0; z-index:6;}
.spfg_toptu span{ width: 100%; height: 100%; font-size: 0; position: relative; padding-bottom: 100%; overflow:hidden; background-color:#fff; display:block;}
.spfg_toptu img {max-width:100%; max-width:100%; max-height:100%; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin: auto; transition: all .3s ease-in;  box-sizing:border-box;}
.spfg_toptu:hover img{transform: scale(1.1); transition: 0.3s ease-out;}
.spfg_topright{ width:60%; float:left; overflow:hidden; padding-left:15px; box-sizing:border-box;}
.spfg_topname { width:100%; float:left;}
.spfg_topname a{ text-decoration:none; color:#333; transition:all 0.3s;}
.spfg_topname a:hover{text-decoration:none; color:#3f5efb; transition:all 0.3s;}
.spfg_topname p{width:100%; height:48px; line-height:24px; font-size:16px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-decoration:none; position:relative; float:left; text-transform:capitalize; color:#333; overflow:hidden; box-sizing:border-box; word-break:break-all; word-wrap:break-word; margin-bottom:8px; }
.spfg_topname em{width:100%; font-style:normal; font-size:18px; font-weight: 700; line-height: 22px; display:inline-block; margin-bottom:8px; color:#333;}
.spfg_topname i{width:100%; font-style:normal; color:#999!important; font-size: 12px; display:inline-block;}
.spfg_topxgcp{ width:100%; overflow:hidden;}
.spfg_topxgcp p{ width:100%; height:20px; line-height:20px; font-size:14px; float:left; color:#888; padding:15px 0px 0px 0px; text-transform:capitalize;}
.spfg_topxgcp ul{ width:calc(100% + 10px); margin:0; padding:0; margin-left:-5px;}
.spfg_topxgcp li{ width:20%; float:left; position:relative; box-sizing:border-box; padding:5px;}
.spfg_xgcptu{width: 100%; height:0px; font-size:0; position:relative; padding-bottom:100%; overflow:hidden;  border-radius:7.1111px;}
.spfg_xgcptu:after { background: rgba(0, 0, 0, .03); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1;}
.spfg_xgcptu span{ width: 100%; height: 100%; font-size: 0; position: relative; padding-bottom: 100%; overflow:hidden; background-color:#fff; display:block;}
.spfg_xgcptu img {max-width:100%; max-width:100%; max-height:100%; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin: auto; transition: all .3s ease-in;  box-sizing:border-box;}
.spfg_xgcptu:hover img {transform: scale(1.1); transition: 0.3s ease-out;}
.spfg_toply{ width:100%; float:left; padding-top:12px;}
.spfg_toply a{ width:100px; height:28px; line-height:28px; text-align:center; font-size:12px; border:#3f5efb 1px solid; color:#3f5efb; display:block; border-radius:40px; transition: 0.3s ease-out;}
.spfg_toply a:hover{ background-color:#3f5efb; color:#ffff;  transition: 0.3s ease-out;}

.spfg_main3bg{ overflow:hidden; padding:0px; position:relative; z-index:1; padding-bottom:50px;}
.spfg_main3{ max-width:1440px; padding:0px 20px;  margin:0px auto 0px auto; position:relative; z-index:10;}
.spfg_hcpbox{ width:100%; border-radius:8px; overflow:hidden; background-color:#fff; -webkit-box-shadow: 8px 8px 19px 0 rgba(91, 135, 202, .08); box-shadow: 8px 8px 19px 0 rgba(91, 135, 202, .08);}
.cpzx_list{ width:100%; overflow:hidden; float:left; padding:16px; box-sizing:border-box;}
.cpzx_list ul{ width:100%; margin:0; padding:0; position:relative; overflow:hidden; box-sizing:border-box;}
.cpzx_list li { width:20%; float:left; position:relative; box-sizing:border-box; padding:16px;}
.cpzx_cptu_dg{ width:100%; height:100%; float:left; position:relative; box-sizing:border-box; }
.cpzx_cptu_dg a{ width:100%; height:100%; text-decoration:none; display:block; background-color:#fff; overflow:hidden; margin-bottom:0px;}
.cpzx_cptu_dg a:hover{ color:#3f5efb; text-decoration:none;}
.cpzx_cptu{width: 100%; height:0px; font-size:0; position:relative; padding-bottom:100%; overflow:hidden;  border-radius:7.1111px;}
.cpzx_cptu:after { background: rgba(0, 0, 0, .03); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1;}
.cpzx_cptu span{ width: 100%; height: 100%; font-size: 0; position: relative; padding-bottom: 100%; overflow:hidden; background-color:#fff; display:block;}
.cpzx_cptu img {max-width:100%; max-width:100%; max-height:100%; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin: auto; transition: all .3s ease-in;  box-sizing:border-box;}
.cpzx_cpright{ width:100%; float:left;  padding:10px 0px 0px 0px; box-sizing:border-box; overflow:hidden; }
.cpzx_name { width:100%; height:36px; line-height:18px; font-size:14px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-decoration:none; position:relative; float:left; text-transform:capitalize; color:#666; overflow:hidden; box-sizing:border-box; word-break:break-all; word-wrap:break-word; margin-bottom: 8px;}
.cpzx_price{ width:100%; text-align:left; font-size:16px; color:#2d2d2d; font-weight:700; font-style:normal; display:block; line-height:20px; overflow:hidden;}
.cpzx_tomore{ width:100%; line-height:20px; text-align:left; font-style:normal; color:#999; font-size:12px; float:left; display:block; }
.cpzx_cptu_dg:hover .cpzx_name{color:#3f5efb; transition: 0.3s ease-out;}
.cpzx_cptu_dg:hover .cpzx_cptu img{transform: scale(1.1); transition: 0.3s ease-out;}


.spfg_main4bg{ overflow:hidden; padding:0px; position:relative; z-index:1; margin-bottom:40px;}
.spfg_main4{ max-width:1440px; padding:0px 20px;  margin:40px auto 0px auto; position:relative; z-index:10;}
.cpzs_title{ padding-bottom:20px;  display: flex; justify-content: space-between;}
.cpzs_title h2{ font-size:44px; line-height:34px; font-weight:400 !important; padding:0 32px 0 8px; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color:#333;}
.cpzs_title h2:after {
    background: -webkit-gradient(linear, left top, right top, from(#60cfff), color-stop(30.11%, rgba(63, 141, 255, .75)), color-stop(70.03%, rgba(255, 157, 255, .25)), to(rgba(255, 157, 255, 0)));
    background: linear-gradient(90deg, #60cfff, rgba(63, 141, 255, .75) 30.11%, rgba(255, 157, 255, .25) 70.03%, rgba(255, 157, 255, 0)); bottom: -4px; content: ""; height: 8px; left: 0;
 position: absolute; right: 0; width: 100%;}
.cpzs_list{ width:100%; overflow:hidden; float:left; padding:0px; box-sizing:border-box;}
.cpzs_list ul{ width: calc(100% + 32px); margin:0; padding:0; margin-left:-16px; position:relative; overflow:hidden; box-sizing:border-box;}
.cpzs_list li { width:25%; float:left; position:relative; box-sizing:border-box; padding:16px; }
.cpzs_cptu_dg{ width:100%; height:100%; float:left; position:relative; box-sizing:border-box; background-color:#fff; border-radius:8px; overflow:hidden; padding:18px; transition: 0.3s ease-out; -webkit-box-shadow: 8px 8px 19px 0 rgba(91, 135, 202, .08); box-shadow: 8px 8px 19px 0 rgba(91, 135, 202, .08);}
.cpzs_cptu_dg a{ width:100%; height:100%; text-decoration:none; display:block; background-color:#fff; overflow:hidden; margin-bottom:0px;}
.cpzs_cptu_dg a:hover{ color:#3f5efb; text-decoration:none;}
.cpzs_cptu_dg:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px); transition: 0.3s ease-out; }
.cpzs_list li:nth-child(odd) {margin-top:40px;}
.cpzs_cptu{width: 100%; height:0px; font-size:0; position:relative; padding-bottom:100%; overflow:hidden;  border-radius:7.1111px;}
.cpzs_cptu:after { background: rgba(0, 0, 0, .03); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1;}
.cpzs_cptu span{ width: 100%; height: 100%; font-size: 0; position: relative; padding-bottom: 100%; overflow:hidden; background-color:#fff; display:block;}
.cpzs_cptu img { max-width:100%; max-height:100%; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin: auto; transition: all .3s ease-in;  box-sizing:border-box;}
.cpzs_cpright{ width:100%; float:left;  padding:10px 0px 0px 0px; box-sizing:border-box; overflow:hidden; }
.cpzs_name { width:100%; height:36px; line-height:18px; font-size:14px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-decoration:none; position:relative; float:left; text-transform:capitalize; color:#666; overflow:hidden; box-sizing:border-box; word-break:break-all; word-wrap:break-word; margin-bottom: 8px;}
.cpzs_price{ width:100%; text-align:left; font-size:16px; color:#2d2d2d; font-weight:700; font-style:normal; display:block; line-height:20px; overflow:hidden;}
.cpzs_tomore{ width:100%; line-height:20px; text-align:left; font-style:normal; color:#999; font-size:12px; float:left; display:block; }
.cpzs_cptu_dg:hover .cpzs_name{color:#3f5efb; transition: 0.3s ease-out;}
.cpzs_cptu_dg:hover .cpzs_cptu img{transform: scale(1.1); transition: 0.3s ease-out;}


.spfg_main5bg{ overflow:hidden; padding:0px; position:relative; z-index:1; margin-bottom:50px;}
.spfg_main5{ max-width:1440px; padding:0px 20px;  margin:40px auto 0px auto; position:relative; z-index:10;}
.cpzs_title{ padding-bottom:20px;  display: flex; justify-content: space-between;}
.cpzs_title h2{ font-size:44px; line-height:34px; font-weight:400 !important; padding:0 32px 0 8px; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color:#333;}
.cpzs_title h2:after {
    background: -webkit-gradient(linear, left top, right top, from(#60cfff), color-stop(30.11%, rgba(63, 141, 255, .75)), color-stop(70.03%, rgba(255, 157, 255, .25)), to(rgba(255, 157, 255, 0)));
    background: linear-gradient(90deg, #60cfff, rgba(63, 141, 255, .75) 30.11%, rgba(255, 157, 255, .25) 70.03%, rgba(255, 157, 255, 0)); bottom: -4px; content: ""; height: 8px; left: 0;
 position: absolute; right: 0; width: 100%;}
 .cpzs_title a{ display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 100px; font-size: 14px; font-weight: 700; line-height: 17px;
 margin-top: 0; padding: 14px 24px; -webkit-transition: all .3s; transition: all .3s;}
.cpzs_title a:hover { background: #3f5efb; border-color: #3f5efb; color: #fff !important;}
.xpss_list{width:calc(100% + 32px); margin:0; padding:0; margin-left:-16px; position:relative; overflow:hidden; box-sizing:border-box;}
.xpss_dg{ width:33.3%; float:left; position:relative; box-sizing:border-box; padding:16px;}
.xpss_big{ width:100%; height:100%; float:left; position:relative; box-sizing:border-box; background-color:#fff; border-radius:8px; overflow:hidden; padding:18px; transition: 0.3s ease-out; -webkit-box-shadow: 8px 8px 19px 0 rgba(91, 135, 202, .08); box-shadow: 8px 8px 19px 0 rgba(91, 135, 202, .08);}
.xpss_cpname{width:100%; height:48px; line-height:24px; font-size:20px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-decoration:none; position:relative; float:left; text-transform:capitalize; color:#333; overflow:hidden; box-sizing:border-box; word-break:break-all; word-wrap:break-word; margin-bottom:20px; font-weight:500;}
.xpss_cptu{width: 100%; height:0px; font-size:0; position:relative; padding-bottom:100%; overflow:hidden;  border-radius:7.1111px;}
.xpss_cptu:after { background: rgba(0, 0, 0, .03); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1;}
.xpss_cptu span{ width: 100%; height: 100%; font-size: 0; position: relative; padding-bottom:100%; overflow:hidden; background-color:#fff; display:block;}
.xpss_cptu img { max-width:100%; max-height:100%; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin: auto; transition: all .3s ease-in;  box-sizing:border-box;}
.xpss_big:hover .xpss_cptu img{transform: scale(1.1); transition: 0.3s ease-out;}
.xpss_big:hover .xpss_cpname{color:#3f5efb; transition: 0.3s ease-out;}
.xpss_small{ width:100%; height:100%; float:left; position:relative; box-sizing:border-box; background-color:#fff; border-radius:8px; overflow:hidden; padding:18px; transition: 0.3s ease-out; -webkit-box-shadow: 8px 8px 19px 0 rgba(91, 135, 202, .08); box-shadow: 8px 8px 19px 0 rgba(91, 135, 202, .08); margin-top:24px; }
.xpss_small a{display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.xpss_small .xpss_cptu{width:112px; height:112px; padding-bottom:0; }
.xpss_small .xpss_cptu span{ padding:0;}
.xpss_small:hover .xpss_cptu img{transform: scale(1.1); transition: 0.3s ease-out;}
.xpss_small:hover .xpss_cpname{color:#3f5efb; transition: 0.3s ease-out;}
.xpss_small .xpss_cpname{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 0 0 24px; margin:0;}
.xpss_dg:nth-child(2) .xpss_small{margin-top:0px; margin-bottom:24px;}



.left_li .left_box{ border-radius:8px; overflow: hidden; -webkit-box-shadow: 8px 8px 19px 0 rgba(91, 135, 202, .08); box-shadow: 8px 8px 19px 0 rgba(91, 135, 202, .08);}
.main .right_box{border-radius:8px; overflow:hidden; -webkit-box-shadow: 8px 8px 19px 0 rgba(91, 135, 202, .08); box-shadow: 8px 8px 19px 0 rgba(91, 135, 202, .08);}
.spvip_item2 .spvip_photo2 table{ position:relative; border:none; border-radius: 7.1111px; overflow:hidden;}
.spvip_item2 .spvip_photo2 a:after { background: rgba(0, 0, 0, .03); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1;}
.side_boder .cpli_yij a{color:#0858dc!important;}
.spvip_detail a:hover { color:#0858dc!important;}



@media screen and (max-width:730px) {
.spfg_main4 .cpzs_list li {width:50%; }
.spfg_hcpbox .spfg_hcpleft{width:100%; height:70px; background:none;}
.spfg_hcpbox .spfg_hcptit{ padding:0px 20px; height: 100%;}
.spfg_hcpbox .spfg_hcptit h2{ border:none; line-height: 70px;}
.spfg_hcpbox .spfg_hcpright{ width:100%;}
.spfg_hcpright .cpzx_list li { width:50%;}
.spfg_main1 .zycp_tit{width:100%; height:70px; background:none; padding:0px 20px; line-height:70px; box-sizing:border-box;}
.spfg_main1 .zycp_list{ width:100%; height:230px;}
.spfg_main1 .zycp_tit:before{ display:none;}
.spfg_main1 .zycp_info{ width:100%; margin-left:0px; margin-top:10px;}
.spfg_menu .spfg_menuin li{ width:25%;}
.spfg_topxgcp{ display:none;}
}
/**max width 990px**/
@media screen and (min-width:730px)and (max-width:1100px) {
.spfg_main4 .cpzs_list li {width:25%; }
.spfg_hcpbox .spfg_hcpleft{width:100%; height:70px; background:none;}
.spfg_hcpbox .spfg_hcptit{ padding:0px 20px; height: 100%;}
.spfg_hcpbox .spfg_hcptit h2{ border:none; line-height: 70px;}
.spfg_hcpbox .spfg_hcpright{ width:100%;}
.spfg_main1 .zycp_tit{width:100%; height:70px; background:none; padding:0px 20px; line-height:70px; box-sizing:border-box;}
.spfg_main1 .zycp_list{ width:100%;}
.spfg_main1 .zycp_tit:before{ display:none;}
.spfg_topxgcp{ display:none;}
}
/**max width 990px**/
@media screen and (min-width:1100px)and (max-width:1260px){
.spfg_main3 .tjcp_list li {height:279px;	}
.spfg_main2 .bszd_list{ height:400px;}
}
/**max1190px screen***/
@media screen and (min-width:1260px)and (max-width:1420px){
.spfg_main3 .tjcp_list li { height:309px;	}
.spfg_main2 .bszd_list{ height:420px;}
}
/**max1390px screen***/
@media screen and (min-width:1420px) {
.spfg_main3 .tjcp_list li { height:339px;	}
}