﻿@import url("base.css");
@font-face {
	font-family:'syht-light';
    src:url('../fonts/SourceHanSansCN-Light-Alphabetic.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Light-Alphabetic.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Light-Alphabetic.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'syht-bold';
    src: url('../fonts/SourceHanSansCN-Bold-Alphabetic.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Bold-Alphabetic.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Bold-Alphabetic.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'syht';
    src: url('../fonts/SourceHanSansCN-Regular-Alphabetic.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Regular-Alphabetic.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Regular-Alphabetic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {margin:0 auto;padding-top:100px;max-width:1903px;font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;color:#505050;font-size:14px;overflow-x:hidden;}
input,select,button,textarea {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;font-size:14px;color:#222;resize:none;box-sizing:border-box;}
:-moz-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
::-webkit-input-placeholder {color:#aaa;}
a:link,a:visited,a:active {color:#222;text-decoration:none;}
a:hover {color:#1cc6b1;text-decoration:none;}
a {outline:none;-moz-outline:none;blr:expression(this.onFocus=this.blur());}
.al:hover {text-decoration:underline;}
.als a:hover {text-decoration:underline;}
.flex-column {display:flex;flex-direction:column;justify-content:center;}

.syht {font-family:'syht';}
.syht-bold {font-family:'syht-bold';font-weight:bold;}
.syht-light {font-family:'syht-light';font-weight:300;}

/*===================================================================================*/

#header {position:fixed;top:0;left:0;z-index:99;width:100%;box-shadow:0 3px 10px rgba(0,0,0,0.1);background-color:#fff;}
#header .wrap {position:relative;z-index:99;height:100px;}
#header .logo {position:absolute;top:50%;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;height:76px;font-size:0;transform:translateY(-50%);}
#header .logo img {max-height:100%;}
#header .lang {position:absolute;top:12px;right:0;z-index:10;font-size:14px;}
#header .lang a:first-child {font-weight:bold;}
#header .nav {position:absolute;bottom:0;right:0;height:80px;}
#header .nav li {display:inline-block;position:relative;margin-left:20px;height:100%;vertical-align:top;}
#header .nav li > a {display:block;padding-left:20px;padding-right:50px;height:100%;line-height:80px;font-size:20px;text-align:center;}
#header .nav li > a.nav_over {color:#1cc6b1;}
#header .nav li:last-child > a {padding-right:0;}
#header .nav li:hover > a {color:#1cc6b1;}
#header .nav li:hover > dl {display:block;}
#header .nav li > dl {position:absolute;top:100%;left:0;display:none;padding-bottom:12px;width:200px;border-radius:0 0 12px 12px;background-color:#fff;}
#header .nav li > dl a {display:block;padding:8px 8px 8px 20px;font-size:16px;}
#header .nav li > dl a:hover {color:#1cc6b1;}
#header .nav li > dl > dd {position:relative;}
#header .nav li > dl > dd dl {position:absolute;top:0;left:100%;display:none;padding-bottom:12px;width:200px;border-radius:0 0 12px 12px;background-color:#fff;}
#header .nav li > dl > dd:hover > a {color:#1cc6b1;}
#header .nav li > dl > dd:hover dl {display:block;}

#mheader_menu, #mnav, #menu {display:none;}

#banner {position:relative;height:calc(100vh - 100px);}
#banner .swiper-container {width:100%;height:100%;}
#banner .swiper-wrapper {width:100%;height:100%;}
#banner .swiper-slide {width:100%;height:100%;font-size:0;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#banner .swiper-slide img {display:none;width:100%;}
#banner .swiper-slide a {display:block;width:100%;height:100%;}
#banner .swiper-pagination {position:absolute;left:0;bottom:40px;width:100%;height:12px;font-size:0;text-align:center;}
#banner .swiper-pagination span {margin:0;width:12px;height:12px;font-size:0;border-radius:50%;background:#fff;opacity:0.7;overflow:hidden;}
#banner .swiper-pagination span.swiper-pagination-bullet {margin:0 6px;}
#banner .swiper-pagination span.swiper-pagination-bullet-active {opacity:1;background:#1cc6b1;}
#banner .swiper-button {position:absolute;top:50%;right:0;z-index:10;transform:translateY(-50%);}
#banner .swiper-button li {margin-bottom:40px;text-align:right;}
#banner .swiper-button li:last-child {margin-bottom:0;}
#banner .swiper-button li span {position:relative;display:inline-block;padding-right:40px;color:#666;font-size:14px;vertical-align:top;cursor:pointer;transition:ease-out 200ms;}
#banner .swiper-button li span:after {position:absolute;top:55%;right:0;display:block;width:30px;height:1px;background-color:#484c50;content:"";}
#banner .swiper-button li.active span {color:#fff;font-size:18px;}
#banner .swiper-button li.active span:after {background-color:#fff;}
#banners {position:relative;height:600px;font-size:0;background-repeat:no-repeat;background-position:center center;}
#banners img {display:none;max-width:100%;}
#banners > div {position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;color:#fff;}
#banners > div p {margin-bottom:15px;font-size:42px;font-family:"微软雅黑 Light", "Microsoft YaHei UI Light";line-height:1;}
#banners > div h2 {font-size:60px;line-height:1;}

.wrap {margin-left:auto;margin-right:auto;width:1600px;box-sizing:border-box;}
.wraps {margin-left:auto;margin-right:auto;width:1320px;box-sizing:border-box;}
#content {padding-bottom:80px;}
#left {float:left;width:240px;}
#right {float:right;width:900px;overflow:hidden;}
#finfo {position:relative;}
#finfo:before {position:absolute;top:0;left:0;z-index:1;display:block;width:50%;height:100%;background-color:#f2f2f2;content:"";}
#finfo > div {display:flex;position:relative;z-index:2;}
#finfo .l {flex:1 1 auto;position:relative;background-color:#fff;}
#finfo .r {flex:0 0 auto;position:relative;padding:30px 30px 100px 30px;width:420px;box-sizing:border-box;background-color:#f2f2f2;}
#finfo .imgs {position:relative;z-index:1;height:320px;font-size:0;}
#finfo .imgs img {position:absolute;top:0;right:0;}
#finfo .fnav {position:absolute;bottom:0;left:0;width:100%;z-index:2;padding:35px 0 30px 100px;box-sizing:border-box;background-color:#fff;}
#finfo .fnav li {display:inline-block;width:20%;vertical-align:top;}
#finfo .fnav li h2 {padding-bottom:5px;font-size:22px;font-weight:normal;}
#finfo .fnav li h2 span {display:block;margin-top:3px;font-size:14px;}
#finfo .fnav li p {margin-top:15px;font-size:16px;}
#finfo .lxfs {color:#333;}
#finfo .lxfs li {margin-bottom:25px;text-align:right;}
#finfo .lxfs li:last-child {margin-bottom:0;}
#finfo .lxfs li p {font-size:20px;}
#finfo .lxfs li p span {display:block;font-size:12px;}
#finfo .lxfs li h2 {margin-top:10px;font-size:20px;}
#finfo .lxfs li h2 span {display:block;margin-top:5px;font-size:16px;}
#finfo .qrcode {position:absolute;bottom:30px;left:35px;padding:7px;width:154px;height:155px;box-sizing:border-box;background:url(../images/qrcode_bg.png) no-repeat;}
#finfo .qrcode img {width:100%;height:100%;}
#finfo .djxq {position:absolute;bottom:30px;right:30px;}
#finfo .djxq a {display:block;padding-left:16px;width:150px;height:30px;line-height:30px;color:#fff;font-size:16px;border-radius:15px;box-sizing:border-box;background:url(../images/arrow1.png) no-repeat right 15px center #ffc229;}
#footer {background-color:#f2f2f2;}
#footer > div {display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:30px;}
#footer .copyright {padding-right:100px;color:#333;font-size:18px;font-weight:bold;line-height:1.7;}
#footer .logo {font-size:0;}

/*===================================================================================*/

.tits {padding-top:80px;text-align:center;}
.tits h2 {position:relative;display:inline-block;color:#000;font-family:"微软雅黑 Light", "Microsoft YaHei UI Light";font-size:36px;font-weight:normal;line-height:1;vertical-align:top;}
.tits h2 span {position:relative;z-index:2;}
.tits h2:after {position:absolute;bottom:-2px;left:0;z-index:1;display:block;width:100%;height:8px;background-color:#1cc6b1;content:"";}
.tits p {margin-top:10px;font-size:18px;}

.titx {padding-top:80px;color:#333;text-align:center;}
.titx h3 {font-size:28px;line-height:1;}
.titx p {margin-top:10px;font-size:16px;}

#iabout h2 {padding:80px 0 20px 25px;color:#333;font-size:22px;font-weight:normal;}
#iabout .cont {display:flex;justify-content:space-between;font-size:0;}
#iabout .cont > a {width:490px;overflow:hidden;}
#iabout .cont a img {width:100%;}
#iabout .cont .r {display:flex;flex-direction:column;justify-content:space-between;width:804px;}
#iabout .cont .r > a {flex:0 0 auto;width:100%;overflow:hidden;}
#iabout ul {flex:1 1 auto;display:flex;justify-content:space-between;margin-top:27px;}
#iabout ul li {position:relative;width:31%;color:#333;border-radius:12px;background-color:#f1f1f1;background-repeat:no-repeat;background-position:left 15px bottom 50px;transition:ease-out 300ms;overflow:hidden;}
#iabout ul li:nth-child(1) {background-image:url(../images/iabout_bg1.png);}
#iabout ul li:nth-child(2) {background-image:url(../images/iabout_bg2.png);}
#iabout ul li:nth-child(3) {background-image:url(../images/iabout_bg3.png);}
#iabout ul li h3 {position:absolute;top:20px;left:20px;font-size:24px;font-weight:normal;line-height:1;}
#iabout ul li h4 {position:absolute;bottom:46px;right:10px;color:#1cc6b1;font-size:56px;line-height:1;}
#iabout ul li p {position:absolute;bottom:5px;right:10px;font-size:22px;}
#iabout ul li:hover {box-shadow:0 0 15px rgba(0,0,0,0.25);}

#ipros .list {margin-top:40px;}
#ipros .list a {position:relative;display:inline-block;width:25%;font-size:0;vertical-align:top;border-radius:15px;transition:transform ease-out 400ms;overflow:hidden;}
#ipros .list a:after {position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.5);content:"";opacity:1;transition:opacity ease-out 300ms;}
#ipros .list a img {width:100%;}
#ipros .list a div {position:absolute;bottom:25px;left:25px;z-index:10;color:#fff;}
#ipros .list a div h2 {font-size:28px;line-height:1;}
#ipros .list a div h3 {margin-top:12px;font-size:16px;font-weight:normal;line-height:1.4;}
#ipros .list a:hover {transform:translateY(-30px);}
#ipros .list a:hover:after {opacity:0;}

#inews {position:relative;margin-top:60px;margin-bottom:60px;}
#inews:after {position:absolute;bottom:0;right:0;z-index:1;display:block;width:83.3333%;height:calc(100% - 45px);background-color:#f1f1f1;content:"";}
#inews .swiper-container {z-index:10;}
#inews .swiper-pagination {display:none;}
#inews .swiper-slide {overflow:hidden;}
#inews .swiper-button {position:absolute;bottom:90px;z-index:99;margin-right:-660px;right:50%;width:355px;}
#inews .swiper-button li {position:relative;margin-top:10px;}
#inews .swiper-button li span {display:inline-block;vertical-align:top;cursor:pointer;}
#inews .swiper-button li.active {color:#1cc6b1;}
#inews .swiper-button li.active:before {position:absolute;top:50%;left:-85px;display:block;width:75px;height:1px;background-color:#1cc6b1;content:"";}
#inews .cont {display:flex;margin:0 auto;width:1320px;height:640px;}
#inews .cont .imgs {flex:0 0 auto;position:relative;width:880px;font-size:0;}
#inews .cont .imgs img {position:absolute;top:0;right:0;}
#inews .cont .text {flex:1 1 auto;padding-top:120px;padding-left:85px;}
#inews .cont .text h2 {color:#1a1a1a;font-size:24px;font-weight:normal;line-height:1.6;}
#inews .cont .text p {margin-top:40px;margin-bottom:40px;color:#1a1a1a;font-size:16px;line-height:1.9;-webkit-line-clamp:3;}
#inews .cont .text .xxas {display:block;padding-left:16px;width:150px;height:30px;line-height:30px;color:#fff;font-size:16px;border-radius:15px;box-sizing:border-box;background:url(../images/arrow1.png) no-repeat right 15px center #ffc229;}

.share {margin-top:80px;display:flex;align-items:center;}
.share span {margin-right:30px;font-size:18px;font-weight:bold;}
.share div a {position:relative;display:inline-block;margin-right:10px;width:28px;height:28px;background-repeat:no-repeat;background-position:center center;transition:transform ease-out 200ms;}
.share div a p {position:absolute;bottom:100%;left:50%;display:none;margin-bottom:12px;margin-left:-63px;padding:6px;width:120px;font-size:0;line-height:normal;box-shadow:0 0 8px rgba(0,0,0,0.2);background-color:#fff;}
.share div a p img {width:100%;}
.share div a.weibo {background-image:url(../images/share-weibo.png);}
.share div a.weixin {width:33px;background-image:url(../images/share-weixin.png);}
.share div a.linkedin {background-image:url(../images/share-linkedin.png);}
.share div a.twitter {background-image:url(../images/share-twitter.png);}
.share div a.facebook {background-image:url(../images/share-facebook.png);}
.share div a.gplus {background-image:url(../images/share-gplus.png);}
.share div a:hover {transform:translateY(-5px);}
.share div a:hover p {display:block;}

#wxshare {position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
#wxshare div {padding:20px 30px;color:#fff;text-align:center;}
#wxshare div:before {display:block;height:122px;content:"";background:url(../images/t2.png) no-repeat right top;background-size:auto 122px;}
#wxshare div h4 {padding:20px 0px 10px 0px;font-size:20px;font-weight:normal;}

/*===================================================================================*/

.nodata {padding:150px 0px;color:#999;font-size:18px;text-align:center;}
#bnav {position:relative;display:none;height:44px;color:#bbb;font-size:12px;text-align:right;line-height:50px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
#bnav a {color:#bbb;}
#bnav a:hover {color:#000;}
#bnav strong {color:#ff0000;font-weight:normal;}
#bnav h2 {position:absolute;top:0px;left:0px;color:#ff0000;font-size:24px;font-weight:normal;line-height:normal;}

#bnav-m {display:none;padding:8px 4%;color:#999;font-size:12px;border-bottom:1px solid #eee;background-color:#f2f2f2;}
#bnav-m a {color:#999;}
#bnav-m i {margin:0px 6px;font-size:10px;}
#bnav-m strong {color:#000;font-weight:normal;}
#bname-m {position:relative;display:none;box-shadow:inset 0 0 10px rgba(0,0,0,0.2);background-color:#252525;overflow:hidden;}
#bname-m h2 {padding:12px 60px 12px 4%;color:#fff;font-size:18px;}
#bname-m span {position:absolute;top:50%;right:4%;margin-top:-4px;display:block;border:8px solid transparent;border-top-color:#fff;transition:none;}
#bname-m span.active {margin-top:-12px;border-top-color:transparent;border-bottom-color:#fff;}
#bmenu-m {display:none;width:100%;background-color:#252525;transition:none;}
#bmenu-m a {position:relative;display:block;padding:10px 40px 10px 4.2%;color:#fff;font-size:14px;border-top:1px solid #464646;}
#bmenu-m a i {position:absolute;top:50%;right:4%;margin-top:-7px;color:#fff;font-size:14px;}
#bmenu-m a.active {color:#1cc6b1;}
#bmenu-m a.subs {padding-left:8%;}
#bmenu-m a.thds {padding-left:14%;}

.input_text {padding:0px 8px;width:280px;height:34px;line-height:34px\9;box-sizing:border-box;border:1px solid #ddd;}
.input_area {padding:6px 8px;height:176px;line-height:1.6;box-sizing:border-box;border:1px solid #ddd;resize:none;overflow-y:auto;}
.input_select {padding:0px 0px 0px 8px;height:34px;box-sizing:border-box;border:1px solid #ddd;}
.input_radio {position:relative;top:1px;}
.input_checkbox {position:relative;top:1px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.input_radio {position:relative;top:3px;width:15px;height:15px;}
	.input_checkbox {position:relative;top:3px;width:15px;height:15px;}
}
.button {width:150px;height:40px;color:#fff;font-size:16px;box-sizing:border-box;border:none;background-color:#333;cursor:pointer;}
.button:hover {background-color:#ff0000;}

.editorc_nrs {padding-top:50px;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc_box {padding-top:3%;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc {font-size:16px;line-height:1.9;}
.editorc p {margin-bottom:20px;}
.editorc p:last-child {margin-bottom:0px;}
.editorc a {text-decoration:underline;}
.editorc hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc h1,.editorc h2,.editorc h3,.editorc h4,.editorc h5,.editorc h6 {padding:9px 0px;font-weight:bold;line-height:1.4;}
.editorc ul {margin-bottom:20px;padding-left:1.4em;}
.editorc ul:last-child {margin-bottom:0px;}
.editorc ul li {list-style-type:disc;}
.editorc ol {margin-bottom:20px;padding-left:1.5em;}
.editorc ol li {list-style-type:decimal;}
.editorc ol:last-child {margin-bottom:0px;}
.editorc table.border {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc table.border td,.editorc table.border th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc table.border td table {margin-bottom:0px;}
.editorc table.border td p {margin:0px;padding:0px;}
.editorc table.border th p {margin:0px;padding:0px;}

.editorc2 {line-height:1.9;}
.editorc2 img {vertical-align:top;}
.editorc2 a {text-decoration:underline;}
.editorc2 hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc2 h1,.editorc2 h2,.editorc2 h3,.editorc2 h4,.editorc2 h5,.editorc2 h6 {padding:9px 0px;font-weight:normal;line-height:1.2;}
.editorc2 ul {margin-bottom:20px;padding-left:1.4em;}
.editorc2 ul:last-child {margin-bottom:0px;}
.editorc2 ul li {list-style-type:disc;}
.editorc2 ol {margin-bottom:20px;padding-left:1.5em;}
.editorc2 ol li {list-style-type:decimal;}
.editorc2 ol:last-child {margin-bottom:0px;}

.editorc_tbe table {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc_tbe td, .editorc_tbe th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc_tbe td table {margin-bottom:0px;}
.editorc_tbe td p,.editorc_tbe th p {margin:0px;padding:0px;}
.editorc_tbe table.no-border {border:none;}
.editorc_tbe table.no-border table {border:none;}
.editorc_tbe table.no-border td {border:none;padding:0px;}
.editorc_tbe table.no-border th {border:none;padding:0px;}

#prevnext p {margin-top:55px;font-size:16px;}
#prevnext p span {display:block;margin-bottom:15px;color:#808080;}
#video_play {width:1200px;height:672px;font-size:0px;background-color:#000;overflow:hidden;}

/*===================================================================================*/
/* 关于我们 */

#gywm .profile .wraps {position:relative;z-index:10;top:-100px;padding:30px 50px;color:#333;border-radius:20px;background-color:#f2f2f2;}
#gywm .profile .wraps .tis h3 {font-size:30px;font-weight:normal;line-height:1;}
#gywm .profile .wraps .tis p {margin-top:10px;color:#666;font-size:18px;line-height:1;}
#gywm .profile .wraps .editorc {margin-top:30px;font-size:18px;line-height:1.8;}

#gywm .qywh .wraps {position:relative;margin-top:60px;height:800px;}
#gywm .qywh .items {position:absolute;width:400px;height:360px;text-align:center;}
#gywm .qywh .items:after {position:absolute;top:-40px;left:-48px;z-index:1;display:none;width:516px;height:460px;background:url(../images/qywx_bg2.png) no-repeat center center;background-size:100% 100%;content:"";}
#gywm .qywh .items:nth-child(1) {top:0;left:50%;margin-left:-200px;}
#gywm .qywh .items:nth-child(3) {bottom:0;left:50%;margin-left:-200px;}
#gywm .qywh .items:nth-child(2) {top:50%;right:120px;margin-top:-180px;}
#gywm .qywh .items:nth-child(4) {top:50%;left:120px;margin-top:-180px;}
#gywm .qywh .items .cont {position:relative;z-index:2;width:100%;height:100%;background:url(../images/qywx_bg1.png) no-repeat;background-size:100% 100%;}
#gywm .qywh .items .tis {padding-top:70px;color:#1cc6b1;}
#gywm .qywh .items .tis h4 {font-size:28px;font-weight:normal;line-height:1;}
#gywm .qywh .items .tis p {margin-top:5px;font-size:14px;}
#gywm .qywh .items .text {padding:0 50px;height:140px;color:#333;font-size:26px;line-height:1.4;}
#gywm .qywh .items .text p {-webkit-line-clamp:3;}
#gywm .qywh .items:hover:after {display:block;}
#gywm .qywh .items:hover .cont {background:none;}
#gywm .qywh .items:hover .tis {color:#fff;}
#gywm .qywh .items:hover .text {color:#fff;}

#gywm .yftd .cont {display:flex;margin-top:100px;}
#gywm .yftd .cont .imgs {flex:0 0 auto;position:relative;font-size:0;}
#gywm .yftd .cont .imgs img {width:100%;}
#gywm .yftd .cont .imgs .tis {position:absolute;padding:50px 20px 20px 20px;width:160px;color:#fff;box-sizing:border-box;background-color:#1cc6b1;}
#gywm .yftd .cont .imgs .tis h3 {font-size:40px;font-weight:normal;}
#gywm .yftd .cont .imgs .tis p {margin-top:10px;font-size:16px;}
#gywm .yftd .cont .imgs-m {display:none;}
#gywm .yftd .cont .text {flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;}
#gywm .yftd .cont .text li {flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding-top:10px;padding-bottom:10px;color:#333;font-size:18px;line-height:1.6;border-bottom:2px solid #c1c1c1;}
#gywm .yftd .cont .text li:first-child {padding-top:0;}
#gywm .yftd .cont .text li:last-child {padding-bottom:0;border-bottom:none;}
#gywm .yftd .cont .text li strong {color:#1cc6b1;font-size:34px;}
#gywm .yftd .cont:nth-child(1) .imgs {width:660px;}
#gywm .yftd .cont:nth-child(1) .imgs .tis {bottom:80px;right:-100px;}
#gywm .yftd .cont:nth-child(1) .text {padding-left:160px;}
#gywm .yftd .cont:nth-child(2) .imgs {width:617px;}
#gywm .yftd .cont:nth-child(2) .text {padding-right:160px;}
#gywm .yftd .cont:nth-child(2) .imgs .tis {top:-60px;left:-103px;}
#gywm .yftd .editorc {margin-top:40px;font-size:18px;}

#gywm .fzlc {margin-top:80px;margin-bottom:80px;background:url(../images/fzlc_bg.jpg) no-repeat center bottom/cover;}
#gywm .fzlc > div {position:relative;padding-bottom:120px;min-height:750px;box-sizing:border-box;}
#gywm .fzlc .tits {padding-top:80px;}
#gywm .fzlc .cont {margin-top:60px;}
#gywm .fzlc .cont .swiper-slide {text-align:center;}
#gywm .fzlc .cont .swiper-slide h4 {color:#1cc6b1;font-size:48px;line-height:1;}
#gywm .fzlc .cont .swiper-slide h4 span {font-size:26px;font-weight:normal;}
#gywm .fzlc .cont .swiper-slide p {margin-top:40px;color:#333;font-size:28px;line-height:1.6;}
#gywm .fzlc .cont .swiper-slide p:after {display:block;margin:30px auto 0 auto;width:48px;height:3px;content:"";background-color:#ffc229;}
#gywm .fzlc .year {position:absolute;bottom:-50px;left:0;width:100%;height:100px;box-sizing:border-box;}
#gywm .fzlc .year .swiper-slide span {display:block;margin:0 auto;width:98px;height:98px;line-height:98px;color:#999;font-size:26px;text-align:center;border-radius:50%;border:1px solid #999;background-color:#fff;cursor:pointer;transition:font-size ease-out 200ms;overflow:hidden;}
#gywm .fzlc .year .swiper-slide:hover span {font-size:34px;}
#gywm .fzlc .year .swiper-slide-active span {color:#fff;border-color:#ffc229;background-color:#ffc229;}
#gywm .fzlc .year .swiper-button {position:absolute;top:50%;display:block;margin-top:-38px;width:74px;height:74px;line-height:74px;color:#999;font-size:36px;text-align:center;border-radius:50%;border:1px solid #999;background-color:#fff;cursor:pointer;}
#gywm .fzlc .year .swiper-button:hover {color:#fff;border-color:#ffc229;background-color:#ffc229;}
#gywm .fzlc .year .swiper-prev {left:-150px;}
#gywm .fzlc .year .swiper-next {right:-150px;}

#gywm .cert .wraps {display:flex;align-items:flex-start;margin-top:60px;margin-bottom:80px;padding:30px 0 30px 30px;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);}
#gywm .cert .name {width:57%;height:460px;}
#gywm .cert .name .swiper-container {height:100%;}
#gywm .cert .name .swiper-wrapper {height:100%;}
#gywm .cert .name .swiper-slide {display:flex;flex-direction:column;justify-content:center;}
#gywm .cert .name .swiper-slide p {position:relative;padding-right:50px;color:#999;font-size:18px;text-align:right;cursor:pointer;}
#gywm .cert .name .swiper-slide-active p {padding-top:15px;padding-bottom:15px;color:#1cc6b1;font-size:30px;}
#gywm .cert .name .swiper-slide-active p:after {position:absolute;top:32px;right:0;display:block;width:8px;height:8px;border-radius:50%;background-color:#ffc229;content:"";}
#gywm .cert .cont {padding:20px 60px;width:43%;box-sizing:border-box;}
#gywm .cert .cont .imgs {height:300px;font-size:0;text-align:center;}
#gywm .cert .cont .imgs span {max-height:100%;}
#gywm .cert .cont .imgs img {max-height:100%;}
#gywm .cert .cont p {margin-top:20px;font-size:14px;line-height:1.8;}
#gywm .cert .cont-m {display:none;}

/*===================================================================================*/
/* 联系我们 */

#bg1 {background:url(../images/bg1.png) no-repeat center center;}
#contact {position:relative;margin-top:80px;}
#contact ul {position:absolute;top:50%;right:0;z-index:2;width:370px;transform:translateY(-50%);}
#contact ul li {margin-bottom:10px;padding:10px 15px;color:#000;border-radius:10px;border:1px solid #999;background-color:#fff;}
#contact ul li h4 {font-size:18px;}
#contact ul li p {margin-top:10px;line-height:1.65;}

#shfw {background:url(../images/bg1.png) no-repeat center bottom;}
#shfw > div {width:1540px;}
#shfw ul {display:flex;justify-content:space-between;margin-top:80px;margin-bottom:80px;}
#shfw ul li {padding:55px 20px 30px 35px;width:18.72%;color:#333;box-sizing:border-box;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.2);background-color:#fff;transition:transform ease-out 400ms;}
#shfw ul li .icon {height:68px;font-size:0;}
#shfw ul li .icon span {max-height:100%;}
#shfw ul li .icon img {max-height:100%;}
#shfw ul li h4 {padding-top:20px;padding-bottom:10px;font-size:28px;font-weight:normal;line-height:1;}
#shfw ul li p {font-size:14px;}
#shfw ul li:hover {transform:translateY(-20px);}
#shfw .qrcode {position:relative;margin:0 auto;width:300px;height:60px;line-height:60px;color:#fff;font-size:36px;text-align:center;border-radius:30px;box-shadow:0 2px 12px rgba(0,0,0,0.3);background-color:#1cc5b0;cursor:pointer;}
#shfw .qrcode div {position:absolute;bottom:100%;left:50%;margin-left:-100px;padding:10px;width:180px;font-size:0;line-height:normal;text-align:center;background-color:#1cc5b0;opacity:0;visibility:hidden;transform:translateY(-50px);transition:ease-out 300ms;}
#shfw .qrcode div:after {position:absolute;bottom:-20px;left:50%;display:block;margin-left:-10px;border:10px solid transparent;border-top-color:#1cc5b0;content:"";}
#shfw .qrcode div img {width:100%;}
#shfw .qrcode:hover div {opacity:1;visibility:visible;transform:translateY(-25px);}

#jxhz {margin-top:100px;}
#jxhz .lxfs {position:relative;font-size:0;text-align:center;}
#jxhz .lxfs img {max-width:100%;}
#jxhz .lxfs ul {display:flex;justify-content:center;position:absolute;bottom:-60px;left:50%;z-index:2;margin-left:-570px;padding:25px 50px;width:1140px;border-radius:15px;box-sizing:border-box;box-shadow:0 3px 10px rgba(0,0,0,0.3);background-color:#fff;}
#jxhz .lxfs ul li {flex:1 1 auto;padding-left:30px;padding-right:30px;color:#000;text-align:left;border-right:1px solid #505050;}
#jxhz .lxfs ul li:first-child {padding-left:0;}
#jxhz .lxfs ul li:last-child {padding-right:0;border-right:none;}
#jxhz .lxfs ul li span {font-size:18px;font-weight:bold;}
#jxhz .lxfs ul li h2 {margin-top:15px;font-size:20px;font-weight:normal;}
#jxhz .map {margin-top:180px;margin-bottom:120px;font-size:0;}
#jxhz .map img {max-width:100%;}

#jobs .rows {margin-top:40px;color:#000;}
#jobs .rows .info {display:flex;}
#jobs .rows .name {flex:1 1 auto;padding:20px 50px;background-color:#f2f2f2;cursor:pointer;}
#jobs .rows .name h3 {color:#1cc6b1;font-size:28px;font-weight:normal;line-height:1;}
#jobs .rows .name p {margin-top:10px;font-size:20px;font-weight:bold;}
#jobs .rows .sqbtn {flex:0 0 auto;align-items:flex-end;padding:20px 30px 20px 10px;width:250px;color:#fff;text-align:right;box-sizing:border-box;background-color:#1cc6b1;}
#jobs .rows .sqbtn div {}
#jobs .rows .sqbtn div p {font-size:24px;line-height:1;}
#jobs .rows .sqbtn div span {display:block;margin-top:5px;font-size:16px;}
#jobs .rows .sqbtn i {margin-top:10px;width:20px;height:20px;line-height:22px;color:#fff;font-size:12px;text-align:center;border-radius:50%;background-color:#ffc229;cursor:pointer;overflow:hidden;}
#jobs .rows .text {display:none;padding:40px 50px;border-radius:0 0 15px 15px;box-shadow:0 5px 10px rgba(0,0,0,0.2)}
#jobs .rows .intro {display:flex;justify-content:space-between;}
#jobs .rows .intro .cont {width:45%;}
#jobs .rows .intro .tis {font-size:18px;line-height:1;}
#jobs .rows .intro .editorc {margin-top:12px;}
#jobs .rows .place {display:flex;justify-content:space-between;margin-top:50px;font-size:18px;font-weight:bold;}
#jobs .rows .place div {width:45%;}
#jobs .active .sqbtn i {transform:rotate(180deg);}

/*===================================================================================*/
/* 产品中心 */

#pros {margin:0 auto;padding-bottom:100px;width:1000px;}
#pros a {display:inline-block;margin-top:100px;margin-right:140px;width:240px;text-align:center;vertical-align:top;}
#pros a:nth-child(3n) {margin-right:0;}
#pros a .imgs {width:236px;height:236px;font-size:0;border-radius:50%;border:2px solid #1cc6b1;overflow:hidden;}
#pros a .imgs img {position:relative;top:-2px;left:-2px;width:240px;transition:transform ease-out 400ms;}
#pros a h2 {margin-top:25px;font-size:20px;font-weight:normal;text-align:center;}
#pros a h2:after {display:block;margin:15px auto 0 auto;width:34px;height:2px;background-color:#ccc;content:"";}
#pros a:hover .imgs img {transform:scale(1.08);}
#pros a:hover h2:after {background-color:#1cc5b0;}

#prods {padding-bottom:50px;}
#prods .fls {border-bottom:1px solid #b8b8b8;}
#prods .fls .list {display:flex;flex-flow:row wrap;justify-content:center;padding-top:30px;padding-bottom:45px;}
#prods .fls .list a {margin-top:15px;padding:15px 10px 15px 25px;color:#000;text-align:left;vertical-align:top;border-radius:15px;box-sizing:border-box;border:1px solid #bcbcbc;}
#prods .fls .list a h2 {font-size:26px;font-weight:normal;line-height:1;}
#prods .fls .list a p {margin-top:6px;font-size:16px;}
#prods .fls .list a:hover {color:#1cc6b1;}
#prods .fls .list a.curt {color:#fff;border-color:#1cc6b1;background-color:#1cc6b1;}
#prods .fl2 .list a {width:49.2%;}
#prods .fl2 .list a:nth-child(even) {margin-left:1.6%;}
#prods .fl3 .list a {margin-right:1.6%;width:32.26666%;}
#prods .fl3 .list a:nth-child(3n),#prods .fl3 .list a:last-child {margin-right:0;}

#prods .fls .name {display:flex;justify-content:space-between;}
#prods .fls .name a {position:relative;padding-bottom:10px;color:#1a1a1a;font-size:24px;}
#prods .fls .name a.curt {color:#1cc6b1;}
#prods .fls .name a.curt:after {position:absolute;bottom:-1px;left:0;display:block;width:100%;height:3px;background-color:#1cc6b1;content:"";}

#prods .intro {border-bottom:1px solid #b8b8b8;/*background:url(../images/bg2.png) no-repeat center center;*/}
#prods .intro .imgs {font-size:0;text-align:center;}
#prods .intro .imgs img {max-width:100%;}
#prods .intro .text {display:flex;padding-top:60px;padding-bottom:80px;}
#prods .intro .name {flex:0 0 auto;width:38%;text-align:right;}
#prods .intro .name h1 {color:#333;font-size:36px;font-weight:normal;line-height:1.5;}
#prods .intro .name h2 {margin-top:10px;color:#000;font-size:32px;line-height:1;}
#prods .intro .name h3 {margin-top:10px;color:#000;font-size:26px;line-height:1.2;font-family:Arial;opacity:0.2;}
#prods .intro .desc {flex:1 1 auto;padding-left:80px;color:#333;font-size:20px;line-height:2;}

#prods .intro2 {border-bottom:1px solid #b8b8b8;}
#prods .intro2 .text {display:flex;padding-top:40px;padding-bottom:40px;}
#prods .intro2 .name {flex:0 0 auto;padding-right:45px;width:40%;text-align:right;box-sizing:border-box;}
#prods .intro2 .name h1 {color:#333;font-size:36px;font-weight:normal;line-height:1.5;}
#prods .intro2 .name h2 {margin-top:10px;color:#000;font-size:32px;line-height:1;}
#prods .intro2 .name h3 {margin-top:10px;color:#000;font-size:26px;line-height:1.2;font-family:Arial;opacity:0.2;}
#prods .intro2 .desc {flex:1 1 auto;position:relative;padding-left:42px;color:#333;font-size:20px;line-height:2;border-left:3px solid #baeee7;}

#prods .editorc2 {border-bottom:1px solid #b8b8b8;}
#prods .detail {display:flex;border-bottom:1px solid #b8b8b8;}
#prods .detail .imgs-m {display:none;font-size:0;text-align:center;}
#prods .detail .imgs-m img {max-width:100%;}
#prods .detail .text {/*display:flex;flex-direction:column;justify-content:space-between;*/position:relative;padding-top:40px;padding-bottom:40px;width:45%;color:#333;box-sizing:border-box;transition:color ease-out 500ms;}
#prods .detail .text:after {position:absolute;top:-1px;display:block;padding:1px;width:90px;height:100%;background-color:#1cc6b1;content:"";transition:ease-out 300ms;}
#prods .detail .text .tis {position:relative;z-index:2;font-size:28px;font-weight:normal;line-height:1.4;}
#prods .detail .text .editorc {position:relative;z-index:2;margin-top:30px;font-size:16px;line-height:1.9;}
#prods .detail .text:hover {color:#fff;}
#prods .detail .text:hover:after {width:100%;}
#prods .detail .imgs {width:55%;font-size:0;}
#prods .detail .imgs img {max-width:100%;}
#prods .ds1 .text {padding-left:130px;padding-right:40px;text-align:right;border-right:1px solid #b8b8b8;}
#prods .ds1 .text:after {left:0;}
#prods .ds2 .imgs {text-align:right;}
#prods .ds2 .text {padding-left:40px;padding-right:130px;border-left:1px solid #b8b8b8;}
#prods .ds2 .text:after {right:0;}

/*===================================================================================*/
/* 新闻列表 */

#news {display:flex;flex-flow:row wrap;justify-content:space-between;}
#news li {margin-top:80px;width:540px;}
#news li:nth-child(even) {position:relative;top:60px;}
#news li .imgs {display:block;font-size:0;overflow:hidden;}
#news li .imgs img {width:100%;transition:transform ease-out 400ms;}
#news li .text {color:#333;}
#news li .text h2 {padding-top:20px;padding-bottom:20px;font-size:22px;line-height:1.6;}
#news li .text p {font-size:16px;line-height:1.8;}
#news li .text > a {display:block;margin-top:30px;padding-left:16px;width:150px;height:30px;line-height:30px;color:#fff;font-size:16px;border-radius:15px;box-sizing:border-box;background:url(../images/arrow1.png) no-repeat right 15px center #ffc229;}
#news li:hover .imgs img {transform:scale(1.1);}

#xwds {display:flex;margin-top:80px;}
#xwds .cont {padding-right:100px;width:calc(100% - 400px);box-sizing:border-box;}
#xwds .related {padding-top:10px;width:400px;}
#xwds .related h3 {position:relative;padding-left:25px;color:#333;font-size:26px;font-weight:normal;line-height:1;}
#xwds .related h3:before {position:absolute;top:4px;left:0;display:block;width:7px;height:23px;background-color:#1cc6b1;content:"";}
#xwds .related .list a {display:block;margin-top:40px;}
#xwds .related .list a .imgs {display:block;font-size:0;overflow:hidden;}
#xwds .related .list a .imgs img {width:100%;transition:transform ease-out 400ms;}
#xwds .related .list a .text {position:relative;margin-top:20px;padding-left:15px;border-left:1px solid #595959;}
#xwds .related .list a .text h2 {position:relative;top:-5px;font-size:22px;font-weight:normal;line-height:1.6;}
#xwds .related .list a .text p {margin-top:10px;margin-bottom:25px;color:#808080;font-size:16px;line-height:1.7;}
#xwds .related .list a .text span {display:block;padding-left:12px;width:110px;height:24px;line-height:24px;color:#fff;font-size:12px;border-radius:12px;box-sizing:border-box;background:url(../images/arrow2.png) no-repeat right 11px center #ffc229;}
#xwds .related .list a:hover .imgs img {transform:scale(1.1);}

#news_info h1 {color:#333;font-size:38px;line-height:1.4;}
#news_info p {padding-top:20px;padding-bottom:20px;color:#808080;font-size:16px;border-bottom:2px solid #4d4d4d;}
#news_info p span {margin-left:30px;}
#news_info p span:first-child {margin-left:0;}
#news_info p span i {margin-right:8px;font-size:18px;}

/*===================================================================================*/
/* 华粤在线 */

.arts {position:relative;}
.arts .loading {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/loading.gif) no-repeat center center;}
.arts1 li {display:inline-block;margin-top:45px;margin-right:0.92%;width:32.72%;text-align:center;vertical-align:top;}
.arts1 li:nth-child(3n) {margin-right:0;}
.arts1 li .imgs {display:block;font-size:0;border-radius:6px;overflow:hidden;}
.arts1 li .imgs img {width:100%;transition:transform ease-out 400ms;}
.arts1 li .text {padding-top:18px;}
.arts1 li .text h2 {font-size:22px;font-weight:normal;}
.arts1 li .text p {margin-top:5px;font-size:14px;}
.arts1 li .xxas {display:inline-block;padding:0 18px;height:34px;line-height:34px;color:#fff;font-size:16px;vertical-align:top;border-radius:17px;background-color:#ffc229;}
.arts1 li:hover .imgs img {transform:scale(1.1);}

.arts2 li {margin-top:50px;text-align:center;}
.arts2 li .imgs {display:block;font-size:0;border-radius:6px;overflow:hidden;}
.arts2 li .imgs img {width:100%;transition:transform ease-out 400ms;}
.arts2 li .xxas {display:inline-block;margin-top:40px;padding:0 18px;height:34px;line-height:34px;color:#fff;font-size:16px;vertical-align:top;border-radius:17px;background-color:#ffc229;}
.arts2 li:hover .imgs img {transform:scale(1.08);}

.arts3 li {display:inline-block;margin-top:45px;width:45.45%;text-align:center;vertical-align:top;}
.arts3 li:nth-child(even) {margin-left:9.1%;}
.arts3 li .imgs {display:block;font-size:0;border-radius:6px;overflow:hidden;}
.arts3 li .imgs img {width:100%;transition:transform ease-out 400ms;}
.arts3 li .text {padding-top:18px;padding-bottom:22px;}
.arts3 li .text h2 {font-size:26px;font-weight:normal;}
.arts3 li .text p {margin-top:5px;font-size:18px;}
.arts3 li .xxas {display:inline-block;padding:0 18px;height:34px;line-height:34px;color:#fff;font-size:16px;vertical-align:top;border-radius:17px;background-color:#ffc229;}
.arts3 li:hover .imgs img {transform:scale(1.09);}

#wzds {padding-top:80px;padding-bottom:60px;}
#wzds .name {padding-bottom:25px;color:#333;text-align:center;border-bottom:2px solid #4d4d4d;}
#wzds .name h1 {font-size:36px;line-height:1.4;}
#wzds .name p {margin-top:10px;font-size:22px;}
#wzds .video {margin:50px auto 0 auto;width:1000px;height:560px;font-size:0;text-align:center;}

/*===================================================================================*/

#win_ts {position:fixed;top:20%;left:50%;z-index:9999;margin-left:-170px;padding:32px 20px;width:300px;color:#fff;font-size:22px;line-height:1.4;text-align:center;opacity:0;transition:all 0.5s;border-radius:8px;background-color:rgba(0,0,0,0.7);overflow:hidden;}
#win_loading {position:fixed;top:0%;left:0%;z-index:9999;width:100%;height:100%;background:url(../images/loading2.gif) no-repeat center center;}
#win_loading_bg {position:fixed;top:0px;left:0px;z-index:9998;width:100%;height:100%;background:url(../images/tbs/white0.png);}

/*===================================================================================*/

.arts_page {padding:60px 0 20px 0;width:100%;}
#news_page {padding:150px 0 0 0;width:100%;}
#pros_page {padding:60px 0 0 0;width:100%;}
.fypage {font-size:0px;text-align:center;overflow:hidden;}
.fypage a,.fypage span {display:inline-block;margin:0 5px;width:36px;height:36px;line-height:36px;font-size:14px;color:#333;background-color:#f2f2f2;text-align:center;vertical-align:top;box-sizing:border-box;overflow:hidden;}
.fypage a:hover {color:#fff;background-color:#1cc6b1;}
.fypage span.fypage_current, .fypage a.fypage_current {color:#fff;background-color:#1cc6b1;}
.fypage .fypage_sl {display:inline-block;height:32px;line-height:32px;font-size:14px;font-style:normal;vertical-align:top;}
.fypage .fypage_prev,.fypage .fypage_next {}

#news_mpage {display:none;padding:6% 0 0 0;}
#pros_mpage {display:none;padding:6% 0 0 0;}
.mfypage {width:100%;height:24px;font-size:0px;text-align:center;overflow:hidden;}
.mfypage a,.mfypage span {display:inline-block;margin:0px 2px;padding:0px 8px;height:22px;font-size:12px;line-height:22px;color:#666;border:1px solid #ddd;background-color:#fff;vertical-align:top;overflow:hidden;}
.mfypage a:hover {color:#fff;border-color:#1cc6b1;background-color:#1cc6b1;}
#mfypage_gov {display:inline-block;margin:0px 2px;padding:0px 6px;width:36px;height:24px;color:#777;vertical-align:top;border:1px solid #ddd;background-color:#fff;}
#mfypage_gobtn:hover {color:#fff;border-color:#1cc6b1;background-color:#1cc6b1;}