body {

	-webkit-tap-highlight-color: transparent;

	-webkit-tap-highlight-color: transparent

}

*, ::before, :after {

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

button, input[type=button], input[type=date], input[type=file], input[type=submit] {

	cursor: pointer;

	-webkit-appearance: none

}

blockquote, body, button, dd, dl, dt, fieldset, h1, h2, h3, h4, h5, h6, hr, input, lengend, li, ol, p, pre, td, textarea, th, ul {

	margin: 0;

	padding: 0

}

body, button, input, select, textarea {

	font-family: "Microsoft YaHei", "微软雅黑", Arail;

	outline: 0;

	-webkit-font-smoothing: subpixel-antialiased

}

body {

	font-size: 62.5%

}

li, ol, ul {

	list-style: none

}

a {

	text-decoration: none

}

img {

	border: none;

	vertical-align: middle

}

.clearfix:after, .clearfix:before {

	content: "";

	display: table

}

.clearfix:after {

	clear: both

}

.clearfix {

	zoom: 1

}

em, h1, h2, h3, h4, h5, h6, i, u {

	font-style: normal;

	font-weight: 400

}

.fr {

	float: right

}

.fl {

	float: left

}

.ib-middle {

	display: inline-block;

	vertical-align: middle;

	text-align: left;

}

.ib-top {

	/*display: inline-block;*/

	vertical-align: top

}

.com-img img {

	transition: all 0.4s ease-in 0s;

	-webkit-transition: all 0.4s ease-in 0s;

	-moz-transition: all 0.4s ease-in 0s;

	-o-transition: all 0.4s ease-in 0s;

}

.com-img:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

}

/*--QQ--*/





.lx_box {

	position: fixed;

	width: 100%;

	height: 100%;

	padding: 0;

	transform: translate(-0, -0);

	left: 0;

	top: 0;

	background: rgba(0,0,0,0.7);

	display: none;

	z-index: 99;

}

.lx_box>p {

	margin: 0;

	text-align: right;

}

.lx_box>p>a {

	display: inline-block;

}

.lx_box h3 {

	font-weight: normal;

	font-size: 1.4em;

	color: #0F7349;

	width: 90%;

	margin: 0 auto;

	margin-top: 5%;

	margin-bottom: 2%;

}

.lx_box h4 {

	font-weight: normal;

	font-size: 1.2em;

	line-height: 4em;

	width: 90%;

	margin: 0 auto;

}

.lx_box #cbBtn {

	background: #0F7349;

	color: #fff;

	width: 200px;

	line-height: 2em;

	border-radius: 1px;

	margin-left: 5%;

	letter-spacing: 10px;

	font-size: 1.2em;

}

.lx_box #vtel {

	font-size: 1.2em;

	height: 3em;

	border: 0;

	line-height: 2em;

	font-weight: normal;

	width: 90%;

	margin: 0 auto;

	margin-bottom: 2%;

	margin-top: 2%;

}

.tel_s {

	position: fixed;

	top: 50%;

	right: 0;

	width: 70px;

	height: auto;

	display: none;

	z-index: 99;

}

.tel_s>a {

	opacity: 0.99;

	display: block;

	width: 100%;

	background: #e00012;

	overflow: hidden;

	height: 70px;

	border-bottom: 1px solid #eee;

}

.tel_s a:last-child {

	border: 0;

}

.tel_s a:hover {

	opacity: 1;

}

.tel_s>a>img {

	height: 35px;

	display: block;

	margin: 17.5px auto;

}

.lx_box .website-online {

	position: fixed;

	width: 600px;

	height: auto;

	background: #e00012;

	top: 30%;

	z-index: 99;

	left: 50%;

	margin-left: -340px;

	padding: 15px;

}

.lx_box .website-online #lx {

	position: absolute;

	top: 50px;

	right: 50px;

}

.lx_box .website-online #lx img {

	display: block;

	width: 24px;

	transition: all .5s;

}

.lx_box .website-online #lx:hover img {

	transform: rotate(180deg);

}

.lx_box .w-o-dl {

	display: block;

	overflow: hidden;

	border: 1px dotted #eee;

	padding: 30px;

}

.lx_box .w-o-dl h3 {

	color: #fff;

	font-size: 18px;

	letter-spacing: 2px;

	line-height: 1em;

	margin: 0 0 20px;

}

.lx_box .w-o-dl h4 {

	display: block;

	color: #fff;

	font-size: 50px;

	line-height: 1em;

	letter-spacing: 2px;

	font-family: font2018;

	margin: 0 0 20px;

	font-weight: bold;

}

.lx_box .w-o-dl h5 {

	color: #fff;

	font-weight: normal;

	letter-spacing: 2px;

	font-size: 18px;

	line-height: 1em;

	margin: 0 0 30px;

}

.lx_box .w-o-dl h6 {

	display: block;

	overflow: hidden;

	margin: 0 0 30px;

}

.lx_box .w-o-dl h6 a {

	display: inline-block;

	color: #fff;

	font-weight: normal;

	border: 1px solid #eee;

	line-height: 42px;

	padding: 0 8%;

	font-family: font2018;

	margin: 0 3% 0 0;

	overflow: hidden;

	font-size: 16px;

	letter-spacing: 2px;

	position: relative;

}

.lx_box .w-o-dl h6 a:hover span {

	position: relative;

	z-index: 3;

	color: #e00012;

}

.lx_box .w-o-dl h6 a:hover font {

	left: 0;

	opacity: 1;

}

.lx_box .w-o-dl h6 a font {

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	opacity: 0;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	background: #fff;

	left: -100%;

}

.lx_box .w-o-dl dd {

	display: block;

	overflow: hidden;

}

.lx_box .w-o-dl dd span {

	letter-spacing: 2px;

	display: block;

	float: left;

	color: #fff;

	font-size: 16px;

	margin-right: 5%;

}

.web-ie2018 {

	font-family: Arial, '鐎甸偊鍠涢拏瀣⒖閸涘鎷�';

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 99;

	background: #666;

	zoom: 1;

}

.web-ie2018 dl {

	position: absolute;

	width: 700px;

	height: auto;

	top: 50%;

	margin-top: -200px;

	left: 50%;

	margin-left: -350px;

	background: #fff;

}

.web-ie2018 dl #img {

	display: block;

	margin: 50px auto;

}

.web-ie2018 dl h3 {

	display: block;

	text-align: center;

	font-size: 28px;

	font-weight: normal;

	letter-spacing: 2px;

	margin: 0 auto 30px;

}

.web-ie2018 dl h4 {

	display: block;

	text-align: center;

	font-size: 18px;

	font-weight: normal;

	letter-spacing: 2px;

	margin: 50px auto 50px;

}

.web-ie2018 dl dd {

	margin: 0 auto 50px;

	display: block;

	text-align: center;

	margin-bottom: 50px;

}

.web-ie2018 dl dd a {

	display: inline-block;

	margin: 0 20px;

}

.web-ie2018 dl dd a img {

	display: block;

	margin: 0 auto;

	text-align: center;

	width: 50%;

}

.web-ie2018 dl dd a span {

	display: block;

	font-size: 16px;

	color: #666;

}

.lx_box .w-o-dl h6>a:nth-child(1) {

	background-color: #fff;

	color: #e00012;

}

.lx_box .w-o-dl h6>a:nth-child(1) font {

	display: none;

}

.clearfix:after {

	display: block;

	height: 0;

	content: '';

	font-size: 0;

	visibility: hidden;

	clear: both;

}

.clearfix {

*zoom:1;

}

.float-menu {

	margin-bottom: 10px;

	background: #fff;

	position: relative;

	border: 1px solid #ddd;

}

.float-menu.menu-ogg {

	background: #f0102b;

	border-color: #f0102b;

}

.float-zx {

	position: fixed;

	right: 1px;

	top: 30%;

	margin-top: -45px;

	z-index: 99;

}

.float-zx .float-menu>a {

	display: block;

	width: 60px;

	height: 38px;

	text-align: center;

	font-size: 14px;

	color: #f0102b;

	line-height: 18px;

}

p.float-names {

	line-height: 12px;

	font-size: 12px;

	color: #777;

	text-align: center;

	padding-bottom: 6px;

	cursor: pointer;

}

.float-zx .float-menu a.inco_float_1 {

	color: #fff;

	background: url(../images/inco_flc.gif) center no-repeat;

}

.float-zx .float-menu a.inco_float_2 {

	background: url(../images/inco_fla.jpg) center no-repeat;

}

.float-zx .float-menu a.inco_float_3 {

	background: url(../images/inco_flb.jpg) center no-repeat;

}

.float-zx .float-menu a.inco_float_5 {

	background: url(../images/right_pic7.png) center no-repeat;

}

.float-zx .float-menu a p {

	padding-top: 5px;

	display: none;

	line-height: 18px;

}

/* .float-zx .float-menu:hover a.inco_float_1 p{background:#f0102b;}

    .float-zx .float-menu:hover a p{display:block;background:#fff;} */

    /* .float-zx .float-menu:hover a.inco_float_2,.float-zx .float-menu:hover a.inco_float_3{background:#fff;} */

.float-box {

	position: absolute;

	top: -15px;

	right: 48px;

	padding-right: 25px;

	display: none;

}

.float-zx .float-menu:hover .float-box {

	display: block;

}

.float-box-c {

	border: 1px solid #ccc;

	border-top: 4px solid #004098;

	padding: 20px;

	background-color: #fff;

	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);

	-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);

	box-shadow: 0 3px 8px rgba(0,0,0,.15);

	position: relative;

}

.menu-ogg .float-box-c {

	width: 430px;

}

.inco_pep {

	display: inline-block;

	width: 56px;

	height: 56px;

	background: url(../images/float_pep.jpg) left center no-repeat;

	float: left;

}

.float-box-ct p, .float-box-ccb p {

	float: left;

	color: #004098;

	font-size: 24px;

	line-height: 28px;

}

.float-box-ct p i, .float-box-ccb p i {

	display: block;

	font-size: 14px;

	color: #aaa;

	font-style: normal;

}

.float-box-cc {

	padding-top: 15px;

	margin-top: 15px;

	border-top: 1px solid #e4e4e4;

}

.float-box-cc h4 {

	color: #666;

	font-size: 14px;

	font-weight: normal;

	padding-bottom: 15px;

}

.float-box-cc ul li {

	float: left;

	width: 33.3333%;

}

.float-box-cc ul li a {

	display: inline-block;

	color: #999;

	font-size: 13px;

	padding-left: 43px;

	background: url(../images/q1.gif) no-repeat left 3px;

	line-height: 36px;

}

.menu-clock .float-box-c {

	width: 240px;

}

i.inco-sj {

	display: block;

	width: 13px;

	height: 16px;

	background: url(../images/02index-spri.png) no-repeat 0 -2226px;

	position: absolute;

	right: -13px;

	top: 26px;

}

.inco-clock {

	display: block;

	float: left;

	width: 56px;

	height: 56px;

	background: url(../images/inco_clock.jpg) left top no-repeat;

}

.float-zx .float-menu.menu-chat .float-box-ccb p {

	color: #f0102b;

	font-size: 16px;

	line-height: 16px;

}

.menu-back a {

	background: url(../images/inco_backa.jpg) center no-repeat;

}

.menu-back:hover a {

	background: #004098 url(../images/inco_backb.jpg) center no-repeat;

}

.mob-foot-fixed {

	display: none;

}

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

.mob-foot-fixed {

	display: block;

	overflow: hidden;

	position: fixed;

	left: 0;

	bottom: 0;

	z-index: 99;

	width: 100%;

}

.mob-foot-fixed a {

	display: block;

	width: 33.333333%;

	text-align: center;

	color: #fff;

	font-size: 3rem;

	padding: 5% 0;

	float: left;

	position: relative;

}

.mob-foot-fixed a img {

	width: 20%;

	max-width: 87px;

	vertical-align: middle;

}

.mob-foot-fixed a span {

	padding-left: 5px;

}

.mob-foot-fixed .fixed_01 {

	background: #FF6D00;

}

.mob-foot-fixed .fixed_02 {

	background: #FF9600;

}

.mob-foot-fixed .fixed_03 {

	background: #FFB400;

}

.mob-foot-fixed .fixed_01, .mob-foot-fixed .fixed_02, .mob-foot-fixed .fixed_03 {

	background: #e50012!important;

}

.mob-foot-fixed .fixed_02:before, .mob-foot-fixed .fixed_03:before {

	width: 0;

	height: 100%;

	border-left: 1px solid#b1000e;

	content: '';

	position: absolute;

	top: 0;

	left: 0;

}

}

.wed2 {

	padding-right: 2%;

	padding-left: 2%;

	margin-right: auto;

	margin-left: auto

}

.wed {

	padding-right: 2%;

	padding-left: 2%;

	margin-right: auto;

	margin-left: auto

}

@media (max-width:1920px) {

.wed {

	padding-right: 2%;

	padding-left: 2%;

	margin-right: auto;

	margin-left: auto

}

.wed2 {

	padding-right: 2%;

	padding-left: 2%;

	margin-right: auto;

	margin-left: auto

}

.container_1350 {

	padding-right: 2%;

	padding-left: 2%;

	margin-right: auto;

	margin-left: auto

}

.container_1240 {

	padding-right: 2%;

	padding-left: 2%;

	margin-right: auto;

	margin-left: auto;

	width:1240px;

}

.container_1382 {

	padding-right: 2%;

	padding-left: 2%;

	margin-right: auto;

	margin-left: auto;

	width: 100%;

}

}

 @media (max-width:1400px) {

.wed {

	padding-right: 2%;

	padding-left: 2%;

	margin-right: auto;

	margin-left: auto

}

.wed2 {

	padding-right: 1%;

	padding-left: 1%;

	margin-right: auto;

	margin-left: auto

}

.container_1350 {

	padding-right: 2%;

	padding-left: 2%;

	margin-right: auto;

	margin-left: auto

}

.container_1240 {

	padding-right: 2%;

	padding-left: 2%;

	margin-right: auto;

	margin-left: auto

}

}

.container_1350 {

	padding-right: 2%;

	padding-left: 2%;

	margin-right: auto;

	margin-left: auto

}

.container_1240 {

	padding-right: 2%;

	padding-left: 2%;

	margin-right: auto;

	margin-left: auto

}

.ib-bottom {

	display: inline-block;

	vertical-align: bottom

}

.full {

	width: 100%;

	height: 100%

}

.table {

	display: table;

	height: 100%;

	width: 100%

}

.table-cell {

	display: table-cell;

	vertical-align: middle

}

.position-center {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	margin: auto

}

.position-left {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: auto;

	margin: auto

}

.position-right {

	position: absolute;

	top: 0;

	left: auto;

	bottom: 0;

	right: 0;

	margin: auto

}

.position-bottom {

	position: absolute;

	top: auto;

	left: 0;

	bottom: 0;

	right: 0;

	margin: auto

}

.middle-left {

	position: absolute;

	left: 0;

	top: 50%;

	transform: translate(0, -50%);

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

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

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

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

}

.middle-right {

	position: absolute;

	right: 0;

	top: 50%;

	transform: translate(0, -50%);

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

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

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

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

}

.middle-center {

	position: absolute;

	left: 50%;

	top: 50%;

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

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

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

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

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

}

.middle-bottom {

	position: absolute;

	left: 50%;

	bottom: 0;

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

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

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

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

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

}

.sj {

	display: inline-block;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 8px;

	border-color: #fff #fff transparent transparent;

	transform: rotate(135deg)

}

.no-border-right {

	border-right: 0!important

}

.uppercase {

	text-transform: uppercase

}

.responsive {

	width: 100%;

	max-width: 100%;

	height: auto

}

.help-info {

	position: absolute;

	left: 15px;

	bottom: -20px;

	font-size: 12px

}

.help-info .error {

	display: inline-block;

	width: 15px;

	height: 15px;

	background: url(../images/info-error.png) no-repeat center;

	margin-top: -2px;

	vertical-align: middle;

	margin-right: 5px

}

.help-info .allow {

	display: inline-block;

	width: 15px;

	height: 15px;

	background: url(../images/info-allow.png) no-repeat center;

	margin-top: -2px;

	vertical-align: middle;

	margin-right: 5px

}

body, html {

	overflow: hidden;

	overflow-y: auto

}

.baseColor {

	color: #004098

}

.font-set {

	font-family: syzt

}

.transition {

	transition: 1s;

	-ms-transition: 1s;

	-o-transition: 1s;

	-webkit-transition: 1s;

	-moz-transition: 1s

}

.transition_short {

	transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s

}

.transition_ease {

	transition: ease .6s;

	-ms-transition: ease .6s;

	-o-transition: ease .6s;

	-webkit-transition: ease .6s;

	-moz-transition: ease .6s

}

div[class*=container], section[class*=container], ul[class*=container] {

	

	margin: 0 auto;

	max-width: 100%;

	position: relative

}

.swiper-container {

	min-width: inherit!important

}

ul[class*=item] {

	font-size: 0

}

li[class*=list] {

	display: inline-block

}

.container {

	width: 1280px

}

.container_header {

	width: 1430px

}

.container_865 {

	width: 865px

}

.container_1230 {

	width: 1230px

}

.container_1300 {

	width: 1300px

}

.container_1314 {

	width: 1314px

}

.container_1340 {

	width: 1340px

}

.container_1350{width:1350px}



.container_1348 {

	width: 1348px

}

.container_1382 {

	width: 1382px

}

.container_1390 {

	width: 1390px

}

.container_1400 {

	width: 1400px

}

.container_1508 {

	width: 1508px

}

header {

	position: relative

}

header.fixed {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 99;

	background-color: #fff;

	box-shadow: 0 -6px 6px 7px #c8c8c8

}

header.fixed .top-sub-menu {

	top: 40px

}

header.fixed .header-in {

	padding-top: 10px

}

header.fixed nav.nav-top>ul>li {

	height: 40px;

	transition: .6s;

	-ms-transition: .6s;

	-o-transition: .6s;

	-webkit-transition: .6s;

	-moz-transition: .6s

}

header.fixed .header-in .icon-sousuo {

	margin: -10px 0 0 30px

}

.header-in {

	z-index: 100;

	width: 100%;

	top: 0;

	padding-top: 18px

}

.header-in .icon-sousuo {

	color: #004098;

	font-weight: 700;

	margin: -14px 0 0 30px

}

.logo {

	display: inline-block;

	position: relative;

	z-index: 99;

	margin-top: 10px

}

.moible_hy {

	display: none

}

.m-close {

	display: none

}

.header-r {

	float: right;

	position: relative;

	z-index: 10;

	font-size: 0

}

nav.nav-top {

	display: inline-block;

	margin-top: 14px;

	vertical-align: middle

}

nav.nav-top>ul>li {

	position: relative;

	display: inline-block;

	margin-left: 20px;

	line-height: 45px;

	height: 45px;

	font-size: 15px;

	vertical-align: top;

	text-align: center

}

nav.nav-top>ul>li::after {

	content: ' ';

	position: absolute;

	left: auto;

	bottom: 0;

	width: 0;

	right: 0;

	height: 4px;

background:#;

	transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;

	-ms-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;

	-o-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;

	-webkit-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;

	-moz-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s

}

nav.nav-top>ul>li.cur::after, nav.nav-top>ul>li:hover::after {

	width: 100%;

	left: 0;

	right: auto

}

.top-sub-menu {

	position: absolute;

	top: 45px;

	left: -14px;

	width: 180px;

	border-top: 2px solid #004098;

	box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);

	opacity: 0;

	visibility: hidden;

	transition: opacity .36s ease

}

nav.nav-top>ul>li a {

	color: #555;

	padding: 0 15px

}

nav.nav-top>ul>li a i {

	transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	display: inline-block;

	transform-origin: center;

	transition: ease .4s;

	font-size: 12px;

	margin-left: 5px

}

nav.nav-top>ul>li a i:after2 {

content:'\e620';

font-family:iconfont;

position:relative;

left:-3px;

color:#c8c8c8

}

nav.nav-top>ul>li :hover {

	color: #004098

}

nav.nav-top>ul>li:nth-child(1) {

	margin-left: 0

}

nav.nav-top>ul>li hover, nav.nav-top>ul>li.cur a {

	color: #004098;

}

nav.nav-top>ul>li:hover .top-sub-menu {

	opacity: 1;

	visibility: visible

}

.top-sub-menu>a {

	color: #666!important;

	font-size: 14px!important;

	line-height: 22px;

	display: block;

	padding: 12px 16px 12px 36px!important;

	background: #fff;

	text-align: left;

	border-bottom: 1px solid #f6f6f6

}

.top-sub-menu>a:hover {

	color: #fff!important;

	background: #004098

}

.search {

	display: none

}

.more {

	text-align: center

}

.more a {

	display: inline-block;

	width: 120px;

	height: 40px;

	background: #004098;

	position: relative;

	color: #fff;

	font-size: 12px;

	font-family: Arial;

	line-height: 40px;

	overflow: hidden;

	border-radius: 3px;

	border: 1px solid transparent

}

.more a:hover span {

	color: #004098;

	position: relative;

	z-index: 22

}

.btn-circle-click, .btn-circle-hover {

	position: absolute;

	z-index: 0;

	display: block;

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

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

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

	width: 0;

	height: 0;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background: #fff

}

.more2 {

	text-align: center

}

.more2 a {

	display: inline-block;

	width: 120px;

	height: 40px;

	background: #004098;

	position: relative;

	color: #fff;

	font-size: 12px;

	font-family: Arial;

	line-height: 42px;

	overflow: hidden

}

.more2 a .btn-circle-hover {

	background: #004098

}

.more2 a:hover span {

	color: #fff!important;

	position: relative;

	z-index: 22

}

.title {

	margin-top: 80px;

	font-size: 36px;

	color: #333

}

.title i {

	display: inline-block;

	vertical-align: middle;

	margin-right: 20px;

	width: 34px;

	height: 24px

}

.title2 {

	width: 100%;

	border-bottom: 1px dashed #d5d5d5;

	padding: 21px 30px

}

.title2 p {

	color: rgba(245,230,200,.5);

	font-size: 22px;

	padding-left: 63px;

	text-align: left

}

.title2 .font-set {

	color: #333;

	font-size: 18px;

	font-weight: 700;

	display: inline-block;

	vertical-align: middle

}

.title3 {

	position: relative;

	overflow: hidden

}

.title3 .fr {

	margin-top: 34px

}

.title3 .fr a {

	color: #8f8f8f;

	font-size: 14px

}

.title3 .fr a:after {

	display: inline-block;

	content: '';

	width: 12px;

	height: 12px;

	background: url(../images/icon12.png) no-repeat center;

	margin-left: 10px;

	margin-bottom: -1px

}

.title3 strong {

	font-weight: 400;

	font-size: 57px;

	color: #004098;

	font-family: Arial

}

.title3 h3 {

	font-size: 30px;

	color: #333;

	width: 164px;

	line-height: 20px;

	margin-top: 4px;

}

.title3 span {

	font-size: 16px;

	color: #999;

	margin-left: 1px;

	display: inline-block;

	font-family: Arial

}

.inside_banner {

	width: 100%;

height:calc(.234 * 120vw);

	position: relative

}

.inside_banner .desc {

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}

@media (max-width:1200px) {

.inside_banner {

	height: 34vw

}

}

@media (max-width:800px) {

.inside_banner .desc {

	background-size: 66%!important

}

}

@media (max-width:640px) {

.inside_banner {

	height: 50vw

}

}

.choose_banner {

height:calc(.323 * 100vw)

}

.choose_banner .desc {

	text-align: center;

	background: url(../images/choose-font.png) no-repeat center;

	color: transparent;

	top: 43%

}

.choose_banner .desc h2 {

	font-size: 72px;

	letter-spacing: 2px

}

.choose_banner .desc p {

	font-size: 24px

}

.clean_banner {

height:calc(.248 * 100vw)

}

.clean_banner .desc {

	left: 62.5%;

	top: 46%;

	text-align: center;

	color: #fff

}

.clean_banner .desc h2 {

	font-size: 56px

}

.clean_banner .desc p {

	margin-top: 5px;

	font-size: 16px

}

.clean_banner .desc span {

	display: inline-block;

	font-size: 20px;

	margin-top: 24px;

	font-family: 'Microsoft YaHei'

}

@media (max-width:1440px) {

.clean_banner .desc h2 {

	font-size: 42px

}

.clean_banner .desc p {

	font-size: 14px

}

.clean_banner .desc span {

	font-size: 18px;

	margin-top: 15px

}

}

.purchase_banner .desc {

	text-align: center;

	color: transparent;

	background: url(../images/purchase-font.png) no-repeat center

}

.purchase_banner .desc h2 {

	font-size: 64px

}

.purchase_banner .desc p {

	font-size: 32px

}

.contact_banner .desc {

	text-align: center;

	color: transparent;

	background: url(../images/contact-font.png) no-repeat center

}

.contact_banner .desc h2 {

	font-size: 64px

}

.contact_banner .desc p {

	font-size: 28px

}

.news_banner .desc {

	text-align: center;

	color: transparent;

	background: url(../images/news-font.png) no-repeat center

}

.news_banner .desc h2 {

	font-size: 64px

}

.news_banner .desc p {

	font-size: 28px

}

.about_banner .desc {

	text-align: center;

	color: transparent;

	background: url(../images/about-font.png) no-repeat center

}

.about_banner .desc h2 {

	font-size: 64px

}

.about_banner .desc p {

	font-size: 32px

}

.merchants_banner .desc {

	text-align: center;

	color: transparent;

	background: url(../images/merchants-font.png) no-repeat center

}

.merchants_banner .desc h2 {

	font-size: 64px

}

.merchants_banner .desc p {

	font-size: 32px

}

.page {

	margin: 38px 0 100px;

	text-align: center

}

.page a {

	color: #333;

	display: inline-block;

	width: 100%;

	line-height: 28px;

	transition: color .4s;

	-ms-transition: color .4s;

	-o-transition: color .4s;

	-webkit-transition: color .4s;

	-moz-transition: color .4s

}

.page span {

	color: #333;

	font-family: SimSun;

	vertical-align: top

}

.page .pagination {

	display: inline-block

}

.page .pagination li {

	border: 1px solid #e1e1e1;

	float: left;

	display: inline-block;

	width: 36px;

	height: 36px;

	line-height: 36px;

	font-size: 18px;

	margin-right: 12px;

	color: #333;

	transition: all .4s;

	-ms-transition: all .4s;

	-o-transition: all .4s;

	-webkit-transition: all .4s;

	-moz-transition: all .4s

}

.page .pagination li:first-child {

	color: #fff;

	margin-right: 12px;

	font-weight: bolder

}

.page .pagination li:last-child {

	color: #fff;

	font-family: SimSun;

	font-weight: bolder

}

.page .pagination li:hover {

	background: #004098;

	border-color: #004098;

	border-radius: 3px

}

.page .pagination li:hover a {

	color: #fff

}

.page .pagination li:hover span {

	color: #fff

}

.page .pagination li:hover.disabled {

	border-color: #004098;

	border-radius: 3px

}

.page .pagination li.active {

	background: #004098;

	border-radius: 3px;

	border-color: #004098

}

.page .pagination li.active span {

	color: #fff

}

.page_style2 {

	position: absolute;

	z-index: 11;

	bottom: 20px

}

.page_style2 .page-list {

	opacity: 1;

	margin: 0 8px!important;

	border-radius: 50%

}

.page_style2 .page-list:after {

	border-width: 2px

}

.btn {

	position: absolute;

	width: 52px;

	height: 52px;

	top: 50%;

	margin-top: -26px;

	cursor: pointer;

	transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	opacity: 1

}

.btn:after {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	opacity: 0;

	transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s

}

.prev {

	left: -75px;

	background: url(../images/prev-c.png) no-repeat center

}

.prev:after {

	background: url(../images/prev.png) no-repeat center

}

.prev:hover:after {

	opacity: 1

}

.next {

	right: -75px;

	background: url(../images/next-c.png) no-repeat center

}

.next:after {

	background: url(../images/next.png) no-repeat center

}

.next:hover:after {

	opacity: 1

}

footer {

	font-size: 1em;

	padding-top: 2%;

	width: 100%;

	background: #363636

}

.part-1 {

	max-width: 1630px;

	width: 100%;

	margin: 2% auto 5.4%

}

.footer-nav {

	float: left;

	width: 75%

}

.item-common {

	float: left;

	width: 14%;

	text-align: left;

	transition: all linear .3s;

	-moz-transition: all linear .3s;

	-webkit-transition: all linear .3s;

	-o-transition: all linear .3s

}

.item-common span {

	font-weight: lighter;

	display: inline-block;

	font-size: 14px;

	color: #fff;

	padding-bottom: 15px;

	margin-bottom: 15px

}

.item-common a {

	font-size: 14px;

	display: block;

	margin-bottom: 15px;

	color: #ccc;

	word-break: break-all;

	transition: .2s all linear;

	-moz-transition: .2s all linear;

	-webkit-transition: .2s all linear;

	-o-transition: .2s all linear

}

.item-common a:hover {

	color: #fff

}

.wechat {

	display: inline-block;

	width: 25%;

	text-align: right

}

.wechat .others {

	text-align: right

}

.wechat .others p {

	font-size: 14px;

	color: #ccc;

	line-height: 30px

}

.wechat .others h3 {

	font-size: 0;

	color: transparent;

	width: 305px;

	height: 45px;

	margin-bottom: 40px;

	background: url(../images/contact.png) no-repeat center

}

.wechat .others h4 {

	font-size: 20px;

	margin-bottom: 34px;

	color: #fff

}

.frandlink {

	max-width: 1630px;

	width: 100%;

	margin: 0 auto;

	font-size: 14px;

	color: #7a7a7a

}

.frandlink>div {

	width: 100%;

	display: inline-block

}

.frandlink a {

	display: inline-block;

	color: #7a7a7a;

	margin-right: 15px;

	margin-bottom: 10px

}

.frandlink .share {

	float: right;

	position: relative;

	top: -5px

}

.frandlink .share a {

	border: 0;

	margin-right: 13px!important

}

.frandlink .share a:last-child {

	margin-right: 0!important

}

.frandlink .wx {

	position: relative

}

.frandlink .wx .hover {

	position: absolute;

	background: #fff;

	width: 227px;

	height: 128px;

	overflow: hidden;

	top: -137px;

	left: -95px;

	opacity: 0;

	visibility: visible;

	transition: ease .6s;

	-ms-transition: ease .6s;

	-o-transition: ease .6s;

	-webkit-transition: ease .6s;

	-moz-transition: ease .6s;

	transform: translateY(20px);

	-ms-transform: translateY(20px);

	-o-transform: translateY(20px);

	-webkit-transform: translateY(20px);

	-moz-transform: translateY(20px)

}

.frandlink .wx .hover>div {

	display: inline-block;

	border-right: 1px dashed #d1d1d1

}

.frandlink .wx .hover>div:last-child {

	border-right: 0

}

.frandlink .wx .hover img {

	max-width: 110px

}

.frandlink .wx .hover p {

	text-align: center;

	font-size: 12px;

	padding: 0 0 6px

}

.frandlink .wx:hover .hover {

	transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	opacity: 1;

	visibility: visible

}

.share {

	font-size: 14px;

	color: #999;

	display: inline-block

}

.share strong {

	font-weight: 400;

	display: inline-block;

	vertical-align: middle

}

.share a {

	display: inline-block;

	border: 1px solid #e5e5e5;

	width: 33px;

	height: 33px!important;

	margin: 0 5px 0 0!important;

	float: none!important;

	padding: 0!important;

	line-height: 1!important;

	vertical-align: middle

}

.share a:hover {

	border-color: transparent;

	opacity: 1!important

}

.share .wx {

	background: url(../images/icon35.png) no-repeat center

}

.share .wx:hover {

	background: url(../images/icon35-c.png) no-repeat center

}

.share .wb {

	background: url(../images/icon36.png) no-repeat center

}

.share .wb:hover {

	background: url(../images/icon36-c.png) no-repeat center

}

.share .qq {

	background: url(../images/icon37.png) no-repeat center

}

.share .qq:hover {

	background: url(../images/icon37-c.png) no-repeat center

}

.copyright {

	margin-top: 10px;

	border-top: 1px solid #434343;

	padding: 25px;

	text-align: center;

	font-size: 12px;

	color: #777

}

.sidebar {

	position: fixed;

	top: 50%;

	right: 12px;

	width: 42px;

	text-align: center;

	z-index: 10;

	height: 250px;

	margin-top: -125px;

	z-index: 99;

	line-height: 42px

}

.sidebar a {

	width: 42px;

	height: 42px;

	border-radius: 21px;

	cursor: pointer;

	display: block;

	overflow: hidden;

	transition: all .3s cubic-bezier(.15, .65, .58, .99);

	-ms-transition: all .3s cubic-bezier(.15, .65, .58, .99);

	-o-transition: all .3s cubic-bezier(.15, .65, .58, .99);

	-webkit-transition: all .3s cubic-bezier(.15, .65, .58, .99);

	-moz-transition: all .3s cubic-bezier(.15, .65, .58, .99)

}

.sidebar a>span {

	color: #fff;

	font-size: 14px;

	margin-left: 25px;

	display: none;

	line-height: 42px;

	height: 42px;

	opacity: 0;

	filter: alpha(opacity=0);

	transition: all .5s 1s cubic-bezier(.15, .65, .58, .99);

	-ms-transition: all .5s 1s cubic-bezier(.15, .65, .58, .99);

	-o-transition: all .5s 1s cubic-bezier(.15, .65, .58, .99);

	-webkit-transition: all .5s 1s cubic-bezier(.15, .65, .58, .99);

	-moz-transition: all .5s 1s cubic-bezier(.15, .65, .58, .99)

}

.sidebar a.right-qq {

	background: url(../images/sidebar-icon1.png) no-repeat center;

	margin-bottom: 10px;

	background-color: #999;

	position: absolute;

	right: 0;

	top: 0

}

.sidebar a.right-qq:hover {

	width: 148px;

	background: url(../images/sidebar-icon1.png) no-repeat 20px center #004098

}

.sidebar a.right-weixin {

	background: url(../images/sidebar-icon2.png) no-repeat center;

	background-color: #999;

	margin-bottom: 10px;

	position: absolute;

	right: 0;

	top: 52px;

	overflow: visible

}

.sidebar a.right-weixin:hover {

	background: url(../images/sidebar-icon2.png) no-repeat center #004098

}

.sidebar a.right-weixin:hover .weixin-code {

	opacity: 1;

	visibility: visible;

	left: -140px

}

.sidebar .weixin-code {

	position: absolute;

	left: -125px;

	top: 50%;

	transform: translateY(-50%);

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

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

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

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

	opacity: 0;

	visibility: hidden;

	transition: all .6s ease;

	-ms-transition: all .6s ease;

	-o-transition: all .6s ease;

	-webkit-transition: all .6s ease;

	-moz-transition: all .6s ease

}

.sidebar .weixin-code img {

	width: 120px;

	height: 120px

}

.sidebar a.right-tell {

	background: url(../images/sidebar-icon3.png) no-repeat center;

	background-color: #999;

	margin-bottom: 10px;

	position: absolute;

	right: 0;

	top: 104px

}

.sidebar a.right-tell:hover {

	width: 160px;

	background: url(../images/sidebar-icon3.png) no-repeat 20px center #004098

}

.sidebar a.right-message {

	background: url(../images/sidebar-icon4.png) no-repeat center;

	background-color: #999;

	margin-bottom: 10px;

	position: absolute;

	right: 0;

	top: 156px;

	overflow: visible

}

.sidebar a.right-message:hover {

	background: url(../images/sidebar-icon4.png) no-repeat center #004098

}

.sidebar a.right-message:hover .fixed-message {

	opacity: 1;

	visibility: visible;

	left: -325px

}

.sidebar a.right-top {

	background: url(../images/sidebar-icon5.png) no-repeat center;

	background-color: #999;

	position: absolute;

	bottom: 0;

	right: 0

}

.sidebar a.right-top:hover {

	width: 120px;

	background: url(../images/sidebar-icon5.png) no-repeat 20px center #004098

}

.sidebar a:hover>span {

	display: block;

	vertical-align: middle;

	opacity: 1;

	filter: alpha(opacity=100)

}

.fixed-message {

	position: absolute;

	left: -300px;

	top: 50%;

	transform: translateY(-50%);

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

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

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

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

	width: 300px;

	border-radius: 6px;

	background: #fff;

	-moz-box-shadow: 0 0 40px rgba(0,0,0,.15);

	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.15);

	box-shadow: 0 0 40px rgba(0,0,0,.15);

	opacity: 0;

	visibility: hidden;

	transition: all .6s ease;

	-ms-transition: all .6s ease;

	-o-transition: all .6s ease;

	-webkit-transition: all .6s ease;

	-moz-transition: all .6s ease

}

.fixed-message h3 {

	color: #333;

	font-size: 18px;

	line-height: 1;

	margin-top: 35px;

	margin-bottom: 25px

}

.fixed-message form {

	width: 100%;

	padding-left: 25px;

	padding-right: 25px;

	padding-bottom: 40px;

	line-height: 1

}

.fixed-message textarea {

	resize: none;

	height: 110px;

	padding: 15px;

	line-height: 24px

}

.fixed-message input {

	height: 35px;

	line-height: 35px;

	padding: 0 15px

}

.fixed-message input, .fixed-message textarea {

	width: 100%;

	border-radius: 4px;

	border: 1px solid #dfdfdf;

	font-size: 14px;

	color: #333;

	margin-bottom: 15px

}

.fixed-message .input-item {

	position: relative

}

.fixed-message button[type=submit] {

	border: none;

	color: #fff;

	font-size: 14px;

	background: #004098;

	display: block;

	height: 35px;

	width: 100%;

	border-radius: 4px

}

.fixed-message ::-webkit-input-placeholder {

color:#888!important

}

.fixed-message :-moz-placeholder {

color:#888!important

}

.fixed-message ::-moz-placeholder {

color:#888!important

}

.fixed-message :-ms-input-placeholder {

color:#888!important

}

.fixed-message:after {

	content: "";

	position: absolute;

	border-width: 7px 0 7px 7px;

	border-style: solid;

	border-color: transparent transparent transparent #fff;

	right: -7px;

	top: 50%;

	margin-top: -7px

}

.fixed-message .help-info {

	line-height: 1;

	margin-left: 0;

	bottom: 0

}

.dialog-warp {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 99;

	display: none

}

.dialog {

	position: absolute;

	width: 800px;

	height: 94px;

	border: 2px solid #004098;

	background-color: rgba(0,0,0,.6);

	font-size: 18px;

	left: 50%;

	top: 50%;

	margin-left: -400px;

	margin-top: -47px;

	color: #fff;

	text-align: center;

	line-height: 94px;

	z-index: 99;

	border-radius: 12px

}

@media (max-width:1680px) {

footer {

	padding: 1% 2% 0 2%

}

}

@media (max-width:1430px) {

.header-in {

	padding: 18px 2% 0

}

}

@media (max-width:1350px) {

nav.nav-top>ul>li {

	margin-left: 10px

}

.header-in .icon-sousuo {

	margin: -11px 0 0 10px

}

}

@media (max-width:1240px) {

header {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99

}

body {

	font-size: 12px

}

.header-in {

	background: #fff;

	padding: 0 2%;

	position: fixed;

	overflow: visible;

	box-shadow: 0 1px 10px -3px #000

}

.header-r {

	float: none;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 99;

	width: 100%;

	height: 0;

	text-align: center;

	transition: 0s 1s;

	overflow: hidden;

	margin-left: 0

}

body.on .header-r {

	height: 100%;

	transition: 0s

}

.header-r::after {

	content: ' ';

	position: absolute;

	left: 0;

	top: -100%;

	z-index: -1;

	width: 100%;

	height: 100%;

	background: #fff;

	transition: .8s .2s

}

body.on .header-r::after {

	top: 0;

	transition: .4s

}

.header-r-in {

	margin-top: 1.4rem;

	padding: 0 25px

}

.logo {

	padding: 6% 0;

	margin-top: 0

}

.m-close {

	display: block;

	float: right;

	position: relative;

	right: 0;

	top: 18px;

	z-index: 99;

	width: 36px;

	height: 36px

}

.m-close::after, .m-close::before {

	content: '';

	position: absolute;

	left: 0;

	width: 50%;

	height: 2px;

	-webkit-transform: translateZ(0);

	-webkit-backface-visibility: hidden;

	transition: all .4s .1s ease-out;

	background: #004098

}

body.on .m-close::after, body.on .m-close::before {

	transition: all .25s ease-out

}

.m-close::before {

	top: 20px;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	transform-origin: 50% 50% 0

}

.m-close::after {

	top: 20px;

	left: 12px;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

	transform-origin: 50% 50% 0

}

body.on .m-close::before {

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg)

}

body.on .m-close::after {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg)

}

nav.nav-top {

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 10px;

	width: 100%

}

nav.nav-top>ul>li {

	display: block;

	transform: translateY(-30px);

	margin: 0;

	line-height: 8vh;

	height: auto;

	opacity: 0;

	text-align: left;

	transition: .2s;

	border-bottom: 1px solid rgba(207,207,207,.66)

}

nav.nav-top>ul>li>a {

margin-left:.2rem;

	padding-bottom: 0;

	position: static;

	display: block;

	height: 100%

}

/*nav.nav-top>ul>li a:after {

	content: attr(data-icon);

	font-size: 18px;

	position: absolute;

	right: 10px;

	top: 0;

	background: 0 0;

	width: auto;

	height: auto;

	opacity: 1;

	left: auto

}

nav.nav-top>ul>li[date-switch='1'] a:after {

	content: attr(data-hover)

}

nav.nav-top>ul>li[date-switch='1']>a {

	color: #004098!important

}

body.on nav.nav-top>ul>li:nth-child(2)>a, body.on nav.nav-top>ul>li:nth-child(3)>a, body.on nav.nav-top>ul>li:nth-child(4)>a, body.on nav.nav-top>ul>li:nth-child(6)>a {

	pointer-events: none

}

body.on nav.nav-top>ul>li:nth-child(1), nav.nav-top>ul>li:nth-child(9) {

	transition: .2s

}

body.on nav.nav-top>ul>li:nth-child(2), nav.nav-top>ul>li:nth-child(8) {

	transition: .2s .05s

}

body.on nav.nav-top>ul>li:nth-child(3), nav.nav-top>ul>li:nth-child(7) {

	transition: .2s .1s

}

body.on nav.nav-top>ul>li:nth-child(4), nav.nav-top>ul>li:nth-child(6) {

	transition: .2s .15s

}

body.on nav.nav-top>ul>li:nth-child(5), nav.nav-top>ul>li:nth-child(5) {

	transition: .2s .2s

}

body.on nav.nav-top>ul>li:nth-child(6), nav.nav-top>ul>li:nth-child(4) {

	transition: .2s .25s

}

body.on nav.nav-top>ul>li:nth-child(7), nav.nav-top>ul>li:nth-child(3) {

	transition: .2s .3s

}

body.on nav.nav-top>ul>li:nth-child(8), nav.nav-top>ul>li:nth-child(2) {

	transition: .2s .3s

}

body.on nav.nav-top>ul>li:nth-child(9), nav.nav-top>ul>li:nth-child(1) {

	transition: .2s .3s

}*/

body.on nav.nav-top>ul>li {

	transform: translateY(0);

	opacity: 1

}

body.on .search {

	opacity: 1

}

.top-sub-menu {

	display: none;

	width: 100%;

	position: initial;

	box-shadow: inherit;

	opacity: 1;

	border-top: 0;

	visibility: visible

}

.top-sub-menu a {

	display: block;

	width: 100%;

	font-size: 14px!important;

	color: rgba(2,47,93,.8);

	text-align: left;

	padding: 0 0 0 30px!important;

	line-height: 8vh;

	background: 0 0;

	border-bottom: 1px solid rgba(207,207,207,.66)

}

.top-sub-menu a:last-child {

	border: 0

}

nav.nav-top>ul>li a i, nav.nav-top>ul>li::after {

	display: none

}

article {

	margin-top: 76px!important

}

header.fixed .header-in {

	padding-top: 0!important

}

header.fixed nav.nav-top>ul>li {

	height: auto

}

nav.nav-top>ul>li a:hover, nav.nav-top>ul>li.cur a {

	color: #555

}

.header-in .icon-sousuo {

	display: none

}

.search {

	display: block;

	width: 100%;

	opacity: 0;

	transition: 1s;

	-ms-transition: 1s;

	-o-transition: 1s;

	-webkit-transition: 1s;

	-moz-transition: 1s

}

.search i {

font-size:.6rem;

	color: #797979

}

.search form {

	display: block;

	position: relative

}

.search input {

	border: 1px solid #dfe5e7;

	background: #eee;

	width: 100%;

	height: 60px;

padding-left:.2rem;

	border-radius: 5px;

line-height:.9rem;

	font-size: 18px

}

.search button {

	right: 5px;

	top: 0;

	border: 0;

	position: absolute;

width:.8rem;

height:.9rem;

	cursor: pointer;

	background: 0 0;

font-size:.36rem

}

}

@media (max-width:800px) {

.sidebar {

	width: 100%;

	height: 42px;

	right: 0;

bottom:.6rem;

	margin-top: 0;

	background: 0 0;

	top: auto

}

.sidebar a {

	display: inline-block;

margin:0 .2rem;

	position: relative

}

.sidebar a>span {

	display: none

}

.sidebar a.right-message, .sidebar a.right-qq, .sidebar a.right-tell, .sidebar a.right-top, .sidebar a.right-weixin {

	position: relative;

	right: auto;

	top: auto;

	left: auto;

	bottom: auto;

	margin-bottom: 0

}

.sidebar a.right-message:hover, .sidebar a.right-qq:hover, .sidebar a.right-tell:hover, .sidebar a.right-top:hover, .sidebar a.right-weixin:hover {

	width: 42px;

	background-position: center

}

.sidebar a:hover>span {

	display: none

}

.sidebar .weixin-code {

	left: 50%;

	top: -125px;

	transform: translateX(-50%) translateY(0);

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

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

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

	-moz-transform: translateX(-50%) translateY(0)

}

.sidebar a.right-weixin:hover .weixin-code {

	top: -140px;

	left: 50%

}

.fixed-message {

	left: 50%;

	top: -300px;

	transform: translateX(-50%) translateY(0);

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

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

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

	-moz-transform: translateX(-50%) translateY(0)

}

.fixed-message:after {

	border-width: 7px 7px 0 7px;

	border-color: #fff transparent transparent transparent;

	bottom: -7px;

	top: auto;

	right: auto;

	left: 50%;

	margin-top: 0;

	margin-left: -7px

}

.sidebar a.right-message:hover .fixed-message {

	top: -360px;

	left: 50%

}

.page {

	margin: 38px 0 60px

}

.footer-nav {

	display: none

}

footer {

padding:.4rem 2% 0 2%

}

footer .fbb {

	display: block;

	width: 100%

}

footer .fbbs {

	display: block;

	vertical-align: top;

	margin-bottom: 10px

}

.wechat {

	width: 100%;

	text-align: left

}

.wechat .others {

	text-align: left

}

.frandlink .share {

	float: none;

	display: block;

	width: 100%;

	text-align: left;

	top: 0;

margin:.4rem 0 0

}

.copyright {

	padding: 10px 0

}

.m-inside {

	display: none!important

}

.frandlink .wx .hover {

	width: 206px;

	height: 118px;

	left: 0;

	top: -125px

}

.frandlink .wx .hover img {

	max-width: 100px

}

nav.nav-top>ul>li {

	line-height: 8vh

}

}

@media (max-width:640px) {

.clean_banner .desc p {

	margin-top: 10px;

	line-height: 1

}

.clean_banner .desc span {

	margin-top: 5px;

	line-height: 1

}

.page {

	margin: 1rem 0

}

.fixed-message {

	position: fixed;

	left: 50%;

	top: auto;

	bottom: 60px;

	transform: translateX(-50%) translateY(0);

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

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

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

	-moz-transform: translateX(-50%) translateY(0)

}

.sidebar a.right-message:hover .fixed-message {

	top: auto;

	bottom: 80px;

	left: 50%

}

.fixed-message:after {

	left: 75%

}

article {

	margin-top: 58px!important

}

.title {

margin-top:.8rem;

	font-size: 20px;

	text-align: center

}

.title3 {

	padding-left: 10px

}

.title3 strong {

	font-size: 48px

}

.title3 h3 {

	font-size: 22px

}

.more a {

	width: 90px;

	height: 34px;

	line-height: 34px

}

.logo {

	padding: 0

}

.logo img {

	width: 190px

}

.m-close {

	width: 30px;

	height: 30px

}

.m-close:after {

	top: 12px;

	left: 10px

}

.m-close:before {

	top: 12px

}

.header-r-in {

	padding: 0 15px;

	margin-top: 1.8rem

}

.search input {

	height: 40px;

	font-size: 12px

}

nav.nav-top>ul>li a {

	font-size: 14px

}

.top-sub-menu a {

	padding: 0 0 0 20px!important;

	font-size: 12px!important

}

footer {

padding:.8rem .5rem 0 .5rem

}

.part-1 {

margin:0 auto .6rem

}

.wechat .others h3 {

	background-size: 240px;

	margin-bottom: 20px;

	background-position-x: left

}

.wechat .others h4 {

	margin-bottom: 10px

}

.wechat .others p {

	line-height: 24px

}

.frandlink a {

	font-size: 12px;

	margin-bottom: 6px

}

.page .pagination li {

	width: 24px;

	height: 24px;

	font-size: 14px;

	line-height: 24px;

	margin-right: 8px

}

.page a {

	line-height: 24px

}

}

@media (max-width:480px) {

.wechat .others h3 {

	margin-bottom: 15px

}

.part-1 {

margin:0 auto .4rem

}

}

@media (max-width:360px) {

.title {

	font-size: 26px

}

.page .pagination li {

	width: 30px;

	height: 30px;

	line-height: 30px;

	font-size: 14px

}

}