@charset "utf-8";
@import "reset.css";
@import "bootstrap.min.css";
@import "swiper.css";

a {
	text-decoration: none
}

a:link {
	text-decoration: none
}

a:visited {
	text-decoration: none
}

a:hover {
	text-decoration: none
}

a:active {
	text-decoration: none
}

html,
body {
	font-size: 10px;
	overflow-x: hidden
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px
}

::-webkit-scrollbar-track {
	background: #fff
}

::-webkit-scrollbar-thumb {
	background: #1d4a9c
}

::-webkit-scrollbar-thumb:window-inactive {
	background: #1d4a9c
}

::-webkit-scrollbar-thumb:vertical:hover {
	background: #1d4a9c
}

.tit {
	margin-bottom: 2rem
}

.tit h3 {
	font-size: 3rem;
	font-weight: bold
}

.tit .con {
	font-size: 1.4rem;
	font-family: -webkit-pictograph, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	text-transform: uppercase
}

.tit::after {
	content: "";
	display: block;
	width: 40px;
	height: 5px;
	text-align: center;
	margin: auto;
	border-radius: 3px;
	background-color: #1d4a9c
}

.more {
	display: block;
	font-size: 2rem;
	padding: 1% 1%;
	width: 25%;
	margin: 30px auto;
	border-radius: 30px;
	color: #626262;
	border: 2px solid #e6e6e6;
	max-width: 200px;
	text-align: center;
	transition: all .3s;
	background-color: #e6e6e6;
	text-transform: uppercase
}

.more:hover {
	color: #fff;
	border: 2px solid #e6e6e6;
	background-color: #626262
}

.more.act {
	color: #fff;
	background-color: #1d4a9c;
	border: 2px solid #1d4a9c
}

.more.act:hover {
	color: #1d4a9c;
	border: 2px solid #fff;
	background-color: #fff
}

#head {
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 10rem;
	transition: all .3s;
	background-color: #fff
}

#head .top .logo {
	width: 30%;
	margin-top: 2rem
}

#head .top .logo img {
	width: auto;
	max-width: 400px;
	transition: all .5s
}

#head .top .navslist {
	margin-top: 4rem;
	width: 70%
}

#head .toptel {
	font-size: 2rem;
	color: #000;
	line-height: 4
}

#head .toptel img {
	vertical-align: sub;
	margin-right: 5px
}

#head .toptel a {
	font-size: 2rem;
	color: #000
}

#head nav>ul {
	white-space: nowrap
}

#head nav>ul>li {
	display: inline-block;
	width: 14%;
	text-align: center;
	font-size: 1.6rem;
	color: #000;
	position: relative;
	transition: all .3s
}

#head nav>ul>li>a {
	width: 100%;
	display: inline-block;
	color: #000;
	white-space: nowrap
}

#head nav>ul>li>a::after {
	content: "";
	display: block;
	height: 3px;
	width: 0;
	margin: 12px auto;
	background-color: #1d4a9c;
	transition: all .3s
}

#head nav>ul>li>a:hover::after {
	width: 50%
}

#head nav>ul>li ul {
	position: absolute;
	z-index: 1;
	width: 100%;
	background-color: rgba(29, 74, 156, 0.95);
	transition: all .3s;
	transform-origin: top;
	transform: rotateX(90deg)
}

#head nav>ul>li ul li {
	line-height: 4;
	font-size: 1.4rem;
	border-bottom: 1px solid #000
}

#head nav>ul>li ul li:last-child {
	border: none
}

#head nav>ul>li ul li a {
	color: #fff
}

#head.top {
	height: 88px;
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #1d4a9c
}

#head.top .logo img {
	max-width: 300px
}

#head.top .toptel {
	line-height: 3.5
}

#head.mnav {
	position: initial;
	height: 80px;
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #1d4a9c
}

.tbody #head .top .logo img {
	max-width: 329px;
	padding-top: 2rem
}

.tbody #head {
	position: inherit
}

.tbody #head a {
	color: #000
}

.tbody #head .toptel {
	color: #000
}

.fixed-banner {
	height: auto
}

.fixed-banner .crumbs {
	padding-top: 29%;
	color: #fff
}

.fixed-banner .crumbs a {
	font-size: 1.6rem;
	color: #fff;
	line-height: 3
}

.de-about-content {
	padding: 2% 1%
}

.com-main .lines {
	border-bottom: 1px solid #8a8a8a
}

.com-main .coms {
	background-image: url(../images/abnav.png);
	background-repeat: no-repeat;
	background-position: center 55%;
	background-size: contain;
	padding: 5rem 0 0
}

.com-main .coms h5 {
	color: #fff;
	width: 100%;
	text-align: center;
	line-height: 3;
	font-size: 2rem;
	background-color: #1d4a9c;
	margin: 0
}

.com-main .coms .there {
	margin: 10rem 0
}

.com-main .coms .there img {
	display: inline
}

.com-main .coms .there h6 {
	font-size: 1.8rem;
	font-weight: bold
}

.com-main .coms .there p {
	color: #8e8d8d
}

.com-main .coms .there .disline {
	padding-left: 2rem;
	max-width: 60%
}

.com-main .main .mv {
	background-size: contain
}

.company .advantage h5 {
	font-size: 4rem;
	color: #423c15;
	line-height: 1.5
}

.company .advantage .cons {
	background-color: #fbf9ed;
	margin-top: 1rem;
	padding: 1.5rem 10%
}

.topnav h3 {
	vertical-align: bottom;
	font-size: 3.2rem;
	font-weight: bold
}

.topnav h3 img {
	vertical-align: text-bottom
}

.topnav .line {
	margin-top: 10px
}

.topnav .fr .condec {
	font-size: 2.4rem;
	line-height: 3;
	margin-top: 25px
}

.main {
	margin-top: 10rem
}

.main .advantage {
	padding: 3rem 0
}

.main .advantage .programme {
	background-image: url(../images/probg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 73%;
	padding: 5rem 0 0
}

.main .advantage .programme .item {
	transition: all .3s
}

.main .advantage .programme .item .box_img {
	overflow: hidden
}

.main .advantage .programme .item:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.main .advantage .programme .item:hover h6,
.main .advantage .programme .item:hover p {
	color: #1d4a9c
}

.main .advantage .programme img {
	width: 100%;
	transition: all .5s;
	max-height: 579px
}

.main .advantage .programme .col-md-4 img {
	max-height: 278px
}

.main .advantage .programme h6 {
	color: #413737;
	line-height: 2;
	font-size: 1.8rem;
	font-weight: bold;
	transition: all .3s
}

.main .advantage .programme p {
	height: 34px;
	color: #8e8d8d;
	transition: all .3s
}

.main .techeritem .fous {
	background-image: url(../images/ysbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 6rem 0
}

.main .techeritem ul {
	padding-top: 5rem
}

.main .techeritem ul li {
	margin-bottom: 20px
}

.main .techeritem ul li a {
	display: inline-block;
	position: relative
}

.main .techeritem ul li a img {
	width: 100%
}

.main .techeritem ul li a .infos {
	background: rgba(0, 0, 0, 0.5) url(../images/music.png) center 35% no-repeat;
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	color: #fff;
	border-radius: 50%;
	padding-top: 55%;
	transition: all .5s;
	opacity: 0;
	transform: rotate(180deg)
}

.main .techeritem ul li a .infos h5 {
	font-size: 2.4rem
}

.main .techeritem ul li a .infos p {
	text-transform: uppercase
}

.main .techeritem ul li a:hover .infos {
	opacity: 1;
	transform: rotate(0deg)
}

.main .topnav .fcons {
	margin-top: 10rem
}

.main .topnav .fcons .w5 {
	width: 55px
}

.main .topnav .ystit {
	border-left: 1px solid #d4d3d3;
	padding-left: 2rem;
	padding-bottom: 2rem;
	margin-left: 2rem;
	width: 62%;
	display: inline-block
}

.main .topnav .ystit h5 {
	font-size: 1.8rem;
	font-weight: bold
}

.main .topnav .ystit p {
	max-width: 29rem;
	font-size: 1.4rem
}

.main .mv {
	background-image: url(../images/newbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5rem 0 3rem;
	color: #fff
}

.main .mv .tit {
	padding-bottom: 1rem
}

.main .mv h5 {
	font-size: 1.8rem;
	color: #fff;
	padding-bottom: 3rem;
	border-bottom: 1px solid #7170a7
}

.main .mv .mvbox {
	color: #7ba7f6;
	font-size: 1.4rem;
	line-height: 2
}

.main .mv .act {
	color: #fff;
	background-color: #ff9c00
}

.main .advantages {
	background-image: url(../images/advantage.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10rem 0 0
}

.main .advantages .gridbox {
	max-width: 1600px;
	margin: auto;
	padding-bottom: 3%;
	background-color: #fff
}

.main .advantages .gridbox h2 {
	margin-top: -3%;
	margin-bottom: 4%
}

.main .advantages .gridbox .newgrid a {
	display: inline-block;
	position: relative
}

.main .advantages .gridbox .newgrid a .titadv {
	font-size: 2.4rem;
	font-weight: bold;
	color: #000;
	position: absolute;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	bottom: 19%
}

.main .advantages .gridbox .newgrid a .decinfo {
	position: absolute;
	width: 100%;
	top: 20%;
	color: #423c15;
	padding: 0 10%
}

.main .advantages .gridbox .newgrid a .decinfo h5 {
	font-size: 2.4rem;
	font-weight: bold
}

.main .advantages .gridbox .newgrid a .decinfo p {
	font-size: 1.8rem
}

.main .advantages .gridbox .newgrid .swiper-slide {
	margin-top: 5.2%
}

.main .advantages .gridbox .newgrid .swiper-slide:nth-child(2n) {
	margin-top: 0
}

.main .advantages .gridbox .newgrid .swiper-slide:nth-child(2n) .titadv {
	top: 19%
}

.main .advantages .gridbox .newgrid .swiper-slide:nth-child(2n) .decinfo {
	color: #fff;
	top: 50%
}

.main .classseting {
	padding: 3rem 0 5rem;
	background: linear-gradient(to bottom, #e8e8e8, #fff)
}

.main .classseting .tit::after {
	width: 0
}

.main .classseting .caselist {
	margin-top: 0
}

.main .classseting .caselist .swiper-slide {
	transition: all .3s
}

.main .classseting .caselist .ccipt {
	font-size: 3rem;
	line-height: 42px;
	text-align: center;
	right: -4rem;
	border-radius: 50%;
	background: #fff;
	width: 42px;
	height: 42px;
	z-index: 10;
	box-shadow: 1px 0 5px #999;
	transition: all .3s
}

.main .classseting .caselist .ccipt:hover {
	background-color: #1d4a9c;
	color: #fff
}

.main .classseting .caselist .ccivt {
	left: -4rem;
	font-size: 3rem;
	line-height: 42px;
	text-align: center;
	z-index: 10;
	border-radius: 50%;
	background: #fff;
	width: 42px;
	height: 42px;
	box-shadow: 1px 0 5px #999;
	transition: all .3s
}

.main .classseting .caselist .ccivt:hover {
	background-color: #1d4a9c;
	color: #fff
}

.main .classseting .caselist .girls {
	width: 95%;
	margin: auto;
	position: relative
}

.main .classseting .caselist .swiper-wrapper {
	width: 100%;
	height: 100%
}

.main .classseting .caselist a {
	width: 100%;
	display: inline-block
}

.main .classseting .caselist a h5 {
	margin: 0;
	padding: 4% 1%;
	font-size: 1.8rem;
	color: #000;
	transition: all .3s
}

.main .classseting .caselist a h5::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #d9d9d9;
	margin-top: 10px
}

.main .classseting .caselist a p {
	font-size: 1.4rem;
	color: #333;
	transition: all .3s
}

.main .classseting .caselist a .setingimg {
	background-repeat: no-repeat;
	background-size: 95% auto;
	background-color: #fff;
	background-position: center;
	padding-bottom: 100%;
	transition: all .3s
}

.main .classseting .caselist a:hover .setingimg {
	background-size: 105% auto
}

.main .classseting .caselist a:hover h5,
.main .classseting .caselist a:hover p {
	color: #1d4a9c
}

.main .classseting .casepage {
	position: relative;
	padding-top: 13%
}

.main .classseting .casepage a {
	display: inline-block;
	padding: 0 20px;
	color: #333;
	font-size: 1.6rem;
	border-right: 1px solid #999;
	transition: all .5s
}

.main .classseting .casepage a:hover {
	color: #1d4a9c
}

.main .classseting .casepage>div:last-child a {
	border-right: 1px solid #fff
}

.main .classseting .jptj {
	margin-top: 2rem
}

.main .classseting .jptj .box_img {
	overflow: hidden
}

.main .classseting .jptj>div::before {
	content: "新品推荐";
	font-size: 2.2rem;
	font-weight: bold;
	color: #fff;
	padding: 1rem;
	display: inline-block;
	position: absolute;
	border-left: 1rem solid #1d4a9c;
	background-color: #494949;
	z-index: 1
}

.main .classseting .jptj>div img {
	width: 100%;
	transition: all .5s
}

.main .classseting .jptj>div img:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.main .news {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0 30px
}

.main .news .newslist {
	margin-top: 3rem
}

.main .news .newslist ul li {
	margin-bottom: 1.5rem
}

.main .news .newslist ul li a {
	display: block;
	padding: 3rem 2rem;
	color: #000;
	overflow: hidden
}

.main .news .newslist ul li a .days {
	font-size: 4rem
}

.main .news .newslist ul li a .mouth {
	font-size: 1.8rem;
	color: #000
}

.main .news .newslist ul li a .nesinfo {
	width: 90%;
	padding-left: 1rem;
	margin-top: 1rem
}

.main .news .newslist ul li a .nesinfo h5 {
	font-size: 1.8rem;
	transition: all .3s;
	margin-top: 0
}

.main .news .newslist ul li a .nesinfo p {
	font-size: 1.3rem;
	color: #000;
	height: 55px
}

.main .news .newslist ul li a .nesinfo .time {
	margin-top: 2rem
}

.main .news .newslist ul li a .newcons {
	padding-left: 1rem;
	vertical-align: top;
	margin-top: 1rem
}

.main .news .newslist ul li a .newcons img {
	max-width: 170px;
	height: 86px
}

.main .news .newslist ul li a .newcons::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	vertical-align: top;
	margin-right: 1rem
}

.main .news .newslist ul li a:hover h5 {
	color: #1d4a9c
}

.main .news .newslist ul li a .more {
	font-family: fantasy, 'Courier New', Courier, monospace;
	margin: inherit;
	padding: 1rem 3rem;
	width: 46%;
	margin-top: 4rem;
	border: 2px solid #fff
}

.main .news .tit {
	border-bottom: 1px solid #c9c9c9
}

.main .news .tit::after {
	margin-top: 2rem;
	background-color: #000
}

.newsPage {
	margin: 40px 0;
	overflow: hidden;
	font-size: 1.4rem
}

.newsPage .page-a:first-child {
	float: left
}

.newsPage .page-a:last-child {
	float: right
}

#perfil {
	color: #ffcd24;
	margin-bottom: 10rem;
	background-color: #fd4f06
}

#perfil .items {
	margin: 5rem 0;
	font-size: 6rem;
	border-right: 1px solid #ffdf20
}

#perfil .items .zb {
	font-weight: bold
}

#perfil .items .ccc {
	font-size: 2rem
}

#perfil .end {
	border-right: 1px solid #fd4f06
}

.tbody .carousel {
	z-index: -1
}

.tbody .advantages {
	background: #fff;
	padding: 0
}

.tbody .honor h5 {
	font-size: 4rem;
	color: #423c15;
	line-height: 1.5
}

.de-page-mian {
	overflow: hidden;
	text-align: center;
	font-size: 0;
	margin: 10px 0 35px;
	clear: both
}

.de-page-mian .page-inner {
	display: inline-block;
	overflow: hidden
}

.de-page-mian .page-inner a {
	display: block;
	width: auto !important;
	float: left;
	min-width: 26px;
	padding: 0 5px;
	margin: 0 5px;
	height: 36px;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #333;
	margin-right: -1px;
	overflow: hidden
}

.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
	color: #fff;
	border-color: #333;
	background: #333
}

.de-page-mian .page-inner a.prev {
	margin-right: 10px
}

.de-page-mian .page-inner a.prev::before {
	content: "<<";
	display: inline-block
}

.de-page-mian .page-inner a.prev:hover {
	border-color: #ddd
}

.de-page-mian .page-inner a.next {
	margin-left: 10px;
	margin-right: 15px
}

.de-page-mian .page-inner a.next::before {
	content: ">>";
	display: inline-block
}

.de-page-mian .page-inner a.next:hover {
	border-color: #ddd
}

.de-page-mian .page-inner a.page-btn {
	font-size: 12px;
	margin-right: 0;
	width: 63px;
	margin-left: 10px
}

.de-page-mian .page-inner span {
	display: block;
	font-size: 12px;
	color: #333;
	float: left;
	line-height: 38px
}

.de-page-mian .page-inner input {
	display: block;
	float: left;
	height: 36px;
	width: 36px;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #333;
	margin: 0 5px
}

.tecat .navbox {
	text-align: center;
	padding: 3rem 5rem;
	color: #fff;
	transform: translateY(-50%);
	background-color: #1d4a9c;
	margin-bottom: -5rem
}

.tecat .navbox h5 {
	color: #fff;
	line-height: 1.1;
	font-size: 4.4rem;
	font-weight: bold
}

.tecat .navbox p {
	font-size: 2.4rem
}

.contact {
	margin: 2rem auto;
	width: 100%;
	border: 2rem solid #f1f1f1
}

.contact ul li {
	padding: 1rem;
	border-bottom: 1px solid #e8e8e8
}

.contact ul li:last-child {
	border-bottom: none
}

.contact ul li img {
	vertical-align: top;
	margin-right: 2rem
}

.contact .iis {
	margin-top: 2rem;
	font-size: 1.8rem
}

.contact .iisp {
	font-size: 1.4rem;
	color: #9e9ea2
}

.newsbox .navbox {
	text-align: center;
	padding: 3rem 5rem;
	color: #fff;
	transform: translateY(-50%);
	background-color: #1d4a9c
}

.newsbox .navbox h5 {
	font-size: 4.4rem;
	font-weight: bold
}

.newsbox .navbox p {
	font-size: 2.4rem
}

.newsbox .catenav li {
	float: left;
	margin: 5rem 2rem;
	padding-right: 2rem;
	font-size: 1.8rem;
	border-right: 1px solid #999;
	transition: all .3s
}

.newsbox .catenav li a {
	transition: all .3s;
	color: #1d1d1d
}

.newsbox .catenav li::before {
	content: "";
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	margin-right: 1rem;
	transition: all .3s
}

.newsbox .catenav li.active a {
	color: #1d4a9c
}

.newsbox .catenav li.active::before {
	content: "";
	width: 10px;
	height: 10px;
	border: 2px solid #1d4a9c;
	border-radius: 50%;
	display: inline-block;
	margin-right: 1rem
}

.newsbox .catenav li:hover a {
	color: #1d4a9c
}

.newsbox .catenav li:hover::before {
	content: "";
	width: 10px;
	height: 10px;
	border: 2px solid #1d4a9c;
	border-radius: 50%;
	display: inline-block;
	margin-right: 1rem
}

.newsbox .titlist {
	padding: 4rem 0
}

.newsbox .titlist li {
	background-color: #fbfafa;
	margin-bottom: 1rem;
	transition: all .3s
}

.newsbox .titlist li a {
	display: block;
	overflow: hidden;
	padding: 3rem;
	transition: all .3s
}

.newsbox .titlist li a h6 {
	font-size: 2rem;
	font-weight: bold;
	color: #333
}

.newsbox .titlist li a h6::after {
	content: "";
	display: block;
	width: 2rem;
	height: 3px;
	background-color: #1d4a9c;
	margin: 1.5rem 0
}

.newsbox .titlist li a .newdec {
	color: #9a9a9a
}

.newsbox .titlist li a .year {
	font-size: 2rem;
	color: #b6b6b6
}

.newsbox .titlist li a .date {
	font-size: 3.4rem;
	color: #b6b6b6
}

.newsbox .titlist li a .vies {
	width: 4rem;
	height: 4rem;
	font-size: 2rem;
	line-height: 4rem;
	text-align: center;
	border-radius: 50%;
	color: #b6b6b6;
	font-family: cursive;
	margin-left: 5rem;
	border: 1px solid #b6b6b6
}

.newsbox .titlist li:hover a {
	color: #fff;
	background-color: #1d4a9c
}

.newsbox .titlist li:hover a h6 {
	color: #fff
}

.newsbox .titlist li:hover a h6::after {
	background-color: #fff
}

.newsbox .titlist li:hover a .date,
.newsbox .titlist li:hover a .year,
.newsbox .titlist li:hover a .newdec {
	color: #fff
}

.newsbox .titlist li:hover a .vies {
	color: #fff;
	border: 1px solid #fff
}

.nesinfos {
	border-top: 2px solid #e8e8e8;
	padding-top: 1.5rem
}

.nesinfos h6 {
	line-height: 4rem;
	color: #373636;
	font-size: 3rem
}

.nesinfos .times {
	font-size: 1.6rem;
	line-height: 4rem;
	color: #8c8c8c;
	background-color: #e8e8e8
}

.nesinfos .cons {
	padding: 1.5rem 0;
	color: #7b7b7b;
	border-bottom: 1px solid #e8e8e8
}

.xgnews {
	padding: 3rem 0;
	background-color: #e8e8e8
}

.xgnews h6 {
	font-size: 2.8rem;
	font-weight: bold
}

.xgnews ul li {
	margin-left: -1.5rem;
	margin-bottom: 1.5rem
}

.xgnews ul li::before {
	content: "";
	display: inline-block;
	width: .5rem;
	height: .5rem;
	vertical-align: 2rem;
	margin-right: 1rem;
	border-radius: 50%;
	background-color: #000
}

.xgnews ul li a {
	display: inline-block;
	vertical-align: -4rem;
	width: 90%;
	color: #373636;
	overflow: hidden
}

.xgnews ul li a .fl {
	width: 82%
}

.xgnews ul li a .fr {
	margin-top: 2.5rem;
	text-align: right;
	color: #cacaca
}

.xgnews ul li a .fr p {
	font-size: 2.4rem;
	line-height: 1.3;
	margin: 0
}

.xgnews ul li a .fr span {
	font-size: 1.6rem
}

.xgnews ul li a h5 {
	font-size: 1.6rem
}

.info-center .center-content {
	background-color: #eaeaea;
	padding: 3rem 4rem;
	font-size: 1.6rem;
	margin-bottom: 5rem
}

#ring-list .item span {
	font-size: 14px !important
}

#honorspicshow {
	width: 100%;
	height: 100%
}

#honorspicshow .swiper-wrapper {
	width: 100%
}

#honorspicshow .swiper-slide {
	width: 400px;
	height: 100%;
	margin: 4rem 0;
	text-align: center;
	background-image: url(../images/case9.png);
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: 0 18px 12px -5px #e4e0e0
}

#honorspicshow .swiper-slide img {
	border: 1rem solid #fff;
	margin: 1rem auto;
	max-width: 265px
}

#honorspicshow .swiper-slide .honortit {
	background-color: #fff;
	padding: 3rem 0;
	font-size: 1.8rem;
	margin: 0;
	color: #333
}

#foot {
	background-color: #000
}

#foot .img- {
	margin-top: 10%
}

#foot .inner {
	background-color: #403f3f;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0
}

#foot .inner ul li {
	line-height: 3
}

#foot .inner ul li a {
	font-size: 1.4rem;
	color: #b1b1b1;
	transition: all .3s
}

#foot .inner ul li a:hover {
	color: #fff;
	margin-left: 10px
}

#foot .inner .mains {
	font-size: 1.4rem;
	color: #b1b1b1
}

#foot .inner .mains h5 {
	color: #8f8f8f;
	font-size: 2rem;
	font-weight: bold;
	line-height: 2
}

#foot .inner .mains h5::after {
	content: "";
	display: block;
	width: 75%;
	border-bottom: 1px solid #8f8f8f;
	margin: 1rem 0 1rem
}

#foot .inner .mains h5 span {
	font-size: 1.4rem
}

#foot .inner .mains .tel {
	color: #8f8f8f;
	font-size: 2.6rem;
	margin-bottom: 1rem
}

#foot .inner .mains .tel a {
	color: #fff;
	font-family: fantasy;
	font-size: 2.6rem
}

#foot .inner .mains .tacinfo {
	line-height: 2
}

#foot .inner .responsive {
	margin-top: 8rem
}

#foot .fcopy {
	padding: 1% 0;
	color: #b1b1b1;
	font-size: 1.4rem;
	vertical-align: bottom
}

#foot .fcopy>div {
	padding-top: 1rem
}

#foot .fcopy>div .back {
	color: #fff;
	line-height: 3;
	font-size: 1.8rem
}

.menuBtn {
	position: absolute;
	top: 45%;
	right: 4%;
	width: 25px;
	height: 20px;
	cursor: pointer;
	z-index: 100;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.menuBtn em {
	margin-bottom: 6px;
	display: block;
	height: 2px;
	background-color: #1d4a9c;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s
}

.m_img,
.m_nav {
	display: none
}

.carousel-indicators {
	z-index: 1
}

.pro-sider .pro-sider-ul .ul-li a h2 {
	font-size: 18px
}

.goods .advantage h5 {
	font-weight: bold
}

.goods .advantage .goodsnav li {
	background-image: url(../images/jiao.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 2%;
	margin-left: 3%;
	margin-right: 3%
}

.goods .advantage .goodsnav li a {
	display: block;
	font-size: 1.6rem;
	line-height: 4.5;
	transition: all .3s;
	border-bottom: 2px solid transparent;
	text-transform: uppercase;
	color: #423c15
}

.goods .advantage .goodsnav li:hover {
	color: #fd4f06
}

.goods .goodgirds {
	margin-top: -6rem;
	overflow: hidden
}

.goods .goodgirds a {
	display: inline-block;
	width: 95%
}

.goods .goodgirds a .pic {
	transition: all .3s;
	padding: 2rem 2rem 1rem;
	border: 1px solid #ede1c3;
	box-shadow: 0 3px 7px 2px #ede1c3;
	background-color: #fff;
	margin-bottom: 6%
}

.goods .goodgirds a .pic .teaimg {
	text-align: center;
	min-height: 170px
}

.goods .goodgirds a .pic img {
	border-radius: .5rem;
	max-width: 100%;
	max-height: 170px
}

.goods .goodgirds a .pic p {
	font-size: 1.8rem;
	color: #3b3b3b;
	line-height: 1;
	padding-top: 2rem
}

.goods .goodgirds a:hover .pic {
	background-color: #1d4a9c
}

.goods .goodgirds a:hover p {
	color: #fff
}

.goods .pages {
	margin: 1rem auto
}

.goodinfo .advantage {
	padding-bottom: 0
}

.goodinfo .goodgirds {
	margin-top: -1rem;
	margin-bottom: 5rem
}

.goodinfo .goodgirds .lines {
	width: 100%;
	height: 1rem;
	border-radius: 10px;
	background-color: #ffdf20
}

.goodinfo .goodgirds .dec {
	padding: 2rem;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 1rem
}

.goodinfo .goodgirds .topnav {
	border-radius: 5px;
	color: #fff;
	padding: 0 5rem;
	background-color: #fd4f06
}

.goodinfo .goodgirds .topnav h3 {
	font-size: 3rem
}

.goodinfo .goodgirds .topnav .condec {
	line-height: 2.8;
	margin-top: 0
}

.goodinfo .goodgirds .news {
	background: none
}

.goodinfo .goodgirds .more {
	width: 100%;
	line-height: 3;
	margin: 1rem 0;
	padding: 0;
	max-width: 100%;
	font-size: 2.2rem;
	border-radius: 5px;
	text-align: center;
	border: none;
	color: #000;
	background-color: #f4f4f4
}

.goodinfo .advantages {
	padding-top: 5rem;
	background: none
}

.huanjing {
	margin-top: 3rem
}

.huanjing li {
	margin-bottom: 1.5rem
}

.huanjing img {
	width: 99%;
	height: 40rem
}

.huanjing li:nth-child(2n) {
	text-align: right
}

@media (max-width:1400px) {
	.container {
		width: 100%
	}
}

@media (max-width:1200px) {
	#head .toptel {
		line-height: 2
	}

	.simg {
		width: 100%
	}
}

@media (min-width:765px) {
	.padt10 {
		padding-left: 45px
	}

	.main .topnav .pc6 {
		padding-top: 21%;
		width: 555px;
		max-width: unset;
		margin-left: -31%
	}
}

.vsimg {
	display: none
}

#foot .inner {
	padding: 2rem 0
}

#foot .inner .imgs {
	width: 100%
}

#foot .inner .imgs>div {
	width: 49%
}

#foot .inner .imgs>div img {
	width: 80%;
	margin-top: 55%
}

@media (max-width:765px) {

	html,
	body {
		font-size: 7.5px;
		overflow-x: hidden
	}

	.main {
		margin-top: 0
	}

	#foot .fcopy {
		padding-bottom: 50px
	}

	.padt10 {
		padding-left: 0;
		padding-top: 10px
	}

	.msgNum,
	nav ul {
		display: none
	}

	.m_img,
	.m_nav {
		display: block
	}

	.m_img .headlf {
		padding-top: 2px;
		padding-left: 5px;
		float: left
	}

	.m_img .headlf .m_logo {
		height: 40px;
		display: block
	}

	.m_img .headrg {
		padding-right: 5%;
		padding-top: 14px;
		float: right
	}

	.m_img .headrg a .m_menuimg {
		height: 16px;
		vertical-align: top;
		display: block
	}

	.m_nav {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		overflow: hidden;
		z-index: 10000
	}

	.m_nav .closecover {
		position: absolute;
		width: 100%;
		height: 100%;
		background: #0b0d19;
		filter: alpha(opacity=0);
		opacity: 0;
		left: 0;
		top: 0;
		z-index: 1
	}

	.m_nav .closeicon {
		position: absolute;
		width: 20%;
		left: 22px;
		top: 5%;
		z-index: 100;
		text-align: center;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.m_nav .m_navList {
		position: absolute;
		width: 80%;
		right: 0;
		top: 0;
		background: #bba523;
		height: 100%;
		z-index: 100;
		right: -80%;
		overflow-y: scroll;
		margin-right: -6px
	}

	.m_nav .m_navList ul {
		padding-left: 5%;
		padding-right: 5%
	}

	.m_nav .m_navList ul li {
		border-bottom: 1px solid #232530
	}

	.m_nav .m_navList ul li a {
		display: block;
		height: 45px;
		color: #fff;
		line-height: 45px;
		padding-left: 5%;
		font-size: 16px
	}

	.m_nav .m_navList ul li .m_f_a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%
	}

	.m_nav .m_navList ul li .m_f_a a {
		flex: 1
	}

	.m_nav .m_navList ul li .m_f_a i {
		width: 40px;
		height: 35px;
		box-sizing: border-box;
		padding: 0 5px;
		display: block
	}

	.icon {
		background: url(../images/plus.png) 100% no-repeat;
		background-position: 50% 50%;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s
	}

	.icon_on {
		background: url(../images/reduce.jpg) 50% no-repeat !important;
		background-position: 50% 50%;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s
	}

	.m_nav .m_navList ul li .m_s_nav {
		display: none;
		width: 100%
	}

	.m_nav .m_navList ul li .m_s_nav a {
		display: block;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding-left: 10%;
		overflow: hidden;
		white-space: nowrap;
		width: 90%;
		text-overflow: ellipsis
	}

	#head .top .logo {
		width: 50%
	}

	#head .top .navslist {
		width: 10%;
		margin-top: 25px
	}

	.menuBtn {
		top: 6.5%
	}

	#head .top .logo img {
		margin-top: 1.8rem;
		max-width: 29rem
	}

	#head .toptel img {
		vertical-align: middle
	}

	.topnav .fr .condec {
		margin-top: 8rem
	}

	.main .techeritem ul li a .infos {
		background-size: 30% 30%
	}

	.main .techeritem {
		background-size: 100% 100%
	}

	.playbtn>div {
		margin-bottom: 7rem
	}

	.fixed-banner .crumbs {
		padding-top: 20%
	}

	.pc6 {
		width: 60%;
		margin: auto
	}

	.main .topnav .fcons {
		margin-top: 1rem
	}

	.fous .topnav>div {
		padding: 0
	}

	.main .topnav .ystit {
		width: 60%;
		min-height: 19rem
	}

	.com-main .coms {
		background-position: center 10%;
		background-size: contain
	}

	#foot .inner .mains {
		text-align: center
	}

	#foot .inner .mains h5::after {
		width: 100%
	}

	.goods .goodgirds a .pic img {
		max-height: 24rem
	}

	#plugin-contact-ring2 #ring-toggle-button:before {
		font-size: 14px
	}

	#foot .img- {
		width: 17%
	}

	#foot .inner {
		padding: 2rem 0
	}

	#foot .inner .imgs {
		width: 100%
	}

	#foot .inner .imgs img {
		width: 50%
	}

	.main .news .newslist ul li a {
		padding: 0 2rem
	}

	.topnav .tit {
		width: 100%;
		text-align: center
	}

	.tmhide,
	.casepage {
		display: none
	}

	.vsimg {
		display: block
	}
}

.floating_ck {
	position: fixed;
	right: 20px;
	top: 50%;
	z-index: 9999;
	font-size: 14px;
	border-radius: 5px;
	display: none
}

.floating_ck dl dt {
	height: 6px;
	background: url(images/kficon1.png) no-repeat center
}

.floating_ck dl dd {
	transition: all .3s;
	position: relative;
	width: 45px;
	height: 45px;
	margin-bottom: 1px;
	background-color: #1d4a9c;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	cursor: pointer
}

.floating_ck dl dd:hover {
	background-color: #1d4a9c
}

.floating_ck dl dd:hover .floating_left {
	display: block
}

.floating_ck dl {
	height: 219px;
	background: #1d4a9c;
	border-radius: 31px;
	padding: 18px 0
}

.floating_ck dl dd.quote {
	background-image: url(../images/tels.png);
	background-size: 50%
}

.floating_ck dl dd.qrcord {
	background-image: url(../images/v.png)
}

.floating_ck dl dd.consult {
	background-image: url(../images/q.png)
}

.floating_ck dl dd.return {
	background-image: url(../images/top.png);
	background-color: #1d4a9c
}

.return span {
	float: left;
	width: 100%;
	height: 100%
}

.floating_ck dl dd:nth-child(0) {
	border-radius: 10px 10px 0 0;
	background: #ff0
}

.floating_left {
	position: absolute;
	left: -160px;
	top: 0;
	width: 160px;
	background-color: #1d4a9c;
	display: none
}

.floating_left a {
	color: #fff;
	line-height: 3;
	font-size: 2rem;
	font-weight: bold
}

.floating_ewm {
	height: 200px;
	top: -120px
}

.floating_ewm i {
	display: block;
	width: 145px;
	height: 145px;
	margin: auto;
	margin-top: 7px;
	background: url(../images/wx.jpg) center no-repeat;
	background-size: cover
}

.floating_ewm2 i {
	display: block;
	width: 145px;
	height: 145px;
	margin: auto;
	margin-top: 7px;
	background: url(../images/qq.png) center no-repeat;
	background-size: cover
}

.floating_ewm2 p {
	color: #fff;
	margin-top: 5px
}

.floating_ewm p {
	color: #fff;
	margin-top: 5px
}