
html, h1, h2, h3, h4, h5, h6, div, body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form, input, textarea, button, th, td {
	margin: 0;
	padding: 0;
	font-family: Microsoft YaHei, Arial, Helvetica, sans-serif !important;
}

body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form, input, textarea, button, th, td {
	margin: 0;
	padding: 0
}

img, iframe {
	border: 0 none;
    max-width: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed
}

ol, ul {
	list-style: none outside none
}

em, strong {
	font-style: normal;
	font-weight: bold
}

a, button {
	cursor: pointer;
	text-decoration: none;
}

/* 默认 */
/*input 去掉ie10以上版本的X*/
::-ms-clear, ::-ms-reveal {
	display: none;
}

/*input 去掉chrome选中input时的外边框*/
input, a, button {
	outline: none;
	border: 0;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

li {
	list-style: none;
}

select::-ms-expand {
	display: none;
}

a {
	color: initial;
	text-decoration: none;
	display: inline-block;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.clear:after {
	content: '';
	display: block;
	clear: both;
}

.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-ellipsis2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.text-ellipsis3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* 隐藏, 通常用来与 JS 配合 */
.hide {
	display: none;
}

.text-black {
	color: #000;
}

.text-gray {
	color: #868787;
}

/* 设置文本对齐方式*/
.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}
html{
	height: 100%;
}
body{
	position: relative;
	padding-bottom: 270px;
	min-height: 100%;
	/*-webkit-filter: grayscale(100%);*/
}
header .nav li.is-active a {
	font-weight: 600;
	color: #000;
}
@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

footer {
	position: absolute;
    bottom: 0;
	width: 100%;
	color: white;
	background: linear-gradient(to right, #8ec142, #68a432);
}

.font_img>a {
	text-decoration: none;
	color: white;
}

.font_img>a:hover {
	color: inherit;
	text-decoration: none;
}

.pc_bottom {
	width: 100%;
	margin-top: 160px;
	color: white;
	background: linear-gradient(to right, #8ec142, #68a432);
}

.peripheral {
    padding: 10px 0;
	margin: 0 auto;
	max-width: 1170px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width:1232px) {
	.peripheral {
		width: 100%;
		padding: 0 10px;
	}
}

/* .search-box{
	display: none;
	float: right;
	z-index: 999;
	width: 960px;
	height: 80px;
	background-color: #FFFFFF;
	padding: 22px 0;
}
.search-input{
    float: left;
	height: 35px;
    width: 500px;
    background-color: white;
    border: 1px solid #eee;
    padding: 7px 5px;
}
.search-input>img{
	float: left;
	margin-right: 5px;
	width: 19px;
	height: 19px;
}
.search-input input{
	width: 440px;
    display: block;
    line-height: 20px;
}
.search-close{
    float: right;
} */
.peripheral>img {
	width: 75px;
	height: 75px;
}

.pc_bottom_content {
	width: calc(100% - 90px);
	margin: 0 auto;
	margin-left: 0;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.pclogo_code {
	padding: 20px 0 10px 0;
	border-bottom: 1px solid white;
	font-size: 12px;
	display: flex;
	justify-content: space-between;
}

.pclogo_code>img {
	width: 90px;
	height: 30px;
}

.company_contact {
	display: flex;
	align-items: center;
}

.right_infos,
.font_img {
	display: flex;
	align-items: center;
}

.font_img>img {
	display: inline-block;
	margin-right: 5px;
	width: 13px;
}

.right_infos {
	display: flex;
	align-items: flex-end;
}

.right_infos>img {
	height: 20px;
	margin-left: 5px;
	margin-right: 5px;
}

.code_info {
	display: flex;
	align-items: flex-end;
}

.code_info>img {
	margin-right: 10px;
}

.code_info>div>p {
	margin: 0;
}

.backups_friends {
	display: flex;
	justify-content: space-between;
	padding: 10px 0 20px 0;
	font-size: 12px;
}

.enjoy {
	display: flex;
	align-items: center;
	color: white;
}

.enjoy>img {
	height: 20px;
}

.enjoy>a>img {
	width: 26px;
	height: 26px;
	display: inline-block;
	margin: 0 10px;
}

select {
	width: 50px;
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px gainsboro;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/downup.png) no-repeat scroll right center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 20px;
	padding-left: 4px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
	display: none;
}

/*搜索框*/
.search-box {
	display: none;
}

.divx {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 999;
	width: 800px;
	height: 80px;
	background-color: #FFFFFF;
	right: -45px;
	/*display: none;*/
	/*background-color: red;*/
}

.search_inp {
	height: 35px;
	float: left;
	/*width: 500px;*/
	background-color: white;
	border: 1px solid gainsboro;
}

.search_inp>img {
	display: inline-block;
	margin-left: 5px;
}

.inputs {
	border: none;
	width: 650px;
	height: 30px;
	outline: none;
}

.lost {
	float: right;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: gainsboro;
}

/*导航栏*/
.navbar {
	margin: 0;
	z-index: 997;
	top: 0;
	background-color: #FFFFFF;
	border: 0;
}

.navbar-brand>img {
	margin-top: 8px;
}

@media screen and (max-width:768px) {
	.navbar {
		width: 100%;
		position: fixed;
		z-index: 999;
	}
}

.navbar-default {
	text-align: center;
}

.navbar-nav {
	margin-right: 0;
}

/*记号*/
.navbar-collapse {
	width: 100%;
	background-color: #FFFFFF;
	border: none !important;
}

.container-fluid {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0;
}

.navbar-default .navbar-collapse {
	padding: 0;
}
.container-fluid > .navbar-collapse{
	margin-left: 0;
	margin-right: 0;
}
.navbar-nav>li:nth-of-type(1)>img {
	display: inline-block;
}

.navbar-nav>li>a {
	font-size: 14px;
	letter-spacing: 1px;
	padding: 29px 4px;
}

.xs_ul a img,
.navbar-nav>li>a img{
	width: 19px;
}
.sLogo {
	margin-left: 25%;
}

.logoitem {
	margin-left: 2.2%;
}

.glyphicon {
	color: #999999 !important;
}

.navbar-right li {
	padding: 0 15px;
}

main {
	margin: 0 auto;
	position: relative;
	max-width: 1170px;
}
/* @media screen and (max-width: 1200px) {
	.navbar-right li a {
		font-size: 12px;
	}
} */
@media screen and (max-width: 1024px) {
	.navbar-right li a {
		font-size: 12px;
	}
}
@media screen and (max-width: 995px) {
	.navbar-right li {
		padding: 0 10px;
	}
}

@media screen and (max-width: 950px) {
	.navbar-right li {
		padding: 0 5px;
	}
}

@media screen and (max-width: 865px) {
	.navbar-right li {
		padding: 0 1px;
	}
}

@media screen and (max-width: 768px) {
	.navbar-right li a {
		padding: 15px 10px !important;
	}
}

.navbar-right li:last-child {
	margin-right: 0;
}

.xs_ul {
	display: inline-block;
	float: right;
	padding: 0 5px;
	list-style: none;
	margin: 0;
	display: flex;
	line-height: 50px;
}
/* .xs_ul li:last-child{
	padding-right: 0;
} */
.yyyyy {
	padding-right: 0 !important;
}

.yyyyy>a {
	padding-right: 0 !important;
}

.xs_ul li {
	padding: 0 10px;
}

@media only screen and (max-width:991px) {

	.navbar-right li,
	.navbar-left li {
		margin: 0 5px;
	}
}

@media only screen and (max-width:780px) {

	.navbar-right li,
	.navbar-left li {
		margin: 0;
	}
}

@media only screen and (max-width:768px) {
	.navbar-brand>img {
		display: block;
		height: 100%;
		margin-top: 0 !important;
	}

	.navbar-right li,
	.navbar-left li {
		margin: 0px;
	}

	.navbar-nav>li>a {
		padding: 15px;
	}
}

.navbar-header {
	margin: 0 !important;
	margin: 0 auto !important;
}

/*@media  screen and (max-width: 768px) {
	.navbar-right li{
		border-bottom: 1px solid gainsboro;
	}
}*/
/*记号*/
.navbar-nav {
	margin: 7.5px 0;
}

/*缩小的导航栏*/
@media screen and (max-width:1232px) {
	.container-fluid {
	    /* padding-right: 15px; */
		width: 100%;
	}
}

/*内容*/
/* @media screen and (max-width:1232px) {
	.row {
		width: 100%;
	}
}

@media screen and (max-width:1232px) {
	main {
		width: 100%;
	}
} */
/*手机点击下拉*/
/*.navbar-nav {
	text-align: center;
}*/
/*去除手机导航栏 面包的边框*/
.navbar-toggle {
	float: left;
	border: none;
	margin-left: 5px;
}

.navbar-toggle:hover {
	background-color: #FFFFFF !important;
}

/*手机搜所框*/
.phone_inputs {
	width: 100%;
	height: 70px;
	background-color: #f2f2f2;
	z-index: 999;
	position: absolute;
	left: 0;
	display: flex;
	align-items: center;
}

.iphse {
	padding: 0 15px;
}

.phin {
	background-color: #FFFFFF;
	margin: 0 auto;
	width: 92%;
	display: flex;
}
.phin img{
	width: 18px;
	height: 18px;
}
.phin>input {
	border: none;
	width: 100%;
	outline: none;
	line-height: 18px;
	margin-top: 2px;
}

/*关闭手机搜所框*/
.close_search {
	width: 55px;
	height: 50px;
	background-color: #f2f2f2;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (min-width:768px) {
	.close_search {
		display: none !important;
	}
}

@media screen and (min-width:768px) {
	.navbar-header {
		background-color: #FFFFFF !important;
	}
}

/*手机端*/
.mobile_bottom {
	width: 100%;
	background: linear-gradient(to right, #8ec142, #68a432);
	display: none;
}

@media only screen and (max-width:785px) {
	/* body{
		padding-bottom: 0;
	}
	footer{
		position: relative;
		margin-top: 160px;
	} */
	.mobile_bottom {
		display: block;
	}

	.peripheral {
		display: none;
	}
}

.mb_body {
	margin: 0 auto;
	padding: 0 15px;
}

.mb-left {
	float: left;
	padding: 20px 0 10px 0;
}
.mb-right{
	padding-top: 20px;
	float: right;
}
.mb-left>img {
	display: block;
	width: 126px;
    height: 42px;
}
.mb-icons li {
    margin-top: 10px;
	display: flex;
	align-items: center;
}
.mb-icons li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
.mb-icons{
    margin-top: 30px;
}
.mb-icons li>img {
	display: inline-block;
	margin-right: 10px;
	height: 15px;
}
/*二维码下面的字*/
.phone_code_info>P {
	text-align: right;
	margin: 0;
	color: white;
	margin-right: 5px;
}

.code>img {
    margin: 50px 0 0 30px;
	width: 82px;
	height: 82px;
}

/*联系我们*/
.Contact_us {
	padding: 8px 0;
	color: white;
	display: flex;
	justify-content: space-between;
}


.mb_body .share a {
    margin-left: 15px;
	display: inline-block;
	width: 20px;
	height: 20px;
}
.mb_body .share a img{
	width: 100%;
}
/*最底下的分享 微博 微信 一类*/
/* .share_record {
	color: white;
}

.share {
	display: flex;
	align-items: center;
}

.share>span:nth-of-type(1) {
	font-size: 14px;
	margin-right: 10px;
}

.share>span>a>img {
	width: 20px;
	height: 20px;
	display: inline-block;
} */

.lineshu {
	height: 18px;
	margin: 0 5px;
}

.recode_two {
	display: flex;
	align-items: center;
	padding-bottom: 8px;
}

.recode_one {
	padding-top: 8px;
	border-top: 1px solid #a4cc6e;
}

.recode_one>span {
	font-size: 12px;
}

.recode_two>span>img {
	display: inline-block;
	margin: 0 5px;
}

.recode_two>span {
	font-size: 12px;
}

.green_tite {
	position: relative;
	text-align: left;
	max-width: 300px;
	padding-left: 0;
	margin-bottom: 3.125%;
	color: #333;
	padding-bottom: 8px;
	font-weight: bold;
	font-size: 18px;
}
.green_tite_two:after , .green_tite:after{
	content: '';
    width: 15%;
    height: 2px;
    background-color: #ffb600;
    position: absolute;
    left: 0;
    bottom: -5px;
    max-width: 35px;
    min-width: 30px;
}
.Image_Text, .green_img{
	margin-bottom: 3.125%;
}
.green_img img{
	height: 277px;
	object-fit: cover;
}
.nav_border {
	margin: 0 auto;
	height: 100%;
}

.second_nav {
	max-width: 1170px;
	margin: 0 auto;
}
.second_nav.container{
	position: relative;
	padding: 0;
	width: 100%;
	height: 100%;
}
.nav-pills {
	position: absolute;
	bottom: 0;
	background: rgba(255, 255, 255, 0.9);
	display: inline-block;
	width: auto;
}

.nav-justified>li {
	width: 146px;
}

.nav-pills>li>a {
	border-radius: 0;
	color: #777;
	font-size: 14px !important;
	padding: 17px 0;
	border-bottom: 2px solid transparent;
}
table{
	width: 100%;
}
.nav-pills>li>a:hover {
	color: #000;
	font-weight: 600;
	border-bottom: 2px solid #ffb600;
}

.img_contain {
	position: relative;
	/* overflow: hidden; */
	height: 624px;
	background-position: center;
	background-size: cover;
	margin-bottom: 160px;
}
.p-left-0{
	padding-left: 0;
}
.p-right-0{
	padding-right: 0;
}
.p-left-right-0{
	padding-left: 0;
	padding-right: 0;
}
.video-frame iframe{
    width: 100%;
    height: 600px;
}
@media (min-width: 1200px){
	.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9{
		padding-right: 0;
	}

	.container {
		padding-right: 0;
		padding-left: 0;
	}
}
.hline {
    height: 1px;
    background-color: gainsboro;
    margin: 78px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {

	.navbar>.container-fluid .navbar-brand {
		position: relative;
		left: auto;
		margin: 6px 0 0 0;
		padding: 10px 20px;
	}
	.navbar-right{
		margin-right: 15px;
	}

	.second_nav.container{
		max-width: inherit;
	}
}

.bull_nav {
	position: absolute;
	z-index: 100;
	top: 250px;
	width: 100%;
	height: 104px;
	text-align: right;
}

.img_write {
	position: relative;
    padding-top: 280px;
	color: #ffffff;
	text-shadow: rgb(0 0 0 / 24%) 0.1em 0.1em 0.2em;
}

.green_bull {
	margin-right: 15px;
	display: none;
	width: 30px;
	height: 30px;
}

.big_imgfont {
	font-size: 50px;
}

.img_write>span {
	display: block;
	font-size: 32px;
	letter-spacing: 1px;
}

.img_write>p {
	margin: 0;
}
p.title{
    font-size: 22px;
    font-weight: 600;
    color: #4D4D4D;
}
@media screen and (max-width:1199px) {
    p.title{
        font-size: 20px;
        font-weight: 600;
        color: #4D4D4D;
    }
	.bignum{
		float: left;
	}
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
		padding-left: 0;
		padding-right: 0;
	}
	.bull_nav {
		display: block;
	}

	.green_bull {
		display: inline-block;
	}

	.img_contain {
		height: 280px;
		margin-bottom: 60px;
	}

	.img_write {
	    padding: 100px 15px 0 15px;
	}

	.nav-pills {
		display: none;
	}

	.big_imgfont {
		font-size: 29px;
	}

	.img_write>span {
		font-size: 32px;
	}
}
.Country {
    box-sizing: content-box;
    font-weight: bold;
    font-size: 1.7em;
    margin-bottom: 3px;
    line-height: 1.5em;
}
.Country_two{
    font-size: 46px;
}
.Country_lo{
    font-size: 66px;
}
.Honor{
   font-size: 16px;
}
.timenum{
    font-size: 108px;
}
@media only screen and (max-width:768px) {
	.hline {
	    margin: 32px 0;
	}
	.col-xs-12, .col-sm-12, .col-lg-12{
		padding-right: 0;
		padding-left: 0;
	}
	.navbar-brand {
		line-height: 50px;
		font-size: 18px;
		padding: 10px;
		display: inline-block;
		position: absolute;
		left: calc(50% - 55px);
	}

	.img_contain {
		height: 280px;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.nav-pills {
		display: none;
	}
	.jiesha>p a{
		margin-top: 15px;
		display: block;
	}
	.jiesha>p a:after{
		content: '';
		width: 12px;
		height: 12px;
		background: url(../images/more_arrow.png) no-repeat center center;
		background-size: contain;
		display: inline-block;
		margin-left: 20px;
		vertical-align: text-top;
		margin-top: 4px;
	}
    .Country{
        font-size: 30px;
    }
    .Country_two{
        font-size: 28px;
    }
    .Country_lo{
        font-size: 48px;
    }
    .Honor{
       font-size: 14px;
    }
    .timenum{
        font-size: 72px;
    }
    .video-frame iframe{
        height: 240px;
    }
}

/*鎵嬫満浜岀骇鏍�*/
.aphone_nav {
	display: none;
	width: 100%;
	background-image: linear-gradient(to right, #9ac948, #5f9f2f);
}

@media screen and (min-width:1200px) {
	.bull_nav {
		display: none;
	}
}

.aphone_body {margin: 0 auto;text-align: left}

.aphone_body>a {
	display: inline-block;
	margin: 0 15px;
	padding: 16px 0;
	border-bottom: 1px solid #ccc9c9;color: gainsboro;
	font-size: 14px;
}
.pagination>li>a {
	border: none;
	color: gray;
}

.pagination>li>a:hover {
	background-color: white;
}

/*鍒嗛〉*/

.pagination {
    width: 100%;
	margin-top: 64px;
	margin-bottom: 0px;
    text-align: right;
}
.layui-laypage a, .layui-laypage span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 0 15px;
	height: 28px;
	line-height: 28px;
	margin: 0;
	background-color: #fff;
	color: #333;
	font-size: 12px;
}
.layui-laypage {
	margin: 0;
}
.concept p{
	font-size: 16px;
	color: #666;
}
.back-top{
	position: fixed;
	right: 20px;
	bottom: 80px;
	width: 50px;
}
@media screen and (max-width: 768px) {
	.layui-laypage {
		margin-right: 15px;
	}
	.concept p{
		font-size: 14px;
	}
}

.layui-laypage a {
	border: none;
}

.layui-laypage .layui-laypage-curr em {
	background-color: #FFFFFF;
	border: none;
}

.layui-laypage .layui-laypage-curr em {
	color: #000000;
	font-weight: 600;
}
.mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
}
.concept{
    line-height: 20px;
}
.mask img{
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    display: block;
    width: 200px;
    height: 200px;
}
.caption{
	font-size: 16px;
}
