﻿@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Font_ExtraLight';
    src: url('../fonts/SourceHanSans-ExtraLight.eot?v=4.7.0');
    src: url('../fonts/SourceHanSans-ExtraLight.eot') format('embedded-opentype'),url('../fonts/SourceHanSans-ExtraLight.woff2?v=4.7.0') format('woff2'),url('../fonts/SourceHanSans-ExtraLight.woff?v=4.7.0') format('woff'),url('../fonts/SourceHanSans-ExtraLight.ttf?v=4.7.0') format('truetype'),url('../fonts/SourceHanSans-ExtraLight.svg?v=4.7.0') format('svg');
    
}

@font-face {
    font-family: 'Font_Heavy';
    src: url('../fonts/SourceHanSans-Heavy.eot?v=4.7.0');
    src: url('../fonts/SourceHanSans-Heavy.eot') format('embedded-opentype'),url('../fonts/SourceHanSans-Heavy.woff2?v=4.7.0') format('woff2'),url('../fonts/SourceHanSans-Heavy.woff?v=4.7.0') format('woff'),url('../fonts/SourceHanSans-Heavy.ttf?v=4.7.0') format('truetype'),url('../fonts/SourceHanSans-Heavy.svg?v=4.7.0') format('svg');
    
}

@font-face {
    font-family: 'Font_Medium';
    src: url('../fonts/SourceHanSans-Medium.eot?v=4.7.0');
    src: url('../fonts/SourceHanSans-Medium.eot') format('embedded-opentype'),url('../fonts/SourceHanSans-Medium.woff2?v=4.7.0') format('woff2'),url('../fonts/SourceHanSans-Medium.woff?v=4.7.0') format('woff'),url('../fonts/SourceHanSans-Medium.ttf?v=4.7.0') format('truetype'),url('../fonts/SourceHanSans-Medium.svg?v=4.7.0') format('svg');
    
}

@font-face {
    font-family: 'Font_Normal';
    src: url('../fonts/SourceHanSans-Normal.eot?v=4.7.0');
    src: url('../fonts/SourceHanSans-Normal.eot') format('embedded-opentype'),url('../fonts/SourceHanSans-Normal.woff2?v=4.7.0') format('woff2'),url('../fonts/SourceHanSans-Normal.woff?v=4.7.0') format('woff'),url('../fonts/SourceHanSans-Normal.ttf?v=4.7.0') format('truetype'),url('../fonts/SourceHanSans-Normal.svg?v=4.7.0') format('svg');
   
}


body 
{   
	font-family:Font_ExtraLight,"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","微软雅黑",SimSun,Arial,tahoma,arial!important;
    margin:0;padding:0;font-style:normal!important;font-variant:normal!important;margin:0px;padding:0px;
    color:#343434;
    font-size:12px;
    background-color:#fff;
    position:relative;
}

html{font-size:62.5%;margin:0px;padding:0px;}
a{
	color:#343434;
	text-decoration:none;outline:none;
}
a:hover 
{
    color:#df0024;
	text-decoration:none;outline:none;
}
a:focus{outline:none;text-decoration:none;}
.clear {
	clear:both;
	font-size:0px;
	line-height:0;
	height:0;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}
.cell, .cell2, .cell3 {
	border-collapse:collapse;
	border-spacing:0;
}
.fl {
	float:left;}
.fr {
	float:right;}
.yh {
	font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","微软雅黑";
	}
a,img{border:0px;}

p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
br{margin:0px;padding:0px;}
.clearheight{width:100%;height:1px;overflow:hidden;}
input,select,textarea{font-family:"Microsoft Yahei";outline:none;}
input[type="text"]:disabled
{ 
background-color: #fff;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #969696;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #969696;
}

input:-ms-input-placeholder {
    color: #969696;
}

input::-webkit-input-placeholder {
    color: #969696;
}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}

.dcshow_empty{overflow:hidden;height:40px;}

.f_content img{
    max-width: 100% !important;
    height: auto !important;
}
/*common*/
.container{width:100%;}

.marinfr{width:100%;overflow:hidden;}

.wrap{width:100%;margin:0px auto;padding:0px;}
.wrap_c{margin:0px 80px;padding:0px;}
.wrap_c1{margin:0px 80px;padding:0px;}
.wrap_in{margin:0px 32px;}

.img_hover{transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.img_hover:hover{transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}

/*img:hover -webkit-transform:scale3d(1.05,1.05,1); transform:scale3d(1.05,1.05,1);*/

.text_wz{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.text_wz_lddj{text-align:justify;text-justify:inter-ideograph;}

.topfr{overflow:hidden;position:fixed;left:0px;top:0px;z-index:99999;padding:24px 0px;background: #FFF;}
.topfr img{display:block;float:left;margin:0px auto;padding:0px;height:44px;}
.topfr .wrap_in{overflow:hidden;position:relative;}

.menu{position:fixed;right:6.5px;top:26px;z-index:199999;}
.menu em{width:34px;height:34px;display:block;overflow:hidden;float:left;position:relative;cursor:pointer;}
.menu em i{cursor:pointer;width:60%;display:block;overflow:hidden;height:2px;background-color:#000;position:absolute;left:15%;top:10px;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.menu em i.i1{top:10px;}
.menu em i.i2{top:18px;}
.menu em i.i3{top:26px;}
.menu em.on1 i{background-color:#000;}
.menu em.on2 i{background-color:#fff;}
.menu span{float:left;color:#fff;line-height:38px;margin-right:10px;text-transform:uppercase;font-size:14px;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.menu em.on2 i.i2{opacity:0;}
.menu em.on2 i.i1{width:60%;left:20%;transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-moz-transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg);-o-transform:translateY(8px) rotate(45deg);}
.menu em.on2 i.i3{width:60%;left:20%;transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);-moz-transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg);-o-transform:translateY(-8px) rotate(-45deg);}


.menu_fr{overflow:hidden;width:100%;height:100%;overflow:hidden;position:fixed;right:0;top:-100%;z-index:99999;background-color:rgba(0,0,0,0.9);}
.menu_fr{
    transition: all 0.4s;
    display: flex;
    align-items: center;
}
.menu_fr p{width:100%;overflow:hidden;}
.menu_fr p.p1{margin-top:30px;display:none;}
.menu_fr p.p1 a{width:60%;display:block;overflow:hidden;margin:0px auto;padding:0px;height:30px;background:url("../images/com_01.png") left no-repeat;background-size:auto 100%;}
.menu_fr ul{width:100%;overflow:hidden;margin-top:30px;}
.menu_fr ul li{width:100%;overflow:hidden;margin-bottom:30px;}
.menu_fr ul li a{width:100%;display:block;overflow:hidden;margin:0px auto;padding:0px;font-size:20px;color:#aaa;text-align: center;}
.menu_fr ul li a i{width:100%;display:block;overflow:hidden;}
.menu_fr ul li a span{width:100%;display:block;overflow:hidden;}
.menu_fr ul li.on a{color:#601986;font-weight: bold;}
.menu_fr ul li a:hover{color:#fff;}
.menu_fr p.p2{overflow:hidden;display:none;}
.menu_fr p.p2 a{width:60%;display:block;overflow:hidden;margin:0px auto;padding:0px;height:30px;background:url("../images/com_02.png") left no-repeat;background-size:auto 100%;}


.in_01{overflow:hidden;position:relative;z-index:9999;}
/*.in_01 b{width:100%;height:100%;display:block;position:absolute;left:0px;top:0px;}*/
.in_01 img{width:100%;display:block;position:relative;z-index:9;max-width:1980px;margin:0px auto;padding:0px;}
.in_01 .in_01_video{width:100%;overflow:hidden;position:absolute;left:0px;top:0px;opacity:0;transition:.3s ease-in-out;-webkit-transition:2s ease-in-out;-o-transition:2s ease-in-out;-moz-transition:2s ease-in-out;}


.in_01_video{width:100%;overflow:hidden;position:relative;background-color:#ccc;z-index:9999;}
.in_01_video video{width:100%;}

.wrap_video{width:100%;background: #FFF;z-index: 9999;position: relative;}


/* box-intro
==================================================*/
.in_01 video {
    position: absolute;
    z-index: -9;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: fill;
}
.in_01 .box-intro {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    text-align: center;
    height: 100vh;
    width: 100%;
}

.in_01 .box-intro .table-cell {
    display: block;
    width: 100%;
    color: #FFF;
}

.in_01 .box-intro em {
    font-style: normal;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.in_01 b i:last-child {
    color: #601986 !important;
}

.in_01 .box-intro h5 {
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #999;
    line-height: 1.7;
}

.in_01 .box-intro h2 {
    font-size: 14px;
    color: #FFF;
    font-weight: normal;
    padding: 0 40px;
    text-shadow: 0 0 8px rgba(0,0,0,0.4);
}

/* text rotate */

.in_01 .box-headline {
    font-size: 80px;
    line-height: 1.0;
}

.in_01 .box-words-wrapper {
    display: block;
    position: relative;
}

.in_01 .box-words-wrapper b {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

.in_01 .box-words-wrapper b.is-visible {
    position: relative;
}

.in_01 .no-js .box-words-wrapper b {
    opacity: 0;
}

.in_01 .no-js .box-words-wrapper b.is-visible {
    opacity: 1;
}

.in_01 .box-headline.rotate-2 .box-words-wrapper {
    -webkit-perspective: 300px;
    perspective: 300px;
}

.in_01 .box-headline.rotate-2 i,
.in_01 .box-headline.rotate-2 em {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.in_01 .box-headline.rotate-2 b {
    opacity: 0;
}

.in_01 .box-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0;
}

.in_01 .is-visible .box-headline.rotate-2 i {
    opacity: 1;
}

.in_01 .box-headline.rotate-2 i.in {
    -webkit-animation: box-rotate-2-in 0.4s forwards;
    animation: box-rotate-2-in 0.4s forwards;
}

.in_01 .box-headline.rotate-2 i.out {
    -webkit-animation: box-rotate-2-out 0.4s forwards;
    animation: box-rotate-2-out 0.4s forwards;
}

.in_01 .box-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px);
}
.in_01 .box-headline.letters.rotate-2 .box-words-wrapper b {
}


.in_01 .no-csstransitions .box-headline.rotate-2 i {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 0;
}

.in_01 .no-csstransitions .box-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.in_01 .no-csstransitions .box-headline.rotate-2 .is-visible i {
    opacity: 1;
}

@-webkit-keyframes box-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
    }
}

@keyframes box-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
        transform: translateZ(-20px) rotateX(0deg);
    }
}

@-webkit-keyframes box-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
    }
}

@keyframes box-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg);
    }
}


/* mouse effect */

.in_01 .mouse {
    position: absolute;
    width: 22px;
    height: 42px;
    bottom: 40px;
    left: 50%;
    margin-left: -12px;
    border-radius: 15px;
    border: 2px solid #888;
    -webkit-animation: intro 1s;
    animation: intro 1s;
}

.in_01 .scroll {
    display: block;
    width: 3px;
    height: 3px;
    margin: 6px auto;
    border-radius: 4px;
    background: #888;
    -webkit-animation: finger 2s infinite;
    animation: finger 2s infinite;
}

@-webkit-keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes finger {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes finger {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}


@media only screen and (min-width: 1210px) {
    .box-headline {
        font-size: 110px !important;
    }
    .box-intro h5 {
        font-size: 12px;
    }
}

@media only screen and (max-width: 670px) {
    .box-headline {
        font-size: 100px;
    }
    .box-intro h5 {
        font-size: 12px;
    }
}

@media only screen and (max-width: 520px) {
    .box-headline {
        font-size: 80px;
    }
    .box-intro h5 {
        font-size: 12px;
    }
}

@media only screen and (max-width: 420px) {
    .box-headline {
        font-size: 50px;
    }
    .box-intro h5 {
        font-size: 12px;
    }
}



.in_02{width:100%;overflow:hidden;position:relative;z-index:990;}
.in_02 ul{}
.in_02 ul li{width:100%;overflow:hidden;position:relative;opacity:0;transition:2s ease;-webkit-transition:2s ease;-o-transition:2s ease;-moz-transition:2s ease;}
.in_02 ul li a{width:100%;display:block;overflow:hidden;height:100%;}
.in_02 ul li .in_02_t{width:100%;overflow:hidden;margin-top:8%;}
.in_02 ul li .in_02_t p{width:100%;overflow:hidden;}
.in_02 ul li .in_02_t p.p1{font-size:90px;color:#000;line-height:180px;font-family:Font_Normal}
.in_02 ul li .in_02_t p.p2{font-size:20px;color:#2d2d2d;line-height:40px;font-family:Font_ExtraLight;font-weight:100;display:none;}
.in_02 ul li .in_02_c{width:100%;overflow:hidden;/*position:absolute;left:0px;bottom:10%;*/}
.in_02 ul li .in_02_c p{width:100%;overflow:hidden;font-weight:100;}
.in_02 ul li .in_02_c p.p1{font-size:30px;color:#2d2d2d;line-height:40px;font-family:Font_ExtraLight;font-weight:100;}
.in_02 ul li .in_02_c p.p2{font-size:20px;color:#2d2d2d;line-height:24px;margin-top:10px;font-family:Font_ExtraLight;font-weight:100;}
.in_02 ul li .in_02_img{width:100%;overflow:hidden;display:none;}
.in_02 ul li .in_02_img img{width:100%;display:block;}

.in_03{width:100%;overflow:hidden;position:fixed;right:0px;top:0px;background-color:#ccc;-webkit-transform: translateZ(0);z-index:10;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.in_03 ul li{width:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.in_03 ul li b{width:100%;display:block;overflow:hidden;height:100%;position:absolute;right:0px;top:0px;opacity:0;transition:2s ease;-webkit-transition:2s ease;-o-transition:2s ease;-moz-transition:2s ease;}
.in_03 ul li i.b2{width:100%;display:block;overflow:hidden;height:100%;position:absolute;right:0px;top:0px;opacity:1;transition:2s ease;-webkit-transition:2s ease;-o-transition:2s ease;-moz-transition:2s ease;z-index:9;}

.in_04{overflow:hidden;position:relative;}

.in_05{overflow:hidden;padding-top:100px;background-color:#fff;position:relative;z-index:999;padding-bottom: 40px;}
.in_05_t{width:100%;overflow:hidden;border-top:1px solid #ababab;border-bottom:1px solid #ababab;padding:30px 0px;font-weight:100;font-family:Font_ExtraLight;}
.in_05_t span{font-size:30px;color:#000;}
.in_05_t i{font-size:20px;color:#000;margin-left:30px;}

.in_05_c{width:100%;overflow:hidden;margin-top:20px;}
.in_05_c ul li{width:32%;overflow:hidden;margin-right:2%;margin-bottom:120px;float:left;}
.in_05_c ul li:nth-child(3n){margin-right:0px;}
.in_05_c ul li a{width:100%;display:block;overflow:hidden;font-family:Font_Medium;}
.in_05_c ul li a em{width:100%;display:block;overflow:hidden;}
.in_05_c ul li a em img{width:100%;display:block;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.in_05_c ul li a span{width:100%;display:block;overflow:hidden;font-size:30px;color:#000;line-height:50px;margin-top:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.in_05_c ul li a i{width:100%;display:block;overflow:hidden;font-size:16px;color:#7d7d7d;font-weight:100;line-height:20px;margin-top:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;}
.in_05_c ul li a i.i1{margin-top:10px;}
.in_05_c ul li a i.i2{margin-top:0px;}
.in_05_c ul li a:hover em img{transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}

.in_05_c1{width:100%;overflow:hidden;margin-top:20px;}
.in_05_c1 ul li{width:32%;overflow:hidden;margin-right:2%;margin-bottom:120px;float:left;}
.in_05_c1 ul li:nth-child(3){margin-right:0px;}
.in_05_c1 ul li a{width:100%;display:block;overflow:hidden;}
.in_05_c1 ul li a em{width:100%;display:block;overflow:hidden;}
.in_05_c1 ul li a em img{width:100%;display:block;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.in_05_c1 ul li a span{width:100%;display:block;overflow:hidden;}
.in_05_c1 ul li a span.sp1{font-size:16px;color:#7d7d7d;font-weight:100;line-height:30px;margin-top:10px;}
.in_05_c1 ul li a span.sp2{font-size:30px;color:#000;line-height:50px;margin-top:10px;height:150px;}
.in_05_c1 ul li a span.sp3{font-size:16px;color:#7d7d7d;font-weight:100;line-height:30px;margin-top:5px;}
.in_05_c1 ul li a:hover em img{transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}

/* portfolio section
==================================================*/

.portfolio-div{
    display: block;
}
.portfolio-div .row{
    display: block;
    overflow: hidden;
}

.portfolio_item {
    position: relative;
    overflow: hidden;
    display: block;
    width: 25%;
    height: 25vw;
}
.portfolio_item .image{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.portfolio_item .portfolio_item_hover {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.portfolio_item .portfolio_item_hover .item_info {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px;
    width: 100%;
    font-weight: bold;
}

.portfolio_item .portfolio_item_hover .item_info span {
    display: block;
    color: #fff;
    font-size: 18px;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s;
    opacity: 0;
}

.portfolio_item .portfolio_item_hover .item_info em {
    font-style: normal;
    display: inline-block;
    background-color: #601986;
    padding: 5px 20px;
    border-radius: 25px;
    color: #fff;
    margin-top: 10px;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
    font-size: 10px;
    letter-spacing: 2px;
}

.portfolio_item:hover .portfolio_item_hover {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.portfolio_item:hover .item_info em,
.portfolio_item:hover .item_info span {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.portfolio-div .row.style-l .portfolio_item{
    float: right;
}
.portfolio-div .row.style-l .portfolio_item:nth-child(1){
    width: 50%;
    height: 50vw;
}
.portfolio-div .row.style-r .portfolio_item{
    float: left;
}
.portfolio-div .row.style-r .portfolio_item:nth-child(1){
    width: 50%;
    height: 50vw;
}




.btnfr{overflow:hidden;position:relative;z-index:999;background-color:#333;padding:30px 0px; color:#999;}
.btnfr .footer-title{
    font-size: 24px;
    line-height: 3;
    border-bottom: 1px solid #444;
}
.btnfr .footer-content{
    padding: 20px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}
.btnfr .footer-content > div{
    display: block;
    color: #888;
    padding: 20px;
}
.btnfr .footer-content > div span{
    display: inline-block;
    width: 180px;
    line-height: 2;
}
.btnfr .footer-content > div a{
    color: #888;
    line-height: 2;
}
.btnfr .footer-content > div p{
    color: #888;
    line-height: 2;
}
.btnfr .footer-content > div img{
    padding-top: 10px;
    height: 90px;
}
.btnfr .fl{width:30%;overflow:hidden;}
.btnfr .fl p{width:100%;overflow:hidden;border-bottom:1px solid #8c8c8c;padding-bottom:20px;font-size:40px;color:#fff;font-family:Font_Medium;line-height:60px;}
.btnfr .fl ul{width:100%;overflow:hidden;margin-top:30px;}
.btnfr .fl ul li{width:100%;overflow:hidden;float:left;margin:5px 0px;}
.btnfr .fl ul li img{max-width:100%;display:block;}

.btnfr .fc{width:30%;overflow:hidden;float:left;margin-left:5%;}
.btnfr .fc p{width:100%;overflow:hidden;}
.btnfr .fc p.p1{border-bottom:1px solid #8c8c8c;padding-bottom:20px;font-size:40px;color:#fff;line-height:60px;}
.btnfr .fc p.p2{color:#fff;margin-top:30px;font-size:30px;line-height:40px;font-family:Font_Medium;}
.btnfr .fc p.p2 img{max-width:100%;display:block;}
.btnfr .fc p.p3{margin-top:10px;color:#b5b5b5;font-size:16px;font-family:Font_ExtraLight;}
.btnfr .fc p.p4{margin-top:20px;font-family:Font_ExtraLight;}
.btnfr .fc p.p4 span{width:33.333%;float:left;display:inline-block;color:#b5b5b5;font-size:15px;line-height:26px;}

.btnfr .fr{width:30%;overflow:hidden;}
.btnfr .fr p{width:100%;overflow:hidden;}
.btnfr .fr p.p1{border-bottom:1px solid #8c8c8c;padding-bottom:20px;font-size:40px;color:#fff;line-height:60px;}
.btnfr .fr p.p2{margin-top:10px;}
.btnfr .fr p.p2 img{max-width:100%;display:block;}
.btnfr .fr p.p2 em{width:65%;display:block;overflow:hidden;float:right;font-style:normal;color:#b5b5b5;}
.btnfr .fr p.p2 em span{width:100%;display:block;overflow:hidden;font-size:16px;line-height:32px;font-family:Font_ExtraLight;}


.btn_02{overflow:hidden;background-color:#fff;position:relative;z-index:999;padding:20px 0px;}
.btn_02 p{width:100%;overflow:hidden;font-size:16px;line-height:26px;color:#000;font-weight:100;}


.page2_01{overflow:hidden;}
.page2_01 ul li{width:auto;overflow:hidden;float:left;text-align:center;padding:20px 0px;}
.page2_01 ul li a{width:100%;display:block;overflow:hidden;}
.page2_01 ul li a em{display:inline-block;overflow:hidden;font-style:normal;text-align:left;}
.page2_01 ul li a em span{width:100%;display:block;overflow:hidden;}
.page2_01 ul li a em span.sp1{font-size:26px;color:#d3d3d3;line-height:36px;}
.page2_01 ul li a em span.sp2{font-size:14px;color:#d3d3d3;line-height:20px;}
.page2_01 ul li:nth-child(1) a em{background:url("../images/page2_01.png") left center no-repeat;background-size:58px;padding-left:80px;}
.page2_01 ul li:nth-child(2) a em{background:url("../images/page2_02.png") left center no-repeat;background-size:58px;padding-left:80px;}
.page2_01 ul li:nth-child(3) a em{background:url("../images/page2_03.png") left center no-repeat;background-size:58px;padding-left:80px;}
.page2_01 ul li:nth-child(4) a em{background:url("../images/page2_04.png") left center no-repeat;background-size:58px;padding-left:80px;}
.page2_01 ul li.on{background-color:#fff;}
.page2_01 ul li.on a em span.sp1{color:#1f92b7;}
.page2_01 ul li.on a em span.sp2{color:#1f92b7;}
.page2_01 ul li.on:nth-child(1) a em{background:url("../images/page2_01_on.png") left center no-repeat;background-size:58px;}
.page2_01 ul li.on:nth-child(2) a em{background:url("../images/page2_02_on.png") left center no-repeat;background-size:58px;}
.page2_01 ul li.on:nth-child(3) a em{background:url("../images/page2_03_on.png") left center no-repeat;background-size:58px;}
.page2_01 ul li.on:nth-child(4) a em{background:url("../images/page2_04_on.png") left center no-repeat;background-size:58px;}
.page2_01 ul li:nth-child(4){float:right;}

/*.page2_01 ul li:hover{background-color:#fff;}
.page2_01 ul li:hover a em span.sp1{color:#1f92b7;}
.page2_01 ul li:hover a em span.sp2{color:#1f92b7;}
.page2_01 ul li:hover:nth-child(1) a em{background:url("../images/page2_01_on.png") left center no-repeat;background-size:58px;}
.page2_01 ul li:hover:nth-child(2) a em{background:url("../images/page2_02_on.png") left center no-repeat;background-size:58px;}
.page2_01 ul li:hover:nth-child(3) a em{background:url("../images/page2_03_on.png") left center no-repeat;background-size:58px;}
.page2_01 ul li:hover:nth-child(4) a em{background:url("../images/page2_04_on.png") left center no-repeat;background-size:58px;}*/


.page2_02{overflow:hidden;margin-top:60px;}
.page2_02 ul li{width:100%;overflow:hidden;margin-bottom:120px;position:relative;}
.page2_02 ul li img{width:100%;display:block;}
.page2_02 ul li em{width:100%;height:100%;display:block;overflow:hidden;font-style:normal;z-index:990;}
.page2_02 ul li em.fl{position:absolute;left:0px;top:0px;text-align:left;}
.page2_02 ul li em.fr{position:absolute;right:0px;top:0px;text-align:right;}
.page2_02 ul li em span{width:100%;display:block;overflow:hidden;}
.page2_02 ul li em span.sp1{margin-top:60px;}
.page2_02 ul li em span.sp1 i{width:100%;display:block;overflow:hidden;}
.page2_02 ul li em span.sp1 i.i1{font-size:60px;color:#000;line-height:80px;}
.page2_02 ul li em span.sp1 i.i2{font-size:20px;color:#afafaf;line-height:40px;}

.page2_02 ul li em span.sp2{position:absolute;left:0px;bottom:60px;}
.page2_02 ul li em span.sp2 i{width:100%;display:block;overflow:hidden;}
.page2_02 ul li em span.sp2 i.i1{font-size:30px;color:#000;line-height:40px;}
.page2_02 ul li em span.sp2 i.i2{font-size:20px;color:#000;line-height:20px;margin-top:10px;}


.page3_01{overflow:hidden;margin-top:60px;}
.page3_01 p{width:100%;overflow:hidden;}
.page3_01 p.p1{font-size:40px;color:#000;line-height:60px;}
.page3_01 p.p2{font-size:20px;color:#000;line-height:20px;}
.page3_01 p.p3{margin-top:40px;}
.page3_01 p.p3 img{width:100%;display:block;}
.page3_01 p.p4{width:60%;float:right;margin-top:40px;font-size:20px;color:#000;font-weight:100;line-height:40px;text-align:justify;text-justify:inter-ideograph;}

.page3_02{overflow:hidden;margin-top:60px;}
.page3_02 .fl{width:40%;overflow:hidden;}
.page3_02 .fl p{width:100%;overflow:hidden;}
.page3_02 .fl p.p1{font-size:40px;color:#000;line-height:60px;}
.page3_02 .fl p.p2{font-size:20px;color:#000;line-height:40px;}
.page3_02 .fl p.p3{}
.page3_02 .fl p.p4{margin-bottom:40px;font-size:20px;color:#000;font-weight:100;line-height:30px;text-align:justify;text-justify:inter-ideograph;}


.page3_02 .fr{width:55%;overflow:hidden;}
.page3_02 .fr img{width:100%;display:block;}


.page3_03{overflow:hidden;margin-top:120px;}
.page3_03 p{width:100%;overflow:hidden;text-align:center;}
.page3_03 p.p1{font-size:40px;color:#000;line-height:60px;}
.page3_03 p.p2{font-size:20px;color:#000;line-height:40px;}


.page3_04{overflow:hidden;margin-top:120px;}
.page3_04 ul li{width:32%;overflow:hidden;float:left;margin-right:2%;}
.page3_04 ul li:nth-child(3){margin-right:0px;}
.page3_04 ul li a{width:100%;display:block;overflow:hidden;}
.page3_04 ul li a em{width:100%;display:block;overflow:hidden;}
.page3_04 ul li a em img{width:100%;display:block;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.page3_04 ul li a span{width:100%;display:block;overflow:hidden;}
.page3_04 ul li a span.sp1{font-size:16px;color:#000;font-weight:100;line-height:30px;margin-top:10px;}
.page3_04 ul li a span.sp2{font-size:20px;color:#000;line-height:30px;margin-top:10px;height:120px;}
.page3_04 ul li a span.sp3{font-size:16px;color:#000;font-weight:100;line-height:30px;margin-top:5px;}
.page3_04 ul li a:hover em img{transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}



.page3_05{overflow:hidden;margin-top:120px;}
.page3_05 ul li{width:16.66666%;overflow:hidden;float:left;text-align:center;}
.page3_05 ul li em{display:inline-block;font-style:normal;overflow:hidden;width:60%;}
.page3_05 ul li em img{max-width:100%;display:block;margin:0px auto;padding:0px;}
.page3_05 ul li span{width:100%;display:block;overflow:hidden;}
.page3_05 ul li span.sp1{font-size:30px;color:#000;line-height:80px;margin-top:30px;}
.page3_05 ul li span.sp1 i{font-size:60px;}
.page3_05 ul li span.sp2{font-size:20px;color:#000;}


.page3_06{overflow:hidden;margin-top:60px;}
.page3_06 ul li{width:100%;overflow:hidden;float:left;margin:10px 0px;}
.page3_06 ul li img{width:100%;display:block;margin:0px auto;padding:0px;max-width:100%;}

.page3_07{overflow:hidden;margin-top:60px;}
.page3_07 ul li{width:31.3333333%;overflow:hidden;float:left;position:relative;margin-right:3%;margin-bottom:60px;}
.page3_07 ul li:nth-child(3n){margin-right:0px;}
.page3_07 ul li a{width:100%;display:block;overflow:hidden;position:relative;}
.page3_07 ul li a em{width:100%;display:block;overflow:hidden;font-style:normal;}
.page3_07 ul li a img{width:100%;display:block;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.page3_07 ul li a span{width:100%;display:block;overflow:hidden;}
.page3_07 ul li a span.sp1{font-size:30px;color:#000;margin-top:20px;}
.page3_07 ul li a span.sp2{margin-top:10px;font-weight:100;}
.page3_07 ul li a span.sp2 i{width:100%;display:block;overflow:hidden;font-size:16px;color:#7d7d7d;line-height:26px;}
.page3_07 ul li a span.sp2 i.i2{display:none;}

.page3_07 ul li a:hover img{transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}


.page3_09{overflow:hidden;margin-top:60px;text-align:center;}
.page3_09 a{width:100%;display:block;overflow:hidden;text-align:center;}
.page3_09 a span{display:inline-block;overflow:hidden;text-align:center;font-size:16px;color:#000;line-height:50px;margin-top:10px;font-weight:100;border:1px solid #ababab;padding:0px 40px;}

.page3_10{overflow:hidden;margin-top:80px;position:relative;}
.page3_10_slide{width:80%;overflow:hidden;margin-left:12%;}
.page3_10_slide .swiper-slide{width:100%;overflow:hidden;}
.page3_10_slide .swiper-slide p{width:100%;overflow:hidden;}
.page3_10_slide .swiper-slide p.p1{font-size:20px;line-height:50px;color:#000;margin-bottom:0px;}
.page3_10_slide .swiper-slide p.p2{font-size:14px;color:#000;font-weight:100;line-height:26px;}
.page3_10 .page3_10_prev{width:10%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/page4_01.jpg") center no-repeat;background-size:30px;}
.page3_10 .page3_10_next{width:10%;height:100%;display:block;overflow:hidden;position:absolute;right:0px;top:0px;background:url("../images/page4_02.jpg") center no-repeat;background-size:30px;}



.page3_08{overflow:hidden;margin-top:120px;margin-bottom:100px;}
.page3_08 ul li{width:100%;overflow:hidden;}
.page3_08 ul li .page3_08_t{width:100%;overflow:hidden;border-bottom:1px solid #ababab;line-height:50px;padding:20px 0px;position:relative;}
.page3_08 ul li .page3_08_t span{font-size:30px;color:#000;}
.page3_08 ul li .page3_08_t a{width:50px;height:100%;display:block;overflow:hidden;background:url("../images/page3_02.jpg") center no-repeat;background-size:100%;position:absolute;right:0px;top:0px;position:absolute;right:0px;top:0px;}
.page3_08 ul li .page3_08_c{width:80%;overflow:hidden;margin:0px auto;padding:30px 0px;display:none;}
.page3_08 ul li .page3_08_c p{width:100%;overflow:hidden;font-size:16px;color:#000;font-weight:100;line-height:30px;margin:10px 0px;}
.page3_08 ul li .page3_08_c p a{display:inline-block;line-height:50px;border:1px solid #ababab;padding:0px 40px;color:#000;}
.page3_08 ul li.on .page3_08_t a{background:url("../images/page3_01.jpg") center no-repeat;background-size:100%;}


.page4_01{overflow:hidden;margin-top:60px;}
.page4_01 p{width:882px;overflow:hidden;font-size:20px;color:#000;font-weight:100;line-height:30px;margin:0px auto;padding:0px;margin-bottom:20px;}

.page4_02{overflow:hidden;margin-top:60px;margin-bottom:100px;}
.page4_02 ul li{width:25%;overflow:hidden;float:left;}
.page4_02 ul li p{width:100%;overflow:hidden;line-height:30px;}
.page4_02 ul li p a{font-size:20px;color:#000;line-height:30px;font-weight:100;cursor:default;}
.page4_02 ul li p.p1{height:20px;overflow:hidden;}
.page4_02 ul li p.p2{font-size:30px;line-height:40px;margin-top:10px;}
.page4_02 ul li p.p3{font-size:20px;line-height:30px;margin-bottom:20px;}
.page4_02 ul li:nth-child(1) p.p1{background-color:#00cfff;}
.page4_02 ul li:nth-child(1) p.p2{color:#00cfff;}
.page4_02 ul li:nth-child(1) p.p3{color:#00cfff;}
.page4_02 ul li:nth-child(1) p a:hover{color:#000;}

.page4_02 ul li:nth-child(2) p.p1{background-color:#19b6db;}
.page4_02 ul li:nth-child(2) p.p2{color:#19b6db;}
.page4_02 ul li:nth-child(2) p.p3{color:#19b6db;}
.page4_02 ul li:nth-child(2) p a:hover{color:#000;}

.page4_02 ul li:nth-child(3) p.p1{background-color:#1f92b7;}
.page4_02 ul li:nth-child(3) p.p2{color:#1f92b7;}
.page4_02 ul li:nth-child(3) p.p3{color:#1f92b7;}
.page4_02 ul li:nth-child(3) p a:hover{color:#000;}

.page4_02 ul li:nth-child(4) p.p1{background-color:#277789;}
.page4_02 ul li:nth-child(4) p.p2{color:#277789;}
.page4_02 ul li:nth-child(4) p.p3{color:#277789;}
.page4_02 ul li:nth-child(4) p a:hover{color:#000;}


.page5_01{overflow:hidden;margin-top:60px;}
.page5_01 p{width:100%;overflow:hidden;}
.page5_01 p.p1{font-size:80px;color:#000;line-height:100px;font-family:Font_Medium;}
.page5_01 p.p2{font-size:30px;color:#000;font-weight:100;line-height:40px;margin-top:50px;font-family:Font_ExtraLight}
.page5_01 p.p3{margin-top:16px;font-size:20px;color:#000;font-weight:100;line-height:30px;font-family:Font_ExtraLight}
.page5_01 p.p5{font-size:20px;color:#000;font-family:Font_ExtraLight;line-height:30px;margin-top:40px;font-weight:100;text-align:justify;text-justify:inter-ideograph;}
.page5_01 p.p7{font-size:40px;color:#000;line-height:60px;font-family:Font_Medium;}

.page5_02{overflow:hidden;margin-top:60px;margin-bottom:100px;}


.page6_01{overflow:hidden;margin-top:60px;}
.page6_01 ul li{width:20%;overflow:hidden;float:left;}
.page6_01 ul li p{width:100%;overflow:hidden;text-align:center;line-height:30px;}
.page6_01 ul li p a{font-size:20px;color:#000;font-weight:100;cursor:default;}
.page6_01 ul li p a:hover{color:#000;}
.page6_01 ul li p.p1{font-size:22px;line-height:30px;color:#000;cursor:pointer;}
.page6_01 ul li p.p2{font-size:16px;color:#000;font-weight:100;line-height:30px;cursor:pointer;}
.page6_01 ul li p.p3{width:100%;height:10px;overflow:hidden;background-color:#c6c6c6;margin-top:10px;margin-bottom:20px;}
.page6_01 ul li:nth-child(2n) p.p3{background-color:#e5e5e5;}
.page6_01 ul li:hover p.p3{background-color:#1f92b7;}
.page6_01 ul li:hover:nth-child(2n) p.p3{background-color:#1f92b7;}
.page6_01 ul li:hover p.p1{color:#1f92b7;}
.page6_01 ul li:hover p.p2{color:#1f92b7;}

.page6_01 ul li.on p.p3{background-color:#1f92b7;}
.page6_01 ul li.on:nth-child(2n) p.p3{background-color:#1f92b7;}
.page6_01 ul li.on p.p1{color:#1f92b7;}
.page6_01 ul li.on p.p2{color:#1f92b7;}



.page6_02{overflow:hidden;margin-top:60px;}
.page6_02 p{width:100%;overflow:hidden;text-align:center;}
.page6_02 p.p1{font-size:40px;color:#000;line-height:60px;}
.page6_02 p.p2{font-size:20px;color:#000;line-height:30px;padding-bottom:20px;border-bottom:1px solid #a4a4a4;}


.page6_03{overflow:hidden;margin-top:60px;margin-bottom:100px;}
.page6_03 ul li{width:32%;overflow:hidden;float:left;margin-right:2%;margin-bottom:40px;}
.page6_03 ul li:nth-child(3n){margin-right:0px;}
.page6_03 ul li a{width:100%;display:block;overflow:hidden;}
.page6_03 ul li a em{width:100%;display:block;overflow:hidden;}
.page6_03 ul li a em img{width:100%;display:block;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.page6_03 ul li a span{width:100%;display:block;overflow:hidden;}
.page6_03 ul li a span.sp1{font-size:20px;color:#7d7d7d;font-weight:100;line-height:30px;margin-top:10px;}
.page6_03 ul li a span.sp2{font-size:30px;color:#000;line-height:40px;}
.page6_03 ul li a span.sp3{margin-top:20px;font-size:16px;color:#7d7d7d;font-weight:100;line-height:24px;margin-top:20px;}
.page6_03 ul li a:hover em img{transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}


.page7_01{overflow:hidden;margin-top:60px;}
.page7_01 p{width:100%;overflow:hidden;margin-bottom:30px;}
.page7_01 p em{display:block;overflow:hidden;font-style:normal;}
.page7_01 p em.em1{width:30%;float:left;}
.page7_01 p em.em2{width:65%;float:left;margin-left:5%;}
.page7_01 p span{width:100%;display:block;overflow:hidden;font-size:20px;color:#000;line-height:40px;}
.page7_01 p input.page7_txt{width:100%;padding:10px 0px;font-size:16px;line-height:24px;border:0px;border-bottom:1px solid #a4a4a4;}
.page7_01 p textarea{width:99%;border:0px;border:1px solid #a4a4a4;padding:10px 0px;font-size:16px;height:200px;text-indent:10px;}
.page7_01 p.p3{margin-top:50px;text-align:center;}
.page7_01 p.p3 input.page7_btn{height:50px;border:1px solid #a4a4a4;background-color:#fff;cursor:pointer;padding:0px 50px;font-size:16px;color:#000;}


.page7_02{overflow:hidden;margin-top:60px;}
.page7_02 p{width:100%;overflow:hidden;text-align:center;}
.page7_02 p.p1{font-size:40px;color:#000;line-height:60px;}
.page7_02 p.p2{font-size:20px;color:#000;line-height:40px;}
.page7_02 p.p3{margin-top:120px;}
.page7_02 p.p3 img{max-width:100%;display:block;margin:0px auto;padding:0px;}
.page7_02 p.p4{margin-top:120px;font-size:40px;color:#000;line-height:60px;}
.page7_02 p.p5{margin-top:120px;font-size:40px;color:#000;line-height:60px;}
.page7_02 p.p7{margin-top:20px;font-size:20px;color:#000;line-height:40px;}
.page7_02 p.p6{margin-top:100px;}
.page7_02 p.p6 img{width:100%;display:block;}


.page7_03{overflow:hidden;margin-top:30px;}
.page7_03 ul{width:100%;overflow:visible;}
.page7_03 ul li{float:left;}
.page7_03 ul li .page7_03_t{width:100%;overflow:hidden;font-size:20px;color:#000;font-weight:100;line-height:40px;cursor:pointer;}
.page7_03 ul li .page7_03_c{width:100%;overflow:hidden;display:none;}
.page7_03 ul li.on .page7_03_t{font-weight:bold;color:#1f92b7;transform:scale(1.005, 1.005); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05);}
.page7_03 ul li:nth-child(9){float:right;}


.page7_04{overflow:hidden;margin-top:20px;margin-bottom:100px;}

.page7_04_c{overflow:hidden;display:inline-block;width:auto;}
.page7_04_c p{width:100%;overflow:hidden;font-size:20px;color:#000;font-weight:400;line-height:35px;}


.page8_01{overflow:hidden;margin-top:100px;}
.page8_01 p{width:100%;overflow:hidden;text-align:justify;text-justify:inter-ideograph;}
.page8_01 p.p1{}
.page8_01 p.p1 img{width:100%;display:block;}
.page8_01 p.p2{font-size:24px;color:#000;line-height:30px;margin-top:20px;margin-bottom:40px;font-family:Font_Medium;}
.page8_01 p.p3{width:70%;overflow:hidden;margin:0px auto;padding:0px;font-size:16px;color:#000;font-weight:100;line-height:30px;margin-bottom:20px;font-family:Font_ExtraLight;}
.page8_01 p.p4{width:70%;overflow:hidden;margin:0px auto;padding:0px;font-size:16px;color:#000;font-weight:100;line-height:30px;margin-bottom:20px;font-family:Font_ExtraLight;text-align:center;}

.page8_video{overflow:hidden;margin-top:80px;}
.page8_video .fr{width:52%;overflow:hidden;margin-top:5px;}
.page8_video .fl{width:45%;overflow:hidden;}
.page8_video .fl p{width:100%;overflow:hidden;text-align:justify;text-justify:inter-ideograph;font-family:Font_ExtraLight;}
.page8_video .fl p.p1{font-size:24px;color:#000;line-height:32px;}
.page8_video .fl p.p2{margin-top:30px;font-weight:100;color:#000;font-size:16px;line-height:30px;}





.page8_02{overflow:hidden;margin-top:20px;line-height:40px;}
.page8_02 a{font-size:16px;color:#000;font-weight:100;}
.page8_02 a:hover{color:#1f92b7;}

.page8_03{width:100%;overflow:hidden;margin-top:20px;margin-bottom:80px;position:relative;}
.page8_03 ul li{width:48%;overflow:hidden;float:left;margin-right:4%;}
.page8_03 ul li:nth-child(2n){margin-right:0px;}
.page8_03 ul li a{width:100%;display:block;overflow:hidden;}
.page8_03 ul li a em{width:100%;display:block;overflow:hidden;}
.page8_03 ul li a em img{width:100%;display:block;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.page8_03 ul li a span{width:100%;display:block;overflow:hidden;}
.page8_03 ul li a span.sp1{font-size:20px;color:#7d7d7d;line-height:30px;font-weight:100;margin-top:10px;}
.page8_03 ul li a span.sp2{font-size:30px;color:#000;line-height:40px;margin-top:10px;}
.page8_03 ul li a span.sp3{font-size:16px;color:#7d7d7d;line-height:24px;margin-top:10px;font-weight:100;}

.page8_03 ul li a span.sp5{font-size:30px;line-height:50px;margin-top:20px;color:#000;}
.page8_03 ul li a span.sp6{font-size:16px;color:#7d7d7d;font-weight:100;line-height:20px;margin-top:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;}
.page8_03 ul li a span.sp7{font-size:16px;color:#7d7d7d;font-weight:100;line-height:20px;margin-top:20px;}

.page8_03 ul li a span.sp_tip{width:100%;overflow:hidden;font-size:16px;color:#000;font-weight:100;line-height:40px;margin-bottom:20px;}
.page8_03 ul li:nth-child(2) span.sp_tip{text-align:right;}


.page8_03 ul li a:hover em img{transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}


.page8_03_slide{width:100%;overflow:hidden;position:relative;padding-bottom:0px;}
.page8_03_slide .swiper-slide{width:48%;overflow:hidden;float:left;}
.page8_03_slide .swiper-slide a{width:100%;display:block;overflow:hidden;}
.page8_03_slide .swiper-slide a em{width:100%;display:block;overflow:hidden;}
.page8_03_slide .swiper-slide a em img{width:100%;display:block;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.page8_03_slide .swiper-slide a span{width:100%;display:block;overflow:hidden;}
.page8_03_slide .swiper-slide a span.sp1{font-size:20px;color:#7d7d7d;line-height:30px;font-weight:100;margin-top:10px;}
.page8_03_slide .swiper-slide a span.sp2{font-size:30px;color:#000;line-height:40px;margin-top:10px;}
.page8_03_slide .swiper-slide a span.sp3{font-size:16px;color:#7d7d7d;line-height:24px;margin-top:10px;font-weight:100;}

.page8_03_slide .swiper-slide a span.sp5{font-size:30px;line-height:50px;margin-top:20px;color:#000;}
.page8_03_slide .swiper-slide a span.sp6{font-size:16px;color:#7d7d7d;font-weight:100;line-height:20px;margin-top:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;}
.page8_03_slide .swiper-slide a span.sp7{font-size:16px;color:#7d7d7d;font-weight:100;line-height:20px;margin-top:20px;}

.page8_03_slide .swiper-slide a:hover em img{transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}

.page8_03_slide .swiper-pagination{width:100%;overflow:hidden;text-align:center;position:absolute;left:0px;bottom:0px;display:none;}
.page8_03_slide .swiper-pagination span{width:10px;height:10px;background:url("../images/case_01.jpg") no-repeat;background-size:100%;opacity:1;margin:0px 5px;margin-bottom:5px;}
.page8_03_slide .swiper-pagination span.swiper-pagination-bullet-active{background:url("../images/case_02.jpg") no-repeat;background-size:100%;}

.page8_03 .wrap_c{position:relative;}
.page8_03 .page8_02_prev{width:52px;height:100px;display:block;overflow:hidden;background:url("../images/page11_01.png") center no-repeat;background-size:20px;position:absolute;left:-72px;top:0px;z-index:990;}
.page8_03 .page8_02_next{width:52px;height:100px;display:block;overflow:hidden;background:url("../images/page11_02.png") center no-repeat;background-size:20px;position:absolute;right:-72px;top:0px;z-index:990;}



.page8_04{overflow:hidden;margin-top:60px;margin-bottom:100px;}
.page8_04 ul li{width:20%;overflow:hidden;float:left;}
.page8_04 ul li p{width:100%;overflow:hidden;text-align:center;}
.page8_04 ul li p.p1{height:10px;background-color:#c6c6c6;}
.page8_04 ul li p.p2{font-size:20px;color:#000;line-height:30px;margin-top:20px;}
.page8_04 ul li p.p3{font-size:16px;color:#000;line-height:26px;}
.page8_04 ul li:nth-child(2n) p.p1{background-color:#e5e5e5;}
.page8_04 ul li:hover p.p1{background-color:#1f92b7;}
.page8_04 ul li:hover p.p2{color:#1f92b7;}
.page8_04 ul li:hover p.p3{color:#1f92b7;}

.page8_04 ul li.on p.p1{background-color:#1f92b7;}
.page8_04 ul li.on p.p2{color:#1f92b7;}
.page8_04 ul li.on p.p3{color:#1f92b7;}



.cont_01{overflow:hidden;margin-top:60px;}
.cont_01 h1{margin:0px;padding:0px;font-size:60px;color:#000;line-height:80px;font-weight:normal;}
.cont_01 p{width:100%;overflow:hidden;margin-top:40px;font-size:20px;color:#000;font-weight:100;line-height:30px;}

.cont_02{overflow:hidden;margin-top:60px;}
.cont_02 p{font-size:20px;color:#000;line-height:30px;font-weight:100;margin-bottom:10px;font-family:Font_ExtraLight;}


.cont_03{overflow:hidden;margin-top:60px;}
.cont_03 p{width:100%;overflow:hidden;font-size:20px;color:#000;font-weight:100;line-height:36px;}
.cont_03 img{max-width:100%;}
.cont_03 span{width:100%;display:block;overflow:hidden;text-align:center;font-size:16px;color:#333;line-height:40px;margin-top:10px;}


.cont_04{overflow:hidden;margin-top:60px;line-height:40px;}
.cont_04 span{font-size:16px;color:#000;font-weight:100;float:left;width:auto;display:inline-block;margin-top:0px;}
.cont_04 a{float:left;display:inline-block;margin-left:20px;}
.cont_04 a b.b1{width:40px;height:40px;display:inline-block;background:url("../images/cont_07.jpg") center no-repeat;background-size:100%;}
.cont_04 a:hover{outline:none;}
.cont_04 a:hover b.b1{background:url("../images/cont_07_on.jpg") center no-repeat;background-size:100%;}

.cont_04 a b.b2{width:40px;height:40px;display:inline-block;background:url("../images/cont_08.jpg") center no-repeat;background-size:100%;}
.cont_04 a:hover b.b2{background:url("../images/cont_08_on.jpg") center no-repeat;background-size:100%;}


.cont_empty{overflow:hidden;height:100px;}


.jltcfr{width:100%;height:100%;overflow:visible;position:fixed;left:0px;top:0px;z-index:999999;display:none;}
a.jltc_close{width:16px;height:16px;display:block;overflow:hidden;position:fixed;right:4%;top:22px;z-index:99999999;background:url("../images/close.png") center no-repeat;background-size:100%;display:none;}
.jltc_bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;background-color:rgba(255,255,255,0);}
.jltc_c{position:absolute;left:5%;top:50%;width:90%;overflow:hidden;background-color:rgba(0,0,0,0.9);padding:20px 0px;}
.jltc_c p{width:90%;overflow:hidden;margin:0px auto;padding:0px;}
.jltc_c p.p1{font-size:26px;color:#fff;line-height:50px;font-weight:100;}
.jltc_c p.p2{font-size:20px;color:#9e9e9e;line-height:30px;}
.jltc_c p.p3{margin-top:20px;}
.jltc_c p.p3 input.jltc_txt1{width:20%;height:40px;border:0px;border-bottom:1px solid #9e9e9e;line-height:40px;background-color:rgba(0,0,0,0);float:left;font-size:16px;color:#fff;}
.jltc_c p.p3 input.jltc_txt2{width:30%;height:40px;border:0px;border-bottom:1px solid #9e9e9e;line-height:40px;background-color:rgba(0,0,0,0);float:left;margin-left:2%;font-size:16px;color:#fff;}
.jltc_c p.p3 select{width:45%;height:40px;border:0px;font-size:16px;border-bottom:1px solid #9e9e9e;line-height:40px;background:url("../images/job_01.png") 96% center no-repeat rgba(0,0,0,0);background-size:30px;float:right;margin-left:0%;color:#969696;outline:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;}
.jltc_c p.p3 select::-ms-expand{display:none;}
.jltc_c p.p4{margin-top:20px;}
.jltc_c p.p4 textarea{width:95.7%;height:200px;border:1px solid #9e9e9e;padding:10px 2%;background-color:rgba(0,0,0,0);color:#fff;}
.jltc_c p.p5{margin-top:20px;}
.jltc_c p.p5 em{display:inline-block;font-style:normal;}
.jltc_c p.p5 em.em1{float:left;}
.jltc_c p.p5 em.em2{position:relative;cursor:pointer;float:left;}
.jltc_c p.p5 em.em2 input{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0;cursor:pointer;}
.jltc_c p.p5 em.em2 span{width:160px;height:40px;display:block;overflow:hidden;position:relative;z-index:9990;font-size:16px;color:#fff;line-height:40px;text-align:center;border:1px solid #fff;}
.jltc_c p.p5 em.em1 i{float:left;font-size:14px;color:#9a9a9a;margin-left:20px;line-height:40px;}
.jltc_c p.p5 em.em3{float:right;}
.jltc_c p.p5 em.em3 input{border:0px;cursor:pointer;height:40px;background-color:rgba(0,0,0,0);font-size:16px;color:#fff;border:1px solid #fff;padding:0px 20px;}



.cpxq_02{margin-bottom:0px;margin-top:140px;}
.cpxq_02 .wrap_c{overflow:hidden;border-top:1px solid #a4a4a4;padding-top:20px;}
.cpxq_02 a.a1{display:inline-block;line-height:50px;border:1px solid #ababab;padding:0px 40px;color:#000;margin-top:10px;font-size:16px;}

.page8_retop{overflow:hidden;margin-top:80px;margin-bottom:100px;}
.page8_retop .wrap_c{overflow:hidden;border-top:1px solid #a4a4a4;padding-top:20px;text-align:center;}
.page8_retop a.a1{display:inline-block;line-height:50px;border:1px solid #ababab;padding:0px 40px;color:#000;margin-top:10px;font-size:16px;}



.cpxq_03{margin-bottom:200px;}


.page8_01_video{width:100%;overflow:hidden;}
.page8_01_video video{width:100%;}


.page6_01_wap{width:100%;overflow:hidden;display:none;}
.page6_01_wap .wrap_c{overflow:hidden;position:relative;padding-bottom:25px;}
.page6_01_wap .page6_01_prev{width:10%;height:50px;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/page4_01.jpg") left no-repeat;background-size:15px;}
.page6_01_wap .page6_01_next{width:10%;height:50px;display:block;overflow:hidden;position:absolute;right:0px;top:0px;background:url("../images/page4_02.jpg") right no-repeat;background-size:15px;}
.page6_01_wap .swiper-pagination{width:100%;overflow:hidden;text-align:center;position:absolute;left:0px;bottom:0px;display:none;}
.page6_01_wap .swiper-pagination span{width:10px;height:10px;background:url("../images/case_01.jpg") no-repeat;background-size:100%;opacity:1;margin:0px 5px;}
.page6_01_wap .swiper-pagination span.swiper-pagination-bullet-active{background:url("../images/case_02.jpg") no-repeat;background-size:100%;}
.page6_01_wap .page6_01_c{width:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.page6_01_wap .page6_01_c p{width:100%;overflow:hidden;text-align:center;}
.page6_01_wap .page6_01_c p.p1{font-size:20px;color:#000;font-family:Font_Medium;line-height:30px;}
.page6_01_wap .page6_01_c p.p2{font-size:14px;line-height:20px;color:#000;font-family:Font_ExtraLight;}

.page6_01_slide{width:80%;overflow:hidden;margin:0px auto;padding:0px;opacity:0;height:50px;}
.page6_01_slide .swiper-slide{width:100%;overflow:hidden;}
.page6_01_slide .swiper-slide p{width:100%;overflow:hidden;text-align:center;}
.page6_01_slide .swiper-slide p.p1{font-size:20px;color:#000;font-family:Font_Medium;line-height:30px;}
.page6_01_slide .swiper-slide p.p2{font-size:14px;line-height:20px;color:#000;font-family:Font_ExtraLight;}



.page7_wap{display:none;overflow:hidden;margin-bottom:60px;margin-top:31px;}
.page7_wap .wrap_c{overflow:hidden;position:relative;}
.page7wap_slide{width:80%;overflow:hidden;margin:0px auto;padding:0px;}
.page7wap_slide .swiper-slide{width:100%;overflow:hidden;}
.page7wap_slide .swiper-slide .page7_03_t{width:100%;overflow:hidden;text-align:center;font-size:20px;line-height:30px;color:#000;font-family:Font_Medium;font-weight:bold;}
.page7wap_slide .swiper-slide .page7_03_c{width:100%;overflow:hidden;margin-top:10px;margin-top:51px;}
.page7wap_slide .swiper-slide .page7_03_c p{width:100%;overflow:hidden;font-size:14px;color:#000;line-height:24px;text-align:center;}
.page7wap_slide .page7_01_prev{width:10%;height:32px;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/page4_01.jpg") left no-repeat;background-size:10px;}
.page7wap_slide .page7_01_next{width:10%;height:32px;display:block;overflow:hidden;position:absolute;right:0px;top:0px;background:url("../images/page4_02.jpg") right no-repeat;background-size:10px;}
.page7_wap .swiper-pagination{width:100%;overflow:hidden;text-align:center;position:absolute;left:0px;bottom:inherit;top:45px;}
.page7_wap .swiper-pagination span{width:10px;height:10px;background:url("../images/case_01.jpg") no-repeat;background-size:100%;opacity:1;margin:0px 5px;}
.page7_wap .swiper-pagination span.swiper-pagination-bullet-active{background:url("../images/case_02.jpg") no-repeat;background-size:100%;}



.job_01{overflow:hidden;position:relative;}
.job_01 .job_close{width:16px;height:16px;display:block;overflow:hidden;position:fixed;right:22px;top:22px;z-index:99999999;background:url("../images/close.png") center no-repeat;background-size:100%;}

.job_01_c{width:100%;overflow:hidden;margin-top:100px;}
.job_01_c p{width:90%;overflow:hidden;margin:0px auto;padding:0px;}
.job_01_c p.p1{font-size:26px;color:#fff;line-height:50px;font-weight:100;}
.job_01_c p.p2{font-size:20px;color:#9e9e9e;line-height:30px;}
.job_01_c p.p3{margin-top:20px;}
.job_01_c p.p3 input.jltc_txt1{width:20%;height:40px;border:0px;border-bottom:1px solid #9e9e9e;line-height:40px;background-color:rgba(0,0,0,0);float:left;font-size:16px;color:#fff;}
.job_01_c p.p3 input.jltc_txt2{width:30%;height:40px;border:0px;border-bottom:1px solid #9e9e9e;line-height:40px;background-color:rgba(0,0,0,0);float:left;margin-left:2%;font-size:16px;color:#fff;}
.job_01_c p.p3 select{width:45%;height:40px;border:0px;font-size:16px;border-bottom:1px solid #9e9e9e;line-height:40px;background:url("../images/job_01.png") 96% center no-repeat rgba(0,0,0,0);background-size:30px;float:right;margin-left:0%;color:#969696;outline:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;}
.job_01_c p.p3 select::-ms-expand{display:none;}
.job_01_c p.p4{margin-top:20px;}
.job_01_c p.p4 textarea{width:95.7%;height:200px;border:1px solid #9e9e9e;padding:10px 2%;background-color:rgba(0,0,0,0);color:#fff;}
.job_01_c p.p5{margin-top:20px;}
.job_01_c p.p5 em{display:inline-block;font-style:normal;}
.job_01_c p.p5 em.em1{float:left;}
.job_01_c p.p5 em.em2{position:relative;cursor:pointer;float:left;}
.job_01_c p.p5 em.em2 input{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0;cursor:pointer;}
.job_01_c p.p5 em.em2 span{width:160px;height:40px;display:block;overflow:hidden;position:relative;z-index:9990;font-size:16px;color:#fff;line-height:40px;text-align:center;border:1px solid #fff;}
.job_01_c p.p5 em.em1 i{float:left;font-size:14px;color:#9a9a9a;margin-left:20px;line-height:40px;}
.job_01_c p.p5 em.em3{float:right;}
.job_01_c p.p5 em.em3 input{border:0px;cursor:pointer;height:40px;background-color:rgba(0,0,0,0);font-size:16px;color:#fff;border:1px solid #fff;padding:0px 20px;}



.cont_wrap .wrap_c{margin:0px 200px}
.page8_01 .wrap_c{margin:0px 200px;}




.sidebar { position:fixed; bottom:60px; right:40px; margin-top:-80px;/* width:180px;*/ z-index:99990;} /*height:163px;*/
.sidebar i { display:block; height:163px; background:#000; opacity:0.5; filter:alpha(opacity=50); border-radius:6px 0 0 6px;}
.sidebar ul { position:relative; top:8px; left:0; z-index:99;}
.sidebar li { /*position:absolute;*/ left:0; -webkit-transition:left .5s ease-in-out 0s; -moz-transition:left .5s ease-in-out 0s; -ms-transition:left .5s ease-in-out 0s; -o-transition:left .5s ease-in-out 0s; transition:left .5s ease-in-out 0s;}
.sidebar li a { display:block; padding-left:56px; height:50px; background:url(../images/sidebar-icon.png) no-repeat; font-size:14px; line-height:50px; color:#FFF;}
.sidebar .sidebar-a { top:0;}
.sidebar .sidebar-b { top:50px;}
.sidebar .sidebar-c { top:100px;background: rgba(0,0,0,0.6);}
/*.sidebar .sidebar-a a { top:0; background-position:0 0;}
.sidebar .sidebar-b a { top:50px; width:120px; background-position:0 -50px;}*/
.sidebar .sidebar-c a { top:100px; background-position:0 -100px;}
.sidebar li.curr { left:-100px; background:#000; border-radius:6px 0 0 6px; opacity:0.5; filter:alpha(opacity=50);}
.sidebar li.curr1 { left:-100px;}













@media all and (orientation:landscape) {

    @media screen and (max-width:1200px) {
        .page2_02 ul li img{width:100%;}
        .page2_02 ul li em.fl{position: relative;text-align: left;}
        .page2_02 ul li em.fr{position: relative;text-align: left;}
        .page2_02 ul li em span.sp1{margin-top: 20px;}
        .page2_02 ul li em span.sp1 i.i1{font-size: 14px;line-height: 24px;}
        .page2_02 ul li em span.sp1 i.i1 br{display: none;}
        .page2_02 ul li em span.sp1 i.i2{font-size: 14px;line-height: 24px; margin-top: 0px;}
        .page2_02 ul li em span.sp2{position: relative;bottom: 0px;margin-top: 20px;}
        .page2_02 ul li em span.sp2{}
        .page2_02 ul li em span.sp2 i.i1{font-size: 20px;line-height: 36px;}
        .page2_02 ul li em span.sp2 i.i1 br{display: none;}
        .page2_02 ul li em span.sp2 i.i2{font-size: 14px;line-height: 20px;margin-top: 0px;}
        .page2_02 ul li em span.sp2 i.i2 br{display: none;}
        .page2_01 ul li a em span.sp1{font-size: 16px;line-height: 20px;}
        .page2_01 ul li a em span.sp2{font-size: 14px;line-height: 24px;}

        .page2_01 ul li:nth-child(1) a em{background: none;background-size: 38px;padding-left: 0px;}
        .page2_01 ul li:nth-child(2) a em{background: none;background-size: 38px;padding-left: 0px;}
        .page2_01 ul li:nth-child(3) a em{background: none;background-size: 38px;padding-left: 0px;}
        .page2_01 ul li:nth-child(4) a em{background: none;background-size: 38px;padding-left: 0px;}
        .page2_01 ul li.on {background-color: #fff;}

        .page2_01 ul li.on a em span.sp1 {color: #1f92b7;}
        .page2_01 ul li.on a em span.sp2 {color: #1f92b7;}

        .page2_01 ul li.on:nth-child(1) a em {background: none;background-size: 38px;padding-left: 0px;}
        .page2_01 ul li.on:nth-child(2) a em {background: none;background-size: 38px;padding-left: 0px;}
        .page2_01 ul li.on:nth-child(3) a em {background: none;background-size: 38px;padding-left: 0px;}
        .page2_01 ul li.on:nth-child(4) a em {background: none;background-size: 38px;padding-left: 0px;}
        .page2_01 ul li:hover{background-color: #fff;}
        .page2_01 ul li:hover a em span.sp1 {color: #1f92b7;}
        .page2_01 ul li:hover a em span.sp2 {color: #1f92b7;}
        .page2_01 ul li:hover:nth-child(1) a em {background: none;background-size: 38px;padding-left: 0px;}
        .page2_01 ul li:hover:nth-child(2) a em {background: none;background-size: 38px;padding-left: 0px;}
        .page2_01 ul li:hover:nth-child(3) a em {background: none;background-size: 38px;padding-left: 0px;}
        .page2_01 ul li:hover:nth-child(4) a em {background: none;background-size: 38px;padding-left: 0px;}
    }



    @media screen and (max-width:900px) {
        .btnfr .footer-content{display: block;}

        .sidebar{display:none;}

        .page8_03 ul li:nth-child(2) span.sp_tip{text-align:left;}

        .wrap_in{margin: 0px 15px;}

        .wrap_c{margin: 0px 15px;}
        .cont_wrap .wrap_c{margin:0px 15px}
        .page8_01 .wrap_c{margin:0px 15px;}

        .wrap {min-width: 0px;}

        .page7_wap {display: block; }

        /*.menu_fr {width: 100%;right: -100%;}*/

        .topfr {background-color: #fff;padding: 20px 0px; position: fixed;}

        .topfr img {float: left;height: 30px;}

        .in_01 {margin-bottom: 32px;margin-top: 60px;}

        .in_01 img {}

        .in_03 {display: none;}

        .in_02 ul li {margin-bottom: 50px;}

        .in_02 ul li .in_02_img {display: block;}

        .in_02 ul li .in_02_c {position: relative;bottom: 0px;margin-top: 20px;}

        .in_02 ul li .in_02_c p.p1 {font-size: 14px;line-height: 24px;}

        .in_02 ul li .in_02_c p.p1 br {display: none;}

        .in_02 ul li .in_02_c p.p2 {font-size: 14px;line-height: 24px;margin-top: 0px;}

        .in_02 ul li .in_02_c p.p2 br {display: none;}

        .in_02 ul li .in_02_c p.p3 { margin-top: 5px;}

        .in_02 ul li .in_02_t {margin-top: 20px;width: 100%;}

       .in_02 ul li .in_02_t p.p1 {font-size: 34px;line-height: 48px;}

       .in_02 ul li .in_02_t p.p2 {font-size: 14px;line-height: 20px;}

        .in_05 {padding-top: 0px;margin-top: 55px; }

        .in_05_t {padding: 15px 0px;}

        .in_05_t span { font-size: 20px;}

        .in_05_t i {font-size: 14px;}


        .in_05_1 {margin-bottom: 50px;}

        .in_05_c1 ul li {width: 100%;margin-right: 0%;border-bottom: 1px solid #aaa; padding-bottom: 20px;margin-bottom: 20px;}

       .in_05_c1 ul li:nth-child(3n) {margin-right: 0%;}

       .in_05_c1 ul li:nth-child(2n) {margin-right: 0px;}

       .in_05_c1 ul li a span { width: 54%;float: right;}

       .in_05_c1 ul li a span.sp2 {font-size: 20px;line-height: 36px;height: 72px;margin-top: 0px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;}

       .in_05_c1 ul li a i {font-size: 14px;line-height: 20px;margin-top: 0px;width: 54%;float: right;}

       .in_05_c1 ul li a em { width: 40%;float: left;}

       .in_05_c1 ul li.last {border-bottom: 0px;padding: 0px;margin-bottom: 0px;}





        .btnfr .fl {width: 100%;}

        .btnfr .fl p.p1 {font-size: 34px;line-height: 48px;}

        .btnfr .fc {
            width: 100%;
            margin-left: 0px;
            margin-top: 20px;
        }

            .btnfr .fc p.p1 {
                font-size: 34px;
                line-height: 48px;
            }

        .btnfr .fr {
            width: 100%;
            margin-top: 20px;
        }

            .btnfr .fr p.p1 {
                font-size: 34px;
                line-height: 48px;
            }

        .in_02 .wrap_in {
        }

        .in_02 ul li:nth-child(4) {
            margin-bottom: 0px;
        }

        .in_02 ul li .in_02_t {
            width: 100%;
            margin: 0px auto;
            padding: 0px;
            margin-top: 20px;
        }

        .in_02 ul li .in_02_c {
            width: 100%;
            margin: 0px auto;
            padding: 0px;
            margin-top: 20px;
        }

        .cpxq_02 .wrap_c {
            padding-top: 10px;
        }

        .page2_01 ul li {
            width: 25%;
            text-align: center;
            padding: 10px 0px;
        }

            .page2_01 ul li a {
                width: 90%;
                display: block;
                margin: 0px auto;
                padding: 0px;
            }

                .page2_01 ul li a em {
                    text-align: center;
                }

                    .page2_01 ul li a em span.sp2 {
                        font-size: 12px;
                        line-height: 20px;
                        display: none;
                    }


        .page3_01 p.p1 {
            font-size: 20px;
            line-height: 30px;
        }

        .page3_01 p.p2 {
            font-size: 14px;
            line-height: 24px;
        }

        .page3_01 p.p4 {
            width: 90%;
            float: none;
            margin: 0px auto;
            padding: 0px;
            font-size: 14px;
            line-height: 24px;
            margin-top: 20px;
        }

        .page3_02 .fr {
            width: 100%;
        }

        .page3_02 .fl {
            width: 100%;
            margin-top: 20px;
        }

            .page3_02 .fl p.p1 {
                font-size: 20px;
                line-height: 30px;
                text-align: center;
            }

            .page3_02 .fl p.p2 {
                font-size: 14px;
                line-height: 24px;
                text-align: center;
            }

            .page3_02 .fl p.p4 {
                width: 90%;
                margin: 0px auto;
                margin-bottom: 10px;
                font-size: 14px;
                line-height: 24px;
            }

            .page3_02 .fl p.p3 {
                margin-top: 20px;
            }

        .page3_03 {
            margin-top: 40px;
        }

            .page3_03 p.p1 {
                font-size: 20px;
                line-height: 30px;
            }

            .page3_03 p.p2 {
                font-size: 14px;
                line-height: 24px;
            }

        .page3_04 {
            margin-top: 20px;
        }

            .page3_04 ul li {
                width: 100%;
                margin-right: 0px;
                margin-bottom: 30px;
            }

                .page3_04 ul li a span.sp1 {
                    font-size: 14px;
                    line-height: 24px;
                }

                .page3_04 ul li a span.sp2 {
                    font-size: 16px;
                    line-height: 26px;
                    height: auto;
                }

                .page3_04 ul li a span.sp3 {
                    font-size: 14px;
                    line-height: 24px;
                    margin-top: 10px;
                }

        .page3_05 {
            margin-top: 40px;
        }

            .page3_05 ul li {
                width: 33.3333%;
                margin-bottom: 40px;
            }

                .page3_05 ul li span.sp1 {
                    font-size: 20px;
                    margin-top: 10px;
                    line-height: 40px;
                }

                    .page3_05 ul li span.sp1 i {
                        font-size: 30px;
                    }

                .page3_05 ul li span.sp2 {
                    margin-top: 0px;
                    font-size: 12px;
                }

        .page3_06 {
            margin-top: 10px;
        }

        .page3_07 {
            margin-top: 40px;
        }


        .page3_08 {
            margin-top: 20px;
        }

            .page3_08 ul li .page3_08_t {
                padding: 10px 0px;
            }

                .page3_08 ul li .page3_08_t span {
                    font-size: 16px;
                }

                .page3_08 ul li .page3_08_t a {
                    background-size: 20px;
                }

            .page3_08 ul li.on .page3_08_t a {
                background-size: 20px;
            }

            .page3_08 ul li .page3_08_c {
                width: 100%;
                padding: 10px 0px;
            }

                .page3_08 ul li .page3_08_c p {
                    font-size: 14px;
                    line-height: 24px;
                    margin: 4px auto;
                    width: 80%;
                }

                    .page3_08 ul li .page3_08_c p a {
                        width: 98%;
                        line-height: 40px;
                        padding: 0px;
                        text-align: center;
                    }

        .page3_10 {
            margin-top: 20px;
        }


        .page4_02 ul li {
            width: 100%;
            margin-bottom: 40px;
        }

        .page6_01 {
            display: none;
        }

            .page6_01 ul li {
                width: 100%;
                margin-bottom: 30px;
                text-align: left;
            }

                .page6_01 ul li p {
                    text-align: left;
                }

        .page6_03 ul li {
            width: 48%;
            margin-right: 4%;
        }

            .page6_03 ul li:nth-child(3n) {
                margin-right: 4%;
            }

            .page6_03 ul li:nth-child(2n) {
                margin-right: 0px;
            }

        .page7_01 p span {
            font-size: 16px;
            line-height: 26px;
        }

        .page7_02 p.p1 {
            font-size: 20px;
            line-height: 30px;
        }

        .page7_02 p.p2 {
            font-size: 14px;
            line-height: 24px;
        }

        .page7_02 p.p3 {
            font-size: 20px;
            line-height: 30px;
        }

        .page7_02 p.p4 {
            font-size: 20px;
            line-height: 30px;
        }

        .page7_02 p.p5 {
            font-size: 20px;
            line-height: 30px;
        }

        .page7_03 {
            display: none;
        }

            .page7_03 ul li {
                width: 100%;
                margin-bottom: 40px;
            }

                .page7_03 ul li .page7_03_c {
                    display: block;
                }

                    .page7_03 ul li .page7_03_c p {
                        width: 100%;
                        overflow: hidden;
                        font-size: 14px;
                        color: #000;
                        line-height: 26px;
                    }

                .page7_03 ul li.on .page7_03_t {
                    font-weight: 100;
                    font-size: 20px;
                    color: #000;
                }


        .page8_01 p.p2 {font-size: 20px;line-height: 30px;margin-bottom: 20px;margin-top:20px;}

        .page8_01 p.p3 {
            width: 90%;
            overflow: hidden;
            font-size: 16px;
            line-height: 26px;
            text-align: justify;
            text-justify: inter-ideograph;
        }

        .page5_01 p.p1 {
            font-size: 30px;
            line-height: 48px;
        }

        .page5_01 p.p2 {
            font-size: 16px;
            line-height: 30px;
            margin-top: 10px;
        }

        .page5_01 p.p3 {
            margin-top: 10px;
            font-size: 14px;
            line-height: 24px;
        }

        .page8_03 ul li {
            width: 100%;
            margin-right: 0px;
            margin-bottom: 40px;
        }

        .page4_01 p {
            width: 100%;
        }

        .jltcfr {
            z-index: 99999990;
            top: 0px;
        }

            .jltcfr .jltc_bg {
                background-color: #000;
            }

        .jltc_c p.p1 {
            font-size: 20px;
            line-height: 30px;
            width: 20%;
            float: left;
            font-weight: 600;
            margin-left: 5%;
        }

        .jltc_c p.p2 {
            font-size: 14px;
            line-height: 30px;
            width: 75%;
            float: left;
        }

        .jltc_c p.p3 select {
            width: 40%;
            margin-top: 0px;
        }

        .jltc_c p.p4 textarea {
            height: 20px;
        }

        .jltc_c p.p5 em.em3 input {
            width: 150px;
            height: 30px;
        }

        .jltc_c p.p3 input.jltc_txt1 {
            height: 30px;
            line-height: 30px;
        }

        .jltc_c p.p3 input.jltc_txt2 {
            height: 30px;
            line-height: 30px;
        }

        .jltc_c {
            width: 100%;
            left: 0px;
        }


        .page3_10 .page3_10_prev {
            background-size: 50%;
        }

        .page3_10 .page3_10_next {
            background-size: 50%;
        }


        .in_02 ul li {
            opacity: 1;
        }

        .page8_video {
            margin-top: 50px;
        }

            .page8_video .fl {
                width: 100%;
            }

            .page8_video .fr {
                width: 100%;
                margin-top: 20px;
            }

        .page8_01 {
            margin-top: 50px;
        }
/*
        .menu_fr {
            background-color: rgba(0,0,0,1);
            z-index: 9999990;
        }

            .menu_fr ul {
                margin-top: 100px;
            }

                .menu_fr ul li {
                    line-height: 30px;
                    width: 50%;
                    float: left;
                    margin-bottom: 10px;
                }

                    .menu_fr ul li a {
                        width: 154px;
                    }

                        .menu_fr ul li a i {
                            display: inline-block;
                            width: auto;
                            float: right;
                            color: #fff;
                            text-align: left;
                            font-weight: 100;
                            font-size: 16px;
                            width: 94px;
                        }

                        .menu_fr ul li a span {
                            display: inline-block;
                            width: auto;
                            float: left;
                            color: #fff;
                            font-size: 20px;
                            font-family: Font_Medium;
                            width: 60px;
                        }

        */

        /*.topfr {
            z-index: 9999999;
        }*/

        .menu {
            z-index: 9999999;
            top: 12px;
        }

        .page3_10_slide {
            margin-left: 14%;
        }

            .page3_10_slide .swiper-slide p.p1 {
                font-size: 16px;
            }

            .page3_10_slide .swiper-slide p.p2 {
                font-size: 12px;
                line-height: 20px;
            }

        .page3_09 a span {
            line-height: 40px;
            font-size: 14px;
        }

        .page3_09 {
            margin-top: 20px;
        }

        .page5_01 {
            margin-top: 20px;
        }

        .in_05_c ul li {
            width: 48%;
            margin-right: 4%;
            padding-bottom: 25px;
            margin-bottom: 20px;
        }

            .in_05_c ul li:nth-child(3n) {
                margin-right: 4%;
            }

            .in_05_c ul li:nth-child(2n) {
                margin-right: 0px;
            }


        .page6_01_wap{display:block;}

        .page6_02 {
            display: none;
        }


        .page6_03 ul li {
        }

        .page6_03 ul li {
            width: 100%;
            margin-right: 0%;
            border-bottom: 1px solid #aaa;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

            .page6_03 ul li:nth-child(3n) {
                margin-right: 0%;
            }

            .page6_03 ul li:nth-child(2n) {
                margin-right: 0px;
            }

            .page6_03 ul li a span.sp1 {
                display: none;
            }

            .page6_03 ul li a span {
                font-size: 20px;
                line-height: 36px;
                width: 66%;
                float: right;
                margin-top: 0px;
            }

            .page6_03 ul li a i {
                font-size: 14px;
                line-height: 20px;
                margin-top: 0px;
                width: 66%;
                float: right;
            }

            .page6_03 ul li a em {
                width: 30%;
                float: left;
                margin-top: 10px;
            }

            .page6_03 ul li.last {
                border-bottom: 0px;
                padding: 0px;
                margin-bottom: 0px;
            }

            .page6_03 ul li a span.sp2 {
                font-size: 20px;
                line-height: 36px;
            }

            .page6_03 ul li a span.sp4 {
                display: none;
            }


        .page7_01 p em.em1 {
            width: 100%;
        }

        .page7_01 p em.em2 {
            width: 100%;
            margin-left: 0px;
            margin-top: 30px;
        }

        .page7_02 p.p3 {
            margin-top: 40px;
        }

        .page7_02 p.p4 {
            margin-top: 40px;
        }

        .page7_02 p.p5 {
            margin-top: 40px;
        }

        .page7_02 p.p7 {
            line-height: 24px;
            font-size: 14px;
            margin-top: 0px;
        }

        .page7_04 {
            margin-bottom: 0px;
            height: 0px;
            margin: 0px;
        }

        .page8_video .fr p.p1 {
            font-size: 20px;
            line-height: 40px;
        }

        .page8_video .fr p.p2 {font-size: 16px;line-height: 26px;width: 90%;margin: 0px auto;padding: 0px;margin-top: 10px; text-align: justify;text-justify: inter-ideograph;}

        .page8_03 {margin-bottom: 34px;}

        .page8_02 {display: none; }


        .page8_03_slide .swiper-slide {margin-bottom: 20px;}
        .page8_03_slide .swiper-slide a span.sp1 {display: none;}
        .page8_03_slide .swiper-slide a span.sp2{font-size:26px;line-height:48px;margin-top:20px;}
        .page8_03_slide .swiper-slide a span.sp3 {margin-top: 2px;font-size: 14px;line-height: 24px;}
        .page8_03_slide .swiper-slide a span.sp4 {margin-top: 20px;margin-bottom: 5px; }
        .page8_03_slide .swiper-slide a span.sp5 {font-size: 34px;line-height: 48px; margin-top: 20px;}
        .page8_03_slide .swiper-slide a span.sp6 {margin-top: 20px;font-size: 14px;line-height: 24px;}
        .page8_03_slide .swiper-slide a span.sp7 {margin-top: 0px;margin-bottom: 5px;}
        .page8_03_slide .swiper-slide a:hover em img {transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);}

        .page8_03 ul li{margin-bottom: 20px;}
        .page8_03 ul li a span.sp1 {display: none;}
        .page8_03 ul li a span.sp2 {font-size: 34px;line-height: 48px;margin-top: 20px;}
        .page8_03 ul li a span.sp3 {margin-top: 2px;font-size: 14px;line-height: 24px;}
        .page8_03 ul li a span.sp4 {margin-top: 20px;margin-bottom: 5px; }
        .page8_03 ul li a span.sp5 {font-size: 34px;line-height: 48px; margin-top: 20px;}
        .page8_03 ul li a span.sp6 {margin-top: 20px;font-size: 14px;line-height: 24px;}
        .page8_03 ul li a span.sp7 {margin-top: 0px;margin-bottom: 5px;}
        .page8_03 ul li a:hover em img {transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);}

        .cpxq_02 {margin-top: 60px;}

        .jltc_c p.p5 em.em2 span {width: 100%;font-size: 14px;}

        .jltc_c p.p5 em.em2 {width: 98%; }

        .jltc_c p.p5 em.em3 input {width: 100%;padding: 0px;height: 40px;font-size: 14px;}


        .jltc_c p.p3 select {}

        .jltc_c p.p3 select {background: url("../images/job_01.png") 96% center no-repeat rgba(0,0,0,0);background-size: 15px;}

        .jltc_c p.p5 { margin-top: 20px;}


        .page6_03 ul li a span.sp3 {margin-top: 12px;}

        .in_01 .in_01_video { }


        .cont_02 p {font-size: 16px;line-height: 26px;}

        .cont_01 h1 {font-size: 30px;line-height: 48px;}

        .cont_01 p {font-size: 14px;line-height: 24px;margin-top: 10px;}

        .page8_04 ul li {width: 25%;}

            .page8_04 ul li.on {display: none;}

            .page8_04 ul li p.p1 { height: 1px;background-color: #a4a4a4;}

            .page8_04 ul li:nth-child(2n) p.p1 {background-color: #a4a4a4;}

            .page8_04 ul li p.p3 {display: none;}

            .page8_04 ul li p.p2 {font-size: 16px;margin-top: 10px;color: #d3d3d3;line-height: 20px;}

        .page8_retop {margin-top: 50px; }

            .page8_retop .wrap_c {overflow: visible;border-top: 0px;}

        .job_01_c p.p3 input.jltc_txt1{width:100%;}
        .job_01_c p.p3 input.jltc_txt2{width:100%;margin-left:0px;margin-top:10px;}
        .job_01_c p.p3 select{width:100%;margin-left:0px;margin-top:10px;}
        .job_01_c p.p4 textarea{height:50px;width:95%;}

        .job_01_c p.p5 em.em1{width:100%;text-align:center;}
        .job_01_c p.p5 em.em3{width:100%;text-align:center;margin-top:15px;}
        .job_01_c p.p2{font-size:14px;line-height:24px;}
        .job_01_c p.p1{font-size:20px;line-height:40px;}
        .job_01_c p.p3{margin-top:20px;}
        .job_01_c p.p5 em.em1 i{line-height:20px;text-align:center;width:100%;margin:0px;margin-top:10px;}
        .job_01_c p.p5 em.em2{text-align:center;float:none;}
        .job_01_c{width:100%;left:0px;}
        .job_01_c p.p5 em.em2 span{width:100%;font-size:14px;}
        .job_01_c p.p5 em.em2{width:98%;}
        .job_01_c p.p5 em.em3 input{width:100%;padding:0px;height:40px;font-size:14px;}
        .job_01_c p.p3 select{}
        .job_01_c p.p3 select{background:url("../images/job_01.png") 96% center no-repeat rgba(0,0,0,0);background-size:15px;}

        .page8_03 ul li a span.sp2{font-size:20px;line-height:30px;}
        .page8_03 ul li a span.sp3{font-size:14px;line-height:20px;}

        .page5_02{margin-top:30px;}




        .in_01 .box-intro {
            height: auto;
            padding: 60px 0;
        }

        .in_01 .box-intro h2 {
            padding-bottom: 0;
        }

        /* text rotate */

        .in_01 .box-headline {
            font-size: 30px;
        }

        .in_01 .box-words-wrapper {
            display: block;
            position: relative;
        }

        .in_01 .box-words-wrapper b {
            display: block;
            position: relative;
            white-space: normal;
            left: 0;
            top: 0;
            line-height: 1.5;
        }

        .in_01 .no-js .box-words-wrapper b {
            opacity: 1;
        }

        .in_01 .no-js .box-words-wrapper b.is-visible {
            opacity: 1;
        }

        .in_01 .box-headline.rotate-2 b {
            opacity: 1;
        }

        .in_01 .box-headline.rotate-2 i {
            opacity: 1;
        }

        .in_01 .is-visible .box-headline.rotate-2 i {
            opacity: 1;
        }


        .in_01 .no-csstransitions .box-headline.rotate-2 .is-visible i {
            opacity: 1;
        }
        .in_01 .mouse {
            display: none;
        }

        .in_01 .scroll {
            display: none;
        }

    }
}

@media all and (orientation:portrait) {
    
    @media screen and (max-width:1200px) {
        .page2_02 ul li img{width:100%;}
        .page2_02 ul li em.fl{position:relative;text-align:left;}
        .page2_02 ul li em.fr{position:relative;text-align:left;}
        .page2_02 ul li em span.sp1{margin-top:20px;}
        .page2_02 ul li em span.sp1 i.i1{font-size:14px;line-height:24px;}
        .page2_02 ul li em span.sp1 i.i1 br{display:none;}
        .page2_02 ul li em span.sp1 i.i2{font-size:14px;line-height:24px;margin-top:0px;}

        .page2_02 ul li em span.sp2{position:relative;bottom:0px;margin-top:20px;}
        .page2_02 ul li em span.sp2{}
        .page2_02 ul li em span.sp2 i.i1{font-size:20px;line-height:36px;}
        .page2_02 ul li em span.sp2 i.i1 br{display:none;}
        .page2_02 ul li em span.sp2 i.i2{font-size:14px;line-height:20px;margin-top:0px;}
        .page2_02 ul li em span.sp2 i.i2 br{display:none;}

        .page2_01 ul li a em span.sp1{font-size:16px;line-height:20px;}
        .page2_01 ul li a em span.sp2{font-size:14px;line-height:24px;}

        .page2_01 ul li:nth-child(1) a em{background:none;background-size:38px;padding-left:0px;}
        .page2_01 ul li:nth-child(2) a em{background:none;background-size:38px;padding-left:0px;}
        .page2_01 ul li:nth-child(3) a em{background:none;background-size:38px;padding-left:0px;}
        .page2_01 ul li:nth-child(4) a em{background:none;background-size:38px;padding-left:0px;}
        .page2_01 ul li.on{background-color:#fff;}
        .page2_01 ul li.on a em span.sp1{color:#1f92b7;}
        .page2_01 ul li.on a em span.sp2{color:#1f92b7;}
        .page2_01 ul li.on:nth-child(1) a em{background:none;background-size:38px;padding-left:0px;}
        .page2_01 ul li.on:nth-child(2) a em{background:none;background-size:38px;padding-left:0px;}
        .page2_01 ul li.on:nth-child(3) a em{background:none;background-size:38px;padding-left:0px;}
        .page2_01 ul li.on:nth-child(4) a em{background:none;background-size:38px;padding-left:0px;}

        .page2_01 ul li:hover{background-color:#fff;}
        .page2_01 ul li:hover a em span.sp1{color:#1f92b7;}
        .page2_01 ul li:hover a em span.sp2{color:#1f92b7;}
        .page2_01 ul li:hover:nth-child(1) a em{background:none;background-size:38px;padding-left:0px;}
        .page2_01 ul li:hover:nth-child(2) a em{background:none;background-size:38px;padding-left:0px;}
        .page2_01 ul li:hover:nth-child(3) a em{background:none;background-size:38px;padding-left:0px;}
        .page2_01 ul li:hover:nth-child(4) a em{background:none;background-size:38px;padding-left:0px;}


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

        .btnfr .footer-content{display: block;overflow: hidden;}
        .btnfr .footer-content > div:nth-child(1){
            display: flex;justify-content: space-between;
            text-align: center;
        }
        .btnfr .footer-content > div:nth-child(2){
            float: left;
            width: 50%;
            box-sizing: border-box;
            text-align: left;
        }
        .btnfr .footer-content > div:nth-child(3){
            float: left;
            width: 50%;
            box-sizing: border-box;
        }
        .btnfr .footer-content > div:nth-child(3) p{
            display: flex;
        }

        .sidebar{display:block;top:inherit;bottom:10px;}
        .page5_02{margin-top:30px;}

        .page8_03 ul li:nth-child(2) span.sp_tip{text-align:left;}

        .wrap_in{margin:0px 15px;}
        .wrap_c{margin:0px 15px;}
        .cont_wrap .wrap_c{margin:0px 15px}
        .page8_01 .wrap_c{margin:0px 15px;}
        .wrap{min-width:0px;}

        .page7_wap{display:block;}

        /*.menu_fr{width:100%;right:-100%;}*/

        .topfr{background-color:#fff;padding:20px 0px;position:fixed;}
        .topfr img{float:left;height:30px;}

        .in_01{margin-bottom: 4px;margin-top:60px;}

        .in_03{display:none;}
        .in_02 ul li{margin-bottom:50px;}
        .in_02 ul li .in_02_img{display:block;}
        .in_02 ul li .in_02_c{position:relative;bottom:0px;margin-top:20px;}
        .in_02 ul li .in_02_c p.p1{font-size:14px;line-height:24px;}
        .in_02 ul li .in_02_c p.p1 br{display:none;}
        .in_02 ul li .in_02_c p.p2{font-size:14px;line-height:24px;margin-top:0px;}
        .in_02 ul li .in_02_c p.p2 br{display:none;}
        .in_02 ul li .in_02_c p.p3{margin-top:5px;}
        .in_02 ul li .in_02_t{margin-top:20px;width:100%;}
        .in_02 ul li .in_02_t p.p1{font-size:34px;line-height:48px;}
        .in_02 ul li .in_02_t p.p2{font-size:14px;line-height:20px;}

        .in_05{padding-top:0px;margin-top:55px;}

        .in_05_t{padding:15px 0px;}
        .in_05_t span{font-size:20px;}
        .in_05_t i{font-size:14px;}


        .in_05_c ul li{width:100%;margin-right:0%;border-bottom:1px solid #aaa;padding-bottom:25px;margin-bottom:20px;}
        .in_05_c ul li:nth-child(3n){margin-right:0%;}
        .in_05_c ul li:nth-child(2n){margin-right:0px;}
        .in_05_c ul li a span{font-size:20px;line-height:30px;width:66%;float:right;margin-top:0px;margin-bottom:10px;}
        .in_05_c ul li a span.spn_01{margin-bottom:0px;}
        .in_05_c ul li a i{font-size:14px;line-height:20px;margin-top:0px;width:66%;float:right;}
        .in_05_c ul li a i.i1{margin-top:0px;}
        .in_05_c ul li a i.i3{display:none;}
        .in_05_c ul li a em{width:30%;float:left;margin-top:5px;}
        .in_05_c ul li.last{border-bottom:0px;padding:0px;margin-bottom:0px;}

        .in_05_1{margin-bottom:50px;}
        .in_05_c1 ul li{width:100%;margin-right:0%;border-bottom:1px solid #aaa;padding-bottom:20px;margin-bottom:20px;}
        .in_05_c1 ul li:nth-child(3n){margin-right:0%;}
        .in_05_c1 ul li:nth-child(2n){margin-right:0px;}
        .in_05_c1 ul li a span{width:54%;float:right;}
        .in_05_c1 ul li a span.sp2{font-size:20px;line-height:36px;height:72px;margin-top:0px;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;}
        .in_05_c1 ul li a i{font-size:14px;line-height:20px;margin-top:0px;width:54%;float:right;}
        .in_05_c1 ul li a em{width:40%;float:left;}
        .in_05_c1 ul li.last{border-bottom:0px;padding:0px;margin-bottom:0px;}


        .btnfr .fl{width:100%;}
        .btnfr .fl p.p1{font-size:34px;line-height:48px;}
        .btnfr .fc{width:100%;margin-left:0px;margin-top:20px;}
        .btnfr .fc p.p1{font-size:34px;line-height:48px;}
        .btnfr .fr{width:100%;margin-top:20px;}
        .btnfr .fr p.p1{font-size:34px;line-height:48px;}

        .in_02 .wrap_in{}
        .in_02 ul li:nth-child(4){margin-bottom:0px;}
        .in_02 ul li .in_02_t{width:100%;margin:0px auto;padding:0px;margin-top:20px;}
        .in_02 ul li .in_02_c{width:100%;margin:0px auto;padding:0px;margin-top:20px;}

        .cpxq_02 .wrap_c{padding-top:10px;}
        .page2_01 ul li{width:25%;text-align:center;padding:10px 0px;}
        .page2_01 ul li a{width:90%;display:block;margin:0px auto;padding:0px;}
        .page2_01 ul li a em{text-align:center;}
        .page2_01 ul li a em span.sp2{font-size:12px;line-height:20px;display:none;}


        .page3_01 p.p1{font-size:20px;line-height:30px;}
        .page3_01 p.p2{font-size:14px;line-height:24px;}
        .page3_01 p.p4{width:90%;float:none;margin:0px auto;padding:0px;font-size:14px;line-height:24px;margin-top:20px;}

        .page3_02 .fr{width:100%;}
        .page3_02 .fl{width:100%;margin-top:20px;}
        .page3_02 .fl p.p1{font-size:20px;line-height:30px;text-align:center;}
        .page3_02 .fl p.p2{font-size:14px;line-height:24px;text-align:center;}
        .page3_02 .fl p.p4{width:90%;margin:0px auto;margin-bottom:10px;font-size:14px;line-height:24px;}
        .page3_02 .fl p.p3{margin-top:20px;}

        .page3_03{margin-top:40px;}
        .page3_03 p.p1{font-size:20px;line-height:30px;}
        .page3_03 p.p2{font-size:14px;line-height:24px;}

        .page3_04{margin-top:20px;}
        .page3_04 ul li{width:100%;margin-right:0px;margin-bottom:30px;}
        .page3_04 ul li a span.sp1{font-size:14px;line-height:24px;}
        .page3_04 ul li a span.sp2{font-size:16px;line-height:26px;height:auto;}
        .page3_04 ul li a span.sp3{font-size:14px;line-height:24px;margin-top:10px;}

        .page3_05{margin-top:40px;}
        .page3_05 ul li{width:33.3333%;margin-bottom:40px;}
        .page3_05 ul li span.sp1{font-size:20px;margin-top:10px;line-height:40px;}
        .page3_05 ul li span.sp1 i{font-size:30px;}
        .page3_05 ul li span.sp2{margin-top:0px;font-size:12px;}

        .page3_06{margin-top:10px;}

        .page3_07{margin-top:40px;}
        .page3_07 ul li{width:100%;margin-right:0%;border-bottom:1px solid #aaa;padding-bottom:20px;margin-bottom:20px;}
        .page3_07 ul li:nth-child(5n){margin-right:0%;}
        .page3_07 ul li:nth-child(2n){margin-right:0px;}
        .page3_07 ul li a em{width:50%;float:left;margin-top:6px;}
        .page3_07 ul li a em span{font-size:20px;}
        .page3_07 ul li a em i{font-size:14px;}
        .page3_07 ul li a span{width:46%;float:right;}
        .page3_07 ul li a span.sp1{margin-top:0px;font-size:20px;line-height:36px;}
        .page3_07 ul li a span.sp2{margin-top:0px;}
        .page3_07 ul li a span.sp2 i{font-size:12px;line-height:16px;}
        .page3_07 ul li a span.sp2 i.i1{display:none;}
        .page3_07 ul li a span.sp2 i.i2{display:block;font-size:14px;line-height:20px;margin-top:20px;}
        .page3_07 ul li.last{border-bottom:0px;padding-bottom:0px;margin-bottom:0px;}

        .page3_08{margin-top:20px;}
        .page3_08 ul li .page3_08_t{padding:10px 0px;}
        .page3_08 ul li .page3_08_t span{font-size:16px;}
        .page3_08 ul li .page3_08_t a{background-size:20px;}
        .page3_08 ul li.on .page3_08_t a{background-size:20px;}
        .page3_08 ul li .page3_08_c{width:100%;padding:10px 0px;}
        .page3_08 ul li .page3_08_c p{font-size:14px;line-height:24px;margin:4px auto;width:80%;}
        .page3_08 ul li .page3_08_c p a{width:98%;line-height:40px;padding:0px;text-align:center;}

        .page3_10{margin-top:20px;}


        .page4_02 ul li{width:100%;margin-bottom:40px;}

        .page6_01{display:none;}
        .page6_01 ul li{width:100%;margin-bottom:30px;text-align:left;}
        .page6_01 ul li p{text-align:left;}

        .page6_03 ul li{width:48%;margin-right:4%;}
        .page6_03 ul li:nth-child(3n){margin-right:4%;}
        .page6_03 ul li:nth-child(2n){margin-right:0px;}

        .page7_01 p span{font-size:16px;line-height:26px;}

        .page7_02 p.p1{font-size:20px;line-height:30px;}
        .page7_02 p.p2{font-size:14px;line-height:24px;}
        .page7_02 p.p3{font-size:20px;line-height:30px;}
        .page7_02 p.p4{font-size:20px;line-height:30px;}
        .page7_02 p.p5{font-size:20px;line-height:30px;}

        .page7_03{display:none;}
        .page7_03 ul li{width:100%;margin-bottom:40px;}
        .page7_03 ul li .page7_03_c{display:block;}
        .page7_03 ul li .page7_03_c p{width:100%;overflow:hidden;font-size:14px;color:#000;line-height:26px;}
        .page7_03 ul li.on .page7_03_t{font-weight:100;font-size:20px;color:#000;}


        .page8_01 p.p2{font-size:20px;line-height:30px;margin-bottom:20px;margin-top:20px;}
        .page8_01 p.p3{width:90%;overflow:hidden;font-size:16px;line-height:26px;text-align:justify;text-justify:inter-ideograph;}

        .page5_01 p.p1{font-size:30px;line-height:48px;}
        .page5_01 p.p2{font-size:16px;line-height:30px;margin-top:10px;}
        .page5_01 p.p3{margin-top:10px;font-size:14px;line-height:24px;}

        .page8_03 ul li{width:100%;margin-right:0px;margin-bottom:40px;}

        .page4_01 p{width:100%;}

        .jltcfr{z-index:99999990;top:0px;}
        .jltcfr .jltc_bg{background-color:#000;}
        .jltc_c p.p3 input.jltc_txt1{width:100%;}
        .jltc_c p.p3 input.jltc_txt2{width:100%;margin-left:0px;margin-top:10px;}
        .jltc_c p.p3 select{width:100%;margin-left:0px;margin-top:10px;}
        .jltc_c p.p4 textarea{height:50px;width:95%;}

        .jltc_c p.p5 em.em1{width:100%;text-align:center;}
        .jltc_c p.p5 em.em3{width:100%;text-align:center;margin-top:15px;}
        .jltc_c p.p2{font-size:14px;line-height:24px;}
        .jltc_c p.p1{font-size:20px;line-height:40px;}
        .jltc_c p.p3{margin-top:20px;}
        .jltc_c p.p5 em.em1 i{line-height:20px;text-align:center;width:100%;margin:0px;}
        .jltc_c p.p5 em.em2{text-align:center;float:none;}
        .jltc_c{width:100%;left:0px;}


        .page3_10 .page3_10_prev{background-size:50%;}
        .page3_10 .page3_10_next{background-size:50%;}


        .in_02 ul li{opacity:1;}

        .page8_video{margin-top:50px;}
        .page8_video .fl{width:100%;}
        .page8_video .fr{width:100%;margin-top:20px;}
        .page8_01{margin-top:50px;}

        /*.menu_fr{background-color:rgba(0,0,0,1);z-index:9999990;}
        .menu_fr ul{margin-top:140px;}
        .menu_fr ul li{line-height:30px;}
        .menu_fr ul li a{width:154px;}
        .menu_fr ul li a i{display:inline-block;width:auto;float:right;color:#fff;text-align:left;font-weight:100;font-size:16px;width:94px;}
        .menu_fr ul li a span{display:inline-block;width:auto;float:left;color:#fff;font-size:20px;font-family:Font_Medium;width:60px;}
*/
        /*.topfr{z-index:9999999;}*/
        .menu{z-index:9999999;top:12px;}


        .page3_10_slide{margin-left:14%;}

        .page3_10_slide .swiper-slide p.p1{font-size:16px;}
        .page3_10_slide .swiper-slide p.p2{font-size:12px;line-height:20px;}

        .page3_09 a span{line-height:40px;font-size:14px;}
        .page3_09{margin-top:20px;}

        .page5_01{margin-top:20px;}


        .page6_01_wap{display:block;}

        .page6_02{display:none;}


        .page6_03 ul li{}
        .page6_03 ul li{width:100%;margin-right:0%;border-bottom:1px solid #aaa;padding-bottom:20px;margin-bottom:20px;}
        .page6_03 ul li:nth-child(3n){margin-right:0%;}
        .page6_03 ul li:nth-child(2n){margin-right:0px;}
        .page6_03 ul li a span.sp1{display:none;}
        .page6_03 ul li a span{font-size:20px;line-height:36px;width:66%;float:right;margin-top:0px;}
        .page6_03 ul li a i{font-size:14px;line-height:20px;margin-top:0px;width:66%;float:right;}
        .page6_03 ul li a em{width:30%;float:left;margin-top:10px;}
        .page6_03 ul li.last{border-bottom:0px;padding:0px;margin-bottom:0px;}
        .page6_03 ul li a span.sp2{font-size:20px;line-height:36px;}
        .page6_03 ul li a span.sp4{display:none;}


        .page7_01 p em.em1{width:100%;}
        .page7_01 p em.em2{width:100%;margin-left:0px;margin-top:30px;}

        .page7_02 p.p3{margin-top:40px;}
        .page7_02 p.p4{margin-top:40px;}
        .page7_02 p.p5{margin-top:40px;}

        .page7_02 p.p7{line-height:24px;font-size:14px;margin-top:0px;}

        .page7_04{margin-bottom:0px;height:0px;margin:0px;}

        .page8_video .fr p.p1{font-size:20px;line-height:40px;}
        .page8_video .fr p.p2{font-size:16px;line-height:26px;width:90%;margin:0px auto;padding:0px;margin-top:10px;text-align:justify;text-justify:inter-ideograph;}

        .page8_03{margin-bottom:34px;}
        .page8_02{display:none;}
        .page8_03_slide .swiper-slide{margin-bottom:20px;}
        .page8_03_slide .swiper-slide a span.sp1{display:none;}
        .page8_03_slide .swiper-slide a span.sp2{font-size:26px;line-height:48px;margin-top:20px;}
        .page8_03_slide .swiper-slide a span.sp3{margin-top:2px;font-size:14px;line-height:24px;}
        .page8_03_slide .swiper-slide a span.sp4{margin-top:20px;margin-bottom:5px;}

        .page8_03_slide .swiper-slide a span.sp5{font-size:34px;line-height:48px;margin-top:20px;}
        .page8_03_slide .swiper-slide a span.sp6{margin-top:20px;font-size:14px;line-height:24px;}
        .page8_03_slide .swiper-slide a span.sp7{margin-top:0px;margin-bottom:5px;}

        .page8_03 ul li{margin-bottom:20px;}
        .page8_03 ul li a span.sp1{display:none;}
        .page8_03 ul li a span.sp2{font-size:34px;line-height:48px;margin-top:20px;}
        .page8_03 ul li a span.sp3{margin-top:2px;font-size:14px;line-height:24px;}
        .page8_03 ul li a span.sp4{margin-top:20px;margin-bottom:5px;}

        .page8_03 ul li a span.sp5{font-size:34px;line-height:48px;margin-top:20px;}
        .page8_03 ul li a span.sp6{margin-top:20px;font-size:14px;line-height:24px;}
        .page8_03 ul li a span.sp7{margin-top:0px;margin-bottom:5px;}


        .cpxq_02{margin-top:60px;}

        .jltc_c p.p5 em.em2 span{width:100%;font-size:14px;}
        .jltc_c p.p5 em.em2{width:98%;}

        .jltc_c p.p5 em.em3 input{width:100%;padding:0px;height:40px;font-size:14px;}


        .jltc_c p.p3 select{}
        .jltc_c p.p3 select{background:url("../images/job_01.png") 96% center no-repeat rgba(0,0,0,0);background-size:15px;}

        .jltc_c p.p5{margin-top:20px;}


        .page6_03 ul li a span.sp3{margin-top:12px;}

        .in_01 .in_01_video{}


        .cont_02 p{font-size:16px;line-height:26px;}
        .cont_01 h1{font-size:30px;line-height:48px;}
        .cont_01 p{font-size:14px;line-height:24px;margin-top:10px;}

        .page8_04 ul li{width:25%;}
        .page8_04 ul li.on{display:none;}
        .page8_04 ul li p.p1{height:1px;background-color:#a4a4a4;}
        .page8_04 ul li:nth-child(2n) p.p1{background-color:#a4a4a4;}
        .page8_04 ul li p.p3{display:none;}
        .page8_04 ul li p.p2{font-size:16px;margin-top:10px;color:#d3d3d3;line-height:20px;}

        .page8_retop{margin-top:50px;}
        .page8_retop .wrap_c{overflow:visible;border-top:0px;}



        .job_01_c p.p3 input.jltc_txt1{width:100%;}
        .job_01_c p.p3 input.jltc_txt2{width:100%;margin-left:0px;margin-top:10px;}
        .job_01_c p.p3 select{width:100%;margin-left:0px;margin-top:10px;}
        .job_01_c p.p4 textarea{height:50px;width:95%;}

        .job_01_c p.p5 em.em1{width:100%;text-align:center;}
        .job_01_c p.p5 em.em3{width:100%;text-align:center;margin-top:15px;}
        .job_01_c p.p2{font-size:14px;line-height:24px;}
        .job_01_c p.p1{font-size:20px;line-height:40px;}
        .job_01_c p.p3{margin-top:20px;}
        .job_01_c p.p5 em.em1 i{line-height:20px;text-align:center;width:100%;margin:0px;margin-top:10px;}
        .job_01_c p.p5 em.em2{text-align:center;float:none;}
        .job_01_c{width:100%;left:0px;}
        .job_01_c p.p5 em.em2 span{width:100%;font-size:14px;}
        .job_01_c p.p5 em.em2{width:98%;}
        .job_01_c p.p5 em.em3 input{width:100%;padding:0px;height:40px;font-size:14px;}
        .job_01_c p.p3 select{}
        .job_01_c p.p3 select{background:url("../images/job_01.png") 96% center no-repeat rgba(0,0,0,0);background-size:15px;}


        .page8_03 ul li a span.sp2{font-size:20px;line-height:30px;}
        .page8_03 ul li a span.sp3{font-size:14px;line-height:20px;}


        .page8_03_slide{width:90%;margin:0px auto;padding-bottom:20px;}
        .page8_03 .wrap_c{position:initial;}
        .page8_03 .page8_02_prev{left:0px;width:7%;background:url('../images/page4_01.jpg') center no-repeat;background-size:13px;}
        .page8_03 .page8_02_next{right:0px;width:7%;background:url('../images/page4_02.jpg') center no-repeat;background-size:13px;}




        .in_01 .box-intro {
            height: auto;
            padding: 60px 0;
        }

        .in_01 .box-intro h2 {
            padding-bottom: 0;
        }

        /* text rotate */

        .in_01 .box-headline {
            font-size: 30px;
        }

        .in_01 .box-words-wrapper {
            display: inline-block;
            position: relative;
        }

        .in_01 .box-words-wrapper b {
            display: block;
            position: relative;
            white-space: normal;
            left: 0;
            top: 0;
            line-height: 1.5;
        }

        .in_01 .no-js .box-words-wrapper b {
            opacity: 1;
        }

        .in_01 .no-js .box-words-wrapper b.is-visible {
            opacity: 1;
        }

        .in_01 .box-headline.rotate-2 b {
            opacity: 1;
        }

        .in_01 .box-headline.rotate-2 i {
            opacity: 1;
        }

        .in_01 .is-visible .box-headline.rotate-2 i {
            opacity: 1;
        }


        .in_01 .no-csstransitions .box-headline.rotate-2 .is-visible i {
            opacity: 1;
        }
        .in_01 .mouse {
            display: none;
        }

        .in_01 .scroll {
            display: none;
        }

    }


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

        .btnfr .footer-content{display: block;overflow: hidden;}
        .btnfr .footer-content > div:nth-child(1){
            display: none;
        }
        .btnfr .footer-content > div:nth-child(2){
            display: block;
            width: 100%;
            text-align: center;
            font-size: 14px;
        }
        .btnfr .footer-content > div:nth-child(3){
            display: none;
            text-align: left;
        }
        .btnfr .footer-content > div:nth-child(3) p{
            display: flex;
        }
    }


}

































