@media only screen and (max-width:641px){
@charset "utf-8";

/*首页*/
.header{ display:none;}

.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:12px; color:#FFF; line-height:20px;}
.footer1 a{ color:#FFF;}
.footer1 a:hover{ text-decoration:underline;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF; position:fixed; top:0; left:0; z-index:9999999999999;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:7px 0 3px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:40px; margin-left:3%; width:auto;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF; text-align:left;}
.mobile_nav_in>li{ float:left; width:100%; min-height:50px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:92%; padding:0 4%; height:50px; line-height:50px; color:#313131; font-size:14px; font-weight:bold;}
.mobile_nav_in>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.png) no-repeat; margin-top:22.5px;}
.mobile_nav_in1{ float:left; width:100%; border:none; height:50px; outline:none; font-size:14px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:50px; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; margin-left:4%; width:96%; min-height:50px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:95.8%; padding:0 4.2% 0 0; height:50px; line-height:50px; color:#313131; font-size:14px;}
.mobile_nav_step2>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.png) no-repeat; margin-top:22.5px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; margin-left:4%; width:96%; min-height:50px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:95.8%; padding:0 4.2% 0 0; height:50px; line-height:50px; color:#313131; font-size:14px;}
.mobile_nav_step4>li>a>span{ float:right; width:10px; height:5px; background:url(../images/header7.png) no-repeat; margin-top:22.5px;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:9px;}
.header_mobile1 .span1{ display:block; height:3px; background:#000; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#000; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#000; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.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:auto 100%;}
.section2_1{ margin:0 auto; width:100%; 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:100%; height:auto; margin:0 auto;}
.section2_2{ width:100%; 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:auto 100%;}
.section3_1{ width:100%; 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 30px;}
.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 30px;}
.picMarquee-left .bd{ width:calc(100% - 100px); 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:auto 100%;}
.section4_1{ width:94%; margin:-30px auto 0 auto; overflow:hidden;}
.section4_left{ float:left; position:relative; width:calc(100% - 20px); background-color: rgba(0, 0, 0, 0.5); padding:10px 10px; left:-100%;}
.section4_right{ float:right; position:relative; width:calc(100% - 20px); background-color: rgba(0, 0, 0, 0.5); padding:10px 10px; right:-100%;}
.section4_2{ float:left; width:100%; font-size:16px; color:#ffc438; line-height:26px; text-align:left;}
.section4_3{ float:left; display:block; width:100%; overflow:hidden; margin-top:10px; display:none;}
.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:24px; margin-top:5px; background:url(../images/JT.png) 10px center no-repeat;}
.section4_8 li a{ float:left; color:#FFF; font-size:14px; 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:12px;}

.section5{ background:url(../images/bg5.jpg) center center no-repeat; background-size:auto 100%;}
.section5_1{ margin:0 auto; width:100%; 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:100%; height:auto; margin:0 auto;}
.section5_2{ width:100%; margin:0 auto; font-size:15px; color:#FFF; font-weight:bold; line-height:25px;}

.section6{ background:url(../images/bg6.jpg) center center no-repeat; background-size:auto 100%;}
.section6_1{ width:94%; margin:0 auto; overflow:hidden;}
.section6_left{ float:left; position:relative; width:calc(100% - 20px); background-color: rgba(0, 0, 0, 0.5); padding:10px 10px 50px 10px; left:-100%;}
.section6_2{ float:left; width:100%; font-size:16px; color:#ffc438; line-height:26px; 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:16px; color:#808080; font-weight:normal; line-height:26px;}
.section6_5{ float:left; width:100%; overflow:hidden; font-size:13px; 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%; display:none;}
.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;}

.swiper-container3 {
  margin:55px auto 0 auto;
  width: 100%;
  height: auto;
  position:relative;
  overflow:hidden;
}
.swiper-container3 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
}

.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:20px;}
.position3{ float:left; text-align:left; display:table; color:#595959;}
.position3_1{ float:left; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:28px;}
.position3_2{ float:left; clear:both; font-size:16px; font-family:"微软雅黑"; font-weight:bold; line-height:26px;}

.neiye_nav{ float:left; display:table; margin-top:20px; width:100%;}
.neiye_nav li{ float:left; margin-left:0; width:calc(33.33% - 2px); margin-right:2px; margin-top:2px;}
.neiye_nav li a{ display:block; width:100%; height:40px; line-height:40px; background:#333; font-size:14px; color:#FFF;}
.neiye_nav li a:hover{ background:#666;}

.about{ width:94%; margin:0 auto; overflow:hidden; padding:10px 0 0 0;}
.about_title{ width:100%; overflow:hidden; color:#262626; font-size:16px; line-height:26px; border-bottom:1px solid #e4e4e4; padding:15px 0;}
.about_content{ width:100%; overflow:hidden; padding:20px 0; text-align:left; font-size:14px; color:#595959; line-height:24px;}
.about_content img{ max-width:100%;}

.table1{ width:100%;}
.table1 tr td{ padding:10px 10px;}
.table1 tr td img{ max-width:100%;}

.contact{ width:94%; margin:0 auto; overflow:hidden; padding:20px 0 30px 0;}
.contact_l{ float:left; width:100%; padding-right:0; overflow:hidden; text-align:left; line-height:30px;}
.contact_l1{ float:left; width:100%; font-size:14px; color:#696969; font-weight:bold;}
.contact_l2{ float:left; width:100%; font-size:14px; color:#696969; margin-top:10px;}
.contact_l2 a{ color:#696969;}
.contact_r{ float:right; width:calc(100% - 40px); padding:20px; overflow:hidden; background:#f8f8f8; margin-top:20px;}
.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% - 25px); 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% - 25px); 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:100%; overflow:hidden; margin:20px 0 0 0;}
.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:20px;}

#preview{ float:left; text-align:center; width:480px; display:none;}

.proIn_r{ float:right; width:100%; padding-left:0; overflow:hidden; text-align:left; margin-top:10px;}
.proIn_r1{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#292929; line-height:30px; border-bottom:1px solid #e8e8e8; padding-bottom:10px;}
.proIn_r2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#666; line-height:24px; padding:15px 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:14px; line-height:24px; color:#666;}

.pageIn{ float:left; width:100%; overflow:hidden; clear:both; padding:30px 0; margin-top:0; 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:block;
  margin:0 auto;
  width: 100%;
  height: auto;
  position:relative;
  overflow:hidden;
}
.swiper-container4 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
}
.swiper-container4 .swiper-slide img{ display:block; width:100%;}
.swiper-pagination4{ font-size:13px; background:#777; color:#FFF; width:40px; height:40px; line-height:40px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:absolute; left:auto!important; bottom:3%; right:3%; z-index:10;}

.news{ width:94%; margin:20px auto 0 auto; overflow:hidden;}
.news1{ width:100%; overflow:hidden;}
.news1 li{ float:left; margin-left:0; margin-right:0; margin-top:12px; width:100%; background:#f5f5f5; padding:20px 0;}
.news1 li:nth-child(2n){ margin-right:0;}
.news2{ float:left; display:block; width:40%; height:auto; margin-left:20px;}
.news3{ float:left; width:calc(60% - 60px); overflow:hidden; margin-left:20px; text-align:left;}
.news4{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:24px; color:#262626; white-space:nowrap; text-overflow:ellipsis; margin-top:0px;}
.news4:hover{ color:#1890ff;}
.news5{ float:left; width:100%; overflow:hidden; font-size:13px; line-height:23px; color:#8c8c8c; margin-top:3px; height:48px;}
.news6{ float:left; width:100%; overflow:hidden; font-size:12px; line-height:22px; color:#8c8c8c; margin-top:5px;}

.newsIn{ width:100%; overflow:hidden; padding:20px 0; text-align:left; font-size:14px; color:#595959; line-height:24px; 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: auto;
	position:relative;
	overflow:hidden;
}
.gallery-top .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
}
.gallery-top1{ width:100%; height:auto;
	/* 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 {
	display:none;
	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;}

}