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

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

.swiper-container1 {
	margin: 0 auto 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.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-button-next1{ position:absolute; bottom:14px; left:50%; margin-left:80px; display:block; width:12px; height:17px; z-index:10; cursor:pointer; background:url(../images/banner_r.png) center center no-repeat; overflow:hidden;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; outline:none;}
.swiper-button-prev1{ position:absolute; bottom:14px; left:50%; margin-left:-92px; display:block; width:12px; height:17px; z-index:10; cursor:pointer; background:url(../images/banner_l.png) center center no-repeat; overflow:hidden;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; outline:none;}
.swiper-button-next1:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-prev1:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.index_banner{ width:100%; height:auto;}

.index_banner1{ display:none; position:relative; z-index:10;}
.banner_title{ position:absolute; left:5%; text-align:left; width:90%; margin-top:350px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.banner_title1{ font-size:28px; font-weight:bold; color:#FFF; line-height:38px;}
.banner_title2{ font-size:15px; color:#FFF; line-height:25px; margin-top:15px;}
.banner_title3{ display:block; width:100px; height:34px; border:1px solid #FFF; margin-top:30px; text-align:center; font-size:13px; color:#FFF; line-height:34px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner_title3:hover{ background:#FFF; color:#0b4da2;}

.jindutiao{ position:absolute; bottom:20px; left:50%; margin-left:-60px; width:120px; height:2px; z-index:9999; background:url(../images/banner_line.png) repeat;}
.jindutiao1{ width:0; height:2px; background:#ff8e00; position:absolute; top:0; left:0;}
.jindutiao2{ width:0; height:2px; background:#ff8e00; position:absolute; top:0; left:0;}
.animation6{ -webkit-transition: all 5s linear; -moz-transition: all 5s linear; -ms-transition: all 5s linear; -o-transition: all 5s linear; transition: all 5s linear; width:100% !important;}

.swiper-container1 .swiper-slide-active .banner_title{ margin-top:0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#000; position:relative; z-index:10;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:12px 0 8px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:30px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:14px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:15px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; 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; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:9px;}
.header_mobile1 .span1{ display:block; height:3px; background:#FFF; 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:#FFF; 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:#FFF; 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);
}

.index1{ width:94%; overflow:hidden; margin:0 auto; padding:30px 3% 30px 3%; background:url(../images/index1_2.png) center 50px no-repeat;}
.index1_1{ width:100%; height:auto; padding-bottom:30px; background:url(../images/index1_1.png) center center no-repeat; background-size:100% auto; margin:0 auto; overflow:hidden;}
.index1_1 img{ display:block; width:60%; height:auto; margin:30px auto 0 auto;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.index1_2{ width:100%; margin:10px auto 0 auto; font-size:14px; color:#333; line-height:26px;}

.index1_3{ width:100%; overflow:hidden; position:relative;}

.swiper-container2 {
	margin: 30px auto 0 auto;
	width: 90%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
  
	/* 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-container2 .swiper-slide a{ display:block; width:100%; overflow:hidden;}

.index1_4{ width:100%; overflow:hidden; height:105px;}
.index1_5{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#333; line-height:30px; margin-top:5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-container2 .swiper-slide a:hover .index1_5{ color:#ff8e00;}
.swiper-button-next2{ position:absolute; top:50%; margin-top:-12.5px; right:0; display:block; width:17px; height:25px; z-index:10; cursor:pointer; background:url(../images/index_pro_r.png) center center no-repeat; overflow:hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; outline:none;}
.swiper-button-prev2{ position:absolute; top:50%; margin-top:-12.5px; left:0; display:block; width:17px; height:25px; z-index:10; cursor:pointer; background:url(../images/index_pro_l.png) center center no-repeat; overflow:hidden;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; outline:none;}
.swiper-button-next2:hover{ background:url(../images/index_pro_r_on.png) center center no-repeat;}
.swiper-button-prev2:hover{ background:url(../images/index_pro_l_on.png) center center no-repeat;}

.index_pro_list{ width:100%; overflow:hidden; margin-top:10px;}
.index_pro_list li{ float:left; width:48.5%; overflow:hidden; margin-right:3%; margin-top:10px;}
.index_pro_list li:nth-child(3n){ margin-right:3%;}
.index_pro_list li:nth-child(3n+1){ clear:none;}
.index_pro_list li:nth-child(2n){ margin-right:0;}
.index_pro_list li:nth-child(2n+1){ clear:left;}
.index_pro_list li a{ display:block; width:100%; position:relative; overflow:hidden;}
.index_pro_list li a img{ display:block; width:100%; height:auto; position:relative; z-index:10; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index_pro_list1{ position:absolute; bottom:0; left:0; width:100%; height:35px; line-height:35px; z-index:1000; background:url(../images/index_pro_bg.png) repeat; color:#FFF; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index_pro_list2{ float:left; font-size:14px; background:url(../images/index_pro_bg4.png) 10px center no-repeat; padding:0 0 0 35px; width:calc(100% - 75px); text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index_pro_list2 span{ font-family:"宋体";}
.index_pro_list3{ float:right; font-family:"宋体"; font-size:14px; width:21px; height:21px; border:1px solid #ff8e00; background:#ff8e00; overflow:hidden; line-height:21px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-top:7px; margin-right:10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index_pro_list li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.index_pro_list li a:hover .index_pro_list1{ background:url(../images/index_pro_bg1.png) repeat;}
.index_pro_list li a:hover .index_pro_list2{ background:url(../images/index_pro_bg3.png) 10px center no-repeat;}
.index_pro_list li a:hover .index_pro_list3{ border:1px solid #ffdcb1;}

.links{ width:100%; overflow:hidden; background:#ebecee; padding:20px 0;}

.swiper-container3 {
	margin: 0 auto;
	width: 94%;
	padding: 0 1px;
	height: auto;
	overflow: hidden;
	position: relative;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
  
	/* 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-container3 .swiper-slide a{ display:block; width:100%; overflow:hidden;}
.swiper-container3 .swiper-slide a img{ display:block; width:calc(100% - 4px); border:1px solid #d0d3d8;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}

.footer{ width:100%; border-top:6px solid #ff8e00; background:#272b2e;}
.footer_top{ width:94%; margin:0 auto; overflow:hidden; border-bottom:1px solid #626262; padding:25px 0 15px 0;}
.footer_top1{ display:block; height:35px; float:left;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.footer_top2{ float:left; overflow:hidden; text-align:left; clear:left;}
.footer_top3{ float:left; font-size:14px; color:#d9d9db; background:url(../images/tel.png) left center no-repeat; padding-left:22px; line-height:24px; margin-top:20px;}
.footer_top4{ float:left; clear:both; font-size:16px; font-family:"Arial"; font-weight:bold; color:#ff8e00; line-height:28px;}
.footer_mid{ width:94%; margin:0 auto; overflow:hidden; border-bottom:1px solid #626262; padding:20px 0; display:none;}
.footer_mid1{ float:left; overflow:hidden; width:180px; padding-right:20px;}
.footer_mid1:last-child{ float:right; width:420px; padding-right:0;}
.footer_mid1_1{ float:left; font-size:16px; color:#FFF; font-weight:bold; background:url(../images/footer1.png) right center no-repeat; padding-right:18px;}
.footer_mid1_2{ float:left; clear:both; text-align:left; margin-top:40px;}
.footer_mid1_2 li{ float:left; clear:both;}
.footer_mid1_2 li a{ font-size:15px; color:#d9d9db; line-height:26px; padding:2px 0;}
.footer_mid1_2 li a:hover{ text-decoration:underline;}
.footer_mid1_3{ float:left; overflow:hidden; width:126px; height:125px; background:url(../images/chat_bg.png) center center no-repeat; clear:left; margin-top:40px;}
.footer_mid1_3 img{ display:block; width:113px; height:113px; margin:6px 0 0 6px;}
.footer_mid1_4{ float:left; overflow:hidden; text-align:left; font-size:15px; color:#d9d9db; margin-top:40px; margin-left:25px; line-height:30px; max-width:260px;}
.footer_bot{ width:94%; margin:0 auto; overflow:hidden; color:#999999; font-size:12px; line-height:24px; padding:10px 0;}
.footer_bot a{ color:#999999;}
.footer_bot a:hover{ text-decoration:underline;}
.footer_bot1{ float:none; display:inline;}
.footer_bot2{ float:none; display:inline;}

.piaofu{ display:none;}

.banner{ width:100%; height:auto; overflow:hidden; background-size:0 !important; margin:0 auto 0 auto;}
.banner1{ display:block; width:100%; min-height:100px;}
.in_nav{ display:none;}

.about1{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}
.about1_1{ width:100%; overflow:hidden;}
.about1_2{ float:left; overflow:hidden; width:100%;}
.about_title{ float:left; font-size:16px; font-weight:bold; color:#000; position:relative; line-height:16px; min-height:16px; width:100%; text-align:left; padding-bottom:18px;}
.about_title:after{ width:33px; height:2px; background:#ff8e00; position:absolute; left:0; bottom:0; content:"";}
.about1_3{ float:left; width:100%; overflow:hidden; text-align:left; font-size:14px; color:#333; line-height:26px; margin-top:20px;}
.about1_4{ float:right; overflow:hidden; width:100%; padding-top:20px;}
.about1_4 video{ display:block; width:100% !important; height:auto !important; cursor:pointer;}
.about1_5{ width:100%; overflow:hidden;}
.about1_6{ width:100%; overflow:hidden;}
.about1_6 li{ float:left; margin-top:20px; width:calc(50% - 1px); border-right:1px solid #dddddd;}
.about1_6 li:last-child{ border-right:0;}
.about1_6 li:nth-child(2){ border-right:0;}
.about1_7{ font-size:28px; font-weight:bold; color:#f39800;}
.about1_7 span{ font-size:12px; font-weight:normal; color:#333;}
.about1_8{ font-size:14px; font-weight:bold; color:#333; line-height:38px;}

.about2{ width:100%; overflow:hidden; background:url(../images/about3.jpg) center center no-repeat; background-size:cover;}
.about2 .about_title{ color:#FFF;}
.about2 .about_title:after{ background:#FFF;}
.about2_in{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0 30px 0;}
.about2_1{ width:100%; overflow:hidden; text-align:left; font-size:14px; color:#FFF; line-height:26px; padding-top:20px;}
.about2_1 img{ display:block; max-width:100%; margin:0 auto;}

.about3{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0 30px 0;}
.about3_1{ float:left; width:100%; overflow:hidden;}
.about3_2{ width:100%; overflow:hidden; font-size:14px; color:#333; line-height:26px; text-align:left; padding-top:20px;}
.about3_3{ float:right; width:100%; display:block; margin-left:0; margin-bottom:10px;}

.culture{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0 30px 0;}
.culture .about_title{ text-align:center;}
.culture .about_title:after{ width:33px; left:50%; margin-left:-16.5px;}
.culture1{ width:100%; overflow:hidden; font-size:14px; line-height:26px; color:#333; padding-top:20px; text-align:left;}
.culture1 img{ display:block; margin:0 auto; max-width:100%;}

/*荣誉证书*/
.honor{ width:100%; margin:0 auto; overflow:hidden; padding:30px 0 0 0;}
.honor .about_title{ text-align:center;}
.honor .about_title:after{ width:33px; left:50%; margin-left:-16.5px;}
.honor3{ width:100%; margin:0 auto; overflow:hidden; background:none; background-size:100% auto; padding:0 0;}
.honor3 li{ float:left; width:45.5%; height:auto; background:url(../images/honor4.jpg) center 30px no-repeat; background-size:100% auto; margin:0 0 0 3%; overflow:hidden; padding-bottom:0;}
.honor3_1{ float:left; margin-top:calc(30px + 1.2vw); margin-left:1.2vw; display:block; overflow:hidden; outline:none;}
.honor3_1 img{ display:block; width:calc(100% - 1.2vw); height:auto;}
.honor3_2{ float:left; width:90%; padding:0 5%; text-align:center; font-size:14px; color:#666666; margin-top:1.2vw; height:9vw; line-height:9vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.page{ width:100%; margin:0 auto; overflow:hidden; padding:20px 0 30px 0;}
.page span{ display:inline-block; height:28px; line-height:28px; border:1px solid #c8c8c8; padding:0 10px; font-size:14px; color:#999999; cursor:pointer; margin:10px 1px 0 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a{ display:inline-block; height:28px; line-height:28px; border:1px solid #c8c8c8; padding:0 10px; font-size:14px; color:#999999; cursor:pointer; margin:10px 1px 0 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span:hover{ background:#bb9205; color:#FFF; border:1px solid #bb9205;}
.page a:hover{ background:#bb9205; color:#FFF; border:1px solid #bb9205;}

.pro{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0 0 0;}
.pro .about_title{ text-align:center;}
.pro .about_title:after{ width:33px; left:50%; margin-left:-16.5px;}

.pro1{ width:100%; overflow:hidden; padding-top:10px;}
.pro1 li{ float:left; width:48.5%; overflow:hidden; margin-right:3%; margin-top:10px;}
.pro1 li:nth-child(3n){ margin-right:3%;}
.pro1 li:nth-child(3n+1){ clear:none;}
.pro1 li:nth-child(2n){ margin-right:0;}
.pro1 li:nth-child(2n+1){ clear:left;}
.pro1 li a{ display:block; width:100%;}
.pro2{ width:100%; overflow:hidden;}
.pro2 img{ display:block; width:100%; height:auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.pro3{ width:100%; overflow:hidden; background:#333333; height:35px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.pro3 span{ float:right; display:block; width:21px; height:21px; line-height:21px; color:#FFF; font-family:"宋体"; font-size:14px; border:1px solid #ff8e00; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#ff8e00; margin-right:10px; margin-top:7px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.pro4{ float:left; color:#FFF; font-size:14px; line-height:35px; margin-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:calc(100% - 50px); text-align:left;}
.pro1 li a:hover .pro2 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.pro1 li a:hover .pro3{ background:#ff8e00;}
.pro1 li a:hover .pro3 span{ border:1px solid #FFF;}

.index_pro_list{ width:100%; overflow:hidden; margin-top:10px;}
.index_pro_list li{ float:left; width:48.5%; overflow:hidden; margin-right:3%; margin-top:10px;}
.index_pro_list li:nth-child(3n){ margin-right:3%;}
.index_pro_list li:nth-child(3n+1){ clear:none;}
.index_pro_list li:nth-child(2n){ margin-right:0;}
.index_pro_list li:nth-child(2n+1){ clear:left;}
.index_pro_list li a{ display:block; width:100%; position:relative; overflow:hidden;}
.index_pro_list li a img{ display:block; width:100%; height:auto; position:relative; z-index:10; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index_pro_list1{ position:absolute; bottom:0; left:0; width:100%; height:35px; line-height:35px; z-index:1000; background:url(../images/index_pro_bg.png) repeat; color:#FFF; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index_pro_list2{ float:left; font-size:14px; background:url(../images/index_pro_bg4.png) 10px center no-repeat; padding:0 0 0 35px; width:calc(100% - 75px); text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index_pro_list2 span{ font-family:"宋体";}
.index_pro_list3{ float:right; font-family:"宋体"; font-size:14px; width:21px; height:21px; border:1px solid #ff8e00; background:#ff8e00; overflow:hidden; line-height:21px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-top:7px; margin-right:10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index_pro_list li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.index_pro_list li a:hover .index_pro_list1{ background:url(../images/index_pro_bg1.png) repeat;}
.index_pro_list li a:hover .index_pro_list2{ background:url(../images/index_pro_bg3.png) 10px center no-repeat;}
.index_pro_list li a:hover .index_pro_list3{ border:1px solid #ffdcb1;}

.proIn1{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0 30px 0;}
.proIn1_left{ float:left; width:100%; overflow:hidden;}
.gallery-top{ width:100%; overflow:hidden; height:auto;}
.gallery-top .swiper-slide img{ display:block; width:100%; height:auto;}
.proIn1_left1{ float:left; width:100%; overflow:hidden; margin-top:20px; position:relative;}
.gallery-thumbs { float:left; margin-left:25px; width:calc(100% - 54px); padding:0 2px; height: auto; box-sizing: border-box; overflow:hidden;}
.gallery-thumbs .swiper-slide { height: auto;}
.gallery-thumbs .swiper-slide img{ width:calc(100% - 2px); height:auto; border:1px solid #e8e8e8; max-width:100%; display:block; cursor:pointer;}
.gallery-thumbs .swiper-slide-thumb-active img { border:1px solid #ff9e23;}
.swiper-button-next5{ position:absolute; top:0; right:0; width:25px; height:100%; background:url(../images/index_pro_r.png) right center no-repeat; background-size:auto 20px; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-button-prev5{ position:absolute; top:0; left:0; width:25px; height:100%; background:url(../images/index_pro_l.png) left center no-repeat; background-size:auto 20px; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.swiper-button-next5:hover{ background:url(../images/index_pro_r_on.png) right center no-repeat; background-size:auto 20px;}
.swiper-button-prev5:hover{ background:url(../images/index_pro_l_on.png) left center no-repeat; background-size:auto 20px;}

.proIn1_r{ float:right; width:100%; overflow:hidden; text-align:left; margin-top:20px;}
.proIn1_r1{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#333;}
.proIn1_r2{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:30px; color:#888888; padding:0 0 10px 0;}
.proIn1_r3{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:24px; color:#666666; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:20px 0;}
.proIn1_r4{ float:left; display:block; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF; background:url(../images/proIn3.png) 12px center no-repeat #ff8e00; padding:0 15px 0 40px; margin-top:20px;}
.proIn1_r5{ float:left; display:block; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF; background:url(../images/proIn4.png) 12px center no-repeat #ff8e00; padding:0 15px 0 40px; margin-left:20px; margin-top:20px;}

.proIn2{ width:100%; overflow:hidden;}
.proIn2_1{ width:100%; margin:0 auto; overflow:hidden; background:#f0f0f0;}
.proIn2_2{ width:94%; margin:0 auto; overflow:hidden;}
.proIn2_2 span{ font-size:15px; font-weight:bold; color:#ff9612; line-height:40px; border:1px solid #d8d8d8; background:#FFF; border-top:2px solid #ff9612; display:block; float:left; border-bottom:0; padding:0 20px;}
.proIn2_in{ width:94%; margin:0 auto; overflow:hidden; font-size:14px; color:#333; line-height:24px; text-align:left; padding-bottom:25px; border-bottom:1px solid #e5e5e5;}
.proIn2_in1{ width:100%; overflow:hidden; padding-bottom:30px;}
.proIn2_in1 li{ width:100%; overflow:hidden; margin-top:30px;}
.proIn2_in2{ display:block; width:100%;}
.proIn2_in3{ width:100%; text-align:left; margin-top:20px;}
.proIn2_in4{ width:100%; overflow:hidden; font-size:16px; font-weight:normal; color:#000; line-height:30px; padding-bottom:15px; position:relative;}
.proIn2_in4:after{ content:""; position:absolute; bottom:0; left:0; width:60px; height:2px; background:#ff9612;}
.proIn2_in5{ width:100%; overflow:hidden; font-size:14px; line-height:24px; color:#333; padding-top:20px;}
.proIn2_in1 li:nth-child(2n-1) .proIn2_in2{ float:right;}
.proIn2_in1 li:nth-child(2n) .proIn2_in2{ float:left;}
.proIn2_in1 li:nth-child(2n-1) .proIn2_in3{ float:left; padding-right:5%;}
.proIn2_in1 li:nth-child(2n) .proIn2_in3{ float:right; padding-left:5%}
.proIn2_in img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:94%; margin:0 auto; overflow:hidden; position:relative; padding:25px 0 30px 0;}
.pageIn1{ width:calc(100% - 120px); font-size:14px; line-height:24px; margin-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; color:#666666;}
.pageIn1 span{ color:#666666;}
.pageIn1 a{ color:#666666;}
.pageIn1 a:hover{ text-decoration:underline;}
.pageIn2{ display:block; width:100px; height:40px; line-height:40px; background:#ff8e00; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; overflow:hidden; color:#FFF; text-align:center; font-size:14px; position:absolute; top:50%; right:0; margin-top:-20px;}
.pageIn2 span{ font-family:"宋体"; margin-right:5px; font-size:15px;}

.news{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0 0 0;}
.news .about_title{ text-align:center;}
.news .about_title:after{ width:33px; left:50%; margin-left:-16.5px;}

.news1{ width:100%; overflow:hidden;}
.news1 li{ float:left; width:48.5%; overflow:hidden; margin-right:3%; margin-top:30px; background:#f5f7f9;}
.news1 li:nth-child(3n){ margin-right:3%;}
.news1 li:nth-child(3n+1){ clear:none;}
.news1 li:nth-child(2n){ margin-right:0;}
.news1 li:nth-child(2n+1){ clear:left;}
.news1 li a{ display:block; overflow:hidden;}
.news2{ width:100%; overflow:hidden;}
.news2 img{ display:block; width:100%; height:auto;}
.news3{ width:90%; margin:0 auto; overflow:hidden; padding:0 5% 10px 5%; text-align:left;}
.news4{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#000; line-height:30px; margin-top:10px;}
.news5{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#898989; line-height:26px; border-bottom:1px solid #e6e7e8; margin-top:0; padding-bottom:10px;}
.news6{ width:100%; overflow:hidden; font-size:13px; color:#898989; line-height:26px; margin-top:10px;}

.news_in{ padding-top:25px;}

.newsIn_title{ width:94%; color:#FFF; height:22.36vw; min-height:100px; position:absolute; z-index:100; left:3%; margin-left:0; top:0;
	/* 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;
}
.newsIn_title1{ width:100%; overflow:hidden;}
.newsIn_title2{ width:100%; overflow:hidden; font-size:15px; font-weight:normal; line-height:30px;}
.newsIn_title3{ width:100%; overflow:hidden; font-size:13px; line-height:24px; margin-top:0;} 

.banner_bg{ width:100%; height:100%; background:url(../images/banner_bg.png) repeat; position:absolute; top:0; left:0; z-index:10;}

.contact .about_title{ text-align:center;}
.contact .about_title:after{ width:33px; left:50%; margin-left:-16.5px;}

.contact{ width:100%; overflow:hidden; padding:30px 0 30px 0;}
.contact1{ width:94%; margin:0 auto; overflow:hidden;}
.contact3{ width:100%; overflow:hidden; margin-top:20px;}

.contact4{ width:100%; float:left; overflow:hidden; text-align:left; color:#000;}
.contact4_1{ float:left; font-size:15px; font-weight:bold; line-height:25px;}
.contact4_2{ float:left; width:100%; overflow:hidden; border-left:1px solid #eeeeee; margin-top:20px;}
.contact4_2 li{ float:left; margin-left:5%; width:calc(95% - 30px); font-size:14px; line-height:26px; padding:2px 0 2px 30px;}
.contact4_2 li.tel{ background:url(../images/contact1_1.png) left 7px no-repeat; background-size:auto 16px;}
.contact4_2 li.web{ background:url(../images/contact1_2.png) left 6.5px no-repeat; background-size:auto 17px;}
.contact4_2 li.email{ background:url(../images/contact1_3.png) left 8px no-repeat; background-size:auto 14px;}
.contact4_2 li.fax{ background:url(../images/contact1_4.png) 1px 7px no-repeat; background-size:auto 17px;}
.contact4_2 li.address{ background:url(../images/contact1_5.png) 2px 6px no-repeat; background-size:auto 18px;}
.contact5{ float:right; display:none; margin-right:60px; margin-top:60px;}
.contact6{ float:left; border-left:1px solid #e5e5e5; padding-left:20px; margin-top:30px;}
.contact6_1{ border:1px solid #e5e5e5; padding:0;}
.contact6_1 img{ display:block; width:140px; height:140px;}
.contact6_2{ font-size:14px; color:#000; line-height:24px; margin-top:10px;}

.content_map{ width:100%; height:240px;}

.message .about_title{ text-align:center;}
.message .about_title:after{ width:33px; left:50%; margin-left:-16.5px;}

.message{ width:100%; overflow:hidden; padding:30px 0 0 0;}
.message1{ width:94%; overflow:hidden; margin:0 auto;}
.message2{ width:100%; overflow:hidden; font-size:14px; color:#1a1a1a; line-height:24px; margin-top:20px; float:left; text-align:left;}
.message3{ width:100%; overflow:hidden; background:#FFF; padding:0 0 30px 0; margin-top:10px;}

.message3_1{ float:left; width:100%; text-align:left; margin-top:15px;}
.message3_1:nth-child(3n){ margin-right:0;}
.message3 .input1{ width:calc(100% - 32px); padding:0 15px; margin-top:10px; height:38px; line-height:38px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:14px; color:#333; background:#f7f7f7;}
.message3 .span{ width:100%; overflow:hidden; font-size:14px; color:#1a1a1a; line-height:28px; font-weight:bold;}
.message3 .span span{ color:#ff8e00;}
.message3_2{ float:left; margin-left:3.3%; width:61.16%; margin-top:25px; text-align:left;}
.message3_3{ width:100%; overflow:hidden; font-size:14px; color:#333; min-height:40px; margin-top:10px; padding-top:20px;}
.message3_3 label{ margin-right:5%; cursor:pointer; display:inline-block;}
.message3_4{ width:100%; overflow:hidden;}
.message3 .input2{ width:calc(100% - 142px); padding:0 15px; margin-top:10px; height:38px; line-height:38px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:14px; color:#333; background:#f7f7f7;}
.message3_5{ float:left; width:100%; overflow:hidden; text-align:left; margin-top:25px;}
.message3 .textarea1{ width:calc(100% - 32px); padding:15px 15px; margin-top:10px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:14px; color:#333; line-height:30px; height:150px; background:#f7f7f7;}
.message3 .button1{ width:120px; height:40px; font-family:"微软雅黑"; font-size:14px; font-weight:bold; border:0; background:#f9c03c; color:#FFF; outline:none; cursor:pointer; margin:30px 10px 0 0;}
.message3 .button2{ width:120px; height:40px; font-family:"微软雅黑"; font-size:14px; font-weight:bold; border:1px solid #272b2e; background:#272b2e; color:#FFF; outline:none; cursor:pointer; margin:30px 0 0 10px;}
.message3 .select1{ width:100%; padding:0 15px; margin-top:10px; height:40px; line-height:40px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:14px; color:#333; background:#f7f7f7; cursor:pointer;}
.message3 .select2{ float:left; width:calc(50% - 10px); padding:0 15px; margin-top:10px; margin-left:20px; height:40px; line-height:40px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:14px; color:#333; background:#f7f7f7; cursor:pointer;}

.valid_code1{ display:block; float:right; width:90px; height:40px; margin-top:10px; cursor:pointer;}

}