@charset "utf-8";

/** Generated by FG **/

@font-face {

	font-family: 'F_weiler';

	src: url('../fonts/Haettenschweiler.eot.html');

	src: local('☺'), url('../fonts/Haettenschweiler.woff.html') format('woff'), url('../fonts/Haettenschweiler.ttf.html') format('truetype'), url('../fonts/Haettenschweiler.svg.html') 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.html');

    src: url('../fonts/HelveticaNeueLTPro-Cn.woff2.html') format('woff2'),

    url('../fonts/HelveticaNeueLTPro-Cn.woff.html') format('woff'),

    url('../fonts/HelveticaNeueLTPro-Cn.ttf.html') format('truetype'),

    url('../fonts/HelveticaNeueLTPro-Cn.svg.html#HelveticaNeueLTPro-Cn') format('svg'),

    url('../fonts/HelveticaNeueLTPro-Cn.eot-.html#iefix') format('embedded-opentype');

}

/** Generated by FG **/

@font-face {

    font-family: 'w97';

    src: url('../fonts/Helvetica%20LT%2097%20Black%20Condensed%20Oblique.eot.json');

    src: local('☺'), url('../fonts/Helvetica%20LT%2097%20Black%20Condensed%20Oblique.woff.json') format('woff'), url('../fonts/Helvetica%20LT%2097%20Black%20Condensed%20Oblique.ttf.json') format('truetype'), url('../fonts/Helvetica%20LT%2097%20Black%20Condensed%20Oblique.svg.json') 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.html');

    src: url('../fonts/trumpgothiceast_bold-webfont.eot-.html#iefix') format('embedded-opentype'),

    url('../fonts/trumpgothiceast_bold-webfont.woff2.html') format('woff2'),

    url('../fonts/trumpgothiceast_bold-webfont.woff.html') format('woff'),

    url('../fonts/trumpgothiceast_bold-webfont.ttf.html') format('truetype');

}

@font-face

{

    font-family: 'HHC';

    font-weight: normal;

    font-style: normal;

    src: url('../fonts/HelveticaNeueLTPro-HvCn.eot.html');

    src: url('../fonts/HelveticaNeueLTPro-HvCn.woff2.html') format('woff2'),

    url('../fonts/HelveticaNeueLTPro-HvCn.woff.html') format('woff'),

    url('../fonts/HelveticaNeueLTPro-HvCn.ttf.html') format('truetype'),

    url('../fonts/HelveticaNeueLTPro-HvCn.svg.html#HelveticaNeueLTPro-HvCn') format('svg'),

    url('../fonts/HelveticaNeueLTPro-HvCn.eot-.html#iefix') format('embedded-opentype');

}

@font-face

{

    font-family: 'RL';

    font-weight: normal;

    font-style: normal;


}


@font-face

{

    font-family: 'HLE';

    font-weight: normal;

    font-style: normal;

    src: url('../fonts/HelveticaNeueLTPro-LtE.eot.html');

    src: url('../fonts/HelveticaNeueLTPro-LtEx.woff.html') format('woff'),

    url('../fonts/HelveticaNeueLTPro-LtEx.ttf.html') format('truetype'),

    url('../fonts/HelveticaNeueLTPro-LtE.woff2.html') format('woff2'),

    url('../fonts/HelveticaNeueLTPro-LtEx.svg.html#HelveticaNeueLTPro-LtEx') format('svg');

}



/** Generated by FG **/



/** Generated by FG **/

@font-face {

    font-family: 'Conv_Gok stencil';

    src: url('../fonts/Gok%C2%A8%C2%B2%20stencil.eot.json');

    src: local('☺'), url('../fonts/Gok%C2%A8%C2%B2%20stencil.woff.json') format('woff'), url('../fonts/Gok%C2%A8%C2%B2%20stencil.ttf.json') format('truetype'), url('../fonts/Gok%C2%A8%C2%B2%20stencil.svg.json') format('svg');

    font-weight: normal;

    font-style: normal;

}

/** Generated by FG **/

@font-face {

    font-family: 'Conv_GOKÚ STENCIL';

    src: url('../fonts/GOKU%CC%81%20STENCIL.eot.json');

    src: local('☺'), url('../fonts/GOKU%CC%81%20STENCIL.woff.json') format('woff'), url('../fonts/GOKU%CC%81%20STENCIL.ttf.json') format('truetype'), url('../fonts/GOKU%CC%81%20STENCIL.svg.json') format('svg');

    font-weight: normal;

    font-style: normal;

}

/** Generated by FG **/

@font-face {

    font-family: 'Conv_MYRIADPRO-SEMIEXTIT';

    src: url('../fonts/MYRIADPRO-SEMIEXTIT.eot.html');

    src: local('☺'), url('../fonts/MYRIADPRO-SEMIEXTIT.woff.html') format('woff'), url('../fonts/MYRIADPRO-SEMIEXTIT.ttf.html') format('truetype'), url('../fonts/MYRIADPRO-SEMIEXTIT.svg.html') format('svg');

    font-weight: normal;

    font-style: normal;

}

/** Generated by FG **/

@font-face {

    font-family: 'Conv_MYRIADPRO-LIGHTCONDIT';

    src: url('../fonts/MYRIADPRO-LIGHTCONDIT.eot.html');

    src: local('☺'), url('../fonts/MYRIADPRO-LIGHTCONDIT.woff.html') format('woff'), url('../fonts/MYRIADPRO-LIGHTCONDIT.ttf.html') format('truetype'), url('../fonts/MYRIADPRO-LIGHTCONDIT.svg.html') format('svg');

    font-weight: normal;

    font-style: normal;

}

/** Generated by FG **/



/** Generated by FG **/



.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-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: 14px;

    font-size: 28px;

}

.header .option .icon-youxiang:hover{

	color: #0291eb;

}

.header .option .icon-yingwen

{

    display: inline-block;

    font-size: 26px;

}

.header .option .icon-yingwen:hover{

	color: #0291eb;

}

.header .navdiv nav li

{

    float: left;

    border-right: 1px solid rgba(255,255,255,.2);

}

.header .navdiv nav li:nth-last-child(2),



{

    border-right: none;

}

.header .navdiv nav li:last-child

{

    border-right: none;

}


.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: #0291eb;

    /*-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: #0291eb;

}

.header .navdiv nav ul >li.on >a::after{

    width: 20px;

    opacity: 1;

}

.header .navdiv nav ul >li.on >a{

    color: #0291eb;

}

.header .navdiv nav ul >li:last-child >a

{

    padding-right: 0;

    padding-left: 0;

}

.header.act

{

    height: 92px;

    /*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; 

}

.ser{

    margin-top:5px;

}

.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: #0291eb;

}

.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:#0291eb;

}

.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 span{

    display: inline-block;

    width: 79px;

    height: 79px;

    background-color: #0291eb;

    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: #0291eb;

}

.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: #0291eb;

    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: #0291eb;

    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: #0291eb;

    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: #0291eb;

}

.section .navbtn:hover span::before,

.broadside .navbtn:hover span::before

{

    top: -8px;

    background: #0291eb;

}

.section .navbtn:hover span::after,

.broadside .navbtn:hover span::after

{

    top: 8px;

    background: #0291eb;

}

.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: #0291eb;

    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: #0291eb;

}

/*第二套脚部*/

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.html") 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: #0291eb;

}

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: #fafafa;

}

/*首页*/

.index .video

{

    position: relative;

    width: 100%;

    height: 100vh;

}

.index .video .video_title{

    position: absolute;

    top: 55%;

    left: 78%;

    z-index: 1;

    transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -webkit-transition: all .4s ease 0s;

    -moz-transition: all .4s ease 0s;

    -ms-transition: all .4s ease 0s;

    -o-transition: all .4s ease 0s;

    transition: all .4s ease 0s;

}

.index .video .video_title .video_txt{

    position: relative;

    width: 466px;

    /*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: 100px;

    -webkit-animation: fadeInDown .7s ease both;

    animation: fadeInDown .7s ease both;

    animation-delay: 1.4s; 

    position: relative;

    width: 100%;

    display: block;

    left: 0;

    top: 68px;

}

.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: 0px;

    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: 122px;

    left: 53%;

    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; 

}
.yizhan{
    color: #fff;
    font-size: 36px;
}
.fuwu{
    color: #fff;
    font-size: 19px;
}
.index .video .video_txt .s-t-4{

    -webkit-animation: slideInUp 1s ease both;

    animation: slideInUp 1s ease both;

    animation-delay: 1.8s; 

}

.index .video .videocon

{

   position: fixed;

   top: 0;

   left: 0;

   width: 100%; 

   height: 100%;

}

.index .videocon:after{

    content: '';

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.5);

}

/* .index .videocon video{

    width: 100%;

} */

.index .phbanner {

   display: none;

   width: 100%;

   height: 477px; 

}

.index .phbanner .phbanimg{

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%; 

    height: 100vh;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

.index .section1.bgat .bgwhite

{

    height: 630px;

}

.buildfl{

    width: 58.2%;

    height: 100%; 

}

.buildfl .buflslick{

    margin-top: -82px;

}

.buildfl .buildimg{

    position: relative;

    width: 100%;

    height: 712px;

    padding-top: 82px;

    overflow: hidden;

}

.buildfl .buildimg .build_con1{

    width: 100%;

    height: 100%;

    background-color: #f6fcff;

}

.buildfl .buildimg .build_con2{

    width: 100%;

    height: 100%;

    background-color: #fff6e8;

}

.buildfl .buildimg .build_con3{

    width: 100%;

    height: 100%;

    background-color: #f0f7fc;

}

.buildfl .buildimg img{

    position: absolute;

    max-width: 100%;

}

.buildfl .buildimg .bxm{

    top: 0px;

    left: 40px;

    width: 481px;

    display: block;

    -webkit-transition: all .8s ease 0s;

    -moz-transition: all .8s ease 0s;

    -ms-transition: all .8s ease 0s;

    -o-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

    transform: translate(-50px,50px);

    -o-transform: translate(-50px,50px);

    -ms-transform: translate(-50px,50px);

    -moz-transform: translate(-50px,50px);

    -webkit-transform: translate(-50px,50px);

    opacity: 0;

}

.buildfl .buildimg .bx{

    transform: translate(0px,0px);

    -o-transform: translate(0px,0px);

    -ms-transform: translate(0px,0px);

    -moz-transform: translate(0px,0px);

    -webkit-transform: translate(0px,0px);

    opacity: 1;

}

.buildfl .buildimg .bym{

    bottom: 15px;

    left: 325px;

    opacity: 0;

}

.buildfl .buildimg.slick-current .by{

    -webkit-animation: fadeInUp .8s 0s ease both;

    -moz-animation: fadeInUp .8s 0s ease both;

    animation: fadeInUp .8s 0s ease both;

    opacity: 1;

}

.buildfl .buildimg .bsm{

    opacity: 0;

}

.buildfl .buildimg.slick-current .bs{

    -webkit-animation: bounceInDown 1.8s ease both;

    animation: bounceInDown 1.8s ease both;

    opacity: 1; 

}

.buildfl .buildimg .b-s-1{

    bottom: 150px;

    right: 152px;

    z-index: 10;

    -webkit-animation-delay: 0s!important;

    animation-delay: 0s !important;

}

.buildfl .buildimg .b-s-2{

    bottom: 185px;

    right: 215px;

    z-index: 9;

    -webkit-animation-delay: 0.2s!important;

    animation-delay: 0.2s!important;

}

.buildfl .buildimg .b-s-3{

    bottom: 230px;

    right: 278px;

    z-index: 8;

    -webkit-animation-delay: .3s!important;

    animation-delay: .3s!important;

}

.buildfl .buildimg .b-s-4{

    bottom: 140px;

    right: 18px;

    z-index: 7;

    -webkit-animation-delay: .4s!important;

    animation-delay: .4s!important;

}

.buildfl .buildimg .b-s-5{

    bottom: 170px;

    right: 70px;

    z-index: 6;

    -webkit-animation-delay: .5s!important;

    animation-delay: .5s!important;

}

.buildfl .buildimg .b-s-6{

    bottom: 200px;

    right: 135px;

    z-index: 5;

    -webkit-animation-delay: .6s!important;

    animation-delay: .6s!important;

}

.buildfl .buildimg .b-s-7{

    bottom: 296px;

    right: 225px;

    z-index: 4;

    -webkit-animation-delay: .7s!important;

    animation-delay: .7s!important;

}

.buildfl .buildimg .xbg{

    position: absolute;

    left: 0px;

    bottom: 0px;

    z-index: 1;

    width: 100%;

}

.buildfl .buildimg .x-s-1{

    top: 0px;

    left: 17%;

    z-index: 2;

    opacity: 0;

}

.buildfl .buildimg .x-s-2{

    top: 187px;

    left: 75px;

    z-index: 3;

}

.buildfl .buildimg .x-s-3{

    top: 250px;

    right: 190px;

    z-index: 4;

}

.buildfl .buildimg .x-s-4{

    bottom: 88px;

    left: 50%;   

    z-index: 5;

    transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}

.buildfl .buildimg.slick-current .x1{

    -webkit-animation: bounceInDown 1.5s 0s ease both;

    -moz-animation: bounceInDown 1.5s 0s ease both;

    animation: bounceInDown 1.5s 0s ease both;

    opacity: 1;

}

.buildfl .buildimg.slick-current .x2{

    -webkit-animation: bounceInRight 1.5s 0s ease both;

    -moz-animation: bounceInRight 1.5s 0s ease both;

    animation: bounceInRight 1.5s 0s ease both;

}

.buildfl .buildimg.slick-current .x3{

    -webkit-animation: bounceInLeft 1.5s 0s ease both;

    -moz-animation: bounceInLeft 1.5s 0s ease both;

    animation: bounceInLeft 1.5s 0s ease both;

}

.buildfl .buildimg.slick-current .x4{

    -webkit-animation: bounceInUp 1.5s 0s ease both;

    -moz-animation: bounceInUp 1.5s 0s ease both;

    animation: bounceInUp 1.5s 0s ease both;

}

.buildfl .buildimg .t-s-1{

    top: 100px;

    left: 610px;

    z-index: 3;

}

.buildfl .buildimg .t-s-2{

    top: 35px;

    left: 180px;

    z-index: 2;

    opacity: 0;

}

.buildfl .buildimg .t-s-3{

    top: 350px;

    left: 140px;

    z-index: 1;

}

.buildfl .buildimg .t-s-4{

    top: 200px;

    left: 0px;

    z-index: 0;

}

.buildfl .buildimg.slick-current .t1{

    -webkit-animation: fadeInUp 1s 0s ease both;

    -moz-animation: fadeInUp 1s 0s ease both;

    animation: fadeInUp 1s 0s ease both;

}

.buildfl .buildimg.slick-current .t2{

    -webkit-animation: fadeInUp 1.2s 0s ease both;

    -moz-animation: fadeInUp 1.2s 0s ease both;

    animation: fadeInUp 1.2s 0s ease both;

    opacity: 1;

}

.buildfl .buildimg.slick-current .t3{

    -webkit-animation: fadeInUp 1.4s 0s ease both;

    -moz-animation: fadeInUp 1.4s 0s ease both;

    animation: fadeInUp 1.4s 0s ease both;

}

.buildfl .buildimg.slick-current .t4{

    -webkit-animation: bounceInUp 1.5s 0s ease both;

    -moz-animation: bounceInUp 1.5s 0s ease both;

    animation: bounceInUp 1.5s 0s ease both;

}

.buildfr{

    position: relative;

    width: 41.8%;

    height: 100%;

    background-color: #f9f9f9;

}

.buildfr .buildslick{

    height: 580px;

    opacity: 0;

}

.buildslick.buildmove{

   -webkit-animation: fadeInUp .8s 0s ease both;

    -moz-animation: fadeInUp .8s 0s ease both;

    animation: fadeInUp .8s 0s ease both;

    opacity: 1; 

}

.txtdiv h5{

    color: #848484;

}

.buildfr .buildcon{

    padding: 69px 100px 0 87px;

}

.buildfr .buildcon strong{

    margin-bottom: 50px;

    display: block;

}

.buildfr .buildcon strong a{

    font-size: 60px;

    font-weight: bold;

}

.buildfr .buildcon h2{

    margin-bottom: 25px;

}

.buildfr .buildcon h2 a{

    font-weight: bold;

    font-size: 24px;

    color: #464646;

}

.buildfr .buildcon .buildmess{

    margin-bottom: 25px;

}

.buildfr .buildcon p{

    margin-bottom: 50px;

    font-size: 16px;

    color: #848484;

    line-height: 1.8;

}

.buildfr .buildcon a{

    font-size: 14px;

    color: #999999;

}

.buildfr .buildchange{

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 100%;

}

.buildfr .buildchange .buildnum{

    position: absolute;

    top: -35px;

    right: 28px;

}

.buildfr .buildchange .buildnum span{

    color: #999999;

    font-size: 18px;

    font-family: 'Conv_COPRGTL';

}

.buildfr .buildchange .buildprev,

.buildfr .buildchange .buildnext{

    position: relative;

    width: 50%;

    height: 50px;

    border-top: 1px solid #e0e0e0;

    text-align: center;

    line-height: 50px;

    cursor: pointer;

}

.buildfr .buildchange .buildprev{

    border-right: 1px solid #e0e0e0;

}

.buildfr .buildchange .buildprev .iconfont,

.buildfr .buildchange .buildnext .iconfont{

    position: absolute;

    top: 50%;

    color: #848484;

    transform: translateY(-50%);

    -o-transform:translateY(-50%);

    -ms-transform:translateY(-50%);     /* IE 9 */

    -moz-transform:translateY(-50%);    /* Firefox */

    -webkit-transform:translateY(-50%); /* Safari 和 Chrome */

}

.buildfr .buildchange .buildprev .iconfont{

    left: 31px;

}

.buildfr .buildchange .buildnext .iconfont{

    right: 31px;  

}

.buildfr .buildchange .buildprev .txt,

.buildfr .buildchange .buildnext .txt{

    color: #848484;

    font-size: 16px;

    line-height: 50px;

}

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: #0291eb;

}

.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: 90px;

}

.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: #0291eb;

}

.gx_ydcen a:hover{

    color: #0291eb;

}    

.gx_dah3,.gx_tubtn{

    transition: all 0.36s;

}

.gx_neitm  a:hover .gx_dah3{

    color: #0291eb;

}  

.gx_neitm  a:hover .gx_tubtn{

    color: #0291eb;

}  

.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: #0291eb;

} 

.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: 80px;

}

.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: #0291eb;

}

.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%;

}

.index .section5 .main-container .news h4{

    font-size: 24px;

    color: #464646;

    line-height: 50px;

}

.index .section5 .main-container .news .shift

{

    width: 65%;

    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-bottom: 1px solid #e5e5e5;

}

.index .section5 .main-container .news .shift li:after{

    content: '';

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 0px;

    height: 1px;

    background-color: #0291eb;

    -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: #0291eb;

}

.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: #0291eb;

    }

}

.index .section5 .main-container .news .shift li a span

{

    margin-left: 7px;

}

.index .section5 .main-container .news .con

{

    width: 35%;

    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: 20px;

    line-height: 2;

    color: #464646;

    font-family: "Microsoft JhengHei"; 

    transition: none ease-out .3s;

    transition-property: none;

    transition-duration: 0.3s;

    transition-timing-function: ease-out;

    transition-delay: 0s;

    transition-property: color, background, text-indent, opacity;

}

.index .section5 .main-container .news .con .text:after{

    content: '';

    position: absolute;

    left: 0px;

    bottom: -1px;

    width: 0px;

    height: 1px;

    background-color: #0291eb;

    -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: #0291eb;

}

.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: #0291eb;

}

.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: #0291eb;

}

.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:#0291eb;

}

.newservice .section7,

.retrieve .section7,

.enjoy .section7,

.lead .section7{

    background: #f3f7f3;

}

.atvbgjk{

    color: #0291eb !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: #0291eb;

    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: #0291eb !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: #0291eb;

}

.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 #0291eb;

    border-radius: 50%;

}

.index .section5 .content .slick-dots li.slick-active{

    background-color: #0291eb;

}

/*去掉新闻列表线*/

.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: 21%;

}

.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.html") 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: #0291eb;

}

.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: #0291eb;

}

.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: #0291eb;

    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: #0291eb;

    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: #0291eb;

    border:1px solid #0291eb;

}

.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: #0291eb;

}

.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: #0291eb;

}

.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: #0291eb;

}

.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: #0291eb;

}

.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.html");

}

.ci_con .ci_right .share .bdsharebuttonbox .bds_tsina{

    background-image: url("../images/weibo.png.html");

}

.ci_con .ci_right .share .bdsharebuttonbox .popup_sqq{

    background-image: url("../images/qq.png.html");

}

.ci_con .ci_right .share .bdsharebuttonbox .bds_weixin:hover{

    background-image: url("../images/weixin2.png.html");

}

.ci_con .ci_right .share .bdsharebuttonbox .bds_tsina:hover{

    background-image: url("../images/weibo2.png.html");

}

.ci_con .ci_right .share .bdsharebuttonbox .popup_sqq:hover{

    background-image: url("../images/qq2.png.html");

}

.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.html") no-repeat;

    background-size: cover;

    left: 0px;

}

.cdetails .casefo .cdp_con .slick-next{

    width: 36px;

    height: 30px;

    background: url("../images/slicknext.png.html") 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;
    padding:0 0 0 0;

}

.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: #0291eb;

    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: #0291eb;

    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: #0291eb;

}

.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: #0291eb;

    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: #0291eb;

    line-height: 66px;

    font-family: 'Conv_ELEPHNT';

    letter-spacing: 1.5px;

}

.contact1 .contact_title span a{

    color: #0291eb !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 #0291eb;

}

.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 50px 40px 70px;

    background-color: #0291eb;

}

.newservice .bgray a{

    color: #404c63;

}

.newservice .bgray .grayfl{

    width: 42.1%;

    height: 100%;

    color: #fff;

}

.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;
    
    color: #f5f5f5;

}

.type:after{

    content: '';

    position:absolute;

    top: 0px;

    left: 0px;

    width: 109px;

    height: 2px;

    background-color: #fff;

}

.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: 34px;

    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: #fff;

}

.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: #33bfcc;

    position: relative;

    padding-left: 56px;

    padding-right: 56px;

}

.bgblack .black_top img{

    max-width: 80%;

    position: relative;

    display: block;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}

.bgblack .black_center{

    background-color: #33bfcc;

    color: #fff;

}

.bgblack .black_center a{

    color: #ceccb7;

}

.bgblack .black_center .type:after{

    background-color: #fff;

}

.bgblack .black_center .webul li{

    color: #fff;

}

.bgblack .black_bottom{

    background-color: #2a354a;

    color: #f65846;

}

.bgblack .black_bottom a{

    color: #f65846;

}

.bgblack .black_bottom .type:after{

    background-color: #f65846;

}

.bgblack .black_bottom .webul li{

    color: #fff;

}

.ry .ry_top{

    background-color: #fca50f;

    color: #ffffff;

}

.ry .ry_top a{

    color: #ffffff;

}

.ry .ry_top .type:after{

    background-color: #ffffff;

}

.ry .ry_top .webul li{

    color: #ffffff;

}

.ry .ry_center{

    background-color: #0291eb;

    color: #000;

}

.ry .ry_center a{

    color: #000;

}

.ry .ry_center .type:after{

    background-color: #000;

}

.ry .ry_center .webul li{

    color: #fff;

}

.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.html");

    background-size: 100%;

}

.lt_txt .share .bdsharebuttonbox .bds_tsina {

    background-image: url("../images/weibo1.png.html");

    background-size: 100%;

}

.lt_txt .share .bdsharebuttonbox .bds_qzone {

    background-image: url("../images/qq1.png.html");

    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.html") no-repeat;

    background-size: cover;

    left: 0px;   

}

.lead_con .lc_slick .slick-next {

    width: 36px;

    height: 30px;

    background: url("../images/slicknext.png.html") 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.html") 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.html") 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

{

    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: #0291eb;

	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.html") 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.html") 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.html") 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.html") no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url("../images/g_shouh2.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url("../images/g_shouh3.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url("../images/g_shouh4.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url("../images/g_shouh1.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

}

@keyframes shouhui 

{

0% {

    background: url("../images/g_shouh1.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url("../images/g_shouh2.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url("../images/g_shouh3.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url("../images/g_shouh4.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url("../images/g_shouh1.png.html") 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.html") 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.html") no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url("../images/g_h52.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url("../images/g_h53.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url("../images/g_h54.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url("../images/g_h51.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

}

@keyframes nyh5

{

0% {

    background: url("../images/g_h51.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url("../images/g_h52.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url("../images/g_h53.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url("../images/g_h54.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url("../images/g_h51.png.html") 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.html") 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.html") no-repeat;

    background-position: center;

    background-size: cover;

}

33.333333%{

    background: url("../images/g_abioc2.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

66.666666%{

    background: url("../images/g_abioc3.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url("../images/g_abioc1.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

}

@keyframes nyps

{

0% {

    background: url("../images/g_abioc1.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

33.333333%{

    background: url("../images/g_abioc2.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

66.666666%{

    background: url("../images/g_abioc3.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url("../images/g_abioc1.png.html") 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.html") no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url("../images/g_h52.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url("../images/g_h53.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url("../images/g_h54.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url("../images/g_h51.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

}

@keyframes nyh5

{

0% {

    background: url("../images/g_h51.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url("../images/g_h52.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url("../images/g_h53.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url("../images/g_h54.png.html") no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url("../images/g_h51.png.html") 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.html") 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.html") 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.html") 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.html") 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.html") no-repeat;

    background-size: 100%;

    transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

}

.serdetails .caseph{

    display: block;

}

.serdetails .caphtitle h4{

    font-size: 60px;

    color: #464646;

    font-family: "Microsoft JhengHei";

    text-align: center;

}

.serdetails .txtdiv h3{

    font-size: 30px;

    color: #464646;

    font-family: "Microsoft JhengHei";

}

.serdetails .messdiv .zandiv img{

    width: 100%;

    display: block;

}

.serdetails .messdiv {

    padding: 0 0px;

    height: auto;

    margin-top: 30px;

}

.serdetails .cm_con {

    margin-bottom: 30px;

}

.adv_con .adv_box{

    visibility: visible;

    animation-name: fadeInUp;

}

.adv_con .adv_box:nth-child(1){

    animation-delay: 0.3s;

}

.adv_con .adv_box:nth-child(2){

    animation-delay: 0.5s;

}

.adv_con .adv_box:nth-child(3){

    animation-delay: 0.7s;

}

.adv_con .adv_box:nth-child(4){

    animation-delay: 0.3s;

}

.adv_con .adv_box:nth-child(5){

    animation-delay: 0.5s;

}

.adv_con .adv_box:nth-child(6){

    animation-delay: 0.7s;

}

.adv_con .adv_box:nth-child(7){

    animation-delay: 0.3s;

}

.adv_con .adv_box:nth-child(8){

    animation-delay: 0.5s;

}

.adv_con .adv_box:nth-child(9){

    animation-delay: 0.7s;

}

.serdetails .g_methlast span {

    padding-left: 42px;

    padding-right: 42px;

}

.serdetails .g_methlast {

    margin-left: -42px;

    margin-right: -42px;

}

.phbanimg{

	position: fixed;

	width: 100%;

	height: 100vh;

	left: 0;

	top: 0;

}

.section6{

    overflow: hidden;

}

.product_box{

    padding-left: 60px;

    padding-right: 60px;

}

.product_slick .slick-list{;

    /*margin-right: -60px;*/

    overflow: hidden;

}

.product_boxn{

    width: 100%;

    display: block;

}

.serdetails .g_adva{

    background: rgb(251,252,253);

    padding-top: 114px;

}

.serdetails .g_advatit span {

    margin-top: 0px;

}

.g_iocfh{

    width: 20px;

    display: none;

    position: relative;

}

.g_iocfh img{

    width: 100%;

    display: block;

    left: 0;

    top: 0;

}

.g_iocfha{

    position: relative;

    transition: all 0.1s;

    -webkit-transition: all 0.1s;

    -ms-transition: all 0.1s;

    -moz-transition: all 0.1s;

}

.g_iocfhb{

    position: absolute;

    opacity: 0;

    transition: all 0.1s;

    -webkit-transition: all 0.1s;

    -ms-transition: all 0.1s;

    -moz-transition: all 0.1s;

}

.g_syatv .g_iocfh{

    display: block;

}

.g_syatv .g_iocfhz{

    display: none !important;

}

.cdetailsc .case_bt{

   padding-top: 79px;

}

.cdetailsc  .casenav li a{

    color: #ffffff;

}

.cdetailsc .casenav li a:after{

    background-color: #ffffff;

}

.cdetailsc .lead_top{

    padding-top: 0;

}

.lead_topbox{

    margin-top: 36px;

}

.dana1g .serlogo{

    position: absolute;

    right: 0;

    top: 50px;

    z-index: 1;

    width: 230px;

}

.dana1g .serlogo img{

    width: 100%;

    display: block;

}

.enjoy_titlebox{

    position: relative;

}

.caseanli .casenav li a:after{

    background-color: #ffffff;

}

.dana1g .enjoy_title{

	width: calc(100% - 240px);

}

.enjoy_titlebox{

	border-bottom: 2px solid #dddddd;

}

.enjoy_titlebox .enjoy_title{

	border-bottom: 0px solid #dddddd;

}

.enjoy_titlebox .enjoy_title:after{

	display: none;

}

.enjoy_titlebox:after {

    content: '';

    position: absolute;

    bottom: 0px;

    left: 0px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background-color: #dcdcdc;

    transform: translateY(50%);

    -o-transform: translateY(50%);

    -ms-transform: translateY(50%);

    -moz-transform: translateY(50%);

    -webkit-transform: translateY(50%);

}

.header .navdiv nav{

    margin-right: -26px;

}

.lead_con .lc_slick .lc_small{

    cursor: pointer;

}

.g_senav{

    width: 62px;

    position: fixed;

    right: 0;

    top: 50%;

    transform: translate(100%,-50%);

    z-index: 51;

    transition: all 0.3s;

}

.g_senavatv{

    transform: translate(0,-50%);

}

.g_senitm{

    cursor: pointer;

    position: relative;

}

.g_senitma{

    width: 100%;

    display: block;

    position: relative;

    left: 0;

    top: 0;

}

.g_senitmb{

    width: 100%;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

}

.g_senav .g_senitm:nth-child(2n - 1){

    background: #ffffff;

}

.g_senav .g_senitm:nth-child(2n){

    background: #eaeaea;

}

/*中间联系*/

.g_cseon{

    width: 718px;

    background: #e83f3f;

    padding: 18px;

    position: fixed;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%) scale(0);

    z-index: 150;

    overflow: hidden;

    transition: all 0.6s;

}

.g_jsalxotvwx .g_cseon{

    transform: translate(-50%,-50%) scale(1);

}

.g_jsalxotvwx{

    width: 100%;

    height: 100vh;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 150;

    background: rgba(0,0,0,0.5);

}

.g_jsalxotvwx .g_cseonboxl{

    -webkit-animation: fadeInLeft .7s ease both;

    animation: fadeInLeft .7s ease both;

    animation-delay: 0.5s;

}

.g_jsalxotvwx .g_cseonboxr{

    -webkit-animation: fadeInRight .7s ease both;

    animation: fadeInRight .7s ease both;

    animation-delay: 0.5s;

}

.g_cseonboxr{

    width: 182px;

}

.g_cseonbox{

    width: 100%;

    border: 1px dotted rgba(255,255,255,0.9);

    padding-top: 65px;

    padding-bottom: 65px;

    padding-left: 20px;

    padding-right: 20px;

    position: relative;

}

.g_cseonboxlip span{

    font-size: 20px;

    color: #ffffff;

    font-family: "Microsoft JhengHei";

    display: block;

    padding-left: 10px;

    padding-right: 10px;

}

.g_cseonboxl{

    width: calc(100% - 182px - 20px);

}

.g_cseonboxlip span h5{

    font-size: 22px;

    display: inline-block;

    margin-top: 0;

}

.g_cseonboxlip{

    margin-left: -10px;

    margin-right: -10px;

}

.g_cseonboxl h3{

    font-size: 42px;

    color: #ffffff;

    font-family: "Microsoft JhengHei";

    margin-top: 32px;

}

.g_cseonboxl h5{

    font-size: 28px;

    color: #ffffff;

    margin-top: 38px;

}

.g_cseonboxl h5 a{

    color: #ffffff !important;

    display: none;

}

.g_spamkb{

    display: none;

}

.g_cseonboxlbtn{

    margin-top: 32px;

}

.g_cseonboxlbtn span{

    font-family: "Microsoft JhengHei";

    font-size: 20px;

    color: #ffffff;

    text-align: center;

    line-height: 44px;

    width: 138px;

    height: 46px;

    display: block;

    border: 1px solid #ffffff;

}

.g_cseonboxlbtn span a{

    display: block;

    width: 100%;

    height: 100%;

    line-height: 44px;

    color: #ffffff;

    background: #e83f3f;

}

.g_cseonboxlbtnr{

    margin-left: 34px;

}

.g_sybtnyss a{

    color: #ffffff;

}

.g_cseonboxr{

    margin-right: 20px;

}

.g_cseonboxr h5{

    font-size: 18px;

    color: #ffffff;

    color: #ffffff;

    font-family: "Microsoft JhengHei";

    text-align: center;

    margin-top: 24px;

    line-height: 1.4;

}

.g_cseonboxrermimg{

    width: 100%;

    display: block;

}

.g_cseonboxrerm1{

    width: 30px;

    height: 30px;

    border-top: 1px solid #ffffff;

    border-left: 1px solid #ffffff;

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    animation:sxg 1.2s infinite;

    -webkit-animation:sxg 1.2s infinite;

}

.g_cseonboxrerm2{

    width: 30px;

    height: 30px;

    border-top: 1px solid #ffffff;

    border-right: 1px solid #ffffff;

    position: absolute;

    right: 0;

    top: 0;

    display: block;

    animation:sxg 1.2s infinite;

    -webkit-animation:sxg 1.2s infinite;

}

.g_cseonboxrerm3{

    width: 30px;

    height: 30px;

    border-bottom: 1px solid #ffffff;

    border-right: 1px solid #ffffff;

    position: absolute;

    right: 0;

    bottom: 0;

    display: block;

    animation:sxg 1.2s infinite;

    -webkit-animation:sxg 1.2s infinite;

}

.g_cseonboxrerm4{

    width: 30px;

    height: 30px;

    border-bottom: 1px solid #ffffff;

    border-left: 1px solid #ffffff;

    position: absolute;

    left: 0;

    bottom: 0;

    display: block;

    animation:sxg 1.2s infinite;

    -webkit-animation:sxg 1.2s infinite;

}

.g_cseonboxrerm{

    position: relative;

    padding-left: 7px;

    padding-right: 7px;

    padding-top: 7px;

    padding-bottom: 7px;

    margin-top: 10px;

}

.g_cseonboxgb{

    width: 18px;

    position: absolute;

    right: 25px;

    top: 22px;

    cursor: pointer;

}

.g_cseonboxgb img{

    width: 100%;

    display: block;

}

@keyframes sxg

{

0% {

    transform: scale(1);

}

to {

    transform: scale(1.2);

}

}

/*电话框*/

.g_jsaphotvwx{

    width: 100%;

    height: 100vh;

    position: fixed;

    left: 0;

    top: 0;

    background: rgba(0,0,0,0.5);

    z-index: 10;

}

.g_senphon{

    z-index: 90;

}

.g_senphonbox{

    width: 602px;

    background: #ffffff;

    padding-left: 36px;

    padding-right: 36px;

    padding-top: 40px;

    padding-bottom: 40px;

    position: fixed;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%) scale(0);

    z-index: 5;

    transition: all 0.6s;

    overflow: hidden;

}

.g_senphonboxtit p{

    font-size: 18px;

    color: #464646;

    font-family: "Microsoft JhengHei";

}

.g_jsaphotvwx .g_senphonbox{

    transform: translate(-50%,-50%) scale(1);

}

.g_sybtnyss{

    font-size: 20px;

    color: #ffffff;

    font-family: "Microsoft JhengHei";

    text-align: center;

    line-height: 56px;

    display: block;

    height: 56px;

    background: #333333;

    cursor: pointer;

}

.g_senphonboxtb p{

    font-size: 18px;

    color: #464646;

    font-family: "Microsoft JhengHei";

    width: calc(100% - 35px);

}

.g_senphonboxtit span{

    width: 18px;

    display: block;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer;

}

.g_senphonboxtit span img{

    width: 100%;

    display: block;

}

.g_senphonboxtit{

    position: relative;

}

.g_senphonbinpl input{

    height: 36px;

    line-height: 36px;

    display: block;

    position: relative;

    top: 50%;

    width: 100%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

}

.g_senphonbinpl{

    height: 56px;

    width: calc(100% - 188px - 20px);

    border-bottom: 1px solid #b0b0b0;

    position: relative;

}

.g_senphonbinpr{

    width: 188px;

}

.g_senphonboxtbn span{

    width: calc(50% - 17px);

}

.g_senphonbinp{

    margin-top: 42px;

}

.g_senphonboxtb{

    margin-top: 46px;

}

.g_senphonboxtbn{

    margin-top: 48px;

}

/*微信*/

.g_senweix{

    width: 164px;

    position: absolute;

    left: 300px;

    bottom: -63px;

    z-index: 50;

    transform: translateX(calc(-100% - 10px - 12px));

}

.g_jsatvwx{

    left: 0;

}

.g_senweix .g_senweiximg{

    width: 100%;

    transition: all 1.3s;

}

.g_jsatvwx .g_senweiximg{

    -webkit-animation: fadeInRight .7s ease both;

    animation: fadeInRight .7s ease both;

    animation-delay: 0.5s; 

}

.g_senweiximg img{

    width: 100%;

    display: block;

}

.g_senweix span{

    width: 10px;

    display: block;

    position: absolute;

    right: -9px;

    top: 50%;

    transform: translateY(-50%);

}

.g_senweix span img{

    width: 100%;

    display: block;

}

.g_senphon {

    box-shadow: 4px 4px 6px rgba(119, 108, 108, 0.52);

    /*border: 1px solid #333333; deleted by Paul*/

}

.broadside .broadback span{

    width: 20px;

    margin: auto;

    position: relative;

}

.g_syhom{

    display: block;

}

.g_syhom img{

    width: 100%;

    display: block;

}

.broadside .g_iocfha{

    position: relative;

    width: 100%;

    display: block;

    left: 0;

    top: 0;

}

.broadside .g_iocfhb{

    position: absolute;

    width: 100%;

    display: block;

    left: 0;

    top: 0;

    opacity: 0;

}

.g_syatv .g_syhom{

    display: none;

}

.g_senitmqq .g_senweix{

    width: 145px;

    top: 50%;

    bottom: inherit;

    transform: translate(200%,-50%);

    left: 0;

}

.g_senitmqq .g_senweix p{

    font-size: 18px;

    color: 333333;

    background: #ffffff;

    line-height: 62px;

    padding-left: 15px;

    padding-right: 15px;

}

.g_senitmqq .g_senweiximg{

    width: auto;

    height: 100%;

}

.g_senitmqq .g_jsatvwx{

    /*left: calc(-240% + 5px);*/

    transform: translate(-100%,-50%); 

}

.g_iocleftbtn .broadback span{

    width: 20px;

    display: block;

    margin: auto;

    position: relative;

}

.g_iocleftbtn .broadsearch span{

    width: 20px;

    display: block;

    margin: auto;

    position: relative;

}

.g_iocleftbtn span img{

    width: 100%;

    display: block;

    left: 0;

    top: 0;

}

.g_advaitmiocbox {

    height: 180px;

    position: relative;

}

.g_footys1 .wrap .ret_line:after {

    bottom: -5px;

    left: -7px;

}

.g_cseonboxl{

    transform: translateX(-300px);

    -webkit-transform: translateX(-300px);

    -ms-transform: translateX(-300px);

    -moz-transform: translateX(-300px);

    opacity: 0;

    transition: all 0.9s;

    -webkit-transition: all 0.9s;

    -ms-transition: all 0.9s;

   -moz-transition: all 0.9s;

}

.g_cseonboxr{

    transform: translateX(300px);

    -webkit-transform: translateX(300px);

    -ms-transform: translateX(300px);

    -moz-transform: translateX(300px);

    opacity: 0;

    transition: all 0.9s;

    -webkit-transition: all 0.9s;

    -ms-transition: all 0.9s;

   -moz-transition: all 0.9s;

}

.g_cseon{

    overflow: hidden;

}

.atbng2 .g_cseonboxl,.atbng2 .g_cseonboxr{

    transform: translateX(0);

}

@media (min-width: 1200px){

.g_anbtnbox:hover .zandiv{

   animation:shake 1.2s 1 forwards;

   -webkit-animation:shake 1.2s 1 forwards;

} 

.caseanli .txtdiv p{

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -moz-transition: all 0.3s;

}

.caseanli .messdiv .zandiv:hover{

   animation:shake 1.2s 1 forwards;

   -webkit-animation:shake 1.2s 1 forwards;

} 

.g_iocfh:hover .g_iocfha{

    opacity: 0;

}

.g_iocfh:hover .g_iocfhb{

    opacity: 1;

    transform: scale(1.15);

}

.buildfr .buildchange .buildprev:hover .txt{

    color: #0291eb;

}

.buildfr .buildchange .buildprev:hover .iconfont{

    color: #0291eb;

    animation:shakey 1.2s 1 forwards;

   -webkit-animation:shakey 1.2s 1 forwards;

}

.buildfr .buildchange .buildnext:hover .txt{

    color: #0291eb;

}

.buildfr .buildchange .buildnext:hover .iconfont{

    color: #0291eb;

    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: #0291eb;

}

.cm_con{

    transition: all 0.6s;

}

.cm_con:hover{

    box-shadow: 10px 11px 10px #d1d3d5;

}

.index .section5 .main-container .news .item:hover h4{

    color: #0291eb;

}

.index .section5 .main-container .news .item:hover div{

    color: #0291eb;

}

.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: #0291eb;

}

.index .section5 .main-container .news .items:hover div{

    color: #0291eb;

}

.index .section5 .main-container .news .items:hover a img

{

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}

.index .section5 .main-container .news .items:hover .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: #0291eb;

}

.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 backwards;

   -webkit-animation:shake 1.2s 1 backwards;

}

.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;

}



.xiala{

    width:100%;

    background:#0291eb;

    padding:60px 220px; 

}

.xl_top1{

    float: left;

}

.xl_top2{

    float: right;

}

.xl_top1 p{

    line-height: 48px;

    color: #fff;

    font-size: 36px;

    font-family: "微软雅黑";

}

.xl_logo{

    padding:0 20px; 

    float: left;

}

.gl_logoimg img{

    width: 56px;

}

.xl_logo img{

    display: block;

    margin: auto;

}

.xl_top2 .xl_logo p{

    height: 36px;

    text-align: center;

    line-height: 18px;

    width: 88px;

    color: #fff;

    font-size: 14px;

    font-family: "微软雅黑";

    margin-top: 5px;

}

.box2{

    padding: 60px 0;

}

.xl_center1{

    width: 50%;

    float: left;

    margin: 0 auto

}

.xl_centle1{

    width: 120px;

    border-top:2px solid #fff;

}

.xl_centle1 h5{

    font-weight: bold;

    color: #fff;

    font-size: 18px;

    font-family: "Quarto";

    margin-top: 17px;

    margin-bottom: 15px;

}

.xl_centle1 p{

    color: #fff;

    font-size: 60px;

    font-family: "微软雅黑";

}

.xl_cennr{

    margin-top: 22px;

}

.xl_cennr p{

    display: block;

    line-height: 36px;

    color:#fff; 

    font-size: 24px;

    font-family: "微软雅黑";

}

.xl_center1b{

    padding-right: 100px;

}

.box3 p{

    line-height: 30px;

    color:#fff; 

    font-size: 18px;

    font-family: "微软雅黑";

}

.box3 h3{

    line-height: 48px;

    color:#fff; 

    font-size: 24px;

    font-family: "微软雅黑";

}

.box3 span{

    color:#fff; 

    font-size: 72px;

    font-family: 'Conv_ELEPHNT';

    display: block;

    margin-top: 5px;

}

.xl_center1n{

    padding-left: 36px;

}

.g_yxxlbox{

    display: none;

    position: fixed;

    width: 100%;

    top: 0px;

    left: 0;

    z-index: 1000000000;

}

.g_shjbotn{

    cursor: pointer;

}

.g_bmsjbtn {

    position: absolute;

    right: 0;

    top: 0;

    transform: translate(-30px,30px);

    cursor: pointer;

    width: 36px;

}

.g_bmsjbtn img {

    width: 100%;

    display: block;

    transition: all 0.9s;

}

.gyx_sjmap{

    width: 35px;

    display: inline-block;

}

.g_shjbotn .g_pshimh{

    line-height: 24px;

}

.g_bmsjbtn:hover img{

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

}

.g_pshimh{

    font-family: "微软雅黑" !important;

}

.g_shjbotn {

    transform: translateY(2px);

}

.g_jyzqn {

    transform: translateY(2px);

}

.g_jyzqn{

    cursor: pointer;

}

@media screen and (max-width: 1860px){

  .xiala {

    padding: 55px 180px;

}

}

@media screen and (max-width: 1680px){

  .xiala{

    padding:55px 80px; 

   }

   .xl_center1b {

      padding-right: 60px;

  }

}

@media screen and (max-width: 1560px){

   .xiala{

    padding:60px 55px; 

   }

}

@media screen and (max-width: 1440px){

  .xl_center1n {

    padding-left: 0;

  }

  .xl_center1b {

    padding-right: 26px;

  }

   .xiala{

    padding:46px 46px; 

   }

  .box2 {

    padding: 45px 0;

  }

   .xl_cennr p{

    line-height: 32px;

    font-size: 22px;

   }

   .xl_top1 p{

    line-height: 48px;

    font-size: 30px;

   }

    .xl_logo{

    padding:0 15px; 

    float: left;

   }

   .xl_centle1 p{

    font-size: 52px;

   }

   .box3 span{

    font-size: 62px;

    }

    .g_bmsjbtn {

        transform: translate(-20px,20px);

        width: 26px;

    }

}

@media screen and (max-width: 1370px){

   .box2 {

      padding: 38px 0;

  }

   .xl_cennr {

    margin:0 auto;

    padding-top: 20px;

   }

   .xl_cennr p{

    font-size: 22px;

   }

   .xl_top1 p{

    font-size: 32px;

   }

   .xl_centle1 p{

    font-size: 38px;

    }

   .box3 span{

    font-size: 48px;

    }

    .xl_top1 p {

      line-height: 42px;

      font-size: 26px;

    }

    .xl_centle1 h5 {

      margin-top: 14px;

      margin-bottom: 12px;

  }

   .g_jyzqn{

        margin-left: 30px;

        margin-right: 30px;

    }

}

@media screen and (max-height: 650px){

    .xl_centle1 p {

        font-size: 48px;

    }

    .xl_centle1 h5 {

        margin-top: 12px;

        margin-bottom: 12px;

    }

    .box2 {

        padding: 32px 0;

    }

}

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

    .g_yxxlbox{

        display: none !important;

    }

    .g_shjbotn {

        display: none;

    }

}

.g_senav .g_senitm:nth-child(2n-1){

    background: #13222f;

}

.g_senav .g_senitm:nth-child(2n){

    background: #eaeaea;

}

.g_senitmqq .g_senweix p{

    background: #13222f;

    color: #fff;

}

.g_senitmpho{

   background: #13222f;

   position: relative;

   z-index: 100;

}

.g_wxboxiop{

    background: #eaeaea;

   position: relative;

   z-index: 100;

}

.g_senitm {

    z-index: 5;

}

.g_senitm.g_senitmweix{

    z-index: 1;

}

.g_jqurlbox{

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

}

.g_shjbotn{

    margin-right: 32px;

}

/*gary新加*/

@font-face {font-family: "iconfont";

  src: url('iconfont.eot-t=1541744461166.html'); /* IE9*/

  src: url('iconfont.eot-t=1541744461166.html#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAPgAAsAAAAABiwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZCCk2GY21hcAAAAYAAAABLAAABcOy8xmZnbHlmAAABzAAAACwAAAAsLc989GhlYWQAAAH4AAAALAAAADYTNNPCaGhlYQAAAiQAAAAcAAAAJAfeA4NobXR4AAACQAAAAAgAAAAICAAAAGxvY2EAAAJIAAAABgAAAAYAFgAAbWF4cAAAAlAAAAAeAAAAIAENABVuYW1lAAACcAAAAUUAAAJtPlT+fXBvc3QAAAO4AAAAKAAAADwfO6jEeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBxeT3k9hbnhfwNDDHMDQwNQmBEkBwD1Fw0VeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfz3l/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwCfLwvNAAABAAAAAAOrAisACAAAASEVIQcXNycHA1X9KwLekR7AwB4BhCqRHsDAHgAAeJxjYGRgYABi+541BvH8Nl8ZuFkYQOAGt4cvMs3CwKQNpDgYmEA8ANjIBoN4nGNgZGBgbvjfwBDDwgACQJKRARUwAQBHCAJrBAAAAAQAAAAAAAAAABYAAHicY2BkYGBgYuBkANEgFgMDFxAyMPwH8xkACXgBIwAAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAiZGJkZlBKCszMa8kvzS+AkinVwIZ+QwMAFw0B8M=') format('woff'),

  url('iconfont.ttf-t=1541744461166.html') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

  url('iconfont.svg-t=1541744461166.html#iconfont') 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;

}

.sectionk .bgblue{

    background: #0291eb;

    padding-top: 70px;

    padding-bottom: 70px;

    padding-left: 25px;

}

.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: #fff;

    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: 200px;

    margin: 0 auto;

}

.sectionk .tu_img img{

    width: 100%;

}

.sectionk .w_zi{

    margin-top: 36px;

}

.sectionk .w_zia{

    font-family: "微软雅黑";

    color: #fff;

    font-size: 24px;

    text-align: center;

    position: relative;

}

.sectionk .w_zia::after{

    content: '';

    position: absolute;

    bottom: -24px;

    left: 50%;

    transform: translateX(-50%);

    width: 70px;

    height: 1px;

    background-color: #fff;

}

.sectionk .w_zib{

    font-family: "微软雅黑";

    color: #fff;

    font-size: 15px;

    margin-top: 38px;

    text-align: center;

    text-transform: uppercase;

}

.sectionk .frzi{

    position: relative;

}

.sectionk .frziimg{

    width: 605px;

    position: absolute;

    right:20px;

    top: -44px;

}

.sectionk .frziimg img{

    width: 100%;

}

.sectionk .frzibox{

    font-family: "微软雅黑";

    color: #fff;

    font-size: 24px;

    position: absolute;

    width:100%;

    line-height: 95px;

    width:100%;

    height: 100%;

    top:0;

    text-align: center;

}

.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;

}

.section5 .gm_titbox {

    margin-bottom: 25px;

}

.section5 .gm_titbox h4 a{

    font-family: "微软雅黑";

    color: #000000;

    font-size: 24px;

}

.section5 .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: #fff;

    font-size: 16px;

    line-height: 50px;

}

.morehp .more_span2 i{

    font-size: 21px;

    color: #fff;

    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: #0291eb !important;

}

.g_senav .g_senitm:nth-child(2n-1) {

    background: #0291eb;

}

.g_senitmpho{

    background: #0291eb;

    position: relative;

}

.g_senitmp{

    width: 35px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}

.gm_titbox .more{

    display: none;

}

.jk{

    background: #0291eb;

    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: #ffffff;

}

.sectionmbox .xl_top1 p{

    font-size: 32px;

}

.morehpnk{

    margin: 45px auto 0; 

}

.morehp  a{

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

}

.morehp  a:hover .more_span1{

    color: #fff;

}

.morehp  a:hover .iconfont{

    color: #fff;

}

.morehp:hover{

    border: 1px solid #fff;

}

.neirong .more_span2 {

    color: #fff;

    margin-left: 10px;

    margin-top: -4px;

}

/*gary 12.7*/

a.atbnm{

  color: #0291eb !important;

}

.g_bntbox{

  display: none;

}

.g_newsitm{

	overflow: hidden;

}

   /** Generated by FG **/

@font-face {

  font-family: 'g_weiler';

  src: url('../fonts/Haettenschweiler.eot.html');

  src: local('☺'), url('../fonts/Haettenschweiler.woff.html') format('woff'), url('../fonts/Haettenschweiler.ttf.html') format('truetype'), url('../fonts/Haettenschweiler.svg.html') 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: #0291eb;

}

.header .navdiv nav li .g_servicetit a:hover{

	color: #0291eb;

}

.header .navdiv nav li .g_servtitm a:hover{

	color: #0291eb;

}

.header .navdiv nav li .g_servincname a:hover{

	color: #0291eb !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: #0291eb;

    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:0px;

    font-weight: bold;

}

.m_dinigyue:hover{

    color: #0291eb;

    border-color: #0291eb;

    transition: all 0.36s;

}

.header .option .m_dinigyue:hover{

    color: #0291eb;

}

.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: #0291eb;

    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: #fff;

    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: #0291eb !important;

}

.g_newsitm .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    background: #0291eb !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 #0291eb;

    border-radius: 15px;

    font-size: 14px;

    color: #0291eb;

}

.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: #0291eb;

}

.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: #0291eb;

    } */

    .mc_cd1s1_libox:hover .mc_cd1s1li_title {

        color: #0291eb;

    }

    .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/528/xwc_line.png.html") 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 {

    width: 100%;

    position: relative;

    z-index: 0;

  }

  .banner .flexslider {

    width: 100%;

    height: 100%;

    overflow: hidden;

    min-width: 1000px;

  }

  .banner .slides {

    position: relative;

    z-index: 1;

  }

  .banner .slides li {

    height: 100%;

  }

  .banner .slides li img {

    width: 100%;

    margin: 0 auto;

    display: block;

  }

  .banner .flex-control-nav{

    position: absolute;

    bottom:20px;

    width:100%;

    z-index: 999999999999999;

  }

  .banner .flex-direction-nav{

     display: none;

  }

  .banner .flex-control-nav{

      text-align: center;

  }

  .banner .flex-control-nav li{

      display: inline-block;

  }

  .banner .flex-control-nav li a {

      width:15px;

      height: 15px;

      border:1px solid #fff;

      border-radius: 50%;

      display: inline-block;

      margin:0 5px;

      text-align: center;

      font-size: 0;

  }

  .banner .flex-control-nav li a.flex-active{

      background: #fff;

  }

  .indexfooter .main-container{

      overflow: hidden;

  }

  .indexfooter .footermin{

      /*margin-top:50px;*/

      background: #eeeeee;

      padding:35px 0;

      /*padding-left: 30px;*/

  }

  .indexfooter .footermin p{

      color:#7e7f7f; 

      font-size: 17px;

      line-height: 40px;

      text-align: center;

  }

 .indexfooter .footermin p a{

     font-size: 14px; 

     color: #7e7f7f; 

     display: inline-block;

     margin-right:20px;

     line-height: 25px;

 }

 .indexfooter .footermin p.p1{

    color:#0291eb; 

    font-size: 18px;

    text-align: left;

    margin-bottom: 30px;

}



.nyfooter .footermin{
    margin-top:50px;
    background: #eeeeee;
    padding:35px 0;
    /*padding-left: 30px;*/
}
.nyfooter .footermin p{
    color:#7e7f7f; 
    font-size: 17px;
    line-height: 40px;
    text-align: center;
}
.nyfooter .footermin p a{
   font-size: 17px; 
   color: #7e7f7f; 
   display: inline-block;
   margin-right:20px;
   line-height: 25px;
}
.nyfooter .footermin p.p1{
  color:#0291eb; 
  font-size: 18px;
  text-align: left;
  margin-bottom: 30px;
}
.footermin li{
   font-size: 16px;
   float: left;
   width: 16%;
   text-align: center;
    margin-bottom: 29px;
}
.footermin li a{
   color: #030304;
}

.clear {
  clear: both;
  }
.dbnav{
    max-width: 1200px;
    margin: 0 auto;
}

  
section{

    /* background: #fafafa; */

}



.pcbanner img{

    width:100%

    

}
    .banner4 {
        display: none;
    }
    .img33{
        display: none;
    }
    .bread-nav{
        background-color: #fff;
        display: none;
    }
     .bread-nav-pc{
        position: relative;
        top: 50px;
    }
         .bread-nav-pc a{
        text-decoration: none;
        color: #555555;
        font-size: 13px;
        transition: all 0.5s ease 0s;
        font-family: "思源黑体", "Montserrat_l";
    }
.p1{
    border-top-style: groove;
}
.p1 a{
    color:#999696;
}