/* select妯℃嫙妗 */
.select{
    position: relative;
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
}
/* .select .select-tit:after{
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #cbcbcb;
    top: 0;
    left: 0;
    border-radius: 5px;
    z-index: -1;
} */
#dot .select .select-tit {
    height: 40px;
}
.select .select-tit{
    height: 40px;
    position: relative;
    z-index: 4;
    font-size: 14px;
    color: #666666;
    padding: 0 20px 0 16px;
    background:#fff url(../img/triangle.svg) no-repeat 104px center/11px auto;
    border-radius: 5px;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    border: 1px solid #cbcbcb;
}
.select .select-conbox{
    position: absolute;
    width: 100%;
    max-height: 340px;
    top: 100%;
    display: none;
    z-index: 3;
    background: #fff;
}
.select .select-conbox:after{
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: calc(100% + 10px);
    left: 0;
    bottom: 0;
    background-color: #cbcbcb;
    z-index: 3;
}
.select .select-conbox:before{
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: calc(100% + 10px);
    right: 0;
    bottom: 0;
    background-color: #cbcbcb;
    z-index: 3;
}
.select .select-conbox .select-con{
    width: 100%;
    overflow: hidden;
    max-height: 339px;
    border-bottom: 1px solid #cbcbcb;
    display: none;
    position: relative;
}
/* .select .select-conbox .select-con:after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
} */
.select .select-con li{
    line-height: 34px;
    padding: 0 0 0 20px;
    cursor: pointer;
    font-size: 14px;
    display: block;
    position: relative;
    transition: all .3s ease-in;
}
.nicescroll-rails{
    border-left: 1px solid #cbcbcb;
    display: none;
}
.nicescroll-rails div{
    /* transform: translate(-50%,0); */
    width: 6px !important;
    margin-right: 3px;
}
/* end */
.forie{
    width: 100%;
    height: 100%;
    background:#eaeaea url(../img/tishi.png) center no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}
.loadbtn{
    display: block;
    width: 94px;
    height: 45px;
    line-height: 45px;
    padding-left: 35px;
    color: transparent;
    margin: 23px auto;
    cursor: pointer;
    position: relative;
}
.loadbtn:after{
    content: "";
    z-index: 1;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0%;
    left: 0%;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    animation: spinner 700ms infinite linear;
}
::-ms-clear,::-ms-reveal{display:none;}
 select::-ms-expand { display: none; }         
body{
	font-family: "PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana", "sans-serif";
	padding-top: 75px;
	color: #333;
	max-width: 100%;
	overflow: hidden;
	text-align: justify;
}
html, button, input, select, textarea{
	font-family: "PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana", "sans-serif";
}
body#main{
	padding-top: 0;
}
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
}
.imgs{
  display: block;
}
.imgs img{
  width: 100%;
}
.loadbox{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
}
.loader{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    border-top: 1px solid rgba(0,0,0, 0.08);
    border-right: 1px solid rgba(0,0,0, 0.08);
    border-bottom: 1px solid rgba(0,0,0, 0.08);
    border-left: 1px solid rgba(0,0,0, 0.5);
    border-radius: 50%;
    animation: spinner 700ms infinite linear;
    z-index: 9999;
}
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.w1270{
	width: 1270px;
	margin: 0 auto;
}
.videobox,.videobox_iframe{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    background-color: #fff;
    z-index: 99999;
}
.videobox video{
	background-color: #000;
}
.videobox video,
.videobox_iframe iframe{
    position: fixed;
    max-width: 67.3%;
    width: 67.3%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.videobox .closevid,.videobox_iframe .closevid{
    width: 30px;
    height: 30px;
    background: url(../img/42.png) no-repeat center/cover;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    z-index: 9;
}
/* end */
.pchad{
    position: fixed;
    top: 0;
    width: 100%;
	height: 75px;
    line-height: 75px;
    z-index: 99999;
    font-size: 0;
    border-bottom: 1px solid #dddddd;
}
#main .pchad{
	border-bottom: none;
}
header .log img{
	width: 220px;
    padding-left: 15px;
}
@media (min-width: 989px) and (max-width:1220px){
	header .log img{
		width: 220px;
	}
}
header .bgdown{
	position: absolute;
	width: 100%;
	height: 0;
	background-color: #fff;
	z-index: -1;
	top: 0;
	left: 0;
	transition:all .1s ease-out;
}
header nav a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #fff;
	font-size: 16px;
	margin: 0 25px;
	vertical-align: top;
}
header nav a:hover{
	color: #007bc6 !important;
}
header nav{
	margin-right: 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
header nav+.fr{
	padding-right: 0px;
}
header .avenuebox{
	display: inline-block;
	position: relative;
}
header .avenuebox .avenuelist{
	height: 0;
	position: absolute;
	width: 100%;
	top: 100%;
	box-sizing: border-box;
	transition: all .1s ease;
	background-color: #fff;
	overflow: hidden;
}
header .avenuebox .avenuelist .box{
}
header .avenuebox:hover .avenuelist{
	height: 132px;
	transition: all .3s ease;
    /* box-shadow: 0px 2px 4px 3px rgba(0,0,0,.1); */
}
#main header .avenuebox:hover .avenuelist{
	transition: all .3s .2s ease;
}
header .avenuebox .avenuelist a{
	display: block;
	color: #595757;
	background-color: #ffffff;
	width: 100%;
	margin: 0;
	text-align: center;
	font-size: 12px;
	line-height: 44px;
}
header .avenuebox .avenuelist a:hover{
	background-color: #f4f4f4;
	color: #595757 !important;
}
header .zc{
	display: inline;
}
header .acti{
	display: none;
}
header .searbox{
	width: 34px;
	background: url('../img/2.svg') no-repeat left center/18px auto;
	height: 75px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	vertical-align: top;
	cursor: pointer;
	z-index: 3;
}
header .searbox:after{
	content: '';
	display: block;
	width: 1px;
	height: 14px;
	right: 0;
	top: 50%;
	margin-top: -7px;
	background-color: #fff;
	position: absolute;
}
header .searbox .ajaxsear{
	width: 780px;
	right: -58px;
	position: absolute;
	background-color: #fff;
	top: 75px;
	padding: 16px 0;
	border-top: 1px solid #f3f3f3;
	display: none;
    transition: width .6s ease-out;
}
header .searbox .ajaxsear a:nth-child(n+7){
	display: none;
}
header .searbox .ajaxsear a{
	display: block;
	line-height: 38px;
	font-size: 13px;
	padding: 0 60px;
	cursor: pointer;
}
header .searbox .ajaxsear a .fl{
	color: #666666;
}
header .searbox .ajaxsear a .fr{
	color: #a8a8a8;
}
header .searbox .contai{
	position: absolute;
	width: 0;
	height: 100%;
	right: -58px;
	top: 0;
	background-color: #fff;
	overflow: hidden;
	z-index: 3;
	transition: width 0s ease-in;
}
header .searbox.on .contai{
	width: 780px;
	transition: width .6s ease-out;
}
header .searbox .contai .submit{
	width: 23px;
	height: 22px;
	background: url('../img/23.svg') no-repeat center/23px auto;
	padding: 0;
	border: none;
	margin:0 20px;
}
header .searbox .contai .tet{
    width: 714px;
    height: 75px;
	border: none;
	vertical-align: top;
	padding: 0;
	color: #000;
	font-size: 16px;
}
header .searbox .contai .close-se{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 0;
	background: url('../img/24.svg') no-repeat center/20px auto;
}
header .langbox{
	width: 16px;
	height: 75px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	vertical-align: top;
	background: url('../img/3.svg') no-repeat right center/16px auto;
	padding-right: 0;
	cursor: pointer;
	margin-left: 20px;
}
header .langbox .lg-check{
	background: url('../img/6.png') no-repeat top center;
	position: absolute;
	top: 66px;
	left: 50%;
	width: 88px;
	margin-left: -44px;
	height: auto;
	padding-top: 7px;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	transition: all .3s ease-in;
	cursor: pointer;
}
header .langbox:hover .lg-check{
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
}
header .langbox .lg-check a{
	display: block;
	font-size: 14px;
	color: #515151;
	text-align: center;
	line-height: 44px;
	transition: all .3s ease-in;
	background-color: #fff;
}
header .langbox .lg-check a:hover{
	color: #000;
}
header .pronavbar{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
header .pornav{
	position: absolute;
	top: 75px;
	left: 0;
	width: 100%;
	height: 95px;
	border-top: 1px solid #b8b7b9;
	display: none;
    padding-top: 5px;
}
header .pornav .w1270{
	font-size: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
header .pornav a{
	display: inline-block;
	width: 132px;
	text-align: center;
	margin: 0;
	opacity: 0.8;
	transition: all .3s ease-in;
}
header .pornav a:nth-of-type(10) div{
	margin-top: 8px;
}
header .pornav a:hover{
	opacity: 1;
}
header .pornav img{
	margin-top: 12px;
	width: 52px;
}
header .pornav div{
	font-size: 12px;
	line-height: 28px;
	color: #4d4d4d;
	padding-bottom: 2px;
	margin-top: 0.5em;
}
header .bgdown{
    position: absolute;
    width: 100%;
    height: 0;
    background-color: #fff;
    z-index: -1;
    top: 0;
    left: 0;
    transition: all .88s ease-out;
}
header.godown .bgdown{
	height: 178px;
	transition: all .44s ease-in;
}
header.godown2 .bgdown{
	height: 100%;
	transition: all .22s ease-in;
}
#s-address .ht1box{
	display: none;
}
/* banner */
.banner{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    color: #ffffff;
}
.banner li{
    position: absolute;
    left: 100%;
    top: 0;
	width: 100%;
    height: 100%;
    opacity: 1 !important;
    overflow: hidden;
    z-index: 11;
}
.banner li img{
	width: 100%;
}
.banner li.active{
	left: 0;
}
.banner li video{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background-color: #000;
}
.banner li em{
	display: block;
}
.banner .btns{
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 10;
    width: 100%;
    text-align: center;
    font-size: 0;
}
.banner span{
    display: inline-block;
    cursor: pointer;
    padding: 30px 0;
}
.banner span em{
    display: inline-block;
    width: 50px;
    height: 2px;
    margin: 0px 5px;
    background-color: #bdbdc9;
    position: relative;
}
.banner span i{
    display: block;
    height: 100%;
    position: absolute;
    width: 0;
    background-color: #818181;
}
.banner span.cur{
    opacity: 1;
}
.banner ul,.banner li{
	height: 100%;
}

.banner ul,.banner li a{
	height:100%;
	width: 100%;
}
#main .banner .cent-cont{
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translate(-50%,0);
	color: #fff;
	z-index: 9;
	font-weight: 300;
	line-height: 1.5;
}
#main .banner .hei .cent-cont{
	color: #333333;
}
#main .banner .cent-cont h3.tit{
	font-size: 37.33px;
	font-weight: 400;
}
#main .banner .cent-cont .d2{
	font-size: 35.5px;
}
#main .banner .cent-cont .more{
	display: inline-block;
	font-size: 13px;
	text-align: left;
	width: 82px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #fff;
	padding: 0 0 0 10px;
	border-radius: 5px;
	margin-top: 50px;
	position: relative;
}
#main .banner .hei .cent-cont .more{
	border: 1px solid #000;
}
#main .banner .cent-cont .more:after{
	content: '';
	width: 6px;
	height: 12px;
	background: url('../img/btn-arr.png') no-repeat center/cover;
	position: absolute;
	right: 14px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#main .banner .hei .cent-cont .more:after{
	background-image: url('../img/btn-arr-h.png');
}
#main .banner .cent-cont .box{
	position: absolute;
	width: 100%;
	top: 39%;
	left: 0;
	transform: translate(0,-50%);
}
/* 榛戣壊head */
.pchad.hei{
	background-color: #fff;
}
#main .pchad.hei{
	background-color: transparent;
}
.pchad.hei nav a{
    color: #000000;
}
.pchad.hei .acti{
	display: inline;
}
.pchad.hei .zc{
	display: none;
}
.pchad.hei .searbox{
	background-image: url('../img/2-h.svg');
}
.pchad.hei .langbox{
	background-image: url('../img/3-h.svg');
}
.pchad.hei .searbox:after{
    background-color: #000;
}

/* 閫忔槑鐧藉簳 */
header.bai{
    background: url(../img/bg.png);
}
.pchad.bai .acti{
	display: inline;
}
.pchad.bai .zc{
	display: none;
}
.pchad.bai nav a{
    color: #000;
}
.pchad.bai .searbox{
	background-image: url('../img/2-h.svg');
}
.pchad.bai .langbox{
	background-image: url('../img/3-h.svg');
}
.pchad.bai .searbox:after{
    background-color: #000;
}
/* 鐧藉簳 */
.pchad.fff{
	background-color: #fff !important;
}
.pchad.fff .acti{
	display: inline;
}
.pchad.fff .zc{
	display: none;
}
/*  */
.pchad.godown .acti,
.pchad.godown2 .acti{
	display: inline;
}
.pchad.godown .zc,
.pchad.godown2 .zc{
	display: none;
}
.pchad.godown nav a,
.pchad.godown2 nav a{
    color: #000;
}
.pchad.godown .searbox,
.pchad.godown2 .searbox{
	background-image: url('../img/2-h.svg');
}
.pchad.godown .langbox,
.pchad.godown2 .langbox{
	background-image: url('../img/3-h.svg');
}
.pchad.godown .searbox:after,
.pchad.godown2 .searbox:after{
    background-color: #000;
}
/* end */
#main .pchad{
	position: absolute;
}
#main .pchad.bai{
	position: fixed;
}
/* main */
#main .wrap1{
	margin-top: 80px;
	position: relative;
}
#main .wrap1 .ovh{
	height: 100%;
}
#main .wrap1 .ovh img{
	height: 100%;
}
#main .wrap1 .left,
#main .wrap1 .right{
	display: block;
	width: 50%;
	position: relative;
	overflow: hidden;
}
#main .wrap1 .left{
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
}
#main .wrap1 .left:after{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 14px;
	background-color: #fff;
	z-index: 4;
	left: 0;
    top: 50%;
    transform: translate(0,-50%);
}
#main .wrap1 .left .box{
	padding-right: 7px;
	height: 100%;
	position: relative;
}
#main .wrap1 a{
	display: block;
}
#main .wrap1 a .text{
	line-height: 1.6;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}
#main .wrap1 .left a .imgsbox{
	position: relative;
}
#main .wrap1 .left a .imgsbox.bai .tit,
#main .wrap1 a .imgsbox.bai .tit{
	color: #fff;
}
#main .wrap1 .left a .imgsbox.bai .d2,
#main .wrap1 a .imgsbox.bai .d2{
	color: #fff;
}
/* #main .wrap1 .left a .imgsbox.bai .more,
#main .wrap1 a .imgsbox.bai .more{
	color: #fff;
	background-image: url('../img/arrow1-h.png');
} */
#main .wrap1 .left a .text{
	color: #000000;
	top: 50%;
	transform: translate(0,-50%);
	padding-left: 12.6%;
	width: auto;
	text-align: center;
}
#main .wrap1 a .text .more{
	font-size: 0.9375vw;
	color: #0c6bb0;
	display: inline-block;
	padding-right: 12px;
	background: url('../img/arrow1.png') no-repeat right center/6px auto;
	margin-top: 2px;
}
#main .wrap1 .left a .updown .text{
    padding-left: 0;
    text-align: center;
    transform: none;
    top: 9%;
    width: 100%;
}
#main .wrap1 a .text .tit{
	font-size: 1.94vw;
	color: #000000;
}
#main .wrap1 a .text .d2{
	font-size: 1.85vw;
	color: #000000;
	font-weight: 300;
}
#main .wrap1 .right .text{
	top: auto;
	padding-left: 7px;
	text-align: center;
	bottom: 20%;
}
#main .wrap1 .right .updown .text{
    top: 14.4%;
    bottom: auto;
}
#main .wrap1 .left .top{
	position: relative;
	overflow: hidden;
}
#main .wrap1 .left .top video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
}
#main .wrap1 .left .fot{
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	padding-right: 7px;
}
#main .wrap1 .left .fot .ovh{
}
#main .wrap1 .right .box{
	padding-left: 7px;
	overflow: hidden;
}
#main .wrap1 img{
	width: 100%;
}
#main .wrap1 .vidbox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#main .wrap1 .vidbox .play{
	width: 78px;
	height: 78px;
    background: url(../img/7.png) no-repeat center/100% auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
	cursor: pointer;
}
#main .wrap1 .right img,
#main .wrap1 .top img,
#main .wrap1 .fot img{
}
#main .wrap1 .right .imgsbox,
#main .wrap1 .top .imgsbox,
#main .wrap1 .fot .imgsbox{
	transition: all 1.3s ease-in;
}
#main .wrap1 .right:hover .imgsbox,
#main .wrap1 .top:hover .imgsbox,
#main .wrap1 .fot:hover .imgsbox{
	transition: all 1.3s ease-in;
}
#main .wrap2{
	margin-top: 20px;
	display: none;
}
#main .wrap2.mod1,
#main .wrap2.mod2,
#main .wrap2.mod3,
#main .wrap2.mod4{
	display: block;
}
#main .wrap2 .imgs{
	background: #e3e3e3;
	height: 100%;
}
#main .wrap2 img{
	width: 100%;
}
#main .wrap2 .item{
	display: none;
}

/* 妯″潡涓€ */
#main .wrap2.mod1 .item{
	width: 100%;
}
/* 妯″潡浜 */
#main .wrap2.mod2 .item{
	width: 50%;
	float: left;
}
#main .wrap2.mod2 .item2{
	float: right;
}
#main .wrap2.mod2 .item1 .box,
#main .wrap2.mod4 .item1 .box,
#main .wrap2.mod4 .item3 .box{
	padding-right: 7px;
}
#main .wrap2.mod2 .item2 .box,
#main .wrap2.mod4 .item2 .box,
#main .wrap2.mod4 .item4 .box{
	padding-left: 7px;
}
/* 妯″潡涓 */
#main .wrap2.mod3 .item{
	width: 50%;
	float: left;
}
#main .wrap2.mod3 .item1{
}
#main .wrap2.mod3 .item1 .box{
}
#main .wrap2.mod3 .item2 .box{
	padding-left: 7px;
	padding-bottom: 7px;
}
#main .wrap2.mod3 .item3 .box{
	padding-left: 7px;
	padding-top: 7px;
}
#main .wrap2.mod3 .item1 .box{
	padding-right: 7px;
}
/* 妯″潡鍥 */
#main .wrap2.mod4 .item{
	width: 50%;
	float: left;
}
#main .wrap2.mod4 .item1 .box,
#main .wrap2.mod4 .item2 .box{
	padding-bottom: 7px;
}
#main .wrap2.mod4 .item3 .box,
#main .wrap2.mod4 .item4 .box{
	padding-top: 7px;
}
#main .wrap2.mod1 .item1{
	display: block;
}
#main .wrap2.mod2 .item1,
#main .wrap2.mod2 .item2{
	display: block;
}
#main .wrap2.mod3 .item1,
#main .wrap2.mod3 .item2,
#main .wrap2.mod3 .item3{
	display: block;
}
#main .wrap2.mod4 .item{
	display: block;
}
/* foot */
footer .ser-twrap{
	padding-top: 80px;
	background-color: #fff;
}
footer .ser-twrap .tit{
	font-size: 20px;
	color: #595757;
	line-height: 64px;
	height: 64px;
	text-align: center;
	/* font-weight: bold; */
	padding-bottom: 36px;
	/* font-family: 'PingFang SC Regular'; */
}
footer .ser-twrap .tit span{
	/* font-family: 'pingfanghk semibold'; */
}
footer .fot{
	font-size: 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #efefef;
	background-color: #fff;
}
footer .fot li{
	width: 25%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 210px;
	text-align: center;
	vertical-align: top;
}
footer .fot li .box{
	display: block;
	margin: 40px 0;
	height: 130px;
	border-left: 1px solid #e9e9e9;
}
footer .fot li:first-child .box{
	border-left: none;
}
footer .fot li .box img{
	width: 50px;
}
footer .fot li .box .d1{
	font-size: 16px;
	color: #000000;
/* 	font-weight: bold; */
	/* font-family: "PingFang SC Regular"; */
	margin-top: 16px;
	/* color: #595757; */
}
footer .fot li .box .d2{
	font-size: 14px;
	color: #4d4d4d;
}
footer .fwrap{
	padding: 54px 0 12px;
	background: #f7f7f7;
    font-size: 12px;
}
footer .fwrap .w1270{
	overflow: hidden;
}
footer .fwrap ul{
	padding-bottom: 28px;
	width: 1400px;
}
footer .fwrap li{
	float: left;
	width: 166px;
}
/* footer .fwrap li:last-child{
	width: 100px;
} */
footer .fwrap li a{
	display: block;
	font-size: 12px;
	color: #808080;
	line-height: 2;
	transition: all .3s ease-in;
	text-align: left;
}
footer .fwrap li a:first-child{
	font-size: 14px;
	color: #333333;
	padding-bottom: 15px;
}
footer .fwrap .f1{font-size: 0;}
footer .fwrap .f1 a{
	font-size: 12px;
	color: #727171;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 14px;
	position: relative;
	transition: all .3s ease-in;
}
footer .fwrap .f1 a:first-child{
	padding-left: 0;
}
footer .fwrap .f1 a:first-child em{
	display: none;
}
footer .fwrap .f1 a em{
	position: absolute;
	width: 1px;
	height: 8px;
	top: 50%;
	margin-top: -4px;
	left: 0;
	background: #727171;
}
footer .fwrap .f2 .des{
	padding-top: 13px;
	line-height: 17px;
}
footer .fwrap .f2 .des a{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 8px;
}
footer .fwrap .f2 .des em{
	margin-right: 30px;
}
footer .fwrap .f2 .tel{
	line-height: 30px;
	position: relative;
}
footer .fwrap .f2 .tel img{
    vertical-align: top;
    height: 30px;
    /* margin-top: 4px; */
}
footer .fwrap .f2 .tel em{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #595757;
	font-size: 26px;
	font-style: normal;
	font-family: 'Arial';
	font-weight: bold;
	padding-left: 28px;
	background: url('../img/12.svg') no-repeat left center/22px 22px;
	margin-left: 14px;
	vertical-align: top;
	font-family: 'DIN Alternate Bold';
	padding-top: 2px;
}
footer .fwrap .f2 .tel .cn{
	line-height: 30px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	padding-top: 2px;
}
footer .fwrap .f2 .tel .ico{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 32px;
	height: 30px;
	background: no-repeat center/32px auto;
	vertical-align: top;
	cursor: pointer;
	transition: all .3s ease-in;
}
footer .fwrap .f2 .tel .ico:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
footer .fwrap .f2 .tel .ico-wx{
	background-image: url('../img/13.svg');
}
footer .fwrap .f2 .tel .wxcontai{
	display: inline-block;
	margin-left: 50px;
}
footer .fwrap .f2 .tel .wxcontai .code{
	position: absolute;
	width: 150px;
	height: 150px;
	padding-bottom: 10px;
	bottom: 100%;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
}
footer .fwrap .f2 .tel .wxcontai:hover .code{
	opacity: 1;
	visibility: visible;
}
footer .fwrap .f2 .tel .ico-sina{
	background-image: url('../img/14.svg');
	margin-left: 16px;
}
footer .fwrap a:hover{
	color: #000;
}
.wxbox{
    text-align: center;
    position: fixed;
    background: #fff;
    border: solid 1px #d8d8d8;
    z-index: 11001;
    font-size: 12px;
	display: none;
}
.wxbox .box{
	padding: 10px;
}
.wxbox img{
	width: 100%;
}
.wxbox h2{
	font-size: 12px;
	color: #000;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
}
.wxbox .bd_weixin_popup_close{
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    text-decoration: none;
    font-size: 16px;
}
footer .fwrap li a:first-child{
	cursor: default;
}
.cnz {
    width: 1px;
    height: 8px;
    display: inline-block;
    margin-top: 2px;
    background-color: #727171;
    margin-right: 14px;
}
#subscribe header{
	border-bottom: 1px solid #dddddd;
	position: absolute;
}
#subscribe .prehd{
	padding: 78px 0 0 0;
	font-size: 0;
}
#subscribe .prehd a{
	font-size: 17px;
	color: #000000;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 38px;
	line-height: 38px;
	text-align: center;
	padding: 0 20px;
	border-radius: 40px;
	background-color: #f5f5f5;
	margin-right: 24px;
}
#subscribe .prehd a.on,
#subscribe .prehd a:hover{
	background-color: #007bc6;
	color: #ffffff;
}
#subscribe {
}
#subscribe .subhdbox{
	background-color: #fff;
	margin-top: 30px;
	height: 60px;
	line-height: 60px;
}
#subscribe .zwt{
	height: 60px;
	line-height: 60px;
}
#subscribe .zwt.fix{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 999;
}
#subscribe .zwt.fix .w1270{
	position: relative;
}
#subscribe .subhdbox .swiper-slide{
	width: auto;
}
#subscribe .subhdbox.fix .w1270{
	position: relative;
	height: 60px;
}
#subscribe .subhdbox.fix .subhd{
	margin-top: 0;
	height: 60px;
	line-height: 60px;
	padding: 0;
}
#subscribe .subhd a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 15px;
	color: #333333;
	margin-right: 30px;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid transparent;
	vertical-align: middle;
}
@media screen and (max-width: 1480px) {
  #subscribe .subhd a{
    font-size: 14px;
    margin-right: 22px;
  }
}
@media screen and (max-width: 1366px) {
  #subscribe .subhd a{
    font-size: 14px;
    margin-right: 16px;
  }
}
@media screen and (max-width: 1200px) {
  #subscribe .subhd a{
    font-size: 12px;
    margin-right: 12px;
  }
}
#subscribe .subhd a.on{
	color: #007bc6;
	border-bottom: 1px solid #007bc6;
}
#subscribe .subhd a:hover{
	color: #007bc6;
}
#subscribe .subhdbox{
	position: relative;
}
#subscribe .zxyu{
	position: absolute;
	width: 100px;
	height: 34px;
	line-height: 34px;
	background: #007bc6 url('../img/arrgo.png') no-repeat 78px center/6px auto;
	right: 30px;
	top: 0;
	font-size: 14px;
	color: #fff;
	text-align: left;
	box-sizing: border-box;
	padding-left: 16px;
	cursor: pointer;
	border-radius: 5px;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 2;
}
#subscribe .hfbanner{
	margin-top: 30px;
}
#subscribe .hfbanner img{
	width: 100%;
}
#subscribe .wrap2{
}
#subscribe .hdtit{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 20px;
	color: #333333;
	/* border: 1px solid #5f5f5f; */
	height: 38px;
	line-height: 38px;
	text-align: center;
	padding: 0 28px;
	border-radius: 38px;
}
#subscribe .wrap2 .hdtit{
	margin-top: 24px;
}
#subscribe .wrap2 .h-con{
	color: #555555;
	font-size: 16px;
	line-height: 34px;
	margin-top: 12px;
	padding-bottom: 92px;
}
#subscribe .wrap3{
	background: #f8f8f8;
	padding: 104px 0 114px;
}
#subscribe .wrap3 .inpbox{
	width: 570px;
	margin: 22px auto 0;
}
#subscribe .wrap3 .inpbox input{
	width: 100%;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #333;
	background: #fff;
	padding: 0;
	padding-left: 16px;
	box-sizing: border-box;
}
#subscribe .wrap3 .inp+.inp{
	margin-top: 20px;
}
#subscribe .wrap3 .select{
	position: relative;
	width: 276px;
	height: 44px;
	line-height: 42px;
	border-radius: 5px;
	text-align: left;
	font-size: 17px;
	color: #7f7f7f;
	box-sizing: border-box;
}
#subscribe .wrap3 .select .select-tit{
	padding-left: 16px;
	background:#fff url('../img/triangle.svg') no-repeat 248px center/12px auto;
	border: none;
}
#subscribe .wrap3 .inp.submit{
	margin-top: 28px;
}
#subscribe .wrap3 .submit.disable input{
    background-color: #b2b2b2;
}
#subscribe .wrap3 .submit input{
	width: 100%;
	background: #007bc6;
	color: #ffffff;
	height: 46px;
	padding: 0;
	border: none;
	text-indent: 0;
}
#store .mainmap,
#store .mainmap .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat center bottom;
	background-size: cover !important;	
}
#store .mark{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
	left: 0;
	top: 0;
}
#store .sear{
	position: absolute;
	height: 260px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}
#store .sear h1{
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}
#store .sear .searinp{
	position: relative;
}
#store .sear .searinp .text{
    width: 472px;
    height: 52px;
    line-height: 58px;
	padding: 0 30px;
	border: none;
	border-radius: 10px;
    font-size: 18px;
	color: #666666;
	background-color: rgba(255,255,255,0.9);
}
#store .sear .searinp .submit{
    width: 21px;
    height: 52px;
	background: url('../img/xx.svg') no-repeat center;
	padding: 0;
	border: none;
	font-size: 0;
	position: absolute;
    right: 30px;
	top: 0px;
}
#store .gosear{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 18px;
	color: #fff;
	padding-left: 32px;
	background: url('../img/16.png') no-repeat left center;
	margin-top: 40px;
}
#s-address .side{
	width: 310px;
	height: calc(100% - 200px);
	padding: 0 20px;
	background-color: #fff;
	position: fixed;
	left: 25px;
	top: 110px;
	z-index: 2;
}
#s-address .side .h1{
	font-size: 18px;
	color: #333333;
	text-align: center;
	padding: 19.5px 0;
}
#s-address .side .tsear{
	position: relative;
	width: 308px;
	height: 35px;
	z-index: 99;
}
#s-address .side .tsear .se-text{
	width: 244px;
	height: 35px;
	line-height: 35px;
	border: none;
	padding: 0 48px 0 16px;
	font-size: 14px;
	border: 1px solid #e6e6e6;
}
#s-address .side .tsear .se-submit{
	width: 48px;
	height: calc(100% - 4px);
	background: url('../img/8.jpg') no-repeat center;
	right: 0;
	top: 50%;
	position: absolute;
	border: none;
	padding: 0;
	transform: translate(0,-50%);
}
#s-address .side .tsear .se-con{
	position: absolute;
	width: 100%;
	border: 1px solid #ecebe9;
	top: 35px;
	left: -1px;
	height: 200px;
	padding: 10px 0;
	max-height: 360px;
	overflow: auto;
	background: #fff;
	display: none;
}
#s-address .side .tsear .se-con .pointitem{
	background: url('../img/18.png') no-repeat 15px center;
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
}
#s-address .side .tsear .se-con .pointitem:hover{
	color: #000;
	cursor: pointer;
}
#s-address .side .ulbox{
    height: calc(100% - 200px);
}
#s-address .side .ulbox .jgtit{
	margin-top: 30px;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	color: #666666;
}
#s-address .side .ulbox ul{
	height: 96%;
	overflow: hidden;
}
#s-address .side .ulbox li{
	font-size: 12px;
	color: #666666;
	border-bottom: 1px solid #f6f6f6;
	padding: 15px 0 18px 5px;
	cursor: pointer;
}
#s-address .side .ulbox li:first-child{
	border-top: 1px solid #f6f6f6;
}
#s-address .side .ulbox li .mdtit{
	font-size: 15px;
	color: #333333;
}
#s-address .side .ulbox li .mdtit span{
	color: #007bc6;
	margin-right: 5px;
}
#s-address .side .ulbox li .md-local{
	padding-left: 30px;
	line-height: 30px;
	background: url('../img/19.png') no-repeat left center;
}
#s-address .side .ulbox li .md-tel{
	padding-left: 30px;
	line-height: 30px;
	background: url('../img/20.png') no-repeat left center;
	min-height: 30px;
	/* font-size: 0; */
}
.z3{
	z-index: 3 !important;
	position: relative;
}
#hscrollBox2 .bar{
    width: 3px;
    height: 285px;
    right: 0;
    min-height: 80px;
    top: 0;
}
#hscrollBox2 .bar .block{
    width: 3px;
    height: 58px;
    background: #d9dada;
    top: 0;
    left: 0;
}
#s-address{
	position: relative;
}
#s-address header{
	position: fixed;
}
#s-address .head{
	position: absolute;
}
header.head3{
	/* background-color: #fff !important; */
}
header.head3 .bgdown{
	height: 177px;
	transition: all .44s ease-in;
}
#s-address header.head2,
#s-address header.head3{
	background-color: #fff;
}
#s-address .infobox{
	width: 268px;
}
#s-address .infobox .d1{
	font-size: 15px;
	color: #333333;
}
#s-address .infobox .d1 span{
	color: #2999e3;
	margin-right: 5px;
}
#s-address .infobox .md-local{
	font-size: 13px;
	color: #000000;
	padding-left: 32px;
	line-height: 18px;
	background: url('../img/19.png') no-repeat left top;
	margin-top: 5px;
}
#s-address .infobox .md-tel{
	font-size: 13px;
	color: #000000;
	padding-left: 32px;
	line-height: 30px;
	height: 30px;
	background: url('../img/20.png') no-repeat left center;
	min-height: 30px;
}
#s-address .infobox .dqlocal{
	position: relative;
	margin-top: 12px;
}
#s-address .infobox .dqlocal input{
	width: 224px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #e0e0e0;
	background-color: #f2f2f2;
	font-size: 12px;
	color: #333333;
	padding: 0 34px 0 6px;
	vertical-align: top;
}
#s-address .infobox .dqlocal .closetext{
	width: 10px;
	height: 10px;
	background: url('../img/22.png') no-repeat center;
	right: 12px;
	top: 50%;
	margin-top: -5px;
	position: absolute;
	cursor: pointer;
}
#s-address .infobox .local{
	margin-top: 10px;
	font-size: 0;
}
#s-address .infobox .local input{
	width: 214px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #e0e0e0;
	background-color: #f2f2f2;
	font-size: 12px;
	color: #666666;
	padding: 0 5px;
	vertical-align: top;
}
#s-address .infobox .local .tet{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#s-address .infobox .local .gobtn{
	height: 30px;
	line-height: 30px;
	width: 34px;
	text-align: center;
	background: #fff;
	border: 1px solid #eaeaea;
	margin-left: 6px;
}
#s-address .infobox .dia-colse{
	width: 10px;
	height: 10px;
	background: url('../img/22.png') no-repeat center;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
#s-address #map{
	position: fixed !important;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
}
.tangram-suggestion-main{
	z-index: 99;
	position: fixed !important;
}
.subnav{
	height: 70px;
	line-height: 70px;
	color: #000000;
	font-size: 14px;
	background-color: #fff;
}
.subnav .fl{
	color: #777;
}
.subnav .fl em{
	display: inline-block;
	margin: 0 15px;
	font-style: normal;
}
.subnav .fl a{
	display: inline-block;
	color: #777;
	transition: all .3s ease-out;
}
.subnav .newsbox{
	position: relative;
}
.subnav .newsbox .news-yeartit{
	font-size: 14px;
	color: #000000;
	padding-right: 40px;
	position: relative;
	cursor: pointer;
}
.subnav .newsbox .news-yeartit:after{
	content: '';
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	background: url('../img/37.png') no-repeat center/cover;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	transition: all .3s ease-in;
}
.subnav .newsbox .news-yeartit.on:after{
	transform: rotate(180deg);
}
.subnav .newsbox .news-yearlist{
	position: absolute;
	width: 200px;
	top: 90%;
	right: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.13);
    z-index: 1;
    display: none;
}
.subnav .newsbox .news-yearlist a{
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 54px;
	color: #666666;
	background-color: #fff;
}
.subnav .newsbox .news-yearlist a + a{
	border-top: 1px solid #f1f1f1;
}
.w1440{
	width: 75%;
	margin: 0 auto;
}
#news{
	background-color: #f1f1f1;
}
#news .wrap1{
	max-width: 100%;
	overflow: hidden;	
}
#news .wrap1 ul{
	font-size: 0;
	width: calc(100% + 21px);
}
#news .wrap1 li{
	width: 33.33333%;
	display: inline-block;
	padding:0 21px 21px 0;
	box-sizing: border-box;
	vertical-align: top;
}
#news .wrap1 li a{
	display: block;
	transition: all .4s ease-in;
}
#news .wrap1 li .imgs{
	overflow: hidden;
}
#news .wrap1 li .imgs img{
	transition: all 10s ease-in;
}
#news .wrap1{
	padding: 65px 0 165px;
}
#news .wrap1 li .text{
	background-color: #fff;
	padding: 30px 20px 50px;
}
.newslist li .text .tit{
	font-size: 20px;
	color: #333333;
	line-height: 1.5;
	padding: 0.25em 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#news .wrap1 li .text .con{
	font-size: 14px;
	color: #929292;
	line-height: 1.71;
	margin-top: 8px;	
}
#news .wrap1 li .text .gnbox{
	margin-top: 14px;
}
.newslist li .text .gnbox span{
	font-size: 13px;
	color: #333333;
	display: inline-block;
  line-height: 2;
}
.newslist li .text .time{
	padding-left: 26px;
	background: url('../img/time.svg') no-repeat left center/16px auto;
}
.newslist li .text .good{
	padding-left: 22px;
	background: url('../img/good.svg') no-repeat left center/14px auto;
	margin-left: 26px;
}
.newslist li .text .good.on{
	background-image: url('../img/good-h.svg');
}
.newslist li .text .look{
	padding-left: 26px;
	background: url('../img/look.svg') no-repeat left center/18px auto;
}
#news .wrap1 .more{
	width: 300px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #d3d3d3;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #000000;
	margin-top: 66px;
	cursor: pointer;
}
#video .wrap1 .imgs{
	position: relative;
}
#video .wrap1 .imgs video{
	width: 100%;
	vertical-align: top;
}
#video .play{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
}
#video .play img{
	width: 100%;
}
#video .wrap1 .play{
	width: 80px;
	height: 80px;
	cursor: pointer;
}
#video .wrap2{
	max-width: 100%;
	overflow: hidden;
}
#video .wrap2 .vid-nav{
	font-size: 0;
	padding: 56px 0 46px;
}
#video .wrap2 .vid-nav span{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	padding-right: 20px;
	position: relative;
	color: #0c94e4;
}
#video .wrap2 .vid-nav span:after{
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 1em;
	background-color: #0c94e4;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#video .wrap2 .swiper-container{
	display: inline-block;
	vertical-align: middle;
}
#video .wrap2 .swiper-slide{
	width: auto;
	margin-left: 20px;
}
#video .wrap2 .swiper-slide a{
	display: inline-block;
	font-size: 14px;
	color: #969696;
}
#video .wrap2 .swiper-slide.on a{
	color: #0c94e4;
}
#video .wrap2 ul{
	width: calc(100% + 19px);
	font-size: 0;
}
#video .wrap2 li{
	display: inline-block;
	vertical-align: top;
	width: 33.3333333%;
	box-sizing: border-box;
	padding-right: 19px;
}
#video .wrap2 li .text{
	padding: 18px 0 30px;
}
#video .wrap2 li .imgs{
	position: relative;
	overflow: hidden;
}
#video .wrap2 li .imgs img{
	transition: all .3s ease-out;
}
#video .wrap2 li .imgs:after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
}
#video .wrap2 li .play{
	width: 60px;
	height: 60px;
	cursor: pointer;
	z-index: 2;
}
#video .wrap2 li .gnbox{
	margin-top: 2px;
}
#video .wrap2 li .text .gnbox .look{
	margin-left: 34px;
}
#video .wrap2 .more{
	width: 300px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #d8d8d8;
	margin: 70px auto 120px;
	cursor: pointer;
	font-size: 16px;
	color: #000000;
}
#newsinfo .wrap1 .infowrap{
	width: 1000px;
	margin: 54px auto 0;
}
#newsinfo .wrap1 .infowrap .tit{
	font-size: 30px;
	color: #3e3a39;
	text-align: center;
}
#newsinfo .wrap1 .infowrap .subti{
	text-align: center;
	font-size: 14px;
	color: #3e3a39;
	margin: 25px 0 50px;
}
#newsinfo .wrap1 .infowrap .subti span + span{
	margin-left: 20px;
}
#newsinfo .wrap1 .infowrap .con{
	font-size: 14px;
	color: #3e3a39;
	line-height: 2;
}
#newsinfo .wrap1 .infowrap img{
	max-width: 600px;
	display: block;
	margin: 0 auto;
}
#newsinfo .wrap1 .infowrap .gnbox{
	text-align: right;
	font-size: 0;
	margin-top: 80px;
}
#newsinfo .wrap1 .infowrap .gnbox div{
	display: inline-block;
	color: #333333;
	padding-left: 32px;
	font-size: 18px;
	background: no-repeat left center/24px auto;
	margin-left: 30px;
}
#newsinfo .wrap1 .infowrap .gnbox .look{
	background-image: url('../img/43.png');
}
#newsinfo .wrap1 .infowrap .gnbox .good{
	background-image: url('../img/100.png');
	cursor: pointer;
}
#newsinfo .wrap1 .infowrap .gnbox .good.on{
	background-image: url('../img/44.png');
}
.hui{
	background-color: #f4f4f4;
}
#products .wrap1 {
	padding-bottom: 120px;
}
#products .wrap1 .htit{
	font-size: 30px;
	color: #333333;
	text-align: center;
	padding: 70px 0 15px;
	margin-top: 70px;
    padding-top: 0px;
    font-weight: 500;
}
#products .wrap1 .hban{
	position: relative;
	display: block;
}
#products .wrap1 .hban img,
#products .wrap1 .hban video{
	width: 100%;
}
#products .wrap1 .hban .htext{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #4d4d4d;
	text-align: center;
}
#products .wrap1 .hban .htext .w1440{
	position: relative;
	height: 100%;
}
#products .wrap1 .hban .htext .w1440 .hbox{
	position: absolute;
	width: 50%;
	right: 0%;
	top: 50%;
	transform: translate(0%, -50%);
	font-size: 0;
}
#products .wrap1 .hban.left .htext .w1440 .hbox{
	right: auto;
	left: 0;
}
#products .wrap1 .hban.bai .htext .w1440 .hbox,
#products .wrap1 .hban.bai .htext .d1,
#products .wrap1 .hban.bai .htext .d4{
	color: #fff !important;
}
#products .wrap1 .hban.bai .htext .d4{
	background-image: url('../img/45-bai.png');
}
#products .wrap1 .hban .htext .d1{
	font-size: 34px;
	color: #000000;
}
#products .wrap1 .hban .htext .d2{
	font-size: 22px;
}
#products .wrap1 .hban .htext .d3{
	font-size: 22px;
}
#products .wrap1 .hban .htext .d4{
	display: inline-block;
	font-size: 13px;
	color: #000000;
	padding-right: 22px;
	background: url('../img/45.png') no-repeat right center/15px auto;
	vertical-align: top;
	line-height: 1.5;
}
#products .wrap1 {
	font-size: 0;
}
#products .wrap1 .w1440{
}
#products .wrap1 .ilist{
	width: calc(100% + 10px);
	padding-bottom: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: -webkit-wrap;
	flex-wrap: -moz-wrap;
	flex-wrap: -ms-wrap;
	flex-wrap: -o-wrap;
	flex-wrap: wrap;
}
#products .wrap1 .ilist.on .item:nth-child(n+5){
	display: none;
}
#products .wrap1 .item{
	width: 25%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	padding: 10px 10px 0 0;
	zoom: 1;
	position: relative;
}
#products .wrap1 .item .contai{
	height: 100%;
}
#products .wrap1 .item .btnbox{
	position: absolute;
	bottom: 36px;
	left: 0;
	width: calc(100% - 10px);
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	z-index: 1;
	opacity: 1;
	/*visibility: hidden;*/
}
#products .wrap1 .item .btnbox a{
	font-size: 12px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	width: 100px;
	box-sizing: border-box;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
	margin: 0 7px;
	background: #fff;
	color: #494949;
	transition: all .3s ease-out;
	/*opacity: 0;*/
}
#products .wrap1 .item .btnbox a.purchase{
    background-color: #007bc8;
    color: #ffffff;
    border: 1px solid #007bc8;
}
#products .wrap1 .item .box{
	background-color: #fff;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	padding-bottom: 90px;
    box-shadow: 0 0 10px 4px rgba(0,0,0,0);
    transition: all .3s ease-out;
    height: 100%;
    box-sizing: border-box;
}
#products .wrap1 .item .box .imgs{
	padding: 38px 26px 30px;
}
#products .wrap1 .item .tit{
	color: #666;
	padding: 0 3%;
    transition: all .3s ease-out;
    font-size: 16px;
    margin-bottom: 6px;
}
#products .wrap1 .item .d2{
	color: #666;
	padding: 0 4%;
    transition: all .3s ease-out;
    font-size: 13px;
    font-weight: 300;
}
#products .wrap1 .item .d3{
	color: #008de3;
	font-size: 14px;
	display: inline-block;
	padding-right: 14px;
	background: url('../img/pro_arrow.svg') no-repeat right center/7px auto;
	margin-top: 20px;
	line-height: 30px;
}
#products .wrap1 li .maodian{
	transform: translate(0,-76px);
}
#products .wrap1 .addmore{
	font-size: 14px;
	color: #1a1a1a;
	width: 220px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #d7d7d7;
	margin: 56px auto 95px;
	cursor: pointer;
}
#products.allpro .wrap1 .htit{
	font-size: 22px;
	text-align: left;
	position: relative;
	margin: 0;
	height: 76px;
	line-height: 76px;
	cursor: pointer;
	padding: 0;
}
#products.allpro .wrap1 .htit span{
	display: block;
	float: right;
	font-size: 14px;
	line-height: 2;
	height: 2em;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 0;
	padding-right: 40px;
	cursor: pointer;
}
#products.allpro .wrap1 .htit span i{
	font-style: normal;
}
#products.allpro .wrap1 .htit span em{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 22px;
	height: 22px;
	background: url('../img/47.png') no-repeat center/cover;
	transition: all .3s ease-out;
}
#products.allpro .wrap1 .htit.on span em{
	transform: rotate(-180deg);
}
#products.allpro .wrap1 .h1tit{
	font-size: 30px;
	color: #333333;
	text-align: center;
	margin: 54px 0 10px;
}
#products.allpro .wrap1{
	padding-bottom: 90px;
}
#products.allpro .wrap1 .addmore{
	margin-bottom: 95px;
}
#productinfo .wrap1{
	text-align: center;
	font-size: 0;
}
#productinfo .wrap1 img{
	max-width: 100%;
}
#productinfo .wrap7{
	height: 680px;
}
#productinfo .wrap7 .w1440{
	height: 100%;
}
#productinfo .w1440, #productinfo .w1270{
	width: 1270px;
    margin: 0 auto;
    max-width: calc(100% - 60px);
    padding: 0 30px;
}
#productinfo .fixbox{
	height: 65px;
	line-height: 65px;
}
#productinfo .fixbox .profix{
	background-color: #fff;
	font-size: 0;
}
#productinfo .fixbox .profix.on{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,0.9);
	z-index: 999;
}
#productinfo .fixbox .profix .left{
	float: left;
	font-size: 18px;
	color: #000000;
	margin-left: 12px;
}
#productinfo .fixbox .profix .right{
	float: right;
	color: #333333;
	font-size: 14px;
}
#productinfo .fixbox .profix .right span{
	margin-left: 20px;
	cursor: pointer;
}
#productinfo .fixbox .profix .right span.on{
	color: #017bc7;
}
#productinfo .fixbox .profix .right .gobtn{
	display: inline-block;
	color: #fff;
	text-align: left;
	width: 100px;
	height: 33px;
	line-height: 33px;
	box-sizing: border-box;
	padding: 0 0 0 17px;
	background:#007ac2 url('../img/48.png') no-repeat 78px center/6px auto;
	border-radius: 5px;
	margin-left: 40px;
}
#productinfo .wrap2 table{
	width: 88.8%;
	margin: 0 auto;
}
#productinfo .wrap2 table tr:nth-child(2n+1){
	background-color: #f2f2f2;
}
#productinfo .wrap2 table td{
	font-size: 16px;
	line-height: 1.5;
	padding: 1em 0 1em 44px;
}
#productinfo .wrap2 table td:first-child{
	width: 62.9%;
}
#productinfo .h2tit{
	font-size: 26px;
	color: #555555;
}
#productinfo .wrap2 .h2tit{
	margin: 80px 0 66px;
}
#productinfo .wrap3 .imgbox{
	text-align: center;
}
#productinfo .wrap3.one img{
	width: auto;
}
#productinfo .wrap3 img{
	width: 460px;
}
#productinfo .wrap3 .h2tit{
	margin: 96px 0 80px;
}
#productinfo .wrap4{
	padding-bottom: 90px;
}
#productinfo .wrap4  .tap{
	font-size: 26px;
	color: #999999;
}
#productinfo .wrap4  .tap span{
	display: inline-block;
	cursor: pointer;
	margin-right: 20px;
}
#productinfo .wrap4  .tap span.on{
	color: #555555;
}
#productinfo .wrap4 .ilist .item{
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding:0 5px;
}
#productinfo .wrap4 .ilist .item .box{
    background-color: #fff;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 36px;
}
#productinfo .wrap4 .ilist .item .box .imgs{
    padding: 60px 0px 30px;
}
#productinfo .wrap4 .ilist .item .tit{
    color: #020202;
}
#productinfo .wrap4 .ilist .item .d2{
    color: #303030;
    padding: 0 4%;
}
#productinfo .wrap4 .ilist .item .d3{
    color: #008de3;
    font-size: 14px;
    line-height: 2;
    display: inline-block;
    margin-top: 24px;
    position: relative;
    padding-right: 14px;
    background: url(../img/46.png) no-repeat right center/7px auto;
}
#productinfo .wrap4 .ilist .item .d3:after{
	content: '';
	display: none;
	position: absolute;
	width: 1em;
	height: 1px;
	background-color: #50b1ec;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#productinfo .wrap4 .ilist{
	display: none;
}
#productinfo .wrap4 .ilist:first-child{
	display: block;
}
#productinfo .wrap4 .ilist .swiper-slide{
	width: 25%;
}
#productinfo .wrap4 .tap{
	margin: 130px 0 30px;
}
#productinfo {
	padding-top: 0;
}
#productinfo .pchad{
	position: relative;
}
#productinfo header.header2{
	position: relative;
}
#productinfo .wrap5{
	position: relative;
	font-size: 0;
	margin-top: 0px;
}
#productinfo .wrap5 .item{
	display: inline-block;
	width: 50%;
	background-color: #b8b8b8;
	position: relative;
	color: #fff;
	text-align: center;
}
#productinfo .wrap5 .item:nth-child(2),
#productinfo .wrap5 .item:nth-child(3){
	background-color: #8a8a8a;
}
#productinfo .wrap5 .item img{
	width: 100%;
}
#productinfo .wrap5 .item video{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0;
	transition: all .3s ease-out;
}
#productinfo .wrap5 .item .text{
	position: absolute;
	z-index: 2;
	top: 55%;
	left: 0;
	transform: translate(0%,-50%);
	width: 100%;
}
#productinfo .wrap5 .item.on video{
	opacity: 1;
}
#productinfo .wrap5 .item .d1{
	font-size: 35px;
}
#productinfo .wrap5 .item .play{
	font-size: 20px;
	margin-top: .5em;
	display: inline-block;
	padding-right: 34px;
	background: url('../img/infoplay.png') no-repeat right center/24px auto;
	cursor: pointer;
}
#productinfo .wrap6{
	text-align: center;
	background-color: #f7f7f7;
	padding: 72px 0;
}
#productinfo .wrap6 img{
	width: 196px;
}
#productinfo .wrap6 .text{
	display: inline-block;
	vertical-align: middle;
	font-size: 26px;
	color: #000000;
	font-weight: bold;
	line-height: 35px;
	margin-left: 24px;
}
.ad{
	overflow: hidden;
}
.ad img{
	width: 100%;
	transition: all 0.6s ease-in;
}
#ccs .wrap1{
	text-align: center;
}
#ccs .wrap1 .tit{
	font-size: 30px;
	color: #333333;
	line-height: 2;
	padding-bottom: 0.6em;
	position: relative;
	margin: 106px 0 30px;
}
#ccs .wrap1 .tit:after{
	content: '';
	display: block;
	position: absolute;
	width: 2em;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#ccs .wrap1 .con{
	width: 88%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 2.5;
	text-align: left;
	/* text-indent: 1.2em; */
}
#ccs .wrap2{
	margin: 70px 0 0 0;
}
#ccs .wrap2 .swiper-slide{
	width: 100%;
	position: relative;
}
#ccs .wrap2 .swiper-slide img{
	width: 100%;
}
#ccs .wrap2 .swiper-slide .text{
	position: absolute;
	color: #fff;
	top: 25%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translate(0, -50%);
}
#ccs .wrap2 .swiper-slide .text .d1{
	font-size: 43px;
}
#ccs .wrap2 .swiper-slide .text .d2{
	font-size: 20px;
    margin: 14px;
}
#ccs .wrap2 .swiper-pagination{
	font-size: 0;
	position: relative;
	bottom: 0;
	margin: 34px 0 90px;
}
#ccs .wrap2 .swiper-pagination .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 1px solid #999;
	background-color: transparent;
	margin: 0 7px;
}
#ccs .wrap2 .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #999;
}
#ccs .wrap3 .imgs{
	position: relative;
}
#ccs .wrap3 .imgs video{
	width: 100%;
}
#ccs .wrap3 .imgs .play{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
}
#ccs .wrap3 .imgs .play img{
	width: 100%;
}
#ccs .wrap4{
	margin: 90px 0 130px;
}
#ccs .wrap4 .h1{
	font-size: 30px;
	color: #333333;
	text-align: center;
}
#ccs .wrap4 .h2{
	font-size: 16px;
	color: #333333;
	text-align: center;
	margin:20px 0 100px;
	padding-bottom: 35px;
	position: relative;
	margin-bottom: 100px;
}
#ccs .wrap4 .h2:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#ccs .wrap4 .swiper-slide{
	width: 33.3333%;
	box-sizing: border-box;
	text-align: center;
	color: #333333;
	font-size: 18px;
	line-height: 1.9;
	padding: 0 15px;
}
#ccs .wrap4 .swiper-slide a{
	color: #333333;
}
#ccs .wrap4 .swiper-slide .d1{
	margin-top: 2em;
}
#ccs .wrap5{
	background-color: #f6f6f6;
	padding: 98px 0 116px;
}
#ccs .wrap5 .tit{
	font-size: 30px;
	color: #333333;
	text-align: center;
}
#ccs .wrap5 .subtit{
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}
#cooperation .wrap2 .inp.z3,
#ccs .wrap2 .inp.z3{
	position: relative;
}
#ccs .wrap5 .inpbox,
#cooperation .wrap2 .inpbox{
	width: 635px;
	margin: 50px auto 0;
	font-size: 0;
}
#ccs .wrap5 label,
#cooperation .wrap2 label{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #4d4d4d;
	text-align: left;
	width: 120px;
}
#ccs .wrap5 input,
#cooperation .wrap2 input{
	width: 515px;
	height: 44px;
	line-height: 44px;
	border-radius: 5px;
	background-color: #fff;
	box-sizing: border-box;
	padding:0 17px;
	font-size: 14px;
	border: 1px solid #d3d3d3;
	vertical-align: middle;
}
#ccs .wrap5 .select,
#cooperation .wrap2 .select{
	width: 252px;
	height: 44px;
	line-height: 44px;
	border-radius: 5px;
	font-size: 14px;
	color: #000000;
	box-sizing: border-box;
	vertical-align: middle;
}
#ccs .wrap5 .select .select-tit,
#cooperation .wrap2 .select .select-tit{
	background-position: 225px center;
}
#ccs .wrap5 .inp.code input,
#cooperation .wrap2 .inp.code input{
	width: 329px;
}
.captcha_no,
.captcha_ok{
	display: none;
}
#ccs .wrap5 .inp.code .send,
#cooperation .wrap2 .inp.code .send{
	width: 175px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #0c94e4;
	color: #ffffff;
	font-size: 14px;
	border-radius: 5px;
	display: inline-block;
	float: right;
	cursor: pointer;
}
#ccs .wrap5 .inp input[type="submit"],
#cooperation .wrap2 .inp input[type="submit"]{
	background-color: #0c94e4;
	color: #ffffff;
	padding: 0;
	border: none;
}
#ccs .wrap5 .inp + .inp,
#cooperation .wrap2 .inp + .inp{
	margin-top: 20px;
}
#ccs .wrap5 .inp.submit,
#cooperation .wrap2 .inp.submit{
	margin-top: 38px;
}
#ccs .wrap5 .inp span,
#cooperation .wrap2 .inp span{
	display: inline-block;
	text-align: center;
	font-size: 14px;
	color: #ff1d25;
	text-align: center;
	width: 515px;
}
#ccs .wrap5 .inp:last-child,
#cooperation .wrap2 .inp:last-child{
	margin-top: 31px;
}
.f-side{
	display: block;
	position: fixed;
	right: 0;
	top: 40%;
	background-color: #fff;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
	width: 191px;
	z-index: 99;
}
.f-side .d1{
	font-size: 14px;
	color: #ffffff;
	background-color: #007bc3;
	line-height: 56px;
	padding-left: 15px;
	position: relative;
}
.f-side .d1 em{
	width: 11px;
	height: 11px;
	content: '';
	display: block;
	position: absolute;
	background: url('../img/sideclose.svg') no-repeat center/cover;
	right: 21px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	cursor: pointer;
}
.f-side .d2{
	font-size: 12px;
	text-align: center;
	padding: 20px 0 0;
}
.f-side .d2 img{
	margin-right: 5px;
	width: 16px;
}
.f-side .d3{
	font-size: 16px;
	color: #878787;
	text-align: center;
	line-height: 1.5;
	padding-bottom: 18px;
}
#contact .wrap1{
	padding: 100px 0 50px;
}
#contact .wrap1 .tit{
	font-size: 36px;
	color: #1a1a1a;
	text-align: center;
}
#contact .wrap1 .list{
	color: #333333;
	font-size: 0;
}
#contact .wrap1 .list .item{
	display: inline-block;
	text-align: center;
	width: 33.333%;
	font-size: 16px;
	position: relative;
	vertical-align: top;
}
#contact .wrap1 .list{
	margin: 100px 0 100px;
}
#contact .wrap1 ul{
	font-size: 0;
	border-top: 1px solid #e5e5e5;
	padding: 84px 0;
}
#contact .wrap1 ul li{
	display: inline-block;
	color: #333333;
	width: 25%;
	text-align: center;
	border-right: 1px solid #e5e5e5;
	box-sizing: border-box;
}
#contact .wrap1 ul li:last-child{
	border-right: none;
}
#contact .wrap1 ul li .d1{
	font-size: 18px;
	line-height: 1;
}
#contact .wrap1 ul li .d2{
	font-size: 16px;
	line-height: 1;
	padding: 14px 0 8px;
}
#contact .wrap1 .w1440{
	width: 1136px;
}
#contact .wrap1 .item .box{
	text-align: center;
	display: inline-block;
	font-size: 16px;
	line-height: 1.5;
}
#contact .wrap1 .item .box img{
	width: 70px;
}
#contact .wrap1 .item .box p{
	margin: 34px 0 0;
}
#contact .wrap1 a{
	color: #333;
}
#contact .wrap1 .item:first-child{
	text-align: left;
}
#contact .wrap1 .item:last-child{
	text-align: right;
}
#contact .wrap1 .item:nth-child(2):after,
#contact .wrap1 .item:nth-child(2):before{
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 70%;
	bottom: 14px;
	background-color: #e5e5e5;
}
#contact .wrap1 .item:nth-child(2):after{
	right: 0;
}
#contact .wrap1 .item:nth-child(2):before{
	left: 0;
}
#feedback .wrap1 .tit{
	font-size: 30px;
	color: #333333;
	text-align: center;
}
#feedback .wrap1 .inpbox{
	width: 610px;
	margin: 80px auto 0;
	font-size: 0;
}
#feedback .wrap1 .inp label{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #4d4d4d;
	width: 70px;
	text-align: right;
	margin-right: 20px;
}
#feedback .wrap1 .inp input{
    width: 515px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 17px;
    font-size: 14px;
    border: 1px solid #d3d3d3;
	vertical-align: middle;
	margin-left: 5px;
}
#feedback .wrap1 .inp textarea{
	width: 515px;
	height: 144px;
    border-radius: 5px;
    background-color: #fff;
	box-sizing: border-box;
    border: 1px solid #d3d3d3;
    font-size: 14px;
    vertical-align: top;
    padding: 0.5em 0 0 17px;
    resize: none;
	line-height: 1.5;
	margin-left: 5px;
}
#feedback .wrap1 .inp.code input{
	width: 312px;
}
#feedback .wrap1 .inp.code .send{
	width: 175px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #007bc6;
	color: #fff;
	font-size: 14px;
	margin-left: 27px;
	cursor: pointer;
}
#feedback .wrap1 .inp + .inp{
	margin-top: 24px;
}
#feedback .wrap1 .inp.submit{
	margin-top: 40px;
}
#feedback .wrap1 .inp.submit input{
	background-color: #007bc6;
	color: #ffffff;
	font-size: 18px;
	border: none;
}
#feedback .wrap1{
	padding: 80px 0 90px;
}
#join .subnav .swiper-container,
#social .subnav .swiper-container{
	float: right;
	max-width: calc(100% - 200px);
}
#join .subnav .swiper-slide,
#social .subnav .swiper-slide{
	width: auto;
}
#join .subnav .swiper-slide.on span,
#social .subnav .swiper-slide.on span{
	color: #007bc6;
}
#join .subnav .swiper-slide span,
#social .subnav .swiper-slide span{
	display: inline-block;
	color: #333333;
	font-size: 14px;
	cursor: pointer;
	transition: all .3s ease-out;
	vertical-align: top;
}
#join .subnav .swiper-slide + .swiper-slide,
#social .subnav .swiper-slide + .swiper-slide{
	margin-left: 60px;
}
#join .htit{
	font-size: 30px;
	position: relative;
	text-align: center;
}
#join .hcon{
	font-size: 14px;
	line-height: 2;
	text-align: center;
	position: relative;
}
#join .hcon:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
#join .wrap1 .htit{
	margin: 92px 0 34px;
	padding-bottom: 18px;
}
#join .wrap1 .htit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	right: 0;
	margin:0 auto;
}
#join .wrap1 .hcon{
	text-indent: 2em;
	text-align: justify;
}
#join .wrap1 .hcon:after{
	display: none;
}
#join .wrap2 {
	margin: 144px 0 0;
}
#join .wrap2 .hcon{
	margin-top: 10px;
	position: relative;
	padding-bottom: 28px;
}
#join .wrap2 ul{
	font-size: 0;
	width: calc(100% + 23px);
	margin: 90px 0 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#join .wrap2 ul li{
	width: calc(25% - 23px);
	display: inline-block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    margin-right: 23px;
    vertical-align: top;
    box-sizing: border-box;
    padding: 40px 25px 40px;
    transition: all .3s ease-out;
}
#join .wrap2 ul li img{
	display: block;
	height: 42px;
	margin: 0 auto;
}
#join .wrap2 ul li .d1{
	font-size: 16px;
	color: #000000;
	position: relative;
	text-align: center;
	margin-top: 20px;
	padding-bottom: 0.75em;
}
#join .wrap2 ul li .d1:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #707070;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#join .wrap2 ul li  .fot{
	font-size: 12px;
	color: #666666;
	line-height: 2.25;
	margin-top: 26px;
}
#join .wrap3 {
	margin: 160px 0 0;
}
#join .wrap3 .hcon{
	margin-top: 20px;
	padding-bottom: 34px;
	margin-bottom: 48px;
}
#join .wrap3 .swiper-slide img{
	width: 100%;
}
#join .wrap3 .swiper-pagination{
	font-size: 0;
	bottom: 20px;
}
#join .wrap3 .swiper-pagination .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	border-radius: 100%;
	border: 1px solid #ffffff;
	margin: 0 7px;
}
#join .wrap3 .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #fff;
}
#join .wrap4{
	margin: 134px 0 0;
}
#join .wrap4 .hcon{
	margin-top: 16px;
	padding-bottom: 26px;
}
#join .wrap4 ul{
	width: 83.3334%;
	margin: 0 auto;
	font-size: 0;
}
#join .wrap4 ul li{
	width: 33.333333%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	padding: 0 20px;
	box-sizing: border-box;
	margin-top: 100px;
}
#join .wrap4 ul li img{
	width: 100px;
	display: block;
	margin: 0 auto;
}
#join .wrap4 ul li .d1{
	font-size: 14px;
	line-height: 2;
	margin-top: 36px;
}
#join .wrap5{
	margin: 200px 0 0;
}
#join .wrap5 .htit{
	padding-bottom: 18px;
	margin-bottom: 52px;
}
#join .wrap5 .htit:after{
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #000000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#join .wrap5 .swiper-slide{
	width: calc(33.333334% - 16px);
	margin-right: 24px;
}
#join .wrap5 .swiper-slide .imgs{
	overflow: hidden;
}
#join .wrap5 .swiper-slide .imgs img{
	transition: all .6s ease-out;
}
#join .wrap5 .swiper-slide:last-child{
	margin-right: 0;
}
#join .wrap5 .d1{
	font-size: 20px;
	color: #000000;
	margin: 34px 0 8px;
}
#join .wrap5 .d2{
	font-size: 14px;
}
#join .wrap5 .control{
	font-size: 0;
	line-height: 25px;
	text-align: center;
}
#join .wrap5 .swiper-pagination{
	display: inline-block;
	width: auto;
	color: #000000;
	position: relative;
	bottom: auto;
	font-size: 20px;
	vertical-align: top;
}
#join .wrap5 .control {
	margin-top: 64px;
}
#join .wrap5 .control .prev,
#join .wrap5 .control .next{
	width: 10px;
	height: 25px;
	display: inline-block;
	background: no-repeat center/10px auto;
	margin: 0 12px;
}
#join .wrap5 .control .prev{
	background-image: url('../img/68.png');
}
#join .wrap5 .control .next{
	background-image: url('../img/69.png');
}
#join .wrap6 {
	margin: 200px 0;
}
#join .wrap6 .w1440{
	width: 1350px;
}
#join .wrap6 .swiper-slide{
	width: auto;
	padding-right: 100px;
	position: relative;
}
#join .wrap6 .swiper-slide:last-child{
	padding-right: 0;
}
#join .wrap6 .imgs{
	position: relative;
	margin: 0 auto;
}
#join .wrap6 .imgs:after{
	content: '';
	width: 15px;
	height: 18px;
	background: url('../img/process.svg') no-repeat center/15px auto;
	position: absolute;
	right: -57px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#join .wrap6 .imgs{
	width: 130px;
	height: 130px;
	line-height: 130px;
	text-align: center;
	border-radius: 100%;
	border: 1px solid #010101;
}
#join .wrap6 .imgs img{
	width: 70px;
}
#join .wrap6 .hcon{
	padding-bottom: 36px;
	margin-top: 20px;
}
#join .wrap6 .text{
	text-align: center;
	font-size: 16px;
	margin-top: 24px;
	line-height: 1.5;
}
#join .wrap6 .swiper-slide:last-child .imgs:after{
	display: none;
}
#join .wrap6 .swiper-container{
	margin-top: 90px;
	max-width: 100%;
}
#join .wrap7{
	background-color: #f6f6f6;
	padding:  98px 0 116px;
}
#join .wrap7 .subtit{
	font-size: 16px;
	color: #000000;
	text-align: center;
	margin-top: 20px;
}
#join .wrap7 .inpbox{
	width: 610px;
	margin: 54px auto 0;
	font-size: 0;
}
#join .wrap7 label{
	display: inline-block;
	width: 96px;
	font-size: 14px;
	color: #4d4d4d;
	vertical-align: middle;
}
#join .wrap7 input{
	width: 510px;
	height: 44px;
	font-size: 14px;
	border-radius: 3px;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0 17px;
	border: 1px solid #dcdcdc;
}
#join .wrap7 .inp.code input{
	width: 310px;
}
#join .wrap7 .inp.code .send{
	display: inline-block;
	vertical-align: middle;
	width: 175px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-color: #007bc6;
	border-radius: 3px;
	margin: 0 0 0 24px;
	cursor: pointer;
}
#join .wrap7 .inp + .inp{
	margin-top: 24px;
}
#join .wrap7 .inp .select{
	width: 158px;
	height: 44px;
	font-size: 14px;
	color: #000000;
	text-align: left;
	box-sizing: border-box;
	border-radius: 3px;
	vertical-align: middle;
}
#join .wrap7 .inp .select .select-tit{
	padding: 0 29px 0 17px;
	height: 44px;
	line-height: 46px;
	background:#fff url('../img/triangle.svg') no-repeat 141px center/10px auto;
}
#join .wrap7 .inp .select + .select{
	margin-left: 18px;
}
#join .wrap7 .inp.submit {
	margin-top: 38px;
}
#join .wrap7 .submit input{
	background-color: #007bc6;
	font-size: 18px;
	color: #fff;
	border: none;
}
#join .wrap7 .inp:last-child{
	margin-top: 31px;
}
#join .wrap7 .inp:last-child span{
	display: inline-block;
	width: 510px;
	text-align: center;
	font-size: 14px;
	color: #ff1d25;
}
#join .pchad,
#social .pchad{
	position: absolute;
}
#join .fixsub,
#social .fixsub{
	height: 70px;
	line-height: 70px;
}
#join .fixsub .subnav.fix,
#social .fixsub .subnav.fix{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
    border-bottom: 1px solid #dddddd;
}
#cooperation .wrap1 .tit{
	font-size: 30px;
	color: #1a1a1a;
	position: relative;
	text-align: center;
	padding:95px 0 22px;
	margin-bottom: 45px;
}
#cooperation .wrap1 .tit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #000;
}
#cooperation .wrap1 .con{
	font-size: 14px;
	color: #4d4d4d;
	text-indent: 2em;
	line-height: 2;
	text-align: justify;
}
#cooperation .wrap1 .con p + p{
	margin-top: 36px;
}
#cooperation .wrap1 .w1440{
	padding: 0 30px 168px;
	box-sizing: border-box;
}
#cooperation .wrap1 .abox{
	padding: 0 15px;
	font-size: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 90px 0 0;
}
#cooperation .wrap1 .abox a{
	display: inline-block;
	width: calc(33.3333% - 7px);
    transition: all .6s ease;
}
#cooperation .wrap1 .abox a + a{
	margin-left: 10px;
}
#cooperation .wrap1 .abox a .text{
	padding: 30px 60px 20px;
	text-align: center;
}
#cooperation .wrap1 .abox .atit{
	font-size: 23px;
	color: #1a1a1a;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#cooperation .wrap1 .abox .atit:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #666666;
	width: 58px;
	height: 1px;
}
#cooperation .wrap1 .abox .acon{
	font-size: 14px;
	color: #4d4d4d;
	line-height: 2;
}
#cooperation .wrap1 .abox .amore{
	font-size: 14px;
	color: #666666;
	margin-top: 20px;
	display: inline-block;
	padding-right: 1em;
	background: url('../img/76.png') no-repeat right center/7px auto;
	transition: all .3s ease-out;
	visibility: hidden;
	opacity: 0;
	transform: translateY(10px);
}
#cooperation .wrap2{
	background-color: #f6f6f6;
	padding: 98px 0 116px;
}
#cooperation .wrap2 .tit{
	font-size: 30px;
	text-align: center;
}
#cooperation .wrap2 .subtit{
	font-size: 16px;
	color: #000000;
	text-align: center;
	margin-top: 15px;
}
#case .wrap1{
	padding: 90px 0 0;
}
#case .wrap1 .htit{
	font-size: 30px;
	color: #1a1a1a;
	text-align: center;
}
#case .wrap1 .hcon{
	font-size: 16px;
	color: #4d4d4d;
	text-align: center;
	margin-top: 10px;
	position: relative;
	padding-bottom: 20px;
}
#case .wrap1 .hcon:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#case .wrap1 ul{
	font-size: 0;
	width: calc(100% + 45px);
	margin: 90px 0 0;
}
#case .wrap1 li{
	display: inline-block;
	width: calc(33.33333% - 45px);
	margin-right: 45px;
	vertical-align: top;
}
#case .wrap1 li .imgs{
	overflow: hidden;
}
#case .wrap1 li .imgs img{
	transition: all .3s ease-out;
}
#case .wrap1 li .text{
	padding: 30px 0 70px;
}
#case .wrap1 li .tit{
	font-size: 23px;
	color: #1a1a1a;
}
#case .wrap1 li .con{
	font-size: 14px;
	line-height: 2;
	margin-top: 5px;
	color: #4d4d4d;
}
#case .wrap1 .addmore{
    font-size: 14px;
    color: #1a1a1a;
    width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #d7d7d7;
    margin: 56px auto 30px;
    cursor: pointer;
}
.paging{
	font-size: 0;
	text-align: center;
}
.paging a,
.paging span{
	display: inline-block;
	font-size: 16px;
	color: #727171;
	margin: 0 7px;
	transition: all .3s ease-out;
}
.paging a.prev{
	margin-right: 44px;
}
.paging a.next{
	margin-left: 44px;
}
.paging a.active{
	color: #557abc;
}
#case .wrap1 .paging{
	margin: 50px 0 70px;
}
#service .wrap1 {
	padding: 80px 0 160px;
}
#service .wrap1 .top{
	margin-top: 76px;
	padding-bottom: 20px;
}
#service .wrap1 .top .controlsbox{
	position: relative;
	text-align: center;
	margin-top: 44px;
}
#service .wrap1 .top .controlsbox .swiper-button-prev,
#service .wrap1 .top .controlsbox .swiper-button-next{
	position: relative;
	display: inline-block;
	width: 14px;
	height: 26px;
	bottom: 0;
	right: 0;
	background: url('../img/s-right.png') no-repeat center/100% auto;
}
#service .wrap1 .top .controlsbox .swiper-button-prev{
	margin-right: 42px;
}
#service .wrap1 .top .controlsbox .swiper-button-prev{
	transform: rotate(180deg);
}
#service .wrap1 .top .swiper-slide{
	width: calc(25% - 7px);
	margin-right: 9px;
	position: relative;
	cursor: pointer;
}
#service .wrap1 .top .swiper-slide:after{
	content: '';
	display: block;
	position: absolute;
	width: 0%;
	left: 0;
	right: 0;
	bottom: -20px;
	margin: 0 auto;
	background-color: #a0a0a0;
	height: 2px;
	opacity: 0;
	transition: all .3s ease-out;
}
#service .wrap1 .top .swiper-slide.on:after{
	width: 70%;
	opacity: 1;
}
#service .wrap1 .top .swiper-slide:last-child{
	margin-right: 0;
}
#service .wrap1 .top .swiper-slide .imgs{
	position: relative;
}
#service .wrap1 .top .swiper-slide .text{
	position: absolute;
	font-size: 16px;
	line-height: 2;
	width: 100%;
	height: 2em;
	color: #fff;
	bottom: 18px;
	text-align: center;
}
#service .wrap1 .htit{
	font-size: 30px;
	color: #1a1a1a;
	text-align: center;
}
#service .wrap1 .hcon{
	font-size: 16px;
	max-width: 574px;
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 24px;
}
#service .wrap1 .hcon:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#service .wrap1 .top .swiper-container{
	margin-top: 74px;
}
#service .wrap1 .fot{
	font-size: 0;
	margin: 100px 0 0;
}
#service .wrap1 .fot .imgs{
	width: 52%;
	display: inline-block;
	vertical-align: middle;
}
#service .wrap1 .fot .text{
	width: calc(48% - 50px);
	display: inline-block;
	vertical-align: middle;
	margin-left: 50px;
}
#service .wrap1 .fot .tit{
	font-size: 30px;
	color: #1a1a1a;
	padding-bottom: 22px;
	position: relative;
}
#service .wrap1 .fot .tit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
}
#service .wrap1 .fot .con{
	font-size: 16px;
	line-height: 2;
	margin-top: 30px;
}
#service .wrap1 .fot .swiper-slide{
	background-color: #fff;
}
#about .wrap1 {
	padding: 130px 0 80px;
}
#about .wrap1 .w1440{
	box-sizing: border-box;
	padding: 0px 40px 0px;
}
#about .wrap1 .htit{
	font-size: 30px;
	color: #1a1a1a;
	position: relative;
	text-align: center;
	padding-bottom: 24px;
	margin-bottom: 50px;
}
#about .wrap1 .htit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
#about .wrap1 .hcon{
	font-size: 14px;
	color: #4d4d4d;
	line-height: 2.5;
	text-indent: 2em;
	text-align: justify;
}
#about .wrap1 .hcon p {
  line-height: 2;
}
#about .wrap1 .fot{
	font-size: 0;
	margin-top: 140px;
}
#about .wrap1 .fot a{
	display: inline-block;
	width: calc(33.3333% - 12px);
	margin-right: 18px;
	vertical-align: top;
}
#about .wrap1 .fot a:last-child{
	margin-right: 0;
}
#about .wrap1 .fot a .imgs{
	overflow: hidden;
}
#about .wrap1 .fot a .imgs img{
	transition: all .3s ease-out;
}
#about .wrap1 .fot .text{
	padding: 30px 15.837% 0 0;
}
#about .wrap1 .fot .d1{
	font-size: 18px;
  color: #1a1a1a;
  line-height: 2;
}
#about .wrap1 .fot .d2{
	font-size: 14px;
	color: #4d4d4d;
	margin-top: 6px;
  line-height: 1.71;
}
#about .wrap1 .fot .d2 p {
  line-height: 1.71;
}
#history .wrap1{
	font-size: 0;
	padding: 74px 0 65px;
}
#history .wrap1 a{
	display: inline-block;
	width: calc(25% - 9px);
	margin-right: 12px;
	text-align: center;
    transition: all .3s  ease-out;
}
#history .wrap1 a:last-child{
	margin-right: 0;
}
#history .wrap1 a .text{
	padding: 36px 0;
}
#history .wrap1 a .d1{
	font-size: 16px;
	color: #1a1a1a;
}
#history .wrap1 a .d2{
	font-size: 14px;
	color: #4d4d4d;
	margin-top: 10px;
	line-height: 1.5;
}
#historyinfo .wrap1 .htit{
	text-align: center;
	color: #000000;
	font-size: 30px;
	margin: 100px 0 90px;
}
#historyinfo .wrap1 li{
	position: relative;
}
#historyinfo .wrap1 li .imgs{
	float: left;
	width: 50%;
}
#historyinfo .wrap1 li .text{
	position: absolute;
	width: 50%;
	right: 0;
	height: 100%;
}
#historyinfo .wrap1 li .box{
	position: absolute;
	max-width: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0;
	font-weight: 300;
}
#historyinfo .wrap1 li .time{
	font-size: 18px;
	color: #007bb7;
	line-height: 1.5;
}
#historyinfo .wrap1 li .d1{
	width: 420px;
	font-size: 26px;
	line-height: 1.4;
	padding: .3em 0;
	color: #000000;
	max-width: 90%;
}
#historyinfo .wrap1 li .con{
	width: 380px;
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
	max-width: 80%;
}
#historyinfo .wrap1 li:nth-child(2n) .imgs{
	float: right;
}
#historyinfo .wrap1 li:nth-child(2n) .text{
	left: 0;
	right: auto;
}
#historyinfo .wrap2{
	margin: 200px 0 60px;
}
#historyinfo .wrap2 .swiper-slide{
	width: 25%;
}
#historyinfo .wrap2 .datetit{
	font-size: 18px;
	color: #007bb7;
	text-align: center;
	line-height: 1;
}
#historyinfo .wrap2 .tit{
	font-size: 30px;
	color: #000000;
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 50px;
}
#historyinfo .wrap2 .tit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
#historyinfo .wrap2 .swiper-slide{
	text-align: center;
}
#historyinfo .wrap2 .d1{
	font-size: 19px;
	color: #000000;
	padding: 24px 0 0;
}
#historyinfo .wrap2 .d2{
	font-size: 17px;
	color: #4d4d4d;
}
#strategy .wrap1{
	margin: 80px 0 0;
}
#strategy .wrap1 .htit{
	font-size: 30px;
	color: #333333;
	text-align: center;
}
#strategy .wrap1 .hcon{
	color: #4d4d4d;
	text-align: center;
	position: relative;
	padding-bottom: 24px;
	margin-bottom: 90px;
	font-size: 16px;
}
#strategy .wrap1 .hcon:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#strategy .wrap1 .swiper-container{
	margin-top: 60px;
}
#strategy .wrap1 .swiper-container .swiper-pagination{
	position: relative;
	bottom: 0;
	font-size: 0;
	margin: 60px 0 100px;
}
#strategy .wrap1 .swiper-container .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	border: 1px solid #999;
	background: transparent;
	opacity: 1;
}
#strategy .wrap1 .swiper-container .swiper-pagination-bullet-active{
	background-color: #999;
}
#strategy .wrap1 ul{
	font-size: 0;
	padding: 0 45px;
}
#strategy .wrap1 li{
	display: inline-block;
	width: 20%;
	opacity: 0.3;
	transition: all .3s ease-out;
	text-align: center;
}
#strategy .wrap1 li img{
	width: 70%;
}
#innovate .wrap1 .imgs{
	position: relative;
}
#innovate .wrap1 .text{
	position: absolute;
	color: #fff;
	text-align: center;
	width: 100%;
	top: 50%;
	transform: translate(0,-50%);
}
#innovate .wrap1 .text .d1{
	font-size: 30px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
#innovate .wrap1 .text .d1:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #fff;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#innovate .wrap1 .text .d2{
	font-size: 18px;
}
#innovate .wrap2 .imgs{
	position: relative;
}
#innovate .wrap2 ul{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: 0;
}
#innovate .wrap2 ul li{
	display: inline-block;
	width: 50%;
	height: 50%;
	color: #fff;
	text-align: center;
	font-size: 2.8125vw;
	vertical-align: top;
	line-height: 1.5;
	box-sizing: border-box;
	padding: 6.7vw 0 0;
}
#innovate .wrap2 ul li:nth-child(1),
#innovate .wrap2 ul li:nth-child(4){
	background-color: rgba(0,0,0,0.4);
}
#innovate .wrap2 ul li:nth-child(2),
#innovate .wrap2 ul li:nth-child(3){
	background-color: rgba(0,0,0,0.2);
}
#innovate .wrap2 ul li .num{
	font-family: '榛戜綋';
}
#innovate .wrap2 ul li .num span{
	font-size: 3.75vw;
	color: #ffffff;
}
#innovate .wrap2 ul li .con{
	font-size: 0.9375vw;
	line-height: 1.71;
}
#innovate .wrap2 ul li sup{
	font-size: 50%;
}
#innovate .wrap{
	width: 76.5625%;
	margin: 0 auto;
}
#innovate .wrap3 .tit{
	font-size: 30px;
	color: #1a1a1a;
	position: relative;
	text-align: center;
	padding-bottom: 20px;
}
#innovate .wrap3 .tit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#innovate .wrap3 .con{
	font-size: 18px;
	color: #4d4d4d;
	max-width: 630px;
	margin: 20px auto 40px;
	text-align: center;
}
#innovate .wrap3{
	margin: 4.16vw 0 9.375vw;
}
#innovate .wrap4{
	font-size: 0;
	margin: 0 0 9.375vw;
}
#innovate .wrap4 .imgs{
	display: inline-block;
	width: 53%;
	vertical-align: middle;
}
#innovate .wrap4 .text{
	display: inline-block;
	vertical-align: middle;
	width: 38.77551020408163%;
	margin-left: 7.1%;
}
#innovate .wrap4 .tit{
	font-size: 30px;
	color: #1a1a1a;
	position: relative;
	padding-bottom: 18px;
}
#innovate .wrap4 .tit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000;
	bottom: 0;
	left: 0;
}
#innovate .wrap4 .con{
	font-size: 16px;
	line-height: 2.3;
	margin-top: 24px;
}
#honor .wrap1{
	margin-bottom: 80px;
}
#honor .wrap1 .tit{
	font-size: 36px;
	color: #333333;
	text-align: center;
	margin: 110px 0 14px;
}
#honor .wrap1 .con{
	font-size: 16px;
	color: #333333;
	text-align: center;
	margin-bottom: 60px;
}
#honor .wrap1 li a{
	display: block;
	position: relative;
}
#honor .wrap1 li a:after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: all .3s ease-out;
}
#honor .wrap1 li a .text{
	position: absolute;
	width: 100%;
	text-align: center;
	color: #fff;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 2;
	opacity: 0;
	transition: all .3s ease-out;
}
#honor .wrap1 li a .text .d1{
	font-size: 18px;
	position: relative;
	padding-bottom: 2px;
	display: block;
}
#honor .wrap1 li a .d1:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	background-color: #fff;
	height: 1px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#honor .wrap1 li a .text .d2{
	font-size: 14px;
	margin-top: 6px;
}
#honor .wrap1 li .t1{
	font-size: 20px;
	text-align: center;
	padding: 14px 0 40px;
  color: #000000;
  line-height: 2
}
#honorlist .wrap1{
	padding: 100px 0 170px;
}
#honorlist .wrap1 .tit{
	font-size: 36px;
	color: #000000;
	text-align: center;
	margin-bottom: 90px;
}
#honorlist .wrap1 .tit span{
	font-size: 40px;
	color: #4d4d4d;
}
#honorlist .wrap1 .topbox .swiper-container{
	width: 980px;
	margin: 0 auto;
	width: 80%;
}
#honorlist .wrap1 .topbox .swiper-container .imgs{
	width: 51%;
    padding-bottom: 32.84%;
	float: left;
	margin-left: 10px;
	position: relative;
}
#honorlist .wrap1 .topbox .swiper-container .imgs img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#honorlist .wrap1 .topbox .swiper-container .text{
	width: 39.8%;
	padding-right: 1%;
	float: right;
	font-weight: 300;
}
#honorlist .wrap1 .year{
	font-size: 18px;
	color: #007bb7;
	margin-top: 46px;
}
#honorlist .wrap1 .ytit{
	font-size: 26px;
	color: #000000;
	line-height: 1.5;
}
#honorlist .wrap1 .ycon{
	font-size: 16px;
	color: #666666;
	line-height: 1.5;
	margin-top: 20px;
}
#honorlist .wrap1 .ajaxbox.init{
	opacity: 0;
}
#honorlist .wrap1 .ajaxbox{
	opacity: 1;}
#honorlist .wrap1 .wrap{
	width: 1240px;
	margin: 0 auto;
	position: relative;
	max-width: 90%;
}
#honorlist .wrap1 .topbox .prev,
#honorlist .wrap1 .topbox .next{
	width: 42px;
	height: 82px;
	background: no-repeat center/42px auto;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	cursor: pointer;
	z-index: 3;
}
#honorlist .wrap1 .topbox .prev{
	left: 0;
	background-image: url('../img/79.png');
}
#honorlist .wrap1 .topbox .next{
	right: 0;
	background-image: url('../img/80.png');
}
#honorlist .botbox{
	position: relative;
	margin: 136px 0 0;
}
#honorlist .botbox:after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #e2e2e2;
	top: 10px;
	left: 0;
}
#honorlist .botbox .swiper-slide{
	width: auto;
	font-size: 14px;
	color: #1a1a1a;
	padding: 30px 15px 0;
	position: relative;
	cursor: pointer;
}
#honorlist .botbox .swiper-slide.on{
	color: #007bb7;
}
#honorlist .botbox .swiper-container{
	margin: 0 20px;
	padding-top: 10px;
	display: inline-block;
	max-width: 100%;
}
#honorlist .botbox .swiper-slide:after,
#honorlist .botbox .swiper-slide:before{
	content: '';
	display: block;
	width: 1px;
	position: absolute;
	top: 0px;
	transform: translate(0, -100%);
}
#honorlist .botbox .swiper-slide:after{
	height: 7px;
	background-color: #eaeaea;
	left: 0;
}
#honorlist .botbox .swiper-slide:before{
	height: 13px;
	background-color: #eaeaea;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #909090;
}
#globals .wrap1{
	padding: 70px 0; 
}
#globals .wrap1 .tit{
	font-size: 30px;
	text-align: center;
	color: #1a1a1a;
	position: relative;
	padding-bottom: 14px;
	margin-bottom: 20px;
}
#globals .wrap1 .tit:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #000;
	width: 50px;
	height: 2px;
}
#globals .wrap1 .con{
	font-size: 18px;
	color: #4d4d4d;
	text-align: center;
}
#globals .wrap1 .map{
	text-align: center;
	overflow: hidden;
	max-width: 90%;
	margin: 80px auto 0;
}
#globals .wrap1 .map .imgbox{
	display: inline-block;
	margin: 0 auto;
	position: relative;
	max-width: 100%;
}
#globals .wrap1 .map .imgbox img{
	width: 100%;
}
#globals .wrap1 .map .pointbox{
    display: block;
    position: absolute;
    font-size: 16px;
    color: #000000;
    width: 7.1%;
    padding-bottom: 7.1%;
    z-index: 2;
}
#globals .wrap1 .map .pointbox.hei{
	color: #666;
	z-index: 1;
}
#globals .langbox .langcon a.huise{
    color: #cbcbcb;
}
#globals .wrap1 .map .pointbox .point{
    width: 12.5%;
    height: 12.5%;
    background-color: #0a82ce;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    border-radius: 100%;
}
#globals .wrap1 .map .radio1,
#globals .wrap1 .map .radio2{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    transform: translate(-50%,-50%);
}
#globals .wrap1 .map .radio1:after{
    animation: anima 4.5s ease-out 0.225s infinite;
}
#globals .wrap1 .map .radio2:after{
    animation: anima2 4.5s ease-out 1.57s infinite;
}
#globals .wrap1 .map .radio1:after,
#globals .wrap1 .map .radio2:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    margin: auto;
    border-radius: 100%;
    border: 1px solid rgba(0,125,204,0.8);
    width: 1px;
    height: 1px;
    z-index: 2;
    opacity: 0;
}
#globals .wrap1 .map .text{
    position: absolute;
    white-space: nowrap;
    left: 63%;
    top: 50%;
    transform: translateY(-50%);
}
#globals .map .pointbox:nth-child(1){
    top: 22%;
    left: 14%;
}
#globals .map .pointbox:nth-child(2){
    top: 23%;
    left: 42.2%;
}
#globals .map .pointbox:nth-child(3){
    top: 32.5%;
    left: 64.2%;
}
#globals .map .pointbox:nth-child(4){
    top: 21%;
    left: 72%;
}
#globals .map .pointbox:nth-child(4) .text{
    transform: none;
    left: 60%;
    top: 27%;
}
#globals .map .pointbox:nth-child(5){
    top: 37%;
    left: 65.3%;
}
#globals .map .pointbox:nth-child(5) .text{
    left: -8%;
}
#globals .map .pointbox:nth-child(6){
    top: 38.2%;
    left: 70.9%;
}
#globals .map .pointbox:nth-child(7){
    top: 41.2%;
    left: 71.5%;
}
#globals .map .pointbox:nth-child(7) .text{
    left: -8%;
}
#globals .map .pointbox:nth-child(8){
    top: 43%;
    left: 73.1%;
}
#globals .map .pointbox:nth-child(9){
    top: 46.2%;
    left: 73.1%;
}
#globals .map .pointbox:nth-child(9) .text{
    left: -94%;
}
#globals .map .pointbox:nth-child(10){
    top: 46%;
    left: 77.5%;
}
#globals .map .pointbox:nth-child(11){
    top: 51%;
    left: 72%;
}
#globals .map .pointbox:nth-child(11) .text{
    left: calc( -8% - 2em);
}
#globals .map .pointbox:nth-child(12){
    top: 52%;
    left: 76%;
}
#globals .map .pointbox:nth-child(13){
    top: 71%;
    left: 82.5%;
}
#globals .map .pointbox:nth-child(14){
    top: 80%;
    left: 92%;
}
#globals .map .pointbox:nth-child(14) .text{
    left: calc( -8% - 1em);
}
#globals .map .pointbox:nth-child(15){
    top: 34.5%;
    left: 58.5%;

}
#globals .map .pointbox:nth-child(15) .text{
	left:-8%;

}
#globals .map .pointbox:nth-child(16){
    top: 37.5%;
    left: 52%;

}
#globals .map .pointbox:nth-child(16) .text{
	left:-8%;

}
#globals .map .pointbox:nth-child(1) .radio1:after{
	animation: anima 3s ease-out 225ms infinite; 
}
#globals .map .pointbox:nth-child(1) .radio2:after{
	animation: anima2 3s ease-out 1575ms infinite; 
}
#globals .map .pointbox:nth-child(2) .radio1:after{
	animation: anima 4s ease-out 225ms infinite; 
}
#globals .map .pointbox:nth-child(2) .radio2:after{
	animation: anima2 4s ease-out 1575ms infinite; 
}
#globals .map .pointbox:nth-child(3) .radio1:after{
	animation: anima 3.5s ease-out 225ms infinite; 
}
#globals .map .pointbox:nth-child(3) .radio2:after{
	animation: anima2 3.5s ease-out 1575ms infinite; 
}
#globals .map .pointbox:nth-child(4) .radio1:after{
	animation: anima 4.5s ease-out 225ms infinite; 
}
#globals .map .pointbox:nth-child(4) .radio2:after{
	animation: anima2 4.5s ease-out 1575ms infinite; 
}
#globals .map .pointbox:nth-child(5) .radio1:after{
	animation: anima 3s ease-out 225ms infinite; 
}
#globals .map .pointbox:nth-child(5) .radio2:after{
	animation: anima2 3s ease-out 1575ms infinite; 
}
#globals .map .pointbox:nth-child(6) .radio1:after{
	animation: anima 3.5s ease-out 225ms infinite; 
}
#globals .map .pointbox:nth-child(6) .radio2:after{
	animation: anima2 3.5s ease-out 1575ms infinite; 
}
#globals .map .pointbox:nth-child(7) .radio1:after{
	animation: anima 4s ease-out 225ms infinite; 
}
#globals .map .pointbox:nth-child(7) .radio2:after{
	animation: anima2 4s ease-out 1575ms infinite; 
}
#globals .map .pointbox:nth-child(8) .radio1:after{
	animation: anima 4.5s ease-out 225ms infinite; 
}
#globals .map .pointbox:nth-child(8) .radio2:after{
	animation: anima2 4.5s ease-out 1575ms infinite; 
}
#globals .map .pointbox:nth-child(9) .radio1:after{
	animation: anima 3s ease-out 225ms infinite; 
}
#globals .map .pointbox:nth-child(9) .radio2:after{
	animation: anima2 3s ease-out 1575ms infinite; 
}
#culture .pchad{
	position: absolute;
}
#culture .ad{
	position: relative;
	width: 100%;
}
#culture .ad .w1440{
	position: relative;
	left: 0;
	top: 0;
}
#culture .ad-text{
	color: #ffffff;
	width: 920px;
	max-width: 80%;
	margin: 80px auto 65px;
	font-size: 0;
	position: relative;
}
#culture .ad-text .ad-text-jitem{
	position: absolute;
	top: -48px;
}
#culture .ad-text:after{
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 50%;
	background-color: #e9e9e9;
}
/* #culture .ad .text .box{
	position: absolute;
    width: 380px;
    top: 62%;
    left: 53.4%;
    transform: translate(-50%, -50%);
} */
#culture .htit{
	font-size: 30px;
	color: #1a1a1a;
	position: relative;
}
#culture .ad .htit{
	padding-bottom: 0.7em;
	color: #fff;
	font-size: 22px;
}
#culture .ad-text .d2{
	font-size: 22px;
	line-height: 1.818;
	width: 50%;
	display: inline-block;
	vertical-align: top;
	color: #000000;
	text-align: center;
	line-height: 1;
}
#culture .ad-text .d2 span{
	font-size: 16px;
	color: #000000;
	display: block;
	padding-top: 25px;
}
#culture .ad .d2 p+p{
	margin-top: 1em;
}
#culture .w1440{
	font-size: 0;
}
#culture .nicescroll-rails div{
}
#culture .wrap1 .htit{
	text-align: center;
	margin: 50px 0 10px;
}
#culture .wrap1 .subtit{
	font-size: 18px;
	color: #1a1a1a;
	text-align: center;
}
#culture .wrap1 .con{
	font-size: 14px;
	color: #4d4d4d;
	text-align: center;
	line-height: 2;
	margin-top: 14px;
	margin-bottom: 46px;
}
#culture .wrap1 .con p{
  line-height: 2;
}
#culture .wrap2 .imgs,
#culture .wrap4 .imgs{
	width: 54.16666666666666%;
	display: inline-block;
	vertical-align: top;
}
#culture .wrap2 .text,
#culture .wrap4 .text{
	width: 40.2%;
	display: inline-block;
	vertical-align: top;
	line-height: 2.25;
	margin-left: 5.2%;
	margin-top: 60px;
}
#culture .wrap2 .imgs{
	vertical-align: middle;
}
#culture .wrap2 .text{
	vertical-align: middle;
	margin-top: 0;
}
#culture .wrap2 .con{
	padding-right: 30px;
	max-height: 31em;
}
#culture .nicescroll-rails{
	display: block;
	border-left: none;
}
#culture .wrap2 .con,
#culture .wrap3 .con,
#culture .wrap4 .con{
	font-size: 14px;
  color: #4d4d4d;
  
}
#culture .wrap2 .con p,
#culture .wrap3 .con p,
#culture .wrap4 .con p{
	line-height: 2;
  
}
#culture .wrap2 .htit,
#culture .wrap3 .htit,
#culture .wrap4 .htit{
	padding-bottom: 10px;
	margin-bottom: 26px;
}
#culture .wrap2 .htit:after,
#culture .wrap3 .htit:after,
#culture .wrap4 .htit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	margin: 0 auto;
}
#culture .wrap2 .htit .htit-d1{
	font-size: 22px;
	color: #1a1a1a;
	line-height: 1;
	padding-bottom: 18px;
}
#culture .wrap2{
	margin: 110px 0; 
}
#culture .wrap3{
	text-align: center;
	padding-bottom: 100px;
}
#culture .wrap3 .htit:after{
	right: 0;
}
#culture .wrap3 .con{
	margin-bottom: 50px;
}
#culture .wrap4{
	margin: 160px 0 120px;
	display: none;
}
#culture .wrap1 .culture-wrap1-maodian{
	position: absolute;
	top: 80%;
	left: 0;
}
#culture .wrap1 .culture-wrap1-maodian +  .culture-wrap1-maodian{
	margin-top: 10px;
}
#culture .wrap1 .imgs,
#culture .wrap2 .imgs,
#culture .wrap3 .imgs,
#culture .wrap4 .imgs{
	overflow: hidden;
}
#culture .wrap1 .imgs img,
#culture .wrap2 .imgs img,
#culture .wrap3 .imgs img,
#culture .wrap4 .imgs img{
	transition: all .6s ease-out;
}
#culture .culturenav{
	font-size: 0;
}
#culture .culturenav span{
	display: inline-block;
	color: #333333;
	font-size: 14px;
	margin-left: 60px;
	vertical-align: top;
	cursor: pointer;
}
#culture .culturenav span.on{
	color: #007bbe;
}
#culture .fixnav{
	height: 70px;
	line-height: 70px;
}
#culture .fixnav .subnav.fix{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
}
#social .wrap2 .box + .box{
	margin-top: 8.54vw;
}
#social .wrap2 .ul-tit{
	font-size: 32px;
	text-align: center;
	color: #1a1a1a;
	padding-bottom: 3.125vw;
}
#social .wrap1 .con{
	font-size: 16px;
	color: #4d4d4d;
	line-height: 2;
	width: 1100px;
	max-width: 90%;
	margin: 0 auto;
	text-align: left;
	padding: 72px 0 90px;
}
#social .wrap2{
	padding-bottom: 3.5vw;
	padding-top: 5.2vw;
}
#social .wrap2 li{
	position: relative;
}
#social .wrap2 li .imgs{
	width: 50%;
}
#social .wrap2 li .text{
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
#social .wrap2 li:nth-child(2n) .imgs{
	float: right;
}
#social .wrap2 li:nth-child(2n) .text{
	left: 0;
}
#social .wrap2 li .text .box{
	position: absolute;
	top: 50%;
	left:0;
	transform: translate(0, -50%);
	padding-right: 90px;
	padding-left: 60px;
}
#social .wrap2 li .text .box .t1{
	font-size: 30px;
	color: #333333;
	padding-bottom: 18px;
  position: relative;
  line-height: 2;
}
#social .wrap2 li .text .box .t1:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	margin: 0 auto;
}
#social .wrap2 li .text .con{
	font-size: 14px;
	color: #4d4d4d;
	line-height: 2;
	margin-top: 30px;
}
#social .wrap2 li .text .con p {
  line-height: 2;
}
#social .wrap2 li:nth-child(2n) .text .box{
	padding-left: 30px;
	padding-right: 130px;
}
#university .wrap1 ul{
	font-size: 0;
	margin-top: 56px;
	margin-bottom: 40px;
}
#university .wrap1 li{
	width: calc(25% - 9px);
	display: inline-block;
	text-align: center;
	vertical-align: top;
	transition: all .3s ease-out;
}
#university .wrap1 li:not(:last-child){
	margin-right: 12px;
}
#university .wrap1 li .text{
	padding: 25px 50px 15px;
}
#university .wrap1 li .tit{
	font-size: 18px;
	position: relative;
	padding-bottom: 8px;
  color: #333333;
  line-height: 2;
}
#university .wrap1 li .tit:after{
	content: '';
	display: block;
	position: absolute;
	width: 46px;
	height: 2px;
	background-color: #a9a9a9;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#university .wrap1 li .con{
	font-size: 13px;
	color: #4d4d4d;
  margin-top: 18px;
  line-height: 2;
}
#university .wrap1 li .more{
	display: inline-block;
	padding-right: 12px;
	font-size: 12px;
	color: #0080d3;
	margin-top: 20px;
	opacity: 0;
	transform: translateY(10px);
	transition: all .3s ease-out;
  background: url('../img/arrowpc.svg') no-repeat right center/5px auto;
  line-height: 2;
}
#intro .wrap1 .con{
	font-size: 14px;
	color: #333333;
	line-height: 2.5;
	text-align: left;
	width: 1200px;
	max-width: 90%;
	margin: 64px auto 80px;
}
#intro .wrap1 ul{
	font-size: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#intro .wrap1 li{
	display: inline-block;
	width: calc(25% - 18px);
	vertical-align: top;
	text-align: center;
	box-sizing: border-box;
	padding: 70px 45px 80px;
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.1);
    transition: all .3s ease-out;
}
#intro .wrap1 li + li{
	margin-left: 24px;
}
#intro .wrap1 li .ico img{
	width: 50px;
}
#intro .wrap1 li .d1{
	font-size: 16px;
	color: #000000;
	position: relative;
	padding-bottom: 10px;
  margin-top: 16px;
  line-height: 2;
}
#intro .wrap1 li .d1:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #707070;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#intro .wrap1 li .d2{
	font-size: 12px;
	color: #4d4d4d;
	margin-top: 20px;
  text-align: left;
  line-height: 2;
}
#intro .wrap2{
	margin: 155px 0 0;
	position: relative;
}
#intro .wrap2 .swiper-container{
	background: url('../img/85.jpg') repeat-x left bottom;
}
#intro .wrap2 .swiper-container .swiper-wrapper{
}
#intro .wrap2 .swiper-slide{
	width: 25%;
	box-sizing: border-box;
	padding: 0 5% 90px;
	position: relative;
}
/* #intro .wrap2 .swiper-slide .linebox{
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 0;
	left: 0;
	font-size: 0;
}
#intro .wrap2 .swiper-slide .linebox .line-item{
	width: 1px;
	height: 20px;
	background-color: #808080;
	margin-right: 10px;
	display: inline-block;
	vertical-align: bottom;
} */
/* #intro .wrap2 .swiper-slide .linebox .line-item:not(:nth-child(5n)){
	height: 10px;
} */
#intro .wrap2 .htit{
	font-size: 30px;
	text-align: center;
	margin-bottom: 60px;
	position: relative;
	padding-bottom: 20px;
}
#intro .wrap2 .htit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
#intro .wrap2 .year{
	font-size: 50px;
	color: #007bb1;
}
#intro .wrap2 .con{
	font-size: 16px;
	color: #4d4d4d;
	line-height: 1.75;
}
#intro .wrap2 .blk1{
	position: relative;
}
#intro .wrap2 .line{
	position: absolute;
	background: no-repeat center;
	width: 100%;
	height: 1px;
	bottom: 0;
	background-color: #e0e0e0;
	z-index: 2;
}
#intro .wrap2 .control{
	font-size: 0;
	margin-top: 70px;
}
#intro .wrap2 .wrap2-prev,
#intro .wrap2 .wrap2-next{
	width: 42px;
	height: 42px;
	display: inline-block;
	margin: 0 11px;
	background: url('../img/91.png') no-repeat center/cover;
	cursor: pointer;
}
#intro .wrap2 .wrap2-next{
	transform: rotate(180deg);
}
#intro .wrap3 .htit{
	font-size: 30px;
	color: #333333;
	text-align: center;	
	position: relative;
	padding-bottom: 20px;
	margin:136px 0 55px;
}
#intro .wrap3 .htit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
#intro .wrap3 .swiper-container{
	font-size: 0;
	margin-bottom: 110px;
	padding: 0 10px 10px;
}
#intro .wrap3 .swiper-slide{
	width:calc(33.3333% - 16px);
	text-align: center;
	vertical-align: top;
	margin-right: 24px;
}
#intro .wrap3 .swiper-slide a{
	display: block;
	padding-bottom: 30px;
   	box-shadow: 1px 3px 10px rgba(0,0,0,0);
   	transition: all .3s ease-in;
}
#intro .wrap3 .swiper-slide:last-child{
	margin-right: 0;
}
#intro .wrap3 .swiper-slide .text{
	padding: 0 8.8%;
}
#intro .wrap3 .swiper-slide img{
	width: 100%;
}
#intro .wrap3 .swiper-slide .tit{
	font-size: 23px;
	color: #333333;
	position: relative;
	margin-top: 35px;
	padding-bottom: 8px;
}
#intro .wrap3 .swiper-slide .tit:after{
	content: '';
	display: block;
	position: absolute;
	width: 60px;
	height: 1px;
	background-color: #666666;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#intro .wrap3 .swiper-slide .con{
	margin-top: 24px;
	font-size: 13px;
	color: #4d4d4d;
}
#talent .wrap1 .htit{
	font-size: 30px;
	position: relative;
	color: #1a1a1a;
	text-align: center;
	padding-bottom: 20px;	
	margin:110px 0 70px;
}
#talent .wrap1 .htit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #000000;
}
#talent .wrap1 .box2 .htit{
	margin-bottom: 50px;
}
#talent .wrap1 ul{
	font-size: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
#talent .wrap1 ul li{
	width: calc(50% - 8px);
	transition: all .3s ease-out;
	box-sizing: border-box;
	padding: 40px 5.77% 64px;
}
#talent .wrap1 ul li .ico{
	display: inline-block;
	vertical-align: top;
}
#talent .wrap1 ul li .ico img{
	width: 72px;
}
#talent .wrap1 ul li .text{
	display: inline-block;
	width: calc(100% - 72px);
	box-sizing: border-box;
	padding-left: 8%;
}
#talent .wrap1 ul li .d1{
	font-size: 20px;
	color: #1a1a1a;
	line-height: 1.5;
  padding: 0.25em 0;
}
#talent .wrap1 ul li .d2{
	font-size: 14px;
  color: #4d4d4d;
  line-height: 2;
}
#talent .wrap1 .w1440{
	width: 67.8%;
}
#talent .wrap1 .box2{
	padding-bottom: 140px;
}
#openclass .wrap1{
	padding: 70px 0 90px;
}
#openclass .wrap1 .w1440 .con{
	max-width: 870px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #1a1a1a;
	line-height: 2.5;
}
#openclass .wrap2 .htit{
	font-size: 0;
	line-height: 60px;
	padding-bottom: 30px;
}
#openclass .wrap2 .h1{
	font-size: 30px;
	display: inline-block;
	float: left;
}
#openclass .wrap2 .atap{
	display: inline-block;
	float: right;
}
#openclass .wrap2 .atap .tapitem{
	display: inline-block;
}
#openclass .wrap2 .atap a{
	display: inline-block;
	line-height: 2;
	font-size: 18px;
	padding-bottom: 0.25em;
	position: relative;
	vertical-align: middle;
	color: #1a1a1a;
	transition: all .3s ease-out;
	margin-left: 40px;
}
#openclass .wrap2 .atap a:after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #80bdd8;
	opacity: 0;
	transition: all .3s ease-out;
}
#openclass .wrap2 .atap a.on{
	color: #007bb1;
}
#openclass .wrap2 .atap a.on:after{
	opacity: 1;
}
#openclass .wrap2 ul{
	font-size: 0;
	text-align: left;
}
#openclass .wrap2 li{
	display: inline-block;
	width: calc(33.3333% - 14px);
	vertical-align: top;
	margin-bottom: 22px;
	transition: all .3s ease-out;
    	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0);
}
#openclass .wrap2 li:not(:nth-child(3n)){
	margin-right: 21px;
}
#openclass .wrap2 li .text{
	padding: 30px 20px 54px;
}
#openclass .wrap2 li .tit{
	font-size: 18px;
	color: #1a1a1a;
	line-height: 1.5;
	padding: 0.25em 0;
}
#openclass .wrap2 li .con{
	font-size: 14px;
	color: #4d4d4d;
}
#openclass .wrap2 li .con p {
  line-height: 2;
}
#openclass .wrap2 li .attr{
	font-size: 0;
	vertical-align: top;
	padding-right: 10px;
	color: #333;
	margin-top: 12px;
}
#openclass .wrap2 li .attr span{
	display: inline-block;
	font-size: 14px;
	background: no-repeat left center/18px auto;
  padding-left: 26px;
  line-height: 2;
}
#openclass .wrap2 li .attr .time{
	background-image: url('../img/38.png');
	float: left;
}
#openclass .wrap2 li .attr .look{
	background-image: url('../img/39.png');
	float: right;
}
#openclass .wrap2 li .attr .good{
	background-image: url('../img/40.png');
	margin-left: 24px;
	float: right;
}
#openclass .wrap2 li .attr .good.on{
	background-image: url('../img/40-h.png');
}
#openclass .wrap2 li.end .imgs{
	position: relative;
}
#openclass .wrap2 li.end .imgs:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,1) url('../img/99.png') no-repeat center/46.4% auto;
	opacity: 0.5;
}
#openclass .wrap2 .box .more{
    font-size: 14px;
	color: #333333;
	text-align: center;
    width: 220px;
    height: 50px;
    line-height: 50px;
	border: 1px solid #a8a8a8;
	cursor: pointer;
	margin: 70px auto 100px;
}
#openclassinfo .htit{
	font-size: 26px;
	color: #1a1a1a;
}
#openclassinfo .wrap1 .htit{
	text-align: center;
}
#openclassinfo .wrap1 .time{
	font-size: 14px;
	text-align: center;
	color: #4d4d4d;
	margin: 20px 0 100px;
}
#openclassinfo .wrap1 .time span{
	display: inline-block;
	margin-left: 20px;
}
#openclassinfo .wrap1 .w1440{
	box-sizing: border-box;
	padding: 0 3.43%;
}
#openclassinfo .wrap1 .box{
	font-size: 0;
}
#openclassinfo .wrap1 .box .imgs{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	padding: 0 5%;
	box-sizing: border-box;
}
#openclassinfo .wrap1 .box .con{
	width: 50%;
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0 4% 0 0%;
}
#openclassinfo .wrap1 .box .con p:first-child{
}
#openclassinfo .wrap1{
	padding: 110px 0 82px; 
}
#openclassinfo .wrap2{
	background-color: #f4f4f4;
}
#openclassinfo .container{
	width: 1000px;
	margin: 0 auto;
	max-width: 70%;
}
#openclassinfo .wrap2 .container{
	padding: 44px 0 66px;
}
#openclassinfo .wrap2 .box{
	font-size: 0;
	margin: 76px 0 0;
}
#openclassinfo .wrap2 .imgs{
	width: 248px;
	height: 248px;
	border-radius: 100%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
#openclassinfo .wrap2 .text{
	display: inline-block;
	vertical-align: middle;
    max-width: calc(100% - 248px);
	color: #4d4d4d;
	box-sizing: border-box;
    padding-left: 90px;
}
#openclassinfo .wrap2 .text .d1{
	font-size: 20px;
	color: #1a1a1a;
}
#openclassinfo .wrap2 .text .d2{
	font-size: 16px;
}
#openclassinfo .wrap2 .text .d3{
	font-size: 14px;
}
#openclassinfo .wrap3 .top .w1440{
	border-bottom: 1px solid #dedede;
	padding: 60px 0 40px;
}
#openclassinfo .wrap3 .con{
	font-size: 14px;
	color: #4d4d4d;
	margin-top: 30px;
}
#openclassinfo .wrap3 .fot{
	padding: 44px 0 0;
}
#openclassinfo .wrap3 .fot .con{
	color: #000000;
}
#openclassinfo .wrap3 .fot .red{
	color: #ff0000;
	font-size: 14px;
}
#openclassinfo .wrap3{
	padding-bottom: 100px;
}
#openclassinfo .wrap4{
	text-align: right;
	font-size: 0;
	margin-bottom: 95px;
}
#openclassinfo .wrap4 span{
	display: inline-block;
	font-size: 18px;
	padding-left: 36px;
	background: no-repeat left center/24px auto;

}
#openclassinfo .wrap4 span.look{
	background-image: url('../img/43.png');
}
#openclassinfo .wrap4 span.good{
	background-image: url('../img/100.png');
	margin:0 9% 0 30px;
	cursor: pointer;
}
#openclassinfo .wrap4 span.good.on{
	background-image: url('../img/44.png');
}
#special .wrap1 {
	margin: 70px 0 215px;
}
#special .wrap1 .w1440{
	width: 1230px;
	max-width: 80%;
}
#special .wrap1 ul{
	font-size: 0;
	text-align: justify;
}
#special .wrap1 li{
	width: calc(50% - 28px);
	display: inline-block;
}
#special .wrap1 li:not(:nth-child(2n-1)){
	margin-left: 56px;
}
#special .wrap1 li .tit{
	font-size: 20px;
	color: #333333;
	position: relative;
	padding-bottom: 20px;
	margin:26px 0;
}
#special .wrap1 li .tit:after{
	content: '';
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #808080;
	bottom: 0;
	left: 0;
}
#special .wrap1 li .con{
	font-size: 14px;
	color: #4d4d4d;
	line-height: 2;
}
#servicehome .htit{
	font-size: 30px;
	color: #000000;
	text-align: center;
}
#servicehome .wrap1{
	background-color: #efefef;
	padding: 110px 0 130px;
}
#servicehome .wrap1 ul{
	width: 1280px;
	font-size: 0;
	margin: 60px auto 0;
	max-width: 100%;
}
#servicehome .wrap1 li{
	display: inline-block;
	width:calc(20% - 10px);
	text-align: center;
	background-color: #fff;
    padding: 5.05% 0 5.1%;
    transition: all .3s ease-out;
}
#servicehome .wrap1 li .ico{
	height: 84px;
	line-height: 84px;
}
#servicehome .wrap1 li.code .d2{
	background-image: url('../');
	padding-right: 0;
}
#servicehome .wrap1 li:not(:first-child){
	margin-left: 10px;
}
#servicehome .wrap1 li a{
	display: block;
}
#servicehome .wrap1 li .d1{
	font-size: 21px;
	color: #000000;
	margin: 20px 0 0;
}
#servicehome .wrap1 li .d2{
	display: inline-block;
	font-size: 12px;
	color: #007bbf;
	padding-right: 12px;
	background: url('../img/d2.svg') no-repeat right center/5px auto;
}
#servicehome .wrap1 li .ico img{
	width: 27.6%;
}
#servicehome .wrap1 li.code .ico img{
	width: 36.4%
}
#servicehome .wrap2{
	padding-bottom: 15px;
}
.faqlist .w1440{
	width: 1280px;
	max-width: 85%;
}
.faqlist .box{
	font-size: 0;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}
.faqlist .box ul{
	display: inline-block;
	width: calc(50% - 25px);
	vertical-align: top;
}
.faqlist .box ul + ul{
	margin-left: 50px;
}
.faqlist .box li{
	border-bottom: 1px solid #d8d8d8;
}
.faqlist .box li.nobor{
	border-bottom: 1px solid transparent;
}
.faqlist .box li .listtit{
	font-size: 16px;
	color: #000000;
	line-height: 60px;
	position: relative;
	cursor: pointer;
}
.faqlist .box li .listtit:after{
	content: '';
	display: block;
	position: absolute;
	width: 13px;
	height: 13px;
	background: url('../img/plus.svg') no-repeat center/cover;
	right: 12px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	transition: all .3s ease-out;
}
.faqlist .box li .listtit.on:after{
	transform: rotate(135deg);
}
.faqlist .box li .listcon{
	display: none;
	background-color: #f7f7f7;
	box-sizing: border-box;
	padding: 16px 28px 26px;
	font-size: 14px;
	line-height: 2;
}
.faqlist .box li .listcon .dbox{
	font-size: 0;
}
.faqlist .box li .listcon .con{
	color: #666666;
}
.faqlist .box li .listcon .d1{
	color: #000000;
	margin: 10px 0;
	font-size: 14px;
}
.faqlist .box li .list-btn{
	font-size: 12px;
	color: #4d4d4d;
	border-radius: 18px;
	width: 80px;
	height: 36px;
	line-height: 36px;
	text-align: left;
	display: inline-block;
	box-sizing: border-box;
	padding-left: 38px;
	background: #f0f0f0 no-repeat 14px center/17px 17px;
	cursor: pointer;
}
.faqlist .box li .list-btn+.list-btn{
	margin-left: 20px;
}
.faqlist .box li .list-btn.yes{
	background-image: url('../img/like.svg');
}
.faqlist .box li .list-btn.no{
	background-image: url('../img/dislike.svg');
}
.faqlist .box li .list-btn.on.yes{
	background-image: url('../img/like-h.svg');
}
.faqlist .box li .list-btn.on.no{
	background-image: url('../img/dislike-h.svg');
}
.faqlist .box li .stop{
	font-size: 14px;
	color: #007bbf;
	float: right;
	line-height: 36px;
	cursor: pointer;
}
.faqlist .box .more{
	display: block;
	width: 320px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #e8e8e8;
	color: #000000;
	font-size: 16px;
	margin: 84px auto 10px;
	cursor: pointer;
}
#servicehome .wrap2 .htit{
	margin: 120px 0 50px;
}
#faq .wrap1 .w1440{
	width: 1200px;
	max-width: 85%;
}
#faq .wrap1 .swiper-slide{
	width: 123px;
	padding-bottom: 100%;
	text-align: center;
	box-sizing: border-box;
	padding: 13px 0 10px;
	border-radius: 10px;
	transition: all .3s ease-out;
	cursor: pointer;
}
#faq .wrap1 .swiper-slide:not(:last-child){
	margin-right: 10px;
}
#faq .wrap1 .swiper-slide.on{
	background-color: #ededed;
}
#faq .wrap1 .swiper-slide img{
	width: 79px;
}
#faq .wrap1 .swiper-slide .d1{
	font-size: 15px;
	color: #000000;
	line-height: 1;
	margin-top: 24px;
}
#faq .wrap1 .swiper-wrapper{
	justify-content:space-between;
}
#faq .wrap1 .htit{
	font-size: 30px;
	color: #3e3a39;
	text-align: center;
	margin: 60px 0 70px;
}
#faq .wrap2{
	margin-top: 70px;
	padding-bottom: 15px;
}
#faq .fixsub,
#charge .fixsub,
#policy .fixsub{
	height: 70px;
	line-height: 70px;
}
#faq .fixsub .subnav.fix,
#charge .fixsub .subnav.fix,
#policy .fixsub .subnav.fix{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
#faq .pchad{
	position: absolute;
}
#faq .fixsub .right{
	font-size: 0;
}
#faq .fixsub .right a,
#charge .fixsub .right a,
#policy .fixsub .right a{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	width: 100px;
	height: 34px;
	line-height: 34px;
	text-align: left;
    vertical-align: middle;
    padding-left: 16px;
    box-sizing: border-box;
    background: #007ac2 url('../img/109.png') no-repeat 80px center/6px auto;
    border-radius: 3px;
}
#faq .fixsub .right a + a,
#charge .fixsub .right a + a{
	margin-left: 12px;
}
#charge .wrap1 .w1440{
	width: 1200px;
	max-width: 85%;
}
#charge .wrap1 .w1440 .htit{
	font-size: 30px;
	color: #000000;
	text-align: center;
	margin: 70px 0 50px;
}
#charge .wrap1 .w1440 .h2tit,
#policy .wrap1 .w1440 .h2tit{
	font-size: 20px;
	color: #0c90e0;
}
#charge .wrap1 .w1440 .h2tit{
	padding: 0px 0 20px;
}
#policy .wrap1,
#charge .wrap1{
	font-size: 16px;
}
#charge .wrap1 table{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #4d4d4d;
	border-top:1px solid #c6c6c6;
	border-left:1px solid #c6c6c6;
}
#charge .wrap1 table p img{
	width: 16px;
}
#charge .wrap1 table thead{
	font-size: 18px;
	color: #000000;
}
#charge .wrap1 table thead tr{
	height: 70px;
}
#charge .wrap1 table td{
	width: 140px;
	padding: 0 30px;
}
#charge .wrap1 table tbody tr{
	height: 50px;
}
#charge .wrap1 table td{
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
}
@media screen and (max-width: 800px) {
    #charge .wrap1 table td {
    	width: 90px;
    	padding: 0 30px;
    }
}
.no-right-boder{
	border-right: none !important;
}
#charge .wrap1 .table1 table{
	margin-top: 30px;
}
#charge .wrap1 .tablecon,
#policy .wrap1 .tablecon{
	font-size: 18px;
	color: #383838;
	line-height: 2;
	margin-top: 10px;
}
#charge .wrap1 .table{
	margin: 48px 0 0px;
}
#charge .wrap1 .table .w1440{
	padding-bottom: 50px;
	border-bottom: 1px solid #eff0f0;
}
#charge .wrap1 .table2 tr{
	height: 70px;
}
#charge .wrap1 .table3 table tbody tr{
	height: 80px;
}
#policy .wrap1 .w1440{
	width: 1200px;
    max-width: 85%;
}
#policy .wrap1 .htit{
	font-size: 30px;
	color: #000000;
	text-align: center;
	margin: 70px 0 10px;
}
#policy .wrap1 table{
	width: 100%;	
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	text-align: center;
	font-size: 16px;
	color: #4d4d4d;
	margin-top: 24px;
}
#policy .wrap1 table tr{
	height: 50px;
}
#policy .wrap1 table td{
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	width: 200px;
}
#policy .wrap1 table td:last-child{
	width: 560px;
}
#policy .wrap1 table thead{
	font-size: 18px;
	color: #000000;
}
#policy .wrap1 table thead tr{
	height: 64px;
}
#policy .wrap1 table tr:nth-child(n+12) td:last-child{ 
	/* text-align: left; */
	/* padding-left: 72px; */
}
#policy .wrap1 .h2tit{
	margin-bottom: 30px;
	margin-top: 50px;
}
#policy .wrap1 .table1 .tablecon:last-child{
	padding: 60px 0 40px;
}
#policy .wrap1 .table1 .w1440{
	border-bottom: 1px solid #eff0f0;
    padding-bottom: 50px;
}
#policy .wrap1 .table2 .w1440{
	padding-bottom: 50px;
	border-bottom: 1px solid #eff0f0;
}
#policy .wrap1 .table3{
	padding-bottom: 40px;
}
#policy .pchad{
	position: absolute;
}
#query .wrap1 .htit{
	font-size: 25px;
	color: #1a1a1a;
	text-align: center;
	margin: 9.375vw 0 40px;
}
#query .wrap1 .htit br{
	display: none;
}
#query .wrap1 .inpbox{
	width: 400px;
	margin: 0 auto;
	font-size: 0;
}
#query .wrap1 .inpbox input{
	border: 1px solid #dddddd;
	height: 46px;
	line-height: 46px;
	padding-left: 10px;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	border-radius: 3px;
}
#query .wrap1 .inpbox .code input{
	width: 240px;
}
#query .wrap1 .inpbox .code .send{
	width: 140px;
	display: inline-block;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	background-color: #0c94e4;
	color: #fff;
	text-align: center;
	float: right;
	border-radius: 3px;
	cursor: pointer;
}
#query .wrap1 .inpbox .inp + .inp{
	margin-top: 20px;
}
#query .wrap1 .inpbox .submit input{
	background-color: #0c94e4;
	color: #fff;
	padding: 0;
	border: none;
}
#query .wrap1 {
	padding-bottom: 8.8vw;
}
#result .wrap1{
	padding: 180px 0 0; 
}
#result .wrap1 .w1440{
	width: 1210px;
	max-width: 85%;
	font-size: 0;
}
#result .wrap1 ul{
	border: 1px solid #e3e3e3;
	border-bottom: none;
}
#result .wrap1 ul:last-of-type{
	border-bottom: 1px solid #e3e3e3;
}
#result .wrap1 li{
	width: 20%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
#result .wrap1 li:not(:first-child){
	border-left: 1px solid #efefef;
}
#result .wrap1 li .tit{
	font-size: 16px;
	color: #000000;
	text-align: center;
	line-height: 50px;
	background-color: #f5f5f5;
	display: none;
}
#result .wrap1 ul:first-child li .tit{
	display: block;
}
#result .wrap1 li .con{
	display: table;
	height: 126px;
	font-size: 16px;
	text-align: center;
	width: 100%;
	vertical-align: middle;
}
#result .wrap1 li .con div{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5;
}
#result .wrap1 li:last-child .con{
	color: #007bc3;
}
#result .wrap1 .ts{
	font-size: 18px;
	color: #333333;
	text-align: center;
	margin: 45px 0 100px;
}
.step .htit{
	font-size: 30px;
	text-align: center;
	color: #000000;
	margin: 30px 0 70px;
}
.step .w1440{
	width: 960px;
}
.step .swiper-slide{
	width: auto;
}
.step .swiper-slide:not(:last-child){
	padding-right: 120px;
	background: url('../img/115.png') no-repeat right 18px;
	margin-right: 80px;
}
.step .swiper-slide.on .text{
	color: #007bc3;
}
.step .box{
	display: block;
}
.step .swiper-slide.on{
	background-image: url('../img/115-h.png');
}
.step .swiper-slide.on:last-child{
	background-image: url('');
}
.step .swiper-slide .text{
	font-size: 14px;
	color: #4d4d4d;
	margin-top: 30px;
}
.step .ico{
	width: 56px;
	height: 56px;
	background: no-repeat center/cover;
	margin: 0 auto;
}
.step .ico img{
	width: 100%;
	display: none;
}
.step .ico img:first-child{
	display: block;
}
.step .on .ico img:first-child{
	display: none;
}
.step .on .ico img:last-child{
	display: block;
}
.step .swiper-slide.on:first-child img:first-child{
	display: block;
}
.step .swiper-slide.on:first-child img:last-child{
	display: none;
}
/* .step .swiper-slide:nth-child(1) .ico{
	background-image: url('../img/111.png');
}
.step .swiper-slide:nth-child(2) .ico{
	background-image: url('../img/112.png');
}
.step .swiper-slide:nth-child(3) .ico{
	background-image: url('../img/113.png');
}
.step .swiper-slide:nth-child(4) .ico{
	background-image: url('../img/114.png');
}
.step .swiper-slide.on:nth-child(2) .ico{
	background-image: url('../img/112-h.png');
}
.step .swiper-slide.on:nth-child(3) .ico{
	background-image: url('../img/113-h.png');
}
.step .swiper-slide.on:nth-child(4) .ico{
	background-image: url('../img/114-h.png');
} */
#reserve .wrap1 .inpbox{
    width: 400px;
    margin: 0 auto 110px;
    font-size: 0;
}
#reserve .wrap1 .subtit{
    font-size: 25px;
    color: #1a1a1a;
    text-align: center;
    margin: 130px 0 30px;
}
#reserve .wrap1 .inpbox input{
    border: 1px solid #dddddd;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 3px;
}
#reserve .wrap1 .inpbox .code .send{
    width: 140px;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    background-color: #0c94e4;
    color: #fff;
    text-align: center;
    float: right;
    border-radius: 3px;
    cursor: pointer;
}
#reserve .wrap1 .inpbox .code input{
    width: 240px;
}
#reserve .wrap1 .inpbox .submit input{
    background-color: #0c94e4;
    color: #fff;
    padding: 0;
    border: none;
}
#reserve .wrap1 .inpbox .inp + .inp{
    margin-top: 20px;
}
#reserve2{
	padding-top: 20px;
}
#reserve2 .wrap2 .w1440{
	width: 1280px;
	max-width: 90%;
	position: relative;
}
#reserve2 .wrap2 .linetit{
	font-size: 18px;
	color: #000000;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 24px;
	margin-top: 80px;
	padding-left: 120px;
}
#reserve2 .wrap2 .blk{
	padding-left: 120px;
	padding-top: 50px;
}
#reserve2 .wrap2 .blk .swiper-slide{
	width: 126px;
	height: 126px;
	text-align: center;
	box-sizing: border-box;
	padding: 20px 0 0;
	border-radius: 15px;
	cursor: pointer;
}
#reserve2 .wrap2 .blk .swiper-slide .ico img{
	width: 54px;
}
#reserve2 .wrap2 .blk .swiper-slide:not(:first-child){
	margin-left: 74px;
}
#reserve2 .wrap2 .blk .swiper-slide.on{
	background-color: #f1f1f1;
}
#reserve2 .wrap2 .blk .swiper-slide .text{
	font-size: 16px;
	margin-top: 8px;
}
#reserve2 .wrap2 .blk.blk2{
	padding-left: 0;
}
#reserve2 .wrap2 .blk.blk2 .swiper-container{
	margin-left: 120px;
}
#reserve2 .wrap2 .blk.blk2 .swiper-slide .ico img{
	width: 80px;
}
#reserve2 .wrap2 .blk.blk2 .swiper-slide:not(:first-child){
	margin-left: 0;
}
#reserve2 .wrap2 .blk.blk2 .xzsb{
	font-size: 0;
	color: #666666;
	line-height: 42px;
	margin:0;
	display: none;
}
#reserve2 .wrap2 .blk.blk2 .xzsb.mod2 .xzsbtit{
	display: none;
}
#reserve2 .wrap2 .blk.blk2 .xzsb.mod2 .xzsbcon{
	display: block;
	background: transparent;
	padding-top: 55px;
	padding-bottom: 23px;
}
#reserve2 .wrap2 .blk.blk2 .xzsb.mod2 .xzsbcon .xzsbcon-close{
	display: none;
}
#reserve2 .wrap2 .blk.blk2 .xzsb span{
	color: #ff1d25;
	font-size: 13px;
	margin-left: 1em;
}
#reserve2 .wrap2 .blk.blk2 .yfxh{
	font-size: 0;
	color: #666666;
	text-align: left;
	margin-top: 25px;
	margin-left: 120px;
	display: none;
}
#reserve2 .wrap2 .blk.blk2 .yfxh .pcbox{
	margin-right: 26px;
}
#reserve2 .wrap2 .blk.blk2 .xzsb .mobbox{
	display: none;
}
#reserve2 .wrap2 .blk.blk2 .yfxh.on{
	display: block;
}
#reserve2 .wrap2 .blk.blk2 .yfxh .yytit{
	margin-right: 30px;
}
#reserve2 .wrap2 .blk.blk2 .yfxh .item,
#reserve2 .wrap2 .blk.blk2 .ygcp .item{
	display: inline-block;
	vertical-align: middle;
	height: 57px;
	line-height: 57px;
	padding: 0 14px 0 18px;
	background-color: #f4f4f4;
	border-radius: 5px;
	margin:10px 25px 10px 0;
	box-sizing: border-box;
}
#reserve2 .wrap2 .blk.blk2 .ygcp .item{
	background-color: #fff;
	border: 1px solid #a6a6a6;
	opacity: .7;
	cursor: pointer;
}
#reserve2 .wrap2 .blk.blk2 .ygcp .item.cur{
	opacity: 1;
}
#reserve2 .wrap2 .blk.blk2 .yfxh .item .cpimg,
#reserve2 .wrap2 .blk.blk2 .ygcp .item .cpimg{
	width: 60px;
	height: 57px;
	background: no-repeat center/90% auto;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
#reserve2 .wrap2 .blk.blk2 .yfxh .item span,
#reserve2 .wrap2 .blk.blk2 .ygcp .item span{
	display: inline-block;
	font-size: 14px;
	color: #666666;
	vertical-align: top;
}
#reserve2 .wrap2 .blk.blk2 .yfxh .item .close{
	display: inline-block;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	background: url('../img/service_close.svg') no-repeat center/cover;
	margin-left: 18px;
	transition: all .3s ease-out;
	cursor: pointer;
}
#reserve2 .wrap2 .blk.blk2 .ygcp .pcbox{
	color: #666666;
}
#reserve2 .wrap2 .blk.blk2 .ygcp .pcbox,
#reserve2 .wrap2 .blk.blk2 .yfxh .pcbox{
	margin-bottom: 16px;
}
#reserve2 .wrap2 .blk.blk2 .ygcp .pcbox,
#reserve2 .wrap2 .blk.blk2 .xzsb .pcbox,
#reserve2 .wrap2 .blk.blk2 .yfxh .pcbox{
	display: block;
	width: 11.1em;
	margin-right: 28px;
	font-size: 16px;
}
#reserve2 .wrap2 .blk.blk2 .xzsb .pcbox{
	display: inline-block;
}
#reserve2 .wrap2 .blk.blk2 .xzsb .xzsbtit{
	color: #000000;
	padding:15px 0 20px 120px;
}
#reserve2 .wrap2 .blk.blk2 .xzsb .xzsbcon{
	position: relative;
	padding: 28px 0;
	line-height: 1;
	background-color: #f7f7f7;
	padding-left: 120px;
	display: none;
}
#reserve2 .wrap2 .blk.blk2 .xzsb .xzsbcon .xzsbcon-close{
	width: 16px;
	height: 16px;
	background: url('../img/xzsb-close.svg') no-repeat center/cover;
	position: absolute;
	top: 10px;	
	right: 10px;
	cursor:pointer; 
}
#reserve2 .wrap2 .blk.blk2 .xzsb .xzsbtit .addprobox{
	display: inline-block;
	font-size: 14px;
}
#reserve2 .wrap2 .blk.blk2 .xzsb .xzsbtit span{
	color: #ff0000;
	text-decoration: underline;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer; 
}
#reserve2 .wrap2 .blk.blk2 .ygcp .item .ok{
	display: inline-block;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	background: url('../img/ok.svg') no-repeat center/cover;
	margin-left: 18px;
	transition: all .3s ease-out;
	cursor: pointer;
}
#reserve2 .wrap2 .blk.blk2 .ygcp .item .ok.on{
	background-image: url('../img/ok-h.svg');
}
#reserve2 .wrap2 .blk.blk2 .ygcp{
	margin-top: 60px;
	margin-left: 120px;
}
#reserve2 .wrap2 .blk.blk2 .fillpro{
	width: 200px;
	height: 42px;
	border: 1px solid #c6c6c6;
	background: transparent;
	box-sizing: border-box;
	padding: 0 14px;
	border-radius: 3px;
	margin-left: 0px;
	font-size: 14px;
	color: #666666;
}
#reserve2 .wrap2 .blk.blk2 .fillok{
	display: inline-block;
	width: 68px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background-color: #0c94e4;
	font-size: 16px;
	color: #ffffff;
	margin-left: 18px;
	border-radius: 3px;
	cursor: pointer;
}
#reserve2 .wrap2 .blk.blk2 .select{
	width: 195px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #666666;
	border-radius: 3px;
	margin-left: 26px;
	background: url('../img/120.png') no-repeat 170px center/10px auto;
	box-sizing: border-box;
	vertical-align: middle;
}
#reserve2 .wrap2 .blk.blk2 .select .select-tit{
	padding: 0 14px;
	border-radius: 3px;
	background-position: 170px center;
}
#reserve2 .wrap2 .blk.blk2 .select .select-con li{
	padding: 0 14px;
}
#reserve2 .wrap2 .blk.blk3 .inp{
	line-height: 44px;
	color: #666666;
	font-size: 0;
	position: relative;
	z-index: 1;
}
#reserve2 .wrap2 .blk.blk3 .inp.z6{
	z-index: 6 !important;
}
#reserve2 .wrap2 .blk.blk3 .inp.z5{
	z-index: 2 !important;
}
#reserve2 .wrap2 .blk.blk3 .inp span{
	display: inline-block;
	font-size: 16px;
	width: 144px;
	vertical-align: middle;
}
#reserve2 .wrap2 .blk.blk3 .inp .select{
	width: 130px;
	height: 40px;
	line-height:40px;
	font-size: 14px;
	border-radius: 3px;
	vertical-align: middle;
}
#reserve2 .wrap2 .blk.blk3 .inp .select + .select{
	margin-left: 16px;
}
#reserve2 .wrap2 .blk.blk3 .inp + .inp{
	margin-top: 38px;
}
#reserve2 .wrap2 .blk.blk3 .inp.yysj .select{
	width: 170px;
}
#reserve2 .wrap2 .blk.blk3 .inp.yysj .select-tit{
	background-position: 140px center;
}
#reserve2 .wrap2 .blk.blk3 .inp.href{
	font-size: 0;
	margin-top: 54px;
}
#reserve2 .wrap2 .blk.blk3 .inp.href input,
#reserve2 .wrap2 .blk.blk3 .inp.href a{
	display: inline-block;
	width: 185px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #58b6ec;
	vertical-align: top;
	box-sizing: border-box;
	background-color: #0c94e4;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 3px;
}
#reserve2 .wrap2 .blk.blk3 .inp.href a{
	background-color: transparent;
	color: #0c94e4;
	margin-left: 28px;
}
#reserve2 .wrap2 .blk3{
	padding-bottom: 170px;
	padding-top: 84px;
}
#reserve3 .wrap1 .inpbox{
	margin: 100px auto 110px;
	width: 400px;
	font-size: 0;
}
#reserve3 .wrap1 .inpbox .subtit{
	font-size: 25px;
	text-align: center;
	color: #000000;
	margin-bottom: 40px;
}
#reserve3 .wrap1 .inpbox input{
	width: 100%;
	height: 46px;
	line-height: 46px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
	padding: 0 12px;
	border-radius: 3px;
	font-size: 14px;
}
#reserve3 .wrap1 .inpbox .select .select-tit:after{
	border-radius: 5px;
}
#reserve3 .wrap1 .inpbox .select .select-conbox{
	border-radius: 5px;
}
#reserve3 .wrap1 .inpbox .select{
	width: 126px;
	font-size: 14px;
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	color: #666666;
}
#reserve3 .wrap1 .inpbox .select + .select{
	margin-left: 11px;
}
#reserve3 .wrap1 .inpbox .inp + .inp{
	margin-top: 18px;
}
#reserve3 .wrap1 .inpbox textarea{
	width: 100%;
	height:140px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
	border-radius: 5px;
	resize: none;
	font-size: 14px;
	padding: 5px 10px;
	line-height: 1.7;
}
#reserve3 .wrap1 .inpbox .tj input,
#reserve3 .wrap1 .inpbox .tj a{
	display: inline-block;
	width: 185px;
	height: 50px;
	line-height: 50px;
	vertical-align: top;
	background-color: #0c94e4;
	border: 1px solid #45adea;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
#reserve3 .wrap1 .inpbox .tj input.disable{
	background-color: #b2b2b2;
    border: 1px solid #b2b2b2;
}
#reserve3 .wrap1 .inpbox .inp.tj{
	margin-top: 34px;
}
#reserve3 .wrap1 .inpbox .tj a{
	float: right;
	background: transparent;
	color: #0c94e4;
}
#reserve4 .wrap1 .inpbox{
	width: 400px;
	margin: 150px auto 100px;
	text-align: center;
}
#reserve4 .wrap1 .inpbox img{
	width: 126px;
}
#reserve4 .wrap1 .inpbox .d1{
	font-size: 30px;
	color: #1a1a1a;
	margin: 44px 0 8px;
}
#reserve4 .wrap1 .inpbox .d2{
	font-size: 16px;
	line-height: 2;
	color: #1a1a1a;
}
#recruit .wrap1 .w1440{
	width: 920px;
	max-width: 85%;
	text-align: center;
}
#recruit .wrap1 .w1440 .hcon{
	font-size: 14px;
	color: #000000;
	line-height: 2.71;
	margin: 60px 0 65px;
}
#recruit .wrap1 .w1440 .hcon p {
  line-height: 2;
}
#recruit .wrap1 .w1440 .hcon a{
	display: inline-block;
	padding-right: 12px;
  background: url('../img/arrow.svg') no-repeat right center/6px auto;
  line-height: 2;
}
#recruit .wrap1 .w1440 ul{
	font-size: 0;
}
#recruit .wrap1 .w1440 ul li{
	display: inline-block;
	width:calc(33.33333% - 12px);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    padding: 70px 0 60px;
    transition: all .3s ease-out;
}
#recruit .wrap1 .w1440 ul li + li{
	margin-left: 18px;
}
#recruit .wrap1 .w1440 ul li .d1{
	font-size: 21px;
	color: #1a1a1a;
  margin-top: 16px;
  line-height: 2;
}
#recruit .wrap1 .w1440 ul li .d2{
	font-size: 14px;
	color: #4d4d4d;
  line-height: 1;
  line-height: 2;
}
#recruit .wrap1 .w1440 ul li .d3{
	display: inline-block;
	font-size: 12px;
	color: #007bc0;
	padding-right: 12px;
	background: url('../img/125.png') no-repeat right center/6px auto;
  margin-top: 10px;
  line-height: 2;
}
#recruit .wrap1 .w1440 ul li .ico img{
	width: 80px;
}
#recruit .wrap1 {
	margin: 0 0 80px;
}
.rejoin .wrap1 .w1440{
	width: 1100px;
	max-width: 85%;
}
.rejoin .wrap1 .topinp{
	font-size: 0;
	vertical-align: top;
	margin: 74px 0 30px;
}
.rejoin .wrap1 .topinp .left{
	float: left;
	position: relative;
	z-index: 3;
}
.rejoin .wrap1 .topinp .left .select{
	width: 214px;
	height: 36px;
	line-height: 34px;
	box-sizing: border-box;
	font-size: 14px;
	color: #808080;
	background-color: #fff;
	border-radius: 0px;
}
.rejoin .wrap1 .topinp .left .select .select-tit{
	padding: 0 18px;
	background-position: 188px center;
	border-radius: 0px;
}
.rejoin .wrap1 .topinp .left .select .select-tit:after{
	border-radius: 0px;
}
.rejoin .wrap1 .topinp .left .select .select-conbox{
	border-radius: 0px;
}
.rejoin .wrap1 .topinp .left .select + .select{
	margin-left: 28px;
}
.rejoin .wrap1 .topinp .right{
	float: right;
	position: relative;
}
.rejoin .wrap1 .topinp .right input[type="text"]{
	width: 214px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #cbcbcb;
	font-size: 14px;
	box-sizing: border-box;
	padding: 0 40px 0 10px;
}
.rejoin .wrap1 .topinp .right input[type="submit"]{
	position: absolute;
	width: 34px;
	height: 34px;
	top: 1px;
	right: 1px;
	background: url('../img/searico.svg') no-repeat center/17px auto;
}
.rejoin .wrap1 .list{
	text-align: left;
	font-size: 0;
}
.rejoin .wrap1 .list h2{
	margin: 60px 0 0;
}
.rejoin .wrap1 .list .h1tit{
	line-height: 44px;
	color: #fff;
	background-color: #007bb7;
}
.rejoin .wrap1 .list .h1tit span{
	font-size: 16px;
}
.rejoin .wrap1 .list .sp{
	width: 14.285714285714286%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.rejoin .wrap1 .list .litit{
	height: 72px;
	line-height: 72px;
	border-bottom: 1px solid #e9e9e9;
}
.rejoin .wrap1 .list .litit span{
	font-size: 14px;
	line-height: 1.5;
	vertical-align: middle;
}
.rejoin .wrap1 .list .litit span:last-child{
	color: #007bb7;
	cursor: pointer;
}
.rejoin .wrap1 .list .litit span:last-child:after{
	content: '锛荤偣鍑诲睍寮€锛?;
}
.rejoin .wrap1 .list .litit.on span:last-child:after{
	content: '锛荤偣鍑绘敹璧凤冀'
}
.rejoin .wrap1 .list .paging{
	margin: 46px 0 100px;
}
.rejoin .wrap1 .licon .left{
	float: left;
	width: calc(90% - 120px);
}
.rejoin .wrap1 .licon{
	padding: 20px 30px; 
	display: none;
}
.rejoin .wrap1 .licon .con{
	font-size: 14px;
	color: #000000;
}
.rejoin .wrap1 .licon .con p + P{
	margin-top: 4px;
}
.rejoin .wrap1 .list .apply{
	display: block;
	float: right;
	width: 118px;
	height: 44px;
	line-height: 44px;
	background-color: #007bb7;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	margin: 14px 0 0;
	cursor: pointer;
}
.applybox{
	position: fixed;
	width: 560px;
	height: 562px;
	box-sizing: border-box;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: #fff;
	border: 1px solid #f2f2f2;
	padding: 55px 90px 44px;
	font-size: 0;
	z-index: 1000000;
	display: none;
}
.applybox label{
	font-size: 14px;
	color: #666666;
	display: inline-block;
	width: 88px;
	vertical-align: middle;
}
.applybox input{
	width: calc(100% - 88px);
	height: 40px;
	line-height: 40px;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
	border-radius: 5px;
	font-size: 14px;
	padding: 0 14px;
	vertical-align: middle;
}
.applybox .select{
	width: 140px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	font-size: 14px;
	box-sizing: border-box;
	vertical-align: middle;
	color: #808080;
}
.applybox .select .select-tit{
	padding: 0 14px;
	background-position:110px center;
	z-index: 99999999;
}
.applybox .select + .select{
	margin-left: 10px;
}
.applybox .inp.z3{
	z-index: 99 !important;
}
.applybox .inp + .inp{
	margin-top: 24px;
}
#ascrail2003,#ascrail2002{
	z-index: 9999999 !important;
}
.applybox .inp.file .fileinp{
	display: inline-block;
	width: 178px;
	height: 140px;
	border: 1px solid #cbcbcb;
	vertical-align: top;
	position: relative;
	border-radius: 5px;
	text-align: center;
	overflow: hidden;
}
.applybox .inp.file .fileinp img{
	margin: 26px 0 20px;
}
.applybox .inp.file .fileinp .d1{
	font-size: 12px;
	color: #666666;
	line-height: 1.8;
}
.applybox .inp.file input{
	opacity: 0;
	width: 178px;
	height: 140px;
	border: 1px solid #cbcbcb;
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 0;
}
.applybox .inp.code{
	position: relative;
}
.applybox .inp.code img{
	position: absolute;
	height: 90%;
	top: 50%;
	transform: translate(0,-50%);
	right: 4px;
}
.applybox .inp.submit input{
	width: 178px;
	background-color: #0c95e5;
	color: #ffffff;
	text-align: center;
}
.applybox .close{
	width: 21px;
	height: 21px;
	background: url('../img/joinclose.svg') no-repeat center/cover;
	position: absolute;
	right: 14px;
	top: 14px;
	cursor: pointer;
	opacity: 1;
}
#pay .wrap1 .w1440{
	width: 1280px;
	max-width: 85%;
}
#pay .wrap1 .w1440 .taps{
	border-bottom: 1px solid #dadada;
	text-align: center;
	font-size: 0;
	padding: 64px 140px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#pay .wrap1 .w1440 .taps span{
	display: inline-block;
	width: 220px;
	color: #1a1a1a;
	font-size: 18px;
	height: 70px;
	line-height: 70px;
	border-bottom: 3px solid transparent;
	cursor: pointer; 
	box-sizing: border-box;
	max-width: 30%;
	padding: 0 2%;
}
#pay .wrap1 .w1440 .taps span.on{
	color: #007bb5;
	border-bottom: 3px solid #007bb5;
}
#pay .wrap1 .w1440 .list .item{
	background-color: #fff;
}
#pay .wrap1 .w1440 .list .item:not(:first-child){
	display: none; 
}
#pay .wrap1 .w1440 .list .item1{
	padding: 70px 20px 0;
	font-size: 0;
}
#pay .wrap1 .w1440 .list .item1 li{
	display: inline-block;
	width: 33.333%;
	height: 160px;
	box-sizing: border-box;
	padding:0 3%;
	vertical-align: top;
}
#pay .wrap1 .w1440 .list .item1 li:nth-child(3n+1){
	padding-left: 0;
}
#pay .wrap1 .w1440 .list .item1 li:nth-child(3n){
	padding-right: 0;
}
#pay .wrap1 .w1440 .list .item1 .ico{
	display: inline-block;
	vertical-align: top;
	width: 36px;
}
#pay .wrap1 .w1440 .list .item1 .ico img{
	width: 100%;
}
#pay .wrap1 .w1440 .list .item1 .text{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 36px);
	line-height: 1.72;
	padding-left: 20px;
	padding-right: 60px;
	box-sizing: border-box;
}
#pay .wrap1 .w1440 .list .item1 .d1{
	font-size: 18px;
	color: #1a1a1a;
	line-height: 1;
}
#pay .wrap1 .w1440 .list .item1 .d2{
	font-size: 14px;
	color: #1a1a1a;
	margin-top: 12px;
}
#pay .wrap1 .w1440 .list .item2{
	font-size: 0;
}
#pay .wrap1 .w1440 .list .item2 .img1{
	max-width: 48%;
	display: inline-block;
}
#pay .wrap1 .w1440 .list .item2 .img1:first-child{
	float: left;
}
#pay .wrap1 .w1440 .list .item2 .img1:last-child{
	float: right;
}
#pay .wrap1 .w1440 .list .item2 img{
	max-width: 100%;
}
#pay .wrap1 .w1440 .list .item2 .box{
	width: 1170px;
	margin: 0 auto;
	max-width: 100%;
	padding: 60px 0 0;
}
#pay .wrap1 .w1440 .list .item2 .box .d1{
	font-size: 22px;
	color: #000000;
	margin-bottom: 80px;
}
#pay .wrap1 .w1440 .list .item2 .box .hcon{
	font-size: 14px;
	color: #4d4d4d;
	line-height: 1.71;
	padding: 94px 0 50px;
	width: 900px;
	max-width: 90%;
}
#pay .wrap1 .w1440 .list .item2 .box .hcon p + p{
	margin-top: 30px;
}
#investment{
	/*min-width: 1280px;*/
	overflow: auto;
}
#investment .paging{
	margin-top: 50px;
}
#investment .adddd{
	position: relative;
	height: 600px;
}
#investment .adddd .text{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #fff;
}
#investment .adddd .text .d1{
	font-size: 34px;
	margin-top: 120px;
}
#investment .adddd .text .d2{
	font-size: 58px;
}
#investment .adddd .text .d2 span{
	font-size: 29px;
	padding-right: 20px;
	background: url('../img/148.png') no-repeat right center/10px auto;
}
#investment .adddd .text .d2 span.on{
	background-image: url('../img/green.svg');
}
#investment .adddd .text ul{
	width: 480px;
	font-size: 0;
	padding: 10px 0 12px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#investment .adddd .text li{
	width: 25%;
	display: inline-block;
	font-size: 16px;
}
#investment .adddd .text li span{
	display: block;
}
#investment .adddd .text .d3{
	font-size: 16px;
	margin-top: 36px;
}
#investment .wrap1 .box{
	width: 1160px;
	margin: 0 auto;
}
#investment .wrap1 .box .tit{
	font-size: 0;
	padding: 64px 0 54px;
	position: relative;
	z-index: 2;
}
#investment .wrap1 .box .tit .left a:not(:first-child){
	padding-left: 44px;
	border-left: 1px solid #d4d4d4;
	margin-left: 44px;
}
#investment .wrap1 .box .tit a{
	display: inline-block;
	color: #8a8a8a;
	line-height: 1;
	font-size: 21px;
	cursor: pointer;
	transition: all .3s ease-out;
}
#investment .wrap1 .box .tit a.on{
	color: #000000;
}
#investment .wrap1 .box .right a{
	margin-left: 56px;
	font-size: 16px;
}
#investment .wrap1 .box .left{
	float: left;
}
#investment .wrap1 .box .right{
	float: right;
}

#investment .newsbox{
    position: relative;
}
#investment .right .newsbox .news-yearlist a{
	margin-left: 0;
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 54px;
    color: #666666;
    background-color: #fff;
}
#investment .newsbox .news-yeartit{
    font-size: 14px;
    color: #000000;
    padding-right: 40px;
    position: relative;
    cursor: pointer;
}
#investment .newsbox .news-yeartit:after{
    content: '';
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    background: url(../img/slidedown.svg) no-repeat center/cover;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all .3s ease-in;
}
#investment .newsbox .news-yeartit.on:after{
    transform: rotate(180deg);
}
#investment .newsbox .news-yearlist{
    position: absolute;
    width: 200px;
    top: 140%;
    right: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.13);
    z-index: 3;
    background-color: #fff;
    display: none;
}
#investment .wrap1 .box li{
	padding: 24px;
	border: 1px  solid #ebebeb;
	font-size: 0;
}
#investment .wrap1 .box li .imgs{
	display: inline-block;
	width: 228px;
	vertical-align: top;
}
#investment .wrap1 .box li .text{
	width: calc(100% - 228px);
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding-left: 40px;
}
#investment .wrap1 .box li .text .d1{
	font-size: 18px;
	color: #000000;
	margin-top: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
  width: 580px;
  line-height: 2
}
#investment .wrap1 .box li .text .d2{
	font-size: 16px;
  color: #000000;
  line-height: 2
}
#investment .wrap1 .box li .text .d3{
	font-size: 16px;
	color: #808080;
  margin-top: 24px;
  line-height: 2
}
#investment .wrap1 .box li .text .d3 span{
	display: inline-block;
	padding-left: 26px;
	background: url('../img/149.png') no-repeat left center;
	margin-left: 16px;
}
#investment .wrap1 .box li .right{
	height: 130px;
	line-height: 130px;
	border-left: 1px solid #d7d7d7;
	padding-left: 54px;
}
#investment .wrap1 .box li .right div{
	font-size: 16px;
	color: #333333;
	padding-right: 40px;
	background: url('../img/150.png') no-repeat right center;
	display: inline-block;
	vertical-align: middle;
}
#investment .wrap1 .box li + li{
	margin-top: 16px;
}
#investment .pchad{
	/*min-width: 1280px;*/
	position: absolute;
	/*display: block !important;*/
}
#investment .header2{
	/*display: none !important;*/
}
#investment #searbox{
	/*display: none !important;*/
}
#investment .pcfot{
	/*display: block !important;*/
}
#investment .mobfot{
	/*display: none !important;*/
}
/* 寮瑰嚭妗 */
/*2018 03 09 鏂板鍔?/
.shade-poa{
	position: fixed;
	top: 50%;
	left: 50%;
	height: 305px;
	padding: 7px 17px 17px 7px;
	text-align: center;
	width: 498px;
	z-index: 1000000;
	margin-top: -164px;
	margin-left: -261px;
	background-color: #fff;
	display: none;
	border: 1px solid #eaeaea;
	border-radius: 3%;
    box-shadow: 3px 3px 8px 2px #eaeaea;
}
.shade-poa h2{
	font-family: "PingFang SC";
	font-size:22px;
	line-height: 24px;
	padding: 54px 0 18px 0;
	color: #000000
}
.shade-poa h3{
	font-size: 14px;
	font-family: "PingFang SC";
	color: #808080;
	line-height: 16px;
	padding-bottom: 52px;
}
.shade-close{
	position: absolute;
	width: 17px;
	height: 17px;
	background: url(../img/img_2.svg) no-repeat  center center;
	top: 26px;
	right: 41px;
	z-index: 1001;
	cursor: pointer;
}
.shade-poa ul{
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.shade-poa li{
	padding: 0 61px;
	float: left;
}
.shade-poa .shade-img{
	width: 59px;
	margin: 0 auto;
	margin-bottom: 15px;
}
.shade-poa .shade-img img{
	max-width: 100%;
	width: 100%;
}
.shade-poa li p{
	font-size: 14px;
	color: #000000;
	line-height: 18px;
	font-family: "PingFang SC";
}
html > body .ui-pnotify{
	z-index: 999999;
	background-color: #fff;
}
#dot .wrap1 .wrap{
	width: 980px;
	margin: 0 auto;
	max-width: 90%;
	font-size: 0;
	padding: 80px 0;
}
#dot .wrap1 .wrap h2.tit{
	text-align: center;
	font-size: 30px;
	color: #4d4d4d;
}
#dot .wrap1 .wrap .selbox{
	text-align: center;
	padding: 40px 0 60px;
}
#dot .wrap1 .wrap .selbox .select{
	text-align: left;
	width: 234px;
	margin: 0 24px;
}
#dot .wrap1 .wrap .selbox .select .select-tit{
	background-position: 200px center; 
}
#dot .wrap1 .wrap .list .cxtit{
	font-size: 16px;
	color: #4d4d4d;
	text-align: center;
	border-bottom: 2px solid #efefef;
	padding-bottom: 26px;
}
#dot .wrap1 .wrap .list ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
#dot .wrap1 .wrap .list li{
	width: 33.333333%;
	box-sizing: border-box;
	padding: 0 60px;
}
#dot .wrap1 .wrap .list li:nth-child(3n-2){
	padding-left: 0;
}
#dot .wrap1 .wrap .list li:nth-child(3n-1){
	padding: 0 30px;
}
#dot .wrap1 .wrap .list li:nth-child(3n){
	padding-right: 0;
}
#dot .wrap1 .wrap .list .tit{
	font-size: 15px;
	color: #333333;
	padding: 40px 0 7px;
}
#dot .wrap1 .wrap .list .tit span{
	color: #007bc6;
	margin-right: .5em;
}
#dot .wrap1 .wrap .list .con p{
	font-size: 12px;
	line-height: 1.5;
	padding: 0.25em 0;
	color: #666666;
	padding-left: 30px;
	background: no-repeat left .25em/15px auto;
}
#dot .wrap1 .wrap .list .con p + p{
	margin-top: 4px;
}
#dot .wrap1 .wrap .list .con p.local{
	background-image: url('../img/mdotlocal.png');
}
#dot .wrap1 .wrap .list .con p.tel{
	background-image: url('../img/mdottel.png');
}
#dot .wrap1 .wrap .list .link{
	padding: 10px 0;
}
#dot .wrap1 .wrap .list .link a{
	display: inline-block;
	font-size: 12px;
	color: #007bc6;
}
#dot .wrap1 .wrap .list .link a + a{
	margin-left: 14px;
	display: none;
}
/* end */
.wow{
	visibility: hidden;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.wow{
		visibility: visible;
	}
	.wow.iwow{
		visibility: visible;
	}
}

.inp.code{
	position: relative;
}
.inp.code img{
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translate(0, -50%);
	height: 70%;
}
/* 宸ュ叿绫 */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
@media (max-width: 991px) and (min-width: 768px){
	.visible-sm {
	    display: block !important;
	}
	.hidden-sm {
	    display: none !important;
	}
}
@media (max-width: 767px){
	.visible-xs {
	    display: block !important;
	}
	.hidden-xs {
	    display: none !important;
	}
}
@media (max-width: 1200px) and (min-width: 992px){
	.visible-md{
    	display: block !important;
	}
	.hidden-md{
    	display: none !important;
	}
}
@media (min-width: 1201px){
	.visible-lg{
    	display: inline-block !important;
	}
}

input::-webkit-input-placeholder{ /* WebKit*/  
    color:#888888;  
}  
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  
    color:#888888;
    opacity: 1;
}  
input::-moz-placeholder{ /* Mozilla Firefox 19+ */  
    color:#888888;
    opacity: 1;
}  
input::-ms-input-placeholder { /* IE 10+ */  
    color:#888888;
}  
textarea::-webkit-input-placeholder{ /* WebKit*/  
    color:#888888;  
}  
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  
    color:#888888;
    opacity: 1;
}  
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */  
    color:#888888;
    opacity: 1;
}  
textarea::-ms-input-placeholder { /* IE 10+ */  
    color:#888888;
}  
#ccs .wrap5 input::-webkit-input-placeholder,
#cooperation .wrap2 input::-webkit-input-placeholder{ /* WebKit*/  
    color:#898a8a;  
}  
#ccs .wrap5 input:-moz-placeholder,
#cooperation .wrap2 input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  
    color:#898a8a;
    opacity: 1;
}  
#ccs .wrap5 input::-moz-placeholder,
#cooperation .wrap2 input::-moz-placeholder{ /* Mozilla Firefox 19+ */  
    color:#898a8a;
    opacity: 1;
}  
#ccs .wrap5 input::-ms-input-placeholder,
#cooperation .wrap2 input::-ms-input-placeholder{ /* IE 10+ */  
    color:#898a8a;
}  
.applybox input::-webkit-input-placeholder,
.applybox textarea::-webkit-input-placeholder{ /* WebKit*/  
    color:#808080;  
}  
.applybox input:-moz-placeholder,
.applybox textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  
    color:#808080;
    opacity: 1;
}  
.applybox input::-moz-placeholder,
.applybox textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */  
    color:#808080;
    opacity: 1;
}  
.applybox input::-ms-input-placeholder,
.applybox textarea::-ms-input-placeholder{ /* IE 10+ */  
    color:#808080;
}  
#feedback .wrap1 .inp textarea::-webkit-input-placeholder{ /* WebKit*/ 
    color:#898a8a;
}  
#feedback .wrap1 .inp textarea:-moz-placeholder{ /* WebKit*/ 
    color:#898a8a;
}  
#feedback .wrap1 .inp textarea::-moz-placeholder{ /* WebKit*/ 
    color:#898a8a;
}  
#feedback .wrap1 .inp textarea::-ms-input-placeholder{ /* WebKit*/ 
    color:#898a8a;
}  
#ccs .wrap5 input::-webkit-input-placeholder, #cooperation .wrap2 input::-webkit-input-placeholder{
    color: #898a8a;
}
#ccs .wrap5 input:-moz-placeholder, #cooperation .wrap2 input:-moz-placeholder{
    color: #898a8a;
    opacity: 1;
}
#ccs .wrap5 input::-moz-placeholder, #cooperation .wrap2 input::-moz-placeholder{
    color: #898a8a;
    opacity: 1;
}
#ccs .wrap5 input::-ms-input-placeholder, #cooperation .wrap2 input::-ms-input-placeholder{
    color: #898a8a;
}
@keyframes anima{ 
	0%{
		width: 1px;
		height: 1px;
		opacity: 0.8;
	}
	90%{
		width: 80%;
		height: 80%;
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}
@keyframes anima2{ 
	0%{
		width: 1px;
		height: 1px;
		opacity: 0.8;
	}
	90%{
		width: 100%;
		height: 100%;
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}


/* 琛ㄥ崟涓婁紶 */
.form-horizontal .control-group:last-child{
	width: 100%;
	height: 100%;
}
.form-horizontal .controls{
	margin-left: 0 !important;
}
.form-horizontal .control-group .btn{
	opacity: 0;
}
.js-img-list-f{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -3;
	background: #fff;
}
.js-img-list-f .pull-left{
	float: none;
}
.file .fibox{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.js-img-list-f.on{
	z-index: 2;
}
.form-horizontal .control-group{
	position: relative;
	opacity: 0;
	z-index: 3;
}
.form-horizontal .control-group.on{
	opacity: 1;
}
.seartit{
	text-align: center;
	font-size: 30px;
	margin: 60px 0 40px;
}
.appfix,
.shapefix{
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 999999;
	top: 0;
	left: 0;
	display: none;
}
#law .wrap1{
	padding: 165px 0 20px;
}
#law .text .tit{
	font-size: 22px;
	color: #000000;
	padding-bottom: 8px;
}
#law .text .subtit{
	font-size: 18px;
	color: #000000;
}
#law .text .con{
	font-size: 14px;
	color: #1a1a1a;
	line-height: 2;
}
#law .text + .text{
	margin-top: 30px;
}
#law .wrap1 h3{
	color: #000000;
	font-size: 13px;
	padding-top: 30px;
}
#law.privacy .text + .text{
	margin-top: 12px;
}
#law.privacy .text:first-child{
	padding-bottom: 20px;
}
#link .wrap1 ul{
	font-size: 0;
	text-align: left;
	padding-bottom: 20px;
}
#link .wrap1 ul li{
	display: inline-block;
	width: 216px;
}
#link .wrap1 ul li{
	width: 210px;
	margin: 75px 0 0 0;
	text-align: center;
}
#link .wrap1 ul li img{
	height: 61px;
}
#link{
    min-width: 1280px;
}
#link .pchad{
    min-width: 1280px;
    position: absolute;
    display: block !important;
}
#link .header2,
#link #searbox,
#link .mobfot{
	display: none !important;
}
#link .pcfot {
    display: block !important;
}
#sociology #ascrail2001{
	z-index: 9999999!important;
}
.mCSB_scrollTools{
	width: 12px !important;
	border-left: 1px solid #cbcbcb;
}
.mCSB_scrollTools .mCSB_draggerRail{
	background-color: transparent !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #c1c1c1 !important;
	opacity: 1  !important;
}
.mCSB_inside > .mCSB_container{
	margin-right: 12px !important;
}
.loading_dialog{
    width: 350px;
    height: 28px;
    padding: 20px 0;
    background: rgba(0,0,0,.9);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 8px;
    z-index: 9999999;
    display: none;
}
.loading_dialog .text{
    font-size: 14px;
    color: #fff;
    padding: 0 5%;
}
.loading_dialog .text .dotting{
	display: inline-block; min-width: 2px; min-height: 2px;
    box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor; 
    -webkit-animation: dot 4s infinite step-start both;
    animation: dot 4s infinite step-start both;
    display: none;
}
.loading_dialog.on .text .dotting{
	display: none;
}
.loading_dialog .backbtn{
    width: 290px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    background-color: #007bc6;
    color: #fff;
    font-size: 16px;
    margin: 32px auto 0;
    cursor: pointer;
    display: none;
}
.gotop{
	width: 50px;
	height: 50px;
	background: url('../img/pc_gotop.png') no-repeat center/cover;
	position: fixed;
	bottom: 100px;
	right: 36px;
	cursor: pointer;
	transition: all .3s ease;
	display: none;
	z-index: 88;
}
.gotop:after{
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	background: url('../img/pc_gotop_h.png') no-repeat center/cover;
	opacity: 0;
	visibility: hidden;
}
@-webkit-keyframes dot {
    25% { box-shadow: none; }
    50% { box-shadow: 2px 0 currentColor; }
    75% { box-shadow: 2px 0 currentColor, 6px 0 currentColor; }
}
@keyframes dot {
    25% { box-shadow: none; }
    50% { box-shadow: 2px 0 currentColor; }
    75% { box-shadow: 2px 0 currentColor, 6px 0 currentColor; }
}
.lianmeng
{
    display: inline-block;
    width:60px;
    vertical-align: bottom;
}
.lianmeng img{
	width: 100%;
}
input[type='submit'].disable{
    background-color: #b2b2b2 !important;
    color: #fff !important;
}
/* 鏂板姞椤 */
#active{
	overflow: hidden;
}
#active .swiper-wrapper{
    transition-timing-function: cubic-bezier(0.76, 0.01, 0.48, 0.92);
}
#active .page-box{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height: 550px;
}
#active .page-box .swiper-slide{
	position: relative;
	overflow: hidden;
}
#active .page-box .swiper-slide .box{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#active .page-box .swiper-slide .sw-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: no-repeat center/cover;
}
#active .pchad.bai{
	background-image: url('../img/');
}
#active .pchad.hei{
	background: transparent;
}
#active .page1 .vidbox{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#active .page1 .vidbox:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	top: 0;
	left: 0;
	z-index: 2;
}
#active .page1 video{
	height: 120%;
	min-width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	background-color: #000;
}
#active .page1 .text-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 3;
}
#active .page1 .text-box .d1{
	font-size: 30px;
	color: #ffffff;
}
#active .page1 .text-box .code-img{
	width: 170px;
	margin: 0 auto;
	padding: 12px 0 16px;
}
#active .page1 .text-box .code-img img{
	width: 100%;
}
#active .page1 .text-box .d2{
	font-size: 20px;
	color: #ffffff;
}
#active .page2 .sw-bg{
}
#active .page2.cur .sw-bg{
	transform: rotateX(0.001deg) rotateY(0.001deg) rotateZ(0.001deg) scaleX(1.1) scaleY(1.1);
    transition: transform 16000ms;
}
#active .pchad{
	border-bottom: none;
}
#active .swiper-pagination{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: auto;
	bottom: auto;
	width: auto;
	right: 4.84375%;
}
#active .swiper-pagination .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	border: 1px solid #5f5f5e;
	background: transparent;
	margin: 0;
	transition: all .4s ease;
	opacity: 1;
}
#active .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{
	margin-top: 16px;
} 
#active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
#active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet:hover{
	background-color: #5f5f5e;
}
#active .animated{
	visibility: hidden;
}
#active .page2 .transitionbox{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#active .page2 .text-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255,255,255,.95);
	width: 560px;
	min-height: 244px;
	box-sizing: border-box;
	padding: 70px 30px 44px;
	box-shadow: 0 0 60px 3px  rgba(0,0,0,0.09);
	text-align: center;
	max-width: 70%;
}
#active .page2 .text-box:before{
	content: '';
	position: absolute;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	left: 6px;
	top: 6px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border: 2px solid #424f67;
	box-sizing: border-box;
}
#active .page2 .text-box:after{
	content: '';
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 20.9%;
	padding-top: 20.9%;
	transform: translate(0, -50%);
	position: absolute;
	background: url('/bocweb/change/images/roki_logo_2.png') no-repeat center/100% auto;
}
#active .page2 .text-box .d1{
	font-size: 30px;
	color: #231815;
}
#active .page2 .text-box .d2{
	font-size: 14px;
	color: #231815;
	line-height: 2;
}
#active .page3 .wrap,
#active .page5 .wrap{
	position: relative;
	width: 980px;
	height: 100%;
	max-width: 90%;
	box-sizing: border-box;
	margin: 0 auto;
}
#active .page3 .text-box{
    position: absolute;
    width: 436px;
    padding-right: 42px;
    top: 30%;
    right: 0;
    transform: translate(0,-50%);
    z-index: 3;
    box-sizing: border-box;
    max-width: 100%;
}
#active .page3 .text-box .d1{
	font-size: 35px;
	color: #040000;
}
#active .page3 .text-box .d2{
	font-size: 16px;
	color: #040000;
	line-height: 2.0625;
	padding-top: 4px;
}
#active .page3 .fix-side{
	position: absolute;
	bottom: 0;
	right: -90px;
	height: 505px;
	max-height: 56%;
}
#active .page3 .fix-side img{
	height: 100%;
}
#active .page4 .text-box{
	position: absolute;
	width: 100%;
	left: 0;
	top: 33%;
	transform: translate(0, -50%);
	text-align: center;
	margin-top: -10px;
}
#active .page4 .text-box .d1{
	font-size: 35px;
	color: #231815;
	text-align: center;
	line-height: 1.543;
}
#active .page4 .text-box .item{
	display: inline-block;
	width: 156px;
	vertical-align: top;
	padding-top: 40px;
}
#active .page4 .text-box .item img{
	width: 67px;
}
#active .page4 .text-box .item .item-text{
	font-size: 14px;
	color: #3e3a39;
	padding-top: 13px;
}
#active .page4 .text-box .item .item-text br{
	display: none;
}
#active .page5 .text-box{
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	position: absolute;
	max-width: 50%;
	z-index: 3;
}
#active .page5 .text-box .d1{
	font-size: 36px;
	color: #040000;
}
#active .page5 .text-box .d2{
	font-size: 16px;
	color: #040000;
	line-height: 2.0625;
	padding-top: 6px;
}
#active .page5 .text-box .code{
	width: 165px;
	text-align: center;
	margin-top: 38px;
}
#active .page5 .text-box .code img{
	width: 100%;
}
#active .page5 .text-box .code .code-text{
	font-size: 16px;
	color: #040000;
	padding-top: 6px;
}
#active .page5 .fix-side{
	position: absolute;
	bottom: 0;
	right: -50px;
	height: 756px;
	max-height: 84%;
}
#active .page5 .fix-side img{
	height: 100%;
}
#active #cnzz_stat_icon_1260349804{
	display: none;
}
/* 2018-08-10 鏂板姞鐢靛晢璇︽儏椤 */
#productinfo .wrap8{
	background-color: #f0f4fc;
	text-align: center;
    padding: 72px 0;
}
#productinfo .wrap8 .imgs{
	width: 520px;
	display: inline-block;
	vertical-align: middle;
	max-width: 50%;
}
#productinfo .wrap8 .text{
	display: inline-block;
	vertical-align: middle;
	margin-left: 50px;
	max-width: 40%;
}
#productinfo .wrap8 .d1{
	font-size: 24px;
	color: #000000;
}
#productinfo .wrap8 .d2{
	font-size: 18px;
	color: #000000;
}
#productinfo .wrap8 .more{
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	background-color: #007bc3;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
	margin-top: 30px;
}
#productinfo .wrap9 .topnav{
	position: relative;
	padding-top: 74px;
}
#productinfo .wrap9 .topnav:after{
	content: '';
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #ededed;
	position: absolute;
}
#productinfo .wrap9 .topnav .swiper-container{
	margin: 0 120px;
	text-align: center;
}
#productinfo .wrap9 .topnav .swiper-slide{
	min-width: 20%;
	width: auto;
}
#productinfo .wrap9 .topnav span{
	color: #040000;
	font-size: 16px;
	display: inline-block;
	width: auto;
	line-height: 56px;
	position: relative;
	text-align: center;
	box-sizing: border-box;
	padding: 0 34px;
	cursor: pointer;
	transition: all .4s ease;
}
#productinfo .wrap9 .topnav span:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: transparent;
	bottom: 0;
	left: 0;
	transition: all .4s ease;
}
#productinfo .wrap9 .topnav .cur span{
	color: #007bc3;
}
#productinfo .wrap9 .topnav .cur span:after{
	background-color: #007bc3;
}
#productinfo .wrap9 .fot-slide{
	margin: 48px 0 96px;
	position: relative;
	moz-user-select: -moz-none; 
	-moz-user-select: none; 
	-o-user-select:none; 
	-khtml-user-select:none; 
	-webkit-user-select:none; 
	-ms-user-select:none; 
	user-select:none;
}
#productinfo .wrap9 .fot-slide .swiper-button-next,
#productinfo .wrap9 .fot-slide .swiper-button-prev{
	position: absolute;
	width: 40px;
	height: 70px;
	background: rgba(0,0,0,.2) no-repeat center/18px auto;
	top: 50%;
	margin-top: -35px;
	opacity: 1;
	z-index: 3;
	cursor: pointer;
	transition: all .4s ease;
}
#productinfo .wrap9 .fot-slide .swiper-button-prev{
	background-image: url('../img/baseimg-prev.png');
	left: -15px;
}
#productinfo .wrap9 .fot-slide .swiper-button-next{
	background-image: url('../img/baseimg-next.png');
	left: auto;
	right: -15px;
}
#productinfo .wrap9 .fot-slide .swiper-container{
	margin: 0 67px;
}
#productinfo .wrap9 .fot-slide .swiper-container img{
	width: 100%;
}
#productinfo .wrap10{
	padding-bottom: 87px;
}
#productinfo .wrap10 .tit,
#productinfo .wrap11 .tit{
	font-size: 26px;
	color: #555555;
	padding-bottom: 70px;
}
#productinfo .wrap10 .imgs,
#productinfo .wrap11 .imgs{
    margin: 0 67px;
}