@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div{ border:0;}
img{ border:0;}
body{ font-size:12px; font-family:"微软雅黑"; overflow-x: hidden; text-align:center;}
.float_l{ float:left !important;}
.float_r{ float:right !important;}
.blank0{ width:100%; height:0px; clear:both;}
.center{ width:100%; overflow:hidden;}

/*首页*/
.header{ width:100%; position:fixed; top:0; left:0; z-index:10000; background:#000; height:170px;}
.header_in{ width:1300px; height:120px; margin:0 auto; position:relative; z-index:100;}
.logo{ display:block; float:left; margin-top:20px; height:81px;}
.header_right{ float:right; width:225px; height:40px; background:url(../images/search_bg.png) center center no-repeat; margin-top:40px;}
.language{ float:left; width:171px; height:40px; line-height:40px; font-size:16px; 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:50px; background:#363636;}
.nav{ width:1300px; height:50px; margin:0 auto;}
.nav>li{ float:left; width:190px; margin-right:32px; position:relative;}
.nav>li:last-child{ margin-right:0;}
.nav>li>a{ display:block; width:190px; height:50px; overflow:hidden; line-height:50px; text-align:center; font-size:16px; color:#FFF; background:url(../images/nav_bg1.png) 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;}
.nav>li>a.on{ background:url(../images/nav_bg.png) center center no-repeat;}
.nav>li:hover>a{ background:url(../images/nav_bg.png) center center no-repeat;}
.nav>li:hover .nav1{ display:block;}
.nav1{ position:absolute; top:50px; left:0; background:#f7f8f9; width:165px; 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; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#333; -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>a:hover{ background:#ff8e00; color:#FFF;}

.swiper-container1 {
	margin: 170px 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:44px; left:50%; margin-left:150px; 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:44px; left:50%; margin-left:-162px; 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;}
.index_banner{ width:100%; height:auto;}
.index_banner1{ display:none; position:relative; z-index:10;}

.jindutiao{ position:absolute; bottom:50px; left:50%; margin-left:-120px; width:240px; 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;}
.jindutiao3{ 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;}

.jindutiao3_on{ -webkit-animation:play 5s linear infinite; -moz-animation:play 5s linear infinite; -ms-animation:play 5s linear infinite; -o-animation:play 5s linear infinite; animation:play 5s linear infinite;}
@-webkit-keyframes play{
    0%  {
        width:0;
    }
    100% {
        width:100%;
    }
}
@-moz-keyframes play{
    0%  {
        width:0;
    }
    100% {
        width:100%;
    }
}
@-ms-keyframes play{
    0%  {
        width:0;
    }
    100% {
        width:100%;
    }
}
@-o-keyframes play{
    0%  {
        width:0;
    }
    100% {
        width:100%;
    }
}
@keyframes play{
    0%  {
        width:0;
    }
    100% {
        width:100%;
    }
}

.mobile_bg{ display:none;}

.index1{ width:1300px; overflow:hidden; margin:0 auto; padding:60px 0 50px 0; background:url(../images/index1_2.png) center 60px no-repeat;}
.index1_1{ width:1076px; height:184px; background:url(../images/index1_1.png) center center no-repeat; margin:0 auto; overflow:hidden;}
.index1_1 img{ display:block; width:571px; height:98px; margin:50px auto 0 auto;}
.index1_2{ width:1076px; 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: 1200px;
	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:410px; overflow:hidden; margin-right:35px; margin-top:35px;}
.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:280px; 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:60px; line-height:60px; 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:18px; background:url(../images/index_pro_bg4.png) 25px center no-repeat; padding:0 0 0 60px; width:calc(100% - 120px); 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:19px; margin-right:25px; -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) 25px 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: 1298px;
	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:1300px; margin:0 auto; overflow:hidden; border-bottom:1px solid #626262; padding:40px 0;}
.footer_top1{ display:block; height:77px; float:left;}
.footer_top2{ float:right; overflow:hidden; text-align:right;}
.footer_top3{ float:right; font-size:16px; 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:36px; font-family:"Arial"; font-weight:bold; color:#ff8e00; line-height:46px;}
.footer_mid{ width:1300px; margin:0 auto; overflow:hidden; border-bottom:1px solid #626262; padding:40px 0;}
.footer_mid1{ float:left; overflow:hidden; width:260px; padding-right:30px;}
.footer_mid1:last-child{ float:right; width:420px; padding-right:0;}
.footer_mid1_1{ float:left; font-size:18px; 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:16px; 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:16px; color:#d9d9db; margin-top:40px; margin-left:25px; line-height:30px; max-width:260px;}
.footer_bot{ width:1300px; margin:0 auto; overflow:hidden; color:#999999; font-size:16px; line-height:30px; padding:25px 0;}
.footer_bot a{ color:#999999;}
.footer_bot a:hover{ text-decoration:underline;}
.footer_bot1{ float:left; text-align:left;}
.footer_bot2{ float:right; text-align:right;}

.piaofu{ position:fixed; bottom:10%; right:0; z-index:9999;}
.piaofu li{ float:left; clear:both; margin:1px 0 0 0; position:relative;}
.piaofu li a{ display:block; width:46px; height:46px; border:1px solid #ff8e00; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position:relative; z-index:10;}
.piaofu li div{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.piaofu li:nth-child(1) a{ background:url(../images/piaofu1_1.png) center center no-repeat #ff8e00;}
.piaofu li:nth-child(2) a{ background:url(../images/piaofu2_1.png) center center no-repeat #ff8e00;}
.piaofu li:nth-child(3) a{ background:url(../images/piaofu3_1.png) center center no-repeat #ff8e00;}
.piaofu li:nth-child(4) a{ background:url(../images/piaofu4_1.png) center center no-repeat #ff8e00;}
.piaofu li:nth-child(1) a:hover{ background:url(../images/piaofu1_1.png) center center no-repeat #ff8e00; border:1px solid #ff8e00;}
.piaofu li:nth-child(2) a:hover{ background:url(../images/piaofu2_1.png) center center no-repeat #ff8e00; border:1px solid #ff8e00;}
.piaofu li:nth-child(3) a:hover{ background:url(../images/piaofu3_1.png) center center no-repeat #ff8e00; border:1px solid #ff8e00;}
.piaofu li:nth-child(4) a:hover{ background:url(../images/piaofu4_1.png) center center no-repeat #ff8e00; border:1px solid #ff8e00;}
.piaofu1{ position:absolute; top:0; right:-240px; width:240px; height:48px; line-height:48px; z-index:1; background:#ff8e00; color:#FFF; font-size:16px;}
.piaofu li:hover .piaofu1{ right:49px;}
.piaofu2{ position:absolute; top:0; right:-160px; width:160px; height:48px; line-height:48px; z-index:1; background:#ff8e00; color:#FFF; font-size:16px;}
.piaofu li:hover .piaofu2{ right:49px;}
.piaofu3{ position:absolute; top:0; right:-150px; width:110px; height:110px; z-index:1; border:1px solid #d1d1d1; background:#FFF;}
.piaofu3 img{ display:block; width:100px; height:100px; margin:5px;}
.piaofu li:hover .piaofu3{ right:49px;}

.banner{ width:100%; height:430px; overflow:hidden; background-size:auto 430px !important; margin:170px auto 0 auto; position:relative;}
.banner1{ display:none;}
.in_nav{ width:100%; overflow:hidden; background:#f7f8f9; border-bottom:1px solid #e7e9ee;}
.in_nav1{ width:1300px; margin:0 auto; overflow:hidden;}
.in_nav1 li{ float:left; margin-right:115px;}
.in_nav1 li:last-child{ margin-right:0;}
.in_nav1 li a{ display:block; height:66px; border-bottom:3px solid #f7f8f9; position:relative; line-height:69px; font-size:18px; 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:1300px; margin:0 auto; overflow:hidden; padding:80px 0 60px 0;}
.about1_1{ width:100%; overflow:hidden;}
.about1_2{ float:left; overflow:hidden; width:570px;}
.about_title{ float:left; font-size:50px; font-weight:bold; color:#000; position:relative; line-height:50px; min-height:50px; width:100%; text-align:left; padding-bottom:30px;}
.about_title:after{ width:95px; height:3px; background:#ff8e00; position:absolute; left:0; bottom:0; content:"";}
.about1_3{ float:left; width:100%; overflow:hidden; text-align:left; font-size:18px; color:#333; line-height:36px; margin-top:30px;}
.about1_4{ float:right; overflow:hidden; width:650px;}
.about1_4 video{ display:block; width:100% !important; height:380px !important; cursor:pointer; background:#000;}
.about1_5{ width:100%; overflow:hidden;}
.about1_6{ width:100%; overflow:hidden;}
.about1_6 li{ float:left; margin-top:70px; width:calc(25% - 1px); border-right:1px solid #dddddd;}
.about1_6 li:last-child{ border-right:0;}
.about1_7{ font-size:86px; font-weight:bold; color:#f39800;}
.about1_7 span{ font-size:16px; font-weight:normal; color:#333;}
.about1_8{ font-size:20px; font-weight:bold; color:#333; line-height:40px;}

.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:1300px; margin:0 auto; overflow:hidden; padding:80px 0 60px 0;}
.about2_1{ width:100%; overflow:hidden; text-align:left; font-size:18px; color:#FFF; line-height:36px; padding-top:30px;}
.about2_1 img{ display:block; max-width:100%; margin:0 auto;}

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

.culture{ width:1300px; margin:0 auto; overflow:hidden; padding:80px 0 60px 0;}
.culture .about_title{ text-align:center;}
.culture .about_title:after{ width:95px; left:50%; margin-left:-47.5px;}
.culture1{ width:100%; overflow:hidden; font-size:18px; line-height:36px; color:#333; padding-top:40px; text-align:left;}
.culture1 img{ display:block; margin:0 auto; max-width:100%;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}

/*荣誉证书*/
.honor{ width:1300px; margin:0 auto; overflow:hidden; padding:80px 0 0 0;}
.honor .about_title{ text-align:center;}
.honor .about_title:after{ width:95px; left:50%; margin-left:-47.5px;}
.honor3{ width:1200px; margin:0 auto; overflow:hidden; background:url(../images/honor3.png) center top repeat-y; background-size:100% 434px; padding:0 50px;}
.honor3 li{ float:left; width:360px; height:419px; background:url(../images/honor4.jpg) center 62px no-repeat; margin:0 20px; 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:342px; height:228px;}
.honor3_2{ float:left; width:90%; padding:0 5%; text-align:center; font-size:18px; 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:#ff8e00; color:#FFF; border:1px solid #ff8e00;}
.page a:hover{ background:#ff8e00; color:#FFF; border:1px solid #ff8e00;}

.pro{ width:1300px; margin:0 auto; overflow:hidden; padding:80px 0 0 0;}
.pro .about_title{ text-align:center;}
.pro .about_title:after{ width:95px; left:50%; margin-left:-47.5px;}

.in_nav_in{ width:1300px; margin:0 auto; overflow:hidden; position:relative;}
.swiper-container4 {
	margin: 0 auto;
	width: 1248px;
	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:66px; border-bottom:3px solid #f7f8f9; position:relative; line-height:69px; font-size:18px; 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; overflow:hidden; width:410px; margin-right:35px; margin-top:35px;}
.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:280px; -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:60px; -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:20px; margin-top:18.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;}
.pro4{ float:left; color:#FFF; font-size:18px; line-height:60px; margin-left:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:307px; 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:1300px; margin:0 auto; overflow:hidden; padding:80px 0 120px 0;}
.proIn1_left{ float:left; width:669px; overflow:hidden;}
.gallery-top{ width:100%; overflow:hidden; height:456px;}
.gallery-top .swiper-slide img{ display:block; width:669px; height:456px;}
.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:161px; height:95px; 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:95px; 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:95px; 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:540px; overflow:hidden; text-align:left;}
.proIn1_r1{ float:left; width:100%; overflow:hidden; font-size:38px; line-height:48px; 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:30px 0;}
.proIn1_r4{ float:left; display:block; height:50px; line-height:50px; font-size:18px; 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:16px; 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:1300px; margin:0 auto; overflow:hidden;}
.proIn2_2 span{ font-size:18px; font-weight:bold; color:#ff9612; line-height:60px; border:1px solid #d8d8d8; background:#FFF; border-top:2px solid #ff9612; display:block; float:left; border-bottom:0; padding:0 60px;}
.proIn2_in{ width:1300px; margin:0 auto; overflow:hidden; font-size:18px; color:#333; line-height:36px; text-align:left; padding-bottom:50px; border-bottom:1px solid #e5e5e5;}
.proIn2_in1{ width:100%; overflow:hidden; padding-bottom:60px;}
.proIn2_in1 li{ width:100%; overflow:hidden; margin-top:60px;}
.proIn2_in2{ display:block; width:50%;}
.proIn2_in3{ width:45%; text-align:left;}
.proIn2_in4{ width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#000; line-height:34px; padding-bottom:20px; position:relative;}
.proIn2_in4:after{ content:""; position:absolute; bottom:0; left:0; width:96px; height:3px; background:#ff9612;}
.proIn2_in5{ width:100%; overflow:hidden; font-size:18px; line-height:36px; 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:1300px; 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:1300px; margin:0 auto; overflow:hidden; padding:80px 0 0 0;}
.news .about_title{ text-align:center;}
.news .about_title:after{ width:95px; left:50%; margin-left:-47.5px;}

.news1{ width:100%; overflow:hidden;}
.news1 li{ float:left; width:400px; overflow:hidden; margin-right:50px; margin-top:60px; 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:225px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.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:20px; color:#000; line-height:30px; margin-top:15px;}
.news5{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#898989; line-height:26px; border-bottom:1px solid #e6e7e8; margin-top:5px; padding-bottom:15px;}
.news6{ width:100%; overflow:hidden; font-size:16px; color:#898989; line-height:26px; margin-top:15px; background:url(../images/news3.png) right center no-repeat;}
.news1 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);}

.news_in{ padding-top:60px;}

.newsIn_title{ width:1300px; color:#FFF; height:430px; position:absolute; z-index:100; left:50%; margin-left:-650px; 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:48px; font-weight:bold; line-height:58px;}
.newsIn_title3{ width:100%; overflow:hidden; font-size:18px; line-height:36px; margin-top:40px;} 

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

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

.contact4{ width:60%; float:left; overflow:hidden; text-align:left; color:#000;}
.contact4_1{ float:left; font-size:30px; 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:430px;}

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

.message{ width:100%; overflow:hidden; padding:50px 0 30px 0;}
.message1{ width:1300px; overflow:hidden; margin:0 auto;}
.message2{ width:100%; overflow:hidden; font-size:18px; 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:30px; float:left;}

.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:58px; line-height:58px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:18px; color:#333; background:#f7f7f7;}
.message3 .span{ width:100%; overflow:hidden; font-size:18px; 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:18px; 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:58px; line-height:58px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:18px; 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:18px; color:#333; line-height:30px; height:150px; background:#f7f7f7;}
.message3 .button1{ width:210px; height:60px; font-family:"微软雅黑"; font-size:18px; font-weight:bold; border:0; background:#f9c03c; color:#FFF; outline:none; cursor:pointer; margin:40px 10px 0 0;}
.message3 .button2{ width:210px; height:60px; font-family:"微软雅黑"; font-size:18px; 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:60px; line-height:60px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:18px; color:#333; background:#f7f7f7; cursor:pointer;}
.message3 .select2{ float:left; width:calc(50% - 10px); padding:0 15px; margin-top:10px; margin-left:20px; height:60px; line-height:60px; border:1px solid #dadce0; outline:none; font-family:"微软雅黑"; font-size:18px; color:#333; background:#f7f7f7; cursor:pointer;}

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

.pager span.current{ text-decoration:underline; font-weight:bold;}