﻿
.head{
	height: 100px;
	width: 100%;
	/*position: fixed;*/
	position: relative;
	left: 0;
	top: 0;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	z-index: 99;
	background: #fff;
}
.head_height{
	/*height: 100px;*/
}
.logo{
	display: inline-block;
	height: 38px;
}
.hdr{
	margin-left: 7%;
    height: 100%;
}
.hdr .nav {
    height: 100%;
}
.hdra1 {
/*	padding-left: 25px;*/
    padding-left: 50px;
    padding-right: 20px;
/*    border-left: 1px solid #666;*/
    line-height: 25px;
/*    display: inline-block;*/
    background-image: url(../image/cn.png);
    background-position: 22px center;
    background-repeat: no-repeat;
    position: relative;
    font-size: 16px;
    height: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.hdra1:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    display: block;
    width: 10px;
    height: 6px;
    background-image: url(../image/xiajiantou.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.hdra1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 1px;
    height: 18px;
    background-color: #5a5a5a;
}
.hdra1gg {
    display: none;
    position: absolute;
    margin-top: -22px;
    top: 100%;
    left: 10px;
    background-color: #ffffff;
    width: 100%;
    padding: 15px 0;
    border-radius: 5px;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 12%);
}
.hdra1gg a {
    display: block;
    cursor: pointer;
}
.hdra1gg a:last-child {
/*    margin-top: 15px;*/
}
.gcn{
    padding-left: 40px;
    line-height: 25px;
    background-image: url(../image/en.png);
    background-position: 12px center;
    background-repeat: no-repeat;
    font-size: 16px;
}
.gen{
    padding-left: 40px;
    line-height: 25px;
    background-image: url(../image/cn.png);
    background-position: 12px center;
    background-repeat: no-repeat;
    font-size: 16px;
}
.gfr{
    padding-left: 40px;
    line-height: 25px;
    background-image: url(../image/fr.png);
    background-position: 12px center;
    background-repeat: no-repeat;
    font-size: 16px;
}
.hdra {
    height: 100%;
}
.hdra1:hover .hdra1gg {
    display: block;
}
.hdra1gg a:hover {
    color: #ff0004;
}
.ssssw {
    height: 100%;
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.ssssw li {
    display: none;
    position: absolute;
    margin-top: -22px;
    top: 100%;
    left: -62px;
    background-color: #ffffff;
    width: 167px;
    text-align: center;
    padding: 3px 0;
    font-size: 14px;
    border-radius: 5px;
    color: #222222;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 12%);
}
.ssssw:hover li {
    display: block;
}
.nav span{
	position: relative;
	flex: 0;
	flex-grow: 1;
}
.nava{
	display: block;
	line-height: 100px;
	font-size: 16px;
	position: relative;
}
.nava::after{
	width: 14px;
	height: 3px;
	background: #CF263B;
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	z-index: 15;
	border-radius: 3px;
	opacity: 0;
	transition: .25;
}
.nav span:hover .nava{
	color: #CF263B;
}
.nav span:hover .nava::after{
	opacity: 1;
}
.navhidebg{
	width: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 9;
	height: 390px;
	border-top: 1px solid #E6E6E6;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
}
.navhidebg_active{
	opacity: 1;
	visibility: inherit;
}
.navhide{
	width: 100%;
	padding: 30px 0;
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 10;
	margin-top: 1px;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
}
.navhide a{
	line-height: 40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.navhide a:hover{
	color: #CF263B;
}
.nav:hover .navhide{
	opacity: 1;
	visibility: inherit;
}
.md{
	padding: 90px 0;
}
.bnbox{
	color: #fff;
	position: absolute;
	right: 8%;
	bottom: 25px;
	z-index: 50;
}
.bnbox i{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.imore{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 50px;
	background: url(../image/imorebg_03.png) no-repeat center;
	background-size: 100% 100%;
}
.imore:hover{
	background: #CF263B;
	color: #fff;
}
.ititle_40{
	font-size: 36px;
}
.i1toptxt{
	width: 50%;
}
.i1a img{
	transition: .5s;
}
.i1a:hover img{
	transform:rotateY(180deg);
}
.i2top{
	/*width: 38%;*/
	    width: 60%;
    justify-content: center;
}
.i2top span{
	transition: .25s;
	cursor: pointer;
	text-align: center;
	line-height: 36px;
	border: 2px solid #ccc;
	border-radius: 4px;
	display: block;
	width: 100%;
	line-height: 40px;
	color: #666;
}
.swiper-slide-thumb-active span{
	background: #CF263B;
	border: 2px solid #CF263B;
	color: #fff;
}
.i2btnbox i{
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .25s;
	margin-right: 20px;
	color: #999;
}
.i2btnbox i:hover{
	background: #CF263B;
	border: 1px solid #CF263B;
	color: #fff;
}
.i3a{
	width: 30.5%;
	display: block;
}
.i3a p{
	line-height: 32px;
	height: 64px;
}
.i3a:hover span{
	color: #CF263B;
}
.i4at i{
	background: #e1e1e1;
	line-height: 30px;
	padding: 0 20px;
	display: inline-block;
	color: #666;
}
.i5{
	padding: 100px 0;
}
.i5r{
	width: 38%;
	margin-left: 6%;
}
.i5rline{
	width: 32px;
	height: 3px;
	background: #fff;
	display: block;
	margin: 25px 0;
}
.i5ra{
	margin-top: 25px;
}
.i5l{
	padding: 50px;
	background: rgba(255,255,255,.3);
	border-radius: 6px;
}
.i5la{
	width: 49%;
	margin-top: 20px;
}
.i5la_w100{
	width: 100%;
}
.i5la input,.i5la textarea{
	width: 100%;
	height: 42px!important;
	border: 1px solid rgba(255,255,255,.7);
	border-radius: 4px;
	padding: 0 15px;
	background: none;
	color: #fff;
}
.i5la input::-webkit-input-placeholder,.i5la textarea::-webkit-input-placeholder{
	color:#fff;
}
.i5la textarea{
	height: 150px!important;
	resize: none;
	padding: 15px;
}
.i5la button{
	width: 150px;
	height: 50px;
	cursor: pointer;
	transition: .25s;
	background: #fff;
	color: #666;
	font-size: 16px;
	margin-right: 15px;
	border-radius: 4px;
}
.i5la button.active,.i5la button:hover{
	background: #CF263B;
	color: #fff;
}

.ft{
	padding: 65px 0;
	border-bottom: 1px solid #eaeaea;
}
.fmr{
	margin-left: 12%;
}
.fmlaline{
	width: 20px;
	height: 1px;
	display: block;
	background: #666666;
	margin: 12px 0;
}
.fmla .txt{
	line-height: 35px;
}
.fmla .txt a{
	color: #666;
}
.fmla .txt a:hover{
	color: #CF263B;
}
.fb{
	padding: 20px 0;
	line-height: 30px;
}

.listbn{
	height: 400px;
}
.ititle_48{
	font-size: 40px;
	line-height: 70px;
}
.listnav{
	padding: 20px 0;
}
.lnavr a{
	margin-left: 35px;
	line-height: 55px;
	border-bottom: 4px solid rgba(0,0,0,0);
}
.lnavr a:hover,.lnavr a.active{
	color: #CF263B;
}
.lnavr a.active{
	border-bottom: 4px solid #CF263B;
}
.listmd{
	padding-top: 60px;
}
.i5rline.bgred{
	background: #CF263B;
	width: 50px;
	height: 2px;
}
.textidt{
	/*text-indent: 2em;*/
}
.pi1rb a{
	width: 30%;
	line-height: 58px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: center;
}
.pi1rb a:hover{
	background: #CF263B;
	border: 1px solid #CF263B;
	color: #fff;
}
.pi1rb a i{
	font-size: 20px;
	color: #CF263B;
	transition: .25s;
}
.pi1rb a:hover i{
	color: #fff;
}
.pi2t li{
	height: 120px;
	background: #eaeaea;
	/*width: 16.4%;*/
	display: flex;
	flex-direction: column;
	cursor: pointer;
	transition: .25s;
	width: 100%;
	margin-right: .3%;
}
.pi2t li:last-child{
	margin-right: 0;
}
.pi2t li h3{
	flex: 0;
	flex-grow: 1;
	font-weight: normal;
	text-align: center;
}
.pi2t li i{
	line-height: 30px;
	border-top: 1px solid #fff;
	font-size: 14px;
	color: #999;
	text-align: center;
}
.pi2t li.active i{
	display: none;
}
.pi2t li.active{
	background: #CF263B;
	color: #fff;
}
.pi2b{
	background: #f4f4f4;
	margin-top: 3px;
	padding: 50px;
}
.pi2b *{
	max-width: 100%;
}
.pi2ba:first-child{
	margin-top: 0 !important;
}
.pi2line{
	width: 5px;
	height: 23px;
	border-radius: 4px;
}
.pi3a{
	border: 1px solid #E6E6E6;
}
.pbbtnl,.pbbtnr{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 100%;
	background: #eeeeee;
	font-size: 20px;
	cursor: pointer;
	transition: .25s;
}
.pbbtnl:hover,.pbbtnr:hover{
	background: #CF263B;
	color: #fff;
}
.pagination{
	position: relative;
	bottom: 0;
}

.jf1a{
	border: 1px solid #eee;
	padding: 40px 15px;
	border-radius: 4px;
	transition: .25s;
	display: block;
}
.jf1a i{
	margin: 0 auto;
	font-size: 60px;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.swiper-slide-active .jf1a{
	color: #fff;
	border: 1px solid #CF263B;
	background: #CF263B;
}
.jf1{
	padding: 0 60px;
}
.swiper-button-next-jf1,.swiper-button-prev-jf1{
	width: 60px;
	height: 100%;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
	background: none;
	color: #999;
}
.swiper-button-next-jf1{
	right: 0;
}
.swiper-button-prev-jf1{
	left: 0;
}

.pi2t_swiper{
	padding: 0 47px;
	position: relative;
	background-color: #f4f4f4;
}
.swiper-button-next-jf3,.swiper-button-prev-jf3{
	width: 45px;
	height: 100%;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
	background: #eaeaea;
	color: #999;
}
.swiper-button-next-jf3{
	right: 0;
}
.swiper-button-prev-jf3{
	left: 0;
}
.pi2t_swiper li{
	width: 100%;
}
.pi2t_swiper .swiper-slide-thumb-active li{
	/*background: #CF263B;*/
	/*color: #fff;*/
}
.pi2t_swiper .swiper-slide-thumb-active li i{
	/*color: #fff;*/
}
.jf3b h3{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.jf3a{
	border-bottom: 1px solid #ddd;
}
.jf3at{
	padding: 25px 0;
	line-height: 40px;
}
.jf3ab{
	padding-bottom: 25px;
	display: none;
}
.jf3at span,.jf3at i{
	margin-left: 2%;
	margin-right: 2%;
}
.jf3a.active .jf3at{
	color: #CF263B;
}

.jsw{
	margin-top: 55px;
}
.pi2line_1{
	width: 2px;
}

.fw1r{
	width: 33.33%;
	margin-left: 10%;
}
.fw1ra{
	padding: 15px 0;
}
.fw2t li{
	width: 33.2%;
}
.fw2bal p{
	padding: 10px 0;
}
.fw2bal{
	width: 40%;
	margin-right: 5%;
}
.fw2b{
	padding: 65px;
}
.fw2ba{
	padding: 0 3%;
}

.new{
	width: 104%;
}
.nea{
	width: 29.33%;
	margin-right: 4%;
	background: #f8f8f8;
	margin-bottom: 60px;
}
.nea:hover{
	background: #fff;
	box-shadow: 0 5px 20px rgba(0,0,0,.1);
}
.page span,.page a,.pgslt{
	margin: 5px 10px;
	color: #666;
}
.page a:hover{
	color: #CF263B;
}
.pgslt select{
	width: 50px;
	height: 28px;
	border: 1px solid #999;
	padding: 0 10px;
}
.pgslt i{
	line-height: 20px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	font-size: 12px;
}

.nibox{
	padding: 0 8%;
}
.nitb span{
	border-bottom: 1px solid #ddd;
	margin-left: 15px;
}
.nim *{
	max-width: 100%;
}
.nib{
	padding-top: 40px;
	border-top: 1px solid #ddd;
}
.nibl a{
	padding: 5px 0;
}
.nibr{
	line-height: 46px;
	padding: 0 25px;
	border: 1px solid #ddd;
	display: inline-block;
	margin-left: 5%;
}
.nibr:hover{
	background: #CF263B;
	border: 1px solid #CF263B;
	color: #fff;
}

.ab2l h1{
	border-bottom: 7px solid #fff;
	padding-bottom: 20px;
}
.ab2l{
	width: 35%;
	margin-right: 5%;
}
.ab2l h1{
	display: inline-block;
}
.ab2ra{
	padding: 40px 0;
}
.ab2ra i{
	font-size: 100px;
}
.ab3w .i1a{
	width: 24%;
	background: #f6f6f6;
	padding: 60px 15px;
}
.co1w{
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 0 25px rgba(0,0,0,.1);
}
.co1r{
	height: 600px;
}
.co1l{
	padding: 15px 35px;
}
.co1la{
	line-height: 60px;
	padding: 20px 0;
	border-bottom: 1px solid #E6E6E6;
}
.co1la:last-child{
	border-bottom: 0;
}
.co2a{
	width: 49%;
}
.co2a_w100{
	width: 100%;
}
.co2a input,.co2a textarea{
	width: 100%!important;
	height: 60px!important;
	background: #f7f7f7!important;
	padding: 0 15px!important;
    border: none!important;
}
.co2a input:focus,.co2a textarea:focus{
	background: #f2f2f2!important;
}
.co2a textarea{
	height: 150px!important;
	padding: 15px!important;
	resize: none!important;
}
.co2a button{
	background: #eaeaea;
	margin: 0 10px;
}
.co2a button.active{
	background: #CF263B;
}

.jo1r{
	width: 35%;
	margin-left: 9%;
}
.jo3a{
	margin-bottom: 60px;
}
.jo3a:last-child{
	margin-bottom: 0;
}
.jo3at{
	padding: 25px 5%;
	background: #F7F7F7;
}
.jo3atlb i{
	width: 1px;
	height: 18px;
	background: #ddd;
	margin: 0 15px;
}
.jo3atr{
	transition: .25s;
}
.jo3a.active .jo3atr{
	transform:rotate(180deg);
}
.jo3ab{
	padding: 50px 5%;
	background: #F7F7F7;
	margin-top: 2px;
}
.pi2b_sq{
	width: 150px;
	line-height: 50px;
	border-radius: 4px;
	text-align: center;
	display: inline-block;
}
.jo3ab{
	display: none;
}

@media only screen and (max-width:1399px) {
	.logo{
		height: 30px;
	}
	.nava{
		font-size: 15px;
	}
	.ititle_40{
		font-size: 32px;
	}
	.listbn{
		height: 300px;
	}
	.ititle_48{
		font-size: 32px;
		line-height: 50px;
	}
	.pi1rb a{
		line-height: 42px;
	}
	
	.ab2l h1{
		border-bottom: 4px solid #fff;
	}
	.ab2ra i{
		font-size: 70px
	}
	
	.co1la{
		line-height: 40px;
		padding: 15px 0;
	}
	.co1r{
		height: 450px;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.nava{
		font-size: 14px;
	}
	.bnbox{
		right: 20px;
	}
	.navhide a{
		font-size: 12px;
		line-height: 30px;
	}
	.imore{
		width: 120px;
		height: 40px;
	}
	.ititle_40{
		font-size: 28px;
	}
	.ititle_48{
		font-size: 28px;
		line-height: 40px;
	}
	.i1a img{
		height: 70px;
	}
	.i2top span{
		font-size: 14px;
	}
	.i2btnbox i{
		width: 35px;
		height: 35px;
		font-size: 14px;
	}
	.i3a p {
	    line-height: 26px;
	    height: 52px;
	}
	.i5l{
		padding: 25px;
	}
	.i5la textarea{
		height: 120px;
	}
	.i5la button{
		height: 40px;
		width: 120px;
	}
	.fmr{
		margin-left: 7%;
	}
	.fmr img{
		width: 100px;
	}
	
	.pi2t li h3{
		font-size: 15px;
	}
	.pi2b{
		padding: 25px;
	}
	.pbbtnl, .pbbtnr{
		width: 32px;
		height: 32px;
		font-size: 16px;
	}
	
	.fw1ra img{
		height: 35px;
	}
	
	.nea{
		margin-bottom: 40px;
	}
	
	.nibox{
		padding: 0 3%;
	}
	
	.ab2ra i{
		font-size: 45px;
	}
	.ab3w .i1a{
		padding: 40px 15px;
	}
	
	.jo1la img{
		width: 60px;
	}
	.pi2b_sq{
		width: 130px;
		line-height: 40px;
	}
	.jo3a{
		margin-bottom: 30px;
	}
}
@media only screen and (max-width:950px) {
	.swiper-pagination-bn{
		text-align: left;
		padding: 0 12px;
		bottom: 20px !important;
	}
	.bnbox{
		bottom: 10px;
		right: 12px;
		font-size: 16px;
	}
	.i2top{
		width: 45%;
	}
	
	.nea{
		width: 46%;
	}
	.pgslt select{
		height: 25px;
	}
}
@media only screen and (max-width:768px) {
    .hdra1 {
    border: none;
    line-height: 60px;
    position: absolute;
    right: 50px;
    top: 0;
    z-index: 9999;
    padding: 0;
}
	.i3a p {
	    height: auto;
	}
	.md{
		padding: 25px 0;
	}
	.ititle_40{
		font-size: 22px;
	}
	.ititle_48{
		font-size: 20px;
		line-height: 32px;
	}
	.i1toptxt{
		font-size: 13px;
		line-height: 23px;
	}
	.imore{
		height: 34px;
		width: 110px;
		font-size: 14px;
	}
	.i1a{
		width: 48%;
		margin-top: 20px;
	}
	.i1a img{
		height: 60px;
	}
	.i1a p{
		font-size: 14px;
		line-height: 22px;
		margin-top: 10px;
	}
	.i2top{
		width: 100%;
		margin-top: 15px;
	}
	.i2top span{
		font-size: 13px;
		line-height: 35px;
		border: 1px solid #ccc;
	}
	.swiper-slide-thumb-active span {
	    border: 1px solid #CF263B;
	}
	.i2btnbox i{
		margin: 0 8px;
		width: 30px;
		height: 30px;
		font-size: 12px;
	}
	.i2btnbox {
		justify-content: center;
	}
	.i3a{
		width: 100%;
		margin-top: 37px !important;
	}
	.i5l{
		padding: 20px;
	}
	.i5lw{
		margin-top: 5px;
	}
	.i5la{
		width: 100%;
		margin-top: 15px;
	}
	.i5la textarea{
		height: 120px;
	}
	.i5la button{
		height: 40px;
		width: 110px;
		font-size: 14px;
	}
	.i5r{
		padding: 5px;
		margin-top: 20px !important;
	}
	.i5ra{
		margin-top: 10px;
		align-items: flex-start;
	}
	.i5ra i{
		margin: 0 10px;
	}
	.ft1{
		text-align: center;
		border-bottom: 1px solid #E6E6E6;
		padding-bottom: 20px;
	}
	.ft1 .logo{
		height: 20px;
		margin-bottom: 10px;
	}
	.fml{
		display: none;
	}
	.fb{
		padding: 12px 0;
		line-height: 22px;
		text-align: center;
	}
	.fb a{
		margin-left: 5px;
	}
	
	.listbn{
		height: 200px;
	}
	.listnav{
		padding: 10px 0;
	}
	.lnavl{
		display: none;
	}
	.lnavr{
		/*justify-content: space-between;*/
	}
	.lnavr a{
		font-size: 14px;
		margin: 0;
		margin-right: 15px;
		line-height: 40px;
		border-bottom: 2px solid rgba(0,0,0,0);
	}
	.lnavr a:last-child{
		margin-right: 0;
	}
	.lnavr a.active{
		border-bottom: 2px solid #CF263B;
	}
	.i5rline.bgred{
		width: 30px;
		margin: 15px 0;
	}
	.pi1rb a{
		line-height: 38px;
	}
	.pi1rb a,.pi1rb a i{
		font-size: 14px;
	}
	.pi2t ul{
		flex-wrap: wrap;
	}
	.pi2t li{
		height: 90px;
		width: 33%;
		margin-top: 2px;
	}
	.pi2t li h3{
		font-size: 14px;
		line-height: 25px;
	}
	.pi2b{
		padding: 20px;
	}
	.pbbtnl, .pbbtnr{
		width: 32px;
		height: 32px;
		font-size: 16px;
	}
	
	.pi2t_swiper{
		padding: 0 32px;
	}
	.swiper-button-next-jf3, .swiper-button-prev-jf3{
		width: 30px;
	}
	.pi2t_swiper li{
		width: 100%;
		margin-top: 0;
	}
	.pi2line{
		width: 3px;
		height: 20px;
	}
	.jf3at{
		padding: 10px 0;
		line-height: 30px;
	}
	.jf3at *{
		font-size: 14px;
	}
	.jf3ab{
		padding-bottom: 10px;
	}
	.jf3at span,.jf3at i{
		font-size: 12px;
		margin-left: 10px;
	}
	.jf3ab .txt{
		font-size: 12px;
		line-height: 22px;
	}
	
	.jf1{
		padding: 0 35px;
	}
	.swiper-button-next-jf1, .swiper-button-prev-jf1{
		width: 35px;
	}
	.jf1a{
		padding: 15px 5px;
	}
	.jf1a i{
		width: 40px;
		height: 40px;
		font-size: 40px;
	}
	
	.jsw{
		margin-top: 25px;
	}
	
	.fw1ra{
		padding: 7px 0;
	}
	.fw1ra p{
		margin-left: 10px;
	}
	.fw1ra img{
		height: 35px;
	}
	.fw2bal{
		font-size: 16px;
	}
	.fw2bal p{
		padding: 5px 0;
	}
	.fw2ba{
		padding: 0;
	}
	
	.new{
		width: 100%;
	}
	.nea{
		margin-bottom: 25px;
		margin-right: 0;
		width: 100%;
	}
	.nea:last-child{
		margin-bottom: 10px;
	}
	.neatxt{
		padding: 15px;
	}
	.neatxtb{
		font-size: 12px;
	}
	.page span, .page a, .pgslt{
		margin: 3px 10px;
	}
	.lnavr_new{
		justify-content: flex-end;
	}
	.lnavr_new a{
		margin-left: 20px;
	}
	
	.nibox{
		padding: 0;
	}
	.nib{
		margin-top: 25px;
		padding-top: 15px;
	}
	.nibr{
		line-height: 32px;
		padding: 0 15px;
		font-size: 14px
	}
	.nibr i{
		font-size: 16px;
	}
	.nibl a{
		padding: 3px 0;
	}
	
	
	.ab2l h1{
		border-bottom: 2px solid #fff;
	}
	.ab2ra i{
		font-size: 35px;
	}
	.ab2ra{
		text-align: center;
		padding: 15px 0;
	}
	.ab2ra p{
		font-size: 12px;
		line-height: 22px;
	}
	.ab2ra h1{
		font-size: 16px;
	}
	.ab3w .i1a{
		padding: 40px 15px;
	}
	.ab3w .i1a{
		width: 48%;
		padding: 20px 10px;
		margin-top: 15px;
	}
	
	.co1l{
		padding: 15px;
	}
	.co1la i{
		font-size: 16px;
	}
	.co1la{
		padding: 10px 0;
		line-height: 30px;
	}
	.co1la p{
		font-size: 14px;
		margin-left: 10px;
	}
	.co1r{
		height: 200px;
	}
	.cotop p{
		font-size: 14px;
	}
	.co2a{
		width: 100%;
	}
	.co2a input, .co2a textarea{
		height: 45px!important;
	}
	.co2a textarea{
		height: 100px!important;
	}
	
	.jo1la{
		min-width: 20%;
	}
	.jo1la p{
		font-size: 14px;
		margin-top: 6px;
	}
	.jo1la img{
		width: 40px;
	}
	.jo2 h1{
		font-size: 16px;
		line-height: 26px;
	}
	.pi2b_sq{
		width: 120px;
		font-size: 14px;
		line-height: 36px;
	}
	.jo3a{
		margin-bottom: 15px;
	}
	.jo3at{
		padding: 15px;
	}
	.jo3atlb {
		font-size: 12px;
	}
	.jo3atr{
		font-size: 15px;
	}
	.jo3atlb span{
		margin-right: 12px;
	}
	.jo3atlb i{
		display: none;
	}
	.jo3ab{
		padding: 15px;
	}
}
@media screen and (max-width: 768px) {
    .ssssw {
        display: block;
        width: 40px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        font-size: 18px;
        position: absolute;
        right: 150px;
        top: 0;
        z-index: 9999;
    }
    .ssssw li {
        margin-top: -5px;
        line-height: 1.76;
        left: -62px;
        width: 167px;
        padding: 5px 0;
        font-size: 14px;
    }
    .hdra1 {
        right: 67px !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        line-height: normal !important;
        background-image: url(../image/cn.png);
        background-position: left center;
        background-repeat: no-repeat;
    }
    .hdra1:before {
        display: none;
    }
    .hdra1gg {
        margin-top: -5px;
        left: 0;
    }
}