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

/*首页*/
.header{ position:fixed; left:0; top:0; width:100%; height:80px; background:rgba(0,0,0,0.4); z-index:99999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.header_in{ width:94%; height:80px; margin:0 auto;}
.logo{ float:left; display:block; height:45px; margin-top:17px;}
.language_out{ float:right; margin-left:20px; width:85px;}
.language{ float:left; font-size:16px; color:#FFF; height:80px; line-height:80px; background:url(../images/language.png) left center no-repeat; padding-left:25px; clear:both; width:50px; text-align:left;}
.language_out a:nth-child(2){ background:url(../images/language.png) 10px center no-repeat rgba(0,0,0,0.4); height:43px; line-height:43px; margin-left:-10px; position:relative; width:60px; padding-left:35px; display:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.language:nth-child(1){ position:relative;}
.language:nth-child(1):after{ content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#4874cb; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.language_out:hover .language:nth-child(2){ display:block;}
.language_out:hover .language:nth-child(1):after{ left:0; width:100%;}
.language:nth-child(2):hover{ background:url(../images/language.png) 10px center no-repeat #4874cb;}

.nav{ float:right; height:80px; margin-right:0;}
.nav>li{ float:left; width:8.5vw; max-width:120px; margin:0 0.8vw; position:relative;}
.nav>li>a{ display:block; width:100%; height:80px; line-height:80px; font-size:15px; color:#FFF; position:relative;}
.nav>li>a:after{ content:""; width:0; height:2px; background:#4874cb; position:absolute; bottom:0; left:50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav1{ position:absolute; top:80px; left:0; width:100%; background:rgba(0,0,0,0.4); display:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav1>li{ width:100%; overflow:hidden;}
.nav1>li>a{ width:100%; font-size:15px; color:#FFF; display:block; height:43px; line-height:43px; border-bottom:1px solid #8b8a8d; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav1>li:last-child>a{ border-bottom:0;}
.nav>li.on>a:after{ left:0; width:100%;}
.nav>li:hover>a:after{ left:0; width:100%;}
.nav>li:hover .nav1{ display:block;}
.nav1>li>a:hover{ background:#4874cb;}

.nav_jp>li:nth-child(1){ width:8.5vw; max-width:120px;}
.nav_jp>li:nth-child(4){ width:10vw;}
.nav_jp>li:nth-child(5){ width:9vw;}
.nav_jp>li:nth-child(6){ width:11vw;}

.header_on{ background:rgba(0,0,0,0.8);}
.header_on .nav1{ background:rgba(0,0,0,0.8);}

.mobile_bg{ display:none;}

.swiper-container1 {
	width: 100%;
	height: 100vh;
	display:block;
	position:relative;
	overflow:hidden;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	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;
}
.swiper-pagination1{ position:absolute; z-index:100; bottom:50px !important;}
.swiper-pagination1 .swiper-pagination-bullet{ width:50px; height:5px; background:#FFF; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0 5px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:#4874cb; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.banner_bg{ width:100%; height:100vh; overflow:hidden; background-size:cover !important; position:relative;
	/* 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;
}
.banner_title{ width:90%; overflow:hidden; position:relative; top:0; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.banner_title1{ width:100%; font-size:50px; color:#FFF; line-height:60px;}
.banner_title2{ width:100%; font-size:20px; color:#FFF; line-height:30px; margin-top:30px;}
.banner_title_on{ top:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.index1{ width:100%;}
.index1_1{ width:94%; margin:0 auto; text-align:left; padding:60px 0 50px 0; line-height:30px; font-size:16px; color:#333;}

.index_title{ float:left; font-size:30px; font-weight:bold; color:#333; line-height:30px; position:relative; padding-bottom:30px;}
.index_title:after{ content:""; width:50px; height:3px; background:#4874cb; position:absolute; bottom:0; left:50%; margin-left:-25px;}
.index1_2{ float:right; display:block; width:66.8vw; margin-left:2.8vw;}
.index1_3{ font-size:20px; font-weight:bold; color:#000; clear:left; display:inline-block; width:calc(100% - 69.6vw); margin-top:50px; padding-bottom:30px;}
.more{ float:right; display:block; width:115px; padding-left:35px; height:40px; line-height:40px; background:url(../images/index1_3.png) 110px center no-repeat #4874cb; color:#FFF; font-size:14px;}
.more_jp{}

.index1_5{ float:right; margin-right:5vw; margin-top:10px; width:200px;}

.index2{ width:100%; background:url(../images/index2_bg.jpg) center center no-repeat; background-size:cover; padding:50px 0 50px 0; overflow:hidden;}
.index2 .index_title{ float:none; margin:0 auto; color:#FFF;}

.index2_1{ width:80%; margin:50px auto 0 auto;}
.swiper-container2 {
	width: 100%;
	position: relative;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	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 div{ background:#000; display:block; width:89%; overflow:hidden;}
.swiper-container2 .swiper-slide div img{ display:block; width:100%; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; -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-active div img{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-next2{ position:absolute; top:50%; margin-top:-20px; right:-20px; width:40px; height:40px; background:url(../images/index2_3.png) no-repeat; z-index:10; cursor:pointer; outline:none;}
.swiper-button-prev2{ position:absolute; top:50%; margin-top:-20px; left:-20px; width:40px; height:40px; background:url(../images/index2_2.png) no-repeat; z-index:10; cursor:pointer; outline:none;}

.index2_2{ width:94%; margin:50px auto 0 auto; overflow:hidden; text-align:left;}
.index2_3{ width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#FFF;}
.index2_2 .more{ margin-top:10px;}

.index3{ width:100%; background:url(../images/index3_bg.jpg) center center no-repeat; background-size:cover; padding:50px 0 50px 0; overflow:hidden;}
.index3 .index_title{ float:none; margin:0 auto;}

.index3_1{ width:94%; margin:0 auto; overflow:hidden;}
.index3_2{ width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#333; text-align:left; margin-top:30px;}
.index3_1 .more{ float:none; margin:30px auto 0 auto; text-align:left;}

.pro_list{ width:100%; overflow:hidden;}
.pro_list li{ float:left; position:relative; overflow:hidden; margin-top:28px; margin-right:28px; cursor:pointer; width:calc(33.33% - 18.67px);}
.pro_list1{ display:block; width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.pro_list2{ position:absolute; bottom:0; left:0; z-index:10; width:90%; padding:0 5%; background:rgba(0,0,0,0.6); height:44px; line-height:44px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#FFF;}
.pro_list li:nth-child(3n){ margin-right:0;}
.pro_list li:nth-child(3n+1){ clear:left;}
.pro_list li:hover .pro_list1{ -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);}

.footer{ width:100%; overflow:hidden; background:url(../images/footer_bg.jpg) repeat-x; background-size:1px 100%;}
.footer_top{ width:94%; margin:0 auto; overflow:hidden; padding:60px 0 40px 0;}
.footer1{ float:left; overflow:hidden; width:38%; text-align:left;}
.footer1_1{ float:left; display:block; height:46px;}
.footer1_2{ float:left; clear:both; width:100%; font-size:15px; color:#000; line-height:36px; margin-top:30px; overflow:hidden;}
.footer2{ float:left; margin-left:3%; overflow:hidden; width:30%; text-align:left;}
.footer2_1{ float:left; width:calc(100% - 80px); padding-left:80px; overflow:hidden; font-size:18px; color:#000; line-height:46px; position:relative;}
.footer2_1:after{ content:""; position:absolute; width:60px; height:1px; background:#000; top:50%; left:0;}
.footer2_2{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.footer2_2 li{ float:left; width:33.33%; overflow:hidden;}
.footer2_2 li a{ font-size:15px; color:#000; line-height:36px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.footer2_2 li a:hover{ color:#4874cb;}
.links{ float:right; overflow:hidden;}
.links_title{ width:218px; height:44px; line-height:44px; text-align:left; border:1px solid #4d4d4d; cursor:pointer; padding:0 15px; font-size:15px; color:#000; background:url(../images/select.png) 220px center no-repeat;
	-moz-user-select: none; /*火狐*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10*/
	-khtml-user-select: none; /*早期浏览器*/
	user-select: none;
}
.links_list{ width:248px; border:1px solid #000; border-top:0; background:#FFF; text-align:left; overflow:hidden; display:none;}
.links_list li{ float:left; width:100%;}
.links_list li a{ width:calc(100% - 30px); padding:0 15px; line-height:40px; height:40px; font-size:15px; color:#666; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.links_list li a:hover{ background:#eee; color:#4874cb;}
.footer_bottom{ width:94%; margin:0 auto; overflow:hidden; border-top:1px solid #FFF; font-size:15px; color:#000; text-align:left; line-height:25px; padding:20px 0;}
.footer_bottom a{ color:#666; margin-left:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.footer_bottom a:hover{ color:#4874cb;}

.retrun{ position:fixed; right:10px; bottom:10vh; width:54px; height:54px; background:url(../images/retrun.png) center center no-repeat #FFF; cursor:pointer; z-index:99999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc; display:none;}

.banner{ background-size:cover !important; width:100%; height:400px;}

.in_nav{ width:100%; border-bottom:2px solid #e6e6e6; height:70px;}
.in_nav1{ display:table; margin:0 auto;}
.in_nav1 li{ float:left; margin:0 35px;}
.in_nav1 li a{ display:block; height:70px; line-height:70px; font-size:16px; color:#333; border-bottom:2px solid #e6e6e6; -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:2px solid #4874cb; color:#4874cb;}
.in_nav1 li a:hover{ border-bottom:2px solid #4874cb; color:#4874cb;}


.manufacture1{ width:100%; overflow:hidden; padding:50px 0;}
.manufacture1_1{ width:94%; margin:0 auto; overflow:hidden; text-align:left;}
.manufacture1_2{ width:100%; overflow:hidden; font-size:16px; color:#333; line-height:30px; padding-top:40px;}
.manufacture1_2 img{ display:block; margin:0 auto; max-width:100%;}

.manufacture2{ width:100%; overflow:hidden; padding:50px 0; background:url(../images/manufacture_bg1.jpg) center center no-repeat; background-size:cover;}
.manufacture2_1{ width:94%; margin:0 auto; overflow:hidden;}
.manufacture2_1 .index_title{ color:#FFF;}

.manufacture3{ width:100%; overflow:hidden; padding:50px 0;}
.manufacture3_1{ width:94%; margin:0 auto; overflow:hidden;}

.pro{ width:100%; overflow:hidden; padding:50px 0;}
.pro1{ width:94%; margin:0 auto; overflow:hidden; text-align:left;}
#pro1_scroll{ padding-bottom:0;}

.contact{ width:100%; overflow:hidden; padding:50px 0;}
.contact1{ width:94%; margin:0 auto; overflow:hidden; text-align:left;}
.contact_left{ float:left; width:calc(60% - 50px); overflow:hidden;}
.contact_left1{ float:left; width:calc(100% - 60px); padding-left:60px; overflow:hidden; font-size:20px; font-weight:bold; color:#333; line-height:30px; margin-top:35px;}
.contact_left2{ float:left; width:calc(100% - 60px); padding-left:60px; overflow:hidden; font-size:16px; color:#333; line-height:30px; margin-top:15px;}
.contact_right{ float:right; display:block; width:40%;}
.map{ width:100%; height:450px; margin-top:50px; float:left;}

.news{ width:100%; overflow:hidden; padding:50px 0;}
.news1{ width:94%; margin:0 auto; overflow:hidden; text-align:left;}
.news2{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.news2 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #cdcdcd; padding:25px 0;}
.news2 li a{ float:left; display:block; width:calc(100% - 80px); margin-left:40px; overflow:hidden;}
.news3{ float:left; width:100%; overflow:hidden; font-size:18px; color:#333; line-height:30px; 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;}
.news4{ float:left; width:100%; overflow:hidden; font-size:15px; color:#808080; line-height:25px; margin-top:10px;}
.news2 li a:hover .news3{ color:#4874cb;}
.page{ float:left; width:100%; overflow:hidden; padding:30px 0 0 0;}
.current{ float:left; margin-left:40px; height:40px; line-height:40px; font-size:14px; color:#848585;}
.page2{ float:right;}
.page_prev{ display:inline-block; width:98px; height:38px; border:1px solid #bcbcbc; background:url(../images/news_prev.png) center center no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.page_next{ display:inline-block; width:98px; height:38px; border:1px solid #bcbcbc; background:url(../images/news_next.png) center center no-repeat; margin-left: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; margin-right:40px;}
.page_prev:hover{ border:1px solid #4874cb; background:url(../images/news_prev_on.png) center center no-repeat #4874cb;}
.page_next:hover{ border:1px solid #4874cb; background:url(../images/news_next_on.png) center center no-repeat #4874cb;}

.about1{ width:100%; overflow:hidden; padding:50px 0;}
.about1_1{ width:94%; margin:0 auto; overflow:; text-align:left;}
.about1_left{ float:left; width:260px; overflow:hidden;}
.about1_left ul{ width:100%; overflow:hidden; margin-top:25px; float:left;}
.about1_left ul li{ float:left; overflow:hidden; padding:5px 40px 10px 40px; width:calc(100% - 80px); margin-top:13px; color:#333; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.about1_left1{ float:left; width:100%; overflow:hidden; font-size:26px; line-height:30px; font-weight:bold;}
.about1_left1 .span1{ vertical-align:middle;}
.about1_left1 .span2{ vertical-align:super; font-size:15px;}
.about1_left1 .span3{ display:inline-block; padding-top:9px;}
.about1_left2{ float:left; width:100%; overflow:hidden; font-size:15px; line-height:26px;}
.about1_left ul li:hover{ background:#4874cb; color:#FFF;}
.about1_left3{ width:100%; overflow:hidden; padding-top:50px; font-size:16px; line-height:30px;}
.about1_right{ float:right; display:block; width:70%;}

.about2{ width:100%; overflow:hidden; padding:50px 0; background:url(../images/about3.jpg) center center no-repeat; background-size:cover;}
.about2_1{ width:94%; margin:0 auto; overflow:hidden; text-align:left; position:relative;}
.about2_2{ display:block; width:100%; max-width:100%; position:relative;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.about2_1 .index_title{ position:absolute; top:0; left:0;}

.about3{ width:100%; overflow:hidden; padding:50px 0;}
.about3_1{ width:94%; margin:0 auto; text-align:left;}
.about3_2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; line-height:30px; margin-top:40px;}
.about3_3{ float:left; width:94%; position:relative; margin:40px 3% 0 3%; text-align:center;}

.swiper-container3 {
	width: 100%;
	height: auto;
	overflow:hidden;
}
.swiper-container3 .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-pagination3{ margin-top:40px;}
.swiper-pagination3 .swiper-pagination-bullet{ width:50px; height:5px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#b2b2b2; margin:0 5px !important;}
.swiper-pagination3 .swiper-pagination-bullet-active{ background:#4874cb;}
.swiper-container3 .swiper-slide a{ position:relative; display:block; width:100%;}
.swiper-container3 .swiper-slide a img{ display:block; width:100%;}
.swiper-container3 .swiper-slide a .about3_4{ position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.6); width:90%; padding:0 5%; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#FFF; height:46px; line-height:46px;}
.swiper-button-next3{ position:absolute; top:50%; margin-top:-50px; right:-50px; width:40px; height:40px; background:url(../images/index2_3.png) center center no-repeat; cursor:pointer;}
.swiper-button-prev3{ position:absolute; top:50%; margin-top:-50px; left:-50px; width:40px; height:40px; background:url(../images/index2_2.png) center center no-repeat; cursor:pointer;}
#cboxTitle{
	-moz-user-select: none; /*火狐*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10*/
	-khtml-user-select: none; /*早期浏览器*/
	user-select: none;
}

.about4{ width:100%; overflow:hidden; padding:50px 0; background:url(../images/about7.jpg) center center no-repeat; background-size:cover;}
.about4_1{ width:94%; margin:0 auto; overflow:hidden; text-align:left; position:relative;}
.about4_1 .index_title{ float:none; display:table;}
.about4_2{ display:block; margin:50px auto 0 auto; max-width:80%;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}

}