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

/*首页*/
.header{ width:100vw; max-width:1920px; position:fixed; top:0; left:50%; margin-left:-50vw; height:70px; background:url(../images/header_bg.png) repeat; z-index:999999;}
.header_blank{ width:100%; height:70px; clear:both;}
.header_in{ width:1024px; height:70px; margin:0 auto; position:relative;}
.logo{ float:left; display:block; width:64px; height:40px; margin-top:15px;}

.nav{ position:absolute; z-index:1; height:70px; left:150px; top:0;}
.nav>li{ float:left; height:70px; margin:0 45px 0 25px; position:relative;}
.nav>li>span{ content:""; position:absolute; width:0; height:3px; background:#cb2c30; bottom:0; left:50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav>li>a{ display:block; height:70px; line-height:70px; font-size:15px; color:#FFF;}
.nav>li:nth-child(2){ background:url(../images/nav_bg.png) right center no-repeat; padding-right:20px;}
.nav1{ position:absolute; top:70px; left:-20px; width:355px; text-align:left; background:url(../images/header_bg.png) repeat; padding-bottom:10px; display:none;}
.nav1>li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #6d645f;}
.nav1>li:last-child{ border-bottom:0;}
.nav1>li>a{ display:block; width:315px; padding:0 20px; font-size:14px; color:#FFF; height:34px; line-height:34px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav>li:hover .nav1{ display:block;}
.nav>li:hover>span{ width:100%; left:0;}
.nav>li:nth-child(2):hover{ background:url(../images/nav_bg_on.png) right center no-repeat;}
.nav>li.a_on>span{ width:100%; left:0;}
.nav1>li>a:hover{ background:#cb2c30; color:#FFF; font-weight:bold;}

.header_r{ float:right; display:table; margin-top:21px;}
.language{ float:left; width:124px; height:28px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url(../images/language1.png) 105px 11px no-repeat #b40e10; cursor:pointer; position:relative;}
.language_on{ width:92px; padding-left:32px; height:28px; line-height:28px; background:url(../images/language.png) 11px center no-repeat; text-align:left; font-size:14px; color:#FFF;}
.language_list{ position:absolute; top:28px; left:0; width:122px; overflow:hidden; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; border:1px solid #b40e10; display:none;}
.language_list li{ float:left;}
.language_list li a{ display:block; width:91px; padding-left:31px; height:26px; line-height:26px; text-align:left; font-size:14px; color:#333; background:url(../images/language_on.png) 10px center no-repeat #FFF;}
.language_list li a:hover{ background:url(../images/language.png) 10px center no-repeat #b40e10; color:#FFF;}
.language:hover{ -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; background:url(../images/language1_on.png) 105px 11px no-repeat #b40e10;}
.language:hover .language_list{ display:block;}

.tool{ float:right;}
.tool li{ float:left; margin-left:10px;}
.tool li a{}
.tool li a img{ display:block; width:28px; height:28px;}

.swiper-container1 {
	width: 1920px;
	max-width:100%;
	height: 100vh;
	margin:0 auto;
	z-index:10;
	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-pagination1{ position:absolute; bottom:40px !important; left:0; z-index:100;}
.swiper-pagination1 .swiper-pagination-bullet{ width:34px; height:7px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#FFF; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; margin:0 6px !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;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:#c42c29;}
.banner_bg{ position:absolute; z-index:10; top:0; left:0; width:100%; height:100vh; background-size:cover !important; -webkit-transition: all 10s; -moz-transition: all 10s; -ms-transition: all 10s; -o-transition: all 10s; transition: all 10s;}
.swiper-container1 .swiper-slide-active .banner_bg{ -webkit-transform:scale(1.05) translateX(-5px); -moz-transform:scale(1.05) translateX(-5px); -ms-transform:scale(1.05) translateX(-5px); -o-transform:scale(1.05) translateX(-5px); transform:scale(1.05) translateX(-5px);}
.banner_in{ width:1024px; height:100vh; overflow:hidden; margin:0 auto; position:relative; z-index:1000;
	/* 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{ display:table; text-align:left; width:100%; overflow:hidden; margin-top:350px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.banner_title1{ width:100%; font-size:50px; font-weight:bold; color:#FFF; line-height:60px; overflow:hidden;}
.banner_title2{ width:512px; font-size:16px; line-height:26px; color:#FFF; margin-top:30px; overflow:hidden;}
.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;}

.number{ width:100vw; max-width:1920px; margin:0 auto; overflow:hidden; background:url(../images/number_bg.jpg) center center no-repeat; background-size:cover; padding:30px 0;}
.number1{ width:1023px; margin:0 auto; overflow:hidden; border-left:1px dotted #e6999b;}
.number1 li{ float:left; border-right:1px dotted #e6999b; padding:0 3.5%;}
.number1 li:nth-child(1){ width:calc(17% - 1px);}
.number1 li:nth-child(2){ width:calc(20% - 1px);}
.number1 li:nth-child(3){ width:calc(16% - 1px);}
.number1 li:nth-child(4){ width:calc(19% - 1px);}
.number2{ width:100%; overflow:hidden; line-height:48px; font-size:40px; color:#FFF; font-weight:bold;}
.number3{ width:100%; overflow:hidden; line-height:22px; font-size:15px; color:#FFF; margin-top:10px;}

.index1{ width:100vw; max-width:1920px; margin:0 auto; overflow:hidden; position:relative; height:510px; padding:50px 0;}
.index1_1{ width:1024px; height:510px; position:relative; margin:0 auto;}
.index1_r{ width:718px; height:510px; background:url(../images/index1_bg.jpg) center center no-repeat; background-size:cover; position:absolute; right:-360px; top:0; z-index:10; -webkit-border-radius:315px 0 0 315px; -moz-border-radius:315px 0 0 315px; border-radius:315px 0 0 315px; overflow:hidden;}
.index1_l{ width:1744px; height:430px; background:#f2f2f2; position:absolute; right:-360px; top:40px; z-index:5; -webkit-border-radius:275px 0 0 275px; -moz-border-radius:275px 0 0 275px; border-radius:275px 0 0 275px; overflow:hidden;}
.index1_video{ width:490px; height:310px; position:absolute; top:100px; right:0; z-index:15;}
.index1_video video{ outline:none; width:490px; height:310px; object-fit:fill; cursor:pointer;}
.index1_text{ width:490px; height:310px; overflow:hidden; position:absolute; z-index:20; top:100px; left:0; text-align:left;}
.index1_text1{ float:left; width:100%; height:70px; overflow:hidden; position:relative;}
.index1_text2{ width:100%; overflow:hidden; font-size:34px; font-weight:bold; color:#2e3228; position:relative; z-index:10; margin-top:25px;}
.index1_text3{ width:100%; font-size:70px; color:#e2e2e2; line-height:70px; position:absolute; top:-10px; left:0; z-index:1; font-family:"Arial Black";}
.index1_text4{ float:left; width:calc(100% - 15px); padding-right:5px; height:100px; font-size:15px; line-height:24px; color:#666; margin-top:18px; height:220px;}

.pro_list{ width:100vw; max-width:1920px; overflow:hidden; padding-bottom:50px; margin:0 auto;}
.pro_list_bg{ width:100%; height:450px; overflow:hidden; position:relative; background-size:cover !important;
	/* 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;
}
.pro_list_bg1{ width:100%; height:164px; background:url(../images/pro_bg.png) bottom center no-repeat; background-size:1400px auto; position:absolute; z-index:10; bottom:0; left:0;}
.pro_list_in{ width:1024px; margin:0 auto; position:relative; z-index:100;}
.pro_list_l{ float:left; width:490px; overflow:hidden; text-align:left; color:#FFF;}
.pro_list_l1{ float:left; width:100%; overflow:hidden; font-size:34px; font-weight:bold; line-height:44px;}
.pro_list_l2{ float:left; width:calc(100% - 15px); padding-right:5px; overflow:hidden; font-size:16px; line-height:26px; margin-top:20px; height:156px;}
.pro_list_r{ float:right; display:block; position:relative;}
.pro_list_r1{ display:block; max-width:500px; width:350px; position:relative; z-index:1; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.pro_list_r2{ display:block; max-width:500px; width:350px; position:absolute; top:0; left:0; z-index:10;}
.pro_list_r:hover .pro_list_r2{ -webkit-transform:scale(1.5) translateZ(0); -moz-transform:scale(1.5) translateZ(0); -ms-transform:scale(1.5) translateZ(0); -o-transform:scale(1.5) translateZ(0); transform:scale(1.5) translateZ(0); 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;}
.pro_list_r:hover .pro_list_r1{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; -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_list_ul{ width:1024px; margin:0 auto; overflow:hidden; margin-top:-20px;}
.pro_list_ul li{ float:left; width:248px; margin-right:8px; border:1px solid #efefef; cursor:pointer; margin-top:20px;}
.pro_list_ul li:nth-child(4n){ margin-right:0;}
.pro_list_ul li:nth-child(4n+1){ clear:left;}
.pro_list_img{ width:100%; overflow:hidden;}
.pro_list_img img{ 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_list_title{ width:90%; min-height:22px; line-height:22px; padding:12px 5%; overflow:hidden; border-top:1px solid #efefef; font-size:16px; color:#666666; -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_list_ul li: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);}
.pro_list_ul li:hover .pro_list_title{ background:#cb2c30; color:#FFF;}

.index2{ width:100vw; max-width:1920px; overflow:hidden; margin:0 auto;}
.index2_top{ width:1024px; height:68px; background:url(../images/bg1.jpg) top center no-repeat; background-size:1024px auto; margin:0 auto;}

/* 本例子css */
.slideTxtBox{ width:100vw; max-width:1920px; overflow:hidden; margin:0 auto;}
.slideTxtBox .hd{ width:1024px; height:55px; line-height:20px; margin:0 auto; position:relative;}
.slideTxtBox .hd ul{ float:left; width:100%;}
.slideTxtBox .hd ul li{ float:left; width:calc(25% - 9px); cursor:pointer; background:#e8e8e8; font-size:16px; min-height:47.5px; padding-top:7.5px; color:#333333; margin-right:12px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.slideTxtBox .hd ul li:nth-child(4){ margin-right:0;}
.slideTxtBox .hd ul li.on{ background:#cb2c30; color:#FFF;}
.slideTxtBox .bd{ width:100vw; max-width:1920px; margin:0 auto; overflow:hidden; background:url(../images/bg2.jpg) top center no-repeat; background-size:cover; padding-bottom:40px;}
.slideTxtBox .bd>ul{ width:1024px; margin:0 auto; zoom:1; overflow:hidden;}
.slideTxtBox .bd>ul>li{ width:100%; overflow:hidden;}
.slideTxtBox .bd>ul>li .bd_li1{ width:100%; overflow:hidden; font-size:34px; font-weight:bold; color:#FFF; line-height:44px; margin-top:40px;}
.slideTxtBox .bd>ul>li .bd_li2{ width:100%; overflow:hidden; font-size:15px; color:#FFF; line-height:24px; text-align:left; margin-top:15px;}
.slideTxtBox .bd>ul>li .bd_li3{ width:100%; overflow:hidden;}
.slideTxtBox .bd>ul>li .bd_li3>li{ float:left; margin-right:26px; width:calc(33.33% - 19.5px); margin-top:30px; position:relative; cursor:pointer;}
.slideTxtBox .bd>ul>li .bd_li3>li:nth-child(3n){ margin-right:0;}
.slideTxtBox .bd>ul>li .bd_li4{ width:100%; overflow:hidden; position:relative;}
.slideTxtBox .bd>ul>li .bd_li4 img{ 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;}
.slideTxtBox .bd>ul>li .bd_li5{ position:absolute; bottom:0; left:0; background:url(../images/header_bg.png) repeat; width:90%; padding:8px 5%; font-size:15px; color:#FFF; line-height:22px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.slideTxtBox .bd>ul>li .bd_li3>li: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);}
.slideTxtBox .bd>ul>li .bd_li3>li:hover .bd_li5{ background:url(../images/index2_bg.jpg) repeat;}

.index3{ width:100vw; max-width:1920px; overflow:hidden; margin:0 auto; background:url(../images/bg3.jpg) center bottom no-repeat; background-size:1600px auto; padding:50px 0;}
.index3_in{ width:1024px; margin:0 auto; overflow:hidden;}
.index3_l{ float:left; width:490px; overflow:hidden;}
.index3_title{ float:left; width:100%; overflow:hidden; position:relative; height:74px;}
.index3_title:after{ position:absolute; content:""; bottom:0; left:0; width:70px; height:3px; background:#cb2c30;}
.index3_title_bg{ position:absolute; top:-8px; left:0; font-size:55px; font-weight:bold; color:#f5f5f5; line-height:70px; z-index:1;}
.index3_title1{ position:relative; z-index:10; font-size:34px; font-weight:bold; color:#333; text-align:left; line-height:44px; margin-top:12px;}
.index3_2{ float:left; overflow:hidden; text-align:left; margin-top:15px; font-size:15px; line-height:24px; color:#666666; height:216px; width:calc(100% - 15px); padding-right:5px;}

.index3_r{ float:right; width:490px; overflow:hidden; position:relative; cursor:pointer;}
.index3_r1{ display:block; width:100%;}
.index3_r2{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/header_bg.png) 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;
	/* 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;
}
.index3_r2 img{ display:block; width:100px;}
.index3_r:hover .index3_r2{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.factory{ width:1024px; margin:0 auto; overflow:hidden; position:relative; padding-top:50px; height:385px;}
.factory li{ cursor:pointer;}
.factory li:nth-child(1){ position:absolute; top:50px; left:0; width:323px;}
.factory li:nth-child(2){ position:absolute; bottom:0; left:0; width:323px;}
.factory li:nth-child(3){ position:absolute; top:50px; left:50%; margin-left:-168.5px; width:337px; height:385px;}
.factory li:nth-child(4){ position:absolute; top:50px; right:0; width:323px;}
.factory li:nth-child(5){ position:absolute; bottom:0; right:0; width:323px;}
.factory1{ display:block; width:100%;}
.factory2{ position:absolute; width:100%; height:100%; background:url(../images/header_bg.png) repeat; top:0; left:0; 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;
	/* 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;
}
.factory2 img{ display:block; width:100px;}
.factory3{ width:100%; overflow:hidden; font-size:34px; font-weight:bold; color:#FFF; background:#cb2c30; height:57px; line-height:57px;}
.factory4{ position:absolute; overflow:hidden; width:100%; height:316px; bottom:0; left:0;}
.factory4>img{ display:block; width:100%;}
.factory li:hover .factory2{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.factory_new{ width:1024px; margin:0 auto; overflow:hidden; position:relative; padding-top:17px;}
.factory_new li{ float:left;}
.factory_new li:nth-child(3n-2){ width:323px; clear:left;}
.factory_new li:nth-child(3n-1){ width:337px; margin-left:calc(50% - 491.5px);}
.factory_new li:nth-child(3n){ width:323px; margin-left:calc(50% - 491.5px);}

.certificate{ width:1024px; margin:0 auto; overflow:hidden; padding-top:50px;}
.certificate_title{ width:100%; height:74px; position:relative; overflow:hidden;}
.certificate_title:after{ position:absolute; content:""; bottom:0; left:50%; margin-left:-35px; width:70px; height:3px; background:#cb2c30;}
.certificate_title_bg{ position:absolute; top:-8px; left:0; width:100%; height:70px; line-height:70px; font-size:55px; font-weight:bold; color:#000; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1;}
.certificate_title1{ font-size:34px; font-weight:bold; color:#333; line-height:44px; margin-top:12px;}

.swiper-container2 {
	width: 100%;
	height: 100%;
	margin: 30px auto 0 auto;
	position:relative;
	overflow:hidden;
}
.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: top;
	-ms-flex-pack: top;
	-webkit-justify-content: top;
	justify-content: top;
	-webkit-box-align: top;
	-ms-flex-align: top;
	-webkit-align-items: top;
	align-items: top;
}
.certificate1{ width:277px; overflow:hidden; cursor:pointer;}
.certificate1 img{ display:block; width:100%;}
.certificate_bottom{ display:block; width:100%;}
.swiper-container2 .swiper-slide:hover .certificate1{ -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); transform:rotateY(360deg); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}

.index4{ width:100vw; max-width:1920px; overflow:hidden; margin:0 auto; background:url(../images/bg4.jpg) center top no-repeat; padding:50px 0;}
.index4_in{ width:1024px; margin:0 auto; overflow:hidden;}

.index4_1{ width:100%; overflow:hidden; text-align:left; font-size:15px; line-height:24px; color:#666; margin-top:30px;}

.index4_2{ width:100%; overflow:hidden; margin-top:50px;}
.index4_2 li{ float:left; overflow:hidden; margin-right:17.5px; overflow:hidden;}
.index4_2 li:nth-child(1){ width:314px;}
.index4_2 li:nth-child(2){ width:298px;}
.index4_2 li:nth-child(3){ width:377px; margin-right:0;}
.index4_3{ cursor:pointer; display:block; width:100%; height:408px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index4_4{ width:100%; overflow:hidden; height:156px;}
.index4_4 img{ cursor:pointer; display:block; width:298px; height:156px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index4_5{ width:100%; height:60px; background:url(../images/customer.png) center center no-repeat #cb2c30; background-size:auto 40px; margin-top:18px;}
.index4_6{ width:100%; overflow:hidden; height:156px; margin-top:18px;}
.index4_6 img{ cursor:pointer; display:block; width:298px; height:156px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index4_7{ cursor:pointer; display:block; width:100%; height:408px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index4_3:hover{ -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);}
.index4_4 img:hover{ -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);}
.index4_6 img:hover{ -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);}
.index4_7:hover{ -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);}

.index5{ width:100vw; max-width:1920px; overflow:hidden; margin:0 auto; background:url(../images/bg5.jpg) center top no-repeat; background-size:cover; padding:50px 0 140px 0;}
.index5_in{ width:1024px; margin:0 auto;}

.index5_1{ width:100%; overflow:hidden; margin-top:20px; text-align:left; line-height:24px; font-size:15px;}
.index5_2{ width:100%; overflow:hidden; border-bottom:1px solid #c6c6c3; color:#cb2c30; padding:7px 0;}
.index5_3{ width:100%; overflow:hidden; border-bottom:1px solid #c6c6c3; color:#444444; padding:7px 0;}
.index5_4{ width:100%; margin-top:15px;}
.index5_4 li{ width:48.5%; height:34px; border-bottom:1px solid #c6c6c3; position:relative; z-index:1;}
.index5_4 li:nth-child(2n-1){ float:left;}
.index5_4 li:nth-child(2n){ float:right;}
.index5_5{ width:97%; padding-left:3%; height:34px; line-height:34px; overflow:hidden; text-align:left; font-size:15px; color:#cb2c30; cursor:pointer; background:url(../images/index_contact.png) 96% center no-repeat;}
.index5_6{ display:none; position:absolute; top:35px; left:0; width:94%; padding:5px 3%; overflow:hidden; background:#f0c9c9; text-align:left; font-size:12px; color:#444444; line-height:22px;}
.index5_4 li:hover{ z-index:100;}
.index5_4 li:hover .index5_5{ background:url(../images/index_contact_on.png) 96% center no-repeat #cf4b4d; color:#FFF;}
.index5_4 li:hover .index5_6{ display:block;}

.footer{ width:100vw; max-width:1920px; margin:0 auto; overflow:hidden;}
.footer_in{ width:1024px; margin:0 auto; overflow:hidden;}

.footer_top{ width:100%; overflow:hidden; background:url(../images/bg6.jpg) center bottom no-repeat; padding:30px 0; background-size:cover;}

.footer_top1{ float:left; width:50%; overflow:hidden;}
.footer_logo{ float:left; display:block; width:90px;}
.footer_top1_1{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.footer_top1_1 li{ float:left; font-size:15px; color:#FFF; line-height:22px; padding-left:26px; margin-top:7px;}
.footer_top1_1 li.tel{ margin-right:20px; background:url(../images/footer1.png) left 3.5px no-repeat;}
.footer_top1_1 li.mailbox{ margin-right:20px; background:url(../images/footer2.png) left 5px no-repeat;}
.footer_top1_1 li.address{ background:url(../images/footer3.png) left 1px no-repeat; clear:both;}

.footer_top2{ float:right; width:50%; overflow:hidden;}
.footer_top2_1{ float:right;}
.footer_top2_1 li{ float:left; margin-left:10px;}
.footer_top2_1 li img{ display:block;}
.footer_top2_2{ float:right; clear:both; margin-top:15px;}

.footer_bottom{ width:100%; overflow:hidden; background:#1d1d1d; border-top:1px solid #323232; font-size:14px; color:#FFF; line-height:24px; padding:15px 0;}
.footer_bottom a{ color:#5a5a5a;}
.footer_bottom1{ float:left;}
.footer_bottom2{ float:right;}

.position{ width:100vw; max-width:1920px; margin:70px auto 0 auto; overflow:hidden; background:#f2f2f2;}
.position_in{ width:1024px; margin:0 auto; overflow:hidden; text-align:left; font-size:15px; color:#4a4a4a; line-height:24px; padding:20px 0;}
.position_in a{ color:#4a4a4a;}

.contact{ width:1024px; margin:0 auto; overflow:hidden;}

.contact_b{ width:100%; padding-bottom:60px; clear:both; padding-top:25px;}
.contact_b .index5_4{ width:100%;}
.contact_b .index5_4 li{ width:48.5%; height:50px; border-bottom:0; position:relative; z-index:1; margin-top:5px;}
.contact_b .index5_4 li:nth-child(2n-1){ float:left;}
.contact_b .index5_4 li:nth-child(2n){ float:right;}
.contact_b .index5_5{ width:97%; padding-left:3%; height:50px; line-height:50px; overflow:hidden; text-align:left; font-size:15px; color:#333333; cursor:pointer; background:url(../images/index_contact.png) 96% center no-repeat #e8e8e8;}
.contact_b .index5_6{ display:none; position:absolute; top:50px; left:0; width:94%; padding:10px 3% 22px 3%; overflow:hidden; background:#f5f5f5; text-align:left; font-size:15px; color:#444444; line-height:22px;}
.contact_b .index5_6 div{ margin-top:12px; padding-left:30px;}
.contact_b .index5_4 li:hover{ z-index:100;}
.contact_b .index5_4 li:hover .index5_5{ background:url(../images/index_contact_on.png) 96% center no-repeat #b40e10; color:#FFF;}
.contact_b .index5_4 li:hover .index5_6{ display:block;}
.contact_b .index5_4 li:hover .index5_6 .manager{ background:url(../images/contact1.jpg) 1px 3.5px no-repeat;}
.contact_b .index5_4 li:hover .index5_6 .email{ background:url(../images/contact2.jpg) left 5px no-repeat;}
.contact_b .index5_4 li:hover .index5_6 .tel{ background:url(../images/contact3.jpg) left 4px no-repeat;}
.contact_b .index5_4 li:hover .index5_6 .fax{ background:url(../images/contact4.jpg) 2px 4.5px no-repeat;}

.contact_l{ float:left; width:48.5%; overflow:hidden;}
.contact_l1{ width:100%; height:95px; text-align:left; font-size:24px; font-weight:bold; color:#767779; line-height:40px; border-bottom:2px solid #ebeced; overflow:hidden; position:relative;}
.contact_l1 span{ display:block; margin-top:30px;}
.contact_l1:after{ content:""; width:100px; height:2px; background:#b40e10; position:absolute; bottom:0; left:0;}
.contact_l2{ width:100%; overflow:hidden;}
.contact_l2 li{ width:100%; overflow:hidden; border-bottom:1px solid #dedfe1; padding:30px 0;}
.contact_l2 li .address{ float:left; width:48px; height:48px; border:1px solid #dfdfdf; background:url(../images/contact5.jpg) center center no-repeat #f9f9f9;}
.contact_l2 li .email{ float:left; width:48px; height:48px; border:1px solid #dfdfdf; background:url(../images/contact6.jpg) center center no-repeat #f9f9f9;}
.contact_l3{ float:left; width:calc(100% - 60px); text-align:left; margin-left:10px; font-size:15px; line-height:24px;}
.contact_l4{ color:#999999;}
.contact_l5{ color:#121212;}

.contact_r{ float:right; width:48.5%; overflow:hidden;}
.map{ width:100%; margin-top:95px;}
.map img{ width:100%; display:block;}

.message{ width:100%; overflow:hidden; padding:50px 0 0 0;}
.message1{ width:100%; overflow:hidden; font-size:24px; line-height:34px; color:#767779; padding-bottom:10px;}
.message2{ float:left; overflow:hidden; width:48.5%;}
.message3{ float:right; overflow:hidden; width:48.5%;}

.input1{ float:left; width:calc(94% - 2px); padding:0 3%; border:1px solid #e8e8e8; font-size:15px; font-family:"Arial"; height:50px; outline:none; margin-top:20px; color:#666;}
.input2{ float:left; width:calc(94% - 122px); padding:0 3%; border:1px solid #e8e8e8; font-size:15px; font-family:"Arial"; height:50px; outline:none; margin-top:20px; color:#666;}
.textarea1{ width:calc(97% - 2px); padding:10px 1.5%; overflow:hidden; border:1px solid #e8e8e8; font-family:"Arial"; font-size:15px; outline:none; line-height:30px; height:90px; margin-top:20px; color:#666;}
.button1{ margin-top:30px; height:50px; width:160px; font-size:15px; border:0; cursor:pointer; background:#e8e8e8; color:#000;}
.button1:hover{ background:#b40e10; color:#FFF;}
.valid_code1{ float:left; margin-top:20px; width:100px; height:52px; margin-left:20px; cursor:pointer;}

}