@charset "utf-8";
.c-blue {
	color:#2474b5
}
.c-b {
	font-weight:bold
}
.banner .images {
	background-size: cover;
	background-position: 50% 50%;
}
.banner .items {
	display: block;
	position: relative;
	overflow: hidden;
}
.banner .images {
	height:800px;
	position:relative;
	overflow:hidden
}
.banner .video:after {
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(255, 255, 255, .6);
	filter: blur(20px);
}
.vidbacking {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	z-index: -100;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.banner .swiper-pagination {
	bottom:40px;
}
.banner .swiper-pagination-bullet {
	margin:0 15px !important;
	width:4px;
	height:4px;
	background-color:#8e97a4;
	opacity:1;
	border-radius:4px
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:#2474b5;
	width:30px;
}
.banner .texts {
	position:absolute;
	z-index:2;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%)
}
.banner .texts .cn-01 {
	font-size:66px;
}
.banner .texts .cn-02 {
	font-size:40px;
	color:#666
}
.banner .texts .more {
	margin-top:40px
}
.banner .texts .more a {
	font-size:18px;
	color:#2474b5;
	position:relative;
	left:0
}
.banner .texts .more a:hover {
	left:10px
}
.banner .texts .more a:after {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:72px;
	height:46px;
	background:url(../images/ico-more.png) no-repeat center right;
	background-size:auto 100%;
	margin-left:18px;
}
.index01 {
	padding:55px 0;
	overflow:hidden
}
.index01 ul {
	margin:0 -10px;
}
.index01 li {
	float:left;
	width:50%;
	margin-bottom:20px
}
.index01 li .a {
	margin:0 10px;
	position:relative;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.index01 li .img {
	overflow:hidden;
}
.index01 li .img img {
	display:block;
	width:100%;
}
.index01 li .a:hover {
	transform:translateY(-10px)
}
.index01 li .a .txt {
	position:absolute;
	z-index:2;
	top:50px;
	left:60px;
	right:20px;
}
.index01 li .a .txt h3 {
	font-size:36px;
	font-weight:bold;
	margin-bottom:20px;
}
.index01 li .a .txt .more a {
	display:inline-block;
	color:#2474b5;
	font-size:20px;
	border:1px solid #2474b5;
	line-height:40px;
	min-width:150px;
	padding:0 10px;
	border-radius:5px;
	text-align:center
}
.index01 li .a .txt .more a:hover {
	background-color:#2474b5;
	color:#fff
}
.index02 {
	margin-bottom:15px
}
.index02 .swiper-slide {
	width:1235px;
	position:relative;
	padding:0 10px;
	z-index:1
}
.index02 .swiper-slide.swiper-slide-active {
	z-index:3
}
.index02 .swiper-slide img {
	display:block;
	width:100%
}
.index02 .swiper-button-prev {
	width:66px;
	height:66px;
	background-color:rgb(189 186 186 / 36%);
	background-image:url(../images/ico-jtl01.png);
	background-size:auto 30%;
	border-radius:50%;
	margin-top:-33px;
	left:50%;
	margin-left:-550px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.index02 .swiper-button-prev:hover {
	background-color:#fff;
	background-image:url(../images/ico-jtl01h.png);
}
.index02 .swiper-button-next {
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	width:66px;
	height:66px;
	background-color:rgb(189 186 186 / 36%);
	border-radius:50%;
	background-image:url(../images/ico-jtr01.png);
	background-size:auto 30%;
	margin-top:-33px;
	left:50%;
	right:auto;
	margin-left:calc(550px - 44px);
}
.index02 .swiper-button-next:hover {
	background-color:#fff;
	background-image:url(../images/ico-jtr01h.png);
}
.index02 .txts {
	position:absolute;
	z-index:2;
	top:55px;
	width:1215px;
	left:50%;
	margin-left:-607.5px;
	text-align:center;
	padding:0 20px;
	color:#2474b5
}
.index02 .txts h3 {
	font-size:38px;
	font-weight:bold
}
.index02 .txts .p {
	font-size:28px;
	margin-bottom:30px;
}
.index02 .txts .more a {
	color:#2474b5;
	font-size:16px
}
.index02 .txts .more a:after {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:32px;
	height:10px;
	background:url(../images/ico-arrowwhite.png) no-repeat center right;
	background-size:auto 100%;
	margin-left:10px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
}
.index02 .txts .more a:hover:after {
	width:50px;
}








 .universe {
            padding: 130px 6% 93px;
            overflow: hidden;
        }
        
        .uni_l {
            width:21%;
            float: left;
        }
            .universe h3{    text-align: center;}
        .universe h3 em {
            font-size: 64px;
            color: #104c5e;
            font-weight: bold;
            line-height: 100%;    display: block;
    padding-bottom: 10px;    letter-spacing: 5px;
        }
        
        .universe h3 em span {
            display: block;
            padding-top: 3px;
            padding-bottom: 19px;
        }
        
        .universe h3 i {
            display: block;
            line-height: 100%;
            padding-bottom: 64px;
            font-size: 28px;
            color: #104c5e;
            font-weight: bold;
            ;
        }
        
        .uni_l h4 span {
            display: block;
            color: #0063b1;
            font-size:7.5vw;
            line-height: 100%;
            padding-bottom: 42px;
        }
           .uni_l h4 b{    font-size: 32px;
    color: #104c5e;
    padding-bottom: 36px;
    display: block;
    padding-top: 5px;}
        .uni_l h4 span em{display:block;}
        
        .uni_l h4 i {
           display: block;
    font-weight: normal;
    font-size: 16px;
    color: rgb(132, 132, 132);

    line-height: 20px;
        }
        
        .uni_l p {
            display: block;
            width: 83px;
            padding-top: 120px;
        }
        
        .uni_r {
            float: right;
            width: 72%;
            margin-top: 5px;
        }
        
        .uni_r ul {
            overflow: hidden;
        }
        
        .uni_r ul li {
            float: left;
            width: 48.725%;
            background: #0063b12b;
            margin-bottom: 30px;
            border-radius: 9px;
            font-size: 0;
            line-height: 0;    height: 240px;    position: relative;    overflow: hidden;
        }
        
     
        
        .uni_r ul li img {
           display: block;position: absolute;right: 0;bottom: 0;
           width: 50%;
        }
        
        .uni_r ul li:nth-of-type(2n) {
            float: right;
        }
        
        .uni_r ul li em {
            display: block;
            position: absolute;
            left: 7%;
            top: 30px;
            line-height: 100%;
        }
        
        .uni_r ul li em span {
            display: block;
            line-height: 100%;
            font-size: 1.5vw;
            color: #104c5e;
            font-weight: bold;
            padding-bottom: 15px;
        }
        
        .uni_r ul li em i {
           display: block;
    line-height: 18px;
    /* height: 45px; */
    color: #616b68;
    font-size: 14px;
    width: 70%;
    padding-bottom: 17px;

        }
        .uni_r ul li em  .u_text {
            display: block;
            padding-left: 10px;
            line-height: 100%;
            font-size: 15px;
            color: #303433;
            font-weight: normal;
            margin-bottom: 11px;
            position: relative;
        }
             .u_text {
            display: block;
            padding-left: 10px;
            line-height: 100%;
            font-size: 14px;
            color: #303433;
            font-weight: normal;
            margin-bottom: 11px;
        }
        
        .uni_r ul li:hover .u_text {
            color: #fff;
        }
        
        .uni_r ul li em .u_text::before {
            content: "";
            left: 0;
            top: 4px;
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 5px;
            background: #275b66;
        }
        
        .uni_r ul li:hover em .u_text::before {
            background: #fff;
        }
        
        .u_nav {
            display: block;
       
            font-weight: normal;    height: 50px;
        }
        
        .u_nav a {
            display: inline-block;
            line-height: 30px;
            padding: 0 8px;
     background: #1497ff;
            border-radius: 7px;
            color: #ffffff;
            font-size: 14px;
            margin-right: 5px;margin-bottom: 6px;
        }
        .uni_r ul li em b {
            display: inline-block;
            width: 35px;
            height: 35px;
            background: url(../images/uni_ico.png) no-repeat;background-size: 35px;
        }
        
        .uni_r ul li:hover em i {
            color: #bdcfcf;
        }
        
        .uni_r ul li:hover span {
            color: #fff;
        }
		
		
		
        
        .uni_r ul li:hover {
            background: #0063b1;
        }
        
        .uni_r ul li:hover em b {
            background: url(../images/uni_ico2.png) no-repeat;background-size: 100%;
        }
          .uni_r ul li:hover .u_nav a {
            border-color: #ffffff;
            color: #ffffff;
        }





.city04 {
    background-image: url(../images/city040bg.jpg) ;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: alll 0.5s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 65px;
    padding-bottom: 105px;
    color: #fff
}

.city04 a {
    color: #fff
}

.city04 .plo02 .line {
    background-color: #fff
}

.city04 .weap {
    max-width: 1200px;
}

.city04 .tabbd {
    overflow: hidden
}

.city04 .tabs li {
    cursor: pointer;
    margin-bottom: 30px;
    font-size: 22px;
}

.city04 .tabs li span {
    display: block;
    width: 160px;
    text-align: center;
    line-height: 45px
}

.city04 .tabs li.on span {
    background-color: #006dff;
    border-radius: 5px;
}

.city04 .tabs {
    float: left;
    width: 190px;
    overflow: hidden
}

.city04 .tabbd {
    border-left: 2px solid #74879c;
    min-height: 380px;
}

.city04 .tabbd .swiper-slide {
    padding-left: 26px;
}

.city04 .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 40px;
    margin-bottom: 55px;
    border-bottom: 1px dashed #eee
}

.city04 .title .t {
    font-size: 28px;
    font-weight: normal;
    line-height: 1.1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.city04 .title .morea a {
    display: inline-block;
    min-width: 110px;
    padding: 0 10px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    margin-left: 25px;
}

.city04 .title .morea a:hover {
    background-color: #006dff;
    border: 1px solid #006dff
}

.city04 .conn {
    font-size: 16px;
    line-height: 1.8
}

.city04 .conn a {
    font-size: 16px
}

.city04 .conn .c-blue {
    font-size: 20px;
    color: #006dff;
    margin-bottom: 5px;
}



















.index03 {
	height:860px;
	background:#e0f1ff url(../images/index03bg.jpg) no-repeat right bottom;
	background-size:cover;
	padding-top:110px;
}
.index03 .title {
	font-size:36px;
	font-weight:normal;
	margin-bottom:40px
}
.index03 .ms {
	font-size:16px;
	color:#666;
	max-width:770px;
	text-align:justify;
	line-height:1.8;
	margin-bottom:65px
}
.index03 .more {
	margin-bottom:80px;
}
.index03 .more a {
	display:block;
	width:48px;
	height:48px;
	border:1px solid #999999;
	border-radius:50%;
	position:relative;
	margin-left:25px;
}
.index03 .more a:after {
	content:"";
	display:block;
	width:54px;
	height:10px;
	position:absolute;
	z-index:2;
	top:50%;
	margin-top:-5px;
	background:url(../images/ico-arrowgrey.png) no-repeat center right;
	background-size:auto 100%;
	right:17px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
}
.index03 .more a:hover {
	border:1px solid #2871d4;
}
.index03 .more a:hover:after {
	background:url(../images/ico-arrowblue.png) no-repeat center right;
	background-size:auto 100%;
}
.index03 ul li {
	display:inline-block;
	vertical-align:middle;
	line-height:1.1;
	margin-right:70px
}
.index03 ul li .num span {
	font-size:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:inline-block;
	vertical-align:top
}
.index03 ul li .num em {
	display:inline-block;
	font-size:24px;
	margin-left:5px
}
.index03 ul li .p {
	color:#666;
	opacity:.6;
	margin-top:5px;
}
.plo01 {
	overflow:hidden;
	margin-bottom:50px;
}
.plo01 h3 {
	font-size:36px;
	font-weight:normal;
	float:left
}
.plo01 .more {
	font-size:22px;
	color:#2474b5;
	float:right
}
.plo01 .more:after {
	content:"";
	display:inline-block;
	width:32px;
	height:10px;
	vertical-align:middle;
	background:url(../images/ico-arrowblue.png) no-repeat center right;
	background-size:auto 100%;
	margin-left:10px;
	ransition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.plo01 .more:hover:after {
	width:40px
}
.index04 {
	padding-top:70px;
	background-color:#f2f7fb;
	padding-bottom:120px
}
.index04 .bd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.index04 .index04left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width:0
}
.index04 .index04left li {
	width:50%;
	float:left
}
.index04 .index04left li a {
	display:block;
	margin-right:50px;
	background-color:#fff;
	position:relative;
	height:588px;
	overflow:hidden
}
.index04 .index04left li .txt {
	padding:35px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	height:230px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
	background-color:#fff
}
.index04 .index04left li a:hover .txt {
	height:100%;
}
.index04 .index04left li .img {
	overflow:hidden;
	height:343px;
}
.index04 .index04left li .img img {
	display:block;
	width:100%;
	min-height:100%;
	object-fit: cover;
}
.index04 .index04left li .txt .info {
	overflow:hidden;
	margin-bottom:20px
}
.index04 .index04left li .txt .t {
	float:left;
	color:#2474b5;
	font-size:18px;
	font-weight:bold
}
.index04 .index04left li .txt .date {
	float:right;
	color:#999999;
	font-size:18px;
}
.index04 .index04left li .txt .title {
	font-size:25px;
	font-weight:normal;
	margin-bottom:70px;
	color:#333;
	height:90px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.index04 .index04left li .txt .ms {
	font-size:16px;
	color:#666;
	height:84px;
	overflow:hidden;
}
.index04 .index04left li .txt .more {
	margin-top:108px;
	color:#999999;
	font-size:18px;
}
.index04 .index04left li .txt .more span:after {
	content:"";
	display:inline-block;
	width:32px;
	height:10px;
	vertical-align:middle;
	background:url(../images/ico-arrowgrey.png) no-repeat center right;
	background-size:auto 100%;
	margin-left:10px;
	ransition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
}
.index04 .index04left li .txt .more span:hover:after {
	background:url(../images/ico-arrowblue.png) no-repeat center right;
	background-size:auto 100%;
}
.index04 .index04left li .txt .more span:hover {
	color:#2871d4
}
.index04 .index04right {
	flex:0 0 530px;
	min-width:0
}
.index04 .index04right li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.index04 .index04right li {
	margin-bottom:54px;
}
.index04 .index04right li:last-child {
	margin-bottom:0
}
.index04 .index04right li .img {
	width:240px;
	flex:0 0 240px;
	overflow:hidden;
	height:160px;
	margin-right:35px
}
.index04 .index04right li .img img {
	object-fit: cover;
	display:block;
	width:100%;
	min-height:100%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.index04 .index04right li a:hover .img img {
	transform:scale(1.1)
}
.index04 .index04right li .txt {
	padding-top:10px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width:0
}
.index04 .index04right li .txt h3 {
	font-size:18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight:700;
	margin-bottom:10px
}
.index04 .index04right li .txt .p {
	font-size:16px;
	color:#666666;
	height:56px;
	overflow:hidden;
}
.index04 .index04right li .txt .more {
	margin-top:25px
}
.index04 .index04right li .txt .more span {
	display:inline-block;
	content:"";
	display:inline-block;
	width:32px;
	height:10px;
	vertical-align:middle;
	background:url(../images/ico-arrowgrey.png) no-repeat center right;
	background-size:auto 100%;
	margin-left:10px;
	ransition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
}
.index04 .index04right li a:hover .txt .more span {
	background:url(../images/ico-arrowblue.png) no-repeat center right;
	background-size:auto 100%;
}
.index05 {
	padding-top:75px;
	padding-bottom:75px;
}
.index05 .bd ul {
	margin:0 -10px;
}
.index05 .bd li {
	float:left;
	width:16.66%;
	float:left;
	margin-bottom:30px;
}
.index05 .bd li .a {
	overflow:hidden;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	display:block;
	border:1px solid #e1e1e1;
	margin:0 14.8px;
	height:122px;
	line-height:122px;
	font-size:0;
	text-align:center
}
.index05 .bd li .a img {
	display:inline-block;
	max-width:100%;
	max-height:100%
}
.index05 .bd li .a:hover {
	transform:translateY(-5px)
}
.n-banner {
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover
}
.n-banner .weap {
	height:548px;
}
.n-banner .txts {
	position:relative;
	top:calc(50% + 30px);
	transform:translateY(-50%);
	color:#fff
}
.n-banner .txts .title {
	font-size:44px;
	font-weight:normal
}
.n-banner .txts .eng {
	font-size:24px;
	text-transform:uppercase
}
.flex-lanmu {
	height:70px;
}
.flex-lanmu .lanm-nav {
	height:70px;
	background-color:#fff;
}
.flex-lanmu .lanm-nav.navFix {
	position:fixed;
	z-index:1000;
	left:0;
	right:0;
	top:0
}
.lanm-nav {
	border-bottom:1px solid #e1e1e1
}
.lanm-nav ul {
	text-align:center;
	font-size:0
}
.lanm-nav ul li {
	margin-right:70px;
	display:inline-block;
	vertical-align:middle
}
.lanm-nav ul li a {
	display:block;
	position:relative;
	font-size:18px;
	line-height:70px;
}
.lanm-nav ul li a:after, .flex-lanmu .lanm-nav ul li a:after {
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	left:50%;
	right:50%;
	height:2px;
	bottom:-1px;
	background-color:#2474b5;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
}
.lanm-nav ul li.on a, .flex-lanmu .lanm-nav ul li a.on {
	color:#2474b5
}
.lanm-nav ul li.on a:after, .lanm-nav ul li a:hover:after, .flex-lanmu .lanm-nav ul li a.on:after, .flex-lanmu .lanm-nav ul li a:hover:after {
	left:0;
	right:0;
}
.flex-lanmu .lanm-nav ul li.on a:after, .flex-lanmu .lanm-nav ul li a:hover:after {
	left:50%;
	right:50%
}
.flex-lanmu .lanm-nav ul li.on a {
	color:#333
}
.lanmumain {
	padding-top:55px;
	padding-bottom:100px;
	overflow:hidden
}
.news-list li {
	float:left;
	width:33.33%;
	margin-bottom:60px
}
.news-list ul {
	margin:0 -30px
}
.news-list li a {
	display:block;
	margin:0 30px
}
.news-list li .img {
	overflow:hidden;
	height:350px;
	margin-bottom:25px
}
.news-list li .img img {
	display:block;
	width:100%;
	object-fit: cover;
	min-height:100%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
}
.news-list li a:hover .img img {
	transform:scale(1.1)
}
.news-list li .txt h3 {
	font-size:24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight:normal;
	margin-bottom:30px
}
.news-list li .txt .p {
	font-size:16px;
	height:56px;
	overflow:hidden;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color:#666666;
	margin-bottom:40px
}
.news-list li .txt .date {
	font-size:18px;
	color:#999
}
.news-list li .txt .line {
	height:1px;
	background-color:#e1e1e1;
	margin-top:50px;
	position:relative
}
.news-list li .txt .line:after {
	background-color:#2474b5;
	content:"";
	display:block;
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	height:100%;
	width:0;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
}
.news-list li a:hover .txt .line:after {
	width:100%
}
.leftrightbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.leftrightbox .lanmu-left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
.leftrightbox .lanmu-right {
	flex:0 0 28%;
	min-width:0;
	margin-left:4%;
	padding-left:4%;
	border-left:1px solid #e1e1e1
}
.newspage .title {
	font-size:32px;
	font-weight:normal;
	border-bottom:1px solid #e1e1e1;
	padding-bottom:20px;
	margin-bottom:30px
}
.newspage .info {
	margin-bottom:30px;
	border-bottom:1px solid #e1e1e1;
	font-size:18px;
	color:#999999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding-bottom:30px;
}
.newspage .info .date {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width:0
}
.newspage .info .fxa a {
	display:inline-block;
	vertical-align:middle;
	height:18px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	margin-left:35px;
	cursor:pointer;
}
.newspage .info .fxa .awx {
	width:22px;
	background-image:url(../images/ico-awx.png)
}
.newspage .info .fxa .awb {
	width:22px;
	background-image:url(../images/ico-awb.png)
}
.newspage .info .fxa .aqq {
	width:22px;
	background-image:url(../images/ico-aqq.png)
}
.newspage .info .fxa .awx:hover {
	background-image:url(../images/ico-awxh.png)
}
.newspage .info .fxa .awb:hover {
	background-image:url(../images/ico-awbh.png)
}
.newspage .info .fxa .aqq:hover {
	background-image:url(../images/ico-aqqh.png)
}
.newspage .conn {
	font-size:16px;
	color:#666;
	overflow:hidden;
	line-height:2;
	margin-bottom:45px
}
.newspage .conn a {
	font-size:16px;
	color:#2474b5;
}
.newspage .conn img {
	max-width:100%;
	height:auto !important
}
.side-plo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-bottom:30px;
}
.side-plo h3 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	font-size:24px;
	font-weight:normal;
	min-width:0
}
.side-list01 li {
	margin-bottom:30px
}
.side-list01 li .line {
	height:1px;
	background-color:#e1e1e1;
	margin-top:50px;
	position:relative
}
.side-list01 li .line:after {
	background-color:#2474b5;
	content:"";
	display:block;
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	height:100%;
	width:0;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
}
.side-list01 li a:hover .line:after {
	width:100%
}
.side-list01 li a {
	display:block
}
.side-list01 li h3 {
	font-size:24px;
	font-weight:normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom:15px;
}
.side-list01 li .p {
	font-size:16px;
	color:#666;
	margin-bottom:30px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height:56px
}
.side-list01 li .date {
	font-size:18px;
	color:#666666
}
.ewmbox {
	height:305px;
	background:url(../images/ewmbg.jpg) no-repeat center right;
	background-size:cover;
	padding-left:90px;
	padding-top:35px;
	margin-bottom:50px;
	padding-right:90px
}
.ewmbox .p1 {
	margin-bottom:35px
}
.ewmbox .p1 img {
	width:387px;
	max-width:100%
}
.ewmbox .p2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.ewmbox .p2 .img {
	flex:0 0 132px;
	margin-right:42px;
}
.ewmbox .p2 .img img {
	display:block;
	width:100%
}
.ewmbox .p2 .txt .c1 {
	font-size:20px;
	color:#2474b5;
	font-weight:bold;
	margin-bottom:15px
}
.ewmbox .p2 .txt .c2 {
	font-size:18px
}
.ewmbox .p2 .txt .c2 a {
	font-size:18px
}
.prevnext {
	border-top:1px solid #e1e1e1;
	padding-top:50px
}
.prevnext li {
	font-size:16px;
	color:#999999;
	margin-bottom:15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.prevnext li a {
	font-size:16px;
	color:#999999
}
.prevnext li a:hover {
	color:#2871d4
}
.prevnext li:hover {
	color:#333
}
.case-list li {
	float:left;
	width:33.33%;
	margin-bottom:50px
}
.case-list ul {
	margin:0 -25px
}
.case-list li a {
	display:block;
	margin:0 25px
}
.case-list li .img {
	overflow:hidden;
	height:375px;
}
.case-list li .img img {
	display:block;
	width:100%;
	object-fit: cover;
	min-height:100%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
}
.case-list li a:hover .img img {
	transform:scale(1.1)
}
.case-list li .txt h3 {
	font-size:24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight:normal;
	margin-bottom:10px
}
.case-list li .txt .p {
	font-size:16px;
	height:56px;
	overflow:hidden;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color:#666666;
}
.case-list li .txt {
	background-color:#f7f7f7;
	padding:35px 40px;
	padding-top:25px
}
.side-list02 li {
	margin-bottom:50px
}
.side-list02 li a {
	display:block;
}
.side-list02 li .img {
	overflow:hidden;
	height:335px;
}
.side-list02 li .img img {
	display:block;
	width:100%;
	object-fit: cover;
	min-height:100%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
}
.side-list02 li a:hover .img img {
	transform:scale(1.1)
}
.side-list02 li .txt h3 {
	font-size:20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight:normal;
	margin-bottom:5px
}
.side-list02 li .txt .p {
	font-size:14px;
	height:50px;
	overflow:hidden;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color:#666666;
}
.side-list02 li .txt {
	background-color:#f7f7f7;
	padding:35px 35px;
	padding-top:25px
}
.joinlist01 {
	padding:80px 0
}
.joinlist01 .weap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.joinlist01 .weap .img {
	flex:0 0 50%;
	overflow:hidden;
	width:50%
}
.joinlist01 .weap .img img {
	display:block;
	width:100%
}
.joinlist01 .weap .txts {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width:0;
	margin-right:10px
}
.joinlist01 .weap .txts .t {
	font-size:36px;
	margin-bottom:30px
}
.joinlist01 .weap .txts .p {
	font-size:20px;
	color:#666
}
.join-list li {
	background-color:#f7f7f7;
	margin-bottom:45px;
	position:relative;
	cursor:pointer
}
.join-list li:before {
	content:"";
	display:block;
	height:4px;
	background-color:#2474b5;
	left:0;
	bottom:0;
	position:absolute;
	z-index:2;
	width:0;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.join-list li.block:before {
	width:100%
}
.join-list li .a {
	padding:45px 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.join-list li .title {
	flex:0 0 280px;
	width:280px;
	border-right:1px solid #e1e1e1;
	margin-right:70px;
}
.join-list li .title h3 {
	font-size:30px;
	line-height:1.4;
	margin-bottom:20px
}
.join-list li .line {
	height:4px;
	width:42px;
	background-color:#999999;
	margin-bottom:40px
}
.join-list li .info {
	font-size:18px;
	color:#666
}
.join-list li .ms {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width:0;
	position:relative;
	padding-right:180px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	height:150px;
	overflow:hidden;
}
.join-list li .ms .p {
	font-size:16px;
	color:#666;
	padding-bottom:80px
}
.join-list li.block .ms .p {
	height:auto;
}
.join-list li .apply {
	display:block;
	position:absolute;
	z-index:2;
	right:60px;
	bottom:80px;
	width:170px;
	height:54px;
	line-height:54px;
	background-color:#2474b5;
	font-size:20px;
	border-radius:5px;
	text-align:center;
	color:#fff;
	opacity:0;
	visibility:hidden
}
.join-list li .more {
	width:20px;
	height:10px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%;
	background-image:url(../images/ico-down.png);
	position:absolute;
	z-index:2;
	cursor:pointer;
	position:absolute;
	z-index:3;
	right:60px;
	top:80px
}
.join-list li.block .more {
	background-image:url(../images/ico-up.png)
}
.join-list li .title h3 {
	color:#2474b5
}
.join-list li.block .apply {
	opacity:1;
	visibility:visible
}
.joinlist02 {
	padding-bottom:60px
}
.joinlist02 .a {
	display:block;
	text-align:center
}
.joinlist02 .a .img {
	overflow:hidden;
	margin-bottom:15px;
}
.joinlist02 .a .img img {
	display:block;
	width:100%;
}
.joinlist02 .a h3 {
	font-size:18px;
	font-weight:normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.joinlist02 .swiper-pagination {
	position:static;
	margin-top:30px
}
.joinlist02 .swiper-pagination .swiper-pagination-bullet {
	width:12px;
	height:12px;
	background-color:#2474b5
}
.n-banner .txts01 {
	position:relative;
	top:calc(50% + 30px);
	transform:translateY(-50%);
}
.n-banner .txts01 .title {
	font-size:46px;
	font-weight:normal;
	line-height:1.1;
	margin-bottom:20px
}
.n-banner .txts01 .p {
	font-size:20px;
	text-transform:uppercase;
	color:#666;
	margin-bottom:18px
}
.n-banner .txts01 .p span {
	display:block
}
.n-banner .txts01 .more a {
	display:inline-block;
	min-width:155px;
	padding:0 15px;
	height:40px;
	line-height:40px;
	border-radius:5px;
	color:#fff;
	background-color:#1497ff;
	font-size:16px;
	text-align:center
}
.n-banner .txts01 .more a:hover {
	transform:translateY(-5px)
}
.n-banner .txts01 .p4 {
	font-size:18px;
	text-transform:uppercase;
	color:#666;
	margin-bottom:28px
}
.n-banner .txts01 .p4 span {
	display:block
}
.plo02 {
	text-align:center;
	margin-bottom:55px;
}
.plo02 h3 {
	font-size:30px;
	margin-bottom:15px
}
.plo02 .line {
	width:45px;
	height:4px;
	background-color:#006dff;
	margin:0 auto
}
.baidu01 {
	background:url(../images/baidu01bg.jpg) no-repeat center;
	background-size:cover;
	padding-top:45px;
	padding-bottom:60px
}
.baidu01 .bd li {
	width:23%;
	text-align:center;
	float:left;
	padding:0 13px
}
.baidu01 .bd li .a {
	max-width:215px;
	margin:0 auto
}
.baidu01 .bd {
	max-width:1350px;
	margin:0 auto
}
.baidu01 .bd h3 {
	font-size:29.5px;
	margin-bottom:10px
}
.baidu01 .bd .p {
	font-size:16px;
	color:#666
}
.baidu01 .bd .ico {
	margin-bottom:25px;
	height:70px;
}
.baidu01 .bd .ico img {
	height:100%;
}

.baidu02 {
	padding-top:70px;
	padding-bottom:35px
}
.baidu02 .weap {
	max-width:1200px
}
.baidu02 .bd li .img {
	float:left;
	width:51%;
}
.baidu02 .bd li .img img {
	display:block;
	max-width:100%
}
.baidu02 .bd li .txt {
	float:right;
	width:44.1%;
	padding-top:110px;
}
.baidu02 .bd li .txt h3 {
	font-size:22px;
	margin-bottom:15px
}
.baidu02 .bd li .txt .p {
	font-size:16px;
	display:block;
	color:#666;
	margin-bottom:10px
}
.baidu02 .bd li:nth-child(even) .img {
float:right
}
.baidu02 .bd li:nth-child(even) .txt {
float:left
}
.baidu03 {
	padding-top:35px;
	padding-bottom:70px
}
.baidu03 .bd {
	margin:0 -2px;
}
.baidu03 .bd li {
	float:left;
	width:25%
}
.baidu03 .bd li .a {
	display:block;
	text-align:center;
	margin:0 2px;
}
.baidu03 .bd li .a .img {
	overflow:hidden;
	margin-bottom:20px
}
.baidu03 .bd li .a .img img {
	display:block;
	width:100%
}
.baidu03 .bd li h3 {
	font-size:24px;
	font-weight:normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.baidu03 .bd li .img {
	height:315px;
	overflow:hidden;
}
.baidu03 .bd li .img img {
	min-height:100%;
	object-fit: cover;
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.baidu03 .bd li .a:hover .img img {
	transform:scale(1.1)
}
.n-banner.n-bai .txts01 .title {
	color:#fff
}
.n-banner.n-bai .txts01 .p {
	color:#fff
}
.luxury01 {
	padding-top:35px;
	padding-bottom:70px
}
.luxury01 .bd {
	margin:0 -2px;
}
.luxury01 .bd li {
	float:left;
	width:25%
}
.luxury01 .bd li .a {
	display:block;
	text-align:center;
	margin:0 2px;
}
.luxury01 .bd li h3 {
	font-size:24px;
	font-weight:normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.luxury01 .bd li .img {
	margin-bottom:20px;
	height:315px;
	overflow:hidden;
}
.luxury01 .bd li .img img {
	display:block;
	width:100%;
	min-height:100%;
	object-fit: cover;
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.luxury01 .bd li .a:hover .img img {
	transform:scale(1.1)
}
.luxury02 {
	padding-top:35px;
	padding-bottom:40px
}
.luxury02 .bd {
	position:relative
}
.luxury02 .bd ul {
	margin:0 -1%;
}
.luxury02 .bd li {
	float:left;
	margin:0 1%
}
.luxury02 .bd li .txt {
	position:absolute;
	z-index:3;
	left:40px;
	bottom:30px;
	right:10px;
	color:#fff
}
.luxury02 .bd li .txt h3 {
	font-size:26px;
}
.luxury02 .bd li .txt .eng {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:16px;
	text-transform:uppercase
}
.luxury02 .bd li:nth-child(1) {
width:36%
}
.luxury02 .bd li:nth-child(2) {
width:22%
}
.luxury02 .bd li:nth-child(3) {
width:36%;
margin-bottom:28px
}
.luxury02 .bd li:nth-child(4) {
width:36%
}
.luxury02 .bd li:nth-child(3) .a, .luxury02 .bd li:nth-child(4) .a {
height:247px
}
.luxury02 .bd li .a {
	display:block;
	position:relative;
	height:522px;
	overflow:hidden
}
.luxury02 .bd li .a .img {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.luxury02 .bd li .a:hover .img {
	transform:scale(1.1)
}
.luxury03 {
	padding-top:35px;
	padding-bottom:70px
}
.luxury03 .bd01 {
	margin-bottom:65px;
}
.luxury03 .bd01 li {
	float:left;
	width:33.33%
}
.luxury03 .bd01 ul {
	margin:0 -25px;
}
.luxury03 .bd01 li .a {
	display:block;
	text-align:center;
	margin:0 25px;
}
.luxury03 .bd01 li h3 {
	font-size:18px;
	font-weight:normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.luxury03 .bd01 li .img {
	margin-bottom:20px;
	height:377px;
	overflow:hidden;
}
.luxury03 .bd01 li .img img {
	display:block;
	width:100%;
	min-height:100%;
	object-fit: cover;
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.luxury03 .bd01 li .a:hover .img img {
	transform:scale(1.1)
}
.luxury03 .bd02 li {
	float:left;
	width:20%
}
.luxury03 .bd02 ul {
	margin:0 -10px;
}
.luxury03 .bd02 li .a {
	height:480px;
	display:block;
	position:relative;
	margin:0 10px;
	overflow:hidden
}
.luxury03 .bd02 li .img {
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover
}
.luxury03 .bd02 li .a:hover .img {
	transform:scale(1.1)
}
.luxury03 .bd02 li .a:after {
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0, 0, 0, .37)
}
.luxury03 .bd02 li .txt {
	color:#fff;
	position:absolute;
	z-index:2;
	left:10px;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	text-align:center
}
.luxury03 .bd02 li .txt h3 {
	font-size:24px;
	font-weight:normal
}
.luxury03 .bd02 li .txt .more {
	margin-top:28px
}
.luxury03 .bd02 li .txt .more span {
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	border:1px solid #fff;
	display:inline-block;
	font-size:18px;
	line-height:40px;
	padding:0 30px;
	border-radius:5px;
}
.luxury03 .bd02 li .a:hover .txt .more span {
	background-color:#fff;
	color:#2871d4
}
.luxury03 .bd02 {
	position:relative
}
.luxury03 .bd02 li:nth-child(1) {
width:35%
}
.luxury03 .bd02 li:nth-child(2), .luxury03 .bd02 li:nth-child(3) {
width:25%
}
.luxury03 .bd02 li:nth-child(3) {
position:absolute;
z-index:2;
bottom:0;
left:35%
}
.luxury03 .bd02 li:nth-child(2) .a, .luxury03 .bd02 li:nth-child(3) .a {
height:230px
}
.n-banner.n-bai .txts01 {
	color:#fff
}
.n-banner .txts01 .p2 {
	font-size:30px;
	margin-top:-15px
}
.n-banner .txts01 .p3 {
	font-size:20px;
	margin-bottom:30px
}
.n-banner .txts01 .p4 {
	color:#fff
}
.n-banner .txts01 .more a.a2 {
	background:none;
	border:1px solid #fff;
	line-height:38px;
	margin-right:10px
}
.n-banner .txts01 .more a.a2:hover {
	background-color:#fff;
	color:#2871d4;
	transform:translateY(0)
}
.clothing01 {
	padding-top:60px;
}
.clothing01 .plo02 {
	margin-bottom:100px
}
.clothing01 .weap {
	max-width:1440px;
}
.clothing01 .bd {
	margin-bottom:80px
}
.clothing01 .bd li .a {
	padding-top:1px
}
.clothing01 .bd li .img {
	float:right;
	width:47.2%;
	overflow:hidden;
	margin-top:-90px
}
.clothing01 .bd li .img img {
	display:block;
	width:100%;
}
.clothing01 .bd li .txt {
	float:left;
	width:37.5%;
}
.clothing01 .bd li .txt .p {
	display:block;
	font-size:18px;
	margin-bottom:24px;
}
.clothing01 .bd li .txt .more {
	display:inline-block;
	font-size:16px;
	padding:0 30px;
	height:40px;
	line-height:40px;
	background-color:#2474b5;
	border-radius:5px;
	color:#fff;
	position:relative;
	top:0;
}
.clothing01 .bd li .txt .more:hover {
	top:-5px;
}
.clothing01 .bd:nth-child(even) li .img {
float:left
}
.clothing01 .bd:nth-child(even) li .txt {
float:right
}
.clothing02 {
	padding-bottom:80px;
}
.clothing02 .bd ul {
	margin:0 -28px;
}
.clothing02 .bd li {
	float:left;
	width:33.33%;
}
.clothing02 .bd li .a {
	margin:0 28px;
	background-color:#fff;
	display:block;
	box-shadow:0 0 18px rgba(205, 205, 205, .5)
}
.clothing02 .bd li .img {
	overflow:hidden;
	height:350px;
}
.clothing02 .bd li .a:hover .img img {
	transform:scale(1.1)
}
.clothing02 .bd li .img img {
	width:100%;
	min-height:100%;
	object-fit: cover;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.clothing02 .bd li .txt {
	padding:35px;
}
.clothing02 .bd li .txt h3 {
	font-size:24px;
	margin-bottom:10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.clothing02 .bd li .txt .p {
	font-size:16px;
	color:#666;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height:84px;
}
.clothing02 .bd li .txt .more {
	margin-top:15px;
}
.clothing02 .bd li .txt .more span {
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	display:inline-block;
	position:relative;
	top:0;
	padding:0 24px;
	line-height:40px;
	background-color:#2474b5;
	color:#fff;
	border-radius:5px;
}
.clothing02 .bd li .txt .more span:hover {
	top:-5px;
}
.food01 {
	padding-top:50px;
	padding-bottom:25px
}
.food01 .bd {
	text-align:center;
	max-width:1051px;
	margin:0 auto;
	font-size:18px;
	color:#666
}
.food02 {
	padding-top:100px;
	padding-bottom:50px
}
.food02 .weap {
	max-width:1300px
}
.food02 .bd li {
	float:left;
	width:33.33%;
	text-align:center
}
.food02 .bd li .ico {
	height:104px;
	margin-bottom:25px;
}
.food02 .bd li .ico img {
	height:100%
}
.food02 .bd li h3 {
	font-size:22px;
	margin-bottom:10px
}
.food02 .bd li .p {
	font-size:18px;
	color:#666;
	max-width:240px;
	margin:0 auto;
	line-height:1.6
}
.food03 {
	padding-top:50px;
	padding-bottom:100px;
}
.food03 .bd ul {
	margin:0 -28px;
}
.food03 .bd li {
	float:left;
	width:33.33%;
}
.food03 .bd li .a {
	margin:0 28px;
	background-color:#fff;
	display:block;
	box-shadow:0 0 18px rgba(205, 205, 205, .5)
}
.food03 .bd li .img {
	overflow:hidden;
	height:350px;
}
.food03 .bd li .a:hover .img img {
	transform:scale(1.1)
}
.food03 .bd li .img img {
	width:100%;
	min-height:100%;
	object-fit: cover;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.food03 .bd li .txt {
	padding:35px;
}
.food03 .bd li .txt h3 {
	font-size:24px;
	margin-bottom:10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.food03 .bd li .txt .p {
	font-size:16px;
	color:#666;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height:56px;
}
.food03 .bd li .txt .more {
	margin-top:15px;
}
.food03 .bd li .txt .more span {
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	display:inline-block;
	position:relative;
	top:0;
	padding:0 24px;
	line-height:40px;
	background-color:#2474b5;
	color:#fff;
	border-radius:5px;
}
.food03 .bd li .txt .more span:hover {
	top:-5px;
}
.chemistry01 {
	background-color:#f7f7f7;
	padding:70px 0
}
.chemistry01 .ms h3 {
	font-size:24px;
	margin-bottom:15px
}
.chemistry01 .ms .p {
	font-size:18px;
	color:#666;
	max-width:1090px;
	margin-right:20px;
}
.chemistry01 .weap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.chemistry01 .ms {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
.chemistry01 .more a {
	display:block;
	background-color:#1497ff;
	border-radius:5px;
	height:40px;
	line-height:40px;
	color:#fff;
	padding:0 20px;
}
.chemistry01 .more a:hover {
	transform:translateX(-10px)
}
.chemistry01 .more a:after {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:32px;
	height:10px;
	background:url(../images/ico-arrowwhite.png) no-repeat center right;
	background-size:auto 100%;
	margin-left:110px;
}
.flex-nav.navFix {
	position:fixed;
	z-index:1000;
	left:0;
	right:0;
	top:0;
	background-color:#fff
}
.flex-nav li {
	float:left;
}
.flex-box {
	height:75px;
}
.flex-nav {
	height:75px;
	border-bottom:1px solid #e1e1e1
}
.flex-nav li {
	float:left;
	margin-right:130px;
}
.flex-nav li a {
	display:block;
	line-height:75px;
	position:relative;
	font-size:18px;
	color:#666666;
	cursor:pointer
}
.flex-nav li a:after {
	content:"";
	display:block;
	position:absolute;
	z-index:2;
	left:50%;
	right:50%;
	bottom:0;
	background-color:#2474b5;
	height:2px;
}
.flex-nav li a.on:after {
	left:0;
	right:0;
}
.flex-nav li a.on {
	color:#2474b5;
}
.chemistry-item {
	padding-top:80px;
	padding-bottom:44px;
}
.chemistry-item .weap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.chemistry-item .hd {
	text-align:left;
	width:400px;
	flex:0 0 400px;
}
.chemistry-item .plo02 .line {
	margin:0
}
.chemistry-item .bd {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width:0
}
.chemistry-item .bd li {
	float:left;
	width:33.33%;
	margin-bottom:20px
}
.chemistry-item .bd li .a {
	display:block;
	margin-left:25px;
}
.chemistry-item .bd li .img {
	overflow:hidden;
	height:305px;
	margin-bottom:10px;
	margin-bottom:8px;
}
.chemistry-item .bd li .img img {
	display:block;
	width:100%;
	min-height:100%;
	object-fit: cover;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.chemistry-item .bd li a:hover .img img {
	transform:scale(1.1)
}
.chemistry-item .bd li .txt h3 {
	font-size:24px;
	font-weight:normal;
	margin-bottom:5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.chemistry-item .bd li .txt .p {
	font-size:16px;
	color:#666;
	margin-bottom:20px;
	height:56px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.chemistry-item .bd li .more span {
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	display:inline-block;
	width:155px;
	height:40px;
	line-height:40px;
	background-color:#1497ff;
	text-align:center;
	color:#fff;
	border-radius:5px;
}
.chemistry-item .bd li .ms {
	font-size:16px;
	color:#666;
	margin-bottom:25px
}
.chemistry-item .bd li a:hover .ms {
	color:#2871d4
}
.chemistry-item .bd li a .more span:hover {
	transform:translateY(-5px)
}
.chemistry02 .chemistry-item:nth-child(even) {
background-color:#f2f7fb
}
.contact-main .weap {
	max-width:1200px
}
.contact-main .map {
	height:530px;
	background-color:#eee;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover
}
.contact01 {
	padding:60px 0
}
.contact01 .weap {
	position:relative;
}
.contact01 ul {
	background-color:#fff;
	padding:45px;
	padding-top:25px;
	width:428px;
	box-shadow:0 0 20px rgba(0, 0, 0, .1);
	border-radius:10px;
	right:64px;
	top:50%;
	margin-top:-200px;
	position:absolute;
	z-index:3
}
.contact01 ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	border-bottom:1px solid #e1e1e1;
	padding:20px 0
}
.contact01 ul li:last-child {
	border-bottom:none;
	padding-bottom:0
}
.contact01 ul li .ico {
	width:38px;
	flex:0 0 38px;
	margin-right:15px;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:29px;
}
.contact01 ul li .ico-c00 {
	background-image:url(../images/ico-c00.png)
}
.contact01 ul li .ico-c01 {
	background-image:url(../images/ico-c01.png)
}
.contact01 ul li .ico-c02 {
	background-image:url(../images/ico-c02.png)
}
.contact01 ul li .ico-c03 {
	background-image:url(../images/ico-c03.png)
}
.contact01 ul li .txt {
	line-height:1.1
}
.contact01 ul li h3 {
	font-size:20px;
	margin-bottom:8px
}
.contact01 ul li a {
	font-size:18px;
}
.contact02 {
	padding-bottom:100px
}
.contact02 li {
	float:left;
	width:33.33%
}
.contact02 li .img {
	overflow:hidden;
	margin-bottom:10px;
}
.contact02 li .img img {
	width:90%
}
.contact02 li .t {
	font-weight:bold;
	margin-bottom:10px
}
.contact02 li .t span {
	display:inline-block;
	font-size:20px;
	border-bottom:1px solid #e1e1e1;
	padding-right:20px;
	padding-bottom:5px
}
.contact02 li .p {
	font-size:16px;
	color:#666
}
.contact03 {
	padding-top:50px;
	padding-bottom:100px;
}
.contact03 ul {
	margin:0 -2%
}
.contact03 .plo02 h3 {
	font-weight:normal
}
.contact03 li {
	float:left;
	width:46%;
	margin:0 2%;
	margin-bottom:25px;
}
.contact03 li .input {
	width:100%;
	height:60px;
	padding:0 18px;
	line-height:58px;
	border:1px solid #e1e1e1;
	border-radius:5px;
}
.contact03 .inbtn {
	width:380px;
	height:60px;
	margin:0 auto;
	border:none;
	border-radius:5px;
	cursor:pointer;
	background-color:#2474b5;
	font-size:24px;
	color:#fff;
	display:block;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.contact03 .inbtn:hover {
	transform:translateY(-5px)
}
.contact03 li .input:focus {
	border:1px solid #2474b5
}
.c301.chemistry01 {
	background-color:#fff;
	padding:30px 0
}
.c302 {
	background:url(../images/c302bg.jpg) no-repeat center;
	background-size:cover;
	padding-top:50px;
	padding-bottom:120px
}
.c302 .plo02 {
	margin-bottom:0px
}
.c302 .hd {
	border-bottom:1px solid #e1e1e1;
	height:70px;
	text-align:center;
	font-size:0;
	margin-bottom:50px
}
.c302 .hd li {
	width:auto;
	display:inline-block;
	margin:0 60px;
	line-height:69px;
	font-size:24px;
	color:#666
}
.c302 .hd li span {
	display:block;
	position:relative;
	cursor:pointer
}
.c302 .hd li.on span {
	color:#2474b5
}
.c302 .hd li span:before {
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	content:"";
	display:block;
	left:50%;
	right:50%;
	height:3px;
	background-color:#2474b5;
	bottom:-1px;
	position:absolute;
	z-index:2
}
.c302 .hd li.on span:before {
	left:0;
	right:0
}
.c302 .bd {
	max-width:1350px;
	margin:0 auto;
	overflow:hidden;
	background-color:#fff;
	box-shadow:0 0 20px rgba(0, 0, 0, .1)
}
.c302 .bd .a {
	height:465px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.c302 .bd .a .txt {
	flex:0 0 400px;
	padding:0 40px;
	padding-top:85px;
}
.c302 .bd .a .txt h3 {
	font-size:24px;
	margin-bottom:20px
}
.c302 .bd .a .txt .p {
	font-size:16px;
	color:#666;
	line-height:2
}
.c302 .imgs {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width:0;
	overflow:hidden
}
.c302 .imgs span {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	width:100%;
	height:100%;
}
.c303 {
	padding-top:50px;
	padding-bottom:50px
}
.c303 ul {
	font-size:0;
}
.c303 ul li {
	display:inline-block;
	vertical-align:top;
	width:33.33%;
	text-align:center
}
.c303 ul li .ico {
	margin-bottom:28px;
	height:110px;
	margin-bottom:24px
}
.c303 ul li .ico img {
	height:100%
}
.c303 ul li .a {
	padding:0 10px
}
.c303 ul li .a h3 {
	font-size:22px;
	font-weight:normal;
	margin-bottom:25px;
}
.c303 ul li .a .p {
	font-size:18px;
	color:#666666;
	max-width:412px;
	margin:0 auto
}
.c304 {
	padding-top:50px;
	padding-bottom:100px;
}
.c304 .bd ul {
	margin:0 -12px;
}
.c304 .bd li {
	float:left;
	width:20%;
	font-size:0
}
.c304 .bd li .a {
	border:1px solid #e3e3e3;
	margin:0 12px;
	height:120px;
	line-height:119px;
	overflow:hidden;
	text-align:center;
}
.c304 .bd li .a img {
	display:inline-block;
	max-width:100%;
	max-height:100%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;/* Opera */
}
.c304 .bd li .a:hover img {
	transform:scale(1.1)
}
.cold01 {
	padding-top:60px
}
.cold01 .bd {
	max-width:1330px;
	margin:0 auto
}
.cold01 .bd ul {
	font-size:0;
}
.cold01 .bd li {
	display:inline-block;
	vertical-align:top;
	width:50%;
	margin-bottom:70px
}
.cold01 .bd li .a {
	margin:0 60px;
	display:block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.cold01 .bd li .ico {
	margin-right:40px;
	flex:0 0 88px;
	width:88px;
}
.cold01 .bd li .ico img {
	width:100%
}
.cold01 .bd li .txt h3 {
	font-size:22px;
	font-weight:normal;
	margin-bottom:10px
}
.cold01 .bd li .txt .p {
	font-size:18px;
	color:#666666
}
.cold01 .bd li .txt {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width:0;
	line-height:1.6
}
.c302.cold02 {
	background:none;
	padding-top:30px
}
.mind01 {
	padding-top:60px
}
.mind01 .bd {
	max-width:1350px;
	margin:0 auto
}
.mind01 .bd ul {
	font-size:0;
}
.mind01 .bd li {
	display:inline-block;
	vertical-align:top;
	width:33.33%;
	margin-bottom:70px
}
.mind01 .bd li .a {
	margin:0 75px;
	display:block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.mind01 .bd li .ico {
	margin-right:25px;
	flex:0 0 62px;
	width:62px;
}
.mind01 .bd li .ico img {
	width:100%
}
.mind01 .bd li .txt h3 {
	font-size:22px;
	margin-bottom:10px
}
.mind01 .bd li .txt .p {
	font-size:14px;
	color:#666666
}
.mind01 .bd li .txt {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width:0;
	line-height:1.6
}
.c302.mind02 {
	background:none
}
.c302.mind02 .bd .a .txt {
	line-height:1.6;
	padding-top:45px
}
.c302.mind02 .bd .a .txt .p {
	line-height:1.6
}
.n-banner .txts01 .more a.a1 {
	background-color:#fff;
	color:#006dff
}
.cold01.automatic01 .bd li .txt h3 {
	line-height:1.1;
	margin-bottom:10px;
}
.automatic02 {
	background:url(../images/automatic02bg.jpg) no-repeat center;
	background-size:cover
}
.automatic02 .weap {
	height:514px;
}
.automatic02 .bd {
	text-align:center;
	color:#fff;
	position:relative;
	top:50%;
	transform:translateY(-50%)
}
.automatic02 .bd h3 {
	font-size:40px;
	font-weight:normal;
	margin-bottom:20px
}
.automatic02 .bd .p {
	font-size:18px;
	max-width:630px;
	margin:0 auto;
	line-height:2.4
}
.integration01 {
	padding-top:50px;
	padding-bottom:100px
}
.integration01 .weap {
	max-width:1460px;
	margin:0 auto
}
.integration01 li {
	float:left;
	width:33.33%;
	margin-bottom:30px
}
.integration01 li:nth-child(1), .integration01 li:nth-child(4) {
width:66.66%
}
.integration01 li .a {
	height:445px;
	margin:0 15px;
	position:relative;
	overflow:hidden;
	cursor:pointer
}
.integration01 li .a:after {
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	left:0;
	right:0;
	bottom:0;
	height:30%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, .5));
	opacity:0
}
.integration01 li .a:hover:after {
	opacity:1
}
.integration01 li .a:before {
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0, 0, 0, .2)
}
.integration01 li .img {
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.integration01 li .a:hover .img {
	transform:scale(1.1)
}
.integration01 li:nth-child(n+5) .a {
height:315px;
}
.integration01 li .txt {
	position:absolute;
	z-index:2;
	left:30px;
	right:10px;
	color:#fff;
	line-height:1.1;
	bottom:20px;
}
.integration01 li .txt h3 {
	font-size:30px;
	margin-bottom:12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.integration01 li .txt .p {
	font-size:18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.integration01 li .play {
	width:76px;
	height:76px;
	border:3px solid #fff;
	background:url(../images/ico-play.png) no-repeat center;
	background-size:100%;
	border-radius:50%;
	position:absolute;
	z-index:3;
	left:50%;
	top:50%;
	margin-left:-36px;
	margin-top:-36px;
}
.n-banner .txts01 .p5 {
	font-size:16px;
	text-transform:uppercase;
	color:#666;
	margin-bottom:28px;
	max-width:780px;
}
.n-banner.n-bai .txts01 .p5 {
	color:#fff
}
.n-banner .txts01 .p5 span {
	display:block
}
.swms01 {
	padding-top:40px;
	padding-bottom:65px
}
.swms01 .p {
	font-size:18px;
	color:#666666;
	text-align:center
}
.swms-main .weap {
	max-width:1200px
}
.swms-main .swms01 .plo02 {
	margin-bottom:35px;
}
.swms02 {
	background-color:#f7f7f7;
	padding-top:40px;
	padding-bottom:70px
}
.plo02 .p {
	font-size:16px;
	color:#666666;
	max-width:1130px;
	margin:0 auto;
}
.swms02 .bd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.swms02 .bd .img {
	overflow:hidden;
	flex:0 0 610px;
	width:610px;
	margin-right:20px;
}
.swms02 .bd ul {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width:0
}
.swms02 .bd .t {
	font-size:22px;
	font-weight:bold;
	line-height:1.1;
	margin-bottom:10px;
}
.swms02 .bd ul li {
	margin-bottom:45px
}
.swms02 .bd ul li:last-child {
	margin-bottom:0
}
.swms02 .bd ul li .p {
	font-size:16px;
	color:#666
}
.cold01.swms03 .weap {
	max-width:1380px
}
.cold01.swms03 .bd li .a {
	margin:0 70px;
}
.cold01.swms03 .bd li .txt .p {
	font-size:16px;
}
.swms03 {
	padding-bottom:20px;
}
.swms03 .bd li .ico {
	width:75px;
	flex:0 0 75px;
	margin-right:25px;
}
.swms03 .bd li .ico img {
	width:auto;
	max-width:100%;
}
.cold01.swms03 .bd li .txt h3 {
	line-height:1.1
}
.c302.swms04 .hd li span {
	font-size:20px;
}
.c302.swms04 .bd .a {
	height:590px;
}
.c302.swms04 .bd .a .txt {
	flex:0 0 470px;
	width:470px;
	padding:60px 35px;
	padding-bottom:0;
	line-height:1.4
}
.c302.swms04 .bd .a .txt h3 {
	font-size:22px;
}
.c302.swms04 .bd .a .txt .p {
	line-height:1.4
}
.c302.swms04 .bd .a .ms {
	margin-bottom:30px
}
.c302.swms04 .bd .a .ms .p1 {
	font-size:18px;
	font-weight:bold
}
.c302.swms04 .bd .a .ms .p2 {
	font-size:16px;
	color:#666;
	padding-left:15px
}
.c302.swms04 .bd .a .p .blue {
	color:#006dff
}
.c302.swms04 .bd .a .p .blue b {
	font-size:24px;
}
.about-main .a {
	cursor:pointer
}
.about-main .a .img {
	overflow:hidden
}
.about-main .a .img img {
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.about-main .a:hover .img img {
	transform:scale(1.1)
}
.about01 {
	padding-top:130px;
	padding-bottom:80px;
}
.about01 .aboutleft {
	float:left;
	width:45.3%;
}
.about01 .aboutleft .title {
	font-size:36px;
	font-weight:normal;
	margin-bottom:50px;
}
.about01 .aboutleft .conn {
	font-size:16px;
	color:#666
}
.about01 .aboutleft ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-moz-box-pack:space-between;
	-webkit--moz-box-pack:space-betweenr;
	box-pack:space-between;
	margin-top:95px;
}
.about01 .aboutleft li {
	display:inline-block;
	vertical-align:middle;
	line-height:1.1;
}
.about01 .aboutleft li .num span {
	font-size:50px;
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
	vertical-align:top
}
.about01 .aboutleft li .num em {
	display:inline-block;
	font-size:24px;
	margin-left:5px
}
.about01 .aboutleft li .p {
	color:#666;
	opacity:.6;
	margin-top:5px;
}
.about01 .aboutright {
	width:50%;
	float:right;
	height:515px;
}
.about01 .aboutright video {
	background-color:#000
}
.about02 {
	padding:45px 0;
	background:url(../images/about02bg.jpg) no-repeat center;
	background-size:cover
}
.about02 .about02left {
	width:60%;
	text-align:center;
	float:left
}
.about02 .about02left .imgs {
	max-width:656px;
	margin:0 auto;
	position:relative
}
.about02 .about02left .img {
	width:100%
}
.about02 .about02left li {
	position:absolute;
	z-index:2;
	width:24.4%;
	height:94px;
	text-align:center;
	cursor:pointer
}
.about02 .about02left li .ico img {
	max-width:100%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: alll 0.5s;
}
.about02 .about02left li:hover .ico img {
	transform:scale(1.1)
}
.about02 .about02left li:nth-child(1) {
right:50%;
top:31.7%
}
.about02 .about02left li:nth-child(2) {
left:50%;
top:31.7%
}
.about02 .about02left li:nth-child(3) {
left:50%;
margin-left:-12.2%;
top:60%
}
.about02 .about02left li .txt {
	width:148px;
	text-align:center;
	height:65px;
	position:absolute;
	z-index:2;
	line-height:1.6
}
.about02 .about02left li .txt h3 {
	font-size:18px;
	font-weight:normal;
	font-weight:700
}
.about02 .about02left li .txt .p {
	color:#2474b5;
	text-transform:uppercase
}
.about02 .about02left li:nth-child(1) .txt {
top:-90px;
left:-140px;
}
.about02 .about02left li:nth-child(2) .txt {
top:-90px;
right:-140px;
}
.about02 .about02left li:nth-child(3) .txt {
bottom:-170px;
left:50%;
margin-left:-74px;
}
.about02 .about02right {
	float:right;
	width:40%;
	font-size:16px;
	padding-top:30px
}
.about-main .title {
	font-size:30px;
	font-weight:normal;
	margin-bottom:20px;
}
.about02 .about02right .p p {
	margin-bottom:8px
}
.about02 .about02right .p .c666 {
	color:#666
}
.about02 .about02right .p .c666:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:5px;
	height:5px;
	background-color:#2474b5;
	border-radius:50%;
	margin-right:10px;
}
.about03 {
	padding:55px 0
}
.about03 .bd {
	max-width:1488px;
	height:520px;
	margin:0 auto;
	background:url(../images/about03bg.png) no-repeat left top;
	background-size:100%;
	position:relative
}
.about03 .bd li {
	position:absolute;
	z-index:2;
	width:20px;
	height:20px;
	text-align:center;
}
.about03 .bd li:before {
	content:"";
	width:20px;
	height:20px;
	margin:0 auto;
	display:block;
	background:#fff;
	border-radius:50%;
	box-shadow:0 0 10px rgba(0, 0, 0, .3)
}
.about03 .bd li>div {
	width:250px;
	text-align:center;
	color:#999999;
	position:absolute;
	z-index:2;
	left:50%;
	margin-left:-125px;
}
.about03 .bd li .p {
	font-size:16px;
	line-height:1.5
}
.about03 .bd li .year {
	font-size:24px;
	color:#333
}
.about03 .bd li .num {
	font-size:24px;
	color:#2474b5
}
.about03 .bd li:nth-child(1) {
left:2%;
top:50.9%
}
.about03 .bd li:nth-child(2) {
left:16.9%;
top:50.2%
}
.about03 .bd li:nth-child(3) {
left:34.2%;
top:34.6%
}
.about03 .bd li:nth-child(4) {
left:49.5%;
top:35%
}
.about03 .bd li:nth-child(5) {
left:65.8%;
top:10%
}
.about03 .bd li:nth-child(6) {
left:80%;
top:25.5%
}
.about03 .bd li:nth-child(7) {
left:96%;
top:9%
}
.about03 .bd li:nth-child(even) .year {
bottom:35px;
}
.about03 .bd li:nth-child(even) .p {
bottom:80px;
}
.about03 .bd li:nth-child(odd) .year {
top:35px;
}
.about03 .bd li:nth-child(odd) .p {
top:80px;
}
.about04 {
	background:url(../images/about04bg.jpg) no-repeat center;
	background-size:cover;
	padding-top:75px;
	padding-bottom:55px;
}
.about04 .swiper-pagination {
	position:static;
	margin-top:45px;
}
.about04 .swiper-pagination .swiper-pagination-bullet {
	width:12px;
	height:12px;
	background-color:#2474b5
}
.about04 .img {
	overflow:hidden;
	margin-bottom:15px;
	height:375px
}
.about04 .img img {
	display:block;
	width:100%;
	min-height:100%
}
.about04 .a h3 {
	text-align:center;
	font-size:18px;
	font-weight:normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.about05 {
	padding-top:50px;
	padding-bottom:48px;
}
.about05 .swiper-pagination {
	position:static !important;
	margin-top:20px;
}
.about05 .a {
	text-align:center
}
.about05 .img {
	font-size:0;
	background-color:#f6f6f6;
	height:290px;
	overflow:hidden;
	line-height:289px;
	margin-bottom:25px;
}
.about05 .img img {
	max-width:100%;
	max-height:100%
}
.about05 .a h3 {
	font-size:18px;
	font-weight:normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.about06 .swiper-pagination {
	position:static !important;
	margin-top:20px;
}
.about06 {
	padding-bottom:55px;
	padding-top:55px;
}
.about06 .a {
	display:block;
	background-color:#f8f8f8
}
.about06 .a .img {
	height:240px;
	overflow:hidden
}
.about06 .a .img img {
	display:block;
	width:100%;
	min-height:100%
}
.about06 .a h3 {
	font-size:18px;
	font-weight:normal;
	text-align:center;
	padding:20px 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mind01.city01 .bd li .ico {
	width:52px;
	flex:0 0 52px
}
.city02 {
	background:url(../images/city02bg.jpg) no-repeat center;
	background-size:cover;
	padding-top:60px;
	padding-bottom:115px;
}
.city02 .weap {
	max-width:1200px;
}
.city02 .bd ul {
	margin:0 -15px;
}
.city02 .bd li {
	cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	float:left;
	width:25%;
}
.city02 .bd li .a {
	display:block;
	padding:35px 30px;
	padding-top:45px;
	height:260px;
	overflow:hidden;
	text-align:center;
	margin:0 15px;
	background-color:#fff;
	box-shadow:0 0 30px rgba(0, 0, 0, .1);
	border-radius:10px;
}
.city02 .bd li .ico {
	height:90px;
	margin-bottom:20px
}
.city02 .bd li .ico img {
	height:100%;
}
.city02 .bd li h3 {
	font-size:22px;
	color:#333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.city02 .bd li .line {
	width:34px;
	height:3px;
	background-color:#fff;
	margin-top:10px;
}
.city02 .bd li .p {
	color:#fff;
	opacity:0;
	visibility:hidden;
	margin-top:10px;
	height:75px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.city02.block .bd li {
	width:20%
}
.city02.block .bd li.on {
	width:40%
}
.city02 .bd li.on .a {
	background-color:#136ad5;
	color:#fff;
	text-align:left;
	padding-top:20px;
}
.city02 .bd li.on .a h3 {
	color:#fff
}
.city02 .bd li.on .a .ico {
	height:35px;
}
.city02 .bd li.on .p {
	opacity:1;
	visibility:visible
}
.city03 {
	padding-top:60px;
	padding-bottom:90px
}
.city03 .weap {
	max-width:1200px;
}
.city03 .bd {
	position:relative
}
.city03 .bd ul {
	margin:0 -6px;
}
.city03 .bd li {
	float:left;
	height:468px;
	width:23%
}
.city03 .bd li .a {
	display:block;
	height:100%;
	overflow:hidden;
	margin:0 6px;
}
.city03 .bd li .a:hover .img {
	transform:scale(1.1)
}
.city03 .bd li .img {
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	height:100%;
	width:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover
}
.city03 .bd li:nth-child(2), .city03 .bd li:nth-child(3), .city03 .bd li:nth-child(5), .city03 .bd li:nth-child(6) {
height:225px;
width:27%
}
.city03 .bd li:nth-child(3), .city03 .bd li:nth-child(6) {
position:absolute;
z-index:2;
bottom:0;
}
.city03 .bd li:nth-child(3) {
left:23%
}
.city03 .bd li:nth-child(6) {
right:-6px
}
.city04 {
	background-image:url(../images/city040bg.jpg);
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:65px;
	padding-bottom:105px;
	color:#fff
}
.city04 a {
	color:#fff
}
.city04 .plo02 .line {
	background-color:#fff
}
.city04 .weap {
	max-width:1200px;
}
.city04 .tabbd {
	overflow:hidden
}
.city04 .tabs li {
	cursor:pointer;
	margin-bottom:30px;
	font-size:22px;
}
.city04 .tabs li span {
	display:block;
	width:160px;
	text-align:center;
	line-height:45px
}
.city04 .tabs li.on span {
	background-color:#006dff;
	border-radius:5px;
}
.city04 .tabs {
	float:left;
	width:190px;
	overflow:hidden
}
.city04 .tabbd {
	border-left:2px solid #74879c;
	min-height:380px;
}
.city04 .tabbd .swiper-slide {
	padding-left:70px;
}
.city04 .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding-bottom:40px;
	margin-bottom:55px;
	border-bottom:1px dashed #eee
}
.city04 .title .t {
	font-size:28px;
	font-weight:normal;
	line-height:1.1;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width:0
}
.city04 .title .morea a {
	display:inline-block;
	min-width:110px;
	padding:0 10px;
	height:32px;
	line-height:30px;
	border:1px solid #fff;
	border-radius:5px;
	text-align:center;
	margin-left:25px;
}
.city04 .title .morea a:hover {
	background-color:#006dff;
	border:1px solid #006dff
}
.city04 .conn {
	font-size:16px;
	line-height:1.8
}
.city04 .conn a {
	font-size:16px
}
.city04 .conn .c-blue {
	font-size:20px;
	color:#006dff;
	margin-bottom:5px;
}
.city05 {
	padding-top:45px;
	padding-bottom:70px
}
.city05 .weap {
	max-width:1200px;
}
.city05 .bd ul {
	margin:0 -18px;
}
.city05 .bd li {
	float:left;
	width:33.33%
}
.city05 .bd li .a {
	margin:0 18px;
	border:1px solid #efefef;
}
.city05 .bd li .img {
	overflow:hidden;
	height:230px;
	position:relative
}
.city05 .bd li .img .t {
	position:absolute;
	font-size:22px;
	color:#fff;
	height:50px;
	line-height:50px;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, .9));
	font-weight:bold
}
.city05 .bd li .img img {
	display:block;
	width:100%;
	min-height:100%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
}
.city05 .bd li .a:hover .img img {
	transform:scale(1.1)
}
.city05 .bd li .txt {
	padding:25px;
	padding-top:15px;
}
.city05 .bd li .txt h3 {
	font-size:18px;
	text-align:center;
	margin-bottom:20px
}
.city05 .bd li .txt .p {
	color:#999;
	font-size:16px;
	margin-bottom:20px;
}
.city05 .bd li .txt .p b {
	color:#333
}
.city05 .bd li .txt .p:last-child {
	margin-bottom:0
}
.city06 {
	background-color:#f2f7fb;
	padding-top:50px;
	padding-bottom:1px;
}
.city06 .weap {
	max-width:1200px;
}
.city06 .bd ul {
	font-size:0
}
.city06 .bd li {
	display:inline-block;
	width:50%;
	vertical-align:top;
	font-size:16px;
	color:#999;
	margin-bottom:60px;
	vertical-align:top;
}
.city06 .bd li a {
	font-size:16px;
	color:#999
}
.city06 .bd ul {
	margin:0 -70px;
}
.city06 .bd li .a {
	margin:0 70px;
	padding-left:70px;
	background:url(../images/ico-w.png) no-repeat left 10px;
}
.city06 .bd li .t {
	font-size:22px;
	color:#333;
	margin-bottom:10px
}
.city07.c302 {
	padding-top:70px;
	padding-bottom:60px;
	background:#fff
}
.city07 .weap {
	max-width:1200px;
}
.c302.city07 .bd {
	box-shadow:none
}
.c302.city07 .bd ul {
	margin:0 -12px;
}
.c302.city07 .bd li {
	float:left;
	width:20%;
	margin-bottom:24px
}
.c302.city07 .bd .img {
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	height:110px;
	border:1px solid #e1e1e1;
	text-align:center;
	line-height:109px;
	text-align:center;
	font-size:0;
	margin:0 12px
}
.c302.city07 .bd .img img {
	transition: all 0.5s;
	-moz-transition: all 0.5s;/* Firefox 4 */
	-webkit-transition: all 0.5s;/* Safari 和 Chrome */
	-o-transition: alll 0.5s;
	display:inline-block;
	height:auto !important;
	width:auto !important;
	max-width:80%;
	max-height:80%
}
.c302.city07 .bd .img:hover img {
	transform:scale(1.1)
}
.mind01 .bd li .a:hover .ico img, .cold01 .bd li .a:hover .ico img, .baidu01 .bd .a:hover .ico img, .food02 .bd li .a:hover .ico img, .c303 ul li .a:hover .ico img {
	-webkit-animation-name: hvr-icon-push;
	animation-name: hvr-icon-push;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.c302.city07 .plo02 {
	margin-bottom:25px;
}
.productNav {
	position: fixed;
	width: 130px;
	left: 30px;
	top: 35%;
	margin-top:270px;
	padding-left: 30px;
	transform:translateY(-50%);
	z-index:100;
}
.productNav li {
	position:relative;
}
.productNav li:before {
	content:"";
	display:block;
	width:2px;
	background-color:#2474b5;
	position:absolute;
	z-index:1;
	left:-22px;
	top:20px;
	height:40px;
}
.productNav li:last-child:before {
	display:none
}
.productNav li a {
	display: block;
	width: 135px;
	height: 28px;
	line-height: 26px;
	text-align: center;
	color: #2474b5;
	font-size: 16px;
	border: 1px solid #2474b5;
	margin-bottom: 25px;
	cursor: pointer;
	border-radius: 14px;
	background-color: #fff;
	position:relative
}
.productNav li a i {
	display:block;
	width:16px;
	height:16px;
	border:2px solid #2474b5;
	border-radius:50%;
	position:absolute;
	z-index:2;
	top:50%;
	margin-top:-8px;
	left:-30px;
}
.productNav li a i:before {
	content:"";
	display:block;
	position:absolute;
	z-index:2;
	left:50%;
	top:50%;
	width:8px;
	height:8px;
	border-radius:50%;
	background-color:#2474b5;
	margin-left:-4px;
	margin-top:-4px;
}
.productNav li a:hover, .productNav li.on a {
	background-color:#2474b5;
	color:#fff
}
@media (max-width:1900px) {
.banner .images {
height:41.6vw
}
.banner .texts .cn-01 {
font-size:3.4vw
}
.banner .texts .cn-02 {
font-size:2vw
}
.banner .texts .more a {
font-size:.93vw;
}
.banner .texts .more a:after {
margin-left:.93vw;
width:3.75vw;
height:2.39vw
}
.index02 .swiper-slide {
width:63.28vw
}
.n-banner .weap {
height:28.5vw
}
.n-banner .txts {
top:calc(50% + 1.56vw);
}
.n-banner .txts01 {
top:calc(50% + 1.56vw);
}
.n-banner .txts .title {
font-size:2.3vw
}
.n-banner .txts .eng {
font-size:1.3vw
}
.n-banner .txts01 .title {
font-size:2.3vw
}
.n-banner .txts01 .p {
font-size:1.3vw
}
.news-list li .img {
height:18.2vw;
margin-bottom:1.3vw
}
.news-list li {
margin-bottom:3.1vw
}
.news-list li a {
margin:0 1.5vw;
}
.news-list ul {
margin:0 -1.5vw
}
.news-list li .txt h3 {
margin-bottom:1.56vw
}
.news-list li .txt .p {
margin-bottom:2.08vw
}
.news-list li .txt .line {
margin-top:2.6vw
}
.newspage .title {
padding-bottom:1.05vw;
margin-bottom:1.5vw
}
.newspage .info {
padding-bottom:1.5vw;
margin-bottom:1.5vw
}
.ewmbox {
padding-left:4.68vw;
margin-bottom:2.6vw;
padding-right:4.68vw
}
.newspage .conn {
margin-bottom:2.34vw
}
.prevnext {
padding-top:2.6vw
}
.side-plo {
margin-bottom:1.56vw
}
.side-list01 li h3 {
margin-bottom:.8vw
}
.side-list01 li .p {
margin-bottom:1.56vw
}
.side-list01 li .line {
margin-top:2.6vw
}
.side-list01 li {
margin-bottom:1.56vw
}
.ewmbox .p1 {
margin-bottom:1.7vw
}
.case-list ul {
margin:0 -1.3vw
}
.case-list li {
margin-bottom:2.6vw
}
.case-list li a {
margin:0 1.3vw
}
.case-list li .img {
height:19.5vw
}
.case-list li .txt {
padding: 1.8vw 2vw;
padding-top:1.3vw;
}
.side-list02 li {
margin-bottom:2.6vw
}
.side-list02 li .img {
height:18vw
}
.side-list02 li .txt {
padding: 1.8vw 2vw;
padding-top:1.3vw;
}
.baidu03 .bd li .img {
height:16.5vw
}
.luxury01 .bd li .img {
height:16.5vw
}
.luxury02 .bd li .a {
height:28vw
}
.luxury02 .bd li:nth-child(3) .a, .luxury02 .bd li:nth-child(4) .a {
height:calc(14vw - 14px);
}
.luxury03 .bd01 li .img {
height:20vw
}
.luxury03 .bd02 li .a {
height:25vw
}
.luxury03 .bd02 li:nth-child(2) .a, .luxury03 .bd02 li:nth-child(3) .a {
height:calc(12.5vw - 10px);
}
.n-banner .txts01 .p2 {
font-size:1.8vw
}
.n-banner .txts01 .p3 {
font-size:1.3vw
}
.clothing02 .bd li .img {
height:18.3vw
}
.chemistry-item .bd li .img {
height:16vw
}
.about04 .img {
height:19.5vw
}
}
@media (max-width:1480px) {
.about03 .bd {
height:34vw;
}
.about03 .bd li:nth-child(1) {
left:7%;
top:54%
}
.about03 .bd li:nth-child(7) {
left:90%;
top:18%
}
}
@media (max-width:1366px) {
.index01 li .a .txt h3 {
font-size:28px
}
.index01 li .a .txt .more a {
font-size:16px;
line-height:36px;
min-width:120px;
}
.index02 .txts h3 {
font-size:30px;
}
.index02 .txts .p {
font-size:22.4px
}
.index02 .txts .more a {
font-size:13px
}
.index02 .txts .more a:after {
width:25.6px;
height:8px
}
.index02 .swiper-button-prev, .index02 .swiper-button-next {
width:52px;
height:52px;
margin-top:-26px;
}
.index03 .title {
font-size:28.8px;
margin-bottom:32px
}
.index03 .ms {
font-size:14px;
margin-bottom:48px
}
.index03 .more a {
width:38px;
height:38px;
}
.index03 .more a:after {
height:8px;
width:44px;
right:12px
}
.index03 ul li .num span {
font-size:48px
}
.index03 ul li .num em {
font-size:20px
}
.index03 {
height:688px;
padding-top:88px
}
.index03 .more {
margin-bottom:64px
}
.plo01 h3 {
font-size:28.8px
}
.plo01 .more {
font-size:17.6px
}
.plo01 {
line-height:51px;
margin-bottom:40px
}
.index04 .index04left li a {
margin-right:40px;
height:480px
}
.index04 .index04left li .img {
height:300px
}
.index04 .index04left li .txt {
padding:28px;
height:180px
}
.index04 .index04left li .txt .title {
font-size:20px;
height:67px;
margin-bottom:56px
}
.index04 .index04left li .txt .info {
margin-bottom:16px
}
.plo01 .more:after {
width:26px;
height:8px
}
.index04 .index04left li .txt .date {
font-size:14px
}
.index04 .index04left li .txt .t {
font-size:14px
}
.index04 .index04left li .txt .more {
font-size:13px;
margin-top:86px
}
.index04 .index04left li .txt .more span:after {
width:26px;
height:8px
}
.index04 .index04right li {
margin-bottom:40px
}
.index04 .index04right li .img {
width:192px;
flex:0 0 192px;
height:130px;
margin-right:24px
}
.index04 .index04right li .txt {
padding-top:0
}
.index04 .index04right li .txt .more {
margin-top:10px
}
.index04 .index04right {
flex:0 0 500px
}
.lanmumain {
padding-top:2.8vw;
padding-bottom:5.2vw
}
.side-list01 li h3 {
font-size:20px
}
.newspage .title {
font-size:28px
}
.joinlist01 .weap .txts .t {
font-size:25px
}
.joinlist01 .weap .txts .p {
font-size:14px
}
.join-list li .title h3 {
font-size:21px
}
.join-list li .info {
font-size:14px
}
.join-list li .ms .p {
font-size:14px
}
.join-list li .a {
padding:31px 42px;
}
.join-list li .ms {
height:140px;
padding-right:130px
}
.join-list li .more {
right:42px;
top:56px
}
.join-list li .apply {
font-size:14px;
width:120px;
height:38px;
line-height:38px;
right:40px
}
.join-list li {
margin-bottom:32px
}
.joinlist02 .a h3 {
font-size:16px;
}
.n-banner .txts01 .more a {
font-size:15px
}
.chemistry01 .more a:after {
margin-left:77px;
}
.chemistry01 .ms .p {
font-size:14px;
}
.plo02 h3 {
font-size:24px;
}
.c302 .hd li {
font-size:17px
}
.c302 .bd .a .txt h3 {
font-size:17px
}
.c302 .bd .a .txt .p {
font-size:15px
}
.c303 ul li .ico {
height:78px;
}
.c303 ul li .a h3 {
font-size:17px;
}
.c303 ul li .a .p {
font-size:15px;
}
.baidu01 .bd h3 {
font-size:21px
}
.baidu01 .bd .ico {
margin-bottom:10px
}
.baidu01 .bd .p {
font-size:15px;
}
.baidu03 .bd li h3 {
font-size:17px
}
.baidu01 .bd .ico {
height:60px;
}
.plo02 .line {
height:2px;
width:30px;
}
.baidu01 .bd li {
width:30%;
margin-bottom:34px
}
.luxury01 .bd li h3 {
font-size:17px
}
.luxury02 .bd li .txt h3 {
font-size:18px
}
.luxury02 .bd li .txt .eng {
font-size:13px
}
.luxury02 .bd li .txt {
left:10px;
bottom:10px
}
.luxury03 .bd01 li h3 {
font-size:17px
}
.luxury03 .bd02 li .txt h3 {
font-size:17px
}
.luxury03 .bd02 li .txt .more span {
font-size:15px;
height:36px;
line-height:34px;
padding:0 21px
}
.luxury03 .bd02 li .txt .more {
margin-top:20px
}
.clothing02 .bd li .txt h3 {
font-size:20px
}
.clothing02 .bd li .txt {
padding:21px
}
.clothing02 .bd li .a {
margin:0 20px;
}
.clothing02 .bd ul {
margin:0 -20px;
}
.integration01 li .txt h3 {
font-size:24px;
}
.integration01 li .txt .p {
font-size:16px
}
.integration01 li .a {
height:30vw;
}
.integration01 li .play {
width:5vw;
height:5vw;
margin-top:-2.5vw;
margin-left:-2.5vw;
}/**/
.index04 .index04left li a {
margin-right:15px
}
.index04 .index04right li {
margin-bottom:15px
}
.index04 .index04left li .txt {
padding:15px
}
.index04 .index04left li a {
height:430px;
}
.index04 .index04left li .img {
height:250px
}
.index02 .swiper-button-prev {
left:13%;
margin-left:auto
}
.index02 .swiper-button-next {
left:auto;
right:13%;
margin-left:auto
}
.news-list li .txt h3 {
font-size:20px;
}
.ewmbox {
height:250px
}
.chemistry-item .hd {
width:300px;
flex:0 0 300px;
}
.c302 .hd li {
margin:0 30px
}
.n-banner .txts01 .p5 {
font-size:15px;
}
.mind01 .bd li .a {
margin:0 10px;
}
}
@media (max-width:1190px) {
.city05 .bd li .img {
height:19.1vw
}
}
@media (max-width:999px) {
.banner .images {
height:50vw
}
.banner .texts .cn-01 {
font-size:5vw
}
.banner .texts .cn-02 {
font-size:4vw
}
.banner .texts .more a {
font-size:3vw
}
.banner .swiper-pagination {
bottom:10px
}
.banner .texts .more a:after {
width:4.8vw;
height:3vw
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
width:20px
}
.banner .texts .more {
margin-top:30px
}
.index01 {
padding-top:30px;
padding-bottom:10px
}
.index01 li .a {
margin:0 5px;
}
.index01 ul {
margin:0 -5px
}
.index01 li {
margin-bottom:10px
}
.index01 li .a .txt {
left:10px;
right:10px;
top:10px;
}
.index01 li .a .txt h3 {
font-size:18px;
line-height:1.2;
margin-bottom:15px
}
.index01 li .a .txt .more a {
font-size:14px;
line-height:30px;
min-width:100px;
}
.index02 .swiper-slide {
padding:0 5px;
width:90%
}
.index02 .txts {
top:15px
}
.index02 .txts h3 {
font-size:24px
}
.index02 .txts .p {
font-size:17px;
margin-bottom:15px
}
.index03 {
height:auto;
padding:30px 0;
background-size:150%;
padding-bottom:40vw
}
.index03 .title {
font-size:24px;
margin-bottom:10px
}
.index03 ul {
overflow:hidden;
margin-top:-20px
}
.index03 ul li .num span {
font-size:28px
}
.index03 ul li {
display:block;
width:50%;
float:left;
margin-right:0;
margin-bottom:10px
}
.index03 .more {
text-align:right;
margin-bottom:0
}
.index03 .more a {
width:30px;
height:30px;
display:inline-block
}
.index03 .more a:after {
right:8px;
}
.index03 .ms {
margin-bottom:20px;
}
.index04 {
padding:30px 0
}
.plo01 h3 {
font-size:21px;
}
.plo01 .more {
font-size:14px
}
.plo01 .more:after {
width:20px;
height:6px
}
.plo01 {
line-height:37px;
margin-bottom:20px
}
.index04 .bd {
display:block
}
.index04 .index04left {
margin-bottom:20px
}
.index05 .bd li .a {
margin:0 5px;
}
.index05 .bd ul {
margin:0 -5px
}
.index05 .bd li {
margin-bottom:20px
}
.index05 .bd li .a {
height:70px;
line-height:70px;
}
.index05 {
padding:30px 0
}
.n-banner .txts .title {
font-size:30px
}
.n-banner .txts .eng {
font-size:16px
}
.news-list li .txt h3 {
font-size:18px;
}
.news-list li .txt .date {
font-size:16px
}
.news-list li .txt .p {
font-size:14px;
}
.lanm-nav ul {
margin:0 -5px;
padding:5px 0
}
.lanm-nav ul li {
width:50%;
float:left;
margin-right:0;
text-align:center;
margin:5px 0
}
.lanm-nav ul li a {
display:block;
margin:0 5px;
border:1px solid #eee;
line-height:40px;
font-size:16px
}
.leftrightbox {
display:block
}
.leftrightbox .lanmu-right {
padding:0;
margin:0;
border-left:none
}
.newspage .title {
font-size:24px;
line-height:1.4;
padding-bottom:6vw;
margin-bottom:3vw
}
.newspage .info {
font-size:14px;
padding-bottom:3vw;
margin-bottom:3vw
}
.newspage .info .fxa a {
margin-left:10px;
height:16px
}
.newspage .conn {
line-height:1.8;
font-size:15px;
}
.newspage .conn a {
font-size:15px;
}
.prevnext li {
font-size:15px
}
.prevnext li a {
font-size:15px
}
.side-plo h3 {
font-size:21px
}
.side-list01 li h3 {
font-size:18px
}
.side-list01 li .p {
font-size:14px;
height:50px
}
.side-list01 li .date {
font-size:15px
}
.case-list li .txt h3 {
font-size:18px;
margin-bottom:5px
}
.case-list li .txt .p {
font-size:14px;
height:50px
}
.side-list02 li .txt h3 {
font-size:18px;
margin-bottom:5px
}
.side-list02 li .txt .p {
font-size:14px;
height:50px
}
.joinlist01 .weap .txts .t {
font-size:21px;
margin-bottom:21px
}
.join-list li .title {
width:196px;
flex:0 0 196px;
}
.n-banner .txts01 {
top:50%;
}
.n-banner .txts01 .title {
font-size:24px;
}
.n-banner .txts01 .p4 {
font-size:14px;
}
.c302 .hd li {
margin:0 30px;
}
.luxury-main {
overflow:hidden
}
.luxury03 .bd02 li:nth-child(2), .luxury03 .bd02 li:nth-child(3) {
width:65%
}
.luxury03 .bd02 li:nth-child(3) {
position:static;
float:left;
}
.luxury03 .bd02 li {
width:50%;
margin-bottom:20px
}
.luxury03 .bd02 li .a {
height:36vw
}
.luxury03 .bd02 li:nth-child(2) .a, .luxury03 .bd02 li:nth-child(3) .a {
height: calc(18vw - 9px);
}
.chemistry-item .weap {
display:block;
}
.chemistry-item .bd li .a {
margin:0 10px;
}
.chemistry-item .bd ul {
margin:0 -10px;
overflow:hidden
}
.contact01 ul {
padding:20px;
width:320px;
right:20px;
}
.contact01 ul li a {
font-size:15px;
}
.contact01 ul li h3 {
font-size:17px
}
.cold01 .bd li .a {
margin:0 10px
}
.cold01 .bd li .txt h3 {
font-size:17px;
}
.cold01 .bd li .txt .p {
font-size:15px
}
.cold01 .bd li .ico {
width:60px;
flex:0 0 60px;
margin-right:28px
}
.integration01 li .txt {
left:10px;
}
.n-banner .txts01 .p5 {
margin-bottom:10px
}
.swms01 .p {
font-size:17px;
}
.plo02 .p {
font-size:15px
}
.swms02 .bd .img {
width:400px;
flex:0 0 400px;
}
.c302.swms04 .bd .a .txt h3 {
font-size:17px;
}
.c302 .hd li {
margin:0 16px;
}
.city02 .bd li .a {
margin:0 10px
}
.city02 .bd ul {
margin:0 -10px
}
.city02 .bd li {
width:50%;
margin-bottom:30px
}
.city02.block .bd li.on {
width:50%
}
.city02.block .bd li {
width:50%;
}
.city05 .bd ul {
margin:0 -10px
}
.city05 .bd li .a {
margin:0 10px;
}
.city05 .bd li .txt {
padding:10px;
min-height:227px
}
.city05 .bd li .txt .p {
font-size:15px
}
.city06 .bd li .a {
margin:0 10px;
}
.city06 .bd ul {
margin:0 -10px
}
.c302.city07 .bd .img {
height:90px;
line-height:89px
}
.flex-lanmu {
height:auto
}
.flex-lanmu .lanm-nav {
height:auto
}
.flex-lanmu .lanm-nav.navFix {
position:static
}
.about01 .aboutleft .title {
margin-bottom:20px
}
.about01 .aboutleft ul {
margin-top:20px
}
.about01 .aboutleft li {
margin-right:30px;
white-space: nowrap;
}
.about03 .bd li .p {
font-size:14px
}
.about03 .bd li .num {
font-size:21px
}
}
@media (max-width:766px) {
.banner .swiper-pagination-bullet {
margin:0 8px !important
}
.index02 .swiper-button-prev, .index02 .swiper-button-next {
width:30px;
height:30px;
margin-top:-15px;
background-size:50%
}
.index01 {
padding-top:20px
}
.index04 .index04left li {
width:100%;
float:none
}
.index04 .index04left li:nth-child(2) {
display:none
}
.index04 .index04left li .txt .title {
font-size:18px;
margin-bottom:30px
}
.index04 .index04left li .txt .more {
margin-top:30px;
}
.index04 .index04left li .img {
height:180px
}
.index04 .index04left li .txt {
height:140px;
}
.index04 .index04left li a {
height:320px;
margin-right:0
}
.index04 .index04right li .img {
width:150px;
flex:0 0 150px;
margin-right:10px;
height:100px;
}
.index04 .index04right li .txt h3 {
font-size:16px;
margin-bottom:5px
}
.index04 .index04right li .txt .p {
font-size:14px;
line-height:1.6
}
.index04 .index04right li .txt .more span {
width:20px;
height:6px
}
.index04 .index04right li .txt .more {
margin-top:0;
line-height:1.1
}
.index04 .index04right li {
margin-bottom:10px
}
.index05 .bd li {
width:33.33%;
margin-bottom:10px
}
.n-banner .weap {
height:35vw
}
.news-list li {
float:none;
width:auto
}
.news-list li .img {
height:54vw
}
.news-list li .txt h3 {
font-size:16px
}
.n-banner .txts .title {
font-size:20px
}
.n-banner .txts .eng {
font-size:14px
}
.side-list01 li {
margin-bottom:2.5vw
}
.side-list01 li h3 {
font-size:16px;
margin-bottom:2vw
}
.ewmbox {
background-position:left center
}
.ewmbox .p2 .img {
flex:0 0 120px;
margin-right:10px
}
.ewmbox .p2 .txt .c1 {
font-size:16px;
margin-bottom:10px
}
.ewmbox .p1 {
margin-bottom:4vw
}
.ewmbox .p1 img {
width:90%
}
.ewmbox .p2 .txt .c2 {
font-size:14px
}
.ewmbox .p2 .txt .c2 a {
font-size:14px
}
.ewmbox {
height:auto;
padding-bottom:20px;
padding-top:20px
}
.lanmumain {
padding-top:4vw;
padding-bottom:7vw
}
.prevnext li {
margin-bottom:10px
}
.case-list li {
width:100%
}
.case-list li .img {
height:55vw
}
.case-list li .txt h3 {
font-size:16px
}
.side-list02 li .img {
height:55vw
}
.side-list02 li .txt h3 {
font-size:16px
}
.joinlist01 {
padding:30px 0
}
.joinlist01 .weap {
display:block;
}
.joinlist01 .weap .img {
width:100%
}
.joinlist01 .weap .txts {
margin:0;
margin-bottom:20px
}
.join-list li .a {
padding:20px 15px;
display:block
}
.join-list li .title {
width:100%;
margin-right:0;
border-right:none;
border-bottom:1px solid #e1e1e1;
padding-bottom:10px
}
.join-list li .more {
top:auto;
right:auto;
bottom:15px;
left:50%;
margin-left:-7px;
width:14px;
height:7px
}
.join-list li {
padding-bottom:30px;
margin-bottom:15px
}
.join-list li .title h3 {
margin-bottom:10px
}
.join-list li .line {
margin-bottom:20px;
height:2px;
width:30px
}
.join-list li .ms {
padding-right:0
}
.join-list li:before {
height:2px
}
.join-list li.block .apply {
position:static;
margin:0 auto;
margin-top:20px
}
.join-list li.block .ms {
padding-bottom:30px
}
.join-list li .ms .p {
padding-bottom:0
}
.joinlist02 .a .img {
margin-bottom:10px
}
.joinlist02 .swiper-pagination .swiper-pagination-bullet {
width:8px;
height:8px
}
.joinlist02 .swiper-pagination {
margin-top:10px;
}
.n-banner .weap {
height:auto;
min-height:120px;
}
.n-banner .txts01 {
position:static;
transform:none;
padding:20px 0;
}
.n-banner .txts {
position:static;
height:auto;
min-height:35vw;
transform:none;
padding:30px 0
}
.n-banner .txts01 .title {
font-size:20px;
margin-bottom:20px
}
.n-banner .txts01 .more a.a2 {
height:32px;
line-height:30px;
}
.n-banner .txts01 .more a {
min-width:100px;
font-size:12px;
height:36px;
line-height:36px
}
.chemistry01 .weap {
display:block
}
.chemistry01 .ms h3 {
font-size:21px;
margin-bottom:10px;
}
.chemistry01 .ms {
margin-bottom:10px;
}
.chemistry01 .more a {
display:inline-block;
height:32px;
line-height:32px;
font-size:12px;
}
.chemistry01 .more a:after {
margin-left:20px;
height:7px;
width:21px;
}
.plo02 h3 {
font-size:21px;
line-height:1.3
}
.c302 {
padding-top:30px;
padding-bottom:30px;
}
.c302 .hd li {
font-size:16px;
margin:0;
display:block;
}
.c302 .hd ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-moz-box-pack:space-between;
-webkit--moz-box-pack:space-betweenr;
box-pack:space-between;
}
.c302 .hd li {
line-height:39px;
}
.c302 .hd {
height:40px;
margin-bottom:20px;
}
.c302 .bd .a {
display:block
}
.c302 .bd .a {
height:auto;
}
.c302 .bd .a .txt {
padding:10px;
}
.c302 .imgs {
height:40vw;
}
.c302 .bd .a .txt h3 {
margin-bottom:10px
}
.c303 {
padding-top:30px;
padding-bottom:15px
}
.c303 ul li {
width:100%;
margin-bottom:15px
}
.c303 ul li .a h3 {
margin-bottom:15px;
font-weight:bold
}
.plo02 {
margin-bottom:25px
}
.c303 ul li .ico {
height:68px;
margin-bottom:10px;
}
.c304 {
padding-top:15px;
padding-bottom:40px;
}
.c304 .bd li {
width:33.33%;
margin-bottom:10px
}
.c304 .bd ul {
margin:0 -10px
}
.c304 .bd li .a {
height:60px;
line-height:59px;
margin:0 10px
}
.baidu01 {
padding-top:30px;
padding-bottom:30px;
}
.baidu01 .bd h3 {
font-size:18px
}
.baidu01 .bd .ico {
height:50px;
}
.baidu02 .bd li .img {
float:none;
width:100%
}
.baidu02 {
padding-top:30px;
padding-bottom:15px
}
.baidu02 .bd li .txt {
float:none;
width:auto;
padding-top:20px;
}
.baidu02 .bd li .txt h3 {
font-size:17px
}
.baidu02 .bd li .txt .p {
font-size:15px
}
.baidu02 .bd li {
margin-bottom:20px
}
.baidu03 {
padding-top:15px;
padding-bottom:40px;
}
.baidu03 .bd li {
width:50%;
margin-bottom:10px;
}
.baidu03 .bd li .img {
height:33vw
}
.baidu03 .bd li h3 {
font-size:16px
}
.baidu03 .bd li .a .img {
margin-bottom:10px
}
.luxury01 .bd li {
width:50%;
margin-bottom:15px
}
.luxury01 .bd li .img {
height:33vw;
margin-bottom:10px
}
.luxury01 {
padding-top:30px;
padding-bottom:15px
}
.luxury02 {
padding:15px 0
}
.luxury02 .bd li {
width:50%;
margin-bottom:10px
}
.luxury02 .bd li:nth-child(1) {
width:48%
}
.luxury02 .bd li:nth-child(2) {
width:48%
}
.luxury02 .bd li:nth-child(3) {
width:98%;
margin-bottom:10px
}
.luxury02 .bd li:nth-child(4) {
width:98%
}
.luxury02 .bd li:nth-child(3) .a, .luxury02 .bd li:nth-child(4) .a {
height:28vw
}
.luxury02 .bd li .txt .eng {
line-height:1.2
}
.luxury03 {
padding-top:15px;
padding-bottom:15px;
}
.luxury03 .bd01 li .a {
margin:0 5px;
}
.luxury03 .bd01 ul {
margin:0 -5px;
}
.luxury03 .bd01 li {
width:50%;
margin-bottom:10px;
}
.luxury03 .bd01 li .img {
margin-bottom:5px;
}
.luxury03 .bd01 li .img {
height:40vw
}
.luxury03 .bd02 li:nth-child(1) {
width:50%
}
.luxury03 .bd01 li:last-child {
width:100%
}
.luxury03 .bd01 li:last-child .img img {
position:relative;
top:50%;
transform:translateY(-50%)
}
.luxury03 .bd02 li:nth-child(2), .luxury03 .bd02 li:nth-child(3) {
width:50%
}
.luxury03 .bd02 li {
margin-bottom:10px
}
.luxury03 .bd02 li .a {
margin:0 5px;
}
.luxury03 .bd02 ul {
margin:0 -5px;
}
.luxury03 .bd02 li:nth-child(2) .a, .luxury03 .bd02 li:nth-child(3) .a {
height:36vw;
}
.luxury03 .bd02 li .txt h3 {
font-size:16px;
}
.luxury03 .bd02 li:last-child {
width:100%
}
.luxury03 .bd02 li .txt .more span {
font-size:12px;
}
.luxury03 .bd02 li .txt h3 {
line-height:1.4;
}
.luxury02 .bd li .txt h3 {
font-size:17px
}
.luxury03 .bd01 {
margin-bottom:0
}
.clothing01 {
padding-top:30px;
padding-bottom:15px
}
.clothing01 .bd li .img {
float:none !important;
width:auto !important;
margin-top:0;
margin-bottom:10px
}
.clothing01 .bd li .txt {
float:none !important;
width:auto !important
}
.clothing01 .plo02 {
margin-bottom:25px
}
.clothing01 .bd li .txt .p {
font-size:15px;
margin-bottom:5px
}
.clothing01 .bd li .txt .more {
font-size:12px;
height:36px;
line-height:36px;
margin-top:10px
}
.clothing01 .bd {
margin-bottom:25px
}
.clothing02 .bd li .a {
margin:0
}
.clothing02 .bd ul {
margin:0
}
.clothing02 .bd ul li {
float:none;
width:auto;
margin-bottom:10px;
}
.clothing02 .bd li .img {
height:40vw
}
.clothing02 .bd li .txt .more span {
height:36px;
line-height:36px;
font-size:12px
}
.clothing02 .bd li .txt {
padding:15px;
padding-top:10px
}
.clothing02 .bd li .txt h3 {
font-size:17px;
}
.clothing02 .bd li .txt .p {
font-size:15px;
height:auto
}
.clothing02 {
padding-top:15px;
padding-bottom:40px
}
.food01 {
padding-top:30px;
padding-bottom:15px;
}
.food01 .bd {
font-size:15px;
}
.food02 {
padding-top:15px;
padding-bottom:15px;
}
.food02 .bd li .p {
font-size:15px
}
.food02 .bd li .ico {
height:60px;
margin-bottom:15px
}
.food02 .bd li h3 {
font-size:17px;
}
.food03 {
padding-top:15px;
padding-bottom:40px;
}
.food03 .bd ul {
margin:0
}
.food03 .bd ul li {
float:none;
width:auto;
margin-bottom:10px;
}
.food03 .bd li .img {
height:40vw
}
.food03 .bd li .txt .more span {
height:36px;
line-height:36px;
font-size:12px
}
.food03 .bd li .txt {
padding:15px;
padding-top:10px
}
.food03 .bd li .txt h3 {
font-size:17px;
}
.food03 .bd li .txt .p {
font-size:15px;
height:auto
}
.food03 .bd li .a {
margin:0
}
.chemistry01 {
padding:30px 0
}
.flex-nav li {
margin-right:20px;
}
.flex-nav li a {
line-height:50px;
font-size:16px;
}
.flex-nav {
height:51px;
margin-top:10px;
}
.flex-box {
height:51px;
}
.chemistry-item {
padding-top:20px;
padding-bottom:20px;
}
.chemistry-item .bd li {
width:100%;
}
.chemistry-item .bd li .img {
height:50vw
}
.chemistry-item .bd li .txt h3 {
font-size:17px;
font-weight:bold
}
.chemistry-item .bd li .txt .p {
font-size:15px
}
.chemistry-item .bd li .more span {
height:36px;
line-height:36px;
font-size:12px;
width:120px;
}
.contact01 {
padding:30px 0
}
.contact01 ul {
position:static;
width:auto;
box-shadow:none;
margin:0;
padding:0;
}
.contact-main .map {
height:200px;
}
.contact01 ul li {
padding:15px 0
}
.contact02 li {
float:none !important;
width:auto !important;
margin-bottom:10px;
}
.contact02 li .t span {
display:block;
font-size:17px;
}
.contact02 li .p {
font-size:15px;
}
.contact02 li .p a {
font-size:15px;
}
.contact02 {
padding-bottom:15px;
}
.contact03 {
padding-top:15px;
padding-bottom:40px;
}
.contact03 li {
margin-bottom:10px;
}
.contact03 .inbtn {
width:100%;
height:40px;
font-size:16px;
}
.contact03 li .input {
height:44px;
line-height:42px;
}
.contact03 li {
float:none;
width:auto;
margin:0;
margin-bottom:10px;
}
.contact03 ul {
margin:0
}
.cold01 .bd li {
width:100%;
margin-bottom:30px
}
.cold01 .bd li .ico {
width:55px;
flex:0 0 55px;
margin-right:15px;
}
.cold01 .bd li .txt h3 {
line-height:1;
font-weight:700
}
.cold01 {
padding-top:30px;
}
.integration01 ul {
margin:0 -5px;
}
.integration01 li {
width:50% !important;
margin-bottom:10px;
}
.integration01 li .a {
margin:0 5px;
height:60vw !important
}
.integration01 li .txt h3 {
font-size:17px;
}
.integration01 li .txt .p {
font-size:15px;
}
.integration01 li .play {
width:10vw;
height:10vw;
margin-left:-5vw;
margin-top:-8vw
}
.swms01 .p {
font-size:15px;
}
.swms-main .swms01 .plo02 {
margin-bottom:15px;
}
.swms01 {
padding:30px 0;
}
.swms02 .bd {
display:block
}
.swms02 .bd .img {
width:auto;
margin-right:0;
height:auto;
margin-bottom:20px;
}
.swms02 .bd .t {
font-size:17px;
}
.swms02 .bd ul li .p {
font-size:15px
}
.swms02 .bd ul li {
margin-bottom:20px
}
.swms02 {
padding-top:30px;
padding-bottom:30px;
}
.cold01.swms03 .bd li .a {
margin:0
}
.c302.swms04 .hd li span {
font-size:15px
}
.c302.swms04 .hd li {
width:auto;
margin-right:15px;
}
.c302.swms04 .bd .a {
height:auto
}
.c302.swms04 .bd .a .txt {
width:auto;
padding:15px;
padding-bottom:15px
}
.c302.swms04 .bd .a .ms .p1 {
font-size:16px;
}
.c302.swms04 .bd .a .ms .p2 {
font-size:15px;
padding-left:12px
}
.c302.swms04 .imgs {
height:50vw
}
.c302.swms04 .bd .a .ms {
margin-bottom:10px;
}
.integration01 li .txt {
bottom:10px;
}
.integration01 li .a:after {
opacity:1
}
.integration01 li .txt {
background-color:#eee;
padding:10px;
bottom:0;
left:0;
right:0;
color:#333
}
.integration01 li .txt .p {
color:#666
}
.integration01 li .img {
height:calc(100% - 66px);
}
.integration01 li .play {
margin-top:calc(-5vw - 33px)
}
.automatic02 .bd h3 {
font-size:21px
}
.automatic02 .bd .p {
font-size:16px;
line-height:1.6
}
.automatic02 .weap {
height:auto;
padding:40px 10px
}
.automatic02 .bd {
position:static;
transform:none
}
.mind01 {
padding-top:30px;
padding-bottom:30px
}
.mind01 .bd li {
width:100%;
display:block;
margin-bottom:25px
}
.mind01 .bd li .txt h3 {
font-size:17px;
}
.mind01 .bd li .ico {
width:40px;
flex:0 0 40px;
margin-right:15px;
}
.mind01 .bd li .txt .p {
font-size:15px
}
.mind01.city01 .bd li .ico {
width:52px;
flex:0 0 52px
}
.n-banner .txts01 .p5 {
line-height:1.6;
font-size:14px
}
.city02 {
padding:30px 0
}
.city02 .bd li {
width:100%
}
.city02.block .bd li.on {
width:100%
}
.city02.block .bd li {
width:100%
}
.city02 .bd li .ico {
height: 35px;
}
.city02 .bd li h3 {
font-size:17px;
color: #fff;
}
.city02 .bd li .a {
padding:0 15px;
height:225px;
background-color: #136ad5;
color: #fff;
text-align: left;
padding-top: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.city02 .bd li {
margin-bottom:15px
}
.city02 .bd li .p {
opacity: 1;
visibility: visible;
}
.city03 {
padding:30px 0
}
.city03 .bd li {
width:50% !important;
position:static !important;
height:40vw !important;
margin-bottom:12px
}
.city04 .tabs {
float:none;
width:auto;
text-align:center;
border-bottom:1px solid #74879c;
margin-bottom:20px
}
.city04 .tabs li {
display:inline-block;
font-size:16px;
margin-bottom:10px
}
.city04 .tabs li span {
font-size:16px;
width:auto;
padding:0 10px;
line-height:30px
}
.city04 .tabbd {
border-left:none;
}
.city04 .tabbd .swiper-slide {
padding-left:0;
}
.city04 .title {
display:block;
padding-bottom:20px;
margin-bottom:20px
}
.city04 .title .t {
font-size:20px;
margin-bottom:20px
}
.city04 .title .morea a {
font-size:12px;
margin-left:0;
margin-right:10px;
min-width:100px
}
.city04 .conn {
font-size:15px
}
.city04 {
padding:30px 0
}
.city05 {
padding:30px 0
}
.city05 .bd li {
width:100%;
margin-bottom:10px;
}
.city05 .bd li .img {
height:40vw
}
.city05 .bd li .img .t {
font-size:17px
}
.city05 .bd li .txt h3 {
margin-bottom:10px;
}
.city05 .bd li .txt {
min-height:100px
}
.city06 {
padding:30px 0
}
.city06 .bd li {
display:block;
width:100%;
margin-bottom:15px
}
.city06 .bd li .t {
font-size:17px
}
.city06 .bd li .a {
font-size:15px;
line-height:1.6;
padding-left:40px;
background: url(../images/ico-w.png) no-repeat left 5px;
background-size:25px;
}
.c302.city07 .bd li {
width:33.33%;
margin-bottom:10px
}
.c302.city07 .bd .img {
height:60px;
line-height:59px;
margin:0 5px
}
.c302.city07 .bd ul {
margin:0 -5px
}
.city07.c302 {
padding:30px 0
}
.about01 {
padding:30px 0
}
.about01 .aboutleft {
float:none;
width:auto;
margin-bottom:10px
}
.about01 .aboutleft .title {
font-size:24px
}
.about01 .aboutleft .conn {
font-size:15px
}
.about01 .aboutleft .conn a {
font-size:15px
}
.about01 .aboutleft li .num span {
font-size:28px;
}
.about01 .aboutleft ul {
display:block;
overflow:hidden
}
.about01 .aboutleft li {
width:50%;
display:block;
float:left;
margin-right:0;
margin-bottom:10px
}
.about01 .aboutleft li .num em {
font-size:20px
}
.about01 .aboutright {
float:none;
width:auto;
height:60vw
}
.about02 {
padding:30px 0
}
.about02 .about02left {
float:none;
width:auto
}
.about02 .about02right {
float:none;
width:auto;
font-size:15px
}
.about-main .title {
font-size:21px;
margin-bottom:10px
}
.about02 .about02right .p p {
margin-bottom:0
}
.about04 {
padding:30px 0
}
.about-main .a .img {
height:30vw;
line-height:29.5vw
}
.about04 .a h3 {
font-size:16px
}
.about-main .swiper-pagination .swiper-pagination-bullet {
width:8px;
height:8px;
}
.about-main .swiper-pagination {
margin-top:10px
}
.about05 .a h3 {
font-size:16px
}
.about05 .img {
margin-bottom:10px
}
.about05 {
padding-top:30px;
padding-bottom:15px;
}
.about06 {
padding-top:15px;
padding-bottom:40px;
}
.about06 .a h3 {
font-size:16px;
padding:10px
}
.about02 .about02right .p {
line-height:1.6
}
.about03 {
padding:30px 0
}
.about03 .bd {
height:auto;
background:none
}
.about03 .bd ul {
border-left:1px solid #2474b5;
margin-left:10px;
}
.about03 .bd li {
position:static;
width:auto;
margin-bottom:10px;
height:auto;
text-align:left;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.about03 .bd li>div {
position:relative !important;
left:auto !important;
right:auto !important;
width:auto;
margin-left:auto;
bottom:auto !important;
top:auto !important;
text-align:left
}
.about03 .bd li:before {
position:absolute;
z-index:2;
width:10px;
height:10px;
top:13px;
left:-5.5px;
background-color:#2474b5;
box-shadow:0 0 5px rgba(0, 0, 0, .1)
}
.about03 .bd li .p {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
min-width:0
}
.about03 .bd li .year {
line-height:28px;
margin-right:20px;
margin-left:20px;
line-height:1.1;
font-size:21px;
flex:0 0 77px;
text-align:center;
padding-top:5px
}
.about03 .bd li:last-child .year {
line-height:5px
}
.about03 .bd li:last-child:before {
top:10px
}
.index01 li {
width:100%
}
.index01 li .a .txt {
top:20px;
left:20px;
right:20px
}
.index01 li .img {
height:57vw;
position:relative
}
.index01 li .img img {
display:block;
position:absolute;
z-index:2;
right:0;
bottom:0;
width:100%
}
.n-banner .txts01 .p2 {
margin-top:0
}
.contact02 li .img img {
width:100%
}
.productNav {
display:none
}
.about02 .about02left .imgs img {
display:none
}
.about02 .about02left li .txt {
position:static
}
.about02 .about02left li {
position:static;
background-color:#f3f3f3;
display:inline-block;
width:auto;
margin:auto !important;
height:36px;
line-height:36px;
padding:0 10px;
border-radius:36px;
}
.about02 .about02left li.on {
background-color:#2474b5;
color:#fff
}
.about02 .about02left li h3:before {
content:"";
display:inline-block;
width:20px;
height:36px;
vertical-align:middle;
background-repeat:no-repeat;
background-position:center;
background-size:auto 50%
}
.about02 .about02left li:nth-child(1) h3:before {
background-image:url(../images/ico-z01on.png)
}
.about02 .about02left li:nth-child(2) h3:before {
background-image:url(../images/ico-z02on.png)
}
.about02 .about02left li:nth-child(3) h3:before {
background-image:url(../images/ico-z03on.png)
}
.about02 .about02left li.on:nth-child(1) h3:before {
background-image:url(../images/ico-z01.png)
}
.about02 .about02left li.on:nth-child(2) h3:before {
background-image:url(../images/ico-z02.png)
}
.about02 .about02left li.on:nth-child(3) h3:before {
background-image:url(../images/ico-z03.png)
}
.about02 .about02left .imgs ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-moz-box-pack:space-between;
-webkit--moz-box-pack:space-betweenr;
box-pack:space-between;
}
.about02 .about02left li .txt .p {
display:none
}
.about02 .about02left li .txt h3 i {
display:none
}
.about02 .about02left li .txt h3 {
font-size:14px;
line-height:36px
}
.about02 .about02left li .txt {
width:auto;
height:auto;
margin:auto !important
}






.universe {
	padding: 0%;

}
.uni_l {
	width: 100%;
	text-align:center;
}
.uni_l h4 span {
	font-size: 26px;
	padding-bottom:12px;
}
.uni_l h4 span em {
	display: inline-block;
}
.uni_l h4 b {
	font-size: 20px;
	padding-bottom: 16px;
}
.uni_l h4 i {
	font-size: 14px;
	padding: 0 20px;
}
.uni_l p {
	width: 100%;
	padding-top: 20px;
}
.uni_l p img{ width:50px; height:auto;}
.uni_r {
	width: 100%;
}
.uni_r ul li {
	float: none;
	width: 96%;
	margin-bottom: 30px;
	height: 240px;
	margin:10px 1%;
}
.uni_r ul li:nth-of-type(2n) {
	float: none;
}
.uni_r ul li em i {
	width: 100%;
}
.uni_r ul li em span {
	font-size: 18px;
}