@charset "utf-8";

#oUl li a{
    display: flex;
    align-items: center;

    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.header_left{
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.header_right_Item{
	font-size:16px;
}


.clearfix span{
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    margin:  0 10px;
}
.clearfix a{
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    margin:  0 10px;
}
.clearfix .current{
    color:#046AF6;
}

.clearfix .disabled:hover{
	color:#046AF6;
}

.gx_hopit .g_f4botxiafl2z a:hover{
	color:#046AF6;
}

.crumbBox .crum_Tit{
	margin-top:10px;
	display:block;
	white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fenyeH5{
    display: none;
}
.crumbBox{
	margin-bottom:50px;
	margin-top:55px;
}
.crumbBox a{
	white-space:nowrap;
	margin: 0 5px;
	color:#000;
}

.connect{
	display:none !important;
}
.bottom{
	margin-top:30px !important;
}

.fenyeH5 span{
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    margin:  0 5px;
}
.fenyeH5 a{
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    margin:  0 10px;
}
.fenyeH5 .current{
    color:#046AF6;
	font-size:16px;
}

.iconfont {
    font-family: 'iconfont' !important;
    font-size: 20px;
    font-style: normal;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

.newservicef .iconfont {
    color: #000000;
}
.index .section5 .main-container .news .con .text a{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.newservicef .section7 .iconfont {
    color: #999;
}

.icon-weibo:before {
    content: '\e60a';
}

.icon-weixin:before {
    content: '\e64b';
}

.icon-sousuo:before {
    content: '\e617';
}

.icon-zuobiao:before {
    content: '\e663';
}

.icon-jiantou:before {
    content: '\e621';
}

.icon-ar:before {
    content: '->';
}

.icon-yinhao:before {
    content: '\e60e';
}

.icon-youxiang:before {
    content: '\e6c9';
}

.icon-al:before {
    content: '\e6e5';
}

/*第一类pc版头部*/
.header {
    /* position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 144px;
    opacity: 1;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s; */
    position: absolute;
    z-index:4;
}

.header .logo {
    width: auto;
    height: 100%;
    padding-top: 38px;
    padding-left: 80px;
}

.header .logo img {
    width: 305px;
}

.header .navdiv {
    position: absolute;
    top: 0;
    right: 150px;
    padding-top: 37px;
}

.header .option {
    margin-bottom: 23px;
    padding-left: 27px;
    font-family: 'RL';
}

.header .option span,
.header .option span a {
    vertical-align: middle;
    color: #fff;
    font-family: 'Felix Titling';
}

.header .option .icon-zuobiao {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
    vertical-align: text-bottom;
    font-size: 20px;
}

.header .option .icon-jiantou {
    margin-left: 4px;
    font-size: 14px;
}

.header .option .tel {
    margin-right: 55px;
    font-family: 'Conv_ELEPHNT';
    font-size: 20px;
    letter-spacing: .5px;
}

.header .option .icon-youxiang {
    display: inline-block;
    margin-right: 14px;
    font-size: 28px;
}

.header .option .icon-youxiang:hover {
    color: #046AF6;
}

.header .option .icon-yingwen {
    display: inline-block;
    font-size: 26px;
}

.header .option .icon-yingwen:hover {
    color: #046AF6;
}

.header .navdiv nav li {
    float: left;
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.header .navdiv nav li:nth-last-child(2),
.header .navdiv nav li:last-child {
    border-right: none;
}

.header .navdiv nav ul>li:last-child {
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    --transform: translateY(-4px);
    --transform: translateY(-4px);
}

.header .navdiv nav li:last-child>a::after {
    display: none;
}

.header .navdiv nav li {
    padding-right: 26px;
    padding-left: 26px;
}

.header .navdiv nav ul>li>a {
    display: block;
    font-size: 20px;
    color: #fff;
    position: relative;
}

.header .navdiv nav>li>a {
    transition: none ease-out .3s;
    transition-property: none;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
    transition-property: color, background, text-indent, opacity;
}

.header .navdiv nav ul>li>a::after {
    content: '';
    position: absolute;
    /* top: 50%;*/
    bottom: -5px;
    left: 0px;
    width: 0;
    height: 1px;
    /*margin-left: -5%;*/
    background-color: #046AF6;
    /*-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;*/
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    opacity: 0;
}

.header .navdiv nav ul>li>a:hover::after {
    width: 20px;
    opacity: 1;
}

.m_close img {
    transition: all 0.36s;
}

.m_close img:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.header .navdiv nav ul>li>a:hover {
    color: #046AF6;
}

.header .navdiv nav ul>li.on>a::after {
    width: 20px;
    opacity: 1;
}

.header .navdiv nav ul>li.on>a {
    color: #046AF6;
}

.header .navdiv nav ul>li:last-child>a {
    padding-right: 0;
    padding-left: 0;
}

.header.act {
    height: 0px;
    opacity: 0;
}

/*第一类pad端头部*/
.padph {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    width: 100%;
    height: 115px;
}

.phon_btn {
    width: 100%;
    height: 115px;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

.phon_btn .phon_btna {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 140px;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.phon_btn .phon_btna img {
    width: 100%;
}

.phon_btn .phon_menu {
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 1;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.phon_btn .phon_menu .navbtn {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.phon_btn .phon_menu .navbtn span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 30px;
    height: 1px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    background: #ffffff;
}

.phon_btn .phon_menu .navbtn span::before,
.phon_btn .phon_menu .navbtn span::after {
    content: '';
    position: absolute;
    left: 0;
    width: 30px;
    height: 1px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    background: #ffffff;
}

.phon_btn .phon_menu .navbtn span::before {
    top: -13px;
}

.phon_btn .phon_menu .navbtn span::after {
    top: 13px;
}

.phon_btn .phon_menu .navbtn:hover span {
    background: transparent;
}

.phon_btn .phon_menu .navbtn:hover span::before {
    top: 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.phon_btn .phon_menu .navbtn:hover span::after {
    top: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.padph.act .phon_btn {
    opacity: 0;
    height: 0px;
}

/*头部效果*/
.padph.act .phhead {
    opacity: 1;
    z-index: 1;
}

.phhead {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 90px;
    line-height: 90px;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

.phhead .phon_btnb {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.phhead .phon_btnb .navbtn {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.phhead .phon_btnb .navbtn span {
    position: absolute;
    top: 50%;
    left: 0px;
    display: block;
    width: 30px;
    height: 1px;
    background: #424141;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.phhead .phon_btnb .navbtn span::before,
.phhead .phon_btnb .navbtn span::after {
    content: '';
    position: absolute;
    left: 0;
    width: 30px;
    height: 1px;
    background: #424141;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.phhead .phon_btnb .navbtn span::before {
    top: -13px;
}

.phhead .phon_btnb .navbtn span::after {
    top: 13px;
}

.phhead .phon_btnb .navbtn:hover span {
    background: transparent;
}

.phhead .phon_btnb .navbtn:hover span::before {
    top: 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.phhead .phon_btnb .navbtn:hover span::after {
    top: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.phhead .caselogo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.phhead .caselogo img {
    width: 138px;
}

.phhead .phsearch {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.phhead .phsearch a span {
    font-size: 30px;
    color: #000201;
}

/*下拉导航*/
.oh {
    overflow: hidden
}

#burger-menu {
    position: fixed;
    left: -100%;
    top: 0px;
    z-index: 201;
    width: 100%;
    height: 100%;
    background: #181723;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

#burger-menu .nav_close {
    position: absolute;
    top: 60px;
    right: 60px;
    z-index: 1;
    width: 26px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

#burger-menu .nav_close:hover {
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#burger-menu .nav_close img {
    width: 100%;
    cursor: pointer;
}

#burger-menu-bg-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#burger-menu-bg-wrap,
.burger-menu-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.burger-menu-bg {
    transform: scale(1.1);
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

.burger-menu-bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    opacity: 0;
}

#burger-menu-bg-0 {
    max-width: 100%;
}

#burger-menu-bg-1 {
    max-width: 100%;
}

#burger-menu-bg-2 {
    max-width: 100%;
}

#burger-menu-bg-3 {
    max-width: 100%;
}

#burger-menu-bg-4 {
    max-width: 100%;
}

#burger-menu-list {
    padding: 0 0 2vw;
    text-align: center
}

.burger-menu-link-wrap {
    display: block;
    margin: 30px 0;
    color: #fff;
    font-size: 40px;
}

.burger-menu-link {
    position: relative;
    display: inline-block;
    letter-spacing: 3px;
    transform: translate3d(0, -110%, 0);
    -webkit-transition: all .4s ease .5s;
    -moz-transition: all .4s ease .5s;
    -ms-transition: all .4s ease .5s;
    -o-transition: all .4s ease .5s;
    transition: all .4s ease .5s;
}

.burger-menu-link a {
    color: #ffffff;
}

.burger-menu-link:hover a {
    color: #046AF6;
}

.burger-menu-share-wrap {
    position: absolute;
    bottom: 3.5vw;
    left: 0;
    right: 0;
    font-family: trump-gothic-pro;
    font-size: calc(.9rem + .2vw);
    letter-spacing: 1px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

.burger-menu-share-wrap li {
    float: left;
    list-style: none;
    margin: 0 25px;
    transform: translate3d(0, 100%, 0);
    -webkit-transition: all .4s ease .5s;
    -moz-transition: all .4s ease .5s;
    -ms-transition: all .4s ease .5s;
    -o-transition: all .4s ease .5s;
    transition: all .4s ease .5s;
}

.burger-menu-share-wrap li a {
    color: #ffffff;
}

.burger-menu-share-wrap li a:hover {
    color: #046AF6;
}

.burger-menu-share-wrap .icon-zuobiao {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
    font-size: 21px;
}

.burger-menu-share-wrap .icon-youxiang {
    display: inline-block;
    font-size: 24px;
}

.burger-menu-share-wrap .icon-sousuo {
    font-size: 20px;
}

/*手机版下拉导航*/
.phone_nav {
    display: none;
    width: 100%;
    height: 100%;
    padding: 36px 15px 0 15px;
    background-color: #181723;
}

.phone_nav>h4 {
    margin-bottom: 12px;
    text-align: center;
}

.phone_nav>h4 img {
    width: 170px;
}

.phone_nav .ul1 li {
    text-align: center;
}

.phone_nav .ul1 {
    height: calc(100vh - 36px - 26px - 12px - 14px - 70px);
    margin-top: 12px;
}

@media screen and (min-width: 768px) {
    .xialaph .container {
        width: 100%;
        padding: 0 20px;
    }
}

.xialaph h4 {
    position: relative;
}

.xialaph h4 a {
    font-size: 18px;
    color: #fff;
    line-height: 59px;
}

.xialaph h4 img {
    position: absolute;
    top: 50%;
    right: 0px;
    width: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.xialaph h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .1;
    background-color: #e5e5e5;
}

.xialaph .ul2 {
    display: none;
    padding-top: 7px;
    padding-bottom: 8px;
}

.xialaph h5 a {
    font-size: 16px;
    color: #fff;
    line-height: 40px;
}

.xialaph h5 {
    position: relative;
}

.xialaph h5::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    opacity: .05;
    background-color: #fff;
}

.xialaph h4.active {
    border-bottom: 0;
}

.xialaph h4.active img.img_s {
    display: none;
}

.xialaph h4.active img.img_d {
    display: block;
}

/*搜索页面*/
.search {
    position: fixed;
    top: 0px;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 302;
    padding: 30px 15px 0;
    background-color: rgba(24, 23, 35, .98);
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.search .pcbb {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.search .pcs_close {
    position: absolute;
    top: 64px;
    right: 73px;
    cursor: pointer;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.search .pcs_close:hover {
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.search .pcs_close img {
    width: 26px;
}

.search .pcsearch {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ci_return{
    border-left: none !important;
}
.search .pcsearch .pstitle {
    margin-bottom: 35px;
}

.search .pcsearch .pstitle img {
    width: 210px;
}

.search .pcsearch h5 {
    margin-bottom: 90px;
    font-size: 28px;
    color: #ffffff;
    text-transform: uppercase;
    /* font-family: 'Century Gothic'; */
    font-family: '微软雅黑';
}

.search .pcsearch .sebox {
    width: 850px;
    max-width: 100%;
    margin-bottom: 80px;
}

.search .pcsearch .sebox input {
    float: left;
    width: calc(100% - 96px);
    height: 80px;
    padding-left: 30px;
    margin-right: 17px;
    background-color: #fff;
    color: #9d9393;
    font-size: 18px;
}

.search .pcsearch .sebox span {
    display: inline-block;
    width: 79px;
    height: 79px;
    background-color: #046AF6;
    text-align: center;
    line-height: 79px;
    cursor: pointer;
}

.search .pcsearch .seword {
    text-align: center;
}

.search .pcsearch .seword ul li {
    display: inline-block;
    padding: 0 15px;
    font-size: 16px;
    font-family: "Microsoft JhengHei";
}

.search .pcsearch .seword ul li a {
    color: #e2e2e2;
}

.search .pcsearch .seword ul li a:hover {
    color: #046AF6;
}

.search .phsearch {
    display: none;
}

.search .phsearch input {
    width: 84%;
    height: 45px;
    padding-left: 20px;
    color: #515151;
    letter-spacing: 1px;
    background-color: #fff;
    border-radius: 8px;
}

.search .phsearch .seclose {
    position: absolute;
    top: 49px;
    right: 46px;
    color: #b9b9b9;
    cursor: pointer;
}

.search .phsearch ul {
    padding-top: 15px;
}

.search .phsearch ul li {
    padding: 12px 0;
}

.search .phsearch ul li a {
    font-size: 16px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
}

.search .phsearch .searching {
    margin: 20px 0;
}

.search .phsearch .searching button {
    width: 118px;
    height: 48px;
    font-family: "Microsoft JhengHei";
    font-size: 18px;
    border-radius: 8px;
}

.search .phsearch .searching a:nth-child(1) button {
    background-color: #ffffff;
    color: #464646;
    margin-right: 5px;
}

.search .phsearch .searching a:nth-child(2) button {
    border: 1px solid #ffffff;
    color: #ffffff;
}

/*侧边按钮*/
.section .broadback {
    position: absolute;
    top: 90px;
    left: 19px;
    z-index: 100;
    cursor: pointer;
    -webkit-transition: all .1s linear 0s;
    -moz-transition: all .1s linear 0s;
    -ms-transition: all .1s linear 0s;
    -o-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
}

.section .broadback.act {
    position: fixed;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.section .broadback span {
    color: #9a9a9a;
    font-size: 16px;
    -webkit-transition: all .1s linear 0s;
    -moz-transition: all .1s linear 0s;
    -ms-transition: all .1s linear 0s;
    -o-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
}

.section .broadback:hover span {
    color: #046AF6;
    font-size: 20px;
}

.section .navbtn {
    position: absolute;
    top: 177px;
    left: 19px;
    z-index: 100;
    width: 20px;
    height: 16px;
    cursor: pointer;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
}

.section .navbtn.act {
    position: fixed;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.section .broadsearch {
    position: absolute;
    top: 255px;
    left: 19px;
    z-index: 100;
    cursor: pointer;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
}

.section .broadsearch.act {
    position: fixed;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.section .broadsearch span {
    color: #9a9a9a;
    font-size: 18px;
    -webkit-transition: all .1s linear 0s;
    -moz-transition: all .1s linear 0s;
    -ms-transition: all .1s linear 0s;
    -o-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
}

.section .broadsearch:hover span {
    color: #046AF6;
    font-size: 20px;
}

.section.bgat .navbtn {
    top: 90px;
}

.section.bgat .broadsearch {
    top: 177px;
}

.broadside .broadback {
    position: absolute;
    top: 107px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    cursor: pointer;
}

.broadside .broadback span {
    color: #9a9a9a;
    font-size: 16px;
    -webkit-transition: all .1s linear 0s;
    -moz-transition: all .1s linear 0s;
    -ms-transition: all .1s linear 0s;
    -o-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
}

.broadside .broadback:hover span {
    color: #046AF6;
    font-size: 20px;
}

.broadside .navbtn {
    position: absolute;
    top: 195px;
    left: 50%;
    transform: translateX(-50%);
    width: 19px;
    height: 16px;
    cursor: pointer;
}

.section .navbtn span,
.broadside .navbtn span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 19px;
    height: 1px;
    background: #9a9a9a;
    -webkit-transition: all .1s linear 0s;
    -moz-transition: all .1s linear 0s;
    -ms-transition: all .1s linear 0s;
    -o-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
}

.section .navbtn span::before,
.section .navbtn span::after,
.broadside .navbtn span::before,
.broadside .navbtn span::after {
    content: '';
    position: absolute;
    left: 0;
    width: 19px;
    height: 1px;
    background: #9a9a9a;
    -webkit-transition: all .1s linear 0s;
    -moz-transition: all .1s linear 0s;
    -ms-transition: all .1s linear 0s;
    -o-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
}

.section .navbtn span::before,
.broadside .navbtn span::before {
    top: -6px;
}

.section .navbtn span::after,
.broadside .navbtn span::after {
    top: 6px;
}

.section .navbtn:hover span,
.broadside .navbtn:hover span {
    background: #046AF6;
}

.section .navbtn:hover span::before,
.broadside .navbtn:hover span::before {
    top: -8px;
    background: #046AF6;
}

.section .navbtn:hover span::after,
.broadside .navbtn:hover span::after {
    top: 8px;
    background: #046AF6;
}

.broadside .broadsearch {
    position: absolute;
    top: 273px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    cursor: pointer;
}

.broadside .broadsearch span {
    color: #9a9a9a;
    font-size: 18px;
    -webkit-transition: all .1s linear 0s;
    -moz-transition: all .1s linear 0s;
    -ms-transition: all .1s linear 0s;
    -o-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
}

.broadside .broadsearch:hover span {
    color: #046AF6;
    font-size: 20px;
}

/*脚部*/
footer {
    position: relative;
    height: 30vh;
}

footer p {
    position: absolute;
    bottom: 37px;
    left: 85px;
    letter-spacing: .4px;
    color: #fff;
    font-size: 14px;
}

footer p a {
    color: #fff;
}

footer p a:hover {
    color: #046AF6;
}

/*第二套脚部*/
footer.spfo {
    height: auto;
    padding: 190px 110px 190px 160px;
    background-color: #d7d7d7;
}

footer .focon_fl {
    position: relative;
    width: 50%;
    height: 400px;
    background-color: #fff;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

footer .focon_fl a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

footer .fodiv {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-bottom: 85px;
    text-align: center;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

footer .fodiv h3 {
    margin-bottom: 40px;
    font-family: "Microsoft JhengHei";
    font-size: 24px;
    color: #848484;
}

footer .fodiv .gx_tirlx {
    position: relative;
    font-family: 'Conv_QUARTO-BOLD';
    font-size: 48px;
    color: #333333;
    letter-spacing: 1px;
    text-transform: uppercase;
}

footer .fodiv .gx_tirlx:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 0px;
    height: 2px;
    margin-left: -5%;
    background-color: #333333;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.index .section {
    position: relative;
	margin:-200px auto 0;
}

.main-container {
    position: relative;
    max-width: 1600px;
    /* margin-right: 50px; */
    padding-left: 55px;
    background: #fff;
    margin: 0 auto;
}

/*首页*/
.index .video {
    position: relative;
    width: 100%;
    height: 100vh;
}

.index .video .video_title {
    position: absolute;
    top: 55%;
    left: 78%;
    z-index: 1;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

.index .video .video_title .video_txt {
    position: relative;
    width: 365px;
    /*height: 380px;*/
    overflow: hidden;
}

.s-t-12z,
.s-t-12y,
.s-t-13 {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
}

.index .video .video_txt .s-t-1 {
    margin-bottom: 26px;
    -webkit-animation: fadeInDown .7s ease both;
    animation: fadeInDown .7s ease both;
    animation-delay: 1.4s;
    position: relative;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
}

.s-t-12z {
    -webkit-animation: fadeInLeft .7s ease both;
    animation: fadeInLeft .7s ease both;
    animation-delay: 1.4s;
}

.s-t-12y {
    -webkit-animation: fadeInRight .7s ease both;
    animation: fadeInRight .7s ease both;
    animation-delay: 1.4s;
}

.s-t-13 {
    -webkit-animation: fadeInUp .7s ease both;
    animation: fadeInUp .7s ease both;
    animation-delay: 1.4s;
}

.video_titlebox {
    /*-webkit-animation: rubberBand .9s ease both;
    animation: rubberBand .9s ease both;
    animation-delay: 1.2s; */
    /*overflow: hidden;*/
}

.index .video .video_txt .s-t-2 {
    position: absolute;
    top: 73px;
    left: 50%;
    width: 328px;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.index .video .video_txt .s-t-2 img {
    display: block;
    width: 100%;
    left: 0;
    top: 0;
}

.g_stb,
.g_stc,
.g_std {
    position: absolute;
}

.g_sta {
    position: relative;
    -webkit-animation: fadeInUp .7s ease both;
    animation: fadeInUp .7s ease both;
    animation-delay: 0.2s;
}

.g_stb {
    -webkit-animation: fadeInUp .7s ease both;
    animation: fadeInUp .7s ease both;
    animation-delay: 0.3s;
}

.g_stc {
    -webkit-animation: fadeInUp .7s ease both;
    animation: fadeInUp .7s ease both;
    animation-delay: 0.4s;
}

.g_std {
    -webkit-animation: fadeInUp .7s ease both;
    animation: fadeInUp .7s ease both;
    animation-delay: 0.5s;
}

.index .video .video_txt .s-t-3 {
    position: absolute;
    top: 218px;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.index .video .video_txt .s-t-3 img {
    -webkit-animation: bounceInUp .9s ease both;
    animation: bounceInUp .9s ease both;
    animation-delay: 0.5s;
}

.index .video .video_txt .s-t-4 {
    -webkit-animation: slideInUp 1s ease both;
    animation: slideInUp 1s ease both;
    animation-delay: 1.8s;
}

.index .video .videocon {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index .videocon:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

/* .index .videocon video{
    width: 100%;
} */
.index .phbanner {
    display: none;
    width: 100%;
    height: 477px;
}

.index .phbanner .phbanimg {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.index .section1.bgat .bgwhite {
    height: 630px;
}

.buildfl {
    width: 58.2%;
    height: 100%;
}

.buildfl .buflslick {
    margin-top: -82px;
}

.buildfl .buildimg {
    position: relative;
    width: 100%;
    height: 712px;
    padding-top: 82px;
    overflow: hidden;
}

.buildfl .buildimg .build_con1 {
    width: 100%;
    height: 100%;
    background-color: #f6fcff;
}

.buildfl .buildimg .build_con2 {
    width: 100%;
    height: 100%;
    background-color: #fff6e8;
}

.buildfl .buildimg .build_con3 {
    width: 100%;
    height: 100%;
    background-color: #f0f7fc;
}

.buildfl .buildimg img {
    position: absolute;
    max-width: 100%;
}

.buildfl .buildimg .bxm {
    top: 0px;
    left: 40px;
    width: 481px;
    display: block;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    transform: translate(-50px, 50px);
    -o-transform: translate(-50px, 50px);
    -ms-transform: translate(-50px, 50px);
    -moz-transform: translate(-50px, 50px);
    -webkit-transform: translate(-50px, 50px);
    opacity: 0;
}

.buildfl .buildimg .bx {
    transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    opacity: 1;
}

.buildfl .buildimg .bym {
    bottom: 15px;
    left: 325px;
    opacity: 0;
}

.buildfl .buildimg.slick-current .by {
    -webkit-animation: fadeInUp .8s 0s ease both;
    -moz-animation: fadeInUp .8s 0s ease both;
    animation: fadeInUp .8s 0s ease both;
    opacity: 1;
}

.buildfl .buildimg .bsm {
    opacity: 0;
}

.buildfl .buildimg.slick-current .bs {
    -webkit-animation: bounceInDown 1.8s ease both;
    animation: bounceInDown 1.8s ease both;
    opacity: 1;
}

.buildfl .buildimg .b-s-1 {
    bottom: 150px;
    right: 152px;
    z-index: 10;
    -webkit-animation-delay: 0s !important;
    animation-delay: 0s !important;
}

.buildfl .buildimg .b-s-2 {
    bottom: 185px;
    right: 215px;
    z-index: 9;
    -webkit-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important;
}

.buildfl .buildimg .b-s-3 {
    bottom: 230px;
    right: 278px;
    z-index: 8;
    -webkit-animation-delay: .3s !important;
    animation-delay: .3s !important;
}

.buildfl .buildimg .b-s-4 {
    bottom: 140px;
    right: 18px;
    z-index: 7;
    -webkit-animation-delay: .4s !important;
    animation-delay: .4s !important;
}

.buildfl .buildimg .b-s-5 {
    bottom: 170px;
    right: 70px;
    z-index: 6;
    -webkit-animation-delay: .5s !important;
    animation-delay: .5s !important;
}

.buildfl .buildimg .b-s-6 {
    bottom: 200px;
    right: 135px;
    z-index: 5;
    -webkit-animation-delay: .6s !important;
    animation-delay: .6s !important;
}

.buildfl .buildimg .b-s-7 {
    bottom: 296px;
    right: 225px;
    z-index: 4;
    -webkit-animation-delay: .7s !important;
    animation-delay: .7s !important;
}

.buildfl .buildimg .xbg {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    width: 100%;
}

.buildfl .buildimg .x-s-1 {
    top: 0px;
    left: 17%;
    z-index: 2;
    opacity: 0;
}

.buildfl .buildimg .x-s-2 {
    top: 187px;
    left: 75px;
    z-index: 3;
}

.buildfl .buildimg .x-s-3 {
    top: 250px;
    right: 190px;
    z-index: 4;
}

.buildfl .buildimg .x-s-4 {
    bottom: 88px;
    left: 50%;
    z-index: 5;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.buildfl .buildimg.slick-current .x1 {
    -webkit-animation: bounceInDown 1.5s 0s ease both;
    -moz-animation: bounceInDown 1.5s 0s ease both;
    animation: bounceInDown 1.5s 0s ease both;
    opacity: 1;
}

.buildfl .buildimg.slick-current .x2 {
    -webkit-animation: bounceInRight 1.5s 0s ease both;
    -moz-animation: bounceInRight 1.5s 0s ease both;
    animation: bounceInRight 1.5s 0s ease both;
}

.buildfl .buildimg.slick-current .x3 {
    -webkit-animation: bounceInLeft 1.5s 0s ease both;
    -moz-animation: bounceInLeft 1.5s 0s ease both;
    animation: bounceInLeft 1.5s 0s ease both;
}

.buildfl .buildimg.slick-current .x4 {
    -webkit-animation: bounceInUp 1.5s 0s ease both;
    -moz-animation: bounceInUp 1.5s 0s ease both;
    animation: bounceInUp 1.5s 0s ease both;
}

.buildfl .buildimg .t-s-1 {
    top: 100px;
    left: 610px;
    z-index: 3;
}

.buildfl .buildimg .t-s-2 {
    top: 35px;
    left: 180px;
    z-index: 2;
    opacity: 0;
}

.buildfl .buildimg .t-s-3 {
    top: 350px;
    left: 140px;
    z-index: 1;
}

.buildfl .buildimg .t-s-4 {
    top: 200px;
    left: 0px;
    z-index: 0;
}

.buildfl .buildimg.slick-current .t1 {
    -webkit-animation: fadeInUp 1s 0s ease both;
    -moz-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}

.buildfl .buildimg.slick-current .t2 {
    -webkit-animation: fadeInUp 1.2s 0s ease both;
    -moz-animation: fadeInUp 1.2s 0s ease both;
    animation: fadeInUp 1.2s 0s ease both;
    opacity: 1;
}

.buildfl .buildimg.slick-current .t3 {
    -webkit-animation: fadeInUp 1.4s 0s ease both;
    -moz-animation: fadeInUp 1.4s 0s ease both;
    animation: fadeInUp 1.4s 0s ease both;
}

.buildfl .buildimg.slick-current .t4 {
    -webkit-animation: bounceInUp 1.5s 0s ease both;
    -moz-animation: bounceInUp 1.5s 0s ease both;
    animation: bounceInUp 1.5s 0s ease both;
}

.buildfr {
    position: relative;
    width: 41.8%;
    height: 100%;
    background-color: #f9f9f9;
}

.buildfr .buildslick {
    height: 580px;
    opacity: 0;
}

.buildslick.buildmove {
    -webkit-animation: fadeInUp .8s 0s ease both;
    -moz-animation: fadeInUp .8s 0s ease both;
    animation: fadeInUp .8s 0s ease both;
    opacity: 1;
}

.txtdiv h5 {
    color: #848484;
}

.buildfr .buildcon {
    padding: 69px 100px 0 87px;
}

.buildfr .buildcon strong {
    margin-bottom: 50px;
    display: block;
}

.buildfr .buildcon strong a {
    font-size: 60px;
    font-weight: bold;
}

.buildfr .buildcon h2 {
    margin-bottom: 25px;
}

.buildfr .buildcon h2 a {
    font-weight: bold;
    font-size: 24px;
    color: #464646;
}

.buildfr .buildcon .buildmess {
    margin-bottom: 25px;
}

.buildfr .buildcon p {
    margin-bottom: 50px;
    font-size: 16px;
    color: #848484;
    line-height: 1.8;
}

.buildfr .buildcon a {
    font-size: 14px;
    color: #999999;
}

.buildfr .buildchange {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.buildfr .buildchange .buildnum {
    position: absolute;
    top: -35px;
    right: 28px;
}

.buildfr .buildchange .buildnum span {
    color: #999999;
    font-size: 18px;
    font-family: 'Conv_COPRGTL';
}

.buildfr .buildchange .buildprev,
.buildfr .buildchange .buildnext {
    position: relative;
    width: 50%;
    height: 50px;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.buildfr .buildchange .buildprev {
    border-right: 1px solid #e0e0e0;
}

.buildfr .buildchange .buildprev .iconfont,
.buildfr .buildchange .buildnext .iconfont {
    position: absolute;
    top: 50%;
    color: #848484;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
}

.buildfr .buildchange .buildprev .iconfont {
    left: 31px;
}

.buildfr .buildchange .buildnext .iconfont {
    right: 31px;
}

.buildfr .buildchange .buildprev .txt,
.buildfr .buildchange .buildnext .txt {
    color: #848484;
    font-size: 16px;
}

a:hover .icon-ar {
    -webkit-animation-name: shake;
    animation-name: shake;
}

.newservicef a .brybox:hover .icon-ar {
    -webkit-animation-name: s;
    animation-name: s;
}

/*2*/
.index .section2 .main-container .bgred {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 25px;
    color: #fff;
    background: #046AF6;
}

.index .section2 .mainh4 {
    width: calc(100% - 1200px);
    width: -webkit-calc(100% - 1200px);
}

.index .section2 .mainh4 h4 {
    padding-bottom: 14px;
    vertical-align: top;
    font-size: 22px;
    color: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.index .section2 .mainh4 p {
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
}

.index .section2 ul.bgrpad {
    position: relative;
    display: inline-block;
    width: 1175px;
    padding-right: 15px;
    padding-left: 15px;
    vertical-align: top;
}

@media (max-width: 1530px) {
    .index .section2 ul.bgrpad {
        width: 950px;
    }

    .index .section2 .mainh4 {
        width: calc(100% - 950px);
        width: -webkit-calc(100% - 950px);
    }
}

@media (max-width: 1300px) {
    .index .section2 ul.bgrpad {
        width: 850px;
    }

    .index .section2 .mainh4 {
        width: calc(100% - 850px);
        width: -webkit-calc(100% - 850px);
    }
}

.index .section2 ul.bgrpad div li {
    float: left;
    width: 25%;
    padding-top: 38px;
    padding-right: 15px;
    padding-left: 15px;
    font-family: '微软雅黑';
    font-size: 14px;
    color: #e9ebeb;
}

.index .section2 ul.bgrpad div li .item {
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border-bottom: 1px solid #f29494;
}

.index .section2 .item:nth-of-type(3n-2) {
    border-top: 1px solid #f29494;
}

.index .section2 .item .left span {
    display: block;
}

.index .section2 .item .left span:first-child {
    font-size: 16px;
}

.index .section2 .item .left span:last-child {
    margin-top: 11px;
}

.index .section2 .item .right {
    position: relative;
    height: 55px;
    margin-top: 35px;
}

.index .section2 .item .right img {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 120px;
}

.index .section2.phsc2 {
    display: none;
}

.index .section2.phsc2 .bgrpad {
    margin-top: 40px;
}

.index .section2.phsc2 .phsc_title h5 {
    color: #ffffff;
    display: inline-block;
}

.index .section2.phsc2 .phsc_title h5.ph4 {
    font-size: 22px;
    padding: 0 15px;
}

.index .section2.phsc2 .phsc_title h5.pht {
    font-size: 14px;
}

.index .section2.phsc2 .ph .item {
    float: left;
    width: 48%;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border-bottom: 1px solid #f29494;
}

.index .section2.phsc2 .ph .item:nth-child(odd) {
    margin-right: 4%;
}

.index .section2.phsc2 .ph .item:nth-of-type(3n-2) {
    border-top: 0px;
}

.index .section2.phsc2 .ph .item:nth-child(1) {
    border-top: 1px solid #f29494;
}

.index .section2.phsc2 .ph .item:nth-child(2) {
    border-top: 1px solid #f29494;
}

.index .section2.phsc2 ul.bgrpad .slick-dots {
    bottom: -40px;
    text-align: center;
}

.index .section2.phsc2 ul.bgrpad .slick-dots li {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.index .section2.phsc2 ul.bgrpad .slick-dots li.slick-active {
    width: 10px;
    height: 10px;
    background-color: #fff;
}

/*3*/
.index .section3 .main-container {
    padding-top: 105px;
    padding-bottom: 105px;
}

.index .section3 .slickbg {
    width: 100%;
}

.index .section3 .slickbg .bgimg {
    max-width: 100%;
}

.index .section3 .slichange {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.index .section3 .sitem {
    display: inline-block;
    padding: 0 50px 0 25px;
    cursor: pointer;
}

.index .section3 .sitem h4 {
    position: relative;
}

.index .section3 .sitem h4 a {
    font-size: 20px;
    color: #333333;
    text-transform: uppercase;
    font-family: "Microsoft JhengHei";
}

.index .section3 .sitem h4:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 0px;
    height: 1px;
    margin-left: -5%;
    background-color: #464646;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.index .section3 .sitem h4:hover:after {
    width: 110%;
}

.index .section3 .sitem h3 {
    position: relative;
}

.index .section3 .sitem h3 a {
    font-size: 20px;
    color: #333333;
    text-transform: uppercase;
    font-family: "Microsoft JhengHei";
}

.index .section3 .sitem h3:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 0px;
    height: 1px;
    margin-left: -5%;
    background-color: #464646;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.index .section3 .sitem h3:hover:after {
    width: 110%;
}

.bgwph {
    display: none;
    width: 100%;
    height: 70px;
    padding: 0 25px;
    background-color: #f2f7f3;
}

.bgwph h4 {
    line-height: 70px;
    font-size: 24px;
}

.bgwph .more a {
    font-size: 18px;
    color: #999;
    font-family: "HT";
    line-height: 70px;
}

/*4*/
.index .section4 li {
    float: left;
    width: 33.333333%;
    overflow: hidden;
}

/*.index .section4 li:nth-child(1){
	animation-delay: 0.2s; 
}
.index .section4 li:nth-child(2){
	animation-delay: 0.3s; 
}
.index .section4 li:nth-child(3){
	animation-delay: 0.4s; 
}*/
/*.index .section4 li:nth-child(4){
	animation-delay: 0.2s; 
}
.index .section4 li:nth-child(5){
	animation-delay: 0.3s; 
}
.index .section4 li:nth-child(6){
	animation-delay: 0.4s; 
}*/
.index .section4 li a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.index .section4 li a:before {
    content: '';
    position: absolute;
    bottom: 18px;
    right: 2.75%;
    z-index: 1;
    width: 0px;
    height: 1px;
    background-color: #ff9595;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
    opacity: 0;
}

@media (min-width: 1200px) {
    .index .section5 .main-container .news .item:hover .text a {
        color: #046AF6;
    }

    .gx_ydcen a:hover {
        color: #046AF6;
    }

    .gx_dah3,
    .gx_tubtn {
        transition: all 0.36s;
    }

    .gx_neitm a:hover .gx_dah3 {
        color: #046AF6;
    }

    .gx_neitm a:hover .gx_tubtn {
        color: #046AF6;
    }

    .index .section4 li a:hover:before {
        width: 94.5%;
        opacity: 1;
    }

    footer .focon_fl:hover .fodiv h1:before {
        width: 110%;
    }

    .index .section4 li a:hover:after {
        height: 72.8%;
        opacity: 1;
    }

    footer .focon_fl:hover a:after {
        height: 72.8%;
    }

    footer .focon_fl:hover:before {
        width: 94.5%;
    }

    footer .focon_fl:hover a:before {
        width: 94.5%;
    }

    footer .focon_fl:hover:after {
        height: 72.8%;
    }
}

.index .section4 li a:after {
    content: '';
    position: absolute;
    bottom: 14.8%;
    left: 2.75%;
    z-index: 1;
    width: 1px;
    height: 0;
    background-color: #ff9b9b;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
    opacity: 0;
}

.index .section4 li a .logodiv {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 2px);
    background: rgba(0, 0, 0, .5);
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: 1;
}

@media (min-width: 1200px) {
    .index .section4 li a:hover .logodiv {
        background-color: #046AF6;
    }

    .index .section4 li a .logodiv:hover:before {
        width: 94.5%;
        opacity: 1;
    }
}

.index .section4 li a .logodiv:before {
    content: '';
    position: absolute;
    top: 18px;
    left: 2.75%;
    width: 0px;
    height: 1px;
    background-color: #ff9b9b;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
    opacity: 0;
}

.index .section4 li a .logodiv:after {
    content: '';
    position: absolute;
    top: 14.8%;
    right: 2.75%;
    width: 1px;
    height: 0;
    background-color: #ff9b9b;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
    opacity: 0;
}

@media (min-width: 1200px) {
    .index .section4 li a .logodiv:hover:after {
        height: 72.8%;
        opacity: 1;
    }
}

.index .section4 li a .logodiv .lod_con {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.index .section4 li a .logodiv .lod_con img {
    width: 246px;
    max-width: 100%;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.index .section4 li a .logodiv .lod_con h5 {
    height: 0px;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: 0;
}


@media (min-width: 1200px) {

    /*.index .section4 li a .logodiv:hover .lod_con{
    padding-bottom: 75px;
}*/
    .index .section4 li a .logodiv:hover .lod_con img {
        margin-bottom: 35px;
    }

    .index .section4 li a .logodiv:hover .lod_con h5 {
        opacity: 1;
        height: auto;
    }

    .index .section4 li a .logodiv:hover .lod_con:after {
        opacity: 1;
        height: 34px;
        margin-top: 26px;
    }
}

.index .section4 li .imgdiv {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(100% + 2px);
    overflow: hidden;
}

.index .section4 li .imgdiv img {
    width: 100%;
    height: 100%;
}

.index .section4 li .bgimg {
    width: 100%;
}

.index .section4 li .bgimg img {
    width: 100%;
    vertical-align: bottom;
    display: block;
}

/*5*/
.index .section5 .main-container,
.index .section6 .main-container {
    padding-left: 85px;
}

.index .section5 .main-container .mainh4,
.index .section6 .main-container .mainh4 {
    float: left;
    width: calc(100% - 1225px);
    width: -webkit-calc(100% - 1225px);
    color: #464646;
    visibility: visible;
    animation-delay: 0.2s;
    animation-name: fadeInUp;
}

@media screen and (min-width: 1200px) {

    .index .section5 .main-container .mainh4,
    .index .section6 .main-container .mainh4 {
        visibility: visible;
        animation-delay: 0.2s;
        animation-name: fadeInUp;
    }

    .index .section5 .main-container .content,
    .index .section6 .main-container .content {
        visibility: visible;
        animation-delay: 0.3s;
        animation-name: fadeInUp;
    }
}

.index .section5 .main-container {
    padding-top: 120px;
}

.index .section5 .mainh4 h4,
.index .section6 .mainh4 h4 {
    font-size: 24px;
    color: #464646;
}

.index .section5 .mainh4 .flul li {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
}

.index .section5 .mainh4 .flul li:first-child {
    border-top: 1px solid #e5e5e5;
  
}

.index .section5 .mainh4 .flul li a {
    font-size: 14px;
    font-family: '微软雅黑';
    color: #464646;
}

.index .section5 .mainh4 .flul li a:hover {
    color: #046AF6;
    /* #046AF6 */
}

.index .section5 .main-container .content,
.index .section6 .main-container .content {
    display: inline-block;
    width: 1178px;

    padding-left: 55px;
    font-size: 14px;
    vertical-align: top;
}

.index .section5 .main-container .news {
    width: 100%;
    padding-right: 40px;
}

.index .section5 .main-container .news .shift {
    width: 53%;
    padding-right: 30px;
}

.index .section5 .main-container .news .shift li {
    position: relative;
    height: 163px;
    padding-top: 20px;
    padding-right: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.index .section5 .main-container .news .shift li a{
    
}

.index .section5 .main-container .news .shift li:first-child {
    border-top: 1px solid #e5e5e5;
}

.index .section5 .main-container .news .shift li:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 1px;
    background-color: #046AF6;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

@media (min-width: 1200px) {
    .index .section5 .main-container .news .shift li:hover:after {
        width: 100%;
    }
}

.index .section5 .main-container .news .shift li h5 {
    line-height: 1.42;
}

.index .section5 .main-container .news .shift li .time,
.index .section5 .main-container .news .shift li a {
    color: #999;
    font-family: "HT";
}

.index .section5 .main-container .news .shift li a:hover {
    color: #046AF6;
}

.index .section5 .main-container .news .shift li h5:last-of-type {
    margin-top: 16px;
    margin-bottom: 28px;
    letter-spacing: .5px;
}

.index .section5 .main-container .news .shift li h5:last-of-type a {
    line-height: 1.42;
    font-size: 16px;
    height: 44px;
    overflow: hidden;
    color: #464646;
    display: block;
    font-family: "Microsoft JhengHei";
}

@media (min-width: 1200px) {
    .index .section5 .main-container .news .shift li:hover h5:last-of-type a {
        color: #046AF6;
    }
}

.index .section5 .main-container .news .shift li a span {
    margin-left: 7px;
}

.index .section5 .main-container .news .con {
    width: 47%;
    padding-right: 30px;
}

.index .section5 .main-container .news .imgdiv {
    position: relative;
    overflow: hidden;
    /* max-height: 317px;  */
}
.index .section5 .main-container .news .imgdiv .bgimg{
	display:none;
}
.index .section5 .main-container .news .imgdiv a {
  
 
    width: 100%;
}

.index .section5 .main-container .news .imgdiv img {
    width: 100%;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.index .section5 .main-container .news .con .text h4 {
    margin-top: 15px;
    margin-bottom: 20px;
    line-height: 2;
    color: #464646;
    font-family: "Microsoft JhengHei";
    transition: none ease-out .3s;
    transition-property: none;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
    transition-property: color, background, text-indent, opacity;
    display: -webkit-box;  
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;    
    overflow: hidden;  
    text-overflow: ellipsis;  
    white-space: normal;
}

.index .section5 .main-container .news .con .text:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 0px;
    height: 1px;
    background-color: #046AF6;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.index .section5 .main-container .news .con .text {
    position: relative;
    transform: translateY(-1px);
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid transparent;
}

@media (min-width: 1200px) {
    .index .section5 .main-container .news .con .text:hover:after {
        width: 100%;
    }
}

.index .section5 .main-container .news .con .text h5 {
    font-size: 14px;
    font-family: "HT";
    color: #999;
	width: 95%;
    margin: 0 auto;
}

.index .section5 .main-container .news .con .text a {
    color: #999;
    font-family: "HT";
}

.index .section5 .main-container .news .con .text a span {
    margin-left: 7px;
}

/*6*/
.index .section6 .main-container {
    padding-top: 60px;
}

.index .section6 .main-container .content {
    padding-bottom: 135px;
}

.index .section6 .left {
    width: calc(100% - 630px);
    width: -webkit-calc(100% - 630px);
    padding-top: 76px;
    padding-right: 80px;
}

.index .section6 .left h4 {
    font-family: 'HT';
    color: #999;
}

.index .section6 .left p {
    margin-top: 18px;
    margin-bottom: 50px;
    line-height: 2.14;
    color: #464646;
}

.index .section6 .left a {
    color: #999;
    font-family: "HT";
}

.index .section6 .left a .iconfont {
    margin-left: 8px;
}

.index .section6 .left a:hover {
    color: #046AF6;
}

.index .section6 .right {
    width: 619px;
    height: 285px;
    margin-top: 36px;
    padding-top: 13px;
    padding-left: 30px;
}

.index .section6 .right img {
    width: 100%;
}

/*7*/
.section7 .position {
    height: 88px;
    padding-right: 96px;
    line-height: 88px;
    background: #f3f7f3;
}

.section7.friend .position {
    height: auto;
}

.section7.friend .position .position_top {
    height: 88px;
    line-height: 88px;
}

.section7 .friendlink {
    margin-right: 35px;
    cursor: pointer;
}

.section7 .friendlink span {
    font-size: 18px;
    color: #999;
}

.section7 .friendlink:hover span {
    color: #046AF6;
}

.section7 .friendlink span.icon-sanjiaoxings {
    font-size: 14px;
    display: inline-block;
    margin-left: 12px;
}

.rotate {
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.section7 span {
    vertical-align: middle;
}

.section7 .position a {
    font-size: 18px;
    color: #999;
}

.po {
    margin-right: 110px;
}

.po a {
    margin-left: 40px;
}

.po a .iconfont {
    font-size: 20px;
    margin-right: 20px;
    vertical-align: middle;
}

.section7 a:hover {
    color: #046AF6;
}

.section7 .contact .iconfont {
    margin-left: 24px;
}

.section7 .position_bottom {
    padding: 39px 0px 30px 138px;
    text-align: left;
}

.section7 .position_bottom h5 {
    margin-bottom: 40px;
    font-size: 18px;
    color: #848484;
    padding-left: 18px;
    padding-right: 18px;
    cursor: pointer;
}

.position_bottomtlast {
    margin-left: -18px;
    margin-right: -18px;
}

.section7 .position_bottom ul {
    margin: 0 -10px;
}

.section7 .position_bottom ul li {
    float: left;
    margin-bottom: 20px;
    padding: 0 10px;
}

.section7 .position_bottom ul li a {
    font-size: 16px;
    color: #ababab;
}

.section7 .position_bottom ul li a:hover {
    color: #046AF6;
}

.newservice .section7,
.retrieve .section7,
.enjoy .section7,
.lead .section7 {
    background: #f3f7f3;
}

.atvbgjk {
    color: #046AF6 !important;
}

.index .section1 .bgwhite .iconfont {
    margin-left: 10px;
}

.index .section1 .bgwhite .des {
    width: 100%;
    border-top: 1px solid #e5e5e5;
}

.index .section1 .bgwhite .des .content {
    max-width: 305px;
    margin: auto;
    padding-top: 30px;
    text-align: center;
}

.index .section1 .bgwhite .des .content h5 {
    margin-bottom: 38px;
    text-align: center;
}

.index .section1 .bgwhite .des .content h5 span {
    color: #046AF6;
    margin-left: 0px;
}

.index .section1 .bgwhite .des .content h3 {
    font-size: 24px;
    color: #464646;
    margin-bottom: 30px;
    font-family: "Microsoft JhengHei";
}

.index .section1 .bgwhite .des .content p {
    font-size: 18px;
    line-height: 2.44;
    color: #848484;
}

.index .section1 .bgwhite .des .content a {
    display: block;
    margin-top: 50px;
    text-align: center;
    color: #999;
}

.index .section1 .bgwhite a:hover {
    color: #046AF6 !important;
}

.index .section1 .slick-dots {
    bottom: 50px;
}

.index .section1 .slick-dots li {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 50%;
    border: 1px solid #ff4342;
}

.index .section1 .slick-dots li.slick-active {
    background-color: #ff4342;
}

.index .section1 .bgwhite .left {
    height: 100%;
    padding-top: 70px;
}

.index .section1 .bgwhite .left h4 {
    font-family: '微软雅黑';
    padding-bottom: 14px;
    color: #464646;
    border-bottom: 1px solid #e5e5e5;
}

.index .section1 .bgwhite h4 a {
    color: #464646;
}

.index .section1 .bgwhite .left {
    width: 26%;
    padding-right: 58px;
    padding-left: 28px;
    background: #f3f7f3;
    /*position: relative;*/
}

.index .section1 .bgwhite .left p {
    line-height: 2.57;
    margin-top: 15px;
    color: #848484;
    position: relative;
    z-index: 2;
}

.index .section1 .bgwhite .left a {
    display: block;
    margin-top: 50px;
    color: #848484;
}

.index .section2 h5 {
    font-family: '微软雅黑';
    letter-spacing: .75px;
    text-transform: uppercase;
}

.index .section2 ul.bgrpad h5 {
    position: absolute;
    top: 0;
    left: 30px;
}

.index .section3ph .main-container .secph {
    height: 70px;
    background-color: #f2f7f3;
    padding: 0 28px;
}

.index .section4 .title {
    padding: 84px 0 84px 26%;
    background: #f3f7f3;
    color: #999999;
}

.index .section4 .title span {
    padding-left: 30px;
}

.index .section5 .main-container .news .shouyeh {
    display: none;
}

.index .section5 .main-container .news .shouyeh h4 {
    font-size: 18px;
    color: #046AF6;
}

.index .section5 .content .slick-dots {
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 25px;
}

.index .section5 .content .slick-dots li {
    width: 10px;
    height: 10px;
    border: 1px solid #046AF6;
    border-radius: 50%;
}

.index .section5 .content .slick-dots li.slick-active {
    background-color: #046AF6;
}

/*去掉新闻列表线*/
.index .section5 .main-container .noline .news .shift li:first-child {
    border-top: 0px;
}

.index .section5 .main-container .noline .news:nth-child(1) .shift li:first-child {
    border-top: 1px solid #e5e5e5;
}

.index.newlist .section5 .main-container .news .shift li h5:last-of-type a {
    font-size: 16px;
    font-family: "Microsoft JhengHei";
}

.index.newlist .section5 .main-container .news .shift li h5.time .gx_tyuio {
    font-family: 'HT';
    font-size: 14px;
}

/*20170628*/
/*内页*/
.broadside {
    position: fixed;
    top: 0px;
    left: -55px;
    width: 55px;
    height: 100vh;
    background-color: #fff;
    -webkit-transition: all .7s ease-out 1s;
    -moz-transition: all .7s ease-out 1s;
    -ms-transition: all .7s ease-out 1s;
    -o-transition: all .7s ease-out 1s;
    transition: all .7s ease-out 1s;
    z-index: 100;
}

.broadside.chuxian {
    left: 0px;
}

#nb_icon_wrap {
    display: none !important;
}


.fenye {
    padding: 125px 0;
}

.fenye ul {
    text-align: center;
}

.fenye li {
    display: inline-block;
    padding: 0 13px;
}

.fenye li.activepage {
    position: relative;
    font-size: 18px;
    color: #333333;
    font-family: 'Arial';
}

.fenye li.activepage:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: -10px;
    width: 25px;
    height: 2px;
    background-color: #333333;
}

.fenye li.comp-tabli {
    position: relative;
    font-size: 18px;
    color: #333333;
    font-family: 'Arial';
}

.fenye li.comp-tabli:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: -10px;
    width: 60%;
    height: 2px;
    background-color: #333333;
}

.fenye a {
    font-size: 16px;
    color: #333333;
    font-family: 'Arial';
}

.fenye li:hover {
    color: #046AF6;
}

.fenyeph {
    display: none;
    padding: 20px 0;
}

.fenyeph a {
    display: block;
    height: 40px;
    color: #484848;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    text-transform: uppercase;
}

.cd_top {
    position: relative;
    width: 100%;
    padding: 215px 150px 144px 205px;
}

.cdetailsc .cd_top {
    padding-top: 0px;
}

.cdetailsc .cd_top .ct_con {
    margin-top: 46px;
}

.cd_top .case_logo {
    position: absolute;
    top: 66px;
    right: 150px;
    z-index: 1;
    width: 240px;
}

.cd_top .case_logo img {
    width: 100%;
}

.cd_top .cd_reback {
    display: none;
    padding: 25px 0;
    text-align: center;
}

.cd_top .cd_reback a {
    font-size: 16px;
    color: #ffffff;
}

.cd_top .ct_con {
    position: relative;
    width: 100%;
}

.cd_top .ct_con .ct_imf {
    width: 100%;
}

.cd_top .ct_con .ct_imf img {
    width: 100%;
}

.cd_top .ct_con .ct_ip {
    position: absolute;
    bottom: 40px;
    right: -110px;
}

.cd_top .ct_con .ct_ip img {
    max-width: 686px;
}

.cd_top .cd_title {
    margin: 58px 0 83px;
    text-align: center;
}

.cd_top .cd_title a {
    font-size: 18px;
    font-family: "Microsoft JhengHei";
    color: #fff;
    letter-spacing: 1px;
}

.cd_top .cd_title a .arrow {
    display: inline-block;
    width: 34px;
    height: 34px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cd_top .cd_title a .arrow img {
    width: 13px;
}

.cd_top .cd_title a .arrow:hover {
    -moz-box-shadow: 0px 0px 5px rgba(234, 234, 234, .5),
        0px 0px 5px rgba(234, 234, 234, .5);
    /* 老的 Firefox */
    box-shadow: 0px 0px 5px rgba(234, 234, 234, .5),
        0px 0px 5px rgba(234, 234, 234, .5);
}

.cd_top .cd_con {
    width: 100%;
}

.cd_top .cd_con .cdc_left {
    width: 47.5%;
}

.cd_top .cd_con .cdc_left .cdc_logo {
    /*  margin-bottom: 65px; */
}

.cd_top .cd_con .cdc_left .cdc_logo img {
    max-width: 315px;
}

.cd_top .cd_con .cdc_left p {
    font-size: 18px;
    font-family: "Microsoft JhengHei";
    color: #ffffff;
    line-height: 36px;
    width: 75.3%;
    letter-spacing: 1px;
}

.cd_top .cd_con .cdc_right {
    width: 52.5%;
}

.cd_top .cd_con .cdc_right li {
    margin-top: 30px;
}

.cd_top .cd_con .cdc_right li h4 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
    font-family: 'Conv_QUARTO-BOLD';
    letter-spacing: 1px;
}

.cd_top .cd_con .cdc_right li h5 {
    font-size: 18px;
    color: #fff;
    font-family: "Microsoft JhengHei";
}

.case_video {
    width: 100%;
    background-color: #f3f3f3;
    padding: 89px 195px 101px 162px;
}

.case_video h1 {
    font-size: 72px;
    color: #046AF6;
    font-family: 'Conv_QUARTO-BOLD';
    margin-bottom: 108px;
}

.case_video .cv_con {
    position: relative;
    width: 100%;
    padding-left: 83px;
}

.case_video .cv_con .video-js {
    width: 100%;
    height: 720px;
}

.case_video .cv_con .video-js.act:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}

.vjs-remaining-time-display {
    display: inline-block;
}

.case_page {
    width: 100%;
    padding: 0 150px 0 112px;
    background-color: #000000;
}

.case_page .cp_left {
    width: 65.6%;
    padding: 95px 9.12% 118px;
    background-color: #000000;
}

.case_page .cp_left img {
    width: 100%;
}

.case_page .cp_right {
    width: 34.4%;
}

.case_page .cp_right img {
    width: 100%;
}

.case_txt {
    width: 100%;
    padding: 150px 0 0px 245px;
    background-color: #f3f3f3;
}

.case_txt p {
    font-size: 18px;
    font-family: "Microsoft JhengHei";
    color: #464646;
    letter-spacing: 1px;
    width: 588px;
    max-width: 100%;
    line-height: 36px;
    margin-bottom: 70px;
}

.case_txt h1 {
    width: 920px;
    max-width: 100%;
    font-size: 40px;
    font-family: "Microsoft JhengHei";
    color: #333333;
    letter-spacing: 1px;
    line-height: 52px;
    margin-bottom: 95px;
}

.case_txt .txt_bottom img {
    max-width: 100%;
    margin-bottom: 65px;
}

.case_txt .tag {
    padding: 10px 0;
    padding-bottom: 76px;
}

.case_txt .tag span {
    font-family: "Microsoft JhengHei";
    font-size: 18px;
    color: #464646;
    line-height: 36px;
}

.case_txt .tag ul li {
    float: left;
    margin-bottom: 8px;
}

.case_txt .tag ul li a {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    font-size: 18px;
    color: #999999;
    border: 1px solid #b5b5b5;
    border-radius: 6px;
    margin: 0 9px;
}

.case_txt .tag ul li a:hover {
    color: #046AF6;
    border: 1px solid #046AF6;
}

.case_txt .case_bt {
    width: 100%;
    margin-bottom: 70px;
}

.case_txt .case_bt .image-wrapper {
    width: 50%;
}

.case_txt .case_bt .image-wrapper .wrapper-inner {
    position: relative;
    overflow: hidden;
}

.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-overlay {
    background-color: #2e65c0;
    position: absolute;
    width: 200%;
    height: 100%;
    top: 0;
    left: -200%;
    content: "";
    z-index: 10;
}

.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img {
    position: relative;
    width: 100%;
    height: 540px;
}

.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img .cbt_color {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 34%;
    height: 100%;
}

.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img img {
    max-width: 100%;
    position: relative;
    z-index: 1;
}

.case_info {
    padding: 45px 158px 50px 159px;
    background-color: #f3f7f3;
}

.case_info .zan {
    position: relative;
    width: 83px;
    height: 83px;
    border-radius: 50%;
    background-color: #2e65c0;
    text-align: center;
    line-height: 83px;
    margin: 0 auto 0px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    cursor: pointer;
}

.case_info .zan:hover {
    background-color: #046AF6;
}

.case_info .zan img {
    width: 26px;
}

.case_info .like {
    padding: 25px 0;
    text-align: center;
}

.case_info .like p {
    font-size: 16px;
    color: #979797;
}

.case_info .zanmess {
    position: absolute;
    right: -50px;
    top: 50%;
    opacity: 0;
}

.case_info .zanmess p {
    font-size: 14px;
    color: #046AF6;
}

.sup span::after {
    animation: slider 1s 1;
    -webkit-animation: slider 1s 1;
}

@keyframes slider {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }

    80% {
        opacity: 1;
    }

    to {
        transform: translateY(-15px);
        opacity: 0;
    }
}

@-webkit-keyframes {
    from {
        transform: translateY(100px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        opacity: 0;
    }
}

.case_info .caseback {
    display: none;
    position: relative;
    width: 100%;
    height: 60px;
    padding: 0 132px;
    margin: 20px 0;
}

.case_info .caseback a.fl,
.case_info .caseback a.fr {
    font-size: 18px;
    color: #848484;
    line-height: 60px;
}

.case_info .caseback .fanhui {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* IE 9 */
    -moz-transform: translateX(-50%);
    /* Firefox */
    -webkit-transform: translateX(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #2e65c0;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
}

.ci_con {
    width: 100%;
    border-top: 1px solid #c9cbc9;
    height: 68px;
    line-height: 68px;
    background-color: #f3f7f3;
}

.ci_con .ci_left {
    padding-right: 35px;
    border-right: 1px solid #c9c9c9;
}

/*.ci_con .ci_left .po{
    padding-left: 430px;
}*/
.ci_con .ci_left a {
    font-size: 18px;
    color: #999;
    line-height: 68px;
}

.ci_con .ci_left a:hover {
    color: #046AF6;
}

.ci_con .ci_right {
    padding-left: 20px;
    height: 68px;
    line-height: 68px;
    /*width: 30%;*/
}

.ci_return span {
    width: 12px;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.ci_return span img {
    width: 100%;
    display: block;
}

.ci_returnioca {
    position: relative;
    left: 0;
    top: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.ci_returniocr {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.ci_return h5 {
    font-size: 18px;
    color: #848484;
    font-family: "Microsoft JhengHei";
    line-height: 68px;
    margin-left: 20px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.ci_return:hover .ci_returnioca {
    opacity: 0;
}

.ci_return:hover .ci_returniocr {
    opacity: 1;
}

.ci_return:hover h5 {
    color: #046AF6;
}

.ci_return a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.ci_return {
    padding-left: 65px;
    height: 68px;
    position: relative;
    border-left: 1px solid #c9c9c9;
    margin-left: 30px;
}

.ci_conbox {
    margin-right: 240px;
}

.ci_con .ci_right .share {
    height: 68px;
    /* padding-top: 17px; */
    padding-left: 19px;
    position: relative;
}

.ci_con .ci_right .share span {
    float: left;
    color: #666666;
    /* margin-top: 8px; */
    line-height: 68px;
    font-size: 14px;
}

.ci_con .ci_right .share .bdsharebuttonbox {
    float: left;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    position: relative;
}

.ci_con .ci_right .share .bdsharebuttonbox .bdsbtn {
    width: 20px;
    height: 18px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top left;
    margin-left: 30px;
    display: inline-block;
}

/* .ci_con .ci_right .share .bdsharebuttonbox .bds_weixin {
    background-image: url(../img/weixin.png);
}

.ci_con .ci_right .share .bdsharebuttonbox .bds_tsina {
    background-image: url(../img/weibo.png);
}

.ci_con .ci_right .share .bdsharebuttonbox .popup_sqq {
    background-image: url(../img/qq.png);
}

.ci_con .ci_right .share .bdsharebuttonbox .bds_weixin:hover {
    background-image: url(../img/weixin2.png);
}

.ci_con .ci_right .share .bdsharebuttonbox .bds_tsina:hover {
    background-image: url(../img/weibo2.png);
}

.ci_con .ci_right .share .bdsharebuttonbox .popup_sqq:hover {
    background-image: url(../img/qq2.png);
} */

.bd_weixin_popup {
    box-sizing: content-box;
}

.cdetails .casefo {
    padding: 0 160px 160px;
    background-color: #f3f7f3;
}

.cdetails .casefo h1 {
    padding: 70px 0;
    font-size: 48px;
    color: #c5c5c5;
    font-family: 'Conv_QUARTO-BOLD';
}

.cdetails .casefo .cdp_box {
    margin: 0 10px;
}

.cdetails .casefo .cdp_con {
    margin: 0 -10px;
    padding: 0 93px 0 99px;
}

.cdetails .casefo .cdp_ph {
    display: none;
}

.cdetails .casefo .cdp_con .slick-prev {
    width: 36px;
    height: 30px;
    /* background: url(../img/prev.png) no-repeat; */
    background-size: cover;
    left: 0px;
}

.cdetails .casefo .cdp_con .slick-next {
    width: 36px;
    height: 30px;
    /* background: url(../img/slicknext.png) no-repeat; */
    background-size: cover;
    right: 0px;
}

.cdetails .casefo .cdp_con .slick-dots {
    bottom: 30px;
}

.cdetails .casefo .cdp_con .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #ffffff;
}

.cdetails .casefo .cdp_con .slick-dots li.slick-active {
    background-color: #ffffff;
}

.cdetails .casefo .cdp_ph {
    width: 100%;
    padding-bottom: 100px;
}

.cdetails .casefo .cdp_ph .cph_con {
    width: 48.6%;
    margin-bottom: 22px;
}

.cdetails .casefo .cdp_ph .cph_con:nth-child(odd) {
    margin-right: 2.8%;
}

.cdetails .casefo .cdp_ph .slick-dots {
    bottom: 50px;
}

.cdetails .casefo .cdp_ph .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #ffffff;
}

.cdetails .casefo .cdp_ph .slick-dots li.slick-active {
    background-color: #ffffff;
}

/* .case footer p, .cdetails footer p{
    display: none;
} */
.index.newlist .section5 .main-container {
    padding-top: 0px;
    /* padding-left: 55px; */
    padding-left: 0;
}

.index.newlist .section5 .main-container .bgf3 {
    background-color: #f3f7f3;
    padding: 150px 0 0 60px;
}

.g_iocleftbtn{
    display: none;
}

.index.newlist .newtitle h2 {
    font-size: 90px;
    color: #fcc02c;
    margin-bottom: 70px;
    font-family: 'Conv_QUARTO-BOLD';
    text-transform: uppercase;
}

.index.newlist .section5 .main-container .news .newpadtitle {
    display: none;
    padding: 20px 0 40px;
}

.index.newlist .section5 .main-container .news .newpadtitle ul li {
    float: left;
    padding: 0 20px;
}

.index.newlist .section5 .main-container .news .newpadtitle ul li:nth-child(1) {
    padding-left: 0px;
}

.index.newlist .section5 .main-container .news .newpadtitle ul li a {
    font-size: 18px;
    color: #848484;
    text-transform: uppercase;
}

.index.newlist .section5 .main-container .news .newpadtitle ul li.active a {
    color: #f54844;
}

.index.newlist .section5 .main-container .news .padnews {
    display: none;
}

.index.newlist .section5 .main-container .news .padnews .con {
    width: 100%;
    padding: 0 30px 55px;
    margin: 0 -8px;
}

.index.newlist .section5 .main-container .news .padnews .con .item {
    margin: 0 8px;
}

.index.newlist .section5 .main-container .news .padnews .shift {
    width: 100%;
    padding: 20px 30px 0;
    background-color: #f2f7f3;
}

.index.newlist .section5 .main-container .news .padnews .shift li {
    width: 49%;
}

.index.newlist .section5 .main-container .news .padnews .shift li:nth-child(odd) {
    margin-right: 2%;
}

.index.newlist .section5 .main-container .news .padnews .shift li {
    max-height: 130px;
}

.index.newlist .section1 .padnews .slick-dots {
    bottom: 30px;
    left: 0px;
}

.index.newlist .section5 .main-container .news .padnews .shift li:first-child {
    border-top: 0px;
}

.index .neitop {
    position: relative;
    width: 100%;
    height: 400px;
}

.index .neitop .neibei {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: left top;
}

.index .neitop .neibeiph2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    /* background-position: center top; */
}

.index .neitop .title {
    opacity: 0;
    max-width: 1600px;
    position: relative;
    z-index: 2;
    color: #fff;
}

.index .neitop .title .left,
.index .neitop .title .right {
    display: inline-block;
    vertical-align: middle;
}

.index .neitop .title .left h1 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    font-weight: bold;
}

.index .neitop .title .right h1 {
    font-size: 48px;
    line-height: 1.5;
    letter-spacing: 5px;
}

.index .neitop .title .left {
    padding-left: 360px;
}

.index .neitop .title .right {
    padding-left: 100px;
}

.index.inpage .section1 .bgwhiteh {
    height: auto;
    overflow: hidden;
    padding: 0 0px 0 30px;
    background-color: #f3f7f3;
}

.index .section1 .bgwhiteh .left h4,
.index .section1 .bgwhiteh .left ul {
    position: relative;
    z-index: 1;
}

.index .section1 .bgwhiteh .newslist {
    padding-bottom: 0;
}

.index .section1 .bgwhiteh .caselist {
    width: 74%;
    /* padding-bottom: 140px; */
    background: #f3f7f3;
}

.index .section1 .bgwhiteh .caselist .newsnei {
    padding-top: 75px;
    background: #fff;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 100px;
}

.index .section1 .bgwhiteh .caselist .newsnei .title {
    width: 100%;
    padding-top: 30px;
}

.index .section1 .bgwhiteh .caselist .newsnei .title h1 {
    line-height: 1.5;
    text-align: center;
    font-size: 24px;
}

.index .section1 .bgwhiteh .caselist .newsnei .titnei {
    color: #999999;
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.index .section1 .bgwhiteh .caselist .newsnei .titnei .titnei_time {
    width: 100%;
    padding-left: 19%;
    padding-right: 10%;
}

.index .section1 .bgwhiteh .caselist .newsnei .titnei .titnei_time span {
    margin-right: 55px;
}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein p {
    color: #666666;
    line-height: 30px;
    text-align: justify;
}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein img {
    max-width: 100%;
}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein .newguding h1 {
    padding: 55px 0 55px;
    font-size: 30px;
    color: #343333;
}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess {
    padding: 0px 17px 0px 0px;
    margin-top: 88px;
    background-color: #fff;
}

.index .section1 .bgwhite .caselist .newsnei .newsnein .contact_mess form button {
    width: 190px;
    height: 60px;
}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess form .form_fl {
    width: 46.7%;
    padding-right: 0px;
}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess form .form_fl:nth-child(1) {
    margin-right: 6.6%;
}

.index .section1 .bgwhiteh .caselist .newsnei .newback {
    width: 100%;
    height: 83px;
    margin-top: 100px;
}

.index .section1 .bgwhiteh .caselist .newsnei .newback .reback {
    width: 83px;
    height: 83px;
    border-radius: 50%;
    background-color: #046AF6;
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    cursor: pointer;
}

.index .section1 .bgwhiteh .caselist .newsnei .newback .reback p {
    color: #ffffff;
    font-size: 16px;
    line-height: 83px;
}

.index.service .bgwhite {
    background-color: #f3f7f3;
    padding-left: 30px;
    padding-right: 100px;
    padding-bottom: 1px;
}

.bgw_title {
    padding: 60px 0 0 20px;
}

.bgw_title h1 {
    font-size: 110px;
    font-family: 'Conv_GOKÚ STENCIL';
}

.bgw_title .bgw_nav {
    padding: 50px 0 45px;
}

.bgw_title .bgw_nav li {
    padding: 0 75px 30px 15px;
    float: left;
}

.bgw_title .bgw_nav li a {
    position: relative;
    font-size: 18px;
    color: #464646;
    text-transform: uppercase;
    font-family: "Microsoft JhengHei";
}

.bgw_title .bgw_nav li a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -5%;
    width: 0;
    height: 1px;
    background-color: #464646;
    transition: .5s;
    -moz-transition: .5s;
    /* Firefox 4 */
    -webkit-transition: .5s;
    /* Safari 和 Chrome */
    -o-transition: .5s;
    /* Opera */
}

.bgw_title .bgw_nav li a:hover:after {
    width: 110%;
}

.index .section1 .bgwhite .bgw_title .bgw_nav li a:hover {
    color: #464646 !important;
}

.bgw_left,
.bgw_right {
    border: 1px solid #dcdcdc;
    margin-bottom: 120px;
}

.bgw_fl,
.bgw_fr {
    width: 50%;
}

.bgw_fl {
    padding: 87px 45px 0 40px;
}

.bgw_fl h1 {
    font-size: 72px;
    color: #046AF6;
    margin-bottom: 38px;
    margin-left: -15px;
    font-family: 'Conv_GOKÚ STENCIL';
    text-transform: uppercase;
}

.bgw_fl h5 {
    font-size: 18px;
    color: #333333;
}

.bgw_fl p {
    padding-top: 85px;
    font-size: 14px;
    color: #848484;
    line-height: 30px;
    letter-spacing: 1px;
    font-family: "Microsoft JhengHei";
    text-align: justify;
}

.bgw_fl .bgwul {
    padding: 90px 0 70px;
}

.bgw_fl .bgwul ul li {
    position: relative;
    padding: 10px 0 10px 54px;
    font-size: 14px;
    color: #464646;
    font-family: "Microsoft JhengHei";
}

.bgw_fl .bgwul ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 41px;
    height: 1px;
    background-color: #d2d2d2;
}

.bgw_fr {
    position: relative;
    padding-top: 160px;
}

.bgw_fr h1 {
    position: absolute;
    top: 0px;
    right: 22%;
    font-size: 213px;
    color: #e8ebe8;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    font-family: 'Conv_GOKÚ STENCIL';
}

.bgw_fr img {
    float: right;
    margin-right: -50px;
    max-width: 100%;
}

.bgw_right .bgw_fr {
    padding-top: 223px;
}

.bgw_right .bgw_fr img {
    float: left;
    margin-left: -9px;
    max-width: 100%;
}

.bgw_right .bgw_fr h1 {
    left: 8.4%;
}

.about_top {
    padding: 0 70px;
    background-color: #f3f7f3;
}

.about_top .at_title {
    padding: 90px 0;
    line-height: 1.5;
}

.about_top .at_title h6 {
    font-size: 36px;
    font-family: 'Conv_QUARTO-BOLD';
    text-transform: uppercase;
}

.about_top .at_title h1 {
    font-size: 80px;
    font-family: 'Conv_QUARTO-BOLD';
    text-transform: uppercase;
}

.about_top .at_title h5 {
    font-size: 48px;
    font-family: 'Conv_QUARTO-BOLD';
    text-transform: uppercase;
}

.purple {
    color: #4f3f92;
}

.red {
    color: #046AF6;
}

.about_top .at_middle h6 {
    padding: 0px 0 60px;
    font-size: 18px;
    color: #666666;
    font-weight: bold;
    line-height: 1.5;
}

.about_top .at_middle p {
    width: 57.3%;
    font-size: 16px;
    color: #848484;
    text-align: justify;
    line-height: 28px;
    font-family: "Microsoft JhengHei";
}

.about_top .at_bottom {
    padding: 70px 0px;
}

.about_top .at_bottom .ab_con {
    width: 33.3%;
}

.about_top .at_bottom .ab_con h5 {
    font-size: 36px;
    color: #aaaaaa;
    margin-bottom: 40px;
    font-family: 'Conv_MYRIADPRO-LIGHTCONDIT';
}

.about_top .at_bottom .ab_con .ab_num {
    color: #4f3f92;
    font-size: 100px;
    margin-bottom: 40px;
    font-family: 'Conv_GOKÚ STENCIL';
}

.about_top .at_bottom .ab_con p {
    font-size: 16px;
    color: #aaaaaa;
    font-family: "Microsoft JhengHei";
}

.about_middle {
    background-color: #f9f9f9;
}

.about_middle .am_top {
    padding: 105px 65px 95px;
}

.about_middle .am_top h1,
.about_middle .am_bottom h1 {
    color: #666666;
    margin-bottom: 65px;
    font-size: 24px;
    font-weight: bold;
}

.about_middle .am_top p,
.about_middle .am_bottom p {
    font-size: 18px;
    color: #666666;
    font-family: "Microsoft JhengHei";
    line-height: 34px;
}

.about_middle .am_middle {
    position: relative;
}

.about_middle .am_middle .am_fl {
    width: 45.8%;
}

.about_middle .am_middle .am_fl img {
    width: 100%;
}

.about_middle .am_middle .am_fr {
    position: relative;
    width: 54.2%;
}

.about_middle .am_middle .am_fr .afr_img:nth-child(1) {
    width: 50.8%;
}

.about_middle .am_middle .am_fr .afr_img:nth-child(2) {
    width: 49.2%;
}

.about_middle .am_middle .am_fr .afr_img img {
    width: 100%;
}

.about_middle .am_middle .am_txt {
    position: absolute;
    right: 223px;
    bottom: -45px;
}

.about_middle .am_middle .am_txt h1 {
    font-size: 80px;
    letter-spacing: 1px;
}

.about_middle .am_middle .am_txt h1:nth-child(1) {
    margin-bottom: 30px;
}

.about_middle .am_bottom {
    padding: 80px 65px 70px;
}

.about_middle .am_bottom .amb_txt {
    margin-top: 70px;
}

.about_middle .am_bottom .atxt_con {
    width: 33.333333%;
    padding-left: 36px;
    padding-right: 36px;
}

.about_middle .am_bottom .amb_txt {
    margin-left: -36px;
    margin-right: -36px;
}

.index .section2 .bgpurple {
    background: #4f3f92 !important;
}

.index .section2 .bgpurple ul.bgrpad div li .item {
    border-bottom: 1px solid #9a92bc;
}

.index .section2.phsc2 .bgpurple .ph .item:nth-child(1) {
    border-top: 1px solid #9a92bc;
}

.index .section2.phsc2 .bgpurple .ph .item:nth-child(2) {
    border-top: 1px solid #9a92bc;
}

.index .section2.phsc2 .bgpurple .ph .item {
    border-bottom: 1px solid #9a92bc;
}

.index .section2 .bgpurple ul.bgrpad div li .item:nth-of-type(3n-2) {
    border-top: 1px solid #9a92bc;
}

.section_about .sa_con {
    position: relative;
    padding-left: 22.9%;
    padding-bottom: 250px;
    background-color: #f3f7f3;
}

.section_about .sa_top {
    padding: 85px 75px 85px 50px;
}

.section_about .sa_top .sa_fl {
    width: 42%;
}

.section_about .sa_top .sa_fl h5 {
    font-size: 24px;
    font-weight: bold;
}

.section_about .sa_top .sa_fr {
    width: 58%;
}

.section_about .sa_top .sa_fr p {
    font-size: 16px;
    color: #666666;
    line-height: 34px;
    font-family: "Microsoft JhengHei";
}

.section_about .sa_img {
    width: 100%;
}

.section_about .sa_img img {
    width: 100%;
}

.section_about .sa_ab {
    position: absolute;
    left: 95px;
    bottom: 163px;
}

.map {
    position: relative;
}

.map .map_img {
    width: 100%;
}

.map .map_img img {
    width: 100%;
}

.map .map_logo {
    /* position: absolute;
    top: 61px;
    left: 142px; */
    margin-bottom: 246px;
}

.map .map_logo img {
    width: 304px;
}

.map_txt {
    position: absolute;
    top: 75px;
    left: 142px;
}

.map_txt:after {
    content: '';
    position: absolute;
    top: 197px;
    left: 0px;
    width: 45px;
    height: 5px;
    background-color: #fff;
}

.map_txt h1 {
    font-size: 50px;
    color: #fff;
    margin-bottom: 45px;
    font-family: 'Conv_QUARTO-BOLD';
    letter-spacing: 3px;
}

.map_txt p {
    font-size: 36px;
    color: #fff;
    margin-bottom: 109px;
    font-family: 'Conv_QUARTO-BOLD';
    letter-spacing: 3px;
}

.map_txt button {
    width: 145px;
    height: 55px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    font-family: "Microsoft JhengHei";
}

.map_center {
    position: absolute;
    top: 50%;
    right: 210px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    width: 500px;
    height: 500px;
}

.map_center p {
    position: relative;
    font-size: 36px;
    font-weight: bold;
    padding: 0 120px 20px 0;
    color: #70868f;
    border-bottom: 1px solid #70868f;
    text-transform: uppercase;
    width: 50%;
    margin-top: 40%;
}

.map_center p:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    /* IE 9 */
    -moz-transform: translateY(50%);
    /* Firefox */
    -webkit-transform: translateY(50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(50%);
    /* Opera */
    width: 17px;
    height: 17px;
    background: #fff;
    border-radius: 50%;
}

.map_center span {
    position: absolute;
    right: -40px;
    bottom: -50px;
    width: 100px;
    height: 100px;
    background-color: #38fdff;
    border-radius: 50%;
    /* opacity: .4; */
    animation: dots 3s infinite;
    -moz-animation: dots 3s infinite;
    -webkit-animation: dots 3s infinite;
    -o-animation: dots 3s infinite;
    display: block;
}

@keyframes dots {
    0% {
        transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        opacity: .3;
    }

    100% {
        transform: scale(5);
        -ms-transform: scale(5);
        -moz-transform: scale(5);
        -webkit-transform: scale(5);
        -o-transform: scale(5);
        opacity: 0;
    }
}

.contact1 {
    padding: 100px 110px 70px 140px;
    background-color: #f3f7f3;
}

.contact1 .contact_title {
    padding-bottom: 105px;
}

.contact1 .contact_title h1 {
    font-size: 60px;
    color: #046AF6;
    display: inline-block;
    margin-right: 72px;
    font-family: 'Conv_QUARTO-BOLD';
    text-transform: uppercase;
    letter-spacing: .5px;
    line-height: 66px;
}

.contact1 .contact_title .phone {
    height: 66px;
    position: relative;
    padding-left: 85px;
}

.contact1 .contact_title img {
    margin-right: 30px;
    height: 55px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    left: 0px;
}

.contact1 .contact_title span {
    font-size: 24px;
    color: #046AF6;
    line-height: 66px;
    font-family: 'Conv_ELEPHNT';
    letter-spacing: 1.5px;
}

.contact1 .contact_title span a {
    color: #046AF6 !important;
    display: none;
}

.contact_loc {
    position: relative;
    width: 32.4%;
    margin-left: 1.4%;
    padding: 50px 0 50px 185px;
    border: 1px solid #dbdbdb;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.contact_loc:hover {
    border: 1px solid #046AF6;
}

.contact_loc:nth-child(1) {
    margin-left: 0px;
}

.contact_loc .imgdiv {
    position: absolute;
    top: 65px;
    left: 40px;
    width: 87px;
    height: 87px;
}

.contact_loc .imgdiv img {
    width: 100%;
}

.contact_loc h4 {
    font-size: 18px;
    font-weight: bold;
    font-family: '微软雅黑';
    color: #464646;
    line-height: 20px;
}

.contact_loc .h4 {
    font-weight: 500;
    margin-bottom: 24px;
    margin-top: 9px;
}

.contact_loc h5 {
    color: #848484;
    line-height: 30px;
    font-family: "微软雅黑";
}

.contact_loc h5 a {
    color: #848484 !important;
    display: none;
}

.contact_mess {
    padding: 100px 40% 0px 0px;
}

.contact_mess .gx_kshzimg {
    font-size: 24px;
    color: #464646;
    margin-bottom: 30px;
}

.contact_mess form .form_fl {
    width: 46%;
    padding-right: 70px;
}

.contact_mess form input {
    padding: 30px 0 30px;
    color: #848484;
    font-size: 18px;
    line-height: 36px;
    display: block;
    border-bottom: 1px solid #dbdbdb;
    width: 100%;
    font-family: "Microsoft JhengHei";
}

.contact_mess form textarea {
    width: 100%;
    font-size: 18px;
    color: #848484;
    padding-top: 30px;
    height: 79px;
    border-bottom: 1px solid #dbdbdb;
    font-family: "Microsoft JhengHei";
    resize: none;
}

.contact_mess form span {
    position: relative;
    display: block;
}

.contact_mess form span img {
    position: absolute;
    left: auto;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    width: 140px;
}

.contact_mess form button {
    width: 235px;
    height: 63px;
    background-color: #2e2d2b;
    color: #ffffff;
    font-size: 18px;
    margin-top: 75px;
    font-family: "Microsoft JhengHei";
}

.dana1 .enj_con {
    float: left;
    margin-top: 26px;
}

#text {
    transition: all 0.56s;
}

.con_himg {
    width: 186px;
}

.con_himg img {
    width: 100%;
    display: block;
}

.newservicef .bgray {
    margin-bottom: 20px;
    background-color: #ffffff !important;
}

.newlist .section5 .main-container .news .con .item .text {
    border-bottom: 1px solid transparent !important;
}

.newlist .section5 .main-container .news .con .item .text:after {
    display: none;
}

/*新服务页面*/
.newservice .wrap {
    padding: 0 203px 195px 220px;
    background-color: #f3f5f7;
}

.newservice .wrap .sertitle {
    position: relative;
    padding-top: 127px;
    padding-bottom: 130px;
    margin-bottom: 130px;
    border-bottom: 2px solid #dddddd;
}

.newservice .wrap .sertitle:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #dcdcdc;
    transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
}

.newservice .sertitle h2 {
    font-family: 'Conv_QUARTO-BOLD';
    font-size: 144px;
    color: #ff4545;
    text-transform: uppercase;
}

.newservice .sertitle .serlogo {
    position: absolute;
    top: 138px;
    right: 0px;
    width: 240px;
}

.newservice .sertitle .serlogo img {
    width: 100%;
}

.newservice .bgray {
    width: 100%;
    height: 596px;
    padding: 37px 103px 40px 78px;
    background-color: #eaeaea;
}

.newservice .bgray a {
    color: #404c63;
}

.newservice .bgray .grayfl {
    width: 42.1%;
    height: 100%;
    color: #404c63;
}

.newservicef .bgray .grayfl {
    color: #eb4936;
}

.type {
    position: relative;
    padding-top: 26px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.graytitle {
    position: absolute;
    top: 48px;
}

.type:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 109px;
    height: 2px;
    background-color: #404c63;
}

.newservicef .type:after {
    background-color: #eb4936;
}

.type h6 {
    font-family: 'Conv_QUARTO-BOLD';
    font-size: 18px;
    text-transform: uppercase;
}

.graytitle .gx_ywbnp {
    font-family: 'Conv_QUARTO-BOLD';
    font-size: 84px;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.graytitle h2 {
    font-size: 48px;
    margin-bottom: 128px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.webul {
    margin: 0 -10px;
    width: 470px;
    max-width: 100%;
}

.webul li {
    position: relative;
    float: left;
    padding: 0 10px;
    margin-top: 15px;
}

.webul li {
    font-size: 18px;
    color: #404c63;
}

.newservicef .webul li {
    color: #eb4936;
}

.newservice .bgray .grayfr {
    width: 57.9%;
}

.newservice .bgray .grayfr img {
    margin-top: 28px;
    max-width: 100%;
    display: block;
}

.bry {
    width: 100%;
}

.bry .bgblack,
.bry .ry {
    width: 50%;
    height: 100%;
}

.bry .brybox {
    width: 100%;
    height: 632px;
    padding-left: 75px;
    padding-top: 48px;
    overflow: hidden;
}

.bry .brybox a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.brybox {
    position: relative;
}

.brybox .ser_arrow {
    position: absolute;
    bottom: 105px;
    right: 90px;
}

.bgblack .black_top {
    background-color: #000000;
    position: relative;
    padding-left: 56px;
    padding-right: 56px;
}

.bgblack .black_top img {
    max-width: 100%;
    position: relative;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bgblack .black_center {
    background-color: #000000;
    color: #ceccb7;
}

.bgblack .black_center a {
    color: #ceccb7;
}

.bgblack .black_center .type:after {
    background-color: #ceccb7;
}

.bgblack .black_center .webul li {
    color: #ceccb7;
}

.bgblack .black_bottom {
    background-color: #ffffff;
    color: #f65846;
}

.bgblack .black_bottom a {
    color: #f65846;
}

.bgblack .black_bottom .type:after {
    background-color: #f65846;
}

.bgblack .black_bottom .webul li {
    color: #f65846;
}

.ry .ry_top {
    background-color: #4d84f1;
    color: #ffffff;
}

.ry .ry_top a {
    color: #ffffff;
}

.ry .ry_top .type:after {
    background-color: #ffffff;
}

.ry .ry_top .webul li {
    color: #ffffff;
}

.ry .ry_center {
    background-color: #ffd954;
    color: #000;
}

.ry .ry_center a {
    color: #000;
}

.ry .ry_center .type:after {
    background-color: #000;
}

.ry .ry_center .webul li {
    color: #000;
}

.ry .ry_bottom {
    background-color: #eb4936;
    color: #dcdac6;
}

.ry .ry_bottom a {
    color: #dcdac6;
}

.ry .ry_bottom .type:after {
    background-color: #dcdac6;
}

.ry .ry_bottom .webul li {
    color: #dcdac6;
}

.bry_logo {
    opacity: 0;
    height: 0px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.graytitlebox {
    height: calc(100% - 41px);
    position: relative;
}

@media (min-width: 1200px) {
    .g_f4botxiafl2z {
        transition: all 0.36s;
    }

    .newserviceb .bgray:hover .graytitle {
        transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        -moz-transform: translateY(-50%) !important;
        top: 50% !important;
    }

    .newserviceb .bgray:hover .webul li:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0px;
        width: 23px;
        height: 1px;
        background-color: #404c63;
    }

    .bgblack .black_center:hover .webul li:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0px;
        width: 23px;
        height: 1px;
        background-color: #ceccb7;
    }

    .bgblack .black_bottom:hover .webul li:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0px;
        width: 23px;
        height: 1px;
        background-color: #f65846;
    }

    .ry .ry_top:hover .webul li:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0px;
        width: 23px;
        height: 1px;
        background-color: #ffffff;
    }

    .ry .ry_center:hover .webul li:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0px;
        width: 23px;
        height: 1px;
        background-color: #000;
    }

    .ry .ry_bottom:hover .webul li:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0px;
        width: 23px;
        height: 1px;
        background-color: #dcdac6;
    }

    /*.newserviceb .brybox:hover .type{
        margin-bottom: 52px;
    }*/
    .newserviceb .brybox:hover .graytitle .gx_ywbnp {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .newserviceb .bry .brybox:hover .graytitle {
        top: 50% !important;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }

    .newserviceb .brybox:hover .graytitle h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .newserviceb .brybox:hover .bry_logo {
        opacity: 1;
        height: 100px;
        margin-bottom: 45px;
    }

    .newserviceb .brybox:hover .webul li {
        padding-left: 43px;
        width: 50%;
    }

    .newserviceb .brybox:hover .webul li {
        font-size: 24px;
    }
}

.retrieve .wrap {
    padding: 0 109px 0 160px;
    background-color: #f7f7f7;
}

.retrieve .wrap .ret_line {
    position: relative;
    padding-top: 123px;
    border-bottom: 1px solid #dddddd;
}

.retrieve .wrap .ret_line:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #dcdcdc;
    transform: translate(50%);
    -o-transform: translate(50%);
    -ms-transform: translate(50%);
    -moz-transform: translate(50%);
    -webkit-transform: translate(50%);
}

.retri_hint {
    padding: 85px 0;
}

.retri_hint h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: "Microsoft JhengHei";
}

.retri_con {
    width: 100%;
}

.retri_con .retri_box {
    width: 31.4%;
    margin-bottom: 50px;
    margin-left: 2.9%;
    animation-name: fadeInUp;
}

.retri_con .retri_box:nth-child(1) {
    animation-delay: 0.1s;
}

.retri_con .retri_box:nth-child(2) {
    animation-delay: 0.2s;
}

.retri_con .retri_box:nth-child(3) {
    animation-delay: 0.3s;
}

.retri_con .retri_box:nth-child(4) {
    animation-delay: 0.4s;
}

.retri_con .retri_box:nth-child(5) {
    animation-delay: 0.5s;
}

.retri_con .retri_box:nth-child(6) {
    animation-delay: 0.6s;
}

.retri_con .retri_box:nth-child(7) {
    animation-delay: 0.7s;
}

.retri_con .retri_box:nth-child(8) {
    animation-delay: 0.8s;
}

.retri_con .retri_box:nth-child(9) {
    animation-delay: 0.9s;
}

.retri_con .retri_box:nth-child(3n+1) {
    margin-left: 0px;
}

.enjoy .wrap {
    padding: 132px 110px 0 160px;
    background: #f3f5f7;
}

.enjoy_title {
    position: relative;
    padding-bottom: 80px;
    border-bottom: 2px solid #dddddd;
    overflow: hidden;
}

.enjoy_title:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #dcdcdc;
    transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
}

.enjoy_title h1 {
    font-family: 'Conv_QUARTO-BOLD';
    font-size: 144px;
    color: #ff4545;
    margin-right: 210px;
    text-transform: uppercase;
}

.enjoy_title .enj_con h2 {
    font-family: 'Conv_QUARTO-BOLD';
    font-size: 60px;
    color: #ff4545;
    margin-bottom: 25px;
}

.enjoy_title .enj_con h2 span {
    font-size: 72px;
}

.enjoy_title .enj_con p {
    font-size: 24px;
    color: #464646;
}

.enjoy .enjoynav {
    padding: 80px 0;
    margin: 0 -44px;
}

.enjoy .enjoynav li {
    float: left;
    padding: 0 44px;
    /*margin-bottom: 20px;*/
}

.enjoy .enjoynav li a {
    position: relative;
    font-size: 18px;
    color: #464646;
    font-family: "Microsoft JhengHei";
    text-transform: uppercase;
    line-height: 32px;
}

.enjoy .enjoynav li.atv a::after {
    width: 110%;
    opacity: 1;
}

.enjoy .enjoynav li a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 0;
    height: 1px;
    margin-left: -5%;
    background-color: #464646;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    opacity: 0;
}

@media (min-width: 1200px) {
    .enjoy .enjoynav li:hover a:after {
        width: 110%;
        opacity: 1;
    }
}

.enjoy_con {
    width: 100%;
}

.enjoy_box {
    width: 31.4%;
    margin-left: 2.9%;
    padding-bottom: 30px;
    margin-bottom: 70px;
    background-color: #fff;
}

.enjoy_con .enjoy_box:nth-child(3n+1) {
    margin-left: 0px;
}

.enjoy_box .imgdiv {
    overflow: hidden;
}

.enjoy_box .imgdiv img {
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.enjoy_box .imgdiv img:hover {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.lead .wrap {
    background-color: #f9f9f9;
}

.lead_top {
    padding: 150px 157px 200px;
}

.lead_top .lt_img {
    width: 63.86%;
}

.lead_top .lt_img img {
    width: 100%;
}

.lead_top .lt_txt {
    width: 36.14%;
    padding: 90px 0 0 75px;
}

.lead_top .lt_txt h1 {
    font-family: 'Conv_QUARTO-BOLD';
    font-size: 60px;
    color: #fff;
}

.lead_top .lt_txt .lead_view {
    padding: 80px 0;
}

.lead_top .lt_txt .lead_view a {
    font-size: 18px;
    color: #fff;
    font-family: "Microsoft JhengHei";
}

.lead_top .lt_txt .lt_mess {
    font-size: 18px;
    color: #fff;
    font-family: "Microsoft JhengHei";
    line-height: 36px;
    margin-bottom: 60px;
}

.lead_top .lt_txt .lt_share {
    font-family: 'Conv_QUARTO-BOLD';
    font-size: 18px;
    color: #fff;
    line-height: 1.5;
}

.lead_top .lt_txt .share {
    padding: 45px 0;
}

.lt_txt .share .bdsharebuttonbox .bdsbtn {
    width: 20px;
    height: 20px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top left;
    margin-left: 30px;
    display: inline-block;
}

/* .lt_txt .share .bdsharebuttonbox .bds_weixin {
    background-image: url(../img/weixin1.png);
    background-size: 100%;
}

.lt_txt .share .bdsharebuttonbox .bds_tsina {
    background-image: url(../img/weibo1.png);
    background-size: 100%;
}

.lt_txt .share .bdsharebuttonbox .bds_qzone {
    background-image: url(../img/qq1.png);
    background-size: 100%;
} */

.lead_top .lt_txt .lt_tel {
    font-family: 'Conv_QUARTO-BOLD';
    font-size: 18px;
    color: #fff;
    line-height: 1.5;
}

.lead_top .lt_txt .lt_tel span {
    font-size: 24px;
}

.lead_con {
    width: 100%;
    padding: 0px 157px 0px;
}

.lead_con .lc_title {
    padding: 100px 0 90px;
}

.lead_con .lc_title h4 {
    font-family: 'Conv_QUARTO-BOLD';
    font-size: 60px;
    color: #ff677c;
    text-transform: uppercase;
}

.lead_con .lc_slick {
    padding: 0 100px 0px;
    margin-bottom: 90px;
}

.lead_con .lc_slick .lc_small {
    width: 180px;
    height: 170px;
    overflow: hidden;
    margin: 0 15px;
}

.lead_con .lc_slick .lc_small img {
    width: 100%;
}

/* .lead_con .lc_slick .slick-prev {
    width: 36px;
    height: 36px;
    background: url(../img/prev.png) no-repeat;
    background-size: cover;
    left: 0px;
}

.lead_con .lc_slick .slick-next {
    width: 36px;
    height: 30px;
    background: url(../img/slicknext.png) no-repeat;
    background-size: cover;
    right: 0px;
} */

.lead_con .lc_change {
    width: 100%;
}

.lead_con .lc_change img {
    width: 100%;
}

.lead_con .lc_change .slick-prev {
    top: 28%;
    z-index: 1;
    width: 50px;
    height: 132px;
    background-color: rgba(64, 76, 99, .5);
    opacity: 1;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

/* .lead_con .lc_change .slick-prev:after {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 26px;
    background: url(../img/prev.png) no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
} */

.lead_con .lc_change .slick-next {
    top: 28%;
    z-index: 1;
    width: 50px;
    height: 132px;
    background-color: rgba(64, 76, 99, .5);
    opacity: 1;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

/* .lead_con .lc_change .slick-next:after {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 26px;
    background: url(../img/slicknext.png) no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
} */

/*.lead_conatv .lead_con .lc_change .slick-next,.lead_con .lc_change .slick-prev{
    opacity: 1;
}*/
.index .section2 {
    font-size: 0;
}

.lc_changel,
.lc_changer {
    width: 50px;
    height: 132px;
    background-color: rgba(64, 76, 99, .5);
    position: fixed;
}

.lc_changel img,
.lc_changer img {
    width: 32px;
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.lc_changel {
    left: 132px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
}

.lc_changer {
    right: 132px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
}

.lc_changeratv .lc_changer {
    display: block;
}

.lc_changeratv .lc_changel {
    display: block;
}

.lc_changebox {
    position: relative;
}

.lc_changeboxn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 66.666666vh;
    z-index: 0;
}

/*案例内页动画*/
@-webkit-keyframes slick {
    from {
        left: -200%;
    }

    to {
        left: 100%;
    }
}

@keyframes slick {
    from {
        left: -200%;
    }

    to {
        left: 100%;
    }
}

.slike {
    display: inline-block;
}

.layui-layer-btn0 {
    background-color: #ff9b9b;
}

/*  @-webkit-keyframes slickc
{
   from{
       right: -100%;
   }
   to{
       right: 0;
   }
}
@keyframes slickc
{
   from{
       right: -100%;
   }
   to{
       right: 0;
   }
}
.active{
   animation:slickc .3s 1 forwards;
   -webkit-animation:slickc .3s 1 forwards;
}  */
/*箭头动效*/
@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}

@-webkit-keyframes shakey {

    from,
    to {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-1px, -50%, 0);
        transform: translate3d(-1px, -50%, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, -50%, 0);
        transform: translate3d(5px, -50%, 0);
    }
}

@keyframes shakey {

    from,
    to {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-1px, -50%, 0);
        transform: translate3d(-1px, -50%, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, -50%, 0);
    }
}

.albumboxcenitm {
    width: 50%;
}

.albumboxcenitm img {
    width: 100%;
}

.mainh4sy {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 11px;
}

.enjoy_box {
    overflow: hidden;
}

.messdiv span {
    position: relative;
}

.messdiv span::after {
    content: '+1';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 26px;
    top: 0;
    color: #046AF6;
    font-size: 18px;
    transform: translateY(100px);
    transition: all 1.3s;
    display: none;
}

.zandivatv span::after {
    animation: shakea 1.2s 1 forwards;
    -webkit-animation: shakea 1.2s 1 forwards;
}

@keyframes shakea {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    100% {
        transform: translateY(-30px);
        opacity: 0;
    }
}

.albumbox {
    padding-left: 55px;
}

.serdetails .txtdiv p {
    font-size: 24px;
    color: #848484;
    font-family: "Microsoft JhengHei";
    line-height: 42px;
    height: 84px;
    overflow: hidden;
}

.serdetails .messdiv .zandiv {
    width: 29px;
    background: transparent;
    height: auto;
}

/*服务页*/
.imgdiv img {
    width: 100%;
}

.caseanli .wrap nav ul {
    margin-left: -44px;
    margin-right: -44px;
}

.g_hardbox {
    background: #28a3e2;
    position: relative;
}

.caseanli .wrap nav {
    margin: 0px 0 0 0px;
}

.logoanli {
    width: 241px;
}

.logoanli img {
    width: 100%;
    display: block;
}

.g_anlihard {
    margin-top: 66px;
}

.caseanli .wrap nav li {
    float: left;
    padding: 0 44px;
    margin-bottom: 0px;
}

.caseanli .wrap nav li a {
    line-height: 32px;
    color: #ffffff;
}

.caseanli .wrap {
    padding-left: 55px;
    padding-right: 0px;
}

.g_harlitmr {
    width: 763px;
    margin-right: 120px;
}

.g_harlitmrbox img {
    width: 100%;
}

.g_harintr {
    margin-top: 123px;
}

.g_harlitml h1 {
    font-size: 92px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    line-height: 116px;
    height: 232px;
}

.g_harlitml p {
    font-family: "Microsoft JhengHei";
    font-size: 24px;
    color: #ffffff;
    line-height: 50px;
}

.g_harlitmlp {
    height: 250px;
    overflow: hidden;
}

.g_harlitmlnav span {
    font-size: 18px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    padding-left: 10px;
    padding-right: 10px;
    display: block;
}

.g_harlitmlnav {
    margin-left: -10px;
    margin-right: -10px;
}

.g_harlitml {
    width: calc(100% - 952px);
}

.g_harintr {
    padding-bottom: 120px;
}

.g_padding1 {
    padding-left: 175px;
    padding-right: 117px;
}

.g_methlast span {
    width: 50%;
    display: block;
    font-size: 24px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    padding-left: 50px;
    padding-right: 50px;
    box-sizing: border-box;
    margin-bottom: 70px;
}

.g_methlast {
    margin-left: -50px;
    margin-right: -50px;
}

.g_methodl {
    width: calc(100% - 952px);
}

.g_methodr {
    width: 650px;
    margin-top: 48px;
    position: relative;
    margin-right: 163px;
}

.g_methodrimg2 {
    position: absolute;
    left: 54px;
    top: 54px;
    z-index: 1;
    width: calc(100% - 108px);
    height: calc(100% - 108px);
    animation: kejia 30s infinite linear;
    -webkit-animation: kejia 30s infinite linear;
}

.g_methodrimg2g {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    animation: kejib 30s infinite linear;
    -webkit-animation: kejib 30s infinite linear;
}

.g_methodrimg2g img {
    width: 100%;
    display: block;
}

@-webkit-keyframes kejia {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes kejia {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.g_methodrimg2b1 {
    width: 47px;
    position: absolute;
    left: 152px;
    top: -3px;
    display: block;
    animation: kejib 30s infinite linear;
    -webkit-animation: kejib 30s infinite linear;
}

.g_methodrimg2b2 {
    width: 47px;
    position: absolute;
    right: 415px;
    bottom: 33px;
    display: block;
    animation: kejib 30s infinite linear;
    -webkit-animation: kejib 30s infinite linear;
}

.g_methodrimg2a {
    width: 100%;
    display: block;
}

.g_methodrimg1 {
    width: 100%;
    display: block;
}

@-webkit-keyframes kejib {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(-360deg);
    }
}

@keyframes kejib {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(-360deg);
    }
}

.g_methodbox {
    position: relative;
    padding-top: 97px;
    padding-bottom: 145px;
}

.g_methodltit h5 {
    font-size: 90px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    margin-top: 66px;
}

.g_methodltit span {
    font-size: 48px;
    color: #ffffff;
    font-family: 'Conv_QUARTO-BOLD';
}

.g_methlast {
    margin-top: 130px;
}

.g_advaitm {
    width: 20%;
    text-align: center;
}

.g_advaitm span {
    display: block;
    margin: auto;
}

.g_advaitm h5 {
    font-size: 24px;
    color: #464646;
    text-align: center;
    margin-top: 80px;
    font-family: "Microsoft JhengHei";
}

.g_advailast {
    margin-top: 95px;
}

.g_advatit span {
    font-size: 48px;
    color: #464646;
    text-align: center;
    display: block;
    margin-top: 114px;
    font-family: 'Conv_QUARTO-BOLD';
}

.g_advatit h5 {
    font-size: 90px;
    color: #464646;
    text-align: center;
    margin-top: 85px;
    font-family: "Microsoft JhengHei";
}

.g_advap {
    width: 1345px;
    margin: 100px auto 0;
    text-align: center;
}

.g_advap p {
    font-family: "Microsoft JhengHei";
    font-size: 30px;
    color: #848484;
    line-height: 46px;
}

.g_adva {
    padding-bottom: 100px;
}

.g_detailsbox {
    padding-top: 83px;
    padding-bottom: 110px;
    position: relative;
    z-index: 2;
}

.g_detailsbox span {
    font-size: 48px;
    color: #ffffff;
    text-align: center;
    display: block;
}

.g_detailsbox h5 {
    font-size: 90px;
    color: #ffffff;
    text-align: center;
    font-family: "Microsoft JhengHei";
    margin-top: 110px;
}

.g_detailsbox p {
    font-size: 30px;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
    font-family: "Microsoft JhengHei";
}

.g_detailsp {
    margin-top: 120px;
}

.caseanli .cm_box {
    width: 25%;
    margin: 0px 0;
    margin-left: 0%;
    padding-left: 4px;
    padding-right: 4px;
}

.g_caanli {
    padding-top: 96px;
    background: #eeeeee;
}

.g_caanlitit {
    text-align: center;
    margin-bottom: 96px;
}

.g_caanlitit h5 {
    font-size: 60px;
    color: #464646;
    display: inline-block;
}

.cm_boxn {
    position: relative;
    width: 100%;
}

.g_padding2 {
    padding-left: 115px;
    padding-right: 120px;
}
/* 
.g_harlast .slick-prev {
    width: 40px;
    height: 40px;
    background: url(../img/g_prev.png) no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
    left: -100px;
}

.g_harlast .slick-next {
    width: 40px;
    height: 40px;
    background: url(../img/g_next.png) no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
    right: -80px;
} */

.g_advaitm .g_advaitma {
    width: 224px;
    display: block;
    position: relative;
}

.g_advaitm .g_advaitma img {
    width: 100%;
    display: block;
    left: 0;
    top: 0;
}

.g_advaitma1 {
    position: relative;
    opacity: 0;
}

/* .g_advaitma {
    background: url(../img/g_shouh1.png) no-repeat;
    background-position: center;
    background-size: cover;
    animation: shouhui 2.6s infinite;
    -webkit-animation: shouhui 2.6s infinite;
} */

/* @-webkit-keyframes shouhui {
    0% {
        background: url(../img/g_shouh1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    25% {
        background: url(../img/g_shouh2.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    50% {
        background: url(../img/g_shouh3.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    75% {
        background: url(../img/g_shouh4.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    100% {
        background: url(../img/g_shouh1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }
}

@keyframes shouhui {
    0% {
        background: url(../img/g_shouh1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    25% {
        background: url(../img/g_shouh2.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    50% {
        background: url(../img/g_shouh3.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    75% {
        background: url(../img/g_shouh4.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    100% {
        background: url(../img/g_shouh1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }
} */

.g_advaitmb {
    width: 156px;
    display: block;
    margin: auto;
    position: relative;
}

.g_advaitmb img {
    display: block;
}

.g_advaitmb1 {
    width: 100%;
    position: relative;
    z-index: 1;
}

.g_advaitmb2 {
    width: 56px;
    position: absolute;
    left: 0;
    top: 0px;
    animation: hangpai 2.6s infinite;
    -webkit-animation: hangpai 2.6s infinite;
}

.g_advaitmb3 {
    width: 56px;
    position: absolute;
    right: 0px;
    top: 0px;
    animation: hangpai 2.6s infinite;
    -webkit-animation: hangpai 2.6s infinite;
}

.g_advaitmb4 {
    width: 56px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    animation: hangpai 2.6s infinite;
    -webkit-animation: hangpai 2.6s infinite;
}

.g_advaitmb5 {
    width: 56px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    animation: hangpai 2.6s infinite;
    -webkit-animation: hangpai 2.6s infinite;
}

@-webkit-keyframes hangpai {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes hangpai {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.g_advaitmc {
    width: 190px;
    display: block;
}

.g_advaitmc img {
    width: 100%;
    display: block;
}

.g_padding3 {
    padding-left: 245px;
    padding-right: 245px;
}

.caseanli .caseph {
    display: block;
}

.caseanli .caphtitle h4 {
    font-size: 60px;
    color: #464646;
    font-family: "Microsoft JhengHei";
    text-align: center;
}

.caseanli .caphtitle {
    padding-top: 90px;
    padding-bottom: 90px;
}

.caseanli .txtdiv h3 {
    font-size: 30px;
    color: #464646;
    font-family: "Microsoft JhengHei";
}

.caseanli .txtdiv p {
    font-size: 24px;
    color: #848484;
    font-family: "Microsoft JhengHei";
    line-height: 42px;
    height: 84px;
    overflow: hidden;
}

.g_advaitme img {
    width: 100%;
    opacity: 1;
}

.g_advaitme {
    position: relative;
    width: 77px;
}

/* .g_advaitme span {
    width: 33px;
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    bottom: 34px;
    background: url(../img/g_h51.png) no-repeat;
    background-position: center;
    background-size: cover;
    animation: nyh5 2.6s infinite;
    -webkit-animation: nyh5 2.6s infinite;
} */

/*@-webkit-keyframes nyh5
{
0% {
    background: url(../img/g_h51.png) no-repeat;
    background-position: center;
    background-size: cover;
}
25%{
    background: url(../img/g_h52.png) no-repeat;
    background-position: center;
    background-size: cover;
}
50%{
    background: url(../img/g_h53.png) no-repeat;
    background-position: center;
    background-size: cover;
}
75%{
    background: url(../img/g_h54.png) no-repeat;
    background-position: center;
    background-size: cover;
}
100% {
    background: url(../img/g_h51.png) no-repeat;
    background-position: center;
    background-size: cover;
}
}
@keyframes nyh5
{
0% {
    background: url(../img/g_h51.png) no-repeat;
    background-position: center;
    background-size: cover;
}
25%{
    background: url(../img/g_h52.png) no-repeat;
    background-position: center;
    background-size: cover;
}
50%{
    background: url(../img/g_h53.png) no-repeat;
    background-position: center;
    background-size: cover;
}
75%{
    background: url(../img/g_h54.png) no-repeat;
    background-position: center;
    background-size: cover;
}
100% {
    background: url(../img/g_h51.png) no-repeat;
    background-position: center;
    background-size: cover;
}
}*/
.g_advaitme span img {
    width: 100%;
    opacity: 0;
}

.caseanli .messdiv .zandiv {
    width: 29px;
    background: transparent;
    height: inherit;
}

.caseanli .messdiv .zandiv img {
    position: relative;
    left: inherit;
    top: inherit;
    transform: translate(0, 0);
}

.caseanli .messdiv .zandiv img {
    width: 100%;
    display: block;
}

.caseanli .txtdiv {
    padding: 45px 42px 64px 42px;
}

.caseanli .messdiv {
    padding: 0 0px;
    height: auto;
    margin-top: 30px;
}

.caseanli .cm_con {
    margin-bottom: 30px;
    box-shadow: 0px 3px 6px #d2cece;
}

.g_anbtnbox {
    display: inline-block;
}

.g_anbtn {
    text-align: center;
}

.g_anbtnbox .zandiv {
    width: 29px;
    cursor: pointer;
    margin-top: 3px;
    margin-left: 20px;
}

.g_anbtnbox .zandiv img {
    width: 100%;
    display: block;
}

.g_anbtnbox span {
    font-size: 30px;
    color: #848484;
    font-family: "Microsoft JhengHei";
}

.g_anbtnbox {
    margin-top: 45px;
    margin-bottom: 70px;
}

.g_advaitmd {
    width: 221px;
    position: relative;
}

.g_advaitmda {
    width: 100%;
    display: block;
}

/* .g_advaitmdasp {
    width: 55px;
    position: absolute;
    left: 50%;
    transform: translate(-75%, -50%);
    top: 50%;
    background: url(../img/g_abioc1.png) no-repeat;
    background-position: center;
    background-size: cover;
    animation: nyps 3.6s infinite;
    -webkit-animation: nyps 3.6s infinite;
} */

/* @-webkit-keyframes nyps {
    0% {
        background: url(../img/g_abioc1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    33.333333% {
        background: url(../img/g_abioc2.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    66.666666% {
        background: url(../img/g_abioc3.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    100% {
        background: url(../img/g_abioc1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }
}

@keyframes nyps {
    0% {
        background: url(../img/g_abioc1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    33.333333% {
        background: url(../img/g_abioc2.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    66.666666% {
        background: url(../img/g_abioc3.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    100% {
        background: url(../img/g_abioc1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }
} */

.g_advaitmdaspioc {
    /*overflow: hidden;*/
}

.g_advaitmdaspioc span {
    animation: nypss 1.6s infinite;
    -webkit-animation: nypss 1.6s infinite;
}

.g_advaitmdaspioc1 {
    animation-delay: 0.3s;
}

.g_advaitmdaspioc2 {
    animation-delay: 0.5s;
}

.g_advaitmdaspioc3 {
    animation-delay: 0.7s;
    display: none;
}

@-webkit-keyframes nypss {
    0% {
        transform: translateX(20px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes nypss {
    0% {
        transform: translateX(20px);
    }

    100% {
        transform: translateX(0px);
    }
}

.g_advaitmdasp1 {
    width: 100%;
    display: block;
    position: relative;
    opacity: 0;
}

.g_advaitmdasp2 {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.g_advaitmdasp3 {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.g_advaitmdaspioc span {
    width: 14px;
    height: 4px;
    display: block;
    background: #ff1f59;
    margin-bottom: 4px;
}

.g_advaitmdaspioc {
    position: absolute;
    right: 54px;
    top: 50%;
    transform: translate(0, -40%);
}

/* @-webkit-keyframes nyh5 {
    0% {
        background: url(../img/g_h51.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    25% {
        background: url(../img/g_h52.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    50% {
        background: url(../img/g_h53.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    75% {
        background: url(../img/g_h54.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    100% {
        background: url(../img/g_h51.png) no-repeat;
        background-position: center;
        background-size: cover;
    }
}

@keyframes nyh5 {
    0% {
        background: url(../img/g_h51.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    25% {
        background: url(../img/g_h52.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    50% {
        background: url(../img/g_h53.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    75% {
        background: url(../img/g_h54.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    100% {
        background: url(../img/g_h51.png) no-repeat;
        background-position: center;
        background-size: cover;
    }
} */

.g_footys .g_advaitmiocbox {
    width: 100%;
    height: 180px;
    position: relative;
}

.g_footys .g_advaitm img {
    width: auto;
    max-width: calc(100% - 36px);
    max-height: calc(100% - 36px);
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.g_advaitmiocbox>span {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.g_harintr {
    position: relative;
}

.g_pbtn {
    width: 40px;
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.g_pbtn img {
    width: 100%;
    display: block;
}

.g_xbtn {
    width: 40px;
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.g_xbtn img {
    width: 100%;
    display: block;
}

.g_details {
    position: relative;
    overflow: hidden;
}

.g_detailsimgbox {
    width: 100%;
    height: 410px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }

    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

@-webkit-keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }

    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 120%;
    bottom: -1px;
}

.bgTop {
    z-index: 15;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: -130px;
}

.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}

.bgBottom {
    z-index: 5;
}

.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}

.waveTop {
    background-size: 50% 160px;
}

.waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.waveMiddle {
    background-size: 50% 230px;
}

.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}

.waveBottom {
    background-size: 50% 500px;
}

.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

.g_advaitmg {
    display: none;
}

.serdetails .caphtitle {
    padding-top: 90px;
    padding-bottom: 90px;
}

/*服务2*/
.g_desigitm h5 {
    font-size: 36px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    text-align: center;
}

.g_desigitm span {
    font-size: 24px;
    color: #ffffff;
    font-family: "w35";
    text-align: center;
    display: block;
    margin-top: 28px;
}

.g_desigitm {
    position: relative;
    width: 33.333333%;
}

.g_desigitmp {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
}

.g_desigitming {
    position: relative;
}

.g_desigitmbj {
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
}

.g_desigitmn {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.g_ncascenr h5 {
    font-size: 36px;
    color: #464646;
    font-family: "Microsoft JhengHei";
    line-height: 50px;
    font-weight: bold;
}

.g_ncascenrp {
    margin-top: 45px;
}

.g_ncascenr p {
    font-size: 20px;
    color: #848484;
    font-family: "Microsoft JhengHei";
    line-height: 36px;
}

.g_ncascenl {
    width: 687px;
}

.g_ncascenl img {
    width: 100%;
}

.g_ncascenr {
    width: calc(100% - 687px - 80px);
}

.g_padding4 {
    padding-left: 172px;
    padding-right: 172px;
}

.g_ncasetit span {
    font-size: 48px;
    color: #464646;
    font-family: 'Conv_QUARTO-BOLD';
}

.g_ncasetit h5 {
    font-size: 48px;
    color: #464646;
    font-family: "Microsoft JhengHei";
    margin-top: 40px;
}

.g_ncascen {
    margin-top: 65px;
}

.g_ncbtnitmimg {
    position: relative;
}

.g_ncbtnitmimgbji {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 9px;
    padding-bottom: 9px;
    opacity: 0;
    cursor: pointer;
}

.g_ncbtnitmatv .g_ncbtnitmimgbji {
    opacity: 1;
}

.g_ncbtnitmimgbji span {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px dashed #aeaeae;
}

/* .g_ncbtnitmimgbji::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 42px;
    height: 42px;
    background: url(../img/g_jhaoo.png) no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
} */

.g_ncbtnitmimgbj {
    display: block;
    width: 100%;
}

.g_ncbtnitmimgn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.g_ncbtnlast {
    padding-left: 75px;
    padding-right: 75px;
}

.g_ncbtnlast .slick-prev {
    width: 75px;
    height: 100%;
    background: rgb(0, 0, 0);
    left: 0;
}

/* .g_ncbtnlast .slick-prev::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/g_prev.png) no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} */

.g_ncbtnlast .slick-next {
    width: 75px;
    height: 100%;
    background: rgb(0, 0, 0);
    right: 0;
}

/* .g_ncbtnlast .slick-next::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/g_next.png) no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} */

.g_ncascenbtn {
    margin-top: 75px;
}

.g_methodb {
    margin-top: 68px;
}

.g_methodb p {
    font-size: 28px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    line-height: 50px;
}

.g_methodlp {
    margin-top: 95px;
}

.g_methodrimgspa {
    font-size: 36px;
    color: #ffffff;
    text-align: right;
    display: block;
    transform: translateY(-133px);
    '
margin-right: 12px;
    font-family: 'Conv_QUARTO-BOLD';
}

.g_baioct {
    width: 103px;
    display: block;
    position: absolute;
}

.g_baioct img {
    width: 100%;
    display: block;
}

.g_baiocs {
    width: 21px;
    display: block;
    position: absolute;
}

.g_baiocs img {
    width: 100%;
    display: block;
}

.g_methodb .g_methodrimg {
    position: relative;
}

.g_baioct1 {
    right: 7%;
    transform: translate(0%, 25%);
    top: 74%;
}

.g_baiocs1 {
    right: 29%;
    transform: translate(0%, 28%) rotate(-28deg);
    top: 91%;
}

.g_baioct2 {
    left: 50%;
    transform: translate(-50%, 50%);
    bottom: 0px;
}

.g_baiocs2 {
    left: 29%;
    transform: translate(0%, 30%) rotate(24deg);
    top: 91%;
}

.g_baioct5 {
    left: 7%;
    transform: translate(0%, -25%);
    bottom: 74%;
}

.g_baiocs3 {
    left: 3%;
    transform: translate(0%, 23%) rotate(60deg);
    top: 66%;
}

.g_baioct4 {
    left: 0%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.g_baiocs4 {
    left: 2%;
    transform: translate(0%, 10%) rotate(122deg);
    bottom: 66%;
}

.g_baioct3 {
    left: 7%;
    transform: translate(0%, 25%);
    top: 74%;
}

.g_baiocs5 {
    left: 29%;
    transform: translate(0%, 34%) rotate(164deg);
    bottom: 95%;
}

.g_baioct6 {
    left: 50%;
    transform: translate(-50%, -50%);
    top: 0px;
}

.g_hardboxb {
    background: #000000;
}

.g_hardboxb .g_harlitml h1 {
    font-size: 90px;
}

.g_hardboxb .g_harlitmr {
    width: 683px;
    margin-right: 60px;
}

.g_hardboxb .g_harlitml {
    width: calc(100% - 140px - 683px);
}

.g_hardboxb .g_advatit h5 {
    font-size: 72px;
    margin-top: 122px;
}

.g_hardboxb .g_advap p {
    font-size: 36px;
    line-height: 60px;
}

.g_design {
    margin-top: 105px;
}

.caseanli2 .g_adva {
    padding-bottom: 0;
}

.caseanli2 .wrap {
    padding-left: 55px;
    padding-right: 0;
}

.g_desigitming {
    position: relative;
}

.g_desigitming::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}

.g_ncasebox {
    margin-top: 98px;
}

.g_methodb .g_methodr {
    width: 556px;
    margin-right: 78px;
    margin-top: 83px;
}

.g_methodb .g_methodl {
    width: 580px;
}

.g_methodb .g_methodlp {
    width: calc(100% - 50px);
}

.g_methodb .g_methodltit {
    margin-top: 43px;
}

.g_methodb .g_methodltit h5 {
    margin-top: 100px;
}

.g_designlast .g_desigitm {
    visibility: visible;
    animation-name: fadeInUp;
}

.g_designlast .g_desigitm:nth-child(1) {
    animation-delay: 1.3s;
}

.g_designlast .g_desigitm:nth-child(2) {
    animation-delay: 1.5s;
}

.g_designlast .g_desigitm:nth-child(3) {
    animation-delay: 1.7s;
}

.g_designlast .g_desigitm:nth-child(4) {
    animation-delay: 1.3s;
}

.g_designlast .g_desigitm:nth-child(5) {
    animation-delay: 1.5s;
}

.g_designlast .g_desigitm:nth-child(6) {
    animation-delay: 1.7s;
}

.g_ncbtnlast .g_ncbtnitm {
    visibility: visible;
    animation-name: fadeInUp;
}

.g_ncbtnlast .g_ncbtnitm:nth-child(1) {
    animation-delay: 1.3s;
}

.g_ncbtnlast .g_ncbtnitm:nth-child(2) {
    animation-delay: 1.5s;
}

.g_ncbtnlast .g_ncbtnitm:nth-child(3) {
    animation-delay: 1.7s;
}

.g_ncbtnlast .g_ncbtnitm:nth-child(4) {
    animation-delay: 1.9s;
}

.g_ncbtnlast .g_ncbtnitm:nth-child(5) {
    animation-delay: 2.1s;
}

.g_methodrimg2b {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.g_desigitmn {
    transition: all 0.6s;
}

.g_desigitm {
    overflow: hidden;
}

.g_desigitm:hover .g_desigitmn {
    transform: scale(1.2);
}

.serdetails .wrap {
    padding-left: 55px;
    padding-right: 0px;
}

.serdetails .wrap nav {
    margin: 0px 0 0 0px;
}

.serdetails .wrap nav ul {
    margin-left: -44px;
    margin-right: -44px;
}

.serdetails .wrap nav li {
    float: left;
    padding: 0 44px;
    margin-bottom: 0px;
}

.serdetails .g_hardbox {
    background: -webkit-linear-gradient(#182963, #106e97);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#182963, #106e97);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#182963, #106e97);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(#182963, #106e97);
    /* 标准的语法 */
    ;
    position: relative;
    padding-top: 0px;
}

.serdetails .g_anlihard {
    margin-top: 0px;
}

.advantage {
    width: 100%;
    padding: 0 177px 140px 195px;
    background-color: #f3f5f7;
}

.advantage .adtitle {
    padding: 115px 0 125px;
    text-align: center;
}

.advantage .adtitle h5 {
    font-size: 48px;
    font-family: 'Conv_QUARTO-BOLD';
    color: #464646;
    margin-bottom: 80px;
    line-height: 1.5;
    text-transform: uppercase;
}

.advantage .adtitle h1 {
    font-size: 90px;
    color: #464646;
    line-height: 1.5;
    font-family: "Microsoft JhengHei";
}

.adv_box {
    position: relative;
    width: 31.7%;
    padding: 35px 50px 50px;
    margin-left: 2.45%;
    margin-top: 35px;
    text-align: center;
    background-color: #fff;
    transition: .56s;
    -o-transition: .56s;
    -ms-transition: .56s;
    -moz-transition: .56s;
    -webkit-transition: .56s;
    box-shadow: 1px 5px 5px #d1d3d5;
}

.adv_box:nth-child(3n+1) {
    margin-left: 0;
}

.adv_box:hover {
    transform: scale(1.04) translateY(-5px);
    -o-transform: scale(1.04) translateY(-5px);
    -ms-transform: scale(1.04) translateY(-5px);
    -moz-transform: scale(1.04) translateY(-5px);
    -webkit-transform: scale(1.04) translateY(-5px);
    box-shadow: 10px 11px 10px #d1d3d5;
}

.adv_box .corner {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 105px;
    height: 105px;
    border-right: 105px solid transparent;
    border-top: 105px solid #1e9ed6;
}

.adv_box:nth-child(3n+2) .corner {
    border-top: 105px solid #f3b42c;
}

.adv_box:nth-child(3n+3) .corner {
    border-top: 105px solid #1fba60;
}

.adv_box .corner p {
    position: absolute;
    top: -95px;
    left: 15px;
    font-size: 30px;
    color: #fff;
}

.adv_box .adv_img {
    padding: 50px 0;
}

.adv_box .adv_img img {
    height: 85px;
}

.adv_box h5 {
    font-size: 36px;
    color: #464646;
    font-family: "Microsoft JhengHei";
    margin-bottom: 50px;
    line-height: 1.5;
    max-height: 40px;
}

.adv_box p {
    font-size: 24px;
    color: #848484;
    font-family: "Microsoft JhengHei";
    line-height: 1.8;
    max-height: 80px;
}

.serdetails .cartoonimg {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 70%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    animation: shine 3s linear infinite;
    -webkit-animation: shine 3s linear infinite;
}

@-webkit-keyframes shine {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

@keyframes shine {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

.cartoonbg .guang {
    width: 100%;
    animation: show 15s linear infinite;
    -webkit-animation: show 15s linear infinite;
    -moz-animation: show 15s linear infinite;
    -ms-animation: show 15s linear infinite;
}

@-webkit-keyframes show {
    0% {
        opacity: 1;
        transform: rotate(0deg);
    }

    50% {
        opacity: 0.1;
        transform: rotate(360deg);
    }

    100% {
        opacity: 1;
        transform: rotate(0deg);
    }
}

@keyframes show {
    0% {
        opacity: 1;
        transform: rotate(0deg);
    }

    50% {
        opacity: 0.1;
        transform: rotate(360deg);
    }

    100% {
        opacity: 1;
        transform: rotate(0deg);
    }
}

.cartoonbg .quan {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-width: 100%;
}

.serdetails .move1 {
    position: absolute;
    left: 50%;
    top: 0;
    width: 85px;
    height: 85px;
    transform: translate(-50%, -50%);
    animation: move1 15s linear infinite;
    -webkit-animation: move1 15s linear infinite;
}

.serdetails .move1 img {
    width: 100%;
}

@-webkit-keyframes move1 {
    0% {
        left: 10%;
        top: 50%;
    }

    25% {
        left: 50%;
        top: 10%;
    }

    50% {
        left: 90%;
        top: 50%;
    }

    75% {
        left: 50%;
        top: 90%;
    }

    100% {
        left: 10%;
        top: 50%;
    }
}

@keyframes move1 {
    0% {
        left: 10%;
        top: 50%;
    }

    25% {
        left: 50%;
        top: 10%;
    }

    50% {
        left: 90%;
        top: 50%;
    }

    75% {
        left: 50%;
        top: 90%;
    }

    100% {
        left: 10%;
        top: 50%;
    }
}

.serdetails .move1:before,
.serdetails .move1:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0;
}

.serdetails .move1:after {
    animation: op 2s linear infinite;
    -webkit-animation: op 2s linear infinite;
}

.serdetails .move1:before {
    animation: op 2s linear infinite;
    -webkit-animation: op 2s linear infinite;
    animation-delay: 1s;
}

.serdetails .move2 {
    position: absolute;
    left: 0;
    top: 50%;
    width: 180px;
    height: 180px;
    transform: translate(-50%, -50%);
    animation: move2 8s linear infinite;
    -webkit-animation: move2 8s linear infinite;
}

.serdetails .move2 img {
    width: 100%;
}

@-webkit-keyframes move2 {
    0% {
        left: 20%;
        top: 50%;
    }

    25% {
        left: 50%;
        top: 80%;
    }

    50% {
        left: 80%;
        top: 50%;
    }

    75% {
        left: 50%;
        top: 20%;
    }

    100% {
        left: 20%;
        top: 50%;
    }
}

@keyframes move2 {
    0% {
        left: 20%;
        top: 50%;
    }

    25% {
        left: 50%;
        top: 80%;
    }

    50% {
        left: 80%;
        top: 50%;
    }

    75% {
        left: 50%;
        top: 20%;
    }

    100% {
        left: 20%;
        top: 50%;
    }
}

.serdetails .move2:before,
.serdetails .move2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0;
}

.serdetails .move2:after {
    animation: op 2s linear infinite;
    -webkit-animation: op 2s linear infinite;
}

.serdetails .move2:before {
    animation: op 2s linear infinite;
    -webkit-animation: op 2s linear infinite;
    animation-delay: 1s;
}

@-webkit-keyframes op {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 0.4;
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
    }
}

@-webkit-keyframes op2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    75% {
        opacity: .4;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes op {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 0.4;
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
    }
}

@keyframes op2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    75% {
        opacity: .4;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.product_slick {
    padding: 100px 64px 0 64px;
}

.product_box .pro_img {
    margin-bottom: 55px;
}

.product_box .pro_img img {
    width: 100%;
    display: block;
}

.product_box .pro_txt p {
    font-size: 24px;
    line-height: 32px;
    color: #464646;
    font-family: "Microsoft JhengHei,Conv_QUARTO-BOLD";
}

.product_slick .slick-prev {
    z-index: 1;
    width: 68px;
    height: 105px;
    background-color: #ddd;
}

.product_slick {
    padding-bottom: 100px;
}

/* .product_slick .slick-prev:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 25px;
    background: url(../img/prev.png) no-repeat;
    background-size: 100%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
} */

.product_slick .slick-next {
    z-index: 1;
    width: 68px;
    height: 105px;
    background-color: #ddd;
}

/* .product_slick .slick-next:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 25px;
    background: url(../img/slicknext.png) no-repeat;
    background-size: 100%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
} */

.serdetails .caseph {
    display: block;
}

.serdetails .caphtitle h4 {
    font-size: 60px;
    color: #464646;
    font-family: "Microsoft JhengHei";
    text-align: center;
}

.serdetails .txtdiv h3 {
    font-size: 30px;
    color: #464646;
    font-family: "Microsoft JhengHei";
}

.serdetails .messdiv .zandiv img {
    width: 100%;
    display: block;
}

.serdetails .messdiv {
    padding: 0 0px;
    height: auto;
    margin-top: 30px;
}

.serdetails .cm_con {
    margin-bottom: 30px;
}

.adv_con .adv_box {
    visibility: visible;
    animation-name: fadeInUp;
}

.adv_con .adv_box:nth-child(1) {
    animation-delay: 0.3s;
}

.adv_con .adv_box:nth-child(2) {
    animation-delay: 0.5s;
}

.adv_con .adv_box:nth-child(3) {
    animation-delay: 0.7s;
}

.adv_con .adv_box:nth-child(4) {
    animation-delay: 0.3s;
}

.adv_con .adv_box:nth-child(5) {
    animation-delay: 0.5s;
}

.adv_con .adv_box:nth-child(6) {
    animation-delay: 0.7s;
}

.adv_con .adv_box:nth-child(7) {
    animation-delay: 0.3s;
}

.adv_con .adv_box:nth-child(8) {
    animation-delay: 0.5s;
}

.adv_con .adv_box:nth-child(9) {
    animation-delay: 0.7s;
}

.serdetails .g_methlast span {
    padding-left: 42px;
    padding-right: 42px;
}

.serdetails .g_methlast {
    margin-left: -42px;
    margin-right: -42px;
}

.phbanimg {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
}

.section6 {
    overflow: hidden;
}

.product_box {
    padding-left: 60px;
    padding-right: 60px;
}

.product_slick .slick-list {
    ;
    /*margin-right: -60px;*/
    overflow: hidden;
}

.product_boxn {
    width: 100%;
    display: block;
}

.serdetails .g_adva {
    background: rgb(251, 252, 253);
    padding-top: 114px;
}

.serdetails .g_advatit span {
    margin-top: 0px;
}

.g_iocfh {
    width: 20px;
    display: none;
    position: relative;
}

.g_iocfh img {
    width: 100%;
    display: block;
    left: 0;
    top: 0;
}

.g_iocfha {
    position: relative;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -moz-transition: all 0.1s;
}

.g_iocfhb {
    position: absolute;
    opacity: 0;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -moz-transition: all 0.1s;
}

.g_syatv .g_iocfh {
    display: block;
}

.g_syatv .g_iocfhz {
    display: none !important;
}

.cdetailsc .case_bt {
    padding-top: 79px;
}

.cdetailsc .casenav li a {
    color: #ffffff;
}

.cdetailsc .casenav li a:after {
    background-color: #ffffff;
}

.cdetailsc .lead_top {
    padding-top: 0;
}

.lead_topbox {
    margin-top: 36px;
}

.dana1g .serlogo {
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 1;
    width: 230px;
}

.dana1g .serlogo img {
    width: 100%;
    display: block;
}

.enjoy_titlebox {
    position: relative;
}

.caseanli .casenav li a:after {
    background-color: #ffffff;
}

.dana1g .enjoy_title {
    width: calc(100% - 240px);
}

.enjoy_titlebox {
    border-bottom: 2px solid #dddddd;
}

.enjoy_titlebox .enjoy_title {
    border-bottom: 0px solid #dddddd;
}

.enjoy_titlebox .enjoy_title:after {
    display: none;
}

.enjoy_titlebox:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #dcdcdc;
    transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
}

.header .navdiv nav {
    margin-right: -26px;
}

.lead_con .lc_slick .lc_small {
    cursor: pointer;
}

.g_senav {
    width: 62px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(100%, -50%);
    z-index: 51;
    transition: all 0.3s;
}

.g_senavatv {
    transform: translate(0, -50%);
}

.g_senitm {
    cursor: pointer;
    position: relative;
}

.g_senitma {
    width: 100%;
    display: block;
    position: relative;
    left: 0;
    top: 0;
}

.g_senitmb {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.g_senav .g_senitm:nth-child(2n - 1) {
    background: #ffffff;
}

.g_senav .g_senitm:nth-child(2n) {
    background: #eaeaea;
}

/*中间联系*/
.g_cseon {
    width: 718px;
    background: #e83f3f;
    padding: 18px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 150;
    overflow: hidden;
    transition: all 0.6s;
}

.g_jsalxotvwx .g_cseon {
    transform: translate(-50%, -50%) scale(1);
}

.g_jsalxotvwx {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 150;
    background: rgba(0, 0, 0, 0.5);
}

.g_jsalxotvwx .g_cseonboxl {
    -webkit-animation: fadeInLeft .7s ease both;
    animation: fadeInLeft .7s ease both;
    animation-delay: 0.5s;
}

.g_jsalxotvwx .g_cseonboxr {
    -webkit-animation: fadeInRight .7s ease both;
    animation: fadeInRight .7s ease both;
    animation-delay: 0.5s;
}

.g_cseonboxr {
    width: 182px;
}

.g_cseonbox {
    width: 100%;
    border: 1px dotted rgba(255, 255, 255, 0.9);
    padding-top: 65px;
    padding-bottom: 65px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.g_cseonboxlip span {
    font-size: 20px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

.g_cseonboxl {
    width: calc(100% - 182px - 20px);
}

.g_cseonboxlip span h5 {
    font-size: 22px;
    display: inline-block;
    margin-top: 0;
}

.g_cseonboxlip {
    margin-left: -10px;
    margin-right: -10px;
}

.g_cseonboxl h3 {
    font-size: 42px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    margin-top: 32px;
}

.g_cseonboxl h5 {
    font-size: 28px;
    color: #ffffff;
    margin-top: 38px;
}

.g_cseonboxl h5 a {
    color: #ffffff !important;
    display: none;
}

.g_spamkb {
    display: none;
}

.g_cseonboxlbtn {
    margin-top: 32px;
}

.g_cseonboxlbtn span {
    font-family: "Microsoft JhengHei";
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 44px;
    width: 138px;
    height: 46px;
    display: block;
    border: 1px solid #ffffff;
}

.g_cseonboxlbtn span a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 44px;
    color: #ffffff;
    background: #e83f3f;
}

.g_cseonboxlbtnr {
    margin-left: 34px;
}

.g_sybtnyss a {
    color: #ffffff;
}

.g_cseonboxr {
    margin-right: 20px;
}

.g_cseonboxr h5 {
    font-size: 18px;
    color: #ffffff;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    text-align: center;
    margin-top: 24px;
    line-height: 1.4;
}

.g_cseonboxrermimg {
    width: 100%;
    display: block;
}

.g_cseonboxrerm1 {
    width: 30px;
    height: 30px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    animation: sxg 1.2s infinite;
    -webkit-animation: sxg 1.2s infinite;
}

.g_cseonboxrerm2 {
    width: 30px;
    height: 30px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    animation: sxg 1.2s infinite;
    -webkit-animation: sxg 1.2s infinite;
}

.g_cseonboxrerm3 {
    width: 30px;
    height: 30px;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    animation: sxg 1.2s infinite;
    -webkit-animation: sxg 1.2s infinite;
}

.g_cseonboxrerm4 {
    width: 30px;
    height: 30px;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    animation: sxg 1.2s infinite;
    -webkit-animation: sxg 1.2s infinite;
}

.g_cseonboxrerm {
    position: relative;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-top: 10px;
}

.g_cseonboxgb {
    width: 18px;
    position: absolute;
    right: 25px;
    top: 22px;
    cursor: pointer;
}

.g_cseonboxgb img {
    width: 100%;
    display: block;
}

@keyframes sxg {
    0% {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}

/*电话框*/
.g_jsaphotvwx {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.g_senphon {
    z-index: 90;
}

.g_senphonbox {
    width: 602px;
    background: #ffffff;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 40px;
    padding-bottom: 40px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 5;
    transition: all 0.6s;
    overflow: hidden;
}

.g_senphonboxtit p {
    font-size: 18px;
    color: #464646;
    font-family: "Microsoft JhengHei";
}

.g_jsaphotvwx .g_senphonbox {
    transform: translate(-50%, -50%) scale(1);
}

.g_sybtnyss {
    font-size: 20px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    text-align: center;
    line-height: 56px;
    display: block;
    height: 56px;
    background: #333333;
    cursor: pointer;
}

.g_senphonboxtb p {
    font-size: 18px;
    color: #464646;
    font-family: "Microsoft JhengHei";
    width: calc(100% - 35px);
}

.g_senphonboxtit span {
    width: 18px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.g_senphonboxtit span img {
    width: 100%;
    display: block;
}

.g_senphonboxtit {
    position: relative;
}

.g_senphonbinpl input {
    height: 36px;
    line-height: 36px;
    display: block;
    position: relative;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.g_senphonbinpl {
    height: 56px;
    width: calc(100% - 188px - 20px);
    border-bottom: 1px solid #b0b0b0;
    position: relative;
}

.g_senphonbinpr {
    width: 188px;
}

.g_senphonboxtbn span {
    width: calc(50% - 17px);
}

.g_senphonbinp {
    margin-top: 42px;
}

.g_senphonboxtb {
    margin-top: 46px;
}

.g_senphonboxtbn {
    margin-top: 48px;
}

/*微信*/
.g_senweix {
    width: 164px;
    position: absolute;
    left: 300px;
    bottom: -63px;
    z-index: 50;
    transform: translateX(calc(-100% - 10px - 12px));
}

.g_jsatvwx {
    left: 0;
}

.g_senweix .g_senweiximg {
    width: 100%;
    transition: all 1.3s;
}

.g_jsatvwx .g_senweiximg {
    -webkit-animation: fadeInRight .7s ease both;
    animation: fadeInRight .7s ease both;
    animation-delay: 0.5s;
}

.g_senweiximg img {
    width: 100%;
    display: block;
}

.g_senweix span {
    width: 10px;
    display: block;
    position: absolute;
    right: -9px;
    top: 50%;
    transform: translateY(-50%);
}

.g_senweix span img {
    width: 100%;
    display: block;
}

.g_senphon {
    box-shadow: 4px 4px 6px rgba(119, 108, 108, 0.52);
    /*border: 1px solid #333333; deleted by Paul*/
}

.broadside .broadback span {
    width: 20px;
    margin: auto;
    position: relative;
}

.g_syhom {
    display: block;
}

.g_syhom img {
    width: 100%;
    display: block;
}

.broadside .g_iocfha {
    position: relative;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
}

.broadside .g_iocfhb {
    position: absolute;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    opacity: 0;
}

.g_syatv .g_syhom {
    display: none;
}

.g_senitmqq .g_senweix {
    width: 145px;
    top: 50%;
    bottom: inherit;
    transform: translate(200%, -50%);
    left: 0;
}

.g_senitmqq .g_senweix p {
    font-size: 18px;
    color: 333333;
    background: #ffffff;
    line-height: 62px;
    padding-left: 15px;
    padding-right: 15px;
}

.g_senitmqq .g_senweiximg {
    width: auto;
    height: 100%;
}

.g_senitmqq .g_jsatvwx {
    /*left: calc(-240% + 5px);*/
    transform: translate(-100%, -50%);
}

.g_iocleftbtn .broadback span {
    width: 20px;
    display: block;
    margin: auto;
    position: relative;
}

.g_iocleftbtn .broadsearch span {
    width: 20px;
    display: block;
    margin: auto;
    position: relative;
}

.g_iocleftbtn span img {
    width: 100%;
    display: block;
    left: 0;
    top: 0;
}

.g_advaitmiocbox {
    height: 180px;
    position: relative;
}

.g_footys1 .wrap .ret_line:after {
    bottom: -5px;
    left: -7px;
}

.g_cseonboxl {
    transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    opacity: 0;
    transition: all 0.9s;
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
}

.g_cseonboxr {
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -moz-transform: translateX(300px);
    opacity: 0;
    transition: all 0.9s;
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
}

.g_cseon {
    overflow: hidden;
}

.atbng2 .g_cseonboxl,
.atbng2 .g_cseonboxr {
    transform: translateX(0);
}

@media (min-width: 1200px) {
    .g_anbtnbox:hover .zandiv {
        animation: shake 1.2s 1 forwards;
        -webkit-animation: shake 1.2s 1 forwards;
    }

    .caseanli .txtdiv p {
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
    }

    .caseanli .messdiv .zandiv:hover {
        animation: shake 1.2s 1 forwards;
        -webkit-animation: shake 1.2s 1 forwards;
    }

    .g_iocfh:hover .g_iocfha {
        opacity: 0;
    }

    .g_iocfh:hover .g_iocfhb {
        opacity: 1;
        transform: scale(1.15);
    }

    .buildfr .buildchange .buildprev:hover .txt {
        color: #046AF6;
    }

    .buildfr .buildchange .buildprev:hover .iconfont {
        color: #046AF6;
        animation: shakey 1.2s 1 forwards;
        -webkit-animation: shakey 1.2s 1 forwards;
    }

    .buildfr .buildchange .buildnext:hover .txt {
        color: #046AF6;
    }

    .buildfr .buildchange .buildnext:hover .iconfont {
        color: #046AF6;
        animation: shakey 1.2s 1 forwards;
        -webkit-animation: shakey 1.2s 1 forwards;
    }

    .txtdiv h3 {
        transition: none ease-out .3s;
        transition-property: none;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        transition-delay: 0s;
        transition-property: color, background, text-indent, opacity;
    }

    .txtdiv h3:hover {
        color: #046AF6;
    }

    .cm_con {
        transition: all 0.6s;
    }

    .cm_con:hover {
        box-shadow: 10px 11px 10px #d1d3d5;
    }

    .index .section5 .main-container .news .item:hover h4 {
        color: #046AF6;
    }

    .index .section5 .main-container .news .item:hover div {
        color: #046AF6;
    }

    .index .section5 .main-container .news .item:hover a img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .index .section5 .main-container .news .item:hover .text::after {
        width: 100%;
        opacity: 1;
    }

    .index .section5 .main-container .news .item:hover span {
        animation: shake 1.2s 1 forwards;
        -webkit-animation: shake 1.2s 1 forwards;
    }

    .index .section5 .main-container .news .items:hover h4 {
        color: #046AF6;
    }

    .index .section5 .main-container .news .items:hover div {
        color: #046AF6;
    }

    .index.newlist .section5 .main-container .news .items:hover a img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .index .section5 .main-container .news .items:hover a img .index .section5 .main-container .news .items:hover .text::after {
        width: 100%;
        opacity: 1;
    }

    .index .section5 .main-container .news .items:hover span {
        animation: shake 1.2s 1 forwards;
        -webkit-animation: shake 1.2s 1 forwards;
    }

    .index .section5 .main-container .news .shift li:hover a {
        color: #046AF6;
    }

    .index .section5 .main-container .news .shift li:hover .time .gx_poijh {
        color: #999;
    }

    .index .section5 .main-container .news .shift li:hover span {
        animation: shake 1.2s 1 forwards;
        -webkit-animation: shake 1.2s 1 forwards;
    }

    .map_txt button {
        transition: all 0.3s;
    }

    .map_txt button:hover {
        font-size: 16px;
        font-weight: bold;
        box-shadow: 3px -1px 2px #ccc;
    }

    .index .section2 ul.bgrpad div li .item:hover .right img {
        transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
    }

    .contact_mess form button {
        -webkit-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .contact_mess form button:hover {
        background-color: #171614;
    }

    .case_info .zan {
        transition: all 0.3s;
    }

    .case_info .zan:hover {
        background: #272323 !important;
    }

    .g_senphonboxtit span img,
    .g_cseonboxgb img {
        transition: all 0.9s;
        -webkit-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
    }

    .g_senphonboxtit span img:hover {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }

    .g_cseonboxgb img:hover {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }

    .g_sybtnyss {
        transition: all 0.3s;
    }

    .g_sybtnyss:hover {
        background: #2b2727;
    }

    .g_senav .g_senitm {
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
    }

    .g_cseonboxlbtn span a:hover {
        background: #ffffff;
        color: #e83f3f;
    }

    .broadside .broadback span:hover .g_iocfha {
        opacity: 0;
    }

    .broadside .broadback span:hover .g_iocfhb {
        opacity: 1;
        transform: scale(1.15);
    }

    .broadside .broadsearch span:hover .g_iocfha {
        opacity: 0;
    }

    .broadside .broadsearch span:hover .g_iocfhb {
        opacity: 1;
        transform: scale(1.15);
    }

    .contact:hover .animateds {
        animation: shake 1s 1 forwards;
        -webkit-animation: shake 1s 1 forwards;
    }

    .g_iocleftbtn span:hover .g_iocfha {
        opacity: 0;
    }

    .g_iocleftbtn span:hover .g_iocfhb {
        opacity: 1;
        transform: scale(1.15);
    }

    .index .section4 li {
        overflow: hidden;
        position: relative;
    }

    .index .section4 li a {
        transform: translateY(300px);
        position: relative;
        /*top: 300px;*/
        opacity: 0;
        transition: all 1s;
        -webkit-transition: all 1s;
        -ms-transition: all 1s;
        -moz-transition: all 1s;
        display: block;
    }

    .index .section4 .atvm li a {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        /*top: 0;*/
        opacity: 1;
    }

    .index .section4 .advttm li:nth-child(1) a {
        transition-delay: 0.3s;
    }

    .index .section4 .advttm li:nth-child(2) a {
        transition-delay: 0.5s;
    }

    .index .section4 .advttm li:nth-child(3) a {
        transition-delay: 0.7s;
    }

    .index .section4 .advttm li:nth-child(4) a {
        transition-delay: 0.9s;
    }

    .index .section4 .advttm li:nth-child(5) a {
        transition-delay: 1.1s;
    }

    .index .section4 .advttm li:nth-child(6) a {
        transition-delay: 1.3s;
    }

    .index .section4 .advttm li:nth-child(7) a {
        transition-delay: 1.5s;
    }

    .index .section4 .advttm li:nth-child(8) a {
        transition-delay: 1.7s;
    }

    .index .section4 .advttm li:nth-child(9) a {
        transition-delay: 1.9s;
    }
}

/*默克*/
.buildcon4 img {
    top: 15%;
}

.buildflatv .slick-active .buildcon4 .g_iocsy1 {
    -webkit-animation: fadeInLeft 1s 0s ease both;
    -moz-animation: fadeInLeft 1s 0s ease both;
    animation: fadeInLeft 1s 0s ease both;
}

.buildflatv .slick-active .buildcon4 .g_iocsy2 {
    -webkit-animation: fadeInDown 1s 0s ease both;
    -moz-animation: fadeInDown 1s 0s ease both;
    animation: fadeInDown 1s 0s ease both;
}

.buildflatv .slick-active .buildcon4 .g_iocsy3 {
    -webkit-animation: fadeInRight 1s 0s ease both;
    -moz-animation: fadeInRight 1s 0s ease both;
    animation: fadeInRight 1s 0s ease both;
}

.buildflatv .slick-active .buildcon4 .g_iocsy4 {
    -webkit-animation: fadeInUp 1s 0s ease both;
    -moz-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}

/*贸促*/
.buildcon5 img {
    top: 0;
    width: 90%;
    margin-left: -45%;
    left: 50%;
}

.buildflatv .slick-active .buildcon5 .g_iocsy1 {
    -webkit-animation: fadeInUp 1s 0s ease both;
    -moz-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}

.buildflatv .slick-active .buildcon5 .g_iocsy2 {
    -webkit-animation: fadeInLeft 1.2s 0.3s ease both;
    -moz-animation: fadeInLeft 1.2s 0.3s ease both;
    animation: fadeInLeft 1.2s 0.3s ease both;
}

.buildflatv .slick-active .buildcon5 .g_iocsy3 {
    -webkit-animation: fadeInRight 1.2s 0.3s ease both;
    -moz-animation: fadeInRight 1.2s 0.3s ease both;
    animation: fadeInRight 1.2s 0.3s ease both;
}

.buildflatv .slick-active .buildcon5 .g_iocsy4 {
    -webkit-animation: fadeInUp 1.5s 0.8s ease both;
    -moz-animation: fadeInUp 1.5s 0.8s ease both;
    animation: fadeInUp 1.5s 0.8s ease both;
}

/*饿了么*/
.buildcon6 img {
    top: 0;
}

.buildflatv .slick-active .buildcon6 .g_iocsy1 {
    -webkit-animation: fadeInUp 1s 0s ease both;
    -moz-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
}

.buildflatv .slick-active .buildcon6 .g_iocsy2 {
    -webkit-animation: zoomInDown 0.9s 0.5s ease both;
    -moz-animation: zoomInDown 0.9s 0.5s ease both;
    animation: zoomInDown 0.9s 0.5s ease both;
}

.buildflatv .slick-active .buildcon6 .g_iocsy3 {
    -webkit-animation: zoomInDown 0.9s 0.5s ease both;
    -moz-animation: zoomInDown 0.9s 0.5s ease both;
    animation: zoomInDown 0.9s 0.5s ease both;
}

.buildflatv .slick-active .buildcon6 .g_iocsy4 {
    -webkit-animation: zoomInDown 0.9s 0.5s ease both;
    -moz-animation: zoomInDown 0.9s 0.5s ease both;
    animation: zoomInDown 0.9s 0.5s ease both;
}

.buildcon6 .g_iocsy6 {
    transform: translate(360px, -360px);
    -webkit-transform: translate(360px, -360px);
    -ms-transform: translate(360px, -360px);
    -moz-transform: translate(360px, -360px);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s;
    -ms-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
}

.buildcon6 .g_iocsy5 {
    transform: translate(-360px, -360px);
    -webkit-transform: translate(-360px, -360px);
    -ms-transform: translate(-360px, -360px);
    -moz-transform: translate(-360px, -360px);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s;
    -ms-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
}

.buildflatv .slick-active .buildcon6 .g_iocsy5 {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
}

.buildflatv .slick-active .buildcon6 .g_iocsy6 {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
}

/*西门子*/
.buildcon7 img {
    top: 8%;
}

.buildcon7 .g_iocsy1 {
    transform: translate(100%, 100%);
    -webkit-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    -moz-transform: translate(100%, 100%);
    transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -moz-transition: all 1.2s;
}

.buildcon7 .g_iocsy1b {
    transform: translate(-100%, 100%);
    -webkit-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -moz-transition: all 1.2s;
}

.buildflatv .slick-active .buildcon7 .g_iocsy1 {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
}

.buildflatv .slick-active .buildcon7 .g_iocsy1b {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
}

.buildflatv .slick-active .buildcon7 .g_iocsy2 {
    -webkit-animation: zoomInUp 1.2s 0.6s ease both;
    -moz-animation: zoomInUp 1.2s 0.6s ease both;
    animation: zoomInUp 1.2s 0.6s ease both;
}

.buildflatv .slick-active .buildcon7 .g_iocsy3 {
    -webkit-animation: zoomInUp 1.2s 0.6s ease both;
    -moz-animation: zoomInUp 1.2s 0.6s ease both;
    animation: zoomInUp 1.2s 0.6s ease both;
}

.buildflatv .slick-active .buildcon7 .g_iocsy4 {
    -webkit-animation: zoomInUp 1.2s 0.6s ease both;
    -moz-animation: zoomInUp 1.2s 0.6s ease both;
    animation: zoomInUp 1.2s 0.6s ease both;
}

.buildimg img {
    opacity: 0;
}

.buildflatv .slick-active img {
    opacity: 1;
}

.g_cseonboxlip span h5 a {
    display: none;
}

.scfoll {
    width: 59px;
    height: 84px;
    position: absolute;
    top: -105px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-align: center;
    animation: mymove0 1.2s infinite;
    -webkit-animation: mymove0 1.2s infinite;
    cursor: pointer;
    z-index: 30;
}

@keyframes mymove0 {
    from {
        top: -109px;
    }

    to {
        top: -103px;
    }
}

.scfoll img {
    width: 28px;
    height: 57px;
}

.scfoll span {
    width: 100%;
    text-align: center;
    margin-top: 17px;
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-family: "HelveticaNeu";
    letter-spacing: 2px;
}

.scfoll {
    cursor: pointer;
}

/*9.4 gary*/
.g_jyzqn {
    margin-left: 30px;
}

.g_jyzqn .g_jyzna {
    font-family: "微软雅黑" !important;
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
    cursor: pointer;
    margin-left: 4px;
}

.g_jyzqn a {
    font-family: "微软雅黑";
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
}

.g_jyzqioc {
    width: 26px;
    display: block;
}

.g_jyzqioc img {
    width: 100%;
    display: block;
}

/* @font-face {
    font-family: 'Quarto';
    src: url('../fonts/QUARTO-BOLD.eot');
    src: local('☺'), url('../fonts/QUARTO-BOLD.woff') format('woff'), url('../fonts/QUARTO-BOLD.ttf') format('truetype'), url('../fonts/QUARTO-BOLD.svg') format('svg');
    font-weight: normal;
    font-style: normal;
} */

.xiala {
    width: 100%;
    background: #046AF6;
    padding: 60px 220px;
}

.xl_top1 {
    float: left;
}

.xl_top2 {
    float: right;
}

.xl_top1 p {
    line-height: 48px;
    color: #fff;
    font-size: 36px;
    font-family: "微软雅黑";
}

.xl_logo {
    padding: 0 20px;
    float: left;
}

.gl_logoimg img {
    width: 56px;
}

.xl_logo img {
    display: block;
    margin: auto;
}

.xl_top2 .xl_logo p {
    height: 36px;
    text-align: center;
    line-height: 18px;
    width: 88px;
    color: #fff;
    font-size: 14px;
    font-family: "微软雅黑";
    margin-top: 5px;
}

.box2 {
    padding: 60px 0;
}

.xl_center1 {
    width: 50%;
    float: left;
    margin: 0 auto
}

.xl_centle1 {
    width: 120px;
    border-top: 2px solid #fff;
}

.xl_centle1 h5 {
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    font-family: "Quarto";
    margin-top: 17px;
    margin-bottom: 15px;
}

.xl_centle1 p {
    color: #fff;
    font-size: 60px;
    font-family: "微软雅黑";
}

.xl_cennr {
    margin-top: 22px;
}

.xl_cennr p {
    display: block;
    line-height: 36px;
    color: #fff;
    font-size: 24px;
    font-family: "微软雅黑";
}

.xl_center1b {
    padding-right: 100px;
}

.box3 p {
    line-height: 30px;
    color: #fff;
    font-size: 18px;
    font-family: "微软雅黑";
}

.box3 h3 {
    line-height: 48px;
    color: #fff;
    font-size: 24px;
    font-family: "微软雅黑";
}

.box3 span {
    color: #fff;
    font-size: 72px;
    font-family: 'Conv_ELEPHNT';
    display: block;
    margin-top: 5px;
}

.xl_center1n {
    padding-left: 36px;
}

.g_yxxlbox {
    display: none;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 1000000000;
}

.g_shjbotn {
    cursor: pointer;
}

.g_bmsjbtn {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-30px, 30px);
    cursor: pointer;
    width: 36px;
}

.g_bmsjbtn img {
    width: 100%;
    display: block;
    transition: all 0.9s;
}

.gyx_sjmap {
    width: 35px;
    display: inline-block;
}

.g_shjbotn .g_pshimh {
    line-height: 24px;
}

.g_bmsjbtn:hover img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.g_pshimh {
    font-family: "微软雅黑" !important;
}

.g_shjbotn {
    transform: translateY(2px);
}

.g_jyzqn {
    transform: translateY(2px);
}

.g_jyzqn {
    cursor: pointer;
}

@media screen and (max-width: 1860px) {
    .xiala {
        padding: 55px 180px;
    }
}

@media screen and (max-width: 1680px) {
    .xiala {
        padding: 55px 80px;
    }

    .xl_center1b {
        padding-right: 60px;
    }
}

@media screen and (max-width: 1560px) {
    .xiala {
        padding: 60px 55px;
    }
}

@media screen and (max-width: 1440px) {
    .xl_center1n {
        padding-left: 0;
    }

    .xl_center1b {
        padding-right: 26px;
    }

    .xiala {
        padding: 46px 46px;
    }

    .box2 {
        padding: 45px 0;
    }

    .xl_cennr p {
        line-height: 32px;
        font-size: 22px;
    }

    .xl_top1 p {
        line-height: 48px;
        font-size: 30px;
    }

    .xl_logo {
        padding: 0 15px;
        float: left;
    }

    .xl_centle1 p {
        font-size: 52px;
    }

    .box3 span {
        font-size: 62px;
    }

    .g_bmsjbtn {
        transform: translate(-20px, 20px);
        width: 26px;
    }
}

@media screen and (max-width: 1370px) {
    .box2 {
        padding: 38px 0;
    }

    .xl_cennr {
        margin: 0 auto;
        padding-top: 20px;
    }

    .xl_cennr p {
        font-size: 22px;
    }

    .xl_top1 p {
        font-size: 32px;
    }

    .xl_centle1 p {
        font-size: 38px;
    }

    .box3 span {
        font-size: 48px;
    }

    .xl_top1 p {
        line-height: 42px;
        font-size: 26px;
    }

    .xl_centle1 h5 {
        margin-top: 14px;
        margin-bottom: 12px;
    }

    .g_jyzqn {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media screen and (max-height: 650px) {
    .xl_centle1 p {
        font-size: 48px;
    }

    .xl_centle1 h5 {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .box2 {
        padding: 32px 0;
    }
}

@media screen and (max-width: 1200px) {
    .g_yxxlbox {
        display: none !important;
    }

    .g_shjbotn {
        display: none;
    }
}

.g_senav .g_senitm:nth-child(2n-1) {
    background: #13222f;
}

.g_senav .g_senitm:nth-child(2n) {
    background: #eaeaea;
}

.g_senitmqq .g_senweix p {
    background: #13222f;
    color: #fff;
}

.g_senitmpho {
    background: #13222f;
    position: relative;
    z-index: 100;
}

.g_wxboxiop {
    background: #eaeaea;
    position: relative;
    z-index: 100;
}

.g_senitm {
    z-index: 5;
}

.g_senitm.g_senitmweix {
    z-index: 1;
}

.g_jqurlbox {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.g_shjbotn {
    margin-right: 32px;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-jiantou_xiangyou_o:before {
    content: "\eb94";
}

.sectionk .main-container {
    padding-top: 66px;
    padding-right: 55px;
    border: 1px solid #ebebeb;
}

.sectionk .main-container .hexin h4 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 11px;
    width: 290px;
}

.sectionk .main-container .hexin h4 a {
    font-family: "微软雅黑";
    color: #000000;
    font-size: 24px;
}

.sectionk .neirong {
    padding: 38px 0 60px;
}

.sectionk .neirongbox_hexin {
    width: 25%;
    border-right: 1px solid #ececec;
    padding: 15px 0 62px;
}

.sectionk .neirongbox_hexin:last-child {
    border-right: none;
}

.sectionk .tu_img {
    width: 142px;
    margin: 0 auto;
}

.sectionk .tu_img img {
    width: 100%;
}

.sectionk .w_zi {
    margin-top: 36px;
}

.sectionk .w_zia {
    font-family: "微软雅黑";
    color: #000000;
    font-size: 20px;
    text-align: center;
    position: relative;
}

.sectionk .w_zia::after {
    content: '';
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: 41px;
    height: 1px;
    background-color: #046AF6;
}

.sectionk .w_zib {
    font-family: "微软雅黑";
    color: #000000;
    font-size: 12px;
    margin-top: 38px;
    text-align: center;
}

.sectionk .frzi {
    position: relative;
}

.sectionk .frziimg {
    width: 329px;
    position: absolute;
    right: 0;
    top: -44px;
}

.sectionk .frziimg img {
    width: 100%;
}

.sectionk .frzibox {
    font-family: "微软雅黑";
    color: #000000;
    font-size: 18px;
    position: relative;
}

.section3 .gm_titbox h4 a {
    font-family: "微软雅黑";
    color: #000000;
    font-size: 24px;
}

.section3 .gm_titbox h4 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 11px;
    width: 290px;
}

.morehp {
    width: 167px;
    height: 50px;
    border: 1px solid #e0e0e0;
    margin: 35px auto 0;
    text-align: center;
}

.morehp .more_span1 {
    font-family: "微软雅黑";
    color: #a49999;
    font-size: 16px;
    line-height: 50px;
}

.morehp .more_span2 i {
    font-size: 21px;
    color: #b5b5b5;
    margin-left: 10px;
    line-height: 48px;
    transition: all 0.8s;
    margin-top: -4px;
}

.index .section3 .main-container {
    padding-top: 70px;
    padding-bottom: 53px;
}

.section3 .gm_titbox {
    margin-bottom: 25px;
}

.index .section3 .slickbg {
    position: relative;
}

.sectionmbox .sectionm {
    background-color: #6F76AD;
    padding: 80px 50px;
}

/*.sectionmbox .main-container{
    padding-top: 67px;
}*/
.sectionmbox .xl_top2 {
    width: 50%;
    float: left;
    margin: 0 -20px;
    padding-right: 60px;
}

.sectionmbox .xl_logo {
    width: 20%;
}

.sectionmbox .xl_top1 {
    width: 50%;
    float: right;
    padding-left: 32px;
}

.sectionmbox .box_xptop {
    font-family: "微软雅黑";
    color: #fff;
    font-size: 18px;
}

.sectionmbox .box_xpbot {
    font-family: "微软雅黑";
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
}

.sectionmbox .box_xp {
    margin-bottom: 40px;
}

.sapnk {
    font-family: "微软雅黑";
    color: #fff;
    font-size: 18px;
    display: block;
    text-align: center;
    margin-top: 6px;
}

.g_senitma {
    width: 41px;
    margin: 0 auto;
}

.g_senitma img {
    width: 100%;
}

.g_senav {
    width: 98px;
}

.g_senitm {
    height: 98px;
    margin-bottom: 1px;
    background-color: #046AF6 !important;
}

.g_senav .g_senitm:nth-child(2n-1) {
    background: #046AF6;
}

.g_senitmpho {
    background: #046AF6;
    position: relative;
}

.g_senitmp {
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gm_titbox .more {
    display: none;
}

.jk {
    background: #046AF6;
    position: relative;
    z-index: 51;
    padding: 13px;
}

.morehp:hover .more_span2 i {
    transition: all 0.8s;
    margin-left: 20px;
}

.neirongbox_hexin:hover .w_zia {
    color: #046AF6;
}

.sectionmbox .xl_top1 p {
    font-size: 32px;
}

.morehpnk {
    margin: 45px auto 0;
}

.morehp a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.morehp a:hover .more_span1 {
    color: #046AF6;
}

.morehp a:hover .iconfont {
    color: #046AF6;
}

.morehp:hover {
    border: 1px solid #046AF6;
}

.neirong .more_span2 {
    color: #a49999;
    margin-left: 10px;
    margin-top: -4px;
}

/*gary 12.7*/
a.atbnm {
    color: #046AF6 !important;
}

.g_bntbox {
    display: none;
}

.g_newsitm {
    overflow: hidden;
}



.g_servicebox {
    position: fixed;
    width: 100%;
    left: 0;
    top: 110px;
    z-index: 10000000000000000;
    background: transparent;
    display: none;
    padding-top: 7px;
}

.g_serviceboxcn {
    background: #fff;
}

.g_padrding {
    width: 1324px;
    margin: auto;
}

.g_servincname {
    font-size: 30px;
    color: #333333;
    font-family: "Microsoft JhengHei";
}

.header .navdiv nav li .g_servincname a {
    font-size: 30px;
    color: #333333;
    font-family: "Microsoft JhengHei";
}

.g_servincnametop {
    padding-top: 20px;
    padding-bottom: 20px;
}

.g_servicitm {
    width: 14.285714%;
}

.header .navdiv nav li .g_servicetit {
    font-size: 18px;
    color: #4a4a4a;
    font-family: "微软雅黑";
    line-height: 22px;
}

.header .navdiv nav li .g_servicetit a {
    color: #4a4a4a;
}

.header .navdiv nav li .g_servic .g_serverp a {
    font-family: "微软雅黑";
    font-size: 14px;
    color: #6f6c6c;
    line-height: 24px;
}

.g_servic .g_serverp {
    margin-bottom: 6px;
}

.g_serviceone {
    padding-top: 25px;
}

.g_servicetit {
    margin-top: 28px;
}

.g_servicbom {
    margin-top: 24px;
}

.g_servicom {
    padding-bottom: 30px;
}

/*服务解决方案下拉*/
.g_servtitm {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 15px;
}

.g_servtlist {
    margin-left: -8px;
    margin-right: -8px;
}

.header .navdiv nav li .g_servtitm a {
    font-family: "微软雅黑";
    font-size: 14px;
    color: #666666;
    line-height: 45px;
    background: #ffffff;
    display: block;
    padding-left: 22px;
    padding-right: 22px;
}

.g_servicname {
    padding-top: 20px;
    padding-bottom: 20px;
}

.g_servicnbox {
    background: #e9e9ea;
}

.g_servicetow {
    background: #dededf;
}

.g_servtbom {
    margin-top: 20px;
}

.g_servccal span {
    font-size: 48px;
    color: #be0122;
    font-family: "g_weiler";
}

.g_servcp p {
    font-family: "微软雅黑";
    font-size: 18px;
    color: #be0122;
    line-height: 24px;
}

.g_servtbom {
    padding-bottom: 18px;
}

.g_servccal {
    margin-top: 26px;
}

.g_servcp {
    margin-top: 16px;
}

.header .navdiv nav li .g_servic .g_serverp a:hover {
    color: #046AF6;
}

.header .navdiv nav li .g_servicetit a:hover {
    color: #046AF6;
}

.header .navdiv nav li .g_servtitm a:hover {
    color: #046AF6;
}

.header .navdiv nav li .g_servincname a:hover {
    color: #046AF6 !important;
}

.g_serviceboxcn {
    display: none !important;
}

.atbm.g_servicebox .g_serviceboxcn {
    display: block !important;
}

/*首页ai图标*/
.g_aibox {
    margin-right: 28px;
}

.g_aiboximg {
    width: 24px;
    transform: translateY(1px);
}

.g_aiboximg img {
    width: 100%;
    display: block;
}

.g_aiboxname {
    font-family: "微软雅黑";
    color: #fff;
    line-height: 24px;
    margin-left: 8px;
    transform: translateY(2px);
}

.g_formbl {
    width: calc(100% - 520px);
}

.g_formbl .contact_mess {
    padding: 0px 0 0px 0px;
}

.g_formbox {
    margin-top: 75px;
    margin-bottom: 98px;
}

.g_bdimgn {
    width: 452px;
}

.g_bdimgn img {
    width: 100%;
    display: block;
}

.g_nburtitle span {
    font-size: 18px;
    color: #fff;
    line-height: 48px;
    display: inline-block;
    position: relative;
    z-index: 10;
}

.g_nburtitle {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    cursor: pointer;
}

.g_nburied {
    margin-top: 8px;
}

.g_nburtitle::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 16px;
    top: 16px;
    background: rgba(255, 255, 255, 0.06);
}

.g_nburtitle::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.2784313725490196);
}

.g_nburioc {
    width: 24px;
    display: inline-block;
}

.g_nburioc img {
    width: 100%;
    display: inline-block;
}

.g_nburp,
.g_nburpom {
    transform: translateY(2px);
}

.g_nburp {
    margin-left: 6px;
}

.cdetails .casefo.g_afgbj {
    background: #fff;
}

.newservice .wrap.g_fwbinhp {
    background: #fff;
    padding-bottom: 0;
}

.g_nesimg {
    width: 100%;
    display: block;
}

.g_nesimg img {
    width: 100%;
    display: block;
}

.g_panfgha {
    width: 1178px;
    padding-right: 40px;
    padding-left: 55px;
}

.g_podfgebnl {
    padding-right: 70px;
}

.g_forntop {
    margin-top: 62px;
}

.g_fornbom {
    margin-bottom: 94px;
}

.g_uihnmjl {
    margin-top: 56px;
}

.g_subscribe {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000000;
    display: none;
}

.g_subscribemc {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
}

.g_subscbox {
    z-index: 1000;
    position: absolute;
    width: 602px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.36s;
    background: #fff;
    padding: 48px 40px;
}

.g_xdytitle {
    font-size: 18px;
    color: #464646;
    line-height: 22px;
    font-family: '微软雅黑';
}

/**/
.g_xdyitm {
    width: 300px;
}

.g_xdyitm {
    width: 300px;
    border-bottom: 1px solid #b0b0b0;
    padding-bottom: 20px;
    padding-top: 20px;
}

.g_xdyitm input {
    width: 100%;
    height: 100%;
}

/*.g_subscl{
    border:1px solid #000;
}*/
.g_xdybtn {
    width: 120px;
    height: 38px;
    background: #046AF6;
    margin-top: 30px;
    cursor: pointer;
}

.g_xdybtpm {
    text-align: center;
    font-family: '微软雅黑';
    color: #fff;
    line-height: 38px;
    font-size: 14px;
}

.g_xdyinpbox {
    margin-top: 18px;
}

.m_weixin {
    opacity: 1;
    right: 283px;
    position: relative;
    bottom: 13px;
}

.m_weixin .g_cseonboxrerm1 {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    width: 22px;
    height: 22px;
}

.m_weixin .g_cseonboxrerm2 {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    width: 22px;
    height: 22px;
}

.m_weixin .g_cseonboxrerm3 {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    width: 22px;
    height: 22px;
}

.m_weixin .g_cseonboxrerm4 {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    width: 22px;
    height: 22px;
}

.m_weixin h5 {
    color: #464646;
    font-size: 14px;
    line-height: 18px;
    width: 108px;
    margin: 0 auto;
    margin-top: 10px;
}

.m_close {
    width: 18px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 13px;
}

.m_close img {
    width: 100%;
}

.atvcbm.g_subscbox {
    transform: translate(-50%, -50%) scale(1);
}

.m_dinigyue {
    border: 1px solid #fff;
    padding: 0px 16px;
    border-radius: 10px;
    margin-right: 16px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
}

.header .option .m_tel {
    margin-right: 16px;
}

.m_dinigyue:hover {
    color: #046AF6;
    border-color: #046AF6;
    transition: all 0.36s;
}

.header .option .m_dinigyue:hover {
    color: #046AF6;
}

.m_xwdy_mail_icon {
    display: inline-block;
    width: 21px;
    position: relative;
    top: 3px;
}

.m_xwdy_mail_icon img {
    width: 100%;
}

.m_xwdy_title .diytit {
    font-size: 18px;
    line-height: 36px;
    font-family: '微软雅黑';
    color: #464646;
    display: inline;
    margin-left: 13px;
}

.m_xwdy_title h2 {
    font-size: 14px;
    font-family: '微软雅黑';
    color: #848484;
    line-height: 24px;
    margin-top: 1px;
}

.m_xwdy_item {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 28px;
    padding-top: 28px;
}

.m_xwdy_item input {
    width: 100%;
    height: 100%;
    color: #848484;
}

.m_xwdy_one {
    background: #046AF6;
    width: 100%;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-family: '微软雅黑';
    font-size: 16px;
    margin: 0 auto;
    margin-top: 34px;
    cursor: pointer;
}

.m_xinwen_dingyue {
    width: 338px;
    height: 407px;
    border: 1px solid #b0b0b0;
    background: #fff;
    padding: 35px;
    margin-top: 168px;
}

.m_xwdy_con {
    margin-top: 13px;
}

.m_saomiao {
    opacity: 0;
    left: -293px;
    position: absolute;
    bottom: 2px;
    transition: all 0.6s;
    top: 200px;
}

.m_saomiao_box {
    position: relative;
    overflow: hidden;
    height: 190px;
    width: 190px;
}

.m_saomiao_box_act {
    top: 0px;
    opacity: 1;
}

.g_fornbom .contact_mess {
    padding: 100px 0% 0px 0px;
}

.m_xinwen_dingyue {
    transition: all 0.36s;
    z-index: 100;
}

.atvcn.m_xinwen_dingyue {
    position: fixed;
    bottom: 20px;
}

.bgwhite.atvcn .m_xinwen_dingyue {
    position: absolute;
    /*bottom: initial;*/
}

.bgwhite.atvcn .g_tkloobox {
    position: absolute;
    height: 100%;
    top: 0;
}

.index .section5 .main-container .news .shift li {
    height: auto;
}

.gx_nesen {
    font-size: 14px;
    line-height: 1.75;
    color: #999999;
    margin-bottom: 25px;
    height: 48px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 20px;
    height: 30px;
}

.g_newsitm .gx_nesen {
    height: 72px;
}

.index .section5 .main-container .news .shift li {
    padding-top: 30px;
    padding-bottom: 31px;
}

.gx_data {
    font-family: 'HT';
    font-size: 14px;
    color: #999;
}

.gx_ydcen {
    line-height: 1.42;
    font-size: 16px;
    height: 40px;
    overflow: hidden;
    color: #464646;
    display: block;
 
    margin-top: 12px;
	white-space: nowrap;
    text-overflow: ellipsis;
}

.gx_ydcen a {
    color: #464646;
}

.gx_ydlist {
    margin-top: 30px;
}

.gx_rmtit {
    margin-top: 55px;
    padding-bottom: 38px;
}

.index .section1 .gx_newtab .slick-dots {
    bottom: -8px;
}

.index .section1 .gx_newtab .slick-dots li {
    background: #f89593;
}

.index .section1 .gx_newtab .slick-dots li.slick-active {
    background: #ff4342;
}

.gx_imgx {
    width: 16px;
    display: inline-block;
}

.gx_imgx img {
    width: 100%;
    display: block;
}

.gx_dapag {
    color: #999;
    font-size: 14px;
}

.gx_imgp {
    margin-bottom: 30px;
}

.index .section1 .bgwhite .left .gx_imgp a {
    margin-top: auto;
}

.gx_jcen {
    font-size: 16px;
    color: #666666;
    line-height: 1.75;
    width: 390px;
    position: absolute;
    left: 0;
    top: 168px;
}

.ry_top .gx_jcen {
    color: #fff;
}

.ry_bottom .gx_jcen {
    color: #dcdac6;
}

.black_center .gx_jcen {
    color: #fff;
}

.newserviceb .bry .brybox:hover .gx_jcen {
    opacity: 0;
}

.newserviceb .bgray:hover .gx_jcen {
    opacity: 0;
}

.index .section1 .bgwhite .left h4.gx_lmtit {
    font-size: 24px;
    border-bottom: 0px solid #e5e5e5;
}

.gx_hetop {
    height: 557px;
}

.g_newsitm .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #046AF6 !important;
}

.g_newsitm .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #046AF6 !important;
}

.gx_dataop {
    font-family: 'HT';
    font-size: 14px;
    color: #999;
}

.gx_dah3 {
    font-size: 16px;
    font-family: "Microsoft JhengHei";
    line-height: 1.42;
    height: 44px;
    overflow: hidden;
    color: #464646;
    margin-top: 16px;
    margin-bottom: 28px;
    letter-spacing: .5px;
}

.gx_tubtn {
    color: #999;
    font-family: "HT";
    font-size: 14px;
}

.gx_tubtn .iconfont {
    margin-left: 7px;
}

.gx_newslist {
    margin-left: -56px;
    margin-right: -56px;
    margin-top: 48px;
}

.gx_neitm {
    width: 25%;
    padding-left: 56px;
    padding-right: 56px;
    margin-bottom: 40px;
}

.gx_neitm a {
    width: 100%;
    display: block;
}

.gx_lmtit {
    font-size: 24px;
    color: #464646;
}

.gx_neslist {
    margin-top: 154px;
}

.gx_anlbox.gx_neslist {
    margin-top: 0;
    margin-bottom: 150px;
}

.gx_hopit .g_f4botxiafl2z {
    font-size: 16px;
    color: #666;
}

.gx_hopit .g_f4botxiafl2z a {
    color: #666;
}

:focus {
    border: none !important;
}

.gx_poiingd .cm_box:nth-child(3n+1) {
    animation-delay: 0.3s !important;
}

.gx_poiingd .cm_box:nth-child(3n+2) {
    animation-delay: 0.4s !important;
}

.gx_poiingd .cm_box:nth-child(3n+3) {
    animation-delay: 0.5s !important;
}

.gx_poiingd .cm_box:nth-child(3n+4) {
    animation-delay: 0.6s !important;
}

.gx_poiingd .cm_box:nth-child(3n+5) {
    animation-delay: 0.7s !important;
}

.gx_poiingd .cm_box:nth-child(3n+6) {
    animation-delay: 0.8s !important;
}

ul {
    display: block;
    list-style-type: disc;
}

:focus {
    outline: -webkit-focus-ring-color auto 0px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px;
}

/*.section5 .imgdiv img{
    opacity: 0;
}
.section5 .animated .imgdiv img{
    opacity: 1;
}*/
#count_jsget {
    display: inline-block !important;
}

/*grace - 2020.3.13*/
body {
    overflow: hidden;
}

.g_casecont {
    width: 1650px;
    margin: auto;
}

.g_casecont1 {
    width: 1560px;
    margin: auto;
}

.g_banplay {
    display: none;
}

.g_banflph {
    display: none;
}

.g_ban {
    width: 100vw;
}

.g_banfl {
    width: 100%;
    position: relative;
}

.g_banfl img {
    width: 100%;
}

.g_banfl video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.g_banslick {
    overflow: hidden;
}

.g_apat1 {
    background: #f3f3f3;
    padding: 0 110px;
}

.g_apat1nr {
    position: relative;
}

.g_apat1fl {
    width: 440px;
    margin-top: 44px;
}

.g_apat1fl img {
    width: 100%;
}

.g_one .g_apat1fr {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: calc(100% - 440px);
    padding-left: 175px;
    padding-right: 85px;
}

.g_casewz h3 {
    font-size: 60px;
    background: linear-gradient(to right, #0070bc, #00a2d1);
    -webkit-background-clip: text;
    color: transparent;
    line-height: 70px;
    margin-bottom: 40px;
}

.g_casewz p {
    color: #333;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 1px;
}

.g_apat2nrfr img {
    width: 100%;
}

.g_apat2nrfr {
    width: 60%;
}

.g_apat2nr {
    position: relative;
}

.g_apat2nrfl {
    width: 40%;
    height: 100%;
    background: #fff;
}

.g_apat2nr:nth-child(n) .g_apat2nrfl {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 40%;
    height: 100%;
}

.g_apat2nr:nth-child(n) .g_apat2nrfr {
    float: right;
}

.g_apat2cen {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.g_apat2nr:nth-child(2n) .g_apat2nrfl {
    position: absolute;
    top: 50%;
    right: 0;
    left: unset;
    transform: translateY(-50%);
    width: 40%;
    height: 100%;
}

.g_apat2nr:nth-child(2n) .g_apat2nrfr {
    float: left;
}

.g_apat2nr:nth-child(n) .g_apat2cen {
    padding-left: 140px;
    padding-right: 46px;
}

.g_apat2nr:nth-child(2n) .g_apat2cen {
    padding-left: 85px;
    padding-right: 110px;
}

.g_apat2cen h3 {
    font-size: 48px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
}

.g_apat3 {
    padding: 160px 200px 130px;
    background: #f3f3f3;
}

.g_yin {
    width: 80px;
}

.g_yin img {
    width: 100%;
}

.g_apat3 {
    position: relative;
}

.g_yin1 {
    position: absolute;
    top: 80px;
    left: 200px;
}

.g_yin2 {
    position: absolute;
    bottom: 30px;
    right: 415px;
}

.g_apat3wz {
    padding: 20px 120px;
}

.g_apat3wz p {
    color: #333;
    font-size: 18px;
    line-height: 36px;
}

.g_banplay {
    width: 50px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.g_video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    display: none;
}

.g_video video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

.g_close {
    width: 30px;
    position: absolute;
    top: 50px;
    right: 30px;
}

.g_close img {
    width: 100%;
}

.g_bpart1 {
    background: #f3f3f3;
    padding: 110px 0;
}

.g_bpart1nr {
    width: 1440px;
    margin: auto;
}

.g_bpart1fl {
    width: 312px;
}

.g_bpart1fr {
    width: calc(100% - 312px);
    padding-left: 200px;
}

.g_bpart1fl img {
    width: 100%;
}

.g_bpart1fr p {
    height: unset;
}

.g_ditu {
    width: 100%;
    height: 960px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.g_ditu img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g_bpart2 {
    padding: 105px 0;
}

.g_btle {
    width: 880px;
    margin: 0 auto;
}

.g_btle h3 {
    color: #fff;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

.g_btle p {
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    letter-spacing: 1px;
}

.g_bpart2tu {
    width: 1470px;
    margin: 62px auto 0;
}

.g_bpart3 {
    padding-top: 110px;
    background: #f3f3f3;
}

.g_bpart3bot {
    width: 1510px;
    margin: 72px auto 0;
}

.g_bpart3topz h3 {
    color: #00a786;
    font-size: 36px;
    font-weight: bold;
}

.g_bpart3top {
    padding: 0 50px;
}

.g_bpart3topz {
    width: 640px;
}

.g_bpart3topy {
    width: calc(100% - 640px);
}

.g_bpart3topy p {
    color: #666666;
    font-size: 20px;
    line-height: 48px;
}

.g_bpart4 {
    background: #00a885;
    padding: 105px 0;
}

.g_bpart5 {
    background: #f3f3f3;
    padding: 120px 0;
}

.g_bpart5b {
    position: relative;
}

.g_bpart5nrfr {
    width: 60%;
}

.g_bpart5nrfr img {
    width: 100%;
}

.g_bpart5nrfl {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 40%;
    padding-left: 50px;
    padding-right: 80px;
}

.g_bpart5nrfl h3 {
    color: #00a786;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 50px;
    font-weight: bold;
}

.g_bpart5nrfl p {
    color: #000000;
    font-size: 20px;
    line-height: 48px;
}

.g_cpart1 {
    background: #fff;
    position: relative;
}

.g_cpart1bj1 {
    width: 120px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.g_cpart1bj1 img,
.g_cpart1bj2 img,
.g_cpart1fl {
    width: 100%;
}

.g_cpart1fl {
    width: 50%;
    margin-top: 140px;
}

.g_cpart1bj2 {
    width: 347px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 10;
}

.g_cpart1nr {
    position: relative;
}

.g_cpart1fr {
    width: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 11;
    padding-left: 85px;
    padding-right: 150px;
}

.g_cword h3 {
    color: #52ae5d;
    font-size: 36px;
    line-height: 46px;
    font-weight: bold;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.g_cword p {
    color: #666666;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 1px;
}

.g_cpart2 {
    background: #f3f3f3;
    padding-top: 126px;
}

.g_cpart2topfl {
    width: 420px;
    padding-right: 30px;
    color: #52ae5d;
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
}

.g_cpart2topfr {
    width: calc(100% - 420px);
}

.g_cpart2topfr p {
    color: #666;
    font-size: 18px;
    line-height: 48px;
}

.g_cpart2top {
    margin-bottom: 68px;
}

.g_cpart2tu {
    width: 990px;
    margin: auto;
}

.g_cpart2tu img {
    width: 100%;
}

.g_cpart3 {
    background: #52ae5d;
}

.g_cpart3bj {
    width: 1328px;
    margin: auto;
}

.g_cpart3nr {
    position: relative;
}

.g_cpart3cen {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 960px;
}

.g_cpart3tle h3 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

.g_cpart3tle p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}

.g_cpart3tu {
    width: 614px;
    margin: 46px auto 0;
}

.g_cpart4bj1 img,
.g_cpart4bj2 img,
.g_cpart3tu img,
.g_cpart4nrtu img {
    width: 100%;
}

.g_cpart4bj1 {
    width: 266px;
    position: absolute;
    top: 0;
    left: 0;
}

.g_cpart4bj2 {
    width: 141px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.g_cpart4 {
    position: relative;
    background: #f3f3f3;
    padding-top: 120px;
    padding-bottom: 70px;
}

.g_cpart4 .g_cpart1fr {
    position: absolute;
    top: 50%;
    left: 0;
    width: 40%;
    padding-left: 100px;
    padding-right: 100px;
    transform: translateY(-50%);
}

.g_cpart4nr {
    position: relative;
}

.g_three .g_bpart1fl {
    width: 390px;
}

.g_three .g_bpart1fr {
    width: calc(100% - 390px);
}

.g_four .g_bpart1fl {
    width: 385px;
}

.g_four .g_bpart1fr {
    width: calc(100% - 385px);
}

.g_banfl {
    display: none;
}

.g_banfl.on {
    display: block;
}

.g_dpart1 {
    background: #0071b7;
    position: relative;
    padding-top: 130px;
}

.g_dpart1bj {
    width: 576px;
    position: absolute;
    top: 0;
    right: 0;
}

.g_dpart1bj img {
    width: 100%;
}

.g_dpart1tle {
    width: 580px;
}

.g_dpart1tle h3 {
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

.g_dpart1tle p {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
}

.g_dpart1tu {
    width: 1300px;
}

.g_dpart1tu img {
    width: 100%;
}

.g_dpart2 {
    background: #f3f3f3;
    position: relative;
}

.g_dpart2fl {
    width: 50%;
}

.g_dpart2fr {
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding-right: 200px;
    padding-left: 50px;
}

.g_dpart2fl img {
    width: 100%;
}

.g_dpart2fr h3 {
    color: #167cbc;
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

.g_dpart2fr p {
    color: #333333;
    font-size: 18px;
    line-height: 48px;
    letter-spacing: 1px;
}

.g_dpart4 {
    background: #f3f3f3;
    padding: 110px 0;
}

.g_dpart4nr {
    position: relative;
}

.g_dpart4fl {
    width: 50%;
}

.g_dpart4fl img {
    width: 100%;
}

.g_dpart4fr {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 50%;
    padding-right: 80px;
}

.g_dpart4fr h3 {
    color: #0f58a6;
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

.g_dpart4fr p {
    color: #333333;
    font-size: 18px;
    line-height: 48px;
    letter-spacing: 1px;
}

.g_casetop {
    width: 800px;
    margin: auto;
}

.g_caseslick {
    position: relative;
    margin-top: 70px;
}

.g_casetoptu {
    display: none;
}

.g_casetoptu.on {
    display: block;
}

.g_casebotfltu {
    width: 42px;
    cursor: pointer;
}

.g_casebotfltu {
    display: none;
}

.g_casebotfltu.act {
    display: block;
}

.g_casebotbj {
    width: 158px;
}

.g_casebotbj img {
    width: 100%;
}

.g_casebotbj1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
}

.g_casebotbj2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -75px;
}

.g_casebotbj2 img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Safari and Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
    -moz-transform: rotate(180deg);
    /* Firefox */
}

.g_casebotfltu img {
    width: 100%;
}

.g_casebotflx1 {
    position: absolute;
    top: 50%;
    left: 115px;
    transform: translateY(-50%);
    width: 42px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
}

.g_casebotflx2 {
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translateY(-50%);
    width: 42px;
    z-index: 10;
    cursor: pointer;
}

.g_casetopimg,
.g_casetopimg img {
    width: 100%;
}

.g_casebotfltp {
    width: 42px;
}

.g_casebotfltp img {
    width: 100%;
}

.g_dpart3 {
    background: #0071b7;
}

.g_bpart3bot img {
    width: 100%;
}

.g_bpart2tu img {
    width: 100%;
}

.g_cpart1fl img,
.g_cpart3bj img {
    width: 100%;
}

.g_cpart4nrtu {
    width: 60%;
}

.g_bpart2,
.g_bpart3,
.g_cpart2,
.g_dpart1 {
    overflow: hidden;
}

.g_five .g_bpart1 {
    background: #fafafa;
}

.g_five .g_bpart1fr h3 {
    color: #fc4506;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
}

.g_five .g_bpart1fl {
    width: 387px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.g_bpart1nr {
    position: relative;
}

.g_five .g_bpart1fr {
    width: calc(100% - 387px);
    padding-left: 128px;
}

.g_epart1 {
    position: relative;
    background: #000000;
}

.g_epart1 .waves {
    position: relative;
    width: 100%;
    height: 970px;
    background: #000;
}

.g_epart1nr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1480px;
}

.g_epart1fl {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.g_epart1fr,
.g_epart1fl {
    width: 50%;
}

.g_epart1fr img {
    width: 100%;
}

.g_epart1fl {
    padding-right: 150px;
}

.g_epart1fl h3,
.g_epart2fr h3 {
    color: #fc4506;
}

.g_epart1fl p {
    color: #fff;
}

.g_five .g_bpart4 {
    background: #fa6633;
}

.g_epart2 {
    background: #fafafa;
    padding: 105px 0;
}

.g_epart2fl {
    width: 536px;
    margin-left: 100px;
}

.g_epart2fl img {
    width: 100%;
}

.g_epart2nr {
    position: relative;
}

.g_epart2fr {
    width: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.g_five .g_bpart3bot {
    width: 1125px;
    margin: 72px auto 0;
}

.g_five .g_bpart3 {
    background: #ff5008;
}

.g_five .g_bpart3top h3 {
    color: #fff;
}

.g_five .g_bpart3top p {
    color: #fff;
}

.g_five .g_bpart3 {
    position: relative;
}

.g_fivebj1 {
    width: 1000px;
    position: absolute;
    top: 0;
    right: 0;
}

.g_epart3top {
    position: relative;
}

.g_epart3fl {
    width: 50%;
    padding-right: 30px;
    padding-left: 80px;
}

.g_epart3fl {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.g_epart3 .g_epart3fl h3 {
    color: #ff5008;
}

.g_epart4 {
    background: #f5f5f5;
    padding: 100px 0;
}

.g_epart4nr {
    width: 1200px;
    margin: auto;
    position: relative;
}

.g_epart4fl {
    width: 294px;
}

.g_epart4fl img {
    width: 100%;
}

.g_epart4fr {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: calc(100% - 294px);
    padding-left: 170px;
}

.g_epart4fr h3,
.g_epart5fr h3 {
    color: #ff5008;
}

.g_epart5nr {
    position: relative;
}

.g_epart5fr {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 42%;
    padding-right: 50px;
}

.g_epart5fl {
    width: 58%;
}

.g_epart5fl img {
    width: 100%;
}

.g_epart5 {
    background: #f3f3f3;
    padding: 72px 0 130px;
}

.g_epart6 {
    position: relative;
}

.g_epart6bj {
    width: 100%;
}

.g_epart6bj img {
    width: 100%;
}

.g_epart6wz {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 580px;
}

.g_epart6wz p {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}

.g_fivebj2 {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.g_fivebj2 img {
    width: 100%;
}

.g_epart3 {
    position: relative;
    padding-bottom: 80px;
}

.g_epart3fr {
    width: 50%;
}

.g_epart3fr img {
    width: 100%;
}

.g_fivebj1 img {
    width: 100%;
}

.g_six {
    position: relative;
}

.g_sixbj1 {
    width: 219px;
    position: absolute;
    top: 0;
    left: 0;
}

.g_sixbj1 img {
    width: 100%;
}

.g_six .g_bpart1fl {
    width: 261px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.g_six .g_bpart1fr {
    width: calc(100% - 261px);
}

.g_six .g_cword h3 {
    color: #870d12;
}

.g_epart1cen {
    width: 1200px;
    margin: auto;
}

.g_epart1cen h3 {
    color: #ffffff !important;
    text-align: center;
}

.g_epart1cen p {
    color: #ffffff;
    text-align: center;
}

.g_epart1tu {
    width: 1280px;
    margin: 55px auto 0;
}

.g_epart1tu img {
    width: 100%;
}

.g_fpart1 {
    position: relative;
    padding: 135px 60px 0 200px;
}

.g_sixbj3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 397px;
}

.g_sixbj3 img {
    width: 100%;
}

.g_fpart1cen {
    width: 1100px;
}

.g_fpart1tu {
    width: 1200px;
}

.g_fpart1tu img {
    width: 100%;
}

.g_fpart2 {
    position: relative;
}

.g_sixbj4 {
    width: 100%;
    height: 779px;
}

.g_sixbj4 img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g_fpart2nr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.g_fpart2 {
    position: relative;
}

.g_fpart2fr {
    width: 60%;
    padding-left: 150px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.g_fpart2fl {
    width: 40%;
}

.g_fpart2fl img {
    width: 100%;
}

.g_seven .g_fpart2nr {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}

.g_seven .g_bpart1fl {
    width: 200px;
}

.g_seven .g_bpart1fr {
    width: calc(100% - 200px);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.g_gpart1 {
    position: relative;
}

.g_sevenbj {
    width: 100%;
    height: 813px;
}

.g_sevenbj img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g_gpart1nr {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g_gpart1fr {
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-50%);
    width: 45%;
    padding-right: 80px;
}

.g_gpart1fl {
    width: 55%;
}

.g_gpart1fl img {
    width: 100%;
}

.g_seven .g_fpart2 {
    background: #f3f3f3;
    padding: 110px 0;
}

.g_gpart1 .g_gpart1fr h3 {
    color: #fff;
}

.g_gpart1 .g_gpart1fr p {
    color: #fff;
}

.g_epart1,
.g_fpart1 {
    overflow: hidden;
}

.g_sixbj2 {
    width: 100%;
    height: 938px;
}

.g_sixbj2 img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g_eleven .g_fpart2 h3 {
    color: #14a7ec;
}

.g_eleven .g_fpart2nr {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}

.g_eleven .g_fpart2 {
    padding: 60px 0 130px;
    background: #f3f3f3;
}

.g_kpart1 {
    position: relative;
}

.g_kpart1bj {
    height: 829px;
    width: 100%;
}

.g_kpart1bj img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g_kpart1nr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.g_kpart1nr .g_fpart2fr {
    width: 63.2%;
    padding-left: 0;
    padding-right: 96px;
    position: absolute;
    top: 50%;
    left: 0;
    right: unset;
    transform: translateY(-50%);
}

.g_kpart1 .g_fpart2fl {
    width: 36.8%;
}

.g_kpart1 h3 {
    color: #fff;
}

.g_kpart1 p {
    color: #fff;
}

.g_eleven .g_bpart1nr {
    width: 1560px;
}

.g_eleven .g_bpart4 {
    background: #46c1ed;
}

.g_kpart2topfl {
    width: 20%;
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    line-height: 50px;
}

.g_kpart2topfr {
    width: 80%;
    padding-left: 210px;
}

.g_kpart2topfr p {
    color: #fdf9f9;
    font-size: 18px;
    line-height: 36px;
}

.g_kpart2top {
    padding: 0 100px;
}

.g_kpart3 .g_kpart1nr {
    position: static;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}

.g_kpart3 {
    background: #f3f3f3;
    padding: 124px 0;
}

.g_kpart3 .g_fpart2fl {
    width: 38%;
}

.g_kpart3 .g_fpart2fr {
    width: 62%;
}

.g_kpart3 h3 {
    color: #46c1ed;
}

.g_kpart3 p {
    color: #333333;
}

.g_kpart4bj {
    width: 100%;
    height: 752px;
}

.g_kpart4bj img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g_kpart4 {
    position: relative;
    ;
}

.g_kpart4nr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.g_kpart4 .g_fpart2fl {
    width: 30%;
    padding-left: 120px;
}

.g_kpart4 .g_fpart2fr {
    width: 70%;
}

.g_kpart4 h3 {
    color: #fff;
}

.g_kpart4 p {
    color: #fff;
}

.g_jpart1 {
    padding: 120px 155px 120px 0;
}

.g_jpart1fl {
    width: 45%;
}

.g_jpart1fl img {
    width: 100%;
}

.g_jpart1fr {
    width: 55%;
    padding-left: 120px;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}

.g_ten h3 {
    color: #f60001;
}

.g_jpart1 {
    position: relative;
    background: #f3f3f3;
}

.g_jpart2nr {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g_jpart2 {
    position: relative;
}

.g_jpart2tu {
    width: 1137px;
    margin-top: 70px;
}

.g_jpart2tu img {
    width: 100%;
}

.g_jpart2 h3 {
    color: #fff;
}

.g_jpart2 p {
    color: #fff;
}

.g_jpart3 {
    padding: 155px 0 66px;
    background: #f3f3f3;
}

.g_jpart3nr {
    position: relative;
}

.g_jpart3 .g_jpart1fl {
    width: 68%;
}

.g_jpart3 .g_jpart1fr {
    width: 58%;
    padding-left: 120px;
    position: static;
    top: 0;
    right: 0;
    transform: translateY(0);
}

.g_cword h4 {
    color: #f60001;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 34px;
    font-weight: bold;
}

.g_jpart4 .g_cword h4 {
    width: 30%;
}

.g_jpart4 {
    position: relative;
}

.g_jpart4bj {
    width: 100%;
    height: 465px;
}

.g_jpart4bj img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g_jpart4nr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 100px;
}

.g_jpart4nr h3 {
    width: 30%;
}

.g_jpart4nr p {
    width: 70%;
    padding-left: 30px;
    color: #fff;
}

.g_jpart5 {
    background: #f3f3f3;
    padding: 140px 0;
}

.g_jpart5nr {
    position: relative;
    width: 1680px;
    margin-left: 80px;
}

.g_jpart5fr {
    width: 51%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding-left: 30px;
}

.g_jpart5fl {
    width: 49%;
}

.g_jpart5fl img {
    width: 100%;
}

.g_jpart5bj {
    width: 100%;
    height: 682px;
}

.g_jpart5bj img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g_jpart6 {
    position: relative;
}

.g_jpart6nr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.g_jpart6 h4 {
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 36px;
    margin-bottom: 50px;
}

.g_jpart6 p {
    color: #fff;
    text-align: center;
}

.g_nine .g_bpart1fl {
    width: 345px;
}

.g_nine .g_bpart1fr {
    width: calc(100% - 345px);
    padding-left: 170px;
}

.g_nine .g_bpart1fr h3 {
    color: #07a2ea;
}

.g_nine .g_gpart1 .g_sevenbj {
    height: 829px;
}

.g_nine .g_gpart1 .g_gpart1fl {
    width: 50%;
}

.g_nine .g_gpart1 .g_gpart1fr {
    width: 50%;
}

.g_nine .g_fpart2 .g_fpart2nr {
    position: static;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}

.g_nine .g_fpart2 {
    padding: 100px 0;
    background: #f3f3f3;
}

.g_nine .g_fpart2 h3 {
    color: #14a7ec;
}

.g_nine .g_jpart4 h4 {
    color: #fff;
    width: 30%;
}

.g_twelve .g_apat1 {
    padding: 140px 0;
    background: #dae1d9;
}

.g_twelve .g_casewz h3 {
    color: #42683c;
}

.g_twelve .g_apat1fl {
    width: 229px;
    margin-top: 0;
}

.g_apat1fr {
    position: static;
    top: 0;
    right: 0;
    transform: translateY(0);
    width: calc(100% - 229px);
    padding-left: 200px;
}

.g_twelve .g_apat1 .g_apat1nr {
    padding: 0 100px;
}

.g_eight .g_bpart1fr h3 {
    color: #0a55a5;
}

.g_eight .g_bpart1fl {
    width: 467px;
}

.g_eight .g_bpart1fr {
    width: calc(100% - 467px);
    padding-left: 160px;
}

.g_hpart1bj {
    width: 100%;
    height: 698px;
}

.g_hpart1 {
    position: relative;
}

.g_hpart1bj img {
    width: auto;
    height: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.g_hpart1nr {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1280px;
}

.g_hpart1 .g_fpart2fr {
    width: 100%;
    padding-left: 0;
    position: static;
    top: 0;
    right: 0;
    transform: translateY(0);
}

.g_hpart1tu {
    width: 676px;
    margin: 40px auto 0;
}

.g_hpart1tu img {
    width: 100%;
}

.g_hpart1 h3 {
    color: #fff;
    text-align: center;
}

.g_hpart1 p {
    color: #fff;
}

.g_hpart2 {
    background: #fff;
    padding: 110px 0 80px;
}

.g_hpart2nr {
    position: relative;
}

.g_hpart2fl {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 65%;
    padding-left: 100px;
}

.g_hpart2fr {
    width: 35%;
}

.g_hpart2fr img {
    width: 100%;
}

.g_eight .g_bpart3top {
    padding: 0 150px;
}

.g_eight .g_bpart3topz {
    width: 300px;
}

.g_eight .g_bpart3topy {
    width: calc(100% - 300px);
    padding-left: 30px;
}

.g_eight .g_bpart3bot {
    width: 1135px;
}

.g_eight .g_bpart3 {
    background: #0a55a5;
}

.g_eight .g_bpart3 h3 {
    color: #fff;
}

.g_eight .g_bpart3 p {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
}

.g_hpart3 .g_hpart2fl {
    position: absolute;
    top: 50%;
    right: unset;
    left: 0;
    transform: translateY(-50%);
    width: 65%;
    padding-left: 0;
}

.g_hpart3 .g_hpart2fr {
    width: 43%;
}

.g_hpart3 .g_hpart2fl {
    width: 57%;
    padding-right: 90px;
}

.g_hpart3 .g_cword h3 {
    color: #0a55a5;
}

.g_hpart2 .g_cword h3 {
    color: #0a55a5;
}

.g_hpart1,
.g_jpart2 {
    overflow: hidden;
}

.g_jpart2bj {
    width: 100%;
    height: 828px;
}

.g_jpart2bj img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g_ten .g_jpart4nr {
    padding: 0;
}

/*载入效果*/
.g_fadein1 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.3s;
}

.g_fadeup1 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}

.g_fadeup2 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.5s;
}

.g_fadeup3 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.6s;
}

.g_fadeup4 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.7s;
}

.g_fadeup5 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.8s;
}

.g_fadeup6 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.9s;
}

.g_fadeup7 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 1s;
}

.g_fadedown1 {
    -webkit-animation: fadeInDown 1s ease both;
    animation: fadeInDown 1s ease both;
    animation-delay: 0.4s;
}

.g_fadeleft1 {
    -webkit-animation: fadeInLeft 1s ease both;
    animation: fadeInLeft 1s ease both;
    animation-delay: 0.4s;
}

.g_faderigth1 {
    -webkit-animation: fadeInRight 1s ease both;
    animation: fadeInRight 1s ease both;
    animation-delay: 0.4s;
}

.g_imgwz1 {
    position: absolute;
    top: 0;
    left: 0;
}

.g_imgwz2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g_imgwz3 {
    position: absolute;
    top: 0;
    left: 0;
}

.g_imgwz4 {
    position: absolute;
    top: 0;
    left: 0;
}

.g_banfl.slick-current .g_imgwz1 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.3s;
}

.g_banfl.slick-current .g_imgwz2 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}

.g_banfl.slick-current .g_imgwz3 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.5s;
}

.g_banfl.slick-current .g_imgwz4 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.6s;
}

.g_apat2nrtu {
    width: 100%;
}

.g_apat2nrtu img {
    width: 100%;
}

.g_dpart1bj {
    display: none;
}

/* 新增案例 **********************************************************************************************************************************************/
.mc_case1 * {
    font-family: "Microsoft JhengHei", "微软正黑体";
}

.mc_case1 {
    position: relative;
    z-index: 1;
    background: #fff;
    overflow: hidden;
}

.mc_contcase {
    padding-left: 205px;
    padding-right: 150px;
}

.mc_case_hdbox {
    position: relative;
    z-index: 10;
}

.mc_cmain {
    overflow: hidden;
}

.mc_case_hdbox .case_bt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}

.mc_case_banner {
    position: relative;
}

.mc_cban_container {
    position: absolute;
    left: 0;
    bottom: 90px;
    width: 100%;
}

.mc_cban_l {
    width: 37%;
    max-width: 600px;
}

.mc_cban_r {
    width: 63%;
}

.mc_cban_txt h2 {
    font-family: "Microsoft JhengHei", "微软正黑体";
    font-size: 70px;
    line-height: 90px;
    height: 180px;
    overflow: hidden;
    color: #b8fefe;
    margin-bottom: 30px;
}

.mc_cban_txt p {
    font-family: "Microsoft JhengHei", "微软正黑体";
    font-size: 20px;
    line-height: 36px;
    height: 108px;
    color: rgba(184, 254, 254, .6);
    overflow: hidden;
}

.mc_cban_txt {
    margin-bottom: 90px;
}

.mc_c_more {
    font-family: "Microsoft JhengHei", "微软正黑体";
    position: relative;
    z-index: 1;
    display: block;
    width: 180px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    transition: all .36s;
}

.mc_c_more img {
    margin-top: -2px;
}

.mc_c_more::before {
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .1);
}

.mc_c_more::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .1);
}

.mc_c_morebox {
    display: inline-block;
    width: auto;
    position: relative;
}

.mc_c_qrbox {
    display: none;
    position: absolute;
    left: 0;
    bottom: calc(100% + 20px);
    width: 140px;
    padding: 6px;
}

.mc_c_qrbox img {
    max-width: 100%;
}

.mc_cban_r {
    position: relative;
    padding-top: 10px;
    padding-left: 75px;
}

.mc_cban_rimgbox {
    width: 775px;
    max-width: 100%;
    position: relative;
}

.mc_cban_rimgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.mc_cban_rimgbox .mc_cban_rimg1 {
    position: relative;
}

.mc_ctitle {
    font-size: 60px;
    text-align: center;
    color: #ffffff;
}

.mc_ctitle span {
    color: #b8fefe;
}

.mc_cc1s1 {
    padding-top: 140px;
    padding-bottom: 170px;
}

body {
    overflow: hidden;
}

.mc_list_imgbox {
    position: relative;
    overflow: hidden;
}

.mc_list_imgbox img {
    transition: all.36s;
}

.mc_list_png {
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
}

.mc_list_img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mc_cc1s1_imgbox {
    width: 215px;
    max-width: 100%;
}

.mc_cc1s1_title {
    margin-bottom: 80px;
}

.mc_cc1s1_list {
    margin: 0 -40px;
}

.mc_cc1s1_li {
    float: left;
    width: 33.333333%;
    padding: 0 40px;
}

.mc_cc1s1_lisbox {
    border-top: 1px solid rgba(255, 255, 255, .5);
    padding-top: 25px;
    padding-bottom: 40px;
}

.mc_cc1s1li_title {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #f1f0f8;
    margin-bottom: 70px;
}

.mc_cc1s1_li:nth-last-child(1) .mc_cc1s1_lisbox,
.mc_cc1s1_li:nth-last-child(2) .mc_cc1s1_lisbox,
.mc_cc1s1_li:nth-last-child(3) .mc_cc1s1_lisbox {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.mc_cc2 .mc_cc1s1_li:nth-last-child(4) .mc_cc1s1_lisbox,
.mc_cc4 .mc_cc1s1_li:nth-last-child(4) .mc_cc1s1_lisbox,
.mc_cc5 .mc_cc1s1_li:nth-last-child(5) .mc_cc1s1_lisbox,
.mc_cc5 .mc_cc1s1_li:nth-last-child(6) .mc_cc1s1_lisbox {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.mc_cc1s2_lisbox {
    height: 312px;
}

.mc_center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mc_cc1s2_img {
    width: auto;
    max-width: 100%;
}

.mc_cc1s2_l {
    position: relative;
    border-top: 4px solid #223187;
    width: 275px;
    height: 100%;
    background: #ebf2fe;
    padding: 10px;
}

.mc_cc1s2_r {
    position: relative;
    width: calc(100% - 275px);
    height: 100%;
    background: #e0eafb;
}

.mc_cc1s2_list {
    /* width: 1115px; */
    max-width: 100%;
    margin: 0 auto;
}

.mc_cc1s2_txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 70px;
    padding-right: 85px;
}

.mc_cc1s2_txt h4 {
    font-size: 26px;
    line-height: 32px;
    max-height: 64px;
    overflow: hidden;
    font-weight: bold;
    color: #333333;
    margin-bottom: 24px;
}

.mc_cc1s2_txt p {
    font-size: 16px;
    line-height: 2;
    max-height: 96px;
    overflow: hidden;
    color: #666666;
}

.mc_cc1s2_li:not(:last-child) {
    margin-bottom: 105px;
}

.mc_cc1s2 {
    padding-top: 118px;
    padding-bottom: 216px;
}

.mc_cc1s3 .mc_cc1s3_list {
    margin: 0 -10px;
}

.mc_cc1s3 .mc_cc1s3_lisbox {
    width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.mc_cc1s3 .cm_con {
    width: 100%;
    margin: 0;
}

.mc_cc1s3 {
    background: #f4f4f4;
    padding-top: 118px;
    padding-bottom: 65px;
}

.mc_cc1s3_title {
    color: #333333;
    margin-bottom: 95px;
}

.mc_cc1s4_title {
    color: #333333;
    margin-bottom: 100px;
}

.mc_cc1s4 {
    padding-top: 135px;
    padding-bottom: 130px;
    background: #fff;
}

.gx_newslist.mc_cc1s4 {
    margin: 0 -45px;
}

.mc_cc1s4 .gx_neitm {
    width: 33.333333%;
    padding: 0 45px;
    margin-bottom: 75px;
}

.mc_cc1s4_p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
    height: 48px;
    overflow: hidden;
    margin-bottom: 25px;
}

.mc_cban_bg {
    position: relative;
    height: 908px;
}

.mc_cban_bg img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
}

.mc_cd1_bgfix {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.mc_cd1_box {
    padding-top: 230px;
}

.mc_cd1t_title {
    text-align: center;
}

.mc_cd1t_title span {
    position: relative;
    display: inline-block;
    font-size: 80px;
    color: #fff;
    padding-bottom: 20px;
}

.mc_cd1t_title span::before {
    content: "";
    position: absolute;
    left: 5px;
    bottom: 0;
    z-index: 1;
    width: calc(100% - 5px);
    height: 1px;
    background: rgba(255, 255, 255, .3);
}

.mc_cd1t_title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 2;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .3);
}

.mc_cd1t_title {
    margin-bottom: 70px;
}

.mc_cd1_main {
    padding-left: 90px;
    padding-right: 150px;
}

.mc_cd1_container {
    position: relative;
    z-index: 1;
    background: #fff;
    margin-top: -240px;
    padding-top: 240px;
}

.mc_cd1t_content {
    width: 1300px;
    max-width: calc(100% - 200px);
    margin: 0 auto;
    padding: 78px 185px 65px;
    background: #fff;
    box-shadow: 0 3px 56px 4px rgba(0, 0, 0, .09);
}

.mc_cd1t_content h3 {
    font-size: 50px;
    letter-spacing: 5px;
    color: #333333;
    line-height: 1.2;
    margin-bottom: 10px;
    text-align: center;
}

.mc_cd1t_content p {
    font-size: 16px;
    line-height: 1.75;
    color: #999999;
}

.mc_cd1t_imgbox {
    text-align: center;
    margin-bottom: 25px;
}

.mc_cd1t_imgbox img {
    max-width: 100%;
}

.mc_cd1s1 {
    padding-top: 290px;
}

.mc_cd1_top {
    position: relative;
    z-index: 2;
}

.mc_cd1s1_listbox {
    max-width: 100%;
    width: 1160px;
    margin: 0 auto;
    padding: 0 100px;
}

.mc_cd1s1_list {
    margin: 0 -50px;
}

.mc_cd1s1_li {
    float: left;
    width: 50%;
    padding: 0 50px;
    margin-bottom: 83px;
    transition: all .5s ease-out;
}

.mc_cd1s1_li:nth-child(odd) .mc_cd1s1_libox {
    margin-top: -154px;
}

.mc_cd1s1li_top {
    padding: 45px;
    background: #f6f8f9;
}

.mc_cd1s1_imgbox {
    width: 439px;
    max-width: 100%;
}

.mc_cd1s1li_bot {
    padding: 40px 45px 30px;
    background: #fff;
}

.mc_cd1s1li_txt h3 {
    font-size: 30px;
    color: #333;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 15px;
}

.mc_cd1s1li_txt p {
    font-size: 14px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    color: #666666;
}

.mc_cd1s1li_txt {
    margin-bottom: 25px;
}

.mc_cd1s1li_tag {
    display: inline-block;
    padding: 6px 8px;
    margin: 0 6px;
    font-size: 14px;
    color: #fb625d;
    background: rgba(251, 107, 103, .2);
    border-radius: 4px;
}

.mc_cd1s1li_tagbox {
    margin: 0 -6px 50px;
    height: 26px;
    overflow: hidden;
}

.mc_cd1s1li_more {
    display: inline-block;
    line-height: 28px;
    padding: 0 15px;
    border: 1px solid #046AF6;
    border-radius: 15px;
    font-size: 14px;
    color: #046AF6;
}

.mc_cd1s1_libox {
    position: relative;
    z-index: 1;
    display: block;
}

.mc_cd1s1_libox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 432px;
    box-shadow: 0 13px 60px 4px rgba(0, 0, 0, .14);
}

.mc_cd1s1li_title {
    transition: all .36s;
}

.mc_cd1s1 {
    padding-bottom: 70px;
}

.mc_cd1s2 {
    padding-top: 108px;
    padding-bottom: 177px;
    background: #f4f4f4;
}

.mc_cd1s2_title {
    font-size: 50px;
    color: #333333;
    text-align: center;
}

.mc_cd1_main .main-container {
    padding: 0;
    margin: 0;
}

.mc_list_imgbox .mc_list_png {
    opacity: 0;
}

.mc_cd1s2_list {
    margin: 0 -34px;
}

.mc_cd1s2_li {
    position: relative;
    float: left;
    width: 33.333333%;
    padding: 0 34px;
}

.mc_cd1s2_lisbox {
    display: block;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 55px 40px 65px;
    border-radius: 6px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
    box-shadow: 0 3px 25px 8px rgba(0, 0, 0, .06);
}

.mc_cd1s2_imgbox {
    width: 57px;
    margin-bottom: 25px;
}

.mc_cd1s2_txt h4 {
    font-size: 30px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 4px;
    color: #333333;
}

.mc_cd1s2_txt p {
    font-size: 14px;
    line-height: 26px;
    height: 52px;
    color: #666666;
    overflow: hidden;
    opacity: .7;
}

.mc_cd1s2_dian {
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 10;
    width: 157px;
    pointer-events: none;
    opacity: 0;
    transition: all .36s;
}

.mc_cd1s2_li * {
    transition: all .6s;
}

.mc_cd1s2_txt {
    margin-bottom: 50px;
}

.mc_cd1s2_more {
    color: #046AF6;
}

.mc_cd1s2_more .iconfont {
    margin-left: 5px;
    transition: none;
}

.mc_cd1s2_lisbox::before {
    content: "";
    position: absolute;
    right: 0;
    top: -4px;
    width: 219px;
    height: 11px;
    background: #504bef;
    border-bottom-left-radius: 7px;
    transition: all .6s;
}

.mc_cd1s2_lisbox::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 100px;
    background: #504bef;
    opacity: 0;
    transition: all .6s;
}

.mc_cd1s2_title {
    margin-bottom: 68px;
}

.mc_case footer.spfo {
    position: relative;
    z-index: 10;
    background: transparent;
}

.mc_case .phhead {
    z-index: 99 !important;
}

@media screen and (min-width: 1200px) {

    /* .mc_c_more:hover {
        color: #046AF6;
    } */
    .mc_cd1s1_libox:hover .mc_cd1s1li_title {
        color: #046AF6;
    }

    .mc_cd1s1_libox:hover img {
        transform: scale(1.1);
    }

    .mc_cd1s2_li:hover .mc_cd1s2_lisbox::before {
        background: #006cff;
    }

    .mc_cd1s2_li:hover .mc_cd1s2_lisbox {
        background: #6069e8;
    }

    .mc_cd1s2_li:hover .mc_cd1s2_txt h4 {
        color: #fff;
    }

    .mc_cd1s2_li:hover .mc_cd1s2_txt p {
        color: #fff;
    }

    .mc_cd1s2_li:hover .mc_cd1s2_more {
        color: #fff;
    }

    .mc_cd1s2_li:hover .mc_cd1s2_more {
        color: #fff;
    }

    .mc_cd1s2_li:hover .mc_list_img {
        opacity: 0;
    }

    .mc_cd1s2_li:hover .mc_list_png {
        opacity: 1;
    }

    .mc_cd1s2_li:hover .mc_cd1s2_lisbox::after {
        opacity: 1;
    }

    .mc_cd1s2_li:hover .mc_cd1s2_dian {
        opacity: 1;
    }
}

.mc_cban_title,
.mc_cban_txt p,
.mc_c_morebox,
.mc_cban_rimg1,
.mc_ctitle,
.mc_cc1s2_li,
.g_anbtn,
.mc_cd1t_title,
.mc_cc1s1_li,
.mc_cd1t_content h3,
.mc_cd1t_content p,
.mc_cd1s2_title {
    animation-name: fadeInUp;
    animation-delay: .3s;
}

.mc_cd1t_imgbox,
.mc_cd1s1_li {
    animation-name: fadeIn;
    animation-delay: .3s;
}

.mc_cban_rimg2 {
    animation-name: fadeInRight;
    animation-delay: .5s;
}

.mc_cd1s2_li:nth-child(3n+1),
.mc_cc1s3_lisbox:nth-child(3n+1),
.gx_neitm:nth-child(3n+1) {
    animation-name: fadeInUp;
    animation-delay: .3s;
}

.mc_cd1s2_li:nth-child(3n+2),
.mc_cc1s3_lisbox:nth-child(3n+2),
.gx_neitm:nth-child(3n+2) {
    animation-name: fadeInUp;
    animation-delay: .5s;
}

.mc_cd1s2_li:nth-child(3n+3),
.mc_cc1s3_lisbox:nth-child(3n+3),
.gx_neitm:nth-child(3n+3) {
    animation-name: fadeInUp;
    animation-delay: .7s;
}

.mc_cban_rimgbox,
.mc_cc1s3_list,
.mc_cc1s2,
.mc_cd1s1,
.mc_cd1s2 {
    overflow: hidden;
}

/* 新增 */
.mc_cc2s1 .mc_cc1s1_li {
    width: 25%;
}

.mc_cc5s1 .mc_cc1s1_li {
    width: 16.666666%;
}

.mc_cc2 .mc_cban_txt h2 {
    color: #fff;
}

.mc_cc2 .mc_cban_txt p {
    color: rgba(255, 255, 255, .6);
    opacity: 1;
}

.mc_cc2 .mc_ctitle span {
    color: #326cec;
}

.mc_cc3 .mc_cban_txt h2 {
    color: #fff;
}

.mc_cc3 .mc_cban_txt p {
    color: rgba(255, 255, 255, .6);
    opacity: 1;
}

.mc_cc1_slbox .main-container {
    padding-left: 0;
    padding-right: 0;
}

.mc_cc1_hzbox {
    background: #f4f4f4;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.mc_cc1_slbox .main-container {
    background: transparent;
}

.mc_cc1_slbox {
    background: #6F76AD;
}

/* 5.28 ************************************************************************************************************************************************/
.g_fwnav2 {
    position: relative;
}

.mc_nav_xl {
    display: none;
    position: absolute;
    z-index: 10;
    left: 25px;
    top: calc(100% + 15px);
    width: 547px;
    height: 356px;
    padding: 45px 10px 0;
}

.mc_nav_xl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.39);
    filter: blur(4px);
}

.mc_subnav_li {
    float: left;
    width: 50%;
    padding: 0 31px;
}

.mc_subnav_a img {
    width: 20px;
    margin-top: -1px;
    margin-right: 8px;
}

.mc_subnav_a span {
    font-family: "Microsoft JhengHei", "微软正黑体";
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.mc_subnav_a::after {
    display: none;
}

.mc_subnav_a {
    position: relative;
    color: #fff;
    padding-bottom: 17px;
    margin-bottom: 10px;
}

.mc_subnav_a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .5);
}

.mc_thirnav_li {
    float: none !important;
    border: 0 !important;
    padding: 0 !important;
}

.mc_thirnav_a {
    font-family: "Microsoft JhengHei", "微软正黑体";
    font-size: 16px !important;
    line-height: 24px;
    padding: 8px 0;
    opacity: .8;
}

.mc_thirnav_a::after {
    display: none;
}

/* 小程序 */
.mc_xcx .green_button {
    background: linear-gradient(20deg, #e480a8, #e39a7f) !important;
}

.mc_xcx .g_fwlist .slick-dots {
    display: none !important;
}

.mc_xcx .mc_cd1s2_li {
    animation-name: fadeIn;
    animation-delay: .3s;
}

.mc_xcx .mc_cd1s2_dian {
    left: -35px;
    bottom: -55px;
}

.mc_xcx .mc_cd1s2_dian img {
    opacity: .2;
}

.mc_xcx .mc_cd1s2_lisbox::before {
    background: #6c1ba3;
}

.mc_xcx .mc_cd1s2_lisbox::after {
    background: #6c1ba3;
}

.mc_xcx .mc_cd1s2_more {
    color: #e06492;
}

.mc_xcx .mc_cd1s2_li {
    margin: 30px 0;
}

.mc_xcx .our_featueres {
    margin-top: 100px;
}

.mc_xcx_choose {
    position: relative;
    z-index: 10;
}

.mc_xcxc_list {
    margin: 0 -26px;
}

.mc_xcxc_li {
    float: left;
    width: 33.333333%;
    padding: 0 26px;
    margin-bottom: 56px;
}

.mc_xcxc_lisbox {
    position: relative;
    display: block;
    background: #fff;
    box-shadow: 0 3px 45px 3px rgba(0, 0, 0, .07);
    border-radius: 6px;
    overflow: hidden;
    padding: 30px 47px 45px 63px;
    letter-spacing: 1px;
    overflow: hidden;
}

.mc_xcxc_imgbox {
    width: 70px;
}

.mc_xcxc_title {
    font-size: 26px;
    line-height: 30px;
    color: #333333;
    margin: 20px 0 15px;
    transition: all .36s;
}

.mc_xcxc_word {
    font-size: 14px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    color: #666666;
    opacity: .7;
}

.mc_xcx_choose .g_zprobom {
    margin: 0;
}

.mc_xcxc_li {
    animation-name: fadeInUp;
    animation-delay: .3s;
}

.mc_xcxc_lisbox .mc_xcxc_lt {
    display: block;
    position: absolute;
    width: 11px;
    height: 80px;
    left: 0;
    top: 0;
    transform: translate(-50%, -8px);
    background: #fe74a5;
    border-radius: 5.5px;
}

.mc_xcase_hd {
    margin-bottom: 55px;
}

.mc_xcase_li {
    width: 25%;
    padding: 0 12px;
}

.mc_xcase_bd .g_zanlilist {
    margin: 0 -12px;
}

.mc_xcase_li .home_blog_box a {
    width: 100%;
    display: block;
    overflow: hidden;
}

.mc_xcase_li:not(:first-child) {
    display: none;
}

.mc_xcase_li.slick-slide {
    display: block !important;
}

.mc_xcase_li .b_box_con.con_cc {
    overflow: hidden;
    border-radius: 12px;
}

.g_carimgbox {
    transition: all .36s;
}

.mc_zprobsubtit {
    font-size: 18px;
}

.mc_xcx_wc {
    background: #f0f4fa;
}

.mc_xcx .g_zproblem {
    background: #fff;
}

.mc_xwc_title {
    display: block;
    margin-bottom: 18px;
}

.mc_xwc_subtitle {
    display: block;
    font-size: 18px;
    font-weight: normal;
}

.mc_xwc_list {
    width: 1320px;
    margin: 0 auto;
}

.mc_xwc_li {
    float: left;
    width: 25%;
    padding: 0 45px;
}

.mc_xcx_wc {
    padding-bottom: 165px;
}

.mc_xwc_imgbox {
    width: 113px;
    margin: 0 auto 24px;
}

.mc_xwcli_title {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
}

.mc_xwcli_word {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    text-align: center;
}

.mc_xwc_imgbox {
    position: relative;
}

.mc_xwc_imgbox::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 232px;
    height: 42px;
    background: url(../img/528/xwc_line.png) center / contain no-repeat;
}

.mc_xwc_li:last-child .mc_xwc_imgbox::before {
    display: none;
}

.gx_tophrd {
    position: absolute;
    width: calc(100vw - 55px);
    left: 55px;
    background: transparent !important;
    z-index: 100;
}

.gx_tophrd .casenav li a {
    color: #fff;
}

.gx_tophrd .casenav li a:after {
    background: #fff;
}

/* 视频 */
.mc2_video .g_zbanplf {
    width: 38.5%;
}

.mc2_video .g_pimgtop p {
    padding-right: 25px;
}

.mc2_video .green_button {
    background: #0092ff !important;
}

.mc2_video .mc_cd1s2_lisbox::before {
    background: #166da2;
}

.mc2_video .mc_cd1s2_lisbox::after {
    background: #044a75;
}

.mc2_video .mc_cd1s2_more {
    color: #166da2;
}

.mc_xcx .mc_cd1s2_txt p {
    height: 104px;
    /* max-height: 104px; */
}

.mc_xcx .mc_cd1s2_txt h4 {
    font-size: 28px;
    font-weight: normal;
}

.mc_xcx .mc_cd1s2_txt {
    margin-bottom: 25px;
}

.mc_xcx .mc_cd1s2_li {
    width: 25%;
}

.mc_xcx .mc_cd1s2_li:not(:first-child) {
    display: none;
}

.mc_xcx .mc_cd1s2_li.slick-slide {
    display: block;
}

.mc2_video_case .home_blog_box p {
    height: 54px;
    overflow: hidden;
}

.mc2_video_case .b_box_con {
    margin-bottom: 75px;
}

.mc_xwc_li:nth-child(4n+1).wow {
    animation-name: fadeIn;
    animation-delay: .3s;
}

.mc_xwc_li:nth-child(4n+2).wow {
    animation-name: fadeIn;
    animation-delay: .5s;
}

.mc_xwc_li:nth-child(4n+3).wow {
    animation-name: fadeIn;
    animation-delay: .7s;
}

.mc_xwc_li:nth-child(4n+4).wow {
    animation-name: fadeIn;
    animation-delay: .9s;
}

/* 电子商务 */
.mc2_dzsw .green_button {
    background: #ffe0d0 !important;
}

/* 线 */
.mc2_dzsw .mc_cd1s2_lisbox::before {
    background: #ff9e6e;
}

/* 前面 */
.mc2_dzsw .mc_cd1s2_lisbox::after {
    background: #fe5301;
}

.mc2_dzsw .mc_cd1s2_more {
    color: #ff9e6e;
}

.mc2_dzsw .mc_cd1s2_lisbox {
    padding-left: 32px;
    padding-right: 32px;
}

.mc_xcx .home_blog_box p {
    max-height: 81px;
    overflow: hidden;
}

.mc_xcx .home_blog_box h7 {
    line-height: 24px;
    height: 24px;
    overflow: hidden;
}

.mc_xcase_li {
    margin-bottom: 25px;
}

.mc_xcx .home_blog_box h7 a {
    line-height: inherit;
}

.g_zprobtit .mc_xwc_subtitle {
    line-height: 1.2;
}

.mc2_video .g_zproblem {
    background: #f0f4fa;
    padding-bottom: 50px;
}

.mc_xcx .g_tecioc {
    width: 85px;
}

.mc2_video .g_technol {
    transform: none;
    padding: 0 0 90px;
    margin-top: 215px;
    overflow: visible;
}

.mc2_video .g_soboxm {
    margin-top: 0;
    padding-top: 80px;
}

.mc_xcxc_li:nth-child(3n+1) {
    clear: left;
}

.mc2_video .home_page_white_header_image {
    text-align: right;
}

.header .navdiv nav li.g_fwnav2xiala {
    position: relative;
    padding-right: 47px;
}

.gxn_xlocn {
    position: absolute;
    right: 21px;
    top: 3px;
    z-index: 10;
    color: #fff;
}

@media screen and (min-width: 1200px) {
    .mc_xcx .mc_cd1s2_li:hover .mc_cd1s2_lisbox {
        background: #782bad;
    }

    .mc_xcx .mc_cd1s2_li:hover .mc_cd1s2_lisbox::before {
        background: #fff;
        opacity: .2;
    }

    .mc_xcxc_lisbox:hover .mc_xcxc_title {
        color: #531f81;
    }

    .mc2_video .mc_xcxc_lisbox:hover .mc_xcxc_title {
        color: #166da2;
    }

    .mc_xcase_li .b_box_con.con_cc:hover .g_carimgbox {
        transform: scale(1.1);
    }

    .mc_xcase_li .b_box_con.con_cc:hover {
        transform: none;
        box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    }

    .mc2_video .mc_cd1s2_li:hover .mc_cd1s2_lisbox {
        background: #166da2;
    }

    .mc2_video .mc_cd1s2_li:hover .mc_cd1s2_lisbox::before {
        background: #166da2;
        opacity: 1;
    }

    .mc2_dzsw .mc_cd1s2_li:hover .mc_cd1s2_lisbox::before {
        background: #ff9e6e;
        opacity: 1;
    }

    .mc2_dzsw .mc_cd1s2_li:hover .mc_cd1s2_lisbox {
        background: #ff9e6e;
    }

    .mc2_dzsw .mc_xcxc_lisbox:hover .mc_xcxc_title {
        color: #ff9e6e;
    }
}

/* 1.18 */
.buildflatv .slick-active .buildcon_aon .g_aonsy0 {
    -webkit-animation: fadeIn 1.5s 0.3s ease both;
    -moz-animation: fadeIn 1.5s 0.3s ease both;
    animation: fadeIn 1.5s 0.3s ease both;
}

.buildflatv .slick-active .buildcon_aon .g_aonsy1 {
    -webkit-animation: fadeInLeft 1.5s 0.6s ease both;
    -moz-animation: fadeInLeft 1.5s 0.6s ease both;
    animation: fadeInLeft 1.5s 0.6s ease both;
}

.buildflatv .slick-active .buildcon_aon .g_aonsy2 {
    -webkit-animation: fadeInRight 1.5s 0.6s ease both;
    -moz-animation: fadeInRight 1.5s 0.6s ease both;
    animation: fadeInRight 1.5s 0.6s ease both;
}

.buildflatv .slick-active .buildcon_aon .g_aonsy3 {
    -webkit-animation: fadeInUp 1.5s 0.9s ease both;
    -moz-animation: fadeInUp 1.5s 0.9s ease both;
    animation: fadeInUp 1.5s 0.9s ease both;
}

.buildflatv .slick-active .buildcon_aon .g_aonsy4 {
    -webkit-animation: fadeInDown 1s 1.2s ease both;
    -moz-animation: fadeInDown 1s 1.2s ease both;
    animation: fadeInDown 1s 1.2s ease both;
}

/* 1.18 */
.buildflatv .slick-active .buildcon_ynf .g_ynfsy1 {
    -webkit-animation: fadeIn 1.5s 0.3s ease both;
    -moz-animation: fadeIn 1.5s 0.3s ease both;
    animation: fadeIn 1.5s 0.3s ease both;
}

.buildflatv .slick-active .buildcon_ynf .g_ynfsy2 {
    -webkit-animation: fadeInUp 1s 1s ease both;
    -moz-animation: fadeInUp 1s 1s ease both;
    animation: fadeInUp 1s 1s ease both;
}

.buildflatv .slick-active .buildcon_ynf .g_ynfsy3 {
    -webkit-animation: fadeInLeft 1.5s 1.2s ease both;
    -moz-animation: fadeInLeft 1.5s 1.2s ease both;
    animation: fadeInLeft 1.5s 1.2s ease both;
}

.buildflatv .slick-active .buildcon_ynf .g_ynfsy4 {
    -webkit-animation: fadeInRight 1.5s 1.2s ease both;
    -moz-animation: fadeInRight 1.5s 1.2s ease both;
    animation: fadeInRight 1.5s 1.2s ease both;
}

.buildcon_jbh img {
    bottom: 0;
}

.buildflatv .slick-active .buildcon_jbh .g_jbhsy0 {
    -webkit-animation: fadeIn 1.5s 0.3s ease both;
    -moz-animation: fadeIn 1.5s 0.3s ease both;
    animation: fadeIn 1.5s 0.3s ease both;
}

.buildflatv .slick-active .buildcon_jbh .g_jbhsy1 {
    -webkit-animation: fadeInUp 1s 1s ease both;
    -moz-animation: fadeInUp 1s 1s ease both;
    animation: fadeInUp 1s 1s ease both;
}

.buildflatv .slick-active .buildcon_jbh .g_jbhsy2 {
    -webkit-animation: fadeInDown 1.5s 1.2s ease both;
    -moz-animation: fadeInDown 1.5s 1.2s ease both;
    animation: fadeInDown 1.5s 1.2s ease both;
}

.buildflatv .slick-active .buildcon_jbh .g_jbhsy3 {
    -webkit-animation: fadeInRight 1.5s 1.4s ease both;
    -moz-animation: fadeInRight 1.5s 1.4s ease both;
    animation: fadeInRight 1.5s 1.4s ease both;
}

.buildflatv .slick-active .buildcon_zb .g_zbsy0 {
    -webkit-animation: fadeIn 1.5s 0.3s ease both;
    -moz-animation: fadeIn 1.5s 0.3s ease both;
    animation: fadeIn 1.5s 0.3s ease both;
}

.buildflatv .slick-active .buildcon_zb .g_zbsy1 {
    -webkit-animation: fadeInUp 1s 1s ease both;
    -moz-animation: fadeInUp 1s 1s ease both;
    animation: fadeInUp 1s 1s ease both;
}

.buildflatv .slick-active .buildcon_zb .g_zbsy2 {
    -webkit-animation: fadeInLeft 1.5s 1.2s ease both;
    -moz-animation: fadeInLeft 1.5s 1.2s ease both;
    animation: fadeInLeft 1.5s 1.2s ease both;
}

.buildflatv .slick-active .buildcon_zb .g_zbsy3 {
    -webkit-animation: fadeInDown 1.5s 1.4s ease both;
    -moz-animation: fadeInDown 1.5s 1.4s ease both;
    animation: fadeInDown 1.5s 1.4s ease both;
}

.buildflatv .slick-active .buildcon_zb .g_zbsy4 {
    -webkit-animation: fadeInRight 1.5s 1.4s ease both;
    -moz-animation: fadeInRight 1.5s 1.4s ease both;
    animation: fadeInRight 1.5s 1.4s ease both;
}

.buildflatv .slick-active .buildcon_zb .g_zbsy5 {
    -webkit-animation: fadeInUp 1.5s 1.4s ease both;
    -moz-animation: fadeInUp 1.5s 1.4s ease both;
    animation: fadeInUp 1.5s 1.4s ease both;
}

.buildfr .buildcon h2 a {
    line-height: 1.2;
}

.gx_ydgdsff input {
    width: calc(100% - 100px);
    float: left;
}

.gx_yznmklp {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.gx_awsmgjk {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    height: 56px;
}

/*banner效果 9.4*/
.build_jbh1 {
    transform: translateY(-40px);
    position: relative;
}

.build_jbh1 .bymx {
    position: relative;
}

.build_jbh1 .bsmo {
    position: absolute;
    left: 0;
    top: 0;
}

.build_jbh1 .bsmo {
    position: absolute;
    left: 0;
    top: 0;
}

.build_jbh1 .bsmo {
    opacity: 0;
}

.slick-active .build_jbh1 .bsmo1 {
    -webkit-animation: fadeInDown 0.9s ease both;
    animation: fadeInDown 0.9s ease both;
    opacity: 1;
}

.slick-active .build_jbh1 .bsmo2 {
    -webkit-animation: fadeInDown 1.1s ease both;
    animation: fadeInDown 1.1s ease both;
    opacity: 1;
}

.slick-active .build_jbh1 .bsmo3 {
    -webkit-animation: fadeInDown 1s ease both;
    animation: fadeInDown 1s ease both;
    opacity: 1;
}

.slick-active .build_jbh1 .bsmo4 {
    -webkit-animation: fadeInDown 1.2s ease both;
    animation: fadeInDown 1.2s ease both;
    opacity: 1;
}

.build_jbh1 .bsmo5 {
    transform: scale(0) rotate(40deg);
    transition: all 1s;
}

.build_jbh1 .bsmo6 {
    transform: scale(0) rotate(-40deg);
    transition: all 1s;
}

.slick-active .build_jbh1 .bsmo5 {
    transform: scale(1) rotate(0);
}

.slick-active .build_jbh1 .bsmo6 {
    transform: scale(1) rotate(0);
}

.slick-active .build_jbh1 .bsmo7 {
    -webkit-animation: fadeIn 2.8s ease both;
    animation: fadeIn 2.8s ease both;
    opacity: 1;
}

.build_ydyl1 .bymx {
    position: relative;
    opacity: 1;
}

.build_ydyl1 .bsmo {
    position: absolute;
    right: 0;
    bottom: 30px;
    transform: translate(70%, 30px);
}

.slick-active .build_ydyl1 .bsmo {
    animation: gx_ydyl 8s infinite linear;
}

@keyframes gx_ydyl {
    0% {
        transform: translate(130%, 30px);
        opacity: 0.26;
    }

    50% {
        transform: translate(0%, 0px);
        opacity: 0.86;
    }

    100% {
        transform: translate(-180%, 30px);
        opacity: 0.16;
    }
}

.build_xjbh1 .bymx {
    position: relative;
}

.build_xjbh1 .bsmo {
    left: 0;
    top: 0;
    opacity: 0;
    width: 150%;
}

.slick-active .build_xjbh1 .bsmo1 {
    -webkit-animation: fadeInDown 0.8s ease both;
    animation: fadeInDown 0.8s ease both;
    opacity: 1;
}

.slick-active .build_xjbh1 .bsmo2 {
    -webkit-animation: fadeInDown 1.2s ease both;
    animation: fadeInDown 1.2s ease both;
    opacity: 1;
}

.slick-active .build_xjbh1 .bsmo3 {
    -webkit-animation: fadeInDown 1.3s ease both;
    animation: fadeInDown 1.3s ease both;
    opacity: 1;
}

.slick-active .build_xjbh1 .bsmo4 {
    -webkit-animation: fadeInDown 1.1s ease both;
    animation: fadeInDown 1.1s ease both;
    opacity: 1;
}

.slick-active .build_xjbh1 .bsmo5 {
    -webkit-animation: fadeInDown 0.9s ease both;
    animation: fadeInDown 0.9s ease both;
    opacity: 1;
}

.slick-active .build_xjbh1 .bsmo6 {
    -webkit-animation: fadeInDown 1.4s ease both;
    animation: fadeInDown 1.4s ease both;
    opacity: 1;
}

.slick-active .build_xjbh1 .bsmo7 {
    -webkit-animation: fadeInDown 1.5s ease both;
    animation: fadeInDown 1.5s ease both;
    opacity: 1;
}

/*默克新*/
.build_xmoke1 .bymx {
    opacity: 1;
}

.slick-active .build_xmoke1 .bsmo1 {
    -webkit-animation: fadeInUp 1s 0s ease both;
    animation: fadeInUp 1s 0s ease both;
    opacity: 1;
}

.slick-active .build_xmoke1 .bsmo2 {
    -webkit-animation: fadeInUp 1.3s 0s ease both;
    animation: fadeInUp 1.3s 0s ease both;
    opacity: 1;
}

.slick-active .build_xmoke1 .bsmo3 {
    -webkit-animation: fadeInUp 1.5s 0s ease both;
    animation: fadeInUp 1.5s 0s ease both;
    opacity: 1;
}

/*包玉刚*/
.build_xbyg1 {
    transform: translateY(-50px);
}

.build_xbyg1 .bymx {
    opacity: 1;
    position: relative;
}

.build_xbyg1 .bsmo {
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 1.1s ease;
}

.build_xbyg1 .bsmo1 {
    transform: translate(-50%, 100%);
}

.build_xbyg1 .bsmo2 {
    opacity: 0;
    transform: translate(-50%, 100%);
}

.build_xbyg1 .bsmo3 {
    transform: translate(-50%, 100%);
}

.slick-active .build_xbyg1 .bsmo1 {
    transition-delay: 0.8s;
    transform: translate(0%, 0%);
    opacity: 1;
}

.slick-active .build_xbyg1 .bsmo2 {
    transition-delay: 0.7s;
    opacity: 1;
    transform: translate(0%, 0%);
}

.slick-active .build_xbyg1 .bsmo3 {
    transition-delay: 0.36s;
    transform: translate(0%, 0%);
    opacity: 1;
}

.gx_ndsdbox video {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}

.slick-active .gx_ndsdbox video {
    opacity: 1;
}

/*博物馆*/
.gx_bwgnmo {
    position: absolute;
    width: 100%;
    height: calc(100% - 82px);
    left: 0;
    bottom: 0;
}

.build_gxbwgx1 .bymx {
    opacity: 1;
}

.build_gxbwgx1 .bsmo {
    transform: translateX(30px);
    transition: all 0.36s ease;
    opacity: 0 !important;
}

.build_gxbwgx1 .bsmoax1 {
    transform: translateX(0);
}

.build_gxbwgx1 .bsmoax2 {
    transform: translateX(0);
}

.build_gxbwgx1 .bsmobx1 {
    transform: translateX(0);
}

.build_gxbwgx1 .bsmobx2 {
    transform: translateX(0);
}

.slick-active .build_gxbwgx1 .bsmoax1 {
    -webkit-animation: fadeIn 0.56s 0.6s ease both;
    animation: fadeIn 0.56s 0.6s ease both;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .bsmoa1 {
    transform: translateX(0%);
    transition-delay: 1s;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .bsmoa2 {
    transform: translateX(0%);
    transition-delay: 1.4s;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .bsmoax2 {
    -webkit-animation: fadeIn 0.56s 1.6s ease both;
    animation: fadeIn 0.56s 1.6s ease both;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .bsmoa3 {
    transform: translateX(0%);
    transition-delay: 1.8s;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .bsmoa4 {
    transform: translateX(0%);
    transition-delay: 2.2s;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .bsmoa5 {
    transform: translateX(0%);
    transition-delay: 2.6s;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .bsmoa6 {
    transform: translateX(0%);
    transition-delay: 3s;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .gx_bwgima1 {
    -webkit-animation: headShake 0.5s 1.1s ease both;
    animation: headShake 0.5s 1.1s ease both;
}

.slick-active .build_gxbwgx1 .gx_bwgima2 {
    -webkit-animation: headShake 0.5s 1.5s ease both;
    animation: headShake 0.5s 1.5s ease both;
}

.slick-active .build_gxbwgx1 .gx_bwgima3 {
    -webkit-animation: headShake 0.5s 1.9s ease both;
    animation: headShake 0.5s 1.9s ease both;
}

.slick-active .build_gxbwgx1 .gx_bwgima4 {
    -webkit-animation: headShake 0.5s 2.3s ease both;
    animation: headShake 0.5s 2.3s ease both;
}

.slick-active .build_gxbwgx1 .gx_bwgima5 {
    -webkit-animation: headShake 0.5s 2.7s ease both;
    animation: headShake 0.5s 2.7s ease both;
}

.slick-active .build_gxbwgx1 .gx_bwgima6 {
    -webkit-animation: headShake 0.5s 3.1s ease both;
    animation: headShake 0.5s 3.1s ease both;
}

.slick-active .build_gxbwgx1 .bsmobx1 {
    -webkit-animation: fadeIn 0.56s 1s ease both;
    animation: fadeIn 0.56s 1s ease both;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .bsmob1 {
    transform: translateX(0%);
    transition-delay: 1.4s;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .bsmob2 {
    transform: translateX(0%);
    transition-delay: 1.8s;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .bsmob3 {
    transform: translateX(0%);
    transition-delay: 2.2s;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .bsmob4 {
    transform: translateX(0%);
    transition-delay: 2.6s;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .bsmob5 {
    transform: translateX(0%);
    transition-delay: 3s;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .gx_bwgimb1 {
    -webkit-animation: headShake 0.5s 1.5s ease both;
    animation: headShake 0.5s 1.5s ease both;
}

.slick-active .build_gxbwgx1 .gx_bwgimb2 {
    -webkit-animation: headShake 0.5s 1.9s ease both;
    animation: headShake 0.5s 1.9s ease both;
}

.slick-active .build_gxbwgx1 .gx_bwgimb3 {
    -webkit-animation: headShake 0.5s 2s ease both;
    animation: headShake 0.5s 2s ease both;
}

.slick-active .build_gxbwgx1 .bsmobx2 {
    -webkit-animation: fadeIn 0.56s 2.7s ease both;
    animation: fadeIn 0.56s 2.7s ease both;
    opacity: 1 !important;
}

.slick-active .build_gxbwgx1 .gx_bwgimb4 {
    -webkit-animation: headShake 0.5s 2.7s ease both;
    animation: headShake 0.5s 2.7s ease both;
}

.slick-active .build_gxbwgx1 .gx_bwgimb5 {
    -webkit-animation: headShake 0.5s 3.1s ease both;
    animation: headShake 0.5s 3.1s ease both;
}

.gx_boxlc {
    height: calc(100% - 86px);
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.build_lac1 .bymx {
    opacity: 1;
    top: 0;
    left: 0;
    position: relative !important;
    transform: scale(1.6);
}

.build_lac1 {
    width: 899px;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.slick-active .build_lac1 .bymx {
    transition: all 4.36s;
    transition-delay: 1s;
    transform: scale(0.8);
}

.gx_wztit {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    color: #fff;
    font-size: 56px;
    font-weight: bold;
}

.slick-active .gx_boxlc .gx_wztit {
    transition: all 1.56s;
    transition-delay: 1s;
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
}

.newsnein .edui-upload-video {
   max-width: 100%;
    height: auto !important;
}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein video {
    max-width: 100%;
}

.index .section5 .main-container .news .imgdiv img {
    height: auto !important;
    width: 100% !important;
}

/* 2021 5.27 start*/
.mc3_szyx h2,
.mc3_szyx p,
.mc3_main h3,
.mc3_main ul {
    margin: 0;
}

.mc3_szyx .header {
    z-index: 999;
}

.mc3_foot .main-container {
    padding: 0;
}

.mc3_foot .ci_return h5 {
    margin-top: 0;
    margin-bottom: 0;
}

.mc3_szyx .wrap nav ul {
    margin: 0;
}

.mc3_szyx .wrap {
    padding-left: 55px;
    padding-right: 0px;
}

.mc3_banner {
    position: relative;
    z-index: 101;
}

.mc3_ban_imgbox {
    position: relative;
    z-index: 1;
    height: 600px;
}

.mc3_ban_imgbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .12);
}

.mc3_ban_imgbox::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(0, rgba(0, 0, 0, 0), rgba(0, 0, 0, .2));
}

.mc3_ban_img {
    width: 100%;
    height: 100%;
}

.mc3_ban_container {
    position: absolute;
    left: 50%;
    top: 55%;
    z-index: 2;
    transform: translate(-50%, -50%);
}

.mc3_cont1200 {
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 100%;
}

.mc3_ban_txtbox {
    text-align: center;
    color: #fff;
}

.mc3_ban_txtbox h2 {
    position: relative;
    font-size: 60px;
    line-height: 80px;
    padding: 0 0 20px;
    font-weight: bold;
    margin-bottom: 35px;
}

.mc3_ban_txtbox h2::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    height: 2px;
    width: 1em;
    background: #dd3022;
}

.mc3_ban_txtbox p {
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
}

.mc3_main {
    padding: 60px 160px 200px 105px;
}

.mc3_szyx_left {
    width: 240px;
    min-height: 100px;
}

.mc3_szyxl_nav {
    width: 240px;
}

.mc3_szyx_right {
    width: 260px;
}

.mc3_szyx_center {
    width: calc(100% - 500px);
}

.mc3_szyxl_li {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    padding: 15px;
    border-top: 1px solid #d6d6d6;
    cursor: pointer;
    transition: all .36s;
}

.mc3_szyxl_li.act {
    color: #e83f3f;
}

.mc3_szyxl_li:last-child {
    border-bottom: 1px solid #d6d6d6;
}

.mc3_szyxr_s1_txtbox h3 {
    position: relative;
    z-index: 1;
    font-size: 20px;
    line-height: 26px;
    padding-top: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.mc3_szyxr_s1_txtbox h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5em;
    height: 2px;
    background: #dd3022;
}

.mc3_szyxr_s1_txtbox p {
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

.mc3_szyxr_s1_container {
    width: 260px;
    border: 1px solid #bebebe;
    padding: 35px 25px;
    background-color: #fff;
    z-index: 50;
}

.mc3_szyxr_s1_form {
    width: 100%;
}

.mc3_szyxr_s1_inputbox {
    height: 51px;
    border-bottom: 1px solid #7f7f7f;
}

.mc3_szyxr_s1_inputbox input {
    width: 100%;
    height: 100%;
    padding: 15px 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.mc3_szyxr_s1_txtbox {
    margin-bottom: 10px;
}

.mc3_szyxr_s1_verify {
    position: relative;
}

.mc3_szyxr_s1_verify img {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    width: 85px;
    cursor: pointer;
}

.mc3_szyxr_s1_submit {
    margin-top: 25px;
}

.mc3_szyxr_s1_submit button {
    font-size: 16px;
    font-weight: bold;
    line-height: 44px;
    color: #fff;
    background: #dd3022;
    border-radius: 2px;
    width: 100%;
}

.mc3_szyxr_s1 {
    margin-bottom: 40px;
}

.mc3_szyxr_s2_imgbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
}

.mc3_szyxr_s2 {
    border: 1px solid #bebebe;
    margin-bottom: 30px;
}

.mc3_szyxr_s2_txtbox {
    padding: 20px 25px 25px;
}

.mc3_title18 {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    color: #333;
}

.mc3_szyxr_s2_txtbox h3 {
    margin-bottom: 10px;
}

.mc3_szyxr_s2_txtbox p {
    font-size: 14px;
    line-height: 2;
    color: #666;
}

.mc3_szyxr_s2_more {
    margin-top: 18px;
}

.mc3_szyxr_s3 {
    border: 1px solid #bebebe;
}

.mc3_szyxr_titlebox {
    padding: 15px 25px;
    background-color: #f5f5f5;
}

.mc3_szyxr_titlebox h3 {
    position: relative;
    padding-left: 15px;
}

.mc3_szyxr_titlebox h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: .8em;
    background: #dd3022;
}

.mc3_szyxr_content {
    padding: 20px 30px;
}

.mc3_szyxr_s2_box {
    display: block;
}

.mc3_szyxr_content p {
    padding: 8px 0;
}

.mc3_szyxr_content p a {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

.mc3_szyxr_s3 {
    margin-bottom: 30px;
}

.mc3_szyx_center {
    padding: 0 55px;
}

.mc3_szyx_section {
    padding-bottom: 50px;
}

.mc3_szyx_section p {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
}

.mc3_szyz_titlebox h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    color: #333;
}

.mc3_szyz_titlebox h3 a {
    color: #e83f3f;
}

.mc3_szyz_titlebox {
    margin-bottom: 30px;
}

.mc3_szyz_s1_txtbox {
    margin-bottom: 40px;
}

.mc3_szyz_s1_txtbox p {
    margin-bottom: 15px;
    color: #333;
}

.mc3_szyz_temp1 {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding: 35px 40px 40px;
    box-shadow: 0px 5px 10.23px 0.77px rgba(31, 31, 31, 0.05);
}

.mc3_szyz_temp1:not(:last-child) {
    margin-bottom: 30px;
}

.mc3_szyz_temp1 h4 {
    font-size: 20px;
    line-height: 1.5;
    color: #333;
    margin: 0 0 15px;
}

.mc3_szyz_temp p {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    margin-bottom: 15px;
}

.mc3_szyz_temp p:last-of-type {
    margin-bottom: 0;
}

.mc3_szyz_temp2_ul {
    padding-left: 15px;
    margin: 0;
}

.mc3_szyz_temp2_ul>li {
    font-size: 16px;
    color: #666;
    line-height: 1.75;
    list-style: decimal;
    margin-bottom: 15px;
}

.mc3_szyz_temp2_ul>li:last-child {
    margin-bottom: 0;
}

.mc3_szyz_temp3_ul p {
    padding: 5px 0;
    margin: 0;
}

.mc3_szyz_temp3_ul p {
    position: relative;
    font-size: 14px;
    line-height: 1.7;
    color: #e83f3f;
    padding-left: 1.2em;
}

.mc3_szyz_temp3_ul p::before {
    content: "●";
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    position: absolute;
    left: 0;
    top: 5px;
}

.mc3_szyz_temp3_ul p a {
    color: inherit;
    line-height: inherit;
}

.mc3_szyz_temp5_videobox {
    position: relative;
    width: 770px;
    margin: 0 auto;
    max-width: 100%;
}

.mc3_szyz_temp5_videobox video {
    width: 100%;
}

.mc3_szyz_temp5_videobox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    transition: all .36s;
    pointer-events: none;
}

.mc3_szyz_temp5_playbtn {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 64px;
    cursor: pointer;
}

.mc3_szyz_temp5_videobox.act::before {
    opacity: 0;
}

.mc3_szyxr_s4.isfixed .mc3_szyxr_s1_container {
    position: fixed;
    top: 50px;
}

.mc3_szyxr_s4.isbottom .mc3_szyxr_s1_container {
    opacity: 0;
}

.mc3_szyxl_nav {
    z-index: 99;
    background-color: #fff;
}

.mc3_szyxl_nav.isfixed {
    position: fixed;
    top: 50px;
}

.mc3_szyxl_nav.isbottom {
    opacity: 0;
}

.mc3_solution .mc_cd1s1_li {
    width: 33.333333%;
}

.mc3_solution .mc_cd1s1_listbox {
    width: 1300px;
    max-width: 100%;
    padding: 0;
}

.mc3_solution .mc_cd1s1_li:nth-child(odd) .mc_cd1s1_libox {
    margin-top: 0;
}

.mc3_solution .mc_cd1s1_li:nth-child(3n+2) .mc_cd1s1_libox {
    margin-top: -154px;
}

.mc3_szyxr_content p a {
    position: relative;
    padding-left: 1em;
}

.mc3_szyxr_content p a::before {
    content: "◆";
    position: absolute;
    left: 0;
    top: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.mc3_solution .mc_cd1s1li_top {
    padding: 30px;
}

@media screen and (min-width: 1200px) {
    .mc3_szyxr_s2_box:hover .mc3_szyxr_s2_imgbox img {
        transform: scale(1.1);
    }

    .mc3_szyxl_li:hover {
        color: #e83f3f;
    }

    .mc3_szyz_temp3_ul p a:hover {
        text-decoration: underline;
    }



    .mc3_szyxr_content p a:hover {
        color: #e83f3f;
    }

    .mc3_szyz_titlebox h3 a:hover {
        text-decoration: underline;
    }
}

/* 2021 5.27 end*/
/* 2021 6.01 start*/
.g_fwnav5 .mc_nav_xl {
    left: auto;
    right: -175px;
}

.mc3_solution_page .broadside {
    left: -55px;
    transition: all .7s ease-out;
}

.mc3_solution_page .broadside.show {
    left: 0;
}

/* 2021 6.01 end*/
@media screen and (min-width: 1920px) {
    .indexsy .video .videocon video {
        min-width: 100%;
        min-height: 100%;
    }

    /* .main-container{
        max-width: 83.333333%;
    } */
    .g_banimg img {
        max-height: 136px;
        object-fit: cover;
    }
}

.mc3_solution_page .g_jsalxotvwx,
.mc3_sol_detail .g_jsalxotvwx,
.mc3_sol_detail .g_senavatv {
    z-index: 9999;
}

.mc_nav_xl.mc3_xl_onethirnav {
    width: 390px;
}

.mc_nav_xl.mc3_xl_onethirnav .mc_subnav_li {
    width: 100%;
}

/* 2021.06.07 */
.our_featueres .fase3 p {
    overflow: hidden;
}

.case.g_zcase.caseanli .g_solutbox+.section7 .main-container,
.mc_xcx .section7 .main-container {
    max-width: 100%;
    padding-left: 0;
    margin-right: 0;
}

.case.g_zcase.caseanli .g_solutbox+.section7 .ci_return h5,
.mc_xcx .section7 .ci_return h5 {
    margin-top: 0;
    margin-bottom: 0;
}

.mc3_index_bantxt {
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    max-width: calc(100% - 60px);
}

.phbanner {
    position: relative;
}

.ci_return h5 {
    font-weight: normal;
}

@media (min-width: 767px) {

    .mc_xcx .section7 .ci_con,
    .case.g_zcase.caseanli .g_solutbox+.section7 .ci_con {
        text-align: center;
    }

    .mc_xcx .section7 .ci_conbox,
    .case.g_zcase.caseanli .g_solutbox+.section7 .ci_conbox {
        margin-right: 0px;
        float: none;
        display: inline-block;
    }
}

@media (min-width: 991px) {
    .home_page_center_box {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .ci_conbox{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ci_return{
        display: block !important;
    }
    .ci_conbox{
        display: flex !important;
        justify-content: space-between !important;
    }
}

/* macro 2021.6.28 */
.mc_bosch {
    width: 100%;
    height: 100%;
    background: #f3f5f6;
}

.mc_bosch .mc_bosch1 {
    z-index: 5;
}

.mc_bosch5,
.mc_bosch6 {
    transform-origin: left top;
}

.buildflatv .slick-active .mc_bosch .mc_bosch1 {
    animation: fadeIn 1s 0.3s ease both;
}

.buildflatv .slick-active .mc_bosch .mc_bosch2 {
    animation: fadeIn 1s 0.5s ease both;
}

.buildflatv .slick-active .mc_bosch .mc_bosch3 {
    animation: fadeIn 1s 0.7s ease both;
}

.buildflatv .slick-active .mc_bosch .mc_bosch4 {
    animation: fadeIn 1s 0.9s ease both;
}

.buildflatv .slick-active .mc_bosch .mc_bosch5 {
    animation: myZoomIn .5s 1.2s ease-out both;
}

.buildflatv .slick-active .mc_bosch .mc_bosch6 {
    animation: myZoomIn .8s 1.5s ease-out both;
}

@keyframes myZoomIn {
    0% {
        opacity: 0;
        transform: translate(-10px, -10px) scale(.9);
    }

    50% {
        opacity: 1
    }
}

.mc_cnd {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.mc_cnd_video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}

.buildflatv .slick-active .mc_cnd .mc_cnd_p1 {
    animation: myZoomIn1 1s 1.2s ease-out both;
}

.mc_cnd_p1 {
    width: 100%;
    height: 100%;
}

@keyframes myZoomIn1 {
    0% {
        opacity: 0;
        transform: scale(50);
    }

    50% {
        opacity: 1
    }
}

.mc_ymkd img {
    top: auto;
    bottom: 0;
}

.buildflatv .slick-active .mc_ymkd .mc_ymkd1 {
    animation: bounceInDown 1.2s .3s ease-out both;
}

.buildflatv .slick-active .mc_ymkd .mc_ymkd2 {
    animation: bounceInDown 1.2s .5s ease-out both;
}

.buildflatv .slick-active .mc_ymkd .mc_ymkd3 {
    animation: bounceInDown 1.2s .7s ease-out both;
}

.buildflatv .slick-active .mc_ymkd .mc_ymkd4 {
    animation: bounceInDown 1.2s .9s ease-out both;
}

.buildflatv .slick-active .mc_ymkd .mc_ymkd5 {
    animation: write 1s 1.7s linear both;
}

@keyframes write {
    0% {
        opacity: 0;
        transform: translate(20px, -20px);
    }

    50% {
        opacity: 1;
        transform: translate(-20px, 20px);
    }
}

.mc_guangxi {
    transform: translateY(-55px);
}

.mc_guangxi1 {
    width: 100%;
}

.mc_guangxi2 {
    position: absolute;
    right: 14%;
    top: 24%;
    width: 30.5%;
    clip-path: url(../picture/mc_guangxi2.png);
    overflow: hidden;
}

.mc_guangxi2 img {
    width: 100%;
    position: relative !important;
}

.mc_guangxi {
    width: 100%;
    height: 100%;
}

.mc_guangxi2::before {
    display: none;
    content: "";
    position: absolute;
    z-index: 5;
    width: 5px;
    height: 100%;
    background: rgba(255, 255, 255, .3);
}

.buildflatv .slick-active .mc_guangxi .mc_guangxi1 {
    animation: fadeIn 1s .3s ease-out both;
}

.buildflatv .slick-active .mc_guangxi .mc_guangxi2 {
    animation: fadeInDown 1s .6s ease-out both;
}

.buildflatv .slick-active .mc_guangxi2::before {
    animation: yuhui 3s 1.6s ease-out both infinite;
}

@keyframes yuhui {
    50% {
        transform: translateX(300px);
    }
}

@media (max-width: 1660px) {
    .mc_guangxi {
        transform: translateY(calc(-1 * (100vw - 120px) * 0.582 * 0.06));
    }
}

.mc_cnd_video {
    outline: 0 !important;
}

.newserviceb .brybox:hover .webul li {
    width: auto;
    min-width: 50%;
}

/* 20220118 */
#case_detail_tagbox {
    padding: 0;
    background: transparent;
    text-align: center;
}

#case_detail_tagbox .tag>span {
    white-space: nowrap;
    font-size: 16px;
}

#case_detail_tagbox .tag {
    padding: 0 0 15px;
    text-align: center;
    display: flex;
    justify-content: center;
}

#case_detail_tagbox .tag a {
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
}

.search_result_textbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0px 4px 10px 15px rgba(65, 65, 65, 0.02);
    overflow: auto;
    ]
}

.search_result_news::before,
.search_result_news::after {
    display: none !important;
}

.search_result_textbox {
    padding: 50px 30px 55px;
    display: flex;
    flex-flow: column;
}

.search_result_date {
    font-family: "HLE";
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    margin-bottom: 16px;
    flex: none;
}

.search_result_title {
    font-family: "Microsoft JhengHei";
    font-size: 20px;
    line-height: 1.35;
    /* max-height: 2.7em; */
    max-height: 1.35em;
    overflow: hidden;
    color: #333;
    flex: none;
}

.search_result_txt {
    font-family: "Microsoft JhengHei";
    font-size: 16px;
    line-height: 1.625;
    max-height: 3.25em;
    overflow: hidden;
    color: #666;
    opacity: .66;
    margin-top: 20px;
    margin-bottom: 20px;
    flex: none;
}

.search_result_more {
    font-size: 16px;
    line-height: 1.625;
    color: #666;
    margin-top: auto;
}

.search_result_imgbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.search_result_imgbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: linear-gradient(359.33deg, rgba(28, 28, 28, 0.8) 3.14%, rgba(140, 140, 140, 0) 50.82%);
}

.search_result_imgbox img {
    max-width: 100%;
}

.search_result_textbox.hasimg {
    z-index: 5;
    background: transparent;
    height: auto;
    top: auto;
    bottom: 0;
    box-shadow: none;
    padding-bottom: 25px;
}

.search_result_textbox.hasimg .search_result_date {
    margin-bottom: 6px;
}

.search_result_textbox.hasimg>div {
    color: #fff;
}

.search_result_textbox.hasimg .search_result_txt,
.search_result_textbox.hasimg .search_result_more {
    display: none;
}

.search_result_textbox.hasimg .search_result_title {
    height: 1.35em;
}

#case_detail_more .casefo {
    background: #fff;
}

@media screen and (max-width: 1680px) {
    .search_result_textbox {
        padding: 30px 25px 35px;
    }

    .search_result_date {
        margin-bottom: 14px;
    }

    .search_result_txt {
        margin: 15px 0;
    }

    .search_result_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1440px) {
    .search_result_title {
        font-size: 16px;
    }

    .search_result_txt {
        font-size: 14px;
    }

    .search_result_textbox {
        padding: 20px 20px 25px;
    }
}

@media screen and (max-width: 1200px) {
    .search_result_title {
        font-size: 18px;
        /* max-height: 2.7em; */
    }

    .search_result_textbox {
        padding: 30px 20px 30px;
    }

    .search_result_textbox.hasimg {
        padding-bottom: 20px;
    }

    .search_result_txt {
        margin: 12px 0;
    }
}

@media screen and (max-width: 767px) {
    #case_detail_tagbox .tag>span {
        white-space: nowrap;
        font-size: 14px;
    }

    #case_detail_tagbox .tag a {
        font-size: 14px;
        height: 28px;
        line-height: 28px;
    }

    #search_result_list .retri_box {
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .search_result_title {
        font-size: 16px;
        max-height: 2.7em;
    }

    #case_detail_more .cdp_con .slick-prev,
    #case_detail_more .cdp_con .slick-next {
        width: 24px !important;
        height: 20px !important;
    }
}

/* 20220125 partner start*/
.ysm_a1s2_tab_bdli:not(:first-child) {
    display: none;
}

.ysm_a1s2_tab_hdli {
    font-size: 16px;
    line-height: 1.5;
    padding: 20px 0;
    color: rgba(255, 255, 255, .5);
    cursor: pointer;
    transition: all .36s;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.ysm_a1s2_tab_hdli.act {
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

.index .section2 .mainh4 {
    padding-right: 20px;
}

.index .section2 .main-container .bgred {
    position: relative;
    z-index: 1;
}

.ysm_a1s2_tab_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.ysm_a1s2_tab_bgli {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ysm_a1s2_tab_bgli:not(:first-child) {
    display: none;
}

.ysm_a1s2ph_tab_bdli {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ysm_a1s2ph_tab_bdli .ph {
    width: 48%;
}

.ysm_a1s2ph_tab_bdli .ph .item {
    width: 100% !important;
    margin: 0 !important;
}

.ysm_a1s2ph_tab_bdli .ph:nth-child(n+3) {
    margin-top: -1px;
}

@media screen and (min-width: 1200px) {
    .ysm_a1s2_tab_hdli:hover {
        color: rgba(255, 255, 255, 1);
    }

    .index .section2 ul.bgrpad div li:nth-child(n+5) {
        padding-top: 0;
        margin-top: -1px;
    }
}

@media screen and (max-width: 1200px) {
    .ysm_a1s2_tab_hd {
        display: flex;
        flex-wrap: wrap;
    }

    .ysm_a1s2_tab_hd {
        margin-right: -20px;
        padding-left: 15px;
        margin-top: 25px;
    }

    .ysm_a1s2_tab_hdli {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 10px;
        padding: 0;
        border: 0;
        margin-right: 20px;
    }

    .index .section2.phsc2 .bgrpad {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .ysm_a1s2_tab_hd {
        padding-left: 0;
    }
}

/* 20220125 partner end*/
.index .section1 .bgwhiteh .caselist .newsnei .newsnein p a {
    color: inherit;
}

.ysm_a1s2ph_tab_bdli .ph:nth-child(odd) {
    float: left;
}

.ysm_a1s2ph_tab_bdli .ph:nth-child(even) {
    float: right;
}

.index .section4 li a .logodiv {
    background: rgba(0, 0, 0, .2);
}

/* 20220419 上下篇*/
.g_f4botxiafl {
    max-width: calc(50% - 20px);
}

.g_f4botxiafl2 {
    display: flex;
}

.gx_hopit .g_f4botxiafl2z {
    line-height: 1.5;
}

.gx_hopit div.g_f4botxiafl2z {
    flex: none;
}

.g_f4botxiafl2z.gxn_cen {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	display:flex;
	align-items: center;
}

/* 2022.11.09 star */
.he_guangxi {
    width: 100%;
    height: 100%;
    position: relative;
}

.he_guangxi2 {
    position: absolute;
    top: 0;
    right: 0;
    background-size: 100% !important;
}

.he_guabox {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
}

.he_guangxi1 {
    z-index: 10;
}

.buildflatv .slick-current .he_guabox {
    width: 100% !important;
    transition: all 1.6s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

/* .buildflatv .slick-current .he_guangxi1 {
    webkit-animation: fadeInUp 1s 1.4s ease both;
    animation: fadeInUp 1s 1.4s ease both;
    opacity: 1;
} */
/* .slick-current .he_guankeda2 {
    animation: fadeIn 1s 0.3s ease both;
} */
.he_guankeda1 {
    opacity: 0;
}

.he_guankeda1 {
    transform-origin: 76% 20%;
}

.buildflatv .slick-current .he_guankeda1 {
    animation: rotatekd 1s 0.9s ease both;
}

/* .he_guankeda {
    transform: translateY(-45px);
} */
.he_guankyt {
    transform: translateY(-45px);
}

@keyframes rotatekd {
    0% {
        opacity: 0;
        transform: rotate(-60deg);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    30% {
        opacity: 0;
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    100% {
        opacity: 1;
        transform: rotate(0deg);
    }
}

.he_guankyt3 {
    transform: translateX(-80px);
}

.buildflatv .slick-current .he_guankyt1 {
    /* animation: fadeIn 1s 0.3s ease both; */
    webkit-animation: fadeInUp 1s 0.4s ease both;
    animation: fadeInUp 1s 0.4s ease both;
    opacity: 1;
}

.buildflatv .slick-current .he_guankyt2 {
    webkit-animation: fadeInUp 1.2s 0.8s ease both;
    animation: fadeInUp 1.2s 0.8s ease both;
    opacity: 1;
}

.buildflatv .slick-current .he_guankyt3 {
    animation: transfyt 1s 1.6s ease both;
}

.buildflatv .slick-current .he_guankeup {
    webkit-animation: fadeInUp 1s 0.4s ease both;
    animation: fadeInUp 1s 0.4s ease both;
    opacity: 1;
}

.he_guankeup,
.he_guankeda {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.he_guankeda2 {
    opacity: 1 !important;
}

.he_guankeda {
    top: 48px;
}

@keyframes transfyt {
    0% {
        opacity: 0;
        transform: translateX(-80px);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.buildflatv .slick-current .he_guangrt1 {
    animation: fadeIn 1s 0.3s ease both;
}

.buildflatv .slick-current .he_guangrt2 {
    animation: fadeIn 2s 1s ease both;
}

.build_zhaoyi {
    transform: translateY(-40px);
}

.buildflatv .slick-current .build_zhaoyi .bsmo1 {
    webkit-animation: fadeInUp 1s 0.4s ease both;
    animation: fadeInUp 1s 0.4s ease both;
    opacity: 1;
}

.buildflatv .slick-current .build_zhaoyi .bsmo2 {
    -webkit-animation: fadeInUp 1.3s 0.4s ease both;
    animation: fadeInUp 1.3s 0.4s ease both;
    opacity: 1;
}

.buildflatv .slick-current .build_zhaoyi .bsmo3 {
    -webkit-animation: fadeInUp 1.5s 0.4s ease both;
    animation: fadeInUp 1.5s 0.4s ease both;
    opacity: 1;
}

.he_guangrt {
    transform: translateY(2px);
}

.he_guangxi img {
    z-index: 10;
}

.buildflatv .slick-current .bsmo1 {
    webkit-animation: fadeInUp 1s 1.5s ease both;
    animation: fadeInUp 1s 1.5s ease both;
    opacity: 1;
}

.buildflatv .slick-current .bsmo2 {
    -webkit-animation: fadeInUp 1.3s 1.5s ease both;
    animation: fadeInUp 1.3s 1.5s ease both;
    opacity: 1;
}

.buildflatv .slick-current .bsmo3 {
    -webkit-animation: fadeInUp 1.5s 1.5s ease both;
    animation: fadeInUp 1.5s 1.5s ease both;
    opacity: 1
}

.buildflatv .slick-current .bsmo4 {
    -webkit-animation: fadeInUp 1.7s 1.52s ease both;
    animation: fadeInUp 1.7s 1.5s ease both;
    opacity: 1
}

.he_sysvg {
    height: 100%;
    width: 100%;
}

.he_guangxi1 img {
    animation-delay: 1.7s !important;
}

.he_guangsvg path {
    opacity: 0;
}

.he_telbd {
    display: block !important;
    cursor: auto !important;
}

.he_guangrt {
    transform: translateY(0px);
}

.buildimg .he_guangrt img {
    max-width: 101%;
}

/* 2022.11.09 end */
/* 20230303阻止红色弹窗 js也有修改 */
.g_cseonboxw.g_jsalxotvwx {
    display: none !important;
}

/* 20230307联系我们样式修改 */
.contact1 .contact_box {
    display: flex;
    flex-wrap: wrap;
}

.contact1 .contact_loc {
    padding-right: 30px;
}


@media (max-width: 767px) {
    .contact1 .contact_loc {
        padding-right: 0;
    }
}


.he_cban_txt .mc_cban_title {
    font-family: "Microsoft JhengHei", "微软正黑体";
    font-size: 70px;
    line-height: 90px;
    height: 180px;
    overflow: hidden;
    color: #b8fefe;
    margin-bottom: 30px;
}

.enjoy_title p {
    font-family: 'Conv_QUARTO-BOLD';
    font-size: 144px;
    color: #ff4545;
    margin-right: 210px;
    text-transform: uppercase;
}

.enj_con p {
    font-size: 24px !important;
    color: #464646 !important;
    margin-right: 0 !important;
}

@media (max-width: 1750px) {
    .enjoy_title p {
        margin-right: 120px;
    }
}

@media (max-width: 1660px) {
    .enjoy_title p {
        margin-right: 56px;
    }
}

@media (max-width: 1650px) {
    .enjoy_title .enj_con p {
        font-size: 22px !important;
    }

    .enjoy_title p {
        margin-right: 26px;
        font-size: 132px;
    }
}

@media (max-width: 1680px) {
    .enjoy_title p {
        margin-right: 120px;
    }
}

@media (max-width: 1500px) {
    .enjoy_title .enj_con p {
        font-size: 20px !important;
    }
}


@media (max-width: 1440px) {
    .he_cban_txt .mc_cban_title {
        font-size: 60px;
        line-height: 80px;
        height: 160px;
    }
    .enjoy_title p {
        font-size: 112px;
        margin-right: 60px;
    }
}
@media (max-width: 1366px) {
    .enjoy_title p {
        font-size: 112px;
    }
}
@media (max-width: 1280px) {
    .enjoy_title p {
        margin-right: 28px;
    }
}

@media (max-width: 1200px) {
    .he_cban_txt .mc_cban_title {
        font-size: 48px;
        line-height: 60px;
        height: 120px;
    }
}
@media (max-width: 991px) {
    .enjoy_title p {
        font-size: 68px;
    }

    .enjoy_title .enj_con p {
        font-size: 16px !important;
    }
}

@media (max-width: 990px) {
    .he_cban_txt .mc_cban_title {
        font-size: 40px;
        line-height: 50px;
        height: 100px;
    }
}

@media (max-width: 927px) {
    .enjoy_title p {
        margin-right: 30px;
    }
	.fenyeH5{
		margin:20px auto 0;
	}
}

@media (max-width: 767px) {
    .he_cban_txt .mc_cban_title {
        font-size: 32px;
        line-height: 40px;
        height: auto;
        margin-bottom: 15px;
    }
    .enjoy_title p {
        font-size: 24px;
        margin-right: 0px;
        float: none;
    }

    .enjoy_title .enj_con p {
        font-size: 14px !important;
        line-height: 22px;
    }
	.index .section5 .main-container .news .imgdiv a {
		position:relative;
		margin:0;
	}
	.index .section5 .main-container .news .imgdiv .bgimg{
		display:none;
	}
	.clearfix a{
		
	}
	#oUl li a{
		font-size:16px !important;
		margin-bottom:5px !important;
	}
	#oUl li a.gx_nesen,.clearfix a{
		font-size:16px !important;
		margin-left: 0;
	}
	.index .section{
		margin:0 auto;
	}
	.index.newlist .section5 .main-container .news .pcnews{
		display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
	}
}