#toolbar2 {display:none;}
#toolbar {width:68px;position:fixed;right:0px;top:50%;margin-top:-136px;z-index:1000000;}
#toolbar ul {}
#toolbar li {width:68px;height:68px;float:left;margin:4px 0px;position:relative;}
#toolbar li .t_item {width:68px;height:68px;background:#f79800;text-align:center;line-height:68px;display:block;border-radius:5px 0 0 5px;color:#fff;text-decoration:none;position:absolute;left:0px;top:0px;z-index:2;}
#toolbar li a.t_item:hover, #toolbar li a.cur {background:#212021;}
.tool_qq {position:absolute;left:-118px;top:0px;width:118px;padding:0 10px 0 0;display:none;}
.tool_qq_con {width:108px;padding:10px 0;float:left;border:1px solid #f79800;background:#fff;text-align:center;}
.tool_tel {width:170px;height:68px;background:#212021;position:absolute;left:0px;top:0px;line-height:68px;	font-size:18px;color:#fff;padding:0 0 0 10px;white-space:nowrap;border-radius:5px 0 0 5px;}
.tool_weixin {position:absolute;top:0px;width:118px;left:-118px;padding:0 10px 0 0;display:none;}



@font-face {
	font-family: 'g_weiler';
	src: url('');
	src: local('☺'), url('') format('woff'), url('') format('truetype'), url('') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{ font-family: 'HCN';
    font-weight: normal;
    font-style: normal;
    src: url('');
    src: url('') format('woff2'),
    url('') format('woff'),
    url('') format('truetype'),
    url('') format('svg'),
    url('') format('embedded-opentype');
}



@font-face {
    font-family: 'w97';
    src: url('');
    src: local('☺'), url('') format('woff'), url('') format('truetype'), url('') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{   font-family: 'TB';
    font-weight: normal;
    font-style: normal;
    src: url('');
    src: url('') format('embedded-opentype'),
    url('') format('woff2'),
    url('') format('woff'),
    url('') format('truetype');
}
@font-face
{   font-family: 'HHC';
    font-weight: normal;
    font-style: normal;
    src: url('');
    src: url('') format('woff2'),
    url('') format('woff'),
    url('') format('truetype'),
    url('') format('svg'),
    url('') format('embedded-opentype');
}
@font-face
{
    font-family: 'RL';
    font-weight: normal;
    font-style: normal;
    src: url('');
    src: url('') format('woff'),
    url('') format('truetype'),
    url('') format('svg');
}
@font-face
{   font-family: 'HT';
    font-weight: normal;
    font-style: normal;
    src: url('');
    src: url('') format('woff'),
    url('') format('truetype'),
    url('') format('svg');
}
@font-face
{   font-family: 'HLE';
    font-weight: normal;
    font-style: normal;
    src: url('');
    src: url('') format('woff'),
    url('') format('truetype'),
    url('') format('woff2'),
    url('') format('svg');
}

@font-face
{   font-family: 'iconfont';
    src: url(''); 
    src: url('') format('embedded-opentype'), 
    url('') format('woff'), 
    url('') format('truetype'), 
    url('') format('svg'); 
}



@font-face {
    font-family: 'Conv_QUARTO-BOLD';
    src: url('');
    src: local('☺'), url('') format('woff'), url('') format('truetype'), url('') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Conv_Gok stencil';
    src: url('');
    src: local('☺'), url('') format('woff'), url('') format('truetype'), url('') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Conv_GOKÚ STENCIL';
    src: url('');
    src: local('☺'), url('') format('woff'), url('') format('truetype'), url('') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Conv_MYRIADPRO-SEMIEXTIT';
    src: url('');
    src: local('☺'), url('') format('woff'), url('') format('truetype'), url('') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Conv_MYRIADPRO-LIGHTCONDIT';
    src: url('');
    src: local('☺'), url('') format('woff'), url('') format('truetype'), url('') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {font-family: 'Conv_ELEPHNT';
    src: url('');
    src: local('☺'), url('') format('woff'), url('') format('truetype'), url('') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Conv_COPRGTL';
    src: url('');
    src: local('☺'), url('') format('woff'), url('') format('truetype'), url('') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

.newservicef .iconfont{ color: #000000;}
.newservicef .section7 .iconfont{ color: #999;}
.icon-weibo:before{content: '\e60a';}
.icon-weixin:before{ content: '\e64b';}
.icon-sousuo:before{ content: '\e617';}
.icon-zuobiao:before{  content: '\e663';}
.icon-jiantou:before{  content: '\e621';}

.icon-ar:before{ content: '\e6e4';}
.icon-yinhao:before{ content: '\e60e';}
.icon-youxiang:before{ content: '\e6c9';}
.icon-al:before{ content: '\e6e5';}



.header{position:fixed;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:#ff4343;}
.header .option .icon-yingwen{display:inline-block;font-size:26px;}
.header .option .icon-yingwen:hover{color:#ff4343;}
.header .navdiv nav li{float:left;border-right:1px solid rgba(255,255,255,.2);}
.header .navdiv nav li:nth-last-child(2),
.header .navdiv nav li:last-child{border-right:none;}
.header .navdiv nav ul >li:last-child{
    transform: translateY(-4px);
	-webkit-transform: translateY(-4px);
    --transform: translateY(-4px);
    --transform: translateY(-4px);
}
.header .navdiv nav li:last-child >a::after{display:none;}
.header .navdiv nav li{padding-right:26px;padding-left:26px;}
.header .navdiv nav ul >li >a {display:block;font-size:20px;color:#fff;position:relative;}

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

.header .navdiv nav ul >li >a::after{
        content: '';
    position: absolute;
   bottom: -5px;
    left: 0px;
    width: 0;
    height: 1px;
    background-color: #ff4343;
    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;}
.header .navdiv nav ul >li >a:hover{color:#ff4343;}
.header .navdiv nav ul >li.on >a::after{width:20px;opacity:1;}
.header .navdiv nav ul >li.on >a{color:#ff4343;}
.header .navdiv nav ul >li:last-child >a{padding-right:0;padding-left:0;}
.header.act{height:0px;opacity:0;}



.padph{display:none;position:fixed;top:0px;left:0px;z-index:100;width:100%;height:115px;}
.phon_btn{
    width: 100%;
    height: 115px; 
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

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

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

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

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

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

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

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

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



.padph.act .phhead{	opacity:1;z-index:1;}
.phhead{position:fixed;top:0px;left:0px;z-index:-1;width:100%;height:90px;
    line-height: 90px;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
.phhead .phon_btnb{
    position: absolute;
    right: 15px;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.phhead .phon_btnb .navbtn{width:30px;height:30px;cursor:pointer;}
.phhead .phon_btnb .navbtn span{
	position: absolute;
	top: 50%;
	left: 0px;
    display: block;
    width: 30px;
    height: 1px;
    background: #424141;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.phhead .phon_btnb .navbtn span::before, .phhead .phon_btnb .navbtn span::after{
    content: '';
    position: absolute;
    left: 0;
    width: 30px;
    height: 1px;
    background: #424141;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.phhead .phon_btnb .navbtn span::before{ top: -13px;}
.phhead .phon_btnb .navbtn span::after{top: 13px;}
.phhead .phon_btnb .navbtn:hover span{background: transparent;}
.phhead .phon_btnb .navbtn:hover span::before{top: 0px; 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.phhead .phon_btnb .navbtn:hover span::after{top:0px; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.phhead .caselogo{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

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

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



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

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

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

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

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

#burger-menu-bg-wrap,.burger-menu-bg {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
.burger-menu-bg {
    transform:scale(1.1);
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s; 
}
.burger-menu-bg img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate3d(-50%,-50%,0);
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s; 
    opacity:0;
}
#burger-menu-bg-0 {max-width:100%;}
#burger-menu-bg-1 {max-width:100%;}
#burger-menu-bg-2 {max-width:100%;}
#burger-menu-bg-3 {max-width:100%;}
#burger-menu-bg-4 {max-width:100%;}
#burger-menu-list {padding:0 0 2vw;text-align:center}
.burger-menu-link-wrap {display:block;margin:30px 0;color:#fff;font-size:40px;}
.burger-menu-link {
    position:relative;
    display:inline-block;
    letter-spacing: 3px;
    transform:translate3d(0,-110%,0); 
    -webkit-transition: all .4s ease .5s;
    -moz-transition: all .4s ease .5s;
    -ms-transition: all .4s ease .5s;
    -o-transition: all .4s ease .5s;
    transition: all .4s ease .5s;
}

.burger-menu-link a{color:#ffffff;}
.burger-menu-link:hover a{color:#ff4343;}
.burger-menu-share-wrap {position:absolute;
    bottom:3.5vw;
    left:0;
    right:0;
    font-family:trump-gothic-pro;
    font-size:calc(.9rem + .2vw);
    letter-spacing:1px;
    color:#fff;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    overflow: hidden;
}
.burger-menu-share-wrap li {
    float:left;
    list-style: none;
    margin: 0 25px;
    transform:translate3d(0,100%,0);  
    -webkit-transition: all .4s ease .5s;
    -moz-transition: all .4s ease .5s;
    -ms-transition: all .4s ease .5s;
    -o-transition: all .4s ease .5s;
    transition: all .4s ease .5s;
}
.burger-menu-share-wrap li a{color:#ffffff;}
.burger-menu-share-wrap li a:hover {color:#ff4343;}
.burger-menu-share-wrap .icon-zuobiao {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
	font-size: 21px;
}
.burger-menu-share-wrap .icon-youxiang {
    display: inline-block;
    font-size: 24px;
}
.burger-menu-share-wrap .icon-sousuo{font-size:20px;}



.phone_nav{
    display: none;
    width: 100%;
    height: 100%;
    padding: 36px 15px 0 15px;
    background-color: #181723;
}
.phone_nav > h4{margin-bottom:12px;text-align:center;}
.phone_nav > h4 img{width:170px;}
.phone_nav .ul1 li{text-align:center;}
.phone_nav .ul1{height:calc(100vh - 36px - 26px - 12px - 14px - 70px);margin-top:12px;}

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

.xialaph h4{position:relative;}
.xialaph h4 a{font-size:18px;color:#fff;line-height:59px;}
.xialaph h4 img{
	position: absolute;
	top: 50%;
	right: 0px;
    width: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.xialaph h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .1;
    background-color: #e5e5e5;
}
.xialaph .ul2{display:none;padding-top:7px;padding-bottom:8px;}
.xialaph h5 a{font-size:16px;color:#fff;line-height:40px;}
.xialaph h5{position:relative;}
.xialaph h5::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    opacity: .05;
    background-color: #fff;
}
.xialaph h4.active{border-bottom: 0;}
.xialaph h4.active img.img_s{display: none;}
.xialaph h4.active img.img_d{display: block;}



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

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

.search .pcs_close{
    position: absolute;
    top: 64px;
    right: 73px;
    cursor: pointer;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.search .pcs_close:hover{
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.search .pcs_close img{width:26px;}
.search .pcsearch {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.search .pcsearch .pstitle{margin-bottom: 35px;}
.search .pcsearch .pstitle img{width: 210px;}
.search .pcsearch h5{
    margin-bottom:90px;
    font-size:28px;
    color:#ffffff;
    text-transform:uppercase;
    font-family:'微软雅黑';
}
.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: #ff4343;
    text-align: center;
    line-height: 79px;
    cursor: pointer;
}
.search .pcsearch .seword{text-align:center;}
.search .pcsearch .seword ul li{
    display: inline-block;
    padding: 0 15px;
    font-size: 16px;
    font-family: "Microsoft JhengHei"; 
}
.search .pcsearch .seword ul li a{color:#e2e2e2;}
.search .pcsearch .seword ul li a:hover{color:#ff4343;}
.search .phsearch{display:none;}
.search .phsearch input{
    width:84%;
    height:45px;
    padding-left:20px;
    color:#515151;
    letter-spacing:1px;
    background-color:#fff;
    border-radius:8px;
}
.search .phsearch .seclose{
    position:absolute;
    top:49px;
    right:46px;
    color:#b9b9b9;
    cursor:pointer;
}
.search  .phsearch ul {padding-top:15px;}
.search  .phsearch ul li{padding:12px 0;}
.search  .phsearch ul li a{font-size:16px;color:#ffffff;font-family:"Microsoft JhengHei";}
.search  .phsearch .searching{margin:20px 0;}
.search  .phsearch .searching button{
    width:118px;
    height:48px;
    font-family:"Microsoft JhengHei"; 
    font-size:18px;
    border-radius:8px;
}

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



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

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

.section .broadback span{
    color: #9a9a9a;
    font-size: 16px;
    -webkit-transition: all .1s linear 0s;
    -moz-transition: all .1s linear 0s;
    -ms-transition: all .1s linear 0s;
    -o-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
}
.section .broadback:hover span{color:#ff4343;font-size:20px;}
.section .navbtn
{
    position: absolute;
    top: 177px;
    left: 19px;
    z-index: 100;
    width: 20px;
    height: 16px;
    cursor: pointer;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
}

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

.section .broadsearch{
	position: absolute;
	top: 255px;
	left: 19px;
    z-index: 100;
    cursor: pointer;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
}
.section .broadsearch.act{
    position: fixed;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.section .broadsearch span{
    color: #9a9a9a;
    font-size: 18px;
    -webkit-transition: all .1s linear 0s;
    -moz-transition: all .1s linear 0s;
    -ms-transition: all .1s linear 0s;
    -o-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
}
.section .broadsearch:hover span{color:#ff4343;font-size:20px;}
.section.bgat .navbtn{top:90px;}
.section.bgat .broadsearch{top:177px;}
.broadside .broadback
{
    position: absolute;
    top: 107px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    cursor: pointer;
}

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

.broadside .broadback:hover span{ color:#ff4343;font-size:20px;}
.broadside .navbtn
{
    position: absolute;
    top: 195px;
    left: 50%;
    transform: translateX(-50%);
    width: 19px;
    height: 16px;
    cursor: pointer;
}

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

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

.section .navbtn span::before,
.broadside .navbtn span::before{top:-6px;}
.section .navbtn span::after,
.broadside .navbtn span::after{top:6px;}
.section .navbtn:hover span,
.broadside .navbtn:hover span{background:#ff4343;}

.section .navbtn:hover span::before,
.broadside .navbtn:hover span::before{top: -8px; background: #ff4343;}
.section .navbtn:hover span::after,
.broadside .navbtn:hover span::after{top:8px;background:#ff4343;}
.broadside .broadsearch{
    position: absolute;
    top: 273px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    cursor: pointer;
}

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

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



footer{position:relative;height:30vh;}
footer p
{
    position: absolute;
    bottom: 37px;
    left: 85px;
    letter-spacing: .4px;
    color: #fff;
    font-size: 14px;
}
footer p a{color:#fff;}
footer p a:hover{color:#ff4343;}


footer.spfo{height:auto;padding:40px 110px 40px 160px;background-color:#222222;}

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 h1{
    position: relative;
    font-family: 'Conv_QUARTO-BOLD';
    font-size:48px;
    color: #333333;
    letter-spacing: 1px;
    text-transform: uppercase;
}

footer .fodiv h1: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(404.png) no-repeat;
    background-size: cover;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

footer .focon_fl:before{
    content: '';
    position: absolute;
    top: 18px;
    left: 2.75%;
    width: 0;
    height: 1px;
    background-color: #ff9b9b;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}
footer .focon_fl:after{
    content: '';
    position: absolute;
	top: 14.8%;
    right: 2.75%;
    width: 1px;
    height: 0;
    background-color: #ff9b9b;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}

footer .focon_fl a:before{
    content: '';
    position: absolute;
	bottom: 18px;
    right: 2.75%;
    z-index: 1;
    width:0;
    height:1px;
    background-color: #ff9b9b;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}
footer .focon_fl a:after{
    content: '';
    position: absolute;
    bottom: 14.8%;
    left: 2.75%;
    z-index: 1;
    width: 1px;
    height: 0;
    background-color: #ff9b9b;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}
footer .focon_fl.focon_sp{background-color:#ff4343;}
footer .focon_fl.focon_sp h3{color:#fff;}
footer .focon_fl.focon_sp h1{color:#fff;}
footer .focon_fl.focon_sp .fodiv h1:before{background-color:#fff;}
footer .focon_fl.focon_sp .fodiv:after{background: url(404.png) no-repeat;background-size:cover;}
footer.spfo p{left:160px;color:#aaaaaa;}
footer.spfo p a{color:#aaaaaa;}
.index .section{position:relative;}
.main-container{position:relative;max-width:1600px;margin-right:50px;padding-left:55px;background:#fff;}



.index .video{
    position: relative;
    width: 100%;
    height: 100vh;
    background: url(404.png) no-repeat;
}
.index .video .video_title{
    position: absolute;
    top: 55%;
    left: 78%;
    z-index: 1;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
.index .video .video_title .video_txt{
    position: relative;
    width: 365px;
    overflow: hidden;
}
.s-t-12z,.s-t-12y,.s-t-13{position:absolute;left:0;top:0;display:block;width:100%;}
.index .video .video_txt .s-t-1{
    margin-bottom: 26px;
    -webkit-animation: fadeInDown .7s ease both;
    animation: fadeInDown .7s ease both;
    animation-delay: 1.4s; 
    position: relative;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
}
.s-t-12z{
    -webkit-animation: fadeInLeft .7s ease both;
    animation: fadeInLeft .7s ease both;
    animation-delay: 1.4s; 
}
.s-t-12y{
    -webkit-animation: fadeInRight .7s ease both;
    animation: fadeInRight .7s ease both;
    animation-delay: 1.4s; 
}
.s-t-13{
    -webkit-animation: fadeInUp .7s ease both;
    animation: fadeInUp .7s ease both;
    animation-delay: 1.4s; 
}
.video_titlebox{}
.index .video .video_txt .s-t-2{
    position: absolute;
    top: 73px;
    left: 50%;
    width: 328px;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);  
}
.index .video .video_txt .s-t-2 img{display:block;width:100%;left:0;top:0;}
.g_stb,.g_stc,.g_std{position: absolute;}
.g_sta{
    position: relative;
    -webkit-animation: fadeInUp .7s ease both;
    animation: fadeInUp .7s ease both;
    animation-delay: 0.2s;
}
.g_stb{
    -webkit-animation: fadeInUp .7s ease both;
    animation: fadeInUp .7s ease both;
    animation-delay: 0.3s; 
}
.g_stc{
    -webkit-animation: fadeInUp .7s ease both;
    animation: fadeInUp .7s ease both;
    animation-delay: 0.4s; 
}
.g_std{
    -webkit-animation: fadeInUp .7s ease both;
    animation: fadeInUp .7s ease both;
    animation-delay: 0.5s; 
}
.index .video .video_txt .s-t-3{
    position: absolute;
    top: 218px;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.index .video .video_txt .s-t-3 img{
    -webkit-animation: bounceInUp .9s ease both;
    animation: bounceInUp .9s ease both;
    animation-delay: 0.5s; 
}
.index .video .video_txt .s-t-4{
    -webkit-animation: slideInUp 1s ease both;
    animation: slideInUp 1s ease both;
    animation-delay: 1.8s; 
}
.index .video .videocon{ position:fixed;top:0;left:0;width:100%;height:100%;}
.index .videocon:after{
    content: '';
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}


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

.buildfr .buildcon{padding:69px 100px 0 87px;}
.buildfr .buildcon h1{margin-bottom:50px;}
.buildfr .buildcon h1 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%);    
    -moz-transform:translateY(-50%);    
    -webkit-transform:translateY(-50%); 
}
.buildfr .buildchange .buildprev .iconfont{left: 31px;}
.buildfr .buildchange .buildnext .iconfont{right: 31px;}
.buildfr .buildchange .buildprev .txt,
.buildfr .buildchange .buildnext .txt{color:#848484;font-size:16px;}
a:hover .icon-ar{-webkit-animation-name:shake;animation-name:shake;}
.newservicef a .brybox:hover .icon-ar{ -webkit-animation-name: s;animation-name: s;}



.index .section2 .main-container .bgred{padding-top:70px;padding-bottom:70px;padding-left:25px;color:#fff;background:#ff4343;}
.index .section2 .mainh4{
    width:         calc(100% - 1200px);
    width: -webkit-calc(100% - 1200px);
}
.index .section2 .mainh4 h4{padding-bottom:14px;vertical-align:top;font-size:22px;color:#fff;border-bottom:1px solid #e5e5e5;}
.index .section2 .mainh4 p{margin-top:20px;font-size:14px;color:#fff;line-height:1.5;}
.index .section2 ul.bgrpad{
	position: relative;
    display: inline-block;
    width: 1175px;
    padding-right: 15px;
    padding-left: 15px;
    vertical-align: top;
}

@media (max-width: 1530px)
{
    .index .section2 ul.bgrpad{width:950px;}
    .index .section2 .mainh4{width:calc(100% - 950px);width:-webkit-calc(100% - 950px);} 
}

@media (max-width: 1300px)
{
    .index .section2 ul.bgrpad{width:850px;}
    .index .section2 .mainh4{width:calc(100% - 850px);width:-webkit-calc(100% - 850px);}
}

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

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

.index .section2 .item:nth-of-type(3n-2){border-top:1px solid #f29494;}
.index .section2 .item .left span{display:block;}
.index .section2 .item .left span:first-child{font-size:16px;}
.index .section2 .item .left span:last-child{margin-top:11px;}
.index .section2 .item .right{position:relative;height:55px;margin-top:35px;}
.index .section2 .item .right img{
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: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;}



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



.index .section4 li{float:left;width:33.333333%;overflow:hidden;}
.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 .section4 li a:hover:before{width:94.5%;opacity:1;}
footer .focon_fl:hover .fodiv h1:before{width:110%;}
.index .section4 li a:hover:after{height:72.8%;opacity:1;} 
footer .focon_fl:hover a:after{height:72.8%;}
footer .focon_fl:hover:before{width:94.5%;}
footer .focon_fl:hover a:before{width:94.5%;}
footer .focon_fl:hover:after{height:72.8%;}
}

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

@media (min-width: 1200px){
.index .section4 li a:hover .logodiv{background-color:#ff4343;} 
.index .section4 li a .logodiv:hover:before{width:94.5%;opacity:1;}
}

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

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

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

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

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

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

.index .section4 li a .logodiv .lod_con:after{
    content: '';
    display: block;
    position: relative;
    left: 50%;
    top: 0;
    width: 34px;
    height: 0;
    background: url(404.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 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;}



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

@media screen and (min-width: 1200px){
.index .section5 .main-container .mainh4, .index .section6 .main-container .mainh4{
    visibility: visible; 
    animation-delay: 0.2s; 
    animation-name:  fadeInUp;
}

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

.index .section5 .main-container{padding-top: 120px;}
.index .section5 .mainh4 h4, .index .section6 .mainh4 h4{font-size:30px;color:#464646;}
.index .section5 .mainh4 .flul li{padding-top:25px;padding-bottom: 25px;border-bottom: 1px solid #e5e5e5;}
.index .section5 .mainh4 .flul li:first-child{border-top: 1px solid #e5e5e5; margin-top: 11px;}
.index .section5 .mainh4 .flul li a{font-size:14px;font-family:'微软雅黑';color:#464646;}
.index .section5 .mainh4 .flul li a:hover{color:#ff4343;}

.index .section5 .main-container .content,
.index .section6 .main-container .content
{display:inline-block;width:1178px;padding-top:37px;padding-left:55px;font-size:14px;vertical-align:top;}
.index .section5 .main-container .news{ width:100%;padding-right:40px;}
.index .section5 .main-container .news .shift{ width:53%;padding-right:30px;}
.index .section5 .main-container .news .shift li{position: relative;height:163px;padding-top:20px;padding-right:16px;padding-bottom:20px;cursor:pointer;border-bottom:1px solid #e5e5e5;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.index .section5 .main-container .news .shift li:first-child{ border-top: 1px solid #e5e5e5;}
.index .section5 .main-container .news .shift li:after{
    content:'';
    position:absolute;
    left:0px;
    bottom:0px;
    width:0px;
    height:1px;
    background-color:#ff3f3f;
    -webkit-transition:all .3s ease 0s;
    -moz-transition:all .3s ease 0s;
    -ms-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
}
@media (min-width: 1200px) {
    .index .section5 .main-container .news .shift li:hover:after { width: 100%;}
}
.index .section5 .main-container .news .shift li h5{line-height:1.42;}
.index .section5 .main-container .news .shift li .time,
.index .section5 .main-container .news .shift li a
{color: #999;font-family: "HT";}

.index .section5 .main-container .news .shift li a:hover{color: #ff3f3f;}
.index .section5 .main-container .news .shift li h5:last-of-type{ margin-top:16px;margin-bottom:50px;letter-spacing:.5px;}
.index .section5 .main-container .news .shift li h5:last-of-type a{line-height:1.42;font-size:16px;color:#464646;font-family: "Microsoft JhengHei"; }

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

.index .section5 .main-container .news .shift li a span{ margin-left: 7px;}
.index .section5 .main-container .news .con{width:47%;padding-right:30px;}
.index .section5 .main-container .news .imgdiv{position:relative;overflow:hidden;}
.index .section5 .main-container .news .imgdiv a{position:absolute;top:0px;left:0px;display:block;width:100%;}
.index .section5 .main-container .news .imgdiv img{
    width: 100%;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.index .section5 .main-container .news .con .text h4{   
	margin-top: 15px;
    margin-bottom: 47px;
    line-height: 2;
    color: #464646;
    font-family: "Microsoft JhengHei"; 
    transition: none ease-out .3s;
    transition-property: none;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
    transition-property: color, background, text-indent, opacity;
}

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

.index .section5 .main-container .news .con .text{position:relative;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;}

@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 div{color:#999;font-family:"HT";}
.index .section5 .main-container .news .con .text div span {margin-left:7px;}



.index .section6 .main-container{padding-top:60px;}
.index .section6 .main-container .content{padding-bottom:135px;}
.index .section6 .left{
    width:calc(100% - 630px);
    width:-webkit-calc(100% - 630px);
    padding-top:76px;
    padding-right:80px;
}
.index .section6 .left h4{font-family:'HT';color:#999;}
.index .section6 .left p{margin-top:18px;margin-bottom:50px;line-height:2.14;color:#464646;}
.index .section6 .left a{color:#999;font-family:"HT";}
.index .section6 .left a .iconfont{margin-left:8px;}
.index .section6 .left a:hover{color:#ff3f3f;}
.index .section6 .right{width:619px;height:285px;margin-top:36px;padding-top:13px;padding-left:30px;}
.index .section6 .right img{width:100%;}


.section7 .position{height:88px;padding-right:96px;line-height:88px;background:#f3f7f3;}
.section7.friend .position{height:auto;} 
.section7.friend .position .position_top{height:88px;line-height:88px;}
.section7 .friendlink{margin-right:35px;cursor:pointer;}
.section7 .friendlink span{font-size:18px;color:#999;}
.section7 .friendlink:hover span{color:#ff4343;}
.section7 .friendlink span.icon-sanjiaoxings{font-size:14px;display:inline-block;margin-left:12px;}
.rotate{
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.section7 span{vertical-align:middle;}
.section7 .position a{font-size:18px;color:#999;}
.po{margin-right:110px;}
.po a{margin-left:40px;}
.po a .iconfont{font-size:20px;margin-right:20px;vertical-align:middle;}
.section7 a:hover{color:#ff3f3f;}
.section7 .contact .iconfont{margin-left:24px;}
.section7 .position_bottom{display:none;padding:39px 0px 30px 138px;text-align:left;}
.section7 .position_bottom h5{margin-bottom:40px;font-size:18px;color:#848484;padding-left:18px;padding-right:18px;cursor:pointer;}
.position_bottomtlast{margin-left:-18px;margin-right:-18px;}
.section7 .position_bottom ul{margin:0 -10px;}
.section7 .position_bottom ul li{float:left;margin-bottom:20px;padding:0 10px;}
.section7 .position_bottom ul li a{font-size:16px;color:#ababab;}
.section7 .position_bottom ul li a:hover{color:#ff4343;}

.newservice .section7,
.retrieve .section7,
.enjoy .section7,
.lead .section7{background:#f3f7f3;}
.atvbgjk{color:#ff4343 !important;}
.index .section1 .bgwhite .iconfont{ margin-left:10px;}
.index .section1 .bgwhite .des{width:100%;border-top: 1px solid #e5e5e5;}
.index .section1 .bgwhite .des .content{max-width:305px;margin:auto;padding-top:30px;text-align:center;}
.index .section1 .bgwhite .des .content h5{margin-bottom:38px;text-align:center;}
.index .section1 .bgwhite .des .content h5 span{color:#ff4343;margin-left:0px;}
.index .section1 .bgwhite .des .content h3{font-size:24px;color:#464646;margin-bottom:30px;font-family:"Microsoft JhengHei";}
.index .section1 .bgwhite .des .content p{font-size:18px;line-height:2.44;color:#848484;}
.index .section1 .bgwhite .des .content a{display:block;margin-top:50px;text-align:center;color:#999;}
.index .section1 .bgwhite a:hover{color:#ff4343 !important;}
.index .section1 .slick-dots{bottom:50px;}

.index .section1 .slick-dots li{width:10px;height:10px;margin-right:10px;margin-left:10px;border-radius:50%;border:1px solid #ff4342;}
.index .section1 .slick-dots li.slick-active{background-color:#ff4342;}
.index .section1 .bgwhite .left{height:100%;padding-top:70px;}
.index .section1 .bgwhite .left h4{font-family:'微软雅黑';padding-bottom:14px;color:#464646; border-bottom:1px solid #e5e5e5;}
.index .section1 .bgwhite h4 a{color:#464646;}
.index .section1 .bgwhite .left{width:26%;padding-right:28px;padding-left:28px;background:#f3f7f3;position:relative;}
.index .section1 .bgwhite .left p{line-height:2.57;margin-top:15px;color:#848484;position:relative;z-index:2;}
.index .section1 .bgwhite .left a{display:block;margin-top:50px;color:#848484;}
.index .section2 h5{font-family: '微软雅黑';letter-spacing: .75px; text-transform: uppercase;}
.index .section2 ul.bgrpad h5{position: absolute;top: 0;left: 30px;}
.index .section3ph .main-container .secph{height:70px;background-color:#f2f7f3;padding:0 28px;}
.index .section4 .title{padding:84px 0 84px 26%;background:#f3f7f3;color:#999999;}
.index .section4 .title span{padding-left:30px;}
.index .section5 .main-container .news .shouyeh{display:none;}
.index .section5 .main-container .news .shouyeh h4{font-size:18px;color:#ff4343;}
.index .section5 .content .slick-dots{left:0;width:100%;text-align:center;bottom:25px;}
.index .section5 .content .slick-dots li{width:10px;height:10px;border:1px solid #ff4343;border-radius:50%;}
.index .section5 .content .slick-dots li.slick-active{background-color:#ff4343;}



.index .section5 .main-container .noline .news .shift li:first-child{border-top:0px;}
.index .section5 .main-container .noline .news:nth-child(1) .shift li:first-child{border-top:1px solid #e5e5e5;}
.index.newlist .section5 .main-container .news .shift li h5:last-of-type a{font-size:16px;font-family:"Microsoft JhengHei";}
.index.newlist .section5 .main-container .news .shift li h5.time a{font-family:'HT';font-size:14px;}





.broadside{
    position:fixed;
    top:0px;
    left:-55px;
    width:55px;
    height:100vh;
    background-color: #fff;
    -webkit-transition: all .7s ease-out 1s;
    -moz-transition: all .7s ease-out 1s;
    -ms-transition: all .7s ease-out 1s;
    -o-transition: all .7s ease-out 1s;
    transition: all .7s ease-out 1s;
    z-index: 100;
}
.broadside.chuxian{left:0px;}
#nb_icon_wrap{display:none !important;}
.case{width:100%;background-color:#f4f4f4;}
.case .wrap{position:relative;padding-left:151px;padding-right:102px;}
.case_bt{width:100%;padding-top:79px;}
.case_bt .caselogo{width:14.8%;}
.case_bt .caselogo img{width:100%;}
nav.casenav{padding-top:20px;width:85.2%;}
.casenav li{float:left;padding:0 88px 0 0px;}
.casenav li:nth-child(1){padding-left:0px;}
.casenav li a{
    position: relative;
    font-size: 18px;
    color: #464646;
    font-family: "Microsoft JhengHei";
    text-transform: uppercase;
    line-height: 32px;
}

.casenav li a:after{
    content: '';
    position:absolute;
    top:50%;
    left:0;
    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(404.png) no-repeat;
}
.case .casetop .ct_right{width:31.454545%;}
.casex{position:relative;overflow:hidden;}
.casex a h5{color:#ffffff;}
.casex:hover a h5{color:#ffffff;}
.casex .imgdiv{position:absolute;top:0px;left:0px;width:100%;}
.casex .imgdiv img{width:100%;}
.casex a:before{
    content: '';
    position: absolute;
    bottom: 18px;
    right: 2.75%;
    z-index: 1;
    width: 0px;
    height: 1px;
    background-color: #ff9595;
    opacity: 0;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}

.casex a:hover:before{width:94.5%;opacity:1;}
.casex a:after{
    content: '';
    position: absolute;
    bottom: 14.8%;
    left: 2.75%;
    z-index: 1;
    width: 1px;
    height: 0;
    background-color: #ff9b9b;
    opacity: 0;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}
.casex a:hover:after{height:72.8%;opacity:1;} 
.casex .logodiv{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.casex .logodiv .lod_con{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
     -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.casex .logodiv .lod_con img{
    width: 300px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.casex .logodiv .lod_con h5{
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    opacity: 0;
    height: 0px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.casex .logodiv:hover{background-color:#ff4343;}
.casex .logodiv:hover .lod_con img{margin-bottom:35px;}
.casex .logodiv:hover .lod_con h5{opacity:1;height:auto;color:#ffffff;}
.casex .logodiv:before{
    content: '';
    position: absolute;
    top: 18px;
    left: 2.75%;
    width: 0px;
    height: 1px;
    background-color: #ff9b9b;
    opacity: 0;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -ms-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}

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

.casex .logodiv:hover:after{height:72.8%;opacity:1;}
.casex .logodiv .lod_con:after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 34px;
    height: 34px;
    background: url(404.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%;}
.case .cm_box:nth-child(1){margin-left:0px;}
.case .case_bottom{width:100%;}
.case .case_bottom .cc_fl{width:65.757576%;}
.case .case_bottom .cc_fr .casex:nth-child(1){margin-bottom:55px;}
.fenye{padding:125px 0;}
.fenye ul{text-align:center;}
.fenye li{display:inline-block;padding:0 13px;}
.fenye li.activepage{position: relative;font-size:18px;color:#333333;font-family:'Arial';}
.fenye li.activepage:after{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: -10px;
    width: 25px;
    height: 2px;
    background-color: #333333;
}

.fenye li.comp-tabli{

    position: relative;

    font-size: 18px;

    color: #333333;

    font-family: 'Arial';

}

.fenye li.comp-tabli:after{

    content: '';

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

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

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

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

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

    bottom: -10px;

    width: 60%;

    height: 2px;

    background-color: #333333;

}

.fenye a{

    font-size: 18px;

    color: #333333;

    font-family: 'Arial';

}

.fenye li:hover{

	color: #ff4343;

}

.fenyeph{

    display: none;

    padding: 20px 0;

}

.fenyeph a{

    display: block;

    height: 40px;

    color: #484848;

    font-size: 14px;

    text-align: center;

    line-height: 40px;

    text-transform: uppercase;

}



.caseph{

    display: none;

} 

.caseph nav{

    padding: 45px 0;

}

.caseph nav ul li{

    float: left;

    padding: 0 13px;

}

.caseph nav ul{

	margin: 0 -13px;

}

.caseph nav ul li a{

    position: relative;

    font-size: 16px;

    color: #464646;

    font-family: "Microsoft JhengHei";

    text-transform: uppercase;

}

.caseph nav ul li.atv a{

    color: #f64744;

}

.cm_con{

    width: 48.7%;

    padding-bottom:10px;

    margin-bottom: 15px; 

    background-color: #fff;

    overflow: hidden;

}

.caseanli .cm_con{

    padding-bottom:0px;

}

.cm_con:nth-child(odd){

    margin-right: 2.6%;

}

.caseop{

    position: relative;

    overflow: hidden;

}

.caseop .bgimg{

    width: 100%;

}

.caseop .bgimg img{

    width: 100%;

}

.caseop .imgdiv{

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

}

.caseop .imgdiv img{

    width: 100%;

}

.txtdiv{

    position: relative;

    padding: 15px 16px 15px;

}

.txtdiv h5{

    font-size: 16px;

    color: #848484;

    line-height: 1.5;

    font-family: "Microsoft JhengHei";

    

}

.txtdiv p{

    font-size: 14px;

    color: #848484;

    line-height: 1.5;

}

.messdiv{

    padding: 0 16px;

    height: 34px;

}

.messdiv .zandiv{

    position: relative;

    width: 34px;

    height: 34px;

    border-radius: 50%;

    background-color: #ff4343;

    margin-right: 10px;

    cursor: pointer;

}

.messdiv .zandiv img{

    position: absolute;

    top: 50%;

    left: 50%;

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

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

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

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

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

    width: 16px;

}



.messdiv span{

    line-height: 34px;

    font-size: 14px;

    color: #848484;

    margin-left: 8px;

}

.messdiv .messname{

    font-size: 14px;

    color: #848484;

    font-family: "Microsoft JhengHei";

    text-transform: uppercase;

    line-height: 34px;

}

.cd_top{

    position: relative;

    width: 100%;

    padding: 215px 150px 144px 205px;

}

.cdetailsc .cd_top{padding-top:0px;}
.cdetailsc .cd_top .ct_con{margin-top:46px;}
.cd_top .case_logo{position:absolute;top:66px;right:150px;z-index:1;width:240px;}
.cd_top .case_logo img{width:100%;}
.cd_top .cd_reback{display:none;padding:25px 0;text-align:center;}
.cd_top .cd_reback a{font-size:16px;color:#ffffff;}
.cd_top .ct_con{position:relative;width:100%;}
.cd_top .ct_con .ct_imf{width:100%;}
.cd_top .ct_con .ct_imf img{width:100%;}
.cd_top .ct_con .ct_ip{position:absolute;bottom:40px;right:-110px;}
.cd_top .ct_con .ct_ip img{max-width:686px;}
.cd_top .cd_title{margin:58px 0 83px;text-align:center;}
.cd_top .cd_title a{
    font-size: 18px;
    font-family: "Microsoft JhengHei";
    color: #fff;
    letter-spacing: 1px;
}
.cd_top .cd_title a .arrow{
    display: inline-block;
    width: 34px;
    height: 34px;
    border:1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cd_top .cd_title a .arrow img{width:13px;}
.cd_top .cd_title a .arrow:hover{
    -moz-box-shadow: 0px 0px 5px rgba(234,234,234,.5),
                    0px 0px 5px rgba(234,234,234,.5); 
    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 {
   
}
.cd_top .cd_con .cdc_left .cdc_logo img{max-width:315px;}
.cd_top .cd_con .cdc_left p{
    font-size: 18px;
    font-family: "Microsoft JhengHei";
    color: #ffffff;
    line-height: 36px;
    width: 75.3%;
    letter-spacing: 1px;
}

.cd_top .cd_con .cdc_right{width:52.5%;}
.cd_top .cd_con .cdc_right li{margin-top:30px;}
.cd_top .cd_con .cdc_right li h4{
    font-size:24px;
    color: #fff;
    margin-bottom: 20px;
    font-family: 'Conv_QUARTO-BOLD';
    letter-spacing: 1px;
}
.cd_top .cd_con .cdc_right li h5{font-size:18px;color:#fff;font-family:"Microsoft JhengHei";}
.case_video{width:100%;background-color:#f3f3f3;padding:89px 195px 101px 162px;}
.case_video h1{font-size:72px;color:#ff4343;font-family:'Conv_QUARTO-BOLD';margin-bottom:108px;}
.case_video .cv_con{position:relative;width:100%;padding-left:83px;}
.case_video .cv_con .video-js{width:100%;height:720px;}
.case_video .cv_con .video-js.act:before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}
.vjs-remaining-time-display {display:inline-block;}
.case_page{width:100%;padding:0 150px 0 112px;background-color:#000000;}
.case_page .cp_left{width:65.6%;padding:95px 9.12% 118px;background-color:#000000;}
.case_page .cp_left img{width:100%;}
.case_page .cp_right{width:34.4%;}
.case_page .cp_right img{width:100%;}
.case_txt{width:100%;padding:150px 0 0px 245px;background-color:#f3f3f3;}

.case_txt p{

    font-size: 18px;

    font-family: "Microsoft JhengHei";

    color: #464646;

    letter-spacing: 1px;

    width: 588px;

    max-width: 100%;

    line-height: 36px;

    margin-bottom: 70px;

}

.case_txt h1{

    width: 920px;

    max-width: 100%;

    font-size: 40px;

    font-family: "Microsoft JhengHei";

    color: #333333;

    letter-spacing: 1px;

    line-height: 52px;

    margin-bottom: 95px;

}

.case_txt .txt_bottom img{

    max-width: 100%;

    margin-bottom: 65px;

}

.case_txt .tag{

    padding: 10px 0;

    padding-bottom: 76px;

}

.case_txt .tag span{

    font-family: "Microsoft JhengHei";

    font-size: 18px;

    color: #464646;

    line-height: 36px;

}

.case_txt .tag ul li{

    float: left;

}

.case_txt .tag ul li a{

    display: inline-block;

    height: 36px;

    line-height: 36px;

    padding: 0 10px;

    font-size: 18px;

    color: #999999;

    border: 1px solid #b5b5b5;

    border-radius: 6px;

    margin: 0 9px;

}

.case_txt .tag ul li a:hover{

    color: #ff4343;

    border:1px solid #ff4343;

}

.case_txt .case_bt{

    width: 100%;

    margin-bottom: 70px;

}

.case_txt .case_bt .image-wrapper{

    width: 50%;

}

.case_txt .case_bt .image-wrapper .wrapper-inner{

    position: relative;

    overflow: hidden;

}

.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-overlay{

    background-color: #2e65c0;

    position: absolute;

    width: 200%;

    height: 100%;

    top: 0;

    left: -200%;

    content: "";

    z-index: 10;

}

.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img{

    position: relative;

    width: 100%;

     height: 540px; 

}

.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img .cbt_color{

    position: absolute;

    top: 0px;

    left: 0px;

    width: 34%;

    height: 100%;

}

.case_txt .case_bt .image-wrapper .wrapper-inner .wrapper-con .cbt_img img{

    max-width: 100%;

    position: relative;

    z-index: 1;

}

.case_info{

    padding: 45px 158px 50px 159px; 

    background-color: #f3f7f3;

}

.case_info .zan{

    position: relative;

    width: 83px;

    height: 83px;

    border-radius: 50%;

    background-color: #2e65c0;

    text-align: center;

    line-height: 83px;

    margin: 0 auto 0px;

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

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

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

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

    transition: all .5s ease 0s;

    cursor: pointer;

}

.case_info .zan:hover{

    background-color: #ff4343;

}

.case_info .zan img{

    width: 26px;

}

.case_info .like{

    padding: 25px 0;

    text-align: center;

}

.case_info .like p{

    font-size: 16px;

    color: #979797;

}

.case_info .zanmess{

    position: absolute;

    right: -50px;

    top: 50%;

    opacity: 0;

}

.case_info .zanmess p{

    font-size: 14px;

    color: #ff4343;

}

.sup span::after{

    animation:slider 1s 1;

    -webkit-animation:slider 1s 1;

}

@keyframes slider

{

0% {

    transform: translateY(100px);

    opacity: 0;

}

80%{

    opacity: 1;

}

to {

    transform: translateY(-15px);   

    opacity: 0;

}

}

@-webkit-keyframes

{

from {

    transform: translateY(100px);

    opacity: 0;

}

to {

    transform: translateY(0px); 

    opacity: 0;

}

} 

.case_info .caseback{

    display: none;

    position: relative;

    width: 100%;

    height: 60px;

    padding: 0 132px;

    margin: 20px 0;

}

.case_info .caseback a.fl,

.case_info .caseback a.fr{

    font-size: 18px;

    color: #848484;

    line-height: 60px;

}

.case_info .caseback .fanhui{

    position: absolute;

    top: 0px;

    left: 50%;

    transform: translateX(-50%);

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

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

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

    -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 a {

    font-size: 18px;

    color: #999;

    line-height: 68px;

} 

.ci_con .ci_left a:hover{

    color: #ff4343;

}

.ci_con .ci_right{

    padding-left: 20px;

    height: 68px;

    line-height: 68px;

    

}



.ci_return span{

    width: 12px;

    display: block;

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}

.ci_return span img{

    width: 100%;

    display: block;

}

.ci_returnioca{

    position: relative;

    left: 0;

    top: 0;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -moz-transition: all 0.3s;

}

.ci_returniocr{

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    opacity: 0;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -moz-transition: all 0.3s;

}

.ci_return h5{

    font-size: 18px;

    color: #848484;

    font-family: "Microsoft JhengHei";

    line-height: 68px;

    margin-left: 20px;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -moz-transition: all 0.3s;

}

.ci_return:hover .ci_returnioca{

    opacity: 0;

}

.ci_return:hover .ci_returniocr{

    opacity: 1;

}

.ci_return:hover h5{

    color: #ff4343;

}

.ci_return a{

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

}

.ci_return{

    padding-left: 65px;

    height: 68px;

    position: relative;

    border-left: 1px solid #c9c9c9;

    margin-left: 30px;

}

.ci_conbox{

    margin-right: 240px;

}









.ci_con .ci_right .share {

    height: 68px;

    

    padding-left: 19px;

    position: relative;

}

.ci_con .ci_right .share span{

    float: left;

    color: #666666;

    

    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(404.png);

}

.ci_con .ci_right .share .bdsharebuttonbox .bds_tsina{

    background-image: url(404.png);

}

.ci_con .ci_right .share .bdsharebuttonbox .popup_sqq{

    background-image: url(404.png);

}

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

    background-image: url(404.png);

}

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

    background-image: url(404.png);

}

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

    background-image: url(404.png);

}

.bd_weixin_popup {

    box-sizing: content-box;

}

.cdetails .casefo{

    padding: 0 160px 160px;

    background-color: #f3f7f3;

}

.cdetails .casefo h1{

    padding: 70px 0;

    font-size: 48px;

    color: #c5c5c5;

    font-family: 'Conv_QUARTO-BOLD';

}

.cdetails .casefo .cdp_box{

    margin: 0 10px;

}

.cdetails .casefo .cdp_con{

    margin: 0 -10px;

    padding: 0 93px 0 99px;

}

.cdetails .casefo .cdp_ph{

    display: none;

}

.cdetails .casefo .cdp_con .slick-prev{

    width: 36px;

    height: 30px;

    background: url(404.png) no-repeat;

    background-size: cover;

    left: 0px;

}

.cdetails .casefo .cdp_con .slick-next{

    width: 36px;

    height: 30px;

    background: url(404.png) no-repeat;

    background-size: cover;

    right: 0px;

}

.cdetails .casefo .cdp_con .slick-dots{

    bottom: 30px;

}

.cdetails .casefo .cdp_con .slick-dots li{

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border:1px solid #ffffff;

}

.cdetails .casefo .cdp_con .slick-dots li.slick-active{

    background-color: #ffffff;

}

.cdetails .casefo .cdp_ph{

    width: 100%;

    padding-bottom: 100px;

}

.cdetails .casefo .cdp_ph .cph_con{

    width: 48.6%;

    margin-bottom: 22px;

}

.cdetails .casefo .cdp_ph .cph_con:nth-child(odd){

    margin-right: 2.8%;

}

.cdetails .casefo .cdp_ph .slick-dots{

    bottom: 50px;

}

.cdetails .casefo .cdp_ph .slick-dots li{

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border:1px solid #ffffff;

}

.cdetails .casefo .cdp_ph .slick-dots li.slick-active{

    background-color: #ffffff;

}



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

    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:84%; margin-left:auto; margin-right:auto;
    
    background: #f3f7f3;
}

.index .section1 .bgwhiteh .caselist .newsnei{

    padding-top: 75px;

    background: #fff;

    padding-left: 50px;

    padding-right: 50px;

    padding-bottom: 100px;

}

.index .section1 .bgwhiteh .caselist .newsnei .title{

    width: 100%;

    padding-top: 30px;

}

.index .section1 .bgwhiteh .caselist .newsnei .title h3{

    line-height: 1.5;

    text-align: center;

}

.index .section1 .bgwhiteh .caselist .newsnei .titnei{

    color: #999999;

    padding-top: 40px;

    padding-bottom: 20px;

    border-bottom: 1px solid #e5e5e5;

}

.index .section1 .bgwhiteh .caselist .newsnei .titnei .titnei_time{

    width: 100%;

    padding-left: 19%;

    padding-right: 10%;

}

.index .section1 .bgwhiteh .caselist .newsnei .titnei .titnei_time span{

    margin-right: 55px;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein{

    width: 100%;

    padding-left: 30px;

    padding-right: 30px;

    padding-top: 30px;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein p{

    color: #666666;

    line-height: 30px;

    text-align: justify;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein img{

	max-width: 100%;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein .newguding h1{

	padding: 55px 0 55px;

	font-size: 30px;

	color: #343333;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess{

	padding: 0px 17px 0px 0px;

	margin-top: 88px;

	background-color: #fff;

}

.index .section1 .bgwhite .caselist .newsnei .newsnein .contact_mess form button{

	width: 190px;

	height: 60px;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess form .form_fl{

	width: 46.7%;

	padding-right: 0px;

}

.index .section1 .bgwhiteh .caselist .newsnei .newsnein .contact_mess form .form_fl:nth-child(1){

	margin-right: 6.6%;

}

.index .section1 .bgwhiteh .caselist .newsnei .newback{

    width: 100%;

    height: 83px;

    margin-top: 100px;

}

.index .section1 .bgwhiteh .caselist .newsnei .newback .reback{

    width: 83px;

    height: 83px;

    border-radius: 50%;

    background-color: #ff4343;

    text-align: center;

    margin: 0 auto;

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

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

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

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

    transition: all .5s ease 0s;

    cursor: pointer;

}

.index .section1 .bgwhiteh .caselist .newsnei .newback .reback p{

    color: #ffffff;

    font-size: 16px;

    line-height: 83px;

}

.index.service .bgwhite{

	background-color: #f3f7f3;

	padding-left: 30px;

	padding-right: 100px;

	padding-bottom: 1px;

}

.bgw_title{

    padding: 60px 0 0 20px;

}

.bgw_title h1{

    font-size: 110px;

    font-family: 'Conv_GOKÚ STENCIL';

}

.bgw_title .bgw_nav{

    padding: 50px 0 45px;

}

.bgw_title .bgw_nav li{

    padding: 0 75px 30px 15px;

    float: left;

}

.bgw_title .bgw_nav li a{

    position: relative;

    font-size: 18px;

    color: #464646;

    text-transform: uppercase;

    font-family: "Microsoft JhengHei";

}

.bgw_title .bgw_nav li a:after{

    content: '';

    position: absolute;

    top: 50%;

    left: -5%;

    width: 0;

    height: 1px;

    background-color: #464646;

    transition: .5s;

    -moz-transition: .5s; 

    -webkit-transition: .5s; 

    -o-transition: .5s; 

}

.bgw_title .bgw_nav li a:hover:after{

    width: 110%;

}

.index .section1 .bgwhite .bgw_title .bgw_nav li a:hover{

	color: #464646 !important;

}

.bgw_left,

.bgw_right{

    border: 1px solid #dcdcdc;

    margin-bottom: 120px;

}

.bgw_fl,

.bgw_fr{

    width: 50%;

}

.bgw_fl{

    padding: 87px 45px 0 40px;

}

.bgw_fl h1{

    font-size: 72px;

    color: #ff4343;

    margin-bottom: 38px;

    margin-left: -15px;

    font-family: 'Conv_GOKÚ STENCIL';

    text-transform: uppercase;

}

.bgw_fl h5{

    font-size: 18px;

    color: #333333;

}

.bgw_fl p{

    padding-top: 85px;

    font-size: 14px;

    color: #848484;

    line-height: 30px;

    letter-spacing: 1px;

    font-family: "Microsoft JhengHei";

    text-align: justify;

}

.bgw_fl .bgwul{

    padding: 90px 0 70px;

}

.bgw_fl .bgwul ul li{

    position: relative;

    padding:10px 0 10px 54px;

    font-size: 14px;

    color: #464646;

    font-family: "Microsoft JhengHei";

}

.bgw_fl .bgwul ul li:after{

    content: '';

    position: absolute;

    top:50%;

    left: 0px;

    width: 41px;

    height: 1px;

    background-color: #d2d2d2;

}

.bgw_fr{

    position: relative;

    padding-top: 160px;

}

.bgw_fr h1{

    position: absolute;

    top: 0px;

    right: 22%;

    font-size: 213px;

    color: #e8ebe8;

    transform:translateY(-50%);

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

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

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

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

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

    font-family: 'Conv_QUARTO-BOLD';

    text-transform: uppercase;

}

.about_top .at_title h5{

    font-size: 48px;

    font-family: 'Conv_QUARTO-BOLD';

    text-transform: uppercase;

}

.purple{

    color: #4f3f92;

}

.red{

    color: #ff4343;

}

.about_top .at_middle h6{

    padding: 0px 0 20px;

    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: 50%;

    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{

	

    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: 40.5%;
    right: 27%;
    transform: translateY(-50%);
    -ms-transform:translateY(-50%);     
    -moz-transform:translateY(-50%);    
    -webkit-transform:translateY(-50%); 
    -o-transform:translateY(-50%);  
    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%);     
    -moz-transform:translateY(50%);    
    -webkit-transform:translateY(50%); 
    -o-transform:translateY(50%);  
    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%;
	
	animation:dots 3s infinite;
	-moz-animation:dots 3s infinite;
	-webkit-animation:dots 3s infinite;
	-o-animation:dots 3s infinite;
	display:block;
}

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

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

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

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

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

.contact1 .contact_title img{
    margin-right: 30px;
    height: 55px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform:translateY(-50%);     
    -moz-transform:translateY(-50%);    
    -webkit-transform:translateY(-50%); 
    -o-transform:translateY(-50%);
    left: 0px;
}

.contact1 .contact_title span{
    font-size: 24px;
    color: #ff4343;
    line-height: 66px;
    font-family: 'Conv_ELEPHNT';
    letter-spacing: 1.5px;
}
.contact1 .contact_title span a{
    color: #ff4343 !important;
    display: none;
}
.contact_loc{
    position: relative;
    width: 32.4%;
    margin-left: 1.4%;
    padding: 50px 0 50px 185px;
    border: 1px solid #dbdbdb;    
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

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

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

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

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

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

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

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

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

.contact_mess{padding:100px 40% 0px 0px;}
.contact_mess h1{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%);     
    -moz-transform:translateY(-50%);    
    -webkit-transform:translateY(-50%); 
    -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 103px 95px 120px;
    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 h1{
    font-family: 'Conv_QUARTO-BOLD';
    font-size: 84px;
    color: #ff4545;
    text-transform: uppercase;
}

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

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

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

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

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

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

.type{
    position: relative;
    padding-top: 26px;

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

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

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

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

    transition: all .5s ease 0s;

}

.graytitle{

    position: absolute;

    top: 48px;

}



.type:after{

    content: '';

    position:absolute;

    top: 0px;

    left: 0px;

    width: 109px;

    height: 2px;

    background-color: #404c63;

}

.newservicef .type:after{

    background-color: #eb4936;

}

.type h6{

    font-family: 'Conv_QUARTO-BOLD';

    font-size: 18px;

    text-transform: uppercase;

}

.graytitle h1{

    font-family: 'Conv_QUARTO-BOLD';

    font-size:54px;

    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 h4{

    font-family: 'Conv_QUARTO-BOLD';

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

    max-width: 100%;

}

.webul li{

    position: relative;

    float: left;

    padding: 0 10px;

    margin-top: 15px;

}

.webul li{

    font-size: 18px;

    color: #404c63;

}

.newservicef .webul li{

    color: #eb4936;

}

.newservice .bgray .grayfr{

    width: 57.9%;

}

.newservice .bgray .grayfr img{

    margin-top: 28px;

    max-width: 100%;

    display: block;

}

.bry{

    width: 100%;

}

.bry .bgblack,.bry .ry{

    width: 50%;

    height: 100%;

}

.bry .brybox{

    width: 100%;

    height: 632px;

    padding-left: 75px; 

    padding-top: 48px;

    overflow: hidden;

}

.bry .brybox a{

    width: 100%;

    height: 100%;

    position: relative;

    display: block;

}

.brybox{

    position: relative;

}

.brybox .ser_arrow{

    position: absolute;

    bottom: 105px;

    right: 90px;

}

.bgblack .black_top{

    background-color: #000000;

    position: relative;

    padding-left: 56px;

    padding-right: 56px;

}

.bgblack .black_top img{

    max-width: 100%;

    position: relative;

    display: block;

    left: 50%;

    top: 50%;

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

}

.bgblack .black_center{

    background-color: #000000;

    color: #ceccb7;

}

.bgblack .black_center a{

    color: #ceccb7;

}

.bgblack .black_center .type:after{

    background-color: #ceccb7;

}

.bgblack .black_center .webul li{

    color: #ceccb7;

}



.bgblack .black_bottom{

    background-color: #ffffff;

    color: #f65846;

}

.bgblack .black_bottom a{

    color: #f65846;

}

.bgblack .black_bottom .type:after{

    background-color: #f65846;

}

.bgblack .black_bottom .webul li{

    color: #f65846;

}

.ry .ry_top{

    background-color: #4d84f1;

    color: #ffffff;

}





.ry .ry_top a{

    color: #ffffff;

}

.ry .ry_top .type:after{

    background-color: #ffffff;

}

.ry .ry_top .webul li{

    color: #ffffff;

}

.ry .ry_center{

    background-color: #ffd954;

    color: #000;

}

.ry .ry_center a{

    color: #000;

}

.ry .ry_center .type:after{

    background-color: #000;

}

.ry .ry_center .webul li{

    color: #000;

}

.ry .ry_bottom{

    background-color: #eb4936;

    color: #dcdac6;

}

.ry .ry_bottom a{

    color: #dcdac6;

}

.ry .ry_bottom .type:after{

    background-color: #dcdac6;

}

.ry .ry_bottom .webul li{

    color: #dcdac6;

}

.bry_logo{

    opacity: 0;

    height: 0px;

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

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

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

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

    transition: all .5s ease 0s;

}

.graytitlebox{

    height: calc(100% - 41px);

    position: relative;

}





@media (min-width: 1200px)

{

    .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 .graytitle h1 {

        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 h4{

        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;

    

}

.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(404.png);

    background-size: 100%;

}

.lt_txt .share .bdsharebuttonbox .bds_tsina {

    background-image: url(404.png);

    background-size: 100%;

}

.lt_txt .share .bdsharebuttonbox .bds_qzone {

    background-image: url(404.png);

    background-size: 100%;

}

.lead_top .lt_txt .lt_tel{

    font-family: 'Conv_QUARTO-BOLD';

    font-size: 18px;

    color: #fff;

    line-height: 1.5;

}

.lead_top .lt_txt .lt_tel span{

    font-size: 24px;

}

.lead_con{

    width: 100%;

    padding: 0px 157px 0px;

}

.lead_con .lc_title{

    padding: 100px 0 90px;

}

.lead_con .lc_title h4{

    font-family: 'Conv_QUARTO-BOLD';

    font-size: 60px;

    color: #ff677c;

    text-transform: uppercase;

}

.lead_con .lc_slick{

    padding: 0 100px 0px;

    margin-bottom: 90px;

}

.lead_con .lc_slick .lc_small{

    width: 180px;

    height: 170px;

    overflow: hidden;

    margin: 0 15px;

}

.lead_con .lc_slick .lc_small img{

    width: 100%;

}

.lead_con .lc_slick .slick-prev{

    width: 36px;

    height: 36px;

    background: url(404.png) no-repeat;

    background-size: cover;

    left: 0px;   

}

.lead_con .lc_slick .slick-next {

    width: 36px;

    height: 30px;

    background: url(404.png) no-repeat;

    background-size: cover;

    right: 0px;

}

.lead_con .lc_change{

    width: 100%;

}

.lead_con .lc_change img{

    width: 100%;

}

.lead_con .lc_change .slick-prev{

    top: 28%;

    z-index: 1;

    width: 50px;

    height: 132px;

    background-color: rgba(64,76,99,.5);

    opacity: 1;

    transition: .3s;

    -o-transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

}

.lead_con .lc_change .slick-prev:after{

    content: '';

    position: fixed;

    top: 50%;

    left: 50%;

    width: 32px;

    height: 26px;

    background: url(404.png) no-repeat;

    background-size: cover;

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

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

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

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

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

}

.lead_con .lc_change .slick-next{

    top: 28%;

    z-index: 1;

    width: 50px;

    height: 132px;

    background-color: rgba(64,76,99,.5);

    opacity: 1;

    transition: .3s;

    -o-transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

}

.lead_con .lc_change .slick-next:after{

    content: '';

    position: fixed;

    top: 50%;

    left: 50%;

    width: 32px;

    height: 26px;

    background: url(404.png) no-repeat;

    background-size: cover;

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

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

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

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

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

}







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

{

    from,

    to

    {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }



    10%,

    30%,

    50%,

    70%,

    90%

    {

        -webkit-transform: translate3d(-1px, 0, 0);

        transform: translate3d(-1px, 0, 0);

    }



    20%,

    40%,

    60%,

    80%

    {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0);

    }

}



@keyframes shake

{

    from,

    to

    {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }



    10%,

    30%,

    50%,

    70%,

    90%

    {

        -webkit-transform: translate3d(-1px, 0, 0);

        transform: translate3d(-1px, 0, 0);

    }



    20%,

    40%,

    60%,

    80%

    {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0);

    }

}



@-webkit-keyframes shakey

{

    from,

    to

    {

        -webkit-transform: translate3d(0, -50%, 0);

        transform: translate3d(0, -50%, 0);

    }



    10%,

    30%,

    50%,

    70%,

    90%

    {

        -webkit-transform: translate3d(-1px, -50%, 0);

        transform: translate3d(-1px, -50%, 0);

    }



    20%,

    40%,

    60%,

    80%

    {

        -webkit-transform: translate3d(5px, -50%, 0);

        transform: translate3d(5px, -50%, 0);

    }

}



@keyframes shakey

{

    from,

    to

    {

        -webkit-transform: translate3d(0, -50%, 0);

        transform: translate3d(0, -50%, 0);

    }



    10%,

    30%,

    50%,

    70%,

    90%

    {

        -webkit-transform: translate3d(-1px, -50%, 0);

        transform: translate3d(-1px, -50%, 0);

    }



    20%,

    40%,

    60%,

    80%

    {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, -50%, 0);

    }

}



.albumboxcenitm{

    width: 50%;

}

.albumboxcenitm img{

    width: 100%;

}



.mainh4sy{

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 11px;

}

.enjoy_box{

	overflow: hidden;

}

.messdiv span{

	position: relative;

}

.messdiv span::after{

	content: '+1';

	display: block;

	width: 30px;

	height: 30px;

	position: absolute;

	left: 26px;

	top: 0;

	color: #ff4343;

	font-size: 18px;

	transform: translateY(100px);

    transition: all 1.3s;

    display: none;

}

.zandivatv span::after{

    animation:shakea 1.2s 1 forwards;

   -webkit-animation:shakea 1.2s 1 forwards;

}





@keyframes shakea

{

    0%{

        transform: translateY(100px);

        opacity: 0;

    }

    60%{

        opacity: 1;

    }

    100%{

        transform: translateY(-30px);

        opacity: 0;

    }



}

.albumbox{

    padding-left: 55px;

}



.serdetails .txtdiv p{

    font-size: 24px;

    color: #848484;

    font-family: "Microsoft JhengHei";

    line-height: 42px;

    height: 84px;

    overflow: hidden;

}

.serdetails .messdiv .zandiv{

    width: 29px;

    background: transparent;

    height: auto;

}





















.imgdiv img {

    width: 100%;

}

.caseanli .wrap nav ul{

    margin-left: -44px;

    margin-right: -44px;

}



.g_hardbox{

    background: #28a3e2;

    position: relative;

}

.caseanli .wrap nav {

    margin: 0px 0 0 0px;

}

.logoanli{

    width: 241px;

}

.logoanli img{

    width: 100%;

    display: block;

}

.g_anlihard{

    margin-top: 66px;

}

.caseanli .wrap nav li {

    float: left;

    padding: 0 44px;

    margin-bottom: 0px;

}

.caseanli .wrap nav li a{

    line-height: 32px;

    color: #ffffff;

}

.caseanli .wrap {

    padding-left: 55px;

    padding-right: 0px;

}



.g_harlitmr{

    width: 763px;

    margin-right: 120px;

}

.g_harlitmrbox img{

    width: 100%;

}

.g_harintr{

    margin-top: 123px;

}

.g_harlitml h5{

    font-size: 100px;

    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(404.png) no-repeat;

    background-position: center;

    background-size: cover;

    z-index: 1;

    left: -100px;

}

.g_harlast .slick-next{

    width: 40px;

    height: 40px;

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

    z-index: 1;

    right: -80px;

}

.g_advaitm .g_advaitma{

    width: 224px;

    display: block;

    position: relative;

}

.g_advaitm .g_advaitma img{

    width: 100%;

    display: block;

    left: 0;

    top: 0;

}

.g_advaitma1{

    position: relative;

    opacity: 0;

}



.g_advaitma{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

    animation:shouhui 2.6s  infinite;

    -webkit-animation:shouhui 2.6s  infinite;

}



@-webkit-keyframes shouhui 

{

0% {

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

}

@keyframes shouhui 

{

0% {

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

}



.g_advaitmb{

    width: 156px;

    display: block;

    margin: auto;

    position: relative;

}

.g_advaitmb img{

    display: block;

}

.g_advaitmb1{

    width: 100%;

    position: relative;

    z-index: 1;

}

.g_advaitmb2{

    width: 56px;

    position: absolute;

    left: 0;

    top: 0px;

    animation:hangpai 2.6s  infinite;

    -webkit-animation:hangpai 2.6s  infinite;

}

.g_advaitmb3{

    width: 56px;

    position: absolute;

    right: 0px;

    top: 0px;

    animation:hangpai 2.6s  infinite;

    -webkit-animation:hangpai 2.6s  infinite;

}

.g_advaitmb4{

    width: 56px;

    position: absolute;

    left: 0px;

    bottom: 0px;

    animation:hangpai 2.6s  infinite;

    -webkit-animation:hangpai 2.6s  infinite;

}

.g_advaitmb5{

    width: 56px;

    position: absolute;

    right: 0px;

    bottom: 0px;

    animation:hangpai 2.6s  infinite;

    -webkit-animation:hangpai 2.6s  infinite;

}





@-webkit-keyframes hangpai 

{

0% {

    transform: rotate(0deg);

}

100% {

    transform: rotate(360deg);

}

}

@keyframes hangpai 

{

0% {

    transform: rotate(0deg);

}

100% {

    transform: rotate(360deg);

}

}

.g_advaitmc{

    width: 190px;

    display: block;

}

.g_advaitmc img{

    width: 100%;

    display: block;

}



.g_padding3{

    padding-left: 245px;

    padding-right: 245px;

}





.caseanli .caseph{

    display: block;

}

.caseanli .caphtitle h4{

    font-size: 60px;

    color: #464646;

    font-family: "Microsoft JhengHei";

    text-align: center;



}



.caseanli .caphtitle{

    padding-top: 90px;

    padding-bottom: 90px;

}





.caseanli .txtdiv h5{

    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(404.png) no-repeat;

    background-position: center;

    background-size: cover;

     animation:nyh5 2.6s  infinite;

    -webkit-animation:nyh5 2.6s  infinite;

}







.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(404.png) no-repeat;

    background-position: center;

    background-size: cover;

    animation:nyps 3.6s  infinite;

    -webkit-animation:nyps 3.6s  infinite;

}

@-webkit-keyframes nyps

{

0% {

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

33.333333%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

66.666666%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}



}

@keyframes nyps

{

0% {

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

33.333333%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

66.666666%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}



}

.g_advaitmdaspioc{

    

}

.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(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

}



@keyframes nyh5

{

0% {

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

25%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

50%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

75%{

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

100% {

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

}

}

.g_footys .g_advaitmiocbox{

    width: 100%;

    height: 180px;

    position: relative;

}



.g_footys .g_advaitm img{

    width: auto;

    max-width: calc(100% - 36px);

    max-height: calc(100% - 36px);

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

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

}



.g_advaitmiocbox >span{

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}

.g_harintr{

    position: relative;

}

.g_pbtn{

    width: 40px;

    position: absolute;

    left: 60px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

}

.g_pbtn img{

    width: 100%;

    display: block;

}

.g_xbtn{

    width: 40px;

    position: absolute;

    right: 60px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

}

.g_xbtn img{

    width: 100%;

    display: block;

}

.g_details{

    position: relative;

    overflow: hidden;

}

.g_detailsimgbox{

    width: 100%;

    height: 410px;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 1;

}





@keyframes move_wave {

    0% {

        transform: translateX(0) translateZ(0) scaleY(1)

    }

    50% {

        transform: translateX(-25%) translateZ(0) scaleY(0.55)

    }

    100% {

        transform: translateX(-50%) translateZ(0) scaleY(1)

    }

}

@-webkit-keyframes move_wave {

    0% {

        transform: translateX(0) translateZ(0) scaleY(1)

    }

    50% {

        transform: translateX(-25%) translateZ(0) scaleY(0.55)

    }

    100% {

        transform: translateX(-50%) translateZ(0) scaleY(1)

    }

}

.waveWrapper {

    overflow: hidden;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    margin: auto;

}

.waveWrapperInner {

    position: absolute;

    width: 100%;

    overflow: hidden;

    height: 120%;

    bottom: -1px;

}

.bgTop {

    z-index: 15;

    opacity: 0.5;

    position: absolute;

    left: 0;

    top: -130px;

}

.bgMiddle {

    z-index: 10;

    opacity: 0.75;

}

.bgBottom {

    z-index: 5;

}

.wave {

    position: absolute;

    left: 0;

    width: 200%;

    height: 100%;

    background-repeat: repeat no-repeat;

    background-position: 0 bottom;

    transform-origin: center bottom;

}

.waveTop {

    background-size: 50% 160px;

}

.waveAnimation .waveTop {

  animation: move-wave 3s;

   -webkit-animation: move-wave 3s;

   -webkit-animation-delay: 1s;

   animation-delay: 1s;

}

.waveMiddle {

    background-size: 50% 230px;

}

.waveAnimation .waveMiddle {

    animation: move_wave 10s linear infinite;

}

.waveBottom {

    background-size: 50% 500px;

}

.waveAnimation .waveBottom {

    animation: move_wave 15s linear infinite;

}



.g_advaitmg{

    display: none;

}



.serdetails .caphtitle{

    padding-top: 90px;

    padding-bottom: 90px;

}



.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(404.png) no-repeat;

    background-position: center;

    background-size: cover;

    z-index: 1;

}

.g_ncbtnitmimgbj{

    display: block;

    width: 100%;

}

.g_ncbtnitmimgn{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.g_ncbtnlast{

    padding-left: 75px;

    padding-right: 75px;

}



.g_ncbtnlast .slick-prev{

    width: 75px;

    height: 100%;

    background: rgb(0,0,0);

    left: 0;

}

.g_ncbtnlast .slick-prev::after{

    content: '';

    display: block;

    width: 40px;

    height: 40px;

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

    position: absolute;

    left: 50%;

    top: 50%;

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

}

.g_ncbtnlast .slick-next{

    width: 75px;

    height: 100%;

    background: rgb(0,0,0);

    right: 0;

}

.g_ncbtnlast .slick-next::after{

    content: '';

    display: block;

    width: 40px;

    height: 40px;

    background: url(404.png) no-repeat;

    background-position: center;

    background-size: cover;

    position: absolute;

    left: 50%;

    top: 50%;

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

}

.g_ncascenbtn{

    margin-top: 75px;

}

.g_methodb{

    margin-top: 68px;

}



.g_methodb p{

    font-size: 28px;

    color: #ffffff;

    font-family: "Microsoft JhengHei";

    line-height: 50px;

}

.g_methodlp{

    margin-top: 95px;

}

.g_methodrimgspa{

    font-size: 36px;

    color: #ffffff;

    text-align: right;

    display: block;

    transform: translateY(-133px);'

    margin-right: 12px;

    font-family: 'Conv_QUARTO-BOLD';

}



.g_baioct{

    width: 103px;

    display: block;

    position: absolute;

}

.g_baioct img{

    width: 100%;

    display: block;

}

.g_baiocs{

    width: 21px;

    display: block;

    position: absolute;

}

.g_baiocs img{

    width: 100%;

    display: block;

}

.g_methodb .g_methodrimg{

    position: relative;

}



.g_baioct1 {

    right: 7%;

    transform: translate(0%,25%);

    top: 74%;

}

.g_baiocs1 {

    right: 29%;

    transform: translate(0%,28%) rotate(-28deg);

    top: 91%;

}



.g_baioct2 {

    left: 50%;

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

    bottom: 0px;

}

.g_baiocs2 {

    left: 29%;

    transform: translate(0%,30%) rotate(24deg);

    top: 91%;

}



.g_baioct5 {

    left: 7%;

    transform: translate(0%,-25%);

    bottom: 74%;

}

.g_baiocs3 {

    left: 3%;

    transform: translate(0%,23%) rotate(60deg);

    top: 66%;

}



.g_baioct4 {

    left: 0%;

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

    top: 50%;

}



.g_baiocs4 {

    left: 2%;

    transform: translate(0%,10%) rotate(122deg);

    bottom: 66%;

}



.g_baioct3 {

    left: 7%;

    transform: translate(0%,25%);

    top: 74%;

}



.g_baiocs5 {

    left: 29%;

    transform: translate(0%,34%) rotate(164deg);

    bottom: 95%;

}



.g_baioct6 {

    left: 50%;

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

    top: 0px;

}



.g_hardboxb{

    background: #000000;

}



.g_hardboxb .g_harlitml h5 {

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

    background: -o-linear-gradient(#182963, #106e97); 

    background: -moz-linear-gradient(#182963, #106e97); 

    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(404.png) no-repeat;

    background-size: 100%;

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

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

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

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

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

}

.product_slick .slick-next {

    z-index: 1;

    width: 68px;

    height: 105px;

    background-color: #ddd;

}

.product_slick .slick-next:after{

    content: '';



    position: absolute;

    top: 50%;

    left: 50%;



    width: 30px;

    height: 25px;

    background: url(404.png) no-repeat;

    background-size: 100%;

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

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

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

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

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

}

.serdetails .caseph{

    display: block;

}

.serdetails .caphtitle h4{

    font-size: 60px;

    color: #464646;

    font-family: "Microsoft JhengHei";

    text-align: center;



}



.serdetails .txtdiv h5{

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

    

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

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

    color: #ffffff;

    color: #ffffff;

    font-family: "Microsoft JhengHei";

    text-align: center;

    margin-top: 24px;

}

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

}

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

    

}

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

    

    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 .txtdiv p:hover{

    color: #ff4343;

}

.caseanli .messdiv .zandiv:hover{

   animation:shake 1.2s 1 forwards;

   -webkit-animation:shake 1.2s 1 forwards;

} 

.g_iocfh:hover .g_iocfha{

    opacity: 0;

}

.g_iocfh:hover .g_iocfhb{

    opacity: 1;

    transform: scale(1.15);

}

.buildfr .buildchange .buildprev:hover .txt{

    color: #ff4343;

}

.buildfr .buildchange .buildprev:hover .iconfont{

    color: #ff4343;

    animation:shakey 1.2s 1 forwards;

   -webkit-animation:shakey 1.2s 1 forwards;

}

.buildfr .buildchange .buildnext:hover .txt{

    color: #ff4343;

}

.buildfr .buildchange .buildnext:hover .iconfont{

    color: #ff4343;

    animation:shakey 1.2s 1 forwards;

   -webkit-animation:shakey 1.2s 1 forwards;

}



.txtdiv h5{

    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 h5:hover{

    color: #ff4343;

}

.cm_con{

    transition: all 0.6s;

}

.cm_con:hover{

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

}

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

    color: #ff4343;

}

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

    color: #ff4343;

}

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

{

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}

.index .section5 .main-container .news .item:hover .text::after{

    width: 100%;

    opacity: 1;

}

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

    animation:shake 1.2s 1 forwards;

   -webkit-animation:shake 1.2s 1 forwards;

}



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

    color: #ff4343;

}

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

    color: #ff4343;

}

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

{

    -webkit-transform: scale(1.1);

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

}

.index .section5 .main-container .news .shift li:hover .time a{

    color: #999;

}

.index .section5 .main-container .news .shift li:hover span{

    animation:shake 1.2s 1 forwards;

   -webkit-animation:shake 1.2s 1 forwards;

}

.map_txt button{

    transition: all 0.3s;

}

.map_txt button:hover{

    font-size: 16px;

    font-weight: bold;

    box-shadow: 3px -1px 2px #ccc;

}

.index .section2 ul.bgrpad div li .item:hover .right img{

    transform: translateY(-8px);

    -webkit-transform: translateY(-8px);

    -ms-transform: translateY(-8px);

    -moz-transform: translateY(-8px);

}

.contact_mess form button{

    -webkit-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}

.contact_mess form button:hover{

    background-color: #171614;

}

.case_info .zan{

    transition: all 0.3s;

}

.case_info .zan:hover{

    background: #272323 !important;

}

.g_senphonboxtit span img,.g_cseonboxgb img{

    transition: all 0.9s;

    -webkit-transition: all 0.9s;

    -ms-transition: all 0.9s;

    -moz-transition: all 0.9s;

}

.g_senphonboxtit span img:hover{

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

   -moz-transform: rotate(180deg);

}



.g_cseonboxgb img:hover{

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

   -moz-transform: rotate(180deg);

}


.g_sybtnyss{

    transition: all 0.3s;

}

.g_sybtnyss:hover{

    background: #2b2727;

}

.g_senav .g_senitm{

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -moz-transition: all 0.3s;

}




.g_cseonboxlbtn span a:hover{

    background: #ffffff;

    color: #e83f3f;

}

.broadside .broadback span:hover .g_iocfha{

    opacity: 0;

}

.broadside .broadback span:hover .g_iocfhb{

    opacity: 1;

    transform: scale(1.15);

}

.broadside .broadsearch span:hover .g_iocfha{

    opacity: 0;

}

.broadside .broadsearch span:hover .g_iocfhb{

    opacity: 1;

    transform: scale(1.15);

}

.contact:hover .animateds{

    animation:shake 1s 1 forwards;

   -webkit-animation:shake 1s 1 forwards;

}



.g_iocleftbtn span:hover .g_iocfha{

    opacity: 0;

}

.g_iocleftbtn span:hover .g_iocfhb{

    opacity: 1;

    transform: scale(1.15);

}

.index .section4 li{

    overflow: hidden;

    position: relative;

}

.index .section4 li a{

    transform: translateY(300px);

    position: relative;

    

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

    

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

.g_jyzqn{
    margin-left: 30px;
}
.g_jyzqn .g_jyzna{
    font-family: "微软雅黑" !important;
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
    cursor: pointer;
    margin-left: 4px;
}
.g_jyzqn a{
    font-family: "微软雅黑";
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
}
.g_jyzqioc{
    width: 26px;
    display: block;
}
.g_jyzqioc img{
    width: 100%;
    display: block;
}
@font-face {
    font-family: 'Quarto';
    src: url('');
    src: local('☺'), url('') format('woff'), url('') format('truetype'), url('') format('svg');
    font-weight: normal;
    font-style: normal;
}
.xiala{
    width:100%;
    background:#ff4343;
    padding:60px 220px; 
}
.xl_top1{
    float: left;
}
.xl_top2{
    float: right;
}
.xl_top1 p{
    line-height: 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: 56px;
}

@font-face {font-family: "iconfont";
  src: url(''); 
  src: url('') format('embedded-opentype'), 
  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('') format('truetype'), 
  url('') format('svg'); 
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-jiantou_xiangyou_o:before { content: "\eb94"; }

.sectionk .main-container{
    padding-top: 66px;
    padding-right: 55px;
    border: 1px solid #ebebeb;
}
.sectionk .main-container .hexin h4{
    
    padding-bottom: 11px;
    width: 290px;
}
.sectionk .main-container .hexin h4 a{
    font-family: "微软雅黑";
    color: #000000;
    font-size:32px; 
}
.sectionk .neirong{
    padding: 38px 0 60px;
}
.sectionk .neirongbox_hexin{
    width: 25%;
    border-right: 1px solid #ececec;
    padding: 15px 0 62px;
}
.sectionk .neirongbox_hexin:last-child{
    border-right: none;
}
.sectionk .tu_img{
    width: 142px;
    margin: 0 auto;
}
.sectionk .tu_img img{
    width: 100%;
}
.sectionk .w_zi{
    margin-top: 36px;
}
.sectionk .w_zia{
    font-family: "微软雅黑";
    color: #000000;
    font-size: 20px;
    text-align: center;
    position: relative;
}
.sectionk .w_zia::after{
    content: '';
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: 41px;
    height: 1px;
    background-color: #ff4343;
}
.sectionk .w_zib{
    font-family: "微软雅黑";
    color: #000000;
    font-size: 14px; line-height:20px;
    margin-top: 38px;
    text-align: center;
}
.sectionk .frzi{
    position: relative;
}
.sectionk .frziimg{
    width: 329px;
    position: absolute;
    right: 0;
    top: -44px;
}
.sectionk .frziimg img{
    width: 100%;
}
.sectionk .frzibox{
    font-family: "微软雅黑";
    color: #000000;
    font-size: 18px;
    position: relative;
}
.section3 .gm_titbox h4 a{
    font-family: "微软雅黑";
    color: #000000;
    font-size:32px;
}
.section3 .gm_titbox h4{
    padding-bottom: 11px;
    width: 100%;
}
.morehp{
    width: 167px;
    height: 50px;
    border: 1px solid #e0e0e0;
    margin: 35px auto 0;
    text-align: center;

}
.morehp .more_span1{
    font-family: "微软雅黑";
    color: #a49999;
    font-size: 16px;
    line-height: 50px;
}
.morehp .more_span2 i{
    font-size: 21px;
    color: #b5b5b5;
    margin-left: 10px;
    line-height: 48px;
    transition: all 0.8s;
    margin-top: -4px;
}
.index .section3 .main-container {
    padding-top: 70px;
    padding-bottom: 53px;
}
.section3 .gm_titbox{
    margin-bottom: 25px;
}
.index .section3 .slickbg {
    position: relative;
}
.sectionmbox .sectionm{
    background-color: #6F76AD;
    padding: 80px 50px;
}

.sectionmbox .xl_top2{
    width: 50%;
    float: left;
    margin: 0 -20px;
    padding-right: 60px;
}
.sectionmbox .xl_logo{
    width: 20%;
}
.sectionmbox .xl_top1{
    width: 50%;
    float: right;
    padding-left: 32px;
}
.sectionmbox .box_xptop{
    font-family: "微软雅黑";
    color: #fff;
    font-size: 18px;
}
.sectionmbox .box_xpbot{
    font-family: "微软雅黑";
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
}
.sectionmbox .box_xp{
    margin-bottom: 40px;
}
.sapnk{
    font-family: "微软雅黑";
    color: #fff;
    font-size: 18px;
    display: block;
    text-align: center;
    margin-top: 6px;
}
.g_senitma{
    width: 41px;
    margin: 0 auto;
}
.g_senitma img{
    width: 100%;
}
.g_senav {
    width: 98px;
}
.g_senitm {
    height: 98px;
    margin-bottom: 1px;
    background-color: #ff4343 !important;
}
.g_senav .g_senitm:nth-child(2n-1) {
    background: #ff4343;
}
.g_senitmpho{
    background: #ff4343;
    position: relative;
}
.g_senitmp{
    width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);


}
.gm_titbox .more{
    display: none;
}
.jk{
    background: #ff4343;
    position: relative;
    z-index: 51;
    padding: 13px;
}
.morehp:hover .more_span2 i{
    transition: all 0.8s;
    margin-left: 20px;
}
.neirongbox_hexin:hover .w_zia{
    color: #ff4343;
}
.sectionmbox .xl_top1 p{
    font-size: 32px;
}
.morehpnk{
    margin: 45px auto 0; 
}
.morehp  a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.morehp  a:hover .more_span1{
    color: #ff4343;
}
.morehp  a:hover .iconfont{
    color: #ff4343;
}
.morehp:hover{
    border: 1px solid #ff4343;
}
.neirong .more_span2 {
    color: #a49999;
    margin-left: 10px;
    margin-top: -4px;
}

a.atbnm{
  color: #ff4343 !important;
}
.g_bntbox{
  display: none;
}
.g_newsitm{
	overflow: hidden;
}




   
@font-face {
  font-family: 'g_weiler';
  src: url('');
  src: local('☺'), url('') format('woff'), url('') format('truetype'), url('') format('svg');
  font-weight: normal;
  font-style: normal;
}
.g_servicebox {
    position: fixed;
    width: 100%;
    left: 0;
    top: 110px;
    z-index: 10000000000000000;
    background: transparent;
    display: none;
    padding-top: 7px;
}
.g_serviceboxcn{
	background: #fff;
}
.g_padrding{
    width: 1324px;
    margin: auto;
}
.g_servincname{
  font-size: 30px;
  color: #333333;
  font-family: "Microsoft JhengHei";
}
.header .navdiv nav li .g_servincname a{
  font-size: 30px;
  color: #333333;
  font-family: "Microsoft JhengHei";
}
.g_servincnametop{
	padding-top: 20px;
	padding-bottom: 20px;
}
.g_servicitm{
  width: 14.285714%;
}
.header .navdiv nav li .g_servicetit{
  font-size: 18px;
  color: #4a4a4a;
  font-family: "微软雅黑";
  line-height: 22px;
}
.header .navdiv nav li .g_servicetit a{
  color: #4a4a4a;
}
.header .navdiv nav li .g_servic .g_serverp a{
  font-family: "微软雅黑";
  font-size: 14px;
  color: #6f6c6c;
  line-height: 24px;
}
.g_servic .g_serverp{
  margin-bottom: 6px;
}
.g_serviceone{
  padding-top: 25px;
}
.g_servicetit{
  margin-top: 28px;
}
.g_servicbom{
  margin-top: 24px;
}
.g_servicom {
  padding-bottom: 30px;
}

.g_servtitm{
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 15px;
}
.g_servtlist {
  margin-left: -8px;
  margin-right: -8px;
}
.header .navdiv nav li .g_servtitm a{
  font-family: "微软雅黑";
  font-size: 14px;
  color: #666666;
  line-height: 45px;
  background: #ffffff;
  display: block;
  padding-left: 22px;
  padding-right: 22px;
}
.g_servicname{
  padding-top: 20px;
  padding-bottom: 20px;
}
.g_servicnbox{
  background: #e9e9ea;
}
.g_servicetow{
  background: #dededf;
}
.g_servtbom {
  margin-top: 20px;
}
.g_servccal span{
  font-size: 48px;
  color: #be0122;
  font-family: "g_weiler";
}
.g_servcp p{
  font-family: "微软雅黑";
  font-size: 18px;
  color: #be0122;
  line-height: 24px;
}
.g_servtbom{
  padding-bottom: 18px;
}
.g_servccal{
    margin-top: 26px;
}
.g_servcp{
    margin-top: 16px;
}
.header .navdiv nav li .g_servic .g_serverp a:hover{
	color: #ff4343;
}
.header .navdiv nav li .g_servicetit a:hover{
	color: #ff4343;
}
.header .navdiv nav li .g_servtitm a:hover{
	color: #ff4343;
}
.header .navdiv nav li .g_servincname a:hover{
	color: #ff4343 !important;
}



.g_serviceboxcn{
    display: none !important;
  }
 .atbm.g_servicebox  .g_serviceboxcn{
 	 display: block !important;
 }