@media screen and (min-width:641px) and (max-width:1025px){
@charset "utf-8";	

/*首页*/
.header{ width:100%; height:90px; background:#FFF; position:fixed; left:0; top:0; z-index:10000; display:block;}
.header_in{ width:94%; height:90px; margin:0 auto;}
.logo{ display:block; float:left; width:200px;}
.nav{ float:right; width:calc(100% - 220px); height:90px; margin-right:0;}
.nav>li{ float:left; width:calc(14.28% - 1px); margin-left:1px; position:relative;}
.nav>li>a{ display:block; width:100%; height:90px; line-height:90px; font-size:15px; font-weight:bold; color:#000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav>li:hover>a{ background:#2e3037; color:#FFF;}
.nav>li>.a_on{ background:#2e3037; color:#FFF;}
.nav1{ position:absolute; top:90px; left:50%; width:140px; margin-left:-70px; -webkit-box-shadow:0px 3px 10px #eee; -moz-box-shadow:0px 3px 10px #eee; box-shadow:0px 3px 10px #eee; display:none;}
.nav1>li{ width:100%; height:40px; background:#FFF; border-bottom:2px solid #f3f3f3;}
.nav1>li>a{ display:block; width:calc(100% - 20px); height:40px; line-height:40px; padding:0 10px; font-size:14px; color:#666; font-weight:bold; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav1>li>a:hover{ background:#ffa500; color:#FFF;}
.nav>li:hover .nav1{ display:block;}

.footer{ position:fixed; bottom:0; left:0; z-index:10000; width:100%; height:113px; background:#000;}
.footer1{ width:94%; margin:10px auto 0 auto; font-size:14px; color:#FFF; line-height:24px;}
.footer1 a{ color:#FFF;}
.footer1 a:hover{ text-decoration:underline;}

.mobile_bg{ display:none;}

.section1{}
.swiper-container1 {
  width: 100%;
  height: 100vh;
  position:relative;
  overflow:hidden;
}
.swiper-container1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container1 .swiper-slide img{ display:block; width:100%;}
.swiper-button-next1{ position:absolute; top:50%; margin-top:-19px; right:20px; width:38px; height:38px; cursor:pointer; background:url(../images/banner_r.png) center center no-repeat rgba(91, 112, 136,0.5); background-size:auto 15px; z-index:10; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; cursor:pointer;}
.swiper-button-prev1{ position:absolute; top:50%; margin-top:-19px; left:20px; width:38px; height:38px; cursor:pointer; background:url(../images/banner_l.png) center center no-repeat rgba(91, 112, 136,0.5); background-size:auto 15px; z-index:10; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; cursor:pointer;}

.section2{ background:url(../images/bg2.jpg) center center no-repeat; background-size:cover;}
.section2_1{ margin:0 auto; width:800px; height:276px; overflow:hidden;}
.section2_1 li{ float:left; width:33.33%; top:100%; position:relative;}
.section2_1 li a{}
.section2_1 li a img{ display:block; width:200px; height:200px; margin:0 auto;}
.section2_2{ width:250px; margin:0 auto; font-size:15px; color:#FFF; font-weight:bold; line-height:25px;}

.section3{ background:url(../images/bg3.jpg) center center no-repeat; background-size:cover;}
.section3_1{ width:900px; overflow:hidden; position:relative; margin:0 auto;}
.section3_2{ width:100%; overflow:hidden; position:relative; margin:0 auto; top:381px;}
/* 滚动css */
.picMarquee-left{ width:100%; overflow:hidden; position:relative;}
.picMarquee-left .prev{ position:absolute; top:50%; right:0; z-index:100; display:block; width:50px; height:50px; margin-top:-25px; overflow:hidden; cursor:pointer; background:url(../images/banner_r.png) center center no-repeat; background-size:auto 45px;}
.picMarquee-left .next{ position:absolute; top:50%; left:0; z-index:100; display:block; width:50px; height:50px; margin-top:-25px; overflow:hidden; cursor:pointer; background:url(../images/banner_l.png) center center no-repeat; background-size:auto 45px;}
.picMarquee-left .bd{ width:calc(100% - 140px); overflow:hidden; margin:0 auto;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:180px; margin-right:50px;}
.picMarquee-left .bd ul li a{ display:block; overflow:hidden;}
.picMarquee-left .bd ul li a .pic{ float:left; width:180px; height:auto; display:block;}
.picMarquee-left .bd ul li a .title{ float:left; width:180px; height:25px; font-size:15px; color:#FFF; line-height:26px; margin-top:15px; text-align:left;}

.section4{ background:url(../images/bg4.jpg) center center no-repeat; background-size:cover;}
.section4_1{ width:94%; margin:0 auto; overflow:hidden;}
.section4_left{ float:left; position:relative; width:calc(50% - 40px); background-color: rgba(0, 0, 0, 0.5); padding:20px; left:-100%;}
.section4_right{ float:right; position:relative; width:calc(50% - 40px); background-color: rgba(0, 0, 0, 0.5); padding:20px; right:-100%;}
.section4_2{ float:left; width:100%; font-size:18px; color:#ffc438; line-height:28px; text-align:left;}
.section4_3{ float:left; display:block; width:100%; overflow:hidden; margin-top:10px;}
.section4_4{ float:left; display:block; width:168px; height:127px;}
.section4_5{ float:left; width:calc(100% - 198px); margin-left:30px; text-align:left;}
.section4_6{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#FFF; line-height:26px;}
.section4_7{ float:left; width:100%; overflow:hidden; font-size:14px; color:#FFF; line-height:24px; height:96px; margin-top:5px;}
.section4_8{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.section4_8 li{ float:left; width:100%; overflow:hidden; line-height:26px; margin-top:8px; background:url(../images/JT.png) 10px center no-repeat;}
.section4_8 li a{ float:left; color:#FFF; font-size:15px; margin-left:30px; display:block; max-width:calc(100% - 120px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.section4_8 li span{ float:right; color:#FFF; font-size:14px;}

.section5{ background:url(../images/bg5.jpg) center center no-repeat; background-size:cover;}
.section5_1{ margin:0 auto; width:800px; height:276px; overflow:hidden;}
.section5_1 li{ float:left; width:33.33%; top:100%; position:relative;}
.section5_1 li a{}
.section5_1 li a img{ display:block; width:200px; height:200px; margin:0 auto;}
.section5_2{ width:250px; margin:0 auto; font-size:15px; color:#FFF; font-weight:bold; line-height:26px;}

.section6{ background:url(../images/bg6.jpg) center center no-repeat; background-size:cover;}
.section6_1{ width:94%; margin:0 auto; overflow:hidden;}
.section6_left{ float:left; position:relative; width:calc(50% - 40px); background-color: rgba(0, 0, 0, 0.5); padding:20px 20px 50px 20px; left:-100%;}
.section6_2{ float:left; width:100%; font-size:18px; color:#ffc438; line-height:28px; text-align:left;}
.section6_3{ float:left; width:100%; overflow:hidden; text-align:left; margin-top:20px;}
.section6_4{ float:left; width:100%; overflow:hidden; font-size:18px; color:#808080; font-weight:bold; line-height:28px;}
.section6_5{ float:left; width:100%; overflow:hidden; font-size:14px; color:#808080; line-height:24px; margin-top:20px;}
.section6_5 a{ color:#808080;}
.section6_right{ float:right; position:relative; width:calc(50% - 40px); background-color: rgba(0, 0, 0, 0.5); padding:20px 20px 50px 20px; right:-100%;}
.section6_right .span1{ float:left; text-align:right; display:block; width:120px; height:30px; line-height:30px; font-size:16px; color:#FFF;}
.section6_right .span1 b{ font-weight:normal; color:#F00;}
.section6_right .textarea1{ float:left; width:calc(100% - 180px); height:92px; padding:6px; background:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; outline:none; color:#999; font-size:14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; border:1px solid #999;}
.section6_right .input1{ float:left; width:calc(100% - 180px); height:28px; line-height:28px; padding:0 6px; background:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; outline:none; color:#999; font-size:14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; border:1px solid #999;}
.section6_right .input2{ float:left; width:100px; height:28px; line-height:28px; padding:0 6px; background:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; outline:none; color:#999; font-size:14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; border:1px solid #999;}
.section6_right .button1{ float:left; width:54px; height:34px; border:0; background:#1890ff; color:#FFF; font-size:14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; outline:none;}
.section6_right .button1:hover{ background:#0076e4;}

.footer_on{ position:relative; height:auto; background:#303030;}
.footer_on .swiper-container2{ display:none;}
.footer_on .footer1{ margin-top:0; padding:28px 0; color:#D3D3D3;}
.footer_on .footer1 a{ color:#D3D3D3;}

.position{ width:94%; margin:0 auto; overflow:hidden;}
.position1{ width:100%; overflow:hidden; text-align:left; font-size:14px; color:#666; line-height:30px; border-bottom:1px solid #e4e4e4; margin-top:10px;}
.position1 a{ color:#65beba;}
.position1 a:hover{ text-decoration:underline;}
.position2{ width:100%; overflow:hidden; margin-top:30px;}
.position3{ float:left; text-align:left; display:table; color:#595959;}
.position3_1{ float:left; font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:41px;}
.position3_2{ float:left; clear:both; font-size:20px; font-family:"微软雅黑"; font-weight:bold; line-height:31px;}

.neiye_nav{ float:right; display:table; margin-top:20px;}
.neiye_nav li{ float:left; margin-left:15px;}
.neiye_nav li a{ display:block; width:110px; height:50px; line-height:50px; background:#333; font-size:15px; color:#FFF;}
.neiye_nav li a:hover{ background:#666;}

.about{ width:94%; margin:0 auto; overflow:hidden; padding:10px 0;}
.about_title{ width:100%; overflow:hidden; color:#262626; font-size:30px; line-height:40px; border-bottom:1px solid #e4e4e4; padding:20px 0;}
.about_content{ width:100%; overflow:hidden; padding:20px 0; text-align:left; font-size:15px; color:#595959; line-height:30px;}
.about_content img{ max-width:100%;}

.table1{ width:100%;}
.table1 tr td{ padding:10px 40px;}
.table1 tr td img{ max-width:100%;}

.contact{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}
.contact_l{ float:left; width:calc(50% - 20px); padding-right:20px; overflow:hidden; text-align:left; line-height:30px;}
.contact_l1{ float:left; width:100%; font-size:15px; color:#696969; font-weight:bold;}
.contact_l2{ float:left; width:100%; font-size:15px; color:#696969; margin-top:10px;}
.contact_l2 a{ color:#696969;}
.contact_r{ float:right; width:calc(50% - 40px); padding:20px; overflow:hidden; background:#f8f8f8;}
.contact_r .textarea2{ width:calc(100% - 20px); height:160px; border:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:10px; outline:none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; color:#666;}
.contact_r .input3{ float:left; border:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; height:40px; line-height:40px; padding:0 10px; outline:none; width:calc(50% - 40px); font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px;}
.contact_r .input3_1{ float:right;}
.contact_r .input4{ float:left; border:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; height:40px; line-height:40px; padding:0 10px; outline:none; width:calc(50% - 130px); font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px;}
.contact_r .button2{ float:left; width:100%; height:40px; background:#333; border:0; color:#FFF; font-size:14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; outline:none; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.pro{ width:94%; margin:0 auto; overflow:hidden;}
.pro1{ width:100%; overflow:hidden; margin-top:30px;}
.pro1 li{ float:left; width:calc(25% - 20px); overflow:hidden; margin:20px 10px 0 10px;}
.pro1 li:nth-child(4n){ margin-right:0;}
.pro1 li:nth-child(4n+1){ clear:left;}
.pro1 li img{ display:block; width:90%; margin:0 auto;}
.pro2{ width:90%; margin:10px auto; font-size:15px; line-height:26px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.page{ width:100%; overflow:hidden; padding:30px 0; font-size:14px;}
.page span{ display:inline-block; margin:10px 2px 0 2px; width:28px; height:28px; line-height:28px; border:1px solid #c8c8c8; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#595959;}
.page a{ display:inline-block; margin:10px 2px 0 2px; width:28px; height:28px; line-height:28px; border:1px solid #c8c8c8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#595959;}
.page a:hover{ background:#1890ff; color:#FFF; border:1px solid #1890ff;}

.proIn{ width:94%; margin:0 auto; overflow:hidden; padding-top:40px;}

#preview{ float:left; text-align:center; width:480px;}
#spec-n5{width:480px; height:102px; overflow:hidden; padding-top:20px;}
#spec-left{ width:33px; height:102px; float:left; cursor:pointer; background:url(../images/left.jpg) center center no-repeat;}
#spec-right{ width:33px; height:102px; float:right;cursor:pointer; background:url(../images/right.jpg) center center no-repeat;}
#spec-list{ position:relative; width:414px; float:left; overflow:hidden; display:inline;}
#spec-list ul li{ float:left; margin-right:0; display:inline; width:138px;}
#spec-list ul li img{ border:1px solid #FFF !important; width:123px; height:96px; padding:2px !important;}
#spec-list ul li img:hover{ padding:1px !important; border:2px solid #69c0bc !important;}
#spec-list ul li.on img{ padding:1px !important; border:2px solid #ff0000 !important;}{}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.jqzoom-img{ width:480px; height:320px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px; border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:750px;height:500px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.hits{ float:left; margin-top:15px; background:url(../images/hits.jpg) 36px center no-repeat; text-align:left; font-size:14px; line-height:24px; color:#595959; padding-left:55px;}

.proIn_r{ float:right; width:calc(100% - 500px); padding-left:20px; overflow:hidden; text-align:left;}
.proIn_r1{ float:left; width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#292929; line-height:30px; border-bottom:1px solid #e8e8e8; padding-bottom:20px;}
.proIn_r2{ float:left; width:100%; overflow:hidden; font-size:15px; color:#666; line-height:30px; padding:20px 0;}

.proIn_b{ float:left; width:100%; overflow:hidden; clear:both; text-align:left; margin-top:20px;}
.proIn_b1{ float:left; width:100%; border-bottom:1px solid #e8e8e8; font-size:14px; color:#1890ff; line-height:24px;}
.proIn_b1 span{ display:block; width:106px; height:43px; text-align:center; border-bottom:2px solid #1890ff;}
.proIn_b2{ float:left; width:calc(100% - 40px); overflow:hidden; background:#fafafa; padding:30px 20px; font-size:15px; line-height:30px; color:#666;}

.pageIn{ float:left; width:100%; overflow:hidden; clear:both; padding:30px 0; margin-top:10px; font-size:14px;}
.pageIn a{ color:#595959;}
.pageIn a:hover{ color:#1890ff;}
.pageIn1{ float:left; width:50%; overflow:hidden; text-align:left; color:#595959;}
.pageIn2{ float:right; width:50%; overflow:hidden; text-align:right; color:#595959;}

.swiper-container4{ display:none;}

.news{ width:94%; margin:30px auto 0 auto; overflow:hidden;}
.news1{ width:100%; overflow:hidden;}
.news1 li{ float:left; margin-left:0; margin-right:20px; margin-top:20px; width:calc(50% - 10px); background:#f5f5f5; padding:20px 0;}
.news1 li:nth-child(2n){ margin-right:0;}
.news2{ float:left; display:block; width:180px; height:117px; margin-left:20px;}
.news3{ float:left; width:calc(100% - 240px); overflow:hidden; margin-left:20px; text-align:left;}
.news4{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:28px; color:#262626; white-space:nowrap; text-overflow:ellipsis; margin-top:2px;}
.news4:hover{ color:#1890ff;}
.news5{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:24px; color:#8c8c8c; margin-top:5px; height:48px;}
.news6{ float:left; width:100%; overflow:hidden; font-size:12px; line-height:22px; color:#8c8c8c; margin-top:10px;}

.newsIn{ width:100%; overflow:hidden; padding:20px 0; text-align:left; font-size:15px; color:#595959; line-height:30px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin-top:20px;}
.newsIn img{ max-width:100%;}

.gallery-top {
	margin-top:20px;
	width: 100%;
	height: 480px;
	position:relative;
	overflow:hidden;
}
.gallery-top .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
}
.gallery-top1{ width:100%; height:480px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.gallery-top2{ display:block; margin:0 auto; max-width:100%;}
.gallery-top3{ position:absolute; bottom:0; left:0; width:100%; height:50px; line-height:50px; color:#FFF; font-size:15px; background:url(../images/newsIn_bg.png) repeat;}

.gallery-thumbs {
	padding:10px 0;
	width:100%;
	height: auto;
	box-sizing: border-box;
	overflow:hidden;
}
.gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.4;
	overflow:hidden;
}
.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}
.gallery-thumbs .swiper-slide img{ width:100%; height:auto;}
.swiper-button-next5{ width:36px; height:50px; background:url(../images/newsIn3.jpg) center center no-repeat; position:absolute; top:50%; right:0; z-index:100; margin-top:-25px; cursor:pointer;}
.swiper-button-prev5{ width:36px; height:50px; background:url(../images/newsIn2.jpg) center center no-repeat; position:absolute; top:50%; left:0; z-index:100; margin-top:-25px; cursor:pointer;}

}
