@media screen and (min-width:1025px) and (max-width:1301px){
@charset "utf-8";

/*首页*/
.header{ width:100%; position:fixed; top:0; left:0; z-index:10000; background:#000; height:143px;}
.header_in{ width:1024px; height:100px; margin:0 auto; position:relative; z-index:100;}
.logo{ display:block; float:left; margin-top:25px; height:50px;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.header_right{ float:right; width:225px; height:40px; background:url(../images/search_bg.png) center center no-repeat; margin-top:30px;}
.language{ float:left; width:171px; height:40px; line-height:40px; font-size:15px; color:#FFF; text-align:left;}
.language1{ float:left; width:116px; height:40px; padding-left:55px; cursor:pointer;}
.language1 span{ float:right; display:block; width:12px; height:9px; background:url(../images/arrow.png) center center no-repeat; margin-top:17px; margin-right:22px;}
.language1 span.on{ background:url(../images/arrow_on.png) center center no-repeat;}
.language2{ float:left; width:171px; height:40px; background:url(../images/search_bg1.png) center center no-repeat; margin-top:5px; display:none;}
.language2 a{ display:block; width:116px; height:40px; padding-left:55px; color:#FFF;}
.language_cn{ background:url(../images/language1.jpg) 25px center no-repeat;}
.language_en{ background:url(../images/language2.jpg) 25px center no-repeat;}
.search{ float:right; width:54px; height:40px; position:relative;}
.search1{ width:54px; height:40px; background:url(../images/search.png) 13px center no-repeat; cursor:pointer;}
.search2{ position:absolute; top:45px; right:0; width:225px; height:40px; background:url(../images/search_bg.png) no-repeat; display:none;}
.search3{ float:left; width:121px; padding:0 25px; height:40px; border:0; outline:none; background:none; color:#FFF; font-family:"微软雅黑"; font-size:14px;}
.search4{ float:right; width:54px; height:40px; border:0; outline:none; background:url(../images/search.png) 13px center no-repeat; cursor:pointer;}
.search1.on{ background:url(../images/close.png) 13px center no-repeat;}

.nav_out{ width:100%; height:43px; background:#363636;}
.nav{ width:1024px; height:43px; margin:0 auto;}
.nav>li{ float:left; width:162px; margin-right:10.4px; position:relative;}
.nav>li:last-child{ margin-right:0;}
.nav>li>a{ display:block; width:162px; height:43px; line-height:43px; text-align:center; font-size:15px; color:#FFF; background:url(../images/nav_bg1.png) no-repeat; background-size:162px 43px;}
.nav>li>a.on{ background:url(../images/nav_bg.png) center center no-repeat; background-size:162px 43px;}
.nav>li:hover>a{ background:url(../images/nav_bg.png) center center no-repeat; background-size:162px 43px;}
.nav>li:hover .nav1{ display:block;}
.nav1{ position:absolute; top:43px; left:0; background:#f7f8f9; width:141px; display:none;}
.nav1.pro_nav{ width:200px;}
.nav1>li{ float:left; width:100%; height:45px; margin-top:1px;}
.nav1>li>a{ display:block; width:90%; padding:0 5%; height:45px; line-height:45px; font-size:15px; color:#333;}
.nav1>li>a:hover{ background:#ff8e00; color:#FFF;}

.swiper-container1 {
	margin: 143px 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:34px; left:50%; margin-left:130px; 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:34px; left:50%; margin-left:-142px; 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;}

.jindutiao{ position:absolute; bottom:40px; left:50%; margin-left:-100px; width:200px; height:4px; z-index:9999; background:url(../images/banner_line.png) repeat;}
.jindutiao1{ width:0; height:4px; background:#ff8e00; position:absolute; top:0; left:0;}
.jindutiao2{ width:0; height:4px; 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{ display:none;}

.index1{ width:1024px; overflow:hidden; margin:0 auto; padding:50px 0 50px 0; background:url(../images/index1_2.png) center 50px no-repeat;}
.index1_1{ width:900px; height:184px; 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:471px; height:auto; margin:60px 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:900px; margin:10px auto 0 auto; font-size:16px; color:#333; line-height:30px;}

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

.swiper-container2 {
	margin: 50px auto 0 auto;
	width: 950px;
	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:16px; 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:15px;}
.index_pro_list li{ float:left; width:321.33px; overflow:hidden; margin-right:30px; margin-top:30px;}
.index_pro_list li:nth-child(3n){ margin-right:0;}
.index_pro_list li:nth-child(3n+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:219px; 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:50px; line-height:50px; 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:16px; background:url(../images/index_pro_bg4.png) 15px center no-repeat; padding:0 0 0 50px; width:calc(100% - 100px); 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:16px; 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:14px; margin-right:15px; -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) 15px center no-repeat;}
.index_pro_list li a:hover .index_pro_list3{ border:1px solid #ffdcb1;}

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

.swiper-container3 {
	margin: 0 auto;
	width: 1022px;
	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:1024px; margin:0 auto; overflow:hidden; border-bottom:1px solid #626262; padding:30px 0;}
.footer_top1{ display:block; height:50px; 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:right; overflow:hidden; text-align:right;}
.footer_top3{ float:right; font-size:15px; color:#d9d9db; background:url(../images/tel.png) left center no-repeat; padding-left:22px; line-height:26px;}
.footer_top4{ float:right; clear:both; font-size:24px; font-family:"Arial"; font-weight:bold; color:#ff8e00; line-height:34px;}
.footer_mid{ width:1024px; margin:0 auto; overflow:hidden; border-bottom:1px solid #626262; padding:30px 0;}
.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:1024px; margin:0 auto; overflow:hidden; color:#999999; font-size:15px; line-height:30px; padding:20px 0;}
.footer_bot a{ color:#999999;}
.footer_bot a:hover{ text-decoration:underline;}
.footer_bot1{ float:left;}
.footer_bot2{ float:right;}

.banner{ width:100%; height:330px; overflow:hidden; background-size:auto 330px !important; margin:143px auto 0 auto;}
.banner1{ display:none;}
.in_nav{ width:100%; overflow:hidden; background:#f7f8f9; border-bottom:1px solid #e7e9ee;}
.in_nav1{ width:1024px; margin:0 auto; overflow:hidden;}
.in_nav1 li{ float:left; margin-right:80px;}
.in_nav1 li:last-child{ margin-right:0;}
.in_nav1 li a{ display:block; height:60px; border-bottom:3px solid #f7f8f9; position:relative; line-height:63px; font-size:16px; color:#666666; font-weight:bold; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.in_nav1 li a.on{ border-bottom:3px solid #ff8e00; color:#ff8e00;}
.in_nav1 li a.on:after{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.in_nav1 li a:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-4px; width:8px; height:4px; background:url(../images/nav_bg2.png) no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.in_nav1 li a:hover{ border-bottom:3px solid #ff8e00; color:#ff8e00;}
.in_nav1 li a:hover:after{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.about1{ width:1024px; margin:0 auto; overflow:hidden; padding:50px 0;}
.about1_1{ width:100%; overflow:hidden;}
.about1_2{ float:left; overflow:hidden; width:462px;}
.about_title{ float:left; font-size:30px; font-weight:bold; color:#000; position:relative; line-height:30px; min-height:30px; width:100%; text-align:left; padding-bottom:30px;}
.about_title:after{ width:60px; height:3px; background:#ff8e00; position:absolute; left:0; bottom:0; content:"";}
.about1_3{ float:left; width:100%; overflow:hidden; text-align:left; font-size:16px; color:#333; line-height:30px; margin-top:30px;}
.about1_4{ float:right; overflow:hidden; width:50%;}
.about1_4 video{ display:block; width:100% !important; height:299px !important; cursor:pointer;}
.about1_5{ width:100%; overflow:hidden;}
.about1_6{ width:100%; overflow:hidden;}
.about1_6 li{ float:left; margin-top:50px; width:calc(25% - 1px); border-right:1px solid #dddddd;}
.about1_6 li:last-child{ border-right:0;}
.about1_7{ font-size:50px; font-weight:bold; color:#f39800;}
.about1_7 span{ font-size:16px; font-weight:normal; color:#333;}
.about1_8{ font-size:18px; 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:1024px; margin:0 auto; overflow:hidden; padding:50px 0 50px 0;}
.about2_1{ width:100%; overflow:hidden; text-align:left; font-size:16px; color:#FFF; line-height:30px; padding-top:30px;}
.about2_1 img{ display:block; max-width:100%; margin:0 auto;}

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

.culture{ width:1024px; margin:0 auto; overflow:hidden; padding:50px 0 50px 0;}
.culture .about_title{ text-align:center;}
.culture .about_title:after{ width:60px; left:50%; margin-left:-30px;}
.culture1{ width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#333; padding-top:40px; text-align:left;}
.culture1 img{ display:block; margin:0 auto; max-width:100%;}

/*荣誉证书*/
.honor{ width:1024px; margin:0 auto; overflow:hidden; padding:50px 0 0 0;}
.honor .about_title{ text-align:center;}
.honor .about_title:after{ width:60px; left:50%; margin-left:-30px;}
.honor3{ width:90%; margin:0 auto; overflow:hidden; background:url(../images/honor3.png) center top repeat-y; background-size:100% 434px; padding:0 5%;}
.honor3 li{ float:left; width:30.33%; height:419px; background:url(../images/honor4.jpg) center 62px no-repeat; background-size:100% 357px; margin:0 1.5%; overflow:hidden; padding-bottom:15px;}
.honor3_1{ float:left; margin-top:71px; margin-left:9px; display:block; overflow:hidden; outline:none;}
.honor3_1 img{ display:block; width:97%; height:228px;}
.honor3_2{ float:left; width:90%; padding:0 5%; text-align:center; font-size:16px; color:#666666; margin-top:10px; height:60px; line-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.page{ width:100%; margin:0 auto; overflow:hidden; padding:40px 0 50px 0;}
.page span{ display:inline-block; height:38px; line-height:38px; border:1px solid #c8c8c8; padding:0 15px; font-size:16px; color:#999999; cursor:pointer; margin:10px 3px 0 3px; -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:38px; line-height:38px; border:1px solid #c8c8c8; padding:0 15px; font-size:16px; color:#999999; cursor:pointer; margin:10px 3px 0 3px; -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:1024px; margin:0 auto; overflow:hidden; padding:50px 0 0 0;}
.pro .about_title{ text-align:center;}
.pro .about_title:after{ width:60px; left:50%; margin-left:-30px;}

.in_nav_in{ width:1024px; margin:0 auto; overflow:hidden; position:relative;}
.swiper-container4 {
	margin: 0 auto;
	width: 972px;
	padding: 0 1px;
	height: auto;
	overflow: hidden;
	position: relative;
}
.swiper-container4 .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: left;
	-ms-flex-pack: left;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-box-align: left;
	-ms-flex-align: left;
	-webkit-align-items: left;
	align-items: left;
}
.swiper-container4 .swiper-slide a{ display:block; height:60px; border-bottom:3px solid #f7f8f9; position:relative; line-height:63px; font-size:16px; color:#666666; font-weight:bold; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.swiper-container4 .swiper-slide a.on{ border-bottom:3px solid #ff8e00; color:#ff8e00;}
.swiper-container4 a.on:after{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-container4 a:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-4px; width:8px; height:4px; background:url(../images/nav_bg2.png) no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -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-container4 a:hover{ border-bottom:3px solid #ff8e00; color:#ff8e00;}
.swiper-container4 a:hover:after{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-next4{ position:absolute; top:50%; margin-top:-8.5px; right:0; 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-prev4{ position:absolute; top:50%; margin-top:-8.5px; left:0; 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;}

.pro1{ width:100%; overflow:hidden; padding-top:15px;}
.pro1 li{ float:left; width:321.33px; overflow:hidden; margin-right:30px; margin-top:30px;}
.pro1 li:nth-child(3n){ margin-right:0;}
.pro1 li:nth-child(3n+1){ clear:left;}
.pro1 li a{ display:block; width:100%;}
.pro2{ width:100%; overflow:hidden;}
.pro2 img{ display:block; width:100%; height:219px; -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:50px; -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; color:#FFF; font-family:"宋体"; font-size:16px; border:1px solid #ff8e00; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#ff8e00; margin-right:15px; margin-top:14px; -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:16px; line-height:50px; margin-left:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:calc(100% - 65px); 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;}

.proIn1{ width:1024px; margin:0 auto; overflow:hidden; padding:50px 0 50px 0;}
.proIn1_left{ float:left; width:50%; overflow:hidden;}
.gallery-top{ width:100%; overflow:hidden; height:348px;}
.gallery-top .swiper-slide img{ display:block; width:100%; height:348px;}
.proIn1_left1{ float:left; width:100%; overflow:hidden; margin-top:20px; position:relative;}
.gallery-thumbs { float:left; margin-left:30px; width:calc(100% - 64px); 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:72px; 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:30px; height:74px; background:url(../images/index_pro_r.png) right center no-repeat; 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:30px; height:74px; background:url(../images/index_pro_l.png) left center no-repeat; 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;}
.swiper-button-prev5:hover{ background:url(../images/index_pro_l_on.png) left center no-repeat;}

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

.proIn2{ width:100%; overflow:hidden;}
.proIn2_1{ width:100%; margin:0 auto; overflow:hidden; background:#f0f0f0;}
.proIn2_2{ width:1024px; margin:0 auto; overflow:hidden;}
.proIn2_2 span{ font-size:16px; font-weight:bold; color:#ff9612; line-height:50px; border:1px solid #d8d8d8; background:#FFF; border-top:2px solid #ff9612; display:block; float:left; border-bottom:0; padding:0 40px;}
.proIn2_in{ width:1024px; margin:0 auto; overflow:hidden; font-size:16px; color:#333; line-height:30px; text-align:left; padding-bottom:50px; border-bottom:1px solid #e5e5e5;}
.proIn2_in1{ width:100%; overflow:hidden; padding-bottom:50px;}
.proIn2_in1 li{ width:100%; overflow:hidden; margin-top:50px;}
.proIn2_in2{ display:block; width:50%;}
.proIn2_in3{ width:45%; text-align:left;}
.proIn2_in4{ width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#000; line-height:30px; padding-bottom:20px; position:relative;}
.proIn2_in4:after{ content:""; position:absolute; bottom:0; left:0; width:80px; height:3px; background:#ff9612;}
.proIn2_in5{ width:100%; overflow:hidden; font-size:16px; line-height:30px; 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:1024px; margin:0 auto; overflow:hidden; position:relative; padding:25px 0 30px 0;}
.pageIn1{ width:calc(100% - 200px); font-size:16px; line-height:26px; 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:140px; height:42px; line-height:42px; background:#ff8e00; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px; overflow:hidden; color:#FFF; text-align:center; font-size:16px; position:absolute; top:50%; right:0; margin-top:-21px;}
.pageIn2 span{ font-family:"宋体"; margin-right:10px; font-size:18px;}

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

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

.news_in{ padding-top:50px;}

.newsIn_title{ width:1024px; color:#FFF; height:330px; position:absolute; z-index:100; left:50%; margin-left:-512px; 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:34px; font-weight:bold; line-height:44px;}
.newsIn_title3{ width:100%; overflow:hidden; font-size:16px; line-height:30px; margin-top:30px;} 

.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:60px; left:50%; margin-left:-30px;}

.contact{ width:100%; overflow:hidden; padding:50px 0 50px 0;}
.contact1{ width:1024px; margin:0 auto; overflow:hidden;}
.contact3{ width:100%; overflow:hidden; margin-top:50px; float:left;}

.contact4{ width:50%; float:left; overflow:hidden; text-align:left; color:#000;}
.contact4_1{ float:left; font-size:24px; font-weight:bold; line-height:40px;}
.contact4_2{ float:left; width:100%; overflow:hidden; border-left:1px solid #eeeeee; margin-top:30px;}
.contact4_2 li{ float:left; margin-left:5%; width:calc(95% - 30px); font-size:16px; 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:block; margin-right:60px; margin-top:60px;}
.contact6{ float:right; border-left:1px solid #e5e5e5; padding-left:60px; margin-top:30px;}
.contact6_1{ border:1px solid #e5e5e5; padding:0;}
.contact6_1 img{ display:block; width:140px; height:140px;}
.contact6_2{ font-size:16px; color:#000; line-height:26px; margin-top:10px;}

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

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

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

.message3_1{ float:left; width:calc(33.33% - 14px); margin-right:21px; text-align:left; margin-top:25px;}
.message3_1:nth-child(3n){ margin-right:0;}
.message3 .input1{ width:calc(100% - 32px); padding:0 15px; margin-top:10px; height:48px; line-height:48px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:16px; color:#333; background:#f7f7f7;}
.message3 .span{ width:100%; overflow:hidden; font-size:16px; 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:16px; 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% - 172px); padding:0 15px; margin-top:10px; height:48px; line-height:48px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:16px; 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:16px; color:#333; line-height:30px; height:150px; background:#f7f7f7;}
.message3 .button1{ width:180px; height:50px; font-family:"微软雅黑"; font-size:16px; font-weight:bold; border:0; background:#f9c03c; color:#FFF; outline:none; cursor:pointer; margin:40px 10px 0 0;}
.message3 .button2{ width:180px; height:50px; font-family:"微软雅黑"; font-size:16px; font-weight:bold; border:1px solid #272b2e; background:#272b2e; color:#FFF; outline:none; cursor:pointer; margin:40px 0 0 10px;}
.message3 .select1{ width:100%; padding:0 15px; margin-top:10px; height:50px; line-height:50px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:16px; color:#333; background:#f7f7f7; cursor:pointer;}
.message3 .select2{ float:left; width:calc(50% - 10px); padding:0 15px; margin-top:10px; margin-left:20px; height:50px; line-height:50px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:16px; color:#333; background:#f7f7f7; cursor:pointer;}

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

}