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

/*首页*/
.center{ width:100%; margin:0 auto;}
.overflow_hidden{ overflow:hidden;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
	position:relative;
}
.swiper-container .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-container .swiper-slide .banner_video{ display:block; width:100%; object-fit:fill;}
.swiper-button-next{ position:absolute; z-index:1000; right:3%; top:50%; margin-top:-25px; display:block; width:50px; height:50px; background:url(../images/banner_r.png) center center no-repeat; background-size:50px 50px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -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-button-prev{ position:absolute; z-index:1000; left:3%; top:50%; margin-top:-25px; display:block; width:50px; height:50px; background:url(../images/banner_l.png) center center no-repeat; background-size:50px 50px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -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-button-next:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-prev:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.banner_bg{ width:100%; height:100%; overflow:hidden; background:url(../images/banner_bg.png) repeat; position:absolute; top:0; left:0; z-index:980;}
.next{ position:absolute; bottom:5%; left:50%; width:56px; height:87px; margin-left:-28px; z-index:1000; cursor:pointer;}
.next img{ display:block; -webkit-animation:play 2s linear infinite; -moz-animation:play 2s linear infinite; -ms-animation:play 2s linear infinite; -0-animation:play 2s linear infinite; animation:play 2s linear infinite;}

.banner_font{ position:absolute; width:100%; text-align:center; top:50%; margin-top:-22px; left:0; z-index:990; color:#FFF;}
.banner_font1{ width:75%; overflow:hidden; margin:0 auto; font-size:28px; font-weight:bold;}
.banner_font2{ width:75%; overflow:hidden; margin:0 auto; font-size:16px; font-family:"Arial";}

.header{ display:none;}

.language{ float:left; overflow:hidden; height:20px; line-height:20px; width:75px; border:1px solid #FFF; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; font-size:14px; margin-left:25px; margin-top: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; text-align:center;}
.language li{ float:left; width:37px; height:20px;}
.language li:nth-child(1){ border-right:1px solid #FFF;}
.language li a{ color:#FFF; display:block; width:100%; height:20px;}
.language li .a_on{ background:#FFF; color:#000;}

.mobile_bg{ width:100%; display:block; position:fixed; top:0; left:0; z-index:99999999;}
.mobile_bg_on{ background:url(../images/nav_bg.png) repeat;}
.mobile_nav{ width:100%; overflow:hidden; position:relative; padding:17px 0 17px 0; text-align:left; z-index:10001;}
.mobile_logo{ float:left; display:inline-block; height:21px; margin-left:3%;}

.mobile_nav_in{ width:100%; height:100vh; overflow:hidden; float:left; display:none; background:url(../images/nav_bg1.png) repeat; position:fixed; top:0; z-index:10000; padding-bottom:30px;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px;}
.mobile_nav_in>li:nth-child(1){ margin-top:20%;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#FFF; font-size:16px;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none; border-top:1px solid #666;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #666;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#FFF; font-size:15px;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:12px;}
.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:100%; overflow:hidden;}
.index1_l{ float:left; width:100%; height:auto; background:url(../images/index1_2.jpg) center center no-repeat; background-size:100% 100%; padding:50px 0;}
.index1_r{ float:left; width:100%; height:700px;}

.index1_video{ display:block; width:100%; height:700px; object-fit:fill; cursor:pointer; outline:none;}

.index1_l1{ width:512px; float:none; overflow:hidden; margin:0 auto;}
.index1_l2{ float:left; display:block; width:260px; margin-top:0;}
.index1_l3{ float:left; width:100%; height:106px; background:#083a71; margin-top:35px;}
.index1_l3 li{ float:left; overflow:hidden; height:106px; background:url(../images/index1_4.png) right center no-repeat;}
.index1_l3 li:nth-child(1){ width:134px;}
.index1_l3 li:nth-child(2){ width:143px;}
.index1_l3 li:nth-child(3){ width:106px;}
.index1_l3 li:nth-child(4){ width:127px; background:none;}
.index1_l4{ font-size:15px; margin-top:20px; color:#3ae5ba;}
.index1_l4 span{ font-size:30px;}
.index1_l5{ font-size:14px; color:#d4e8ff;}
.index1_l6{ float:left; width:100%; padding:30px 0; overflow:hidden; text-align:left; font-size:15px; color:#9eb6d1; line-height:26px;}
.index1_l7{ float:left; width:102px; height:34px; line-height:34px; background:url(../images/bg.jpg) no-repeat center center; background-size:100% 100%; clear:both; font-size:15px; color:#FFF; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l7:hover{ background:url(../images/bg1.jpg) no-repeat center center;}

.index2{ width:100%; overflow:hidden; position:relative;}
.index2_1{ width:94%; overflow:hidden; margin:0 auto; position:relative; z-index:10;}
.index2_1 li{ float:left; width:24.7%; height:auto; overflow:hidden; border-left:1px solid #e6eaf0;}
.index2_1 li:last-child{ border-right:1px solid #e6eaf0;}
.index2_1 li a{ display:block; width:100%; height:100%; overflow:hidden; position:relative; padding-bottom:50px;}
.index2_1_bg{ position:absolute; width:100%; height:100%; background:#f2f8fa; top:100%; left:0; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 1s; transition: all 0.6s;}
.index2_2{ position:relative; z-index:10; width:100%; overflow:hidden; margin-top:100px;}
.index2_3{ position:absolute; z-index:10; top:50%; left:50%; width:80px; margin-left:-40px; margin-top:-40px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.index2_4{ position:relative; z-index:11; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; width:320px; max-width:90%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; -webkit-transform:scale(0.8) translateZ(0); -moz-transform:scale(0.8) translateZ(0); -ms-transform:scale(0.8) translateZ(0); -o-transform:scale(0.8) translateZ(0); transform:scale(0.8) translateZ(0);}
.index2_5{ width:100%; overflow:hidden; position:relative; z-index:11;}
.index2_6{ width:100%; overflow:hidden; height:20px;}
.index2_6 img{ display:block; margin:0 auto; -webkit-animation:play1 1s linear infinite; -moz-animation:play1 1s linear infinite; -ms-animation:play1 1s linear infinite; -0-animation:play1 1s linear infinite; animation:play1 1s linear infinite;}
.index2_7{ width:80%; margin:20px auto 0 auto; font-size:16px; color:#444444; line-height:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_8{ width:80%; margin:20px auto 0 auto; font-size:15px; color:#888888; line-height:26px; overflow:hidden; height:78px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_1 li a:hover .index2_1_bg{ top:0;}
.index2_1 li a:hover .index2_3{ -webkit-transform:scale(0.8) translateZ(0); -moz-transform:scale(0.8) translateZ(0); -ms-transform:scale(0.8) translateZ(0); -o-transform:scale(0.8) translateZ(0); transform:scale(0.8) translateZ(0);}
.index2_1 li a:hover .index2_4{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; -webkit-transform:scale(1) translateZ(0); -moz-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); -o-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0);}
.index2_1 li a:hover .index2_7{ color:#0b3567;}
.index2_1 li a:hover .index2_8{ color:#49698e;}

.title_absolute{ position:absolute; top:50px; z-index:100;}
.index_title{ width:100%; overflow:hidden;}
.index_title1{ display:block; margin:0 auto; height:24px;}
.index_title2{ width:90%; font-size:15px; color:#696969; line-height:26px; margin:5px auto 0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.index3{ width:100%; overflow:hidden; position:relative; background:url(../images/index3_bg.jpg) center center no-repeat; background-size:1920px auto; padding:50px 0;}

.swiper-container1 {
	width: 94%;
	height: auto;
	margin:50px auto 0 auto;
	overflow:hidden;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	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{ margin-top:40px;}
.swiper-pagination1 .swiper-pagination-bullet{ width:15px; height:15px; background:url(../images/index3_3.png) center center no-repeat; background-size:15px 15px; margin:0 10px;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:url(../images/index3_3_1.png) center center no-repeat; background-size:15px 15px;}

.index3_1{ width:100%; height:auto; overflow:hidden; cursor:pointer; position:relative; margin:0 auto;}
.index3_1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_1 img:nth-child(1){ display:none;}
.index3_1:hover img:nth-child(1){ margin-top:0;}

.index4{ width:100%; overflow:hidden; padding:50px 0; background:url(../images/index4_bg.jpg) repeat-x; background-size:auto 100%;}
.index4_1{ width:98%; overflow:hidden; margin:0 auto;}
.index4_1 li{ float:left; width:31.33%; margin:50px 1% 0 1%;}
.index4_1 li a{ display:block; width:100%; height:auto; overflow:hidden; 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;
}
.index4_2{ position:relative; z-index:10; display:block; margin:0 auto; max-width:100%;}
.index4_3{ position:absolute; z-index:100; width:120px; height:34px; line-height:34px; bottom:40px; right:5%; background:#083a71; font-size:15px; color:#FFF; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_4bg{ position:absolute; z-index:1; bottom:0; left:0; margin-left:0; width:100%; height:100%; background:url(../images/index4_bg1.png) center center no-repeat; background-size:100% auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_1 li a:hover .index4_3{ background:url(../images/bg.jpg) no-repeat center center; background-size:100% 100%; bottom:40px;}
.index4_1 li a:hover .index4_4bg{ bottom:0; background:url(../images/index4_bg2.png) no-repeat center center; background-size:100% auto;}

.index5{ width:100%; overflow:hidden; padding:50px 0;}

.index5_1{ width:100%; overflow:hidden; position:relative;}
.index5_2{ display:block; overflow:hidden; width:100%;}
.index5_2 img{ display:block; margin:0 auto; max-width:100%;}
.index5_3{ width:100%; font-size:15px; color:#0b3567; line-height:30px; margin-top:35px; overflow:hidden;}	
.index5_3 span{ color:#00baff; font-weight:bold;}

.swiper-container2 {
	width: 70%;
	height: 100%;
	position:relative;
	overflow:hidden;
	margin:50px auto 0 auto;
}
.swiper-container2 .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-button-next2{ position:absolute; z-index:1000; right:3%; top:50%; margin-top:-25px; display:block; width:50px; height:50px; background:url(../images/banner_r.png) center center no-repeat; background-size:50px 50px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -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-button-prev2{ position:absolute; z-index:1000; left:3%; top:50%; margin-top:-25px; display:block; width:50px; height:50px; background:url(../images/banner_l.png) center center no-repeat; background-size:50px 50px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -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-button-next2:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-prev2:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.index6{ width:100%; overflow:hidden; padding:50px 0; background:url(../images/index6_bg.jpg) center center no-repeat; background-size:auto 100%;}
.index6_1{ width:94%; margin:0 auto; overflow:hidden; padding-top:30px;}
.index6_l{ float:none; width:600px; overflow:hidden; margin:20px auto 0 auto;}
.index6_r{ float:none; width:600px; overflow:hidden; margin:30px auto 0 auto;}
.index6_l li{ width:100%; overflow:hidden;}
.index6_l li:nth-child(2n){ height:50px; background:url(../images/index1_4.png) 24px center no-repeat; background-size:auto 28px;}
.index6_l1{ float:left; display:block;}
.index6_l2{ float:left; width:536px; overflow:hidden; text-align:left; font-size:15px; color:#FFF; line-height:26px; margin-left:15px;}
.index6_l3{ float:left; display:block; margin-left:15px; margin-top:7px;}

.index6_r .input1{ font-size:14px; font-family:"微软雅黑"; color:#FFF; background:none; outline:none; border:1px solid #7f8489; float:left; width:93%; padding:0 3%; height:42px; line-height:42px; margin-top:20px;}
.index6_r .input2{ font-size:14px; font-family:"微软雅黑"; color:#FFF; background:none; outline:none; border:1px solid #7f8489; float:left; width:100px; padding:0 3%; height:42px; line-height:42px; margin-top:20px;}
.index6_r .textarea1{ font-size:14px; font-family:"微软雅黑"; color:#FFF; background:none; outline:none; border:1px solid #7f8489; float:left; width:93%; padding:9px 3%; height:72px; line-height:24px; margin-top:20px;}
.index6_r .button1{ font-size:15px; font-family:"微软雅黑"; color:#FFF; background:url(../images/bg.jpg) no-repeat center center; background-size:100% 100%; outline:none; border:0; cursor:pointer; float:left; clear:both; margin-top:20px; width:102px; height:34px; line-height:34px; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index6_r .button1:hover{ background:url(../images/bg1.jpg) no-repeat center center; background-size:100% 100%;}

.footer{ width:100%; overflow:hidden; background:#000;}
.footer_in{ width:94%; margin:0 auto; color:#cccccc; font-size:14px; line-height:26px; padding:20px 0;}
.footer_in a{ color:#cccccc;}
.footer_in a:hover{ text-decoration:underline;}

.banner{ display:none;}

.banner_mobile{ display:block; width:100%; overflow:hidden; position:relative;}
.banner_mobile img{ display:block; max-width:100%; -webkit-transform:scale(1.1) translateZ(0); -moz-transform:scale(1.1) translateZ(0); -ms-transform:scale(1.1) translateZ(0); -o-transform:scale(1.1) translateZ(0); transform:scale(1.1) translateZ(0); -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; transition: all 3s;}
.banner_on img{ -webkit-transform:scale(1) translateZ(0); -moz-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); -o-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0);}
.neiye_title{ width:100%; overflow:hidden; position:absolute; top:50%; left:0; margin-top:-30px;}
.neiye_title1{ font-size:30px; font-weight:bold; color:#FFF; line-height:40px;}
.neiye_title2{ font-size:24px; font-family:"Arial"; font-weight:bold; color:#FFF; line-height:34px;}

.position{ width:94%; margin:0 auto; overflow:hidden; text-align:left; font-size:14px; color:#444444; line-height:24px; padding-top:30px;}
.position a{ color:#444444;}
.position span{ color:#083a71;}
.position a:hover{ text-decoration:underline;}

.content_title{ width:94%; margin:30px auto 0 auto; overflow:hidden; text-align:left; font-size:20px; color:#083a71; line-height:30px;}

.content{ width:100%; overflow:hidden;}
.content_in{ width:94%; overflow:hidden; margin:0 auto;}

/*about*/
.about{ width:100%; overflow:hidden; padding:50px 0;}
.about_l{ float:left; width:48.5%; overflow:hidden; text-align:left; font-size:15px; color:#444; line-height:30px;}
.about_l b{ color:#083a71;}
.about_r{ float:right; width:48.5%; height:auto; object-fit:fill; cursor:pointer;}

.about_l1{ float:left; display:block; width:260px;}

.about1{ width:100%; overflow:hidden; padding:50px 0; background:url(../images/about4.jpg) center center no-repeat; background-size:auto 100%;}
.about1_1{ width:94%; margin:0 auto; overflow:hidden; font-size:15px; color:#FFF; line-height:30px;}
.about1_2{ display:block; margin:0 auto; width:160px;}
.about1 .index1_l3{ float:none; width:94%; height:106px; background:none; margin:30px auto 0 auto;}
.about1 .index1_l3 li{ float:left; overflow:hidden; height:106px; background:url(../images/index1_4.png) right center no-repeat;}
.about1 .index1_l3 li:nth-child(1){ width:25% !important;}
.about1 .index1_l3 li:nth-child(2){ width:25% !important;}
.about1 .index1_l3 li:nth-child(3){ width:25% !important;}
.about1 .index1_l3 li:nth-child(4){ width:25% !important; background:none;}
.about1 .index1_l4{ font-size:16px; margin-top:15px; color:#3ae5ba;}
.about1 .index1_l4 span{ font-size:40px;}
.about1 .index1_l5{ font-size:14px; color:#d4e8ff;}
.about1 .index1_l6{ float:left; width:570px; padding:30px 0; overflow:hidden; text-align:left; font-size:16px; color:#9eb6d1; line-height:26px;}

/*customer*/
.customer{ width:100%; overflow:hidden; padding:50px 0; font-size:16px; color:#444; line-height:30px; text-align:left;}
.customer img{ display:block; margin:0 auto; max-width:100%;}

.customer1{ width:100%; overflow:hidden; background:url(../images/index3_bg.jpg) center center no-repeat; background-size:cover; padding:20px 0 50px 0;}
.customer1_1{ width:94%; margin:0 auto; overflow:hidden;}
.customer1_1 li{ float:left; margin-top:30px; width:22.75%; margin-right:3%; overflow:hidden;}
.customer1_1 li:nth-child(4n){ margin-right:0;}
.customer1_1 li img{ display:block; width:100%;}

.customer2{ width:100%; overflow:hidden; padding:50px 0;}
.customer2_1{ width:100%; overflow:hidden; text-align:left; font-size:18px; color:#0b3567; line-height:28px;}
.customer2_2{ width:100%; overflow:hidden;}
.customer2_2 li{ float:left; font-size:15px; color:#0b3567; line-height:26px; margin-top:20px; margin-right:20px;}

/*honor*/
.honor{ width:100%; overflow:hidden; padding:20px 0;}
.honor li{ float:left; overflow:hidden; width:22.5%; margin-right:2.5%; margin-top:30px; -webkit-box-shadow:10px 10px 10px #999ead; -moz-box-shadow:10px 10px 10px #999ead; box-shadow:10px 10px 10px #999ead;}
.honor li a{ display:block; max-width:100%; overflow:hidden; float:left;}
.honor li a img{ display:block; max-width:100%;}

.page{ width:100%; overflow:hidden; font-size:15px; padding:50px 0;}
.page a{ color:#444; display:inline-block; margin:10px 3px 0 3px; line-height:24px; height:24px; padding:0 7px; overflow:hidden;}
.page span{ color:#444; display:inline-block; margin:10px 3px 0 3px; cursor:pointer; line-height:24px; height:24px; padding:0 7px; overflow:hidden;}
.page a:hover{ background:#083a71; color:#FFF;}
.page span:hover{ background:#083a71; color:#FFF;}

/*culture*/
.culture{ width:100%; overflow:hidden; margin-top:40px;}
.culture li{ float:left; width:100%; overflow:hidden; position:relative; color:#444; text-align:left;}
.culture li .culture2_1{ width:100%; overflow:hidden;}
.culture li .culture2_2{ width:100%; overflow:hidden; font-size:18px; line-height:30px;}
.culture li .culture2_3{ width:100%; overflow:hidden; font-size:15px; line-height:30px; margin-top:10px;}
.culture li:nth-child(2n-1) .culture1{ float:left; width:50%;}
.culture li:nth-child(2n-1) .culture1 img{ display:block; width:100%;}
.culture li:nth-child(2n-1) .culture2{ position:absolute; top:0; right:0; width:44%; height:100%; padding:0 3%;
	/* 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;
}
.culture li:nth-child(2n) .culture1{ float:right; width:50%;}
.culture li:nth-child(2n) .culture1 img{ display:block; width:100%;}
.culture li:nth-child(2n) .culture2{ position:absolute; top:0; left:0; width:44%; height:100%; padding:0 3%;
	/* 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;
}

/*patent*/
.patent1{ width:100%; overflow:hidden; text-align:left; font-size:15px; line-height:30px; color:#444; padding-top:30px;}
.patent1_1{ color:#083a71;}

.patent{ width:100%; overflow:hidden;}
.patent li{ float:left; overflow:hidden; width:22%; margin-right:3%; margin-top:30px; border:1px solid #cecece;}
.patent li:nth-child(4n){ margin-right:0;}
.patent li a{ display:block; max-width:100%; overflow:hidden; float:left;}
.patent li a img{ display:block; max-width:100%;}

.patent_title{ width:90%; padding:20px 5%; overflow:hidden; border-top:1px solid #cecece; font-size:15px; color:#444; line-height:26px; height:52px;}
.patent_title1{ width:100%; height:52px; overflow:hidden;}

/*pro*/
.pro1{ font-weight:bold; color:#083a71;}
.pro2{ display:block; width:102px; height:34px; line-height:34px; font-size:15px; color:#FFF; text-align:center; background:url(../images/bg.jpg) center center no-repeat; background-size:100% 100%; margin-top:15px; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro2:hover{ background:url(../images/bg1.jpg) center center no-repeat; background-size:100% 100%;}

/*proIn*/
.proIn{ width:94%; margin:0 auto; overflow:hidden;}
.proIn1{ width:100%; overflow:hidden; font-size:18px; color:#083a71; font-weight:bold; line-height:30px; margin-top:30px;}
.proIn2{ width:100%; overflow:hidden; padding:50px 0; font-size:15px; color:#444; line-height:30px; text-align:left;}
.proIn2 img{ display:block; margin:0 auto; max-width:100%;}
.pro_video{ display:block; margin:0 auto; width:80%; object-fit:fill;}

/*application*/
.application{ width:100%; overflow:hidden; padding-bottom:5px; margin-top:30px;}
.application li{ float:left; width:48.5%; height:390px; overflow:hidden; margin:0 3% 0 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; cursor:pointer;}
.application li:nth-child(2n){ margin-right:0;}
.application1{ float:left; display:block; width:315px; height:auto; margin:0; max-width:100%;}
.application2{ float:left; width:100%; padding:0; overflow:hidden; text-align:left;}
.application3{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#083a71; line-height:30px; margin-top:30px;}
.application4{ float:left; width:100%; overflow:hidden; font-size:15px; color:#444; line-height:30px; height:120px; margin-top:15px;}
.application li:hover{ -webkit-box-shadow:0px 0px 0px #ddd; -moz-box-shadow:0px 0px 0px #ddd; box-shadow:0px 0px 0px #ddd;}

/*activity*/
.activity{ width:100%; overflow:hidden;}
.activity li{ float:left; overflow:hidden; margin-top:35px; width:32%; margin-right:2%;}
.activity li:nth-child(3n){ margin-right:0;}
.activity li a{ display:block; width:100%; height:100%;}
.activity1{ display:block; width:100%;}
.activity2{ width:100%; overflow:hidden; text-align:left;}
.activity3{ width:100%; font-size:16px; color:#444; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.activity4{ width:100%; height:1px; overflow:hidden; background:#cfcfcf; margin-top:10px; position:relative;}
.activity5{ width:100%; height:1px; overflow:hidden; background:#3be6ba; margin-left:-100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.activity5 span{ display:block; width:95px; height:1px; float:right; background:#00baff;}
.activity6{ width:100%; overflow:hidden; font-size:15px; color:#888888; line-height:26px; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.activity li a:hover .activity3{ color:#083a71;}
.activity li a:hover .activity6{ color:#083a71;}
.activity li a:hover .activity5{ margin-left:0;}

/*activityIn*/
.activityIn{ width:94%; margin:0 auto; overflow:hidden;}
.activityIn1{ width:100%; overflow:hidden; font-size:18px; color:#444; line-height:32px; margin-top:30px;}
.activityIn2{ width:100%; overflow:hidden; font-size:14px; color:#888888; line-height:26px; margin-top:10px;}
.activityIn3{ width:100%; overflow:hidden; padding:30px 0 40px 0; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; margin-top:30px;}
.activityIn3_1{ display:block; width:100%; overflow:hidden; position:relative;}
.activityIn3_1 img{ display:block; width:100%;}
.activityIn3_2{ position:absolute; height:50px; line-height:50px; z-index:100; bottom:0; left:0; background:url(../images/banner_bg.png) repeat; color:#FFF; font-size:15px; width:94%; padding:0 3%; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.gallery-top {
	height: auto;
	width: 100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.gallery-thumbs {
	margin:12px auto 0 auto;
	overflow:hidden;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0;
}
.gallery-thumbs .swiper-slide {
	height: auto;
}
.gallery-thumbs .swiper-slide img{ display:block; width:calc(100% - 4px); border:2px solid #fff; cursor:pointer;}
.gallery-thumbs .swiper-slide-active img{ border:2px solid #083a71;}
.swiper-button-next3{ position:absolute; width:35px; height:60px; background:url(../images/activity_r.png) center center no-repeat; top:50%; margin-top:-30px; right:3%; z-index:10; cursor:pointer; -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-button-prev3{ position:absolute; width:35px; height:60px; background:url(../images/activity_l.png) center center no-repeat; top:50%; margin-top:-30px; left:3%; z-index:10; cursor:pointer; -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-button-next3:hover{ background:url(../images/activity_r.png) center center no-repeat #083a71;}
.swiper-button-prev3:hover{ background:url(../images/activity_l.png) center center no-repeat #083a71;}

.pageIn{ width:100%; overflow:hidden; padding:30px 0 50px 0;}
.pageIn1{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; text-align:left; line-height:26px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:5px;}
.pageIn1 a{ color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn1 span{ color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn1:hover{ color:#083a71;}
.pageIn1:hover a{ color:#083a71;}
.pageIn1:hover span{ color:#083a71;}

/*contact*/
.contact_feedback{ background:none; padding:40px 0 50px 0;}

.contact_feedback .index6_1{ padding-top:0;}
.contact_feedback .index6_l2{ color:#444;}

.contact_feedback .index6_r .input1{ color:#444; border:1px solid #d1d1d1;}
.contact_feedback .index6_r .input2{ color:#444; border:1px solid #d1d1d1;}
.contact_feedback .index6_r .textarea1{ color:#444; border:1px solid #d1d1d1;}

.contact_feedback input::-webkit-input-placeholder{
	color:#444;
}
.contact_feedback input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#444;
}
.contact_feedback input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#444;
}
.contact_feedback input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#444;
}

.contact_feedback textarea::-webkit-input-placeholder{
	color:#444 !important;
}
.contact_feedback textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#444 !important;
}
.contact_feedback textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#444 !important;
}
.contact_feedback textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#444 !important;
}

.contact{ width:94%; margin:0 auto; overflow:hidden; padding-top:40px;}
.map{ width:100%; height:350px;}

/*designed*/
.designed{ width:94%; margin:0 auto; overflow:hidden; text-align:left; padding:30px 0 50px 0; font-size:15px; color:#444; line-height:30px;}
.designed img{ display:inline-block; max-width:100%;}
.designed .img_center{ margin:0 auto; display:block;}
.designed .txt_center{ width:100%; overflow:hidden; text-align:center; display:block; color:#0b3567;}

.designed .title{ display:inline-block; background:#234478; color:#FFF; font-size:16px; font-weight:bold; padding-left:10px; border-right:4px solid #af2f2d;}

/*manufacturing*/
.manufacturing{ width:94%; overflow:hidden; margin:0 auto; font-size:15px; color:#444; line-height:30px; padding:40px 0 50px 0;}
.manufacturing img{ display:block; margin:0 auto; max-width:100%;}
.manufacturing .table_out{ width:100%; overflow:hidden; overflow-x:scroll;}
.manufacturing .table{ border-collapse:collapse; width:960px;}
.manufacturing .table tr th{ border:1px solid #dadada; background:#427dd2; color:#FFF; font-weight:normal; height:40px; padding:5px 10px;}
.manufacturing .table tr td{ border:1px solid #dadada; height:30px; padding:5px 10px;}
.manufacturing .table tr:nth-child(2n-1){ background:#f2f2f2;}

/*workshop*/
.workshop{ width:100%; overflow:hidden; padding:40px 0 50px 0;}
.workshop1{ width:100%; overflow:hidden;}
.workshop2{ display:block; width:100%; position:relative; z-index:10;}
.workshop3{ position:absolute; z-index:100; width:100%; height:100%; background:url(../images/banner_bg.png) repeat; top:0; left:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.workshop4{ position:absolute; z-index:1000; overflow:hidden; top:50%; width:100%; color:#FFF; margin-top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.workshop5{ font-size:20px; line-height:40px; width:80%; padding:0 10%; overflow:hidden; height:40px;}
.workshop6{ font-size:16px; line-height:30px; width:80%; padding:0 10%; overflow:hidden; height:30px;}
.swiper-container4 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position:relative;
}
.swiper-container4 .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-next4{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; right:2%; background:url(../images/activity_r.png) center center no-repeat; background-size:14px auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; z-index:100; cursor:pointer; -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-button-prev4{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; left:2%; background:url(../images/activity_l.png) center center no-repeat; background-size:14px auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; z-index:100; cursor:pointer; -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-button-next4:hover{ background:url(../images/activity_r.png) center center no-repeat #20d2d9; background-size:14px auto;}
.swiper-button-prev4:hover{ background:url(../images/activity_l.png) center center no-repeat #20d2d9; background-size:14px auto;}
.swiper-container4 .swiper-slide-next .workshop4{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; margin-top:-35px;}
.swiper-container4 .swiper-slide-next .workshop3{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}

/*人才招聘*/
.n_recruit{ width:94%; height:auto; margin:50px auto 0 auto; border:1px solid #f2f2f2; overflow:hidden; padding:40px 0; background:#FFF;}
.n_recruit1{ float:left; width:50%; height:310px; display:none;}
.n_recruit2{ float:right; width:90%; padding:0 5%; height:auto; text-align:left;
	/* Center slide text vertically */
	-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;
	display: block;
}
.n_recruit2_1{ width:100%; height:45px; overflow:hidden; font-size:20px; font-weight:bold; position:relative; line-height:24px;}
.n_recruit2_1 span{ width:60px; height:2px; background:#555555; position:absolute; bottom:0; left:0;}
.n_recruit2_2{ width:100%; overflow:hidden; font-size:13px; color:#666; line-height:30px; margin-top:30px; height:auto;}
.n_recruit2_3{ width:100%; overflow:hidden;}

.recruit1{ overflow:hidden; padding-bottom:60px; border-bottom:1px solid #ededed; width:94%; margin:0 auto;}

.recruit3{ float:none; width:100%; margin:0 auto; margin-top:50px; overflow:hidden;}
.recruit3_1{ float:left; width:100%; overflow:hidden; line-height:20px; background:#083a71; text-align:center; font-size:15px; color:#FFF; padding:15px 0;}
.recruit3_2{ float:left; width:26%; padding:0 1%;}
.recruit3_3{ float:left; width:10%; padding:0 1%;}
.recruit3_4{ float:left; width:20%; padding:0 1%;}
.recruit3_5{ float:left; width:14%; padding:0 1%;}
.recruit3_6{ float:left; width:14%; padding:0 1%;}

.recruit4{ float:left; width:100%; overflow:hidden;}
.recruit4 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.recruit4_1{ float:left; width:100%; overflow:hidden; text-align:center; font-size:13px; color:#999999;}
.recruit4_2{ float:left; width:26%; padding:30px 1%; text-align:left; line-height:20px;}
.recruit4_3{ float:left; width:10%; padding:30px 1%; line-height:20px;}
.recruit4_4{ float:left; width:20%; padding:30px 1%; line-height:20px;}
.recruit4_5{ float:left; width:14%; padding:30px 1%; line-height:20px;}
.recruit4_6{ float:left; width:14%; padding:30px 1%; line-height:20px;}
.recruit4_7{ float:left; width:6%; height:80px; background:url(../images/recruit2.jpg) center center no-repeat; background-size:auto 10px; cursor:pointer;}

.recruit4_8{ font-size:13px; color:#666; line-height:30px; padding:20px 0; border-bottom:1px solid #e5e5e5;}
.recruit4_9{ float:left; width:100%; overflow:hidden; padding:30px 0;}
.recruit4_10{ float:left; display:block; width:154px; height:44px; line-height:44px; text-align:center; background:#067b9e; font-size:14px; color:#FFF; display:none;}
.recruit4_11{ float:right; font-size:13px; color:#666; height:44px; line-height:44px;}
.recruit4_12{ display:none; float:left; width:96%; background:#f7f7f7; text-align:left; padding:0 2%;}

}