@charset "utf-8";
	@font-face {
	font-family:iconfont;
	src:url(../fonts/font_876485_a3vf69rydgp.eot);
	src:url(../fonts/font_876485_a3vf69rydgp.eot) format('embedded-opentype'),url(../fonts/font_876485_a3vf69rydgp.woff) format('woff'),url(../fonts/font_876485_a3vf69rydgp.ttf) format('truetype'),url(../fonts/font_876485_a3vf69rydgp.svg#iconfont) format('svg')
}
body {
	max-width:1920px;
	margin:auto
}
html,body {
	min-height:100%
}
.fl {
	/*float:left*/
}


.fr {
	float:right
}
.clear_both {
	zoom:1
}
.clear_both:before {
	content:"";
	display:table;
	clear:both
}
.clear_both:after {
	content:"";
	display:table;
	clear:both
}
.relative {
	position:relative
}
.absolute {
	position:absolute
}
.fixed {
	position:fixed
}
.inline-block {
	display:inline-block
}
.text-right {
	text-align:right
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.trans {
	-webkit-transition:all 500ms ease 0s;
	-moz-transition:all 500ms ease 0s;
	-ms-transition:all 500ms ease 0s;
	-o-transition:all 500ms ease 0s;
	transition:all 500ms ease 0s
}
.rotating180 {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg)
}
.gray {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray
}
.main {
	overflow:hidden;
	position:relative
}
.wrap {
	max-width:95.8%;
	margin:0 auto
}

.wrapa {
	max-width:1200px;
	margin:0 auto;
	
}
.wrap1 {
	max-width:62.5%;
	margin:0 auto;
}
#header {
	width:100%;
	height:18px;
	background:#f1f1f1;
	top:0;
	left:0;
	right:0;
	padding:37px 0 45px;
	z-index:100
}
#header .logo a {
	font-size:26px;
	color:#333;
	font-weight:700
}
#header.pro {
	border-bottom:1px solid #e7e7e7
}
#header.headerbg {
	background:#f1f1f1
}
#header .nav .nav_a {
	margin-right:80px;
	color:#666
}
#header .nav .nav_a:hover {
	color:#333;
	font-weight:700
}
#header .nav .nav_a.on {
	color:#333;
	font-weight:700
}
#header .nav .lang {
	cursor:pointer
}
#header .nav .sousuo {
	cursor:pointer
}
#header .menu {
	display:none
}
#header .menu_bg1 {
	left:0;
	top:100px;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.4);
	z-index:99
}
#header .sou {
	background:#fff;
	width:100%;
	z-index:134;
	position:fixed;
	left:-100%;
	top:100px;
	overflow:auto;
	height:70px;
	border-top:1px solid #aaa
}
#header .sou input[type=text] {
	height:32px;
	width:74%;
	margin:.5rem 0 0 1.5%;
	border:1px solid #ccc;
	text-indent:.2rem;
	font-size:18px;
	line-height:32px;
	float:left
}
#header .sou #search {
	height:32px;
	width:20%;
	margin:.5rem 1.5% 0 0;
	font-size:20px;
	line-height:32px;
	background:#333;
	color:#fff;
	text-align:center;
	cursor:pointer;
	float:right
}
#header .sou.on {
	left:0
}
#header .menu_bg1.on {
	display:block
}
#footer {
	background:#333
}
#footer .footer_top {
	border-bottom:1px solid #3e3e3e;
	height:55px
}
#footer .footer_top * {
	font-size:12px;
	color:#ccc;
	vertical-align:middle
}
#footer .footer_top a {
	margin-right:10px
}
#footer .footer_top a:hover {
	color:#fff
}
#footer .footer_top .wrap1 {
	margin-top:25px
}
#footer .footer_top .wrap1 .link_con .swiper-slide {
	width:auto;
	padding:0 3px
}
#footer .footer_bottom .p1 {
	font-size:12px;
	line-height:30px;
	color:#ccc
}
#footer .footer_bottom .copyright {
	margin:0px auto 10px;
	font-size:12px;
	line-height:30px;
	color:#ccc
}
#footer .footer_bottom .copyright * {
	font-size:12px;
	line-height:30px;
	color:#ccc
}
#footer .footer_bottom .erweima_img {
	width:90px;
	height:90px;
	text-align:center
}
.kefu {
	position:fixed;
	top:150px;
	right:5.2%;
	z-index:100;
	width:200px;
	height:380px;
	background:#fff
}
.kefu .cha {
	margin:10px
}
.kefu .cha img {
	cursor:pointer
}
.kefu .p1 {
	font-size:22px;
	color:#333;
	margin:20px auto 8px
}
.kefu .p2 {
	font-size:12px;
	color:#666
}
.kefu .p3 {
	font-size:14px;
	color:#999;
	margin:60px auto 15px
}
.kefu .p4 {
	font-size:22px;
	color:#474747
}
.kefu .a1 {
	font-size:14px;
	color:#fff;
	width:140px;
	height:40px;
	background:#666;
	border-radius:20px;
	line-height:40px;
	margin:40px auto 10px
}
.kefu .a2 {
	font-size:14px;
	color:#fff;
	width:140px;
	height:40px;
	background:#999;
	border-radius:20px;
	line-height:40px;
	margin:0 auto
}
.kefu a img {
	vertical-align:middle
}
.lianxi {
	position:fixed;
	bottom:10%;
	right:5.2%;
	z-index:100;
	width:50px;
	height:153px;
	cursor:pointer
}
.lianxi .lian {
	width:50px;
	height:50px;
	margin-bottom:1px;
	background:rgba(0,0,0,.5);
	line-height:50px;
	text-align:center;
	font-size:16px;
	color:#fff
}
.lianxi .lian img {
	vertical-align:middle
}
.lianxi .weixin {
	position:relative
}
.lianxi .weixin .erweima {
	position:absolute;
	top:0;
	right:120%;
	z-index:50;
	opacity:0;
	max-width:90px;
	max-height:90px
}
.lianxi .weixin .erweima_img {
	width:90px;
	height:90px;
	text-align:center
}
.lianxi .weixin:hover .erweima {
	opacity:1
}
.top_bg.on {
	margin-top:100px
}
.top_bg .top_bg_con .top_bg_button {
	width:30px;
	height:59px
}
.top_bg .top_bg_con .swiper-button-next {
	background:url() no-repeat center;
	right:3.1%
}
.top_bg .top_bg_con .swiper-button-prev {
	background:url() no-repeat center;
	left:3.1%
}
.index_pro .title {
	line-height:130px
}
.index_pro .title .p1 {
	font-size:36px
}
.index_pro .title .fl {
	text-align:center;
}

.index   .index_pro .title .fl {
	text-align:center;
}

.index_pro .title .pro_a a {
	font-size:14px;
	color:#666
}
.index_pro .title .pro_a a:hover {
	color:#333;
	font-weight:700
}
.index_pro .con .index_pro_con {
	padding-bottom:150px
}
.index_pro .con .swiper-slide .pro_a {
	width:25%;
	overflow:hidden;
	border-bottom:1px solid #fff
}
.index_pro .con .swiper-slide .pro_a .img {
	border-right:1px solid #fff;
	background:#f2f2f2
}
.index_pro .con .swiper-slide .pro_a .img_bg {
	height:100%;
	left:0;
	right:1px;
	background:rgba(0,0,0,.3);
	z-index:10;
	text-align:center;
	bottom:100%
}
.index_pro .con .swiper-slide .pro_a .img_bg .p1 {
	font-size:22px;
	color:#fff;
	line-height:42px;
	display:inline-block;
	border-bottom:3px solid #fff;
	margin-top:13%
}
.index_pro .con .swiper-slide .pro_a .img_bg .p2 {
	font-size:14px;
	color:#f2f2f2;
	line-height:42px
}
.index_pro .con .swiper-slide .pro_a:hover .img_bg {
	bottom:0
}
.index_pro .con .index_pro_con .swiper_button {
	bottom:60px;
	top:auto;
	width:50px;
	height:50px;
	background:#ffffff;
	border-radius:2px
}
.index_pro .con .index_pro_con .swiper_button_cen {
	bottom:60px;
	width:80px;
	height:50px;
	background:#ffffff;
	border-radius:2px;
	position:absolute;
	left:50%;
	margin-left:-40px
}
.index_pro .con .index_pro_con .swiper-button-next {
	right:43%
}
.index_pro .con .index_pro_con .swiper-button-prev {
	left:43%
}
.index_about {
	background:#f6f6f6
}
.index_about .img {
	width:50%
}
.index_about .text {
	width:50%
}
.index_about .text .p1 {
	font-size:60px;
	margin-top:15%;
	text-transform:uppercase
}
.index_about .text .p2 {
	font-size:16px;
	margin:1% auto 4%;
	color:#666
}
.index_about .text .p3 {
	font-size:14px;
	color:#666;
	width:71%;
	margin:0 auto
}
.index_about .text .a1 {
	font-size:14px;
	color:#333;
	width:160px;
	height:50px;
	margin:50px auto 0;
	border:1px solid #999;
	line-height:50px
}
.index_about .text .a1:hover {
	color:#fff;
	background:#333;
	border:1px solid #333
}
.index_info {
	margin:60px auto
}
.index_info .title .p1 {
	font-size:36px
}
.index_info .title .p2 {
	font-size:14px;
	color:#999;
	line-height:34px
}
.index_info .con {
	margin-top:60px
}
.index_info .con .text {
	border-bottom:1px solid #ededed;
	padding:2%
}
.index_info .con .text .tent {
	width:49%
}
.index_info .con .text .tent .p3 {
	font-size:18px;
	line-height:48px
}
.index_info .con .text .tent .p4 {
	font-size:14px;
	line-height:24px;
	height:48px;
	overflow:hidden;
	color:#999
}
.index_info .con .text .tent .p7 {
	font-size:12px;
	line-height:24px;
	color:#999;
	display:none
}
.index_info .con .text .you {
	width:20%;
	border-left:1px solid #eaeaea
}
.index_info .con .text .you .time {
	padding-left:10%
}
.index_info .con .text .you .time .p5 {
	font-size:50px;
	line-height:74px
}
.index_info .con .text .you .time .p6 {
	font-size:14px;
	color:#999;
	line-height:30px;
	text-indent:1em
}
.index_info .con .text .you .jiantou {
	margin:12% 33% 0 0
}
.index_info .con .text .you .jiantou .img2 {
	display:none
}
.index_info .con .text:hover {
	background:#333;
	border-bottom:1px solid #333
}
.index_info .con .text:hover .tent .p3 {
	color:#fff
}
.index_info .con .text:hover .tent .p4 {
	color:#fff
}
.index_info .con .text:hover .tent .p7 {
	color:#fff
}
.index_info .con .text:hover .you {
	border-left:1px solid #fff
}
.index_info .con .text:hover .you .time .p5 {
	color:#fff
}
.index_info .con .text:hover .you .time .p6 {
	color:#fff
}
.index_info .con .text:hover .you .jiantou {
	margin:12% 28% 0 0
}
.index_info .con .text:hover .you .jiantou .img1 {
	display:none
}
.index_info .con .text:hover .you .jiantou .img2 {
	display:block
}
.index_partner {
	margin:60px auto
}
.index_partner .title .p1 {
	font-size:36px
}
.index_partner .title .p2 {
	font-size:14px;
	color:#999;
	line-height:34px
}
.index_partner .title .p3 {
	font-size:14px;
	color:#666;
	line-height:34px
}
.index_partner .con {
	margin-top:40px;
	border-bottom:1px solid #efefef;
	border-right:1px solid #efefef
}
.index_partner .con .text {
	width:12.5%;
	border-top:1px solid #efefef;
	background:#f8f8f8;
	overflow:hidden
}
.index_partner .con .text:before {
	content:'';
	width:100%;
	padding-top:70.484581497797356828193832599119%;
	display:block
}
.index_partner .con .text .img {
	border-left:1px solid #efefef;
	top:0;
	left:0;
	right:0;
	bottom:0
}
.index_partner .con .text .img img {
	max-width:80%;
	height:auto;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray
}
.index_partner .con .text .img:hover img {
	height:auto;
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:grayscale(0%);
	filter:gray
}
.index_contact {
	padding:60px 0;
	background:#f3f3f3
}
.index_contact .title .p1 {
	font-size:36px
}
.index_contact .title .p2 {
	font-size:14px;
	color:#999;
	line-height:34px
}
.index_contact .title .p3 {
	font-size:14px;
	color:#666;
	line-height:34px
}
.index_contact .con .contact1 {
	padding:50px 5%
}
.index_contact .con .contact1 .tact {
	width:33.33333333%
}
.index_contact .con .contact1 .tact .img {
	width:10%
}
.index_contact .con .contact1 .tact .text {
	width:85%;
	margin-left:5%
}
.index_contact .con .contact1 .tact .text .p1 {
	text-align:left
}
.index_contact .con .message .mess_con {
	width:100%
}
.index_contact .con .message .mess_con .mess {
	width:31.666%;
	margin-right:2.501%;
	background:#fff;
	height:45px
}
.index_contact .con .message .mess_con .mess:nth-child(3) {
	margin-right:0
}
.index_contact .con .message .mess_con .mess input {
	height:43px;
	border:1px solid #e4e4e4;
	line-height:43px;
	text-indent:1em;
	width:100%;
	color:#999
}
.index_contact .con .message .mess_con .textarea {
	width:100%;
	background:#fff;
	height:150px;
	border:1px solid #e4e4e4;
	margin:20px auto
}
.index_contact .con .message .mess_con .textarea textarea {
	height:100%;
	line-height:43px;
	text-indent:1em;
	width:100%;
	color:#999
}
.index_contact .con .message .mess_con div[type=submit] {
	width:100%;
	height:60px;
	line-height:60px;
	color:#fff;
	background:#333;
	text-align:center;
	border-radius:5px;
	cursor:pointer
}
.about .company {
	margin:70px auto
}
.about .company .p1 {
	font-size:60px;
	text-transform:uppercase
}
.about .company .p2 {
	font-size:24px;
	margin:30px auto
}
.about .company .p3 {
	font-size:14px;
	color:#666;
	line-height:24px
}
.about .store {
	background:#f6f6f6;
	margin-bottom:60px
}
.about .store .img {
	width:50%
}
.about .store .text {
	width:36%;
	padding:3.8% 9.5% 3.8% 4.5%
}
.about .store .text .p1 {
	font-size:24px;
	padding-bottom:22px;
	border-bottom:3px solid #666;
	display:inline-block
}
.about .store .text .p2 {
	font-size:14px;
	color:#666;
	line-height:24px;
	margin-top:60px
}
.about .history {
	background:url(../img/history_bg.jpg) no-repeat top;
	height:780px;
	overflow:hidden
}
.about .history .ptit {
	font-size:28px;
	margin:45px auto;
	text-transform:uppercase
}
.about .history .gallery-top {
	height:400px;
	margin:0 auto;
	width:100%;
	overflow:visible
}
.about .history .gallery-top .p1 {
	font-size:28px;
	color:#fff;
	display:block;
	background:#666;
	width:120px;
	height:120px;
	margin:80px auto;
	border-radius:50%;
	line-height:120px
}
.about .history .gallery-top .p2 {
	font-size:16px;
	color:#333;
	line-height:30px
}
.about .history .gallery-top .swiper-button-next {
	right:14%
}
.about .history .gallery-top .swiper-button-prev {
	left:14%
}
.about .history .gallery-top .swiper-button-white {
	width:36px;
	height:36px;
	bottom:-158px;
	top:auto;
	background:0 0
}
.about .history .gallery-bg {
	width:65.934065934065934065934065934066%;
	background:url(../img/history_line.jpg) center no-repeat;
	height:180px;
	overflow:hidden;
	margin:50px auto 30px
}
.about .history .gallery-top .swiper-pagination2 {
	display:none
}
.about .history .gallery-thumbs {
	height:180px;
	width:100%
}
.about .history .gallery-thumbs .swiper-wrapper .deve_num {
	cursor:pointer;
	background:url(../img/icon21.png) center no-repeat
}
.about .history .gallery-thumbs .swiper-wrapper .deve_num .p2 {
	text-align:center;
	font-size:16px;
	line-height:270px;
	color:#747474
}
.about .history .gallery-thumbs .swiper-wrapper .deve_num:hover {
	background:url(../img/icon20.png) center no-repeat
}
.about .history .gallery-thumbs .swiper-wrapper .deve_num:hover .p2 {
	color:#333;
	font-size:22px;
	font-weight:700
}
.about .history .gallery-thumbs .swiper-wrapper .swiper-slide-active {
	background:url(../img/icon20.png) center no-repeat
}
.about .history .gallery-thumbs .swiper-wrapper .swiper-slide-active .p2 {
	color:#333;
	font-size:22px;
	font-weight:700
}
.contact {
	padding:60px 0;
	background:#fff
}
.contact .title .p1 {
	font-size:60px;
	text-transform:uppercase
}
.contact .title .p2 {
	font-size:16px;
	color:#333;
	line-height:34px
}
.contact .title .p3 {
	font-size:14px;
	color:#666;
	line-height:34px
}
.contact .con .ntact {
	padding:50px 5%
}
.contact .con .ntact .tact {
	width:33.33333333%
}
.contact .con .ntact .tact .img {
	width:10%
}
.contact .con .ntact .tact .text {
	width:85%;
	margin-left:5%
}
.contact .con .ntact .tact .text .p1 {
	text-align:left;
	line-height:24px
}
.contact .con .message .mess_con {
	width:100%
}
.contact .con .message .mess_con .mess {
	width:31.666%;
	margin-right:2.501%;
	background:#fff;
	height:45px
}
.contact .con .message .mess_con .mess:nth-child(3) {
	margin-right:0
}
.contact .con .message .mess_con .mess input {
	height:43px;
	border:1px solid #e4e4e4;
	line-height:43px;
	text-indent:1em;
	width:100%;
	color:#999
}
.contact .con .message .mess_con .textarea {
	width:100%;
	background:#fff;
	height:150px;
	border:1px solid #e4e4e4;
	margin:20px auto
}
.contact .con .message .mess_con .textarea textarea {
	height:100%;
	line-height:43px;
	text-indent:1em;
	width:100%;
	color:#999
}
.contact .con .message .mess_con div[type=submit] {
	width:100%;
	height:60px;
	line-height:60px;
	color:#fff;
	background:#333;
	text-align:center;
	border-radius:5px;
	cursor:pointer
}
.brand .brand1 {
	margin:70px auto
}
.brand .brand1 .p1 {
	font-size:60px;
	text-transform:uppercase;
	line-height:50px
}
.brand .brand1 .p2 {
	font-size:16px;
	color:#666;
	margin:30px auto 60px
}
.brand .brand1 .p3 {
	font-size:14px;
	color:#666;
	line-height:24px
}
.brand .brand2 {
	background:#f6f6f6;
	margin-bottom:60px
}
.brand .brand2 .img {
	width:50%
}
.brand .brand2 .text {
	width:36%;
	padding:3.8% 9.5% 0 4.5%
}
.brand .brand2 .text .p1 {
	font-size:24px
}
.brand .brand2 .text .p2 {
	font-size:14px;
	color:#666;
	line-height:24px
}
.brand .brand2 .text .brand_line {
	width:36px;
	height:2px;
	background:#333;
	margin:15px 0 40px
}
.brand .brand2 .text .p3 {
	font-size:14px;
	line-height:24px
}
/*.info .title {
	margin-top:70px
}*/
.info .title .p1 {
	font-size:60px;
	text-transform:uppercase;
	line-height:50px
}
.info .title .p2 {
	font-size:20px;
	color:#666;
	margin:10px auto 25px;
}
.info .con {
	width:100%
}
.info .con .info_a {
	width:23.275%;
	margin-right:2.3%;
	margin-bottom:60px
}
.info .con .info_a:nth-child(4n) {
	margin-right:0
}
.info .con .info_a .img {
	width:100%;
    height: 200px;
    display: flex;
    justify-content: center;
	overflow:hidden
}
.info .con .info_a .img img{
    max-height: auto;
    height: auto;
}
.info .con .info_a .text .p1 {
	font-size:20px;
	margin:25px auto;
	line-height:20px;
	height:20px;
	overflow:hidden
}
.info .con .info_a .text .p2 {
	font-size:14px;
	line-height:20px;
	overflow:hidden;
	color:#8c8c8c;
	height:40px
}
.info .con .info_a .text .time {
	font-size:14px;
	color:#666;
	line-height:44px;
	margin-top:10px
}
.info .info_more {
	width:140px;
	height:40px;
	background:#f1f1f1;
	color:#666;
	line-height:40px;
	border-radius:20px;
	text-align:center;
	margin:70px auto;
	cursor:pointer
}
.info .con .info_a .text .p1:hover {
	font-weight:700
}
.info .con .info_a .text .time:hover img {
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg)
}
.info .info_more:hover {
	background:#333;
	color:#fff
}
.info_detail .news_detail {
	background:#fff;
	margin-bottom:70px
}
.info_detail .news_detail .text_left {
	width:90%;
	position:relative;
	margin-top:50px;
	padding:20px;
	line-height: 25px;
}
.info_detail .news_detail .text_left .title {
	width:98%;
	margin:0 auto;
	border-bottom:1px dotted #ccc
}
.info_detail .news_detail .text_left .title .p1 {
	font-size:22px;
	color:#333;
	line-height:30px;
	margin:0 auto 30px
}
.info_detail .news_detail .text_left .title .p2 {
	font-size:12px;
	color:#999;
	line-height:24px;
	margin:0 auto 35px
}
.info_detail .news_detail .text_left .title .p2 span {
	color:#333;
	font-weight:700
}
.info_detail .news_detail .text_left .contents {
	width:98%;
	margin:60px auto 0;
	border-bottom:1px dotted #ccc;
	padding-bottom:40px
}
.info_detail .news_detail .text_left .contents .con {
	font-size:14px;
	color:#333;
	line-height:24px
}
.info_detail .news_detail .text_left .contents .con img {
	max-width:100%!important;
	height:auto!important
}
.info_detail .news_detail .text_left .anniu {
	width:98%;
	margin:50px auto 0
}
.info_detail .news_detail .text_left .anniu .anniu_p {
	font-size:14px;
	color:#666;
	margin:0 auto 25px;
	overflow:hidden;
	width:100%;
	height:19px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.info_detail .news_detail .text_left .anniu .anniu_p .news_anniu {
	color:#333
}
.info_detail .news_detail .text_left .anniu .anniu_p .news_anniu:hover {
	font-weight:700
}
.products {
	margin-top:10px
}
.products .pro_nav {
	line-height:50px
}
.products .pro_nav .pro_a a {
	font-size:14px;
	color:#666
}
.products .pro_nav .pro_a a:hover {
	color:#333;
	font-weight:700
}
.products .pro_nav .pro_a a.on {
	color:#333;
	font-weight:700
}
.products .con .pro_a {
	width:25%;
	overflow:hidden;
	border-bottom:1px solid #fff
}
.products .con .pro_a .img {
	border-right:1px solid #fff;
	background:#f2f2f2
}
.products .con .pro_a .img_bg {
	height:100%;
	left:0;
	right:1px;
	background:rgba(0,0,0,.3);
	z-index:10;
	text-align:center;
	bottom:100%
}
.products .con .pro_a .img_bg .p1 {
	font-size:22px;
	color:#fff;
	line-height:42px;
	display:inline-block;
	border-bottom:3px solid #fff;
	margin-top:20%
}
.products .con .pro_a .img_bg .p2 {
	font-size:14px;
	color:#f2f2f2;
	line-height:42px
}
.products .con .pro_a:hover .img_bg {
	bottom:0
}
.products .pro_more {
	width:140px;
	height:40px;
	background:#f1f1f1;
	color:#666;
	line-height:40px;
	border-radius:20px;
	text-align:center;
	margin:70px auto;
	cursor:pointer
}
.products .pro_more:hover {
	background:#333;
	color:#fff
}
.products_detail {
	margin-top:100px;
	position:relative
}
.products_detail .detail {
	width:78.26%;
	border-right:1px solid #e7e7e7
}
.products_detail .detail .con_img {
	width:calc(100%-40px);
	margin:40px 40px 40px 0;
	background:#f3f3f3
}
.products_detail .detail .text {
	width:calc(100%-40px);
	margin:40px 40px 40px 0
}
.products_detail .detail .text img {
	width:100%!important;
	height:auto!important
}
.products_detail .detail_text {
	width:18.75%;
	position:fixed;
	top:150px;
	right:2.0833333333333333333333333333333%;
	z-index:10
}
.products_detail .detail_text .anniu {
	width:100%;
	margin-bottom:76px
}
.products_detail .detail_text .anniu .anniu_a {
	width:33.3333333%
}
.products_detail .detail_text .anniu .anniu_a.left {
	text-align:left
}
.products_detail .detail_text .anniu .anniu_a.right {
	text-align:right
}
.products_detail .detail_text .p1 {
	font-size:24px;
	margin-bottom:30px
}
.products_detail .detail_text .p2 {
	font-size:14px;
	color:#666;
	line-height:20px
}
.products_detail .detail_text .weilian {
	width:120px;
	height:40px;
	border:1px solid #999;
	color:#666;
	text-align:center;
	line-height:40px;
	font-size:14px;
	margin:30px 0;
	vertical-align:middle
}
.products_detail .detail_text.ap1 {
	position:absolute;
	width:calc(21.74%-1px);
	right:0
}
.products_detail .detail_text.fx1 {
	width:18.75%;
	position:fixed;
	top:150px!important;
	right:2.0833333333333333333333333333333%
}
.products_detail .detail_text1 {
	width:95%;
	margin:30px auto;
	display:none
}
.products_detail .detail_text1 .anniu {
	width:100%;
	margin-bottom:76px
}
.products_detail .detail_text1 .anniu .anniu_a {
	width:33.3333333%
}
.products_detail .detail_text1 .anniu .anniu_a.left {
	text-align:left
}
.products_detail .detail_text1 .anniu .anniu_a.right {
	text-align:right
}
.products_detail .detail_text1 .p1 {
	font-size:24px;
	margin-bottom:30px
}
.products_detail .detail_text1 .p2 {
	font-size:14px;
	color:#666;
	line-height:20px
}
.products_detail .detail_text1 .weilian {
	width:120px;
	height:40px;
	border:1px solid #999;
	color:#666;
	text-align:center;
	line-height:40px;
	font-size:14px;
	margin:30px 0;
	vertical-align:middle
}
@media screen and (max-width:1200px) {
	#header .nav .nav_a {
	margin-right:50px
}
.index_pro .con .swiper-slide .pro_a .img_bg .p1 {
	margin-top:15%
}
.index_pro .con .index_pro_con .swiper-button-next {
	right:40%
}
.index_pro .con .index_pro_con .swiper-button-prev {
	left:40%
}
.index_about .text .p1 {
	margin-top:7%
}
.index_about .text .p3 {
	width:85%
}
.index_about .text .a1 {
	margin:30px auto 0
}
.index_info .con .text .you {
	width:30%
}
.index_partner .con .text {
	width:25%
}
.wrap1 {
	max-width:70%
}
.index_partner .title .p3 {
	line-height:24px
}
.index_contact .title .p3 {
	line-height:24px
}
}@media screen and (max-width:1000px) {
	#header {
	height:30px;
	padding:31px 0 39px
}
#header .logo img {
	margin-top:0px
}
#header .menu {
	display:block;
	cursor:pointer
}
#header .menu_bg {
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.4);
	z-index:101
}
#header .menu_bg.on {
	display:block
}
#header .nav {
	float:none;
	position:fixed;
	top:0;
	bottom:0;
	right:-100%;
	width:55%;
	z-index:102;
	background:#fff;
	padding-top:50px
}
#header .nav.on {
	right:0
}
#header .nav .nav_a {
	float:none;
	margin-bottom:10px;
	text-indent:2em;
	line-height:30px
}
#header .nav .sousuo {
	float:none;
	margin-bottom:10px;
	text-indent:2em;
	line-height:30px;
	text-align:left;
	margin-left:28px
}
.top_bg .top_bg_con .top_bg_button {
	width:15px;
	height:30px;
	background-size:cover
}
#footer .footer_bottom .copyright {
	margin:20px auto
}
.kefu {
	display:none
}
.index_pro .con .swiper-slide .pro_a {
	width:50%
}
.index_about .text .p1 {
	font-size:30px
}
.index_about .text .p3 {
	width:95%
}
.index_about .text .a1 {
	width:100px;
	height:30px;
	margin:20px auto 0;
	line-height:30px
}
.index_info .con .text .tent {
	width:69%
}
.index_info .con .text .tent .p3 {
	line-height:24px
}
.index_info .con .text .you {
	width:30%
}
.index_info .con .text .you .time .p5 {
	font-size:35px;
	line-height:59px
}
.wrap1 {
	max-width:80%
}
.about .store .text {
	width:43%;
	padding:3% 3% 0
}
.about .store .text .p2 {
	margin-top:20px
}
.info .con .info_a {
	width:49%;
	margin-right:2%;
	margin-bottom:40px
}
.info .con .info_a:nth-child(2n) {
	margin-right:0
}
.products .con .pro_a {
	width:50%
}
}@media screen and (max-width:750px) {
    #footer{
        min-height: 50px;
    }
    #footer>div{
        display: none;
    }
	#header {
	height:30px;
	padding:7px 0 13px
}
#header .menu_bg1 {
	top:50px
}
#header .sou {
	top:50px
}
.top_bg.on {
	margin-top:50px
}
.products {
	margin-top:50px
}
.products_detail {
	margin-top:50px
}
.index_pro .con .index_pro_con .swiper-button-next {
	right:30%
}
.index_pro .con .index_pro_con .swiper-button-prev {
	left:30%
}
.index_about .img {
	width:100%;
	float:none
}
.index_about .text {
	width:100%;
	margin:0 auto 20px;
	float:none
}
.wrap1 {
	max-width:95%
}
.index_info .con .text .tent .p7 {
	display:block
}
.index_info .con .text .tent {
	width:100%
}
.index_info .con .text .you {
	display:none
}
.index_pro .con .swiper-slide .pro_a .img_bg {
	bottom:0
}
.about .store .img {
	width:100%;
	float:none
}
.about .store .text {
	width:93%;
	padding:3%;
	float:none
}
.about .history .gallery-bg {
	display:none
}
.about .history .gallery-top .swiper-button-white {
	display:none
}
.about .history .gallery-top .swiper-pagination2 {
	display:block
}
.about .history {
	height:600px
}
.brand .brand2 .img {
	width:100%;
	float:none
}
.brand .brand2 .text {
	width:93%;
	padding:3%;
	float:none
}
.products .con .pro_a .img_bg {
	bottom:0
}
.products_detail .detail {
	width:100%;
	border-right:0
}
.products_detail .detail_text {
	display:none
}
.products_detail .detail_text1 {
	display:block
}
.products_detail .detail .con_img {
	width:100%;
	margin:40px 0
}
.products_detail .detail .text {
	width:100%;
	margin:40px 0
}
}@media screen and (max-width:500px) {
	.index_info .title .p1 {
	font-size:.72rem
}
.index_info {
	margin:1.2rem auto
}
.index_info .con {
	margin-top:.5rem
}
.index_pro .title {
	line-height:2.6rem
}
.index_pro .title .p1 {
	font-size:.72rem
}
.index_pro .con .swiper-slide .pro_a .img_bg .p1 {
	font-size:12px;
	line-height:26px;
}
.index_pro .con .swiper-slide .pro_a .img_bg img {
	display:none
}
.index_pro .con .index_pro_con {
	padding-bottom:100px
}
.index_pro .con .index_pro_con .swiper_button {
	width:30px;
	height:30px;
	bottom:30px
}
.index_pro .con .index_pro_con .swiper_button_cen {
	width:60px;
	height:30px;
	margin-left:-30px;
	bottom:30px
}
.index_partner {
	margin:1.2rem auto
}
.index_partner .title .p1 {
	font-size:.72rem
}
.index_contact {
	padding:1.2rem 0
}
.index_contact .title .p1 {
	font-size:.72rem
}
.index_contact .con .contact1 {
	padding:.5rem 5%
}
.index_contact .con .contact1 .tact {
	width:100%;
	margin-bottom:10px
}
.index_contact .con .message .mess_con .mess {
	width:100%;
	margin-right:0%;
	margin:20px auto 0
}
.contact {
	padding:1.2rem 0
}
.contact .title .p1 {
	font-size:.72rem
}
.contact .con .ntact {
	padding:.5rem 5%
}
.contact .con .ntact .tact {
	width:100%;
	margin-bottom:10px
}
.contact .con .message .mess_con .mess {
	width:100%;
	margin-right:0%;
	margin:20px auto 0
}
.about .company {
	margin:1rem auto
}
.about .company .p1 {
	font-size:.72rem
}
.about .company .p2 {
	font-size:18px;
	margin:.2rem auto
}
.about .history {
	height:530px
}
.about .history .ptit {
	font-size:24px;
	margin:.6rem auto
}
.about .history .gallery-top .p1 {
	font-size:20px;
	width:2.4rem;
	height:2.4rem;
	margin:1rem auto;
	line-height:2.4rem
}
.about .history .gallery-top .p2 {
	width:95%
}
.brand .brand1 {
	margin:1rem auto
}
.brand .brand1 .p1 {
	font-size:.72rem;
	line-height:.72rem
}
.brand .brand1 .p2 {
	margin:0 auto .5rem
}
.brand .brand2 {
	margin-bottom:1rem
}
.brand .brand2 .text .p1 {
	font-size:20px
}
.brand .brand2 .text .brand_line {
	margin:.3rem 0 .4rem
}
.info .title {
	margin-top:.5rem
}
.info .title .p1 {
	font-size:.72rem;
	line-height:1rem
}
.info .title .p2 {
	margin:0 auto .5rem
}
.info .con {
	width:100%
}
.info .con .info_a {
	width:100%;
	margin-right:0;
	margin-bottom:.5rem
}
.info .con .info_a .text .p1 {
	margin:.5rem auto
}
.info .con .info_a .text .time {
	margin-top:.2rem
}
.info .info_more {
	width:120px;
	margin:1rem auto
}
.products .pro_nav {
	line-height:2.6rem
}
.products .pro_nav .p1 {
	font-size:.72rem
}
.products .con .pro_a .img_bg .p1 {
	font-size:12px;
	line-height:26px;
	
}
.products .con .pro_a .img_bg img {
	display:none
}
.products .pro_more {
	width:120px;
	margin:1rem auto
}
.products_detail .detail .con_img {
	margin:.8rem 0
}
.products_detail .detail .text {
	margin:.8rem 0
}
.products_detail .detail_text1 {
	margin:.6rem auto
}
.products_detail .detail_text1 .anniu {
	margin-bottom:1rem
}
.products_detail .detail_text1 .p1 {
	margin-bottom:.6rem
}
.products_detail .detail_text1 .weilian {
	margin:.6rem 0
}
}.pagination-wrapper {
	margin:20px 0
}
.pagination {
	height:34px;
	text-align:center
}
.pagination li {
	display:inline-block;
	height:34px;
	margin-right:5px
}
.pagination li a {
	float:left;
	display:block;
	height:32px;
	line-height:32px;
	padding:0 12px;
	font-size:16px;
	border:1px solid #ddd;
	color:#555;
	text-decoration:none
}
.pagination li a:hover {
	background:#f5f5f5;
	color:#09f
}
.pagination li.thisclass {
	background:#09f;
	color:#fff
}
.pagination li.thisclass a,.pagination li.thisclass a:hover {
	background:0 0;
	border-color:#09f;
	color:#fff;
	cursor:default
}
.pagess {
	clear:both;
	margin:20px;
	overflow:hidden;
	margin-left:0;
	text-align:center;
	font-size:12px
}
.pagess ul li {
	display:inline-block;
	border:1px solid #ccc;
	padding:2px 9px;
	margin:0 3px;
	line-height:20px;
	background:#fff;
	color:#999
}
.pagess ul li:hover {
	background:#ccc;
	color:#fff;
	border:1px solid #ccc
}
.pagess ul li:hover a {
	color:#fff
}
.pagess ul li.thisclass {
	display:inline-block;
	border:1px solid #ccc;
	padding:2px 9px;
	margin:0 3px;
	background:#ccc;
	color:#fff
}
.pagess ul li.thisclass a {
	color:#fff
}
.pagess ul li a {
	display:block;
	color:#999
}
.pagess ul li a:hover {
	color:#fff
}
#tj {
	width:100%;
	height:60px;
	line-height:60px;
	color:#fff;
	background:#333;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
	border:0
}
.footer_bottom p{
	text-align:center;
	color:#ccc;
	
	line-height:50px;
}
@media (max-width: 760px){
	.footer_bottom p {
		display:none;
	}
}
@media (max-width: 760px){
	#footer .footer_bottom .copyright {
    margin: 20px auto 10px;
    font-size: 12px;
    line-height:30px;
	margin-bottom:40px;
    color: #ccc;
}
}


#toolbar2 {
    text-align: center!important;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    background: #363e3e;
    color: #fff;
    width: 100%;
}
.text-center {
    text-align: center!important;
}

.text-center {
    text-align: center;
}
#toolbar2{text-align: center!important;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    background: #363e3e;
    color: #fff;    width: 100%;}
#toolbar2 .col-xs-3{padding:10px 0;
position: relative;
    float: left;
	left:12px;
	}
#toolbar2 .col-xs-3 a{color: #fff;}
.col-xs-3 {
    width: 25%;
} 
#toolbar2 span {
    margin-left: -25px;
    margin-top: -2px;
    position: absolute;
}
@media (min-width: 760px){
	#toolbar2 {
		display:none;
	}
}
@media (max-width: 760px){
	.info_detail .news_detail {
    background: #fff;
    margin-bottom:0px;
}
}
@media (max-width: 760px){
	.info_detail .news_detail .text_left .anniu .anniu_p {
    font-size: 14px;
    color: #666;
    margin: 0 auto 25px;
    overflow: hidden;
    width: 100%;
    height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #ccc;
}
}
img{ max-width: 100%;}
.ditu img{ max-width: none;}
.products .pro_nav .pro_a.ziti a{text-align:center;    padding-bottom: 20px;  font-size:16px;}
.ziti{text-align: center; padding-bottom: 20px;}
.index_ditu{
		display: flex;
    justify-content: space-evenly;
	}
	.index_ditu .fl {
		    display: flex;
    align-items: center;
	}.index_ditu .fl .img{
		    margin-right:25px;
	}
@media (max-width: 760px){

.footer_top ,.index_ditu{
	display:none;
	}
	}