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

body .bodybg { }
.spfg_topmenu{ width:100%;  background-color:#fff; }
.spfg_topwid{width:100%;  z-index:8888; overflow:hidden;}
.main { padding:0;margin-top:0;}
.tianjia6 {}
.right_title_left { width:10px;}
.side_title_left { width:10px;}

.spfg_top {width:100%; position:relative; z-index:999; background-color:#fff; overflow:hidden;}
.spfg_topin { width:1300px; height:120px; margin:0 auto; z-index:99; position:relative; }

.spfg_logo1 {max-width:160px; max-height:100px; text-align:center; float:left; margin:10px 0px;}
.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;}

.spfg_logo2 { width:560px; height:40px; padding-left:20px; line-height:40px; padding-top:40px;font-family:"΢ÈíÑźÚ"; float:left; color:#333; font-size:30px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; text-align:left; font-weight:700;}
.spfg_logo2 a { color:#008fe9;}
.spfg_logo2 a:hover { color:#045AAD;}
.spfg_logo3 { width:415px; height:90px; line-height:40px;font-family:"΢ÈíÑźÚ"; 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:90px; height:36px; overflow:hidden; font-size:14px; position:absolute; right:0; top:12px; z-index:10; padding-left:40px; box-sizing:border-box; background:url(images/ico_ss.png) 15px 10px no-repeat; background-color:#FFF; border-radius:40px; transition:all 0.6s;}
.spfg_ssinput{ width:28px; height:36px; border:none; float:left; outline:none;  font-size:14px; color:#26429b;}
.spfg_ssub{ width:0px; height:36px; line-height:36px; color:#999; font-size:14px; border:none; outline:none; float:right; cursor:pointer; transition:all 0.6s; background-color:#FFF;}
.spfg_ssub:hover{ background-color:#FFF; color:#26429b; transition:all 0.6s;}
.spfg_topss:hover{ width:295px; transition:all 0.6s;}
.spfg_topss:hover .spfg_ssinput{width:calc(100% - 55px);}
.spfg_topss:hover .spfg_ssub{ width:55px; transition:all 0.6s;}

.top_icot{width:300px; height:100%; display:flex; display: -webkit-flex; justify-content:center; align-items: center; position:absolute; right:240px; background-color:#fff;}
.top_icot p{ width: 33.333%; font-size:15px; color:#999; text-align:center; position:relative; line-height:24px;}
.top_icot p i{ display: block; width:45px; height:45px; margin: 0 auto; background:url(images/ico_top.png) no-repeat; background-size:140px; transition: all .2s; }
.top_icot p:nth-of-type(1) i{ background-position:-1px -1px; transition: all .2s;}
.top_icot p:nth-of-type(2) i{ background-position:-47px -1px; transition: all .2s;}
.top_icot p:nth-of-type(3) i{ background-position:-94px -1px; transition: all .2s;}
.top_icot p:hover{ color:#008fe9;}
.top_icot p:nth-of-type(1):hover i{ background-position:-1px -47px; transition: all .2s;}
.top_icot p:nth-of-type(2):hover i{ background-position:-47px -47px; transition: all .2s;}
.top_icot p:nth-of-type(3):hover i{ background-position:-94px -47px; transition: all .2s;}
.top_icot p:after{ content:""; display:block; width:1px; height:75px; background:#e6e6e6; position:absolute; right:0.02px; top:50%; transform:translateY(-50%);}
.top_icot p:last-child:after{ display:none;}

.spfg_topin_phone { line-height:40px;font-family:"΢ÈíÑźÚ";float:right; position:absolute; right:0px; top:35px; z-index:10;}
.spfg_topin_phone i{ display:block; font-size:14px; line-height:24px; color:#666; text-align:left; text-indent:2px; font-style:normal;}
.spfg_topin_phone p{ color:#008fe9; font-weight:700; font-size:24px; font-style:normal; line-height:24px;}
.spfg_topin_phone em{content: ""; width:40px; height:40px; border:#666 1px solid; background:url(images/top_tel.png) center no-repeat; background-size:20px; position:absolute; left:-50px; top:7px; z-index:5; border-radius:40px; background-color:#FFF;}
.spfg_topin_phone a{ color:#FD8900!important;}
.spfg_topin_phone a:hover{ color:#FD8900!important;}


.spfg_menu { position:relative; z-index:998; overflow:hidden; background-color:#fafafa;}
/*.spfg_menu:before{ content:""; width:100%; height:70%; position:absolute; left:0; bottom:0; background:linear-gradient(to top, #f6f6f6, #fff); z-index:-1;}*/
.spfg_menu:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.spfg_menu{zoom:1}

.spfg_menuin  { width:1300px; height:46px; padding-bottom:1px; margin:0 auto; position:relative; }
.spfg_menuin ul{ width:100%;}
.spfg_menuin li { width:10%; height:46px; line-height:46px; padding-right:1px; box-sizing:border-box; float:left; text-align:center; font-size:16px; position:relative; z-index:5;  font-weight:700;}
.spfg_menuin a { width:100%; float:left; font-size:16px; position:relative; color:#333; display:flex; justify-content:center; align-items:center; text-decoration:none; text-align:center; display:block; transition:all .2s ease;  }
.spfg_menuin a:hover{ color:#fff; transition:all .2s ease; }
.spfg_menu .menu_link_show a::before{ content:""; position:absolute;left:0px;bottom:0px;right:0px;height:46px;background:#008fe9; transform:scaleX(1); z-index:-1;}
.spfg_menu .menu_link_show a{ color:#fff; }

.spfg_menuin li a::before{content:'';position:absolute;left:0px;bottom:0px;right:0px;height:46px;background:#008fe9; transform-origin:bottom right;transform:scaleX(0);transition:transform .2s ease; z-index:-1;}
.spfg_menuin li a:hover::before{transform-origin:bottom left;transform:scaleX(1);}




.spfg_banner { width:100%; height:600px;position:relative; overflow:hidden; z-index:10; display:block;}
.spfg_bannerin { width:1920px; position:absolute; left:50%; margin-left:-960px; top:0px; height:100%; overflow:hidden; z-index:90;}

.spfg_photo { width:100%; height:100%; position:absolute; z-index:1; overflow:hidden; display:;}
.spfg_photo ul { position:absolute; height:100%; width:200%; z-index:1; position:relative;}
.spfg_photo li { width:50%; height:100%; overflow:hidden; float:left; vertical-align:middle; display:table;  text-align:center; background:url(images/banner_bg.jpg) center top no-repeat;}
.spfg_photo li a{display:table-cell; vertical-align:middle;}
.spfg_banner_pre { width:40px; height:80px; background:#fff; position:absolute; top:50%; margin-top:-40px; left:50px;text-align:center; line-height:80px; font-family:"ËÎÌå"; font-size:50px; color:#000; cursor:pointer;filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;z-index:100; border-radius:4px; transition:all 0.6s;}
.spfg_banner_next { width:40px; height:80px; background:#fff; position:absolute; top:50%; margin-top:-40px; right:50px;text-align:center; line-height:80px; font-family:"ËÎÌå"; font-size:50px; color:#000; cursor:pointer;filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;z-index:100; border-radius:4px; transition:all 0.6s;}
.spfg_banner_prea { width:40px; height:80px; background:#fff; position:absolute; top:50%; margin-top:-40px; left:50px;text-align:center; line-height:80px; font-family:"ËÎÌå"; font-size:50px; color:#000; cursor:pointer;z-index:100; border-radius:4px; transition:all 0.6s;}
.spfg_banner_nexta { width:40px; height:80px; background:#fff; position:absolute; top:50%; margin-top:-40px; right:50px; text-align:center; line-height:80px; font-family:"ËÎÌå"; font-size:50px; color:#000; cursor:pointer;z-index:100; border-radius:4px; transition:all 0.6s;}

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


.spfg_main1bg{ display:flex; overflow:hidden; background-color:#fafafa; padding-bottom:40px;}
.spfg_main1{ width:1300px; margin:0 auto; font-family:"΢ÈíÑźÚ"; }
.cpzx_tit{ width:100%; margin:50px auto 10px auto; overflow:hidden; text-align:left; position:relative;}
.cpzx_tit h2{  width:100%; height: 40px; overflow: hidden; line-height: 40px; color: #303030; font-size: 36px; font-weight: bold; text-align: center;  margin: -24px auto 20px; padding: 0;}
.cpzx_tit em{display: block; width: 100%; height: 48px; overflow: hidden; line-height: 48px; color: rgba(40, 40, 40, 0.1); font-size: 44px; font-weight: bold; text-align: center; text-transform: Uppercase; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; padding: 0; font-style:normal;}
.cpzx_tit h2::after { content:""; width: 64px; height: 4px; overflow: hidden; position:absolute; left:50%; margin-left:-32px; bottom:0; padding: 0; vertical-align: middle; background-color: #f6ab00;}

.cpzx_list { width:100%; position:relative; padding-bottom:10px;}
.cpzx_list:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.cpzx_list ul{width: calc(100% + 40px); position: relative; margin-left: -20px;}
.cpzx_list li { width:33.333%; float:left; position:relative; box-sizing: border-box; padding:20px;}
.cpzx_cptu_dg{ width:100%; height:100%; float:left; position:relative; transition:all .3s ease; padding:0; box-sizing: border-box; background-color:#fff; padding:20px;}
.cpzx_cptu_dg:hover{  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); transition:all .3s ease;}
.cpzx_cptu_dg:after{ content:""; display: block; width: 0; height: 4px; overflow: hidden; margin: 0; padding: 0; background-color: #008fe9; position: absolute; bottom: 0; left: 50%; transition: all 0.5s;}
.cpzx_cptu_dg:hover:after{ width: 100%; margin: 0 0 0 -50%;}
.cpzx_cptu_dg a{ width:100%; height:100%; text-decoration:none; display:block; box-sizing: border-box; overflow:hidden;}
.cpzx_cptu_dg a:hover{ text-decoration:none;}
.cpzx_cptu{width: 100%; height:280px; font-size:0; position:relative; background-color:#fff; overflow: hidden;  box-sizing:border-box;}
.cpzx_cptu span{ width: 100%; height:100%; font-size: 0; position: relative; overflow: hidden; display:block;}
.cpzx_cptu img {max-width:100%; max-height: 100%; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto; transition:all .5s;box-sizing:border-box;}
.cpzx_cpinfo { text-decoration:none; position:relative;}
.cpzx_name {display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #303030; font-size: 18px; font-weight: bold; text-align: center; text-overflow: ellipsis; white-space: nowrap;
 margin: 0 auto; padding: 0; transition: all 0.5s;}
.cpzx_list li:hover .cpzx_cptu img{transform: scale(1.1);  transition:all 0.5s;}
.cpzx_more{ width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #999; font-size: 15px; text-align: center; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; padding: 0;}
.cpzx_list li:hover .cpzx_name { color:#008fe9; transition: all 0.5s;}
.cpzx_cptu i{display: block; width: 60px; height: 60px; overflow: hidden; margin: -30px 0 0 -30px; padding: 0; background: url(images/cp_more.png) center center no-repeat; position: absolute; left: 50%; top: 50%;
 transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: all 0.5s; }
.cpzx_list li:hover .cpzx_cptu i { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);  transition: all 0.5s; }
.cpzx_cptu em { display: block; width: 0; height: 1px; overflow: hidden; margin: 0; padding: 0; background-color: #eaeaea; position: absolute; bottom: 0; left: 50%; transition: all 0.5s;}
.cpzx_list li:hover .cpzx_cptu em {width: 100%; margin: 0 0 0 -50%;  transition: all 0.5s;}

.cpzx_ckmore {text-align:center; padding-top:38px;}
.cpzx_ckmore a { height: 38px; line-height:38px; display:inline-block; padding:0 45px 0 30px;  background-color:#428aee; color:#fff; font-size:16px; border-radius:4px; position:relative; transition: all .3s ease;}
.cpzx_ckmore i{ width:12px; height:3px; background-color:#fff; position:relative; display:inline-block; position:absolute; top:18px; right:20px;}
.cpzx_ckmore i:before{ content:""; width:2px; height:2px;  border-style:solid; border-color:#fff #fff transparent transparent; transform: rotate(45deg); position:absolute; right:0; top:-3px;}
.cpzx_ckmore a:hover{padding:0 55px 0 30px; transition: all .3s ease;}

.spfg_main2bg{ display:flex; /*height:535px;*/ background:url(images/gsjs_bg.png) center right no-repeat; background-color:#fff; padding:80px 0; clear:both; box-sizing: border-box;}
.spfg_main2bg:after{content: ''; display: block; height: 0; overflow: hidden; clear: both; zoom: 1;}
.spfg_main2_wid{ width:1300px; margin:0 auto; position:relative;}
.spfg_main2{  width:100%; font-family:"΢ÈíÑźÚ"; padding:0px; box-sizing: border-box;}
.gsjs_left{ width:50%; float:left; padding-right:60px; box-sizing: border-box;}
.gsjs_right{ width:50%; float:right; overflow:hidden; }
.gsjs_right img{transition: all 0.5s;}
.gsjs_right:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition: all 0.5s;}
.gsjs_tit{  width:100%; overflow:hidden; text-align:left;  position:relative; padding-top:34px;}
.gsjs_tit h2{  font-size:30px; color:#303030; line-height:40px; position:relative; font-weight:400;}
.gsjs_tit:before{ content:""; width:64px; height:4px; background-color:#008fe9; position:absolute; left:0; margin-left:0; top:0px;}
.gsjs_box{ margin:33px auto; color:#666; font-size:16px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.gsjs_more { width:100%; overflow:hidden;}
.gsjs_more a{ display:inline-block; width:170px; height:46px; background-color:#008fe9; color: #fff; line-height:46px;  font-size:16px; transition: 0.3s; text-align:center; box-sizing: border-box; }
.gsjs_more a i{ margin-left:0px; transition:all 0.5s; font-style:normal; font-size:16px;}
.gsjs_more a:hover i{ margin-left:10px; transition:all 0.5s; }
.gsjs_lxfs{ width: 100%; padding-top:40px; overflow:hidden; background:url(images/lxwm_ico.png) 0 38px no-repeat;}
.gsjs_lxfs p{font-size: 18px; color: #777; padding-left: 34px; position: relative; margin-bottom: 20px; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.gsjs_info{width: 100%; height: auto; margin: 60px 0 0; padding:20px 0; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  border-radius:4px; box-sizing: border-box; overflow:hidden;}
.gsjs_gsindg{ width:25%; float:left; box-sizing: border-box; overflow:hidden;  padding:2px 20px; border-right: 1px solid #e5e5e5; float: left; box-sizing: border-box;}
.gsjs_gsindg:nth-child(4) { border-right:none;}
.gsjs_gsindg i{ width:40px; height:40px; color:#fff; font-size:16px; font-style:normal; display:block; margin:0 auto; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg);
 -o-transform: rotateY(0deg); transition: all 0.5s;}
.gsjs_gsindg p{ color:#777; font-size:14px; text-align:center;transition: all 0.5s;}
.gsjs_gsindg:hover p{ color:#008fe9;transition: all 0.5s;}

.gsinfo_ico1{background:url(images/gsinfo_ico1.png) 5px 5px no-repeat; background-size:38px;}
.gsinfo_ico2{background:url(images/gsinfo_ico2.png) center no-repeat; background-size:36px;}
.gsinfo_ico3{background:url(images/gsinfo_ico3.png) center no-repeat; background-size:40px;}
.gsinfo_ico4{background:url(images/gsinfo_ico4.png) center no-repeat; background-size:40px;}
.gsjs_gsindg:hover i{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);   transition: all 0.5s;}

.animate {opacity: 1 !important;}
/*.stat-number { opacity:0; transition:opacity 0.3s ease;}*/

.stat-number {font-weight:; color:#fff; align-items:center; justify-content:center; transition:opacity 0.3s ease; }
.indicator{ display:none;}


.spfg_main3bg{ display:flex; overflow:hidden; background-color:#fff; padding-bottom:70px; /*padding-top:140px;*/}
.spfg_main3{ width:1300px; margin:0 auto; font-family:"΢ÈíÑźÚ"; }
.new_tit{ width:100%; margin:50px auto 30px auto; overflow:hidden; text-align:left; position:relative;}
.new_tit h2{  width:100%; height: 40px; overflow: hidden; line-height: 40px; color: #303030; font-size: 36px; font-weight: bold; text-align: center;  margin: -24px auto 20px; padding: 0;}
.new_tit em{display: block; width: 100%; height: 48px; overflow: hidden; line-height: 48px; color: rgba(40, 40, 40, 0.1); font-size: 44px; font-weight: bold; text-align: center; text-transform: Uppercase; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; padding: 0; font-style:normal;}
.new_tit h2::after { content:""; width: 64px; height: 4px; overflow: hidden; position:absolute; left:50%; margin-left:-32px; bottom:0; padding: 0; vertical-align: middle; background-color: #f6ab00;}
.gsdt_box{width:100%; overflow:hidden;}
.gsdt_left{ width:42%; float:left; height:540px; background-color:#fafafa;}
.gsdt_img{ width: 100%; height:400px; overflow: hidden; margin: 0 auto; padding: 0;}
.gsdt_img a {display: block; width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; position: relative;}
.gsdt_img a img { display: block; max-width: 100%; max-height: 100%; _object-fit: cover; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s;}
.gsdt_img a:hover img { transform: scale(1.1);transition: all 0.5s; }
.gsdt_text { width: 100%; height: auto; overflow: hidden; margin:0 auto; padding:10px 25px 20px 25px; box-sizing: border-box;}
.gsdt_jswz_tit { display: block; width: 100%; height: 40px; overflow: hidden; line-height:40px; color:#303030; font-size: 18px; font-weight: bold; text-overflow: ellipsis; white-space:nowrap; margin:10px auto; padding:0;}
.gsdt_jswz_more { display: block; width: 120px; height: 40px; line-height: 40px; color: #fff; font-size: 15px; text-align: center; background-color: #008fe9; margin: 0; padding: 0; transition: all 0.5s;}
.gsdt_jswz_more:hover{ color:#fff; background-color: #0086db;}
.gsdt_jswz_more i { font-style:normal; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin: -2px 0 0 5px; padding: 0; transition: all 0.5s; line-height:14px; font-family:"ËÎÌå";}
.gsdt_jswz_more:hover  i{margin: -2px 0 0 10px; transition: all 0.5s;}
.gsdt_list{ width:58%; float:right; padding: 0 0 0 50px; box-sizing: border-box;}
.gsdt_list ul{width:100%; margin:0; padding:0; }
.gsdt_list li{ width:100%; float: left; box-sizing: border-box; padding:0px 15px;}
.gsdt_dg{ width:100%; height:108px; overflow: hidden; margin:0 auto; padding: 21px 0 22px; background-color:#fff; border-top: 1px solid #eaeaea; transition: all 0.5s; box-sizing: border-box; float:left;}
.gsdt_list li:nth-child(5) .gsdt_dg{ border-bottom:1px solid #eaeaea;}
.gsdt_dg:hover{background-color: #008fe9; transition: all 0.5s;}
.gsdt_dg_left{width:16%; height:60px; line-height:26px;overflow:hidden; float:right; border-left:1px solid #eaeaea; transition:all 0.5s; box-sizing:border-box; font-size:15px; text-align:center; color:#999;}
.gsdt_dg:hover .gsdt_dg_left{ color:#fff;}
.gsdt_dg_right{float:left; width:80%; padding:0px 20px 0px 0px; box-sizing:border-box; transition: all 0.5s;}
.gsdt_dg:hover .gsdt_dg_right{ padding:0px 20px; transition: all 0.5s;}
.gsdt_dg p { width:100%; height:30px; line-height:30px; float:left; font-size:18px; color:#333333; font-weight:700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gsdt_dg i { height:30px; line-height:30px; float:left; font-size:14px; color:#999; font-style:normal; background:url(images/ico_time.png) 0px 13px no-repeat; padding:4px 10px 4px 20px; transition: all .3s;}
.gsdt_dg span{float:right; font-size:15px; color:#898989; margin-top:13px;}
.gsdt_dg span em{ width:18px; height:18px; line-height:18px; text-align:center; display:inline-block; font-style:normal; font-family:"ËÎÌå"; font-weight:700; background-color:#305dc3; color:#fff; border-radius:10px; margin-left:8px; transition: all .3s;}
.gsdt_dg:hover span em{background-color:#fff; color:#26429b; transition: all .3s;}
.gsdt_dg:hover p, .gsdt_dg:hover span{ color:#26429b;}
.gsdt_dg:hover p{ color:#fff; transition: all .3s;}
.gsdt_dg:hover i {background:url(images/ico_time2.png) 2px 13px no-repeat; color:#fff; transition: all .3s;}
.gsdt_dg:hover span{color:#fff;  transition: all .3s;}


.spfg_main4bg{ width:100%; overflow:hidden; padding:30px 0; background:#fafafa url(images/yyfw_bg.jpg) center top no-repeat; background-size: 100% 440px; position:relative;}
.spfg_main4{ width:1300px; margin:0 auto; font-family:"΢ÈíÑźÚ"; }
.yyly_tit{ width:100%; margin:50px auto 40px auto; overflow:hidden; text-align:left; position:relative;}
.yyly_tit h2{  width:100%; height: 40px; overflow: hidden; line-height: 40px; color:#fff; font-size: 36px; font-weight: bold; text-align: center;  margin:-24px auto 20px; padding: 0;}
.yyly_tit em{display: block; width: 100%; height: 48px; overflow: hidden; line-height: 48px; color: rgba(255, 255, 255, 0.1); font-size: 44px; font-weight: bold; text-align: center; text-transform: Uppercase; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; padding: 0; font-style:normal;}
.yyly_tit h2::after { content:""; width: 64px; height: 4px; overflow: hidden; position:absolute; left:50%; margin-left:-32px; bottom:0; padding: 0; vertical-align: middle; background-color: #f6ab00;}
.yyly_list{ width: 100%; height: auto; margin: 0 auto; padding: 40px 0; background-color: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); overflow:hidden;}
.yyly_list ul{ margin:0; padding:0;}
.yyly_list li{ width:25%; overflow: hidden; margin: 0; padding: 0 20px; border-right: 1px solid #eaeaea; float: left; box-sizing: border-box;}
.yyly_text { width: 100%; overflow: hidden; margin: 0 auto; padding: 0;}
.yyly_text a{ display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 24px; text-align: center; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; padding: 0;}
.yyly_text a:hover { color: #008fe9;}
.yyly_text span{ display:block; width:100%; height:20px; overflow:hidden; line-height: 20px; color: #aaa; font-size: 12px; text-transform: Uppercase; text-align: center; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; padding: 0;}
.yyly_text i{ display:block; width:48px; height:3px; overflow:hidden; margin:10px auto 40px; padding: 0; background-color: #f6ab00;}
.yyly_text font{ display:block; width:100%; height:80px; overflow:hidden; line-height:80px; color:#e5e5e5; font-size:96px; font-weight:bold; text-align:center; margin:0 auto; padding:0;}
.yyly_img { width:100%; height:270px; overflow:hidden; margin:-20px auto 0; padding:0; background-color:#FFF;  position: relative;}
.yyly_img img { display:block; width:100%; height:100%; object-fit:cover; margin:auto; padding:0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s;}
.yyly_list li:hover .yyly_img img { transform: scale(1.1); transition: all 0.5s;}

	
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

		
.spfg_bottom{ width:100%; overflow:hidden; position:relative; padding-top:100px;}
.spfg_bottom:after { content: ''; position: absolute; top: 0; left: 0; width: 7584px; height: 100px; background: url(images/bottom_top.png) repeat-x; z-index: 10; animation:wave 15s linear infinite; }
@keyframes wave {
    100% {
        transform: translateX(-50%);
    }
}

.spfg_scroll { width: 80px; height: 60px; margin: 0 0 0 -40px; padding: 10px 0; background-color: #fff; border-radius: 50%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); position: absolute; left: 50%; top: 0; z-index: 99;}
.spfg_scroll img { display: block; width: 36px; height: 36px; overflow: hidden; margin: 0 auto 4px; padding: 0;}
.spfg_scroll span { display: block; width: 100%; overflow: hidden; line-height: 20px; color: #d3d3d3; font-size: 12px; text-align: center; margin: 0 auto; padding: 0;}
.spfg_bottombg{background-color:#3c434d; padding:30px 0px 0px 0px; }
.spfg_links {width: 100%; overflow: hidden; margin: 0 auto; padding: 0 0 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.spfg_links_main { width:1300px; height: 102px; overflow:hidden; margin: 0 auto; padding: 0 0 0 120px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
 box-sizing: border-box;}
.spfg_links_tit {width:110px; height:102px; overflow: hidden; line-height: 26px; color: #fff; font-size: 17px; text-align: center; margin: -51px 0 0; padding: 25px 13px 25px 5px; background:url(images/link_bg.png) center center no-repeat; position: absolute; left: 0; top: 50%; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
.spfg_links_tit span { font-size: 19px; font-weight: bold;}
.spfg_links_main p { width: 100%; height:70px; overflow:hidden; line-height: 30px; color: #d2d2d2; font-size: 15px; margin: 16px 0; padding: 5px 20px 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.spfg_links_main p a { color: #d2d2d2; margin-right:30px;}
.spfg_links_main p a:hover{ color: #fff;}

.spfg_bottomin{ width:1300px; margin:0 auto; overflow:hidden;}
.spfg_bottom_left { width: 40%; height: auto; margin: 0; padding: 50px 50px 50px 0; border-right: 1px solid rgba(255, 255, 255, 0.1); float: left; box-sizing: border-box;}
.spfg_bottom_text { width: 100%;  margin: 0; padding: 0;}
.spfg_bottom_text dl{ width:100%; overflow:hidden; float:left;}
.spfg_bottom_text dl dd { width: 100%; overflow: hidden; line-height: 30px; color: #9297a1; font-size: 15px; margin: 0 0 5px; position: relative; box-sizing: border-box;}
.spfg_bottom_text i{ width:30px; height:30px; display:inline-block; float:left;}
.bot_ico1{ background:url(images/ftIco4.png) center no-repeat;}
.bot_ico2{ background:url(images/ftIco3.png) center no-repeat;}
.bot_ico3{ background:url(images/ftIco2.png) center no-repeat;}
.bot_ico4{ background:url(images/ftIco1.png) center no-repeat;}
.spfg_wxbox{ width:100%; float:left; margin-top:10px; margin-left:5px;}
.spfg_wxbox_tu{ max-width: calc(100% - 180px); max-height:140px; background-color:#fff; padding:5px; float:left; overflow:hidden;}
.spfg_wxbox img{ max-width:100%; max-height:140px;}
.zycp_weix_text{ width:; float:left;  margin-left:18px;}
.zycp_weix_text p{font-size:22px; font-weight:bold; color:#9297a1; padding-top:30px; padding-bottom:15px;}
.zycp_weix_text a{display:block; width:40px; height:40px; margin-right:18px; float:left;  border:1px solid #e0e0e0; border-radius:50%; background:url(images/ft_wb.png) center no-repeat; font-size:0; position:relative;}
.zycp_weix_text a:hover{ background:url(images/ft_wb2.png) center no-repeat; background-color:#f49401; border:1px solid #f49401;}
.zycp_weix_text a i{ width:auto; height:30px; line-height:30px; padding:0px 20px; background-color:#fff; position:absolute; top:-30px; left:0; z-index:10; font-size:16px; color:#333; font-style:normal; border-radius: 20px; border:#ccc 1px solid; display:none; white-space:nowrap;}
.zycp_weix_text a:hover i{ display:block;}
.zycp_weix_text a:nth-child(2){background:url(images/ft_phone.png) center no-repeat; background-size:24px;}
.zycp_weix_text a:nth-child(3){background:url(images/ft_tel.png) center no-repeat; background-size:22px;}
.zycp_weix_text a:nth-child(4){background:url(images/ft_qq.png) center no-repeat; background-size:22px;}
.zycp_weix_text a:hover:nth-child(2){background:url(images/ft_phone2.png) center no-repeat; background-size:24px; background-color:#0387da; border:1px solid #0387da;}
.zycp_weix_text a:hover:nth-child(3){background:url(images/ft_tel2.png) center no-repeat; background-size:22px; background-color:#0387da; border:1px solid #0387da;}
.zycp_weix_text a:hover:nth-child(4){background:url(images/ft_qq2.png) center no-repeat;  background-size:22px; background-color:#0387da; border:1px solid #0387da;}

.spfg_bottom_right{ width: 60%; height: auto; margin: 0; padding: 60px 0 60px 120px; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.spfg_bottom_right ul{ margin:0; padding:0;}
.spfg_bottom_right li { width:33.333%; height: auto; margin: 0; padding: 0 20px 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.spfg_bottom_right li p { width:100%; height:20px; height:auto; line-height:20px; background:url(images/bot_tico.png) left no-repeat; color:#d4d4d4; font-size:17px; font-weight:bold; margin:0 auto 10px; padding:0; padding-left:20px;}
.spfg_bottom_right li:last-child { padding-right:0;}
.spfg_bottom_right .ft1_list { width: 100%; max-height: 216px; overflow: hidden; margin: 0; padding: 0;}
.spfg_bottom_right .ft1_list a { display: block; width: 100%; height: 36px; overflow: hidden; line-height: 36px; color: #d2d2d2; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 0 0 0 12px; background: url(images/ftjt1.png) center left no-repeat; background-size: 6px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ft1_list a:hover{ color:#fff;}

.spfg_bottom_gswid{ width: 100%; overflow: hidden; margin: 0 auto; padding: 10px 0; background-color: #333941;}
.spfg_bottom_gsbq{width:1300px; margin:0 auto; overflow:hidden;}
.spfg_bottom_gsbq p { height: 40px; line-height: 40px; color: #d4d4d4; font-size: 14px; margin: 0; padding: 0;}
.spfg_bottom_gsbq p a{color: #d2d2d2; }
.spfg_bottom_gsbq p a:hover{ color:#fff;}


.right_title { width: 100%; image-rendering: pixelated; overflow: hidden; padding:3px 10px 3px 20px; box-sizing: border-box; height: auto !important; background-color:#4a69cc; color:#fff;}
.right_title_middle h3{ color:#fff;}
.left_box .side_title { width: 100%; image-rendering: pixelated; overflow: hidden; padding:3px 10px 3px 20px; box-sizing: border-box; height: auto !important; background-color:#4a69cc;}
.side_title h3{ color:#fff;}
.rightmid_title{width: 100%; image-rendering: pixelated; overflow: hidden; padding:3px 10px 3px 20px; box-sizing: border-box; height: auto !important; background-color:#4a69cc;}



.fadeInOut{opacity: 0;  transform: translateY(30px); transition: all 0.8s ease-out;}
.fadeInOut.visible { opacity: 1; transform: translateY(0); }

#blockbottom980{ margin:0 auto!important;}
.topline_bg{ border-bottom:#ccc 1px solid!important;}

#top {
    position: relative;
    top: -100px; /* µ÷ÕûÕâ¸öÖµÒÔ¿ØÖƹö¶¯¾àÀë */
    visibility: hidden; /* Òþ²Øʵ¼ÊµÄ¶¥²¿ÔªËØ */
}