@charset "utf-8";
/** Generated by FG **/
@font-face {
	font-family: 'F_weiler';
	src: url('../fonts/haettenschweiler.eot');
	src: local('☺'), url('../fonts/haettenschweiler.woff') format('woff'), url('../fonts/haettenschweiler.ttf') format('truetype'), url('../fonts/haettenschweiler.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
    font-family: 'HCN';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/helveticaneueltpro-cn.eot');
    src: url('../fonts/helveticaneueltpro-cn.woff2') format('woff2'),
    url('../fonts/helveticaneueltpro-cn.woff') format('woff'),
    url('../fonts/helveticaneueltpro-cn.ttf') format('truetype'),
    url('../fonts/helveticaneueltpro-cn.svg#helveticaneueltpro-cn') format('svg'),
    url('../fonts/helveticaneueltpro-cn.eot') format('embedded-opentype');
}
/** Generated by FG **/
@font-face {
    font-family: 'w97';
    src: url('../fonts/helvetica lt 97 black condensed oblique.eot');
    src: local('☺'), url('../fonts/helvetica lt 97 black condensed oblique.woff') format('woff'), url('../fonts/helvetica lt 97 black condensed oblique.ttf') format('truetype'), url('../fonts/helvetica lt 97 black condensed oblique.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'TB';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/trumpgothiceast_bold-webfont.eot');
    src: url('../fonts/trumpgothiceast_bold-webfont.eot') format('embedded-opentype'),
    url('../fonts/trumpgothiceast_bold-webfont.woff2') format('woff2'),
    url('../fonts/trumpgothiceast_bold-webfont.woff') format('woff'),
    url('../fonts/trumpgothiceast_bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'HHC';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/helveticaneueltpro-hvcn.eot');
    src: url('../fonts/helveticaneueltpro-hvcn.woff2') format('woff2'),
    url('../fonts/helveticaneueltpro-hvcn.woff') format('woff'),
    url('../fonts/helveticaneueltpro-hvcn.ttf') format('truetype'),
    url('../fonts/helveticaneueltpro-hvcn.svg#helveticaneueltpro-hvcn') format('svg'),
    url('../fonts/helveticaneueltpro-hvcn.eot') format('embedded-opentype');
}
@font-face
{
    font-family: 'RL';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.woff') format('woff'),
    url('../fonts/roboto-light-webfont.ttf') format('truetype'),
    url('../fonts/roboto-light-webfont.svg') format('svg');
}
@font-face
{
    font-family: 'HT';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/helveticaneueltpro-thex.eot');
    src: url('../fonts/helveticaneueltpro-thex.woff') format('woff'),
    url('../fonts/helveticaneueltpro-thex.ttf') format('truetype'),
    url('../fonts/helveticaneueltpro-thex.svg') format('svg');
}
@font-face
{
    font-family: 'HLE';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/helveticaneueltpro-lte.eot');
    src: url('../fonts/helveticaneueltpro-ltex.woff') format('woff'),
    url('../fonts/helveticaneueltpro-ltex.ttf') format('truetype'),
    url('../fonts/helveticaneueltpro-lte.woff2') format('woff2'),
    url('../fonts/helveticaneueltpro-ltex.svg#helveticaneueltpro-ltex') format('svg');
}
@font-face
{
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_QUARTO-BOLD';
    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;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_Gok stencil';
    src: url('../fonts/gok¨² stencil.eot');
    src: local('☺'), url('../fonts/gok¨² stencil.woff') format('woff'), url('../fonts/gok¨² stencil.ttf') format('truetype'), url('../fonts/gok¨² stencil.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_GOKÚ STENCIL';
    src: url('../fonts/gokú stencil.eot');
    src: local('☺'), url('../fonts/gokú stencil.woff') format('woff'), url('../fonts/gokú stencil.ttf') format('truetype'), url('../fonts/gokú stencil.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_MYRIADPRO-SEMIEXTIT';
    src: url('../fonts/myriadpro-semiextit.eot');
    src: local('☺'), url('../fonts/myriadpro-semiextit.woff') format('woff'), url('../fonts/myriadpro-semiextit.ttf') format('truetype'), url('../fonts/myriadpro-semiextit.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_MYRIADPRO-LIGHTCONDIT';
    src: url('../fonts/myriadpro-lightcondit.eot');
    src: local('☺'), url('../fonts/myriadpro-lightcondit.woff') format('woff'), url('../fonts/myriadpro-lightcondit.ttf') format('truetype'), url('../fonts/myriadpro-lightcondit.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_ELEPHNT';
    src: url('../fonts/elephnt.eot');
    src: local('☺'), url('../fonts/elephnt.woff') format('woff'), url('../fonts/elephnt.ttf') format('truetype'), url('../fonts/elephnt.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_COPRGTL';
    src: url('../fonts/coprgtl.eot');
    src: local('☺'), url('../fonts/coprgtl.woff') format('woff'), url('../fonts/coprgtl.ttf') format('truetype'), url('../fonts/coprgtl.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.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;
}
.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: '\e6e4';
}
.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;
}
.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: 0;
    font-size: 28px;
}
.header .option .icon-youxiang:hover{
	color: #ff4343;
}
.header .option .icon-yingwen
{
    display: inline-block;
    font-size: 26px;
}
.header .option .icon-yingwen:hover{
	color: #ff4343;
}
.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: #ff4343;
    /*-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: #ff4343;
}
.header .navdiv nav ul >li.on >a::after{
    width: 20px;
    opacity: 1;
}
.header .navdiv nav ul >li.on >a{
    color: #ff4343;
}
.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: #ff4343;
}
.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:#ff4343;
}
.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%);
}
.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 button{
    display: inline-block;
    width: 79px;
    height: 79px;
    background-color: #ff4343;
    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: #ff4343;
}
.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: #ff4343;
    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: #ff4343;
    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: #ff4343;
    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: #ff4343;
}
.section .navbtn:hover span::before,
.broadside .navbtn:hover span::before
{
    top: -8px;
    background: #ff4343;
}
.section .navbtn:hover span::after,
.broadside .navbtn:hover span::after
{
    top: 8px;
    background: #ff4343;
}
.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: #ff4343;
    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: #ff4343;
}
/*第二套脚部*/
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;
}
footer .fodiv:after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 34px;
    height: 34px;
    background: url(../images/next.png) no-repeat;
    background-size: cover;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
footer .focon_fl:before{
    content: '';
    position: absolute;
    top: 18px;
    left: 2.75%;
    width: 0;
    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;
}
footer .focon_fl: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;
}
footer .focon_fl a:before{
    content: '';
    position: absolute;
    bottom: 18px;
    right: 2.75%;
    z-index: 1;
    width:0;
    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;
}
footer .focon_fl 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;
}
footer .focon_fl.focon_sp{
    background-color: #ff4343;
}
footer .focon_fl.focon_sp h3{
    color: #fff;
}
footer .focon_fl.focon_sp .gx_tirlx{
    color: #fff;
}
footer .focon_fl.focon_sp .fodiv h1:before{
    background-color: #fff;
}
footer .focon_fl.focon_sp .fodiv:after{
    background: url(../images/arryuan.png) no-repeat;
    background-size: cover;
}
footer.spfo p{
    left: 160px;
    color: #aaaaaa;
}
footer.spfo p a{
    color: #aaaaaa;
}
.index .section
{
    position: relative;
}
.main-container
{
    position: relative;
    max-width: 1600px;
    margin-right: 50px;
    padding-left: 55px;
    background: #fff;
}
/*首页*/
.index .video
{
    position: relative;
    width: 100%;
    height: 100vh;
    background: url(../images/screen.jpg) no-repeat;
}
.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 .video .videocon video{ width: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: 36px;
    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: #ff4343;
}
.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: 140px;
}
.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: #ff3f3f;
}
.gx_ydcen a:hover{
    color: #ff3f3f;
}    
.gx_dah3,.gx_tubtn{
    transition: all 0.36s;
}
.gx_neitm  a:hover .gx_dah3{
    color: #ff3f3f;
}  
.gx_neitm  a:hover .gx_tubtn{
    color: #ff3f3f;
}  
.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: 100%;
    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: #ff4343;
} 
.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;
}
.index .section4 li a .logodiv .lod_con:after{
    content: '';
    display: block;
    position: relative;
    left: 50%;
    top: 0;
    width: 34px;
    height: 0;
    background: url(../images/arryuan.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0px;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    -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: 100%;
    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;
    margin-top: 11px;
}
.index .section5 .mainh4 .flul li a{
    font-size: 14px;
    font-family: '微软雅黑';
    color: #464646;
}
.index .section5 .mainh4 .flul li a:hover{
    color: #ff4343;
}
.index .section5 .main-container .content,
.index .section6 .main-container .content
{
    display: inline-block;
    width: 1178px;
    padding-top: 37px;
    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: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: #ff3f3f;
    -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: #ff3f3f;
}
.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: #ff3f3f;
    }
}
.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 a{
	position: absolute;
	top: 0px;
	left: 0px;
    display: block;
	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: 47px;
    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;
}
.index .section5 .main-container .news .con .text:after{
    content: '';
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 0px;
    height: 1px;
    background-color: #ff4343;
    -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;
}
.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: #ff3f3f;
}
.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: #ff4343;
}
.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: #ff3f3f;
}
.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:#ff4343;
}
.newservice .section7,
.retrieve .section7,
.enjoy .section7,
.lead .section7{
    background: #f3f7f3;
}
.atvbgjk{
    color: #ff4343 !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: #ff4343;
    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: #ff4343 !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: #ff4343;
}
.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 #ff4343;
    border-radius: 50%;
}
.index .section5 .content .slick-dots li.slick-active{
    background-color: #ff4343;
}
/*去掉新闻列表线*/
.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;
}
.case{
    width: 100%;
    background-color: #f4f4f4;   
}
.case .wrap{
    position: relative;
    padding-left: 151px;
    padding-right: 102px;
}
.case_bt{
	width: 100%;
	padding-top: 79px;
}
.case_bt .caselogo{
    width: 14.8%;
}
.case_bt .caselogo img{
    width: 100%;
}
nav.casenav{
    padding-top: 20px;
    width: 85.2%;
}
.casenav li{
    float: left;
    padding: 0 88px 0 0px;
}
.casenav li:nth-child(1){
    padding-left: 0px;
}
.casenav li a{
    position: relative;
    font-size: 18px;
    color: #464646;
    font-family: "Microsoft JhengHei";
    text-transform: uppercase;
    line-height: 32px;
}
.casenav 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;
}
.casenav li a:hover:after{
    width: 110%;
    opacity: 1;
}
.casenav li.atv a:after{
    width: 110%;
    opacity: 1;
}
.case .casetop{
    margin-top: 145px;
}
.case .casetop .ct_left{
    position: relative;
    width: 68.545455%;
}
.case .casetop .ct_left h1{
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 150px;
    color: #dcdcdc;
    font-family: 'Conv_QUARTO-BOLD';
    text-transform: uppercase;
    letter-spacing: 1.5px;
    width: 100%;
}
.case .casetop .ct_left h1:before{
    content: '';
    position: absolute;
    right: 0px;
    bottom: -70px;
    width: 780px;
    height: 10px;
    background: url(../images/line.png) no-repeat;
}
.case .casetop .ct_right{
    width: 31.454545%;
}
.casex{
    position: relative;
    overflow: hidden;
}
.casex a h5{
    color: #ffffff;
}
.casex:hover a h5{
    color: #ffffff;
}
.casex .imgdiv{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
.casex .imgdiv img{
    width: 100%;
}
.casex a:before{
    content: '';
    position: absolute;
    bottom: 18px;
    right: 2.75%;
    z-index: 1;
    width: 0px;
    height: 1px;
    background-color: #ff9595;
    opacity: 0;
    -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;
}
.casex a:hover:before{
    width: 94.5%;
    opacity: 1;
}
.casex a:after{
    content: '';
    position: absolute;
    bottom: 14.8%;
    left: 2.75%;
    z-index: 1;
    width: 1px;
    height: 0;
    background-color: #ff9b9b;
    opacity: 0;
    -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;
}
.casex a:hover:after{
    height: 72.8%;
    opacity: 1;
} 
.casex .logodiv{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    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;
}
.casex .logodiv .lod_con{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: 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;
}
.casex .logodiv .lod_con img{
    width: 300px;
    -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;
}
.casex .logodiv .lod_con h5{
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    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;
}
.casex .logodiv:hover{
    background-color: #ff4343;
}
.casex .logodiv:hover .lod_con img{
    margin-bottom: 35px;
}
.casex .logodiv:hover .lod_con h5{
    opacity: 1;
    height: auto;
    color: #ffffff;
}
.casex .logodiv:before{
    content: '';
    position: absolute;
    top: 18px;
    left: 2.75%;
    width: 0px;
    height: 1px;
    background-color: #ff9b9b;
    opacity: 0;
    -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;
}
.casex .logodiv:hover:before{
    width: 94.5%;
    opacity: 1;
}
.casex .logodiv:after{
    content: '';
    position: absolute;
    top: 14.8%;
    right: 2.75%;
    width: 1px;
    height: 0;
    background-color: #ff9b9b;
    opacity: 0;
    -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;
}
.casex .logodiv:hover:after{
    height: 72.8%;
    opacity: 1;
}
.casex .logodiv .lod_con:after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 34px;
    height: 34px;
    background: url(../images/arryuan.png) no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    -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;
}
.casex .logodiv:hover .lod_con{
    padding-bottom: 65px;
}
.casex .logodiv:hover .lod_con:after{
    opacity: 1;
}
.casex .bgimg{
    width: 100%;
}
.casex .bgimg img{
    width: 100%;
}
.case .case_center{
    width: 100%;
    margin-top: 55px;
}
.case .case_center .cc_fl{
    width: 65.757576%;
}
.case .cc_fr{
    position: relative;
    width: 31.454545%;
}
.case .cc_fr .cfr_img{
    width: 100%;
}
.case .cc_fr .cfr_img img{
    width: 100%;
}
.case .cc_fr .cfr_txt{
    position: absolute;
    top: 147px;
    left: 63px;
    padding-top: 105px;
}
.case .cc_fr .cfr_txt:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 3px;
    background-color: #fff;
}
.case .cc_fr .cfr_txt h1{
    font-size: 48px;
    color: #fff;
    margin-bottom: 52px;  
    font-family: 'Conv_QUARTO-BOLD';
}
.case .cm_box{
    width: 31.454545%;
    margin: 55px 0;
    margin-left: 2.8181815%;
}
.gx_poiingd .cm_box:nth-child(3n+1){
    margin-left: 0;
}
.gx_poiingd .cm_box{
    margin-top: 0;
}
.case .cm_box:nth-child(1){
    margin-left: 0px;
}
.case .case_bottom{
    width: 100%;
}
.case .case_bottom .cc_fl{
    width: 65.757576%;
}
.case .case_bottom .cc_fr .casex:nth-child(1){
    margin-bottom: 55px;
}
.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: 18px;
    color: #333333;
    font-family: 'Arial';
}
.fenye li:hover{
	color: #ff4343;
}
.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;
}
.caseph{
    display: none;
} 
.caseph nav{
    padding: 45px 0;
}
.caseph nav ul li{
    float: left;
    padding: 0 13px;
}
.caseph nav ul{
	margin: 0 -13px;
}
.caseph nav ul li a{
    position: relative;
    font-size: 16px;
    color: #464646;
    font-family: "Microsoft JhengHei";
    text-transform: uppercase;
}
.caseph nav ul li.atv a{
    color: #f64744;
}
.cm_con{
    width: 48.7%;
    padding-bottom:10px;
    margin-bottom: 15px; 
    background-color: #fff;
    overflow: hidden;
}
.caseanli .cm_con{
    padding-bottom:0px;
}
.cm_con:nth-child(odd){
    margin-right: 2.6%;
}
.caseop{
    position: relative;
    overflow: hidden;
}
.caseop .bgimg{
    width: 100%;
}
.caseop .bgimg img{
    width: 100%;
}
.caseop .imgdiv{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
.caseop .imgdiv img{
    width: 100%;
}
.txtdiv{
    position: relative;
    padding: 15px 16px 15px;
}
.txtdiv h3{
    font-size: 16px;
    color: #848484;
    line-height: 1.5;
    font-family: "Microsoft JhengHei";
    /* margin-bottom: 15px; */
}
.txtdiv p{
    font-size: 14px;
    color: #848484;
    line-height: 1.5;
}
.messdiv{
    padding: 0 16px;
    height: 34px;
}
.messdiv .zandiv{
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #ff4343;
    margin-right: 10px;
    cursor: pointer;
}
.messdiv .zandiv img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transition: translate(-50%,-50%);
    -moz-transition: translate(-50%,-50%);
    -ms-transition: translate(-50%,-50%);
    -o-transition: translate(-50%,-50%);
    width: 16px;
}
.messdiv span{
    line-height: 34px;
    font-size: 14px;
    color: #848484;
    margin-left: 8px;
}
.messdiv .messname{
    font-size: 14px;
    color: #848484;
    font-family: "Microsoft JhengHei";
    text-transform: uppercase;
    line-height: 34px;
}
.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: #ff4343;
    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: #ff4343;
    border:1px solid #ff4343;
}
.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: #ff4343;
}
.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: #ff4343;
}
.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: #ff4343;
}
.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: #ff4343;
}
.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(../images/weixin.png);
}
.ci_con .ci_right .share .bdsharebuttonbox .bds_tsina{
    background-image: url(../images/weibo.png);
}
.ci_con .ci_right .share .bdsharebuttonbox .popup_sqq{
    background-image: url(../images/qq.png);
}
.ci_con .ci_right .share .bdsharebuttonbox .bds_weixin:hover{
    background-image: url(../images/weixin2.png);
}
.ci_con .ci_right .share .bdsharebuttonbox .bds_tsina:hover{
    background-image: url(../images/weibo2.png);
}
.ci_con .ci_right .share .bdsharebuttonbox .popup_sqq:hover{
    background-image: url(../images/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(../images/prev.png) no-repeat;
    background-size: cover;
    left: 0px;
}
.cdetails .casefo .cdp_con .slick-next{
    width: 36px;
    height: 30px;
    background: url(../images/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;
}
.index.newlist .section5 .main-container .bgf3{
   background-color: #f3f7f3;
   padding: 150px 0 0 60px; 
}
.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: 477px;
}
.index .neitop .neibei{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: left top;
}
.index .neitop .neibeiph{
	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-family: '宋体','Arial';
    font-weight: bold;
}
.index .neitop .title .right h1{
    font-size: 48px;
    line-height: 1.5;
    letter-spacing: 5px;
    font-family: '宋体','Arial';
}
.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: #ff4343;
    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: #ff4343;
    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: #ff4343;
}
.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: #ff4343;
    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: #ff4343;
    line-height: 66px;
    font-family: 'Conv_ELEPHNT';
    letter-spacing: 1.5px;
}
.contact1 .contact_title span a{
    color: #ff4343 !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 #ff4343;
}
.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-family: '宋体';
    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_top{
    background-color: #4d84f1;
    color: #ffffff;
}
.ry_top a{
    color: #ffffff;
}
.ry_top .type:after{
    background-color: #ffffff;
}
.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-family: '宋体';
    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(../images/weixin1.png);
    background-size: 100%;
}
.lt_txt .share .bdsharebuttonbox .bds_tsina {
    background-image: url(../images/weibo1.png);
    background-size: 100%;
}
.lt_txt .share .bdsharebuttonbox .bds_qzone {
    background-image: url(../images/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(../images/prev.png) no-repeat;
    background-size: cover;
    left: 0px;   
}
.lead_con .lc_slick .slick-next {
    width: 36px;
    height: 30px;
    background: url(../images/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(../images/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(../images/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: #ff4343;
	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(../images/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(../images/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(../images/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(../images/g_shouh1.png) no-repeat;
    background-position: center;
    background-size: cover;
}
25%{
    background: url(../images/g_shouh2.png) no-repeat;
    background-position: center;
    background-size: cover;
}
50%{
    background: url(../images/g_shouh3.png) no-repeat;
    background-position: center;
    background-size: cover;
}
75%{
    background: url(../images/g_shouh4.png) no-repeat;
    background-position: center;
    background-size: cover;
}
100% {
    background: url(../images/g_shouh1.png) no-repeat;
    background-position: center;
    background-size: cover;
}
}
@keyframes shouhui 
{
0% {
    background: url(../images/g_shouh1.png) no-repeat;
    background-position: center;
    background-size: cover;
}
25%{
    background: url(../images/g_shouh2.png) no-repeat;
    background-position: center;
    background-size: cover;
}
50%{
    background: url(../images/g_shouh3.png) no-repeat;
    background-position: center;
    background-size: cover;
}
75%{
    background: url(../images/g_shouh4.png) no-repeat;
    background-position: center;
    background-size: cover;
}
100% {
    background: url(../images/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(../images/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(../images/g_h51.png) no-repeat;
    background-position: center;
    background-size: cover;
}
25%{
    background: url(../images/g_h52.png) no-repeat;
    background-position: center;
    background-size: cover;
}
50%{
    background: url(../images/g_h53.png) no-repeat;
    background-position: center;
    background-size: cover;
}
75%{
    background: url(../images/g_h54.png) no-repeat;
    background-position: center;
    background-size: cover;
}
100% {
    background: url(../images/g_h51.png) no-repeat;
    background-position: center;
    background-size: cover;
}
}
@keyframes nyh5
{
0% {
    background: url(../images/g_h51.png) no-repeat;
    background-position: center;
    background-size: cover;
}
25%{
    background: url(../images/g_h52.png) no-repeat;
    background-position: center;
    background-size: cover;
}
50%{
    background: url(../images/g_h53.png) no-repeat;
    background-position: center;
    background-size: cover;
}
75%{
    background: url(../images/g_h54.png) no-repeat;
    background-position: center;
    background-size: cover;
}
100% {
    background: url(../images/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(../images/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(../images/g_abioc1.png) no-repeat;
    background-position: center;
    background-size: cover;
}
33.333333%{
    background: url(../images/g_abioc2.png) no-repeat;
    background-position: center;
    background-size: cover;
}
66.666666%{
    background: url(../images/g_abioc3.png) no-repeat;
    background-position: center;
    background-size: cover;
}
100% {
    background: url(../images/g_abioc1.png) no-repeat;
    background-position: center;
    background-size: cover;
}
}
@keyframes nyps
{
0% {
    background: url(../images/g_abioc1.png) no-repeat;
    background-position: center;
    background-size: cover;
}
33.333333%{
    background: url(../images/g_abioc2.png) no-repeat;
    background-position: center;
    background-size: cover;
}
66.666666%{
    background: url(../images/g_abioc3.png) no-repeat;
    background-position: center;
    background-size: cover;
}
100% {
    background: url(../images/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(../images/g_h51.png) no-repeat;
    background-position: center;
    background-size: cover;
}
25%{
    background: url(../images/g_h52.png) no-repeat;
    background-position: center;
    background-size: cover;
}
50%{
    background: url(../images/g_h53.png) no-repeat;
    background-position: center;
    background-size: cover;
}
75%{
    background: url(../images/g_h54.png) no-repeat;
    background-position: center;
    background-size: cover;
}
100% {
    background: url(../images/g_h51.png) no-repeat;
    background-position: center;
    background-size: cover;
}
}
@keyframes nyh5
{
0% {
    background: url(../images/g_h51.png) no-repeat;
    background-position: center;
    background-size: cover;
}
25%{
    background: url(../images/g_h52.png) no-repeat;
    background-position: center;
    background-size: cover;
}
50%{
    background: url(../images/g_h53.png) no-repeat;
    background-position: center;
    background-size: cover;
}
75%{
    background: url(../images/g_h54.png) no-repeat;
    background-position: center;
    background-size: cover;
}
100% {
    background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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%;
	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: #ff4343;
}
.buildfr .buildchange .buildprev:hover .iconfont{
    color: #ff4343;
    animation:shakey 1.2s 1 forwards;
   -webkit-animation:shakey 1.2s 1 forwards;
}
.buildfr .buildchange .buildnext:hover .txt{
    color: #ff4343;
}
.buildfr .buildchange .buildnext:hover .iconfont{
    color: #ff4343;
    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: #ff4343;
}
.cm_con{
    transition: all 0.6s;
}
.cm_con:hover{
    box-shadow: 10px 11px 10px #d1d3d5;
}
.index .section5 .main-container .news .item:hover h4{
    color: #ff4343;
}
.index .section5 .main-container .news .item:hover div{
    color: #ff4343;
}
.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: #ff4343;
}
.index .section5 .main-container .news .items:hover div{
    color: #ff4343;
}
.index .section5 .main-container .news .items:hover a img
{
    -webkit-transform: scale(1.1) translateX(-50%);
    -moz-transform: scale(1.1) translateX(-50%);
    -ms-transform: scale(1.1) translateX(-50%);
    -o-transform: scale(1.1) translateX(-50%);
    transform: scale(1.1) translateX(-50%);
}
.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: #ff4343;
}
.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;
}
.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:#ff4343;
    padding:60px 220px; 
}
.xl_top1{
    float: left;
}
.xl_top2{
    float: right;
}
.xl_top1 p{
    line-height: 1.5;
    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: 40px 0;
}
.xl_center1{
    width: 50%;
    float: left;
    margin: 0 auto
}
.xl_centle1{
    width: 140px;
    border-top:2px solid #fff;
}
.xl_centle1 h5{
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    font-family: "Quarto";
    margin-top: 17px;
    margin-bottom: 15px;
}
.xl_centle1 p{
    color: #fff;
    font-size: 44px;
    font-family: "微软雅黑";
	width:200px
}
.xl_cennr{
    margin-top: 22px;
}
.xl_cennr p{
    display: block;
    line-height: 1.5;
    color:#fff; 
    font-size: 16px;
    font-family: "微软雅黑";
	text-align: justify;
}
.xl_cennr span{
    display: block;
    line-height: 1.5;
    color:#fff; 
    font-size: 26px;
    font-family: "微软雅黑";
	text-align: justify;
}
.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_cennr span{font-size: 18px;}
   .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;
}
/*gary新加*/
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/ce8516a6b7e14074a0adf9edd866411d.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.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: #ff4343;
}
.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: #ff4343 !important;
}
.g_senav .g_senitm:nth-child(2n-1) {
    background: #ff4343;
}
.g_senitmpho{
    background: #ff4343;
    position: relative;
}
.g_senitmp{
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.gm_titbox .more{
    display: none;
}
.jk{
    background: #ff4343;
    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: #ff4343;
}
.sectionmbox .xl_top1 p{
    font-size: 20px;
	text-align: justify;
}
.morehpnk{
    margin: 45px auto 0; 
}
.morehp  a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.morehp  a:hover .more_span1{
    color: #ff4343;
}
.morehp  a:hover .iconfont{
    color: #ff4343;
}
.morehp:hover{
    border: 1px solid #ff4343;
}
.neirong .more_span2 {
    color: #a49999;
    margin-left: 10px;
    margin-top: -4px;
}
/*gary 12.7*/
a.atbnm{
  color: #ff4343 !important;
}
.g_bntbox{
  display: none;
}
.g_newsitm{
	overflow: hidden;
}
   /** Generated by FG **/
@font-face {
  font-family: 'g_weiler';
  src: url('../fonts/haettenschweiler.eot');
  src: local('☺'), url('../fonts/haettenschweiler.woff') format('woff'), url('../fonts/haettenschweiler.ttf') format('truetype'), url('../fonts/haettenschweiler.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.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: #ff4343;
}
.header .navdiv nav li .g_servicetit a:hover{
	color: #ff4343;
}
.header .navdiv nav li .g_servtitm a:hover{
	color: #ff4343;
}
.header .navdiv nav li .g_servincname a:hover{
	color: #ff4343 !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: #ff4343;
    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: #ff4343;
    border-color: #ff4343;
    transition: all 0.36s;
}
.header .option .m_dinigyue:hover{
    color: #ff4343;
}
.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: #ff4343;
    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;
}
.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: 14px;
    height: 40px;
    overflow: hidden;
    color: #464646;
    display: block;
    font-family: "Microsoft JhengHei";
    margin-top: 12px;
}
.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: #ff4343 !important;
}
.g_newsitm .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #ff4343 !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 #ff4343;
    border-radius: 15px;
    font-size: 14px;
    color: #ff4343;
}
.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: #ff4343;
}
.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: #ff4343;
    } */
    .mc_cd1s1_libox:hover .mc_cd1s1li_title {
        color: #ff4343;
    }
    .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(../images/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{
    width: 100% !important;
    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; 
}