@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,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;}
.blank10{ width:100%; height:10px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank45{ width:100%; height:45px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank120{ width:100%; height:120px; clear:both;}

/*首页*/
.center{ width:1200px; margin:0 auto;}

.header{ width:100%; height:100px; overflow:hidden; position:absolute; top:0; left:0; z-index:100;}
.logo{ float:left; margin-left:5%; margin-top:40px;}
.header .nav{ float:right; margin-top:40px; margin-right:5%; width:60px; height:60px; background:url(../images/nav.png) center center no-repeat; cursor:pointer;}
.header .nav1{ float:right; margin-top:60px; margin-right:2%; height:24px; color:#FFF; display:block;}
.header .nav1_1{ float:left; display:block; line-height:24px; padding:0 6px; color:#FFF; font-size:14px;}
.header .nav1_1:hover{ text-decoration:underline;}
.header .nav1 .a_on{ font-weight:bold;}

.header .nav2{ float:right; margin-top:60px; margin-right:2%; display:block;}
.header .nav2 li{ float:left;}
.header .nav2 li a{ display:block; height:24px; line-height:24px; color:#FFF; font-size:14px; margin:0 38px;}
.header .nav2 li a:hover{ font-weight:bold;}
.header .nav2 li .a_on{ font-weight:bold;}

.nav_out{ position:fixed; z-index:10000; width:100%; height:100%; background:url(../images/nav1.png) repeat; top:0; left:0; display:none;}
.nav_out1{ width:1200px; height:520px; position:absolute; top:50%; left:50%; margin-top:-260px; margin-left:-600px;}
.nav_out1 .close{ position:absolute; width:60px; height:60px; background:url(../images/close.png) center center no-repeat; background-size:40px 40px; top:0; right:10%; cursor:pointer;}
.nav_out2{ float:left; margin-top:190px; margin-left:10%;}

.nav_out3{ float:left; margin-top:50px; margin-left:5%;}
.nav_out3>li{ float:left; clear:both; margin-top:10px; width:337px;}
.nav_out3>li>a{ float:left; display:block; width:277px; font-size:20px; line-height:42px; text-align:left; padding-left:60px;}
.nav_out3>li>a .span1{ color:#FFF;}
.nav_out3>li>a .span2{ color:#767676; padding-left:30px;}
.nav_out3>li>a:hover{ background:url(../images/nav2.png) center center no-repeat;}
.nav_out3>li>a:hover .span1{ color:#dc5115;}
.nav_out3>li>a:hover .span2{ color:#73311a;}
.nav_out3 .a_on{ background:url(../images/nav2.png) center center no-repeat;}
.nav_out3 .a_on .span1{ color:#dc5115;}
.nav_out3 .a_on .span2{ color:#73311a;}

.nav_step1{ float:left; width:337px; margin-top:10px; display:none;}
.nav_step1 li{ float:left; width:100%;}
.nav_step1 li a{ float:left; color:#cdcdcd; font-size:16px; display:block; line-height:30px; display:block; margin-left:70px; text-align:left;}
.nav_step1 li a:hover{ color:#dc5115;}
.nav_step1 li .aa_on{ color:#dc5115;}

.nav_out .nav1{ float:left; margin-top:200px; height:24px; color:#FFF; display:block; margin-left:2%;}
.nav_out .nav1_1{ float:left; display:block; line-height:24px; padding:0 6px; color:#FFF; font-size:14px;}
.nav_out .nav1_1:hover{ text-decoration:underline;}
.nav_out .nav1 .a_on{ color:#99360b; font-weight:bold;}

/* 本例子css */
.slideBox{ width:100% !important; overflow:hidden; position:relative; z-index:10; display:block;}
.slideBox .bd{ width:100% !important; position:relative; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd ul li{ width:100% !important; height:920px; zoom:1; vertical-align:middle; position:relative; overflow:hidden;}
.slideBox .bd ul li img{ position:absolute; width:1920px; height:920px; margin-left:-960px; top:-920px; left:50%;}

/* 下面是前/后按钮代码，如果不需要删除即可*/
.slideBox .banner1{ width:1200px; height:58px; background:#f3f3f3; position:absolute; z-index:100; bottom:0; left:50%; margin-left:-600px;}
.slideBox .banner1 img{ float:left; margin-left:23px; margin-top:21px;}
.slideBox .prev{ display:block; width:80px; height:58px; background:url(../images/a_l1.png) center center no-repeat #FFF; float:right; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideBox .next{ display:block; width:80px; height:58px; background:url(../images/a_r1.png) center center no-repeat #FFF; float:right; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideBox .prev:hover{ background:url(../images/a_l.png) center center no-repeat #FFF;}
.slideBox .next:hover{ background:url(../images/a_r.png) center center no-repeat #FFF;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:none;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	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 img{ width:100%; margin-top:-100%; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.swiper-container .banner2{ position:absolute; z-index:10; width:100%; height:58px; background:#f3f3f3; bottom:0; left:0;}
.swiper-container .swiper-button-next{ width:80px; height:58px; background:url(../images/a_r1.png) center center no-repeat #FFF; top:0; left:auto; right:0px; 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;}
.swiper-container .swiper-button-prev{ width:80px; height:58px; background:url(../images/a_l1.png) center center no-repeat #FFF; top:0; left:auto; right:80px; 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;}
.swiper-container .swiper-button-next:hover{ background:url(../images/a_r.png) center center no-repeat #FFF;}
.swiper-container .swiper-button-prev:hover{ background:url(../images/a_l.png) center center no-repeat #FFF;}
.swiper-container .banner2 img{ float:left; margin-left:23px; margin-top:21px;}
.swiper-container .swiper-wrapper{ position:relative;}
.swiper-container .swiper-wrapper .on img{ margin-top:0;}

.index1{ width:100%; height:905px; overflow:hidden;}
.index1_1{ height:750px; background:#f3f3f3;}
.index1_2{ float:left; width:410px; padding:0 95px; text-align:left; overflow:hidden;}
.index1_3{ float:left; width:100%; line-height:40px; overflow:hidden; font-size:30px; color:#444444; margin-top:170px;}
.index1_4{ float:left; width:100%; line-height:20px; overflow:hidden; font-size:16px; color:#878787;}
.index1_5{ float:left; width:100%; line-height:30px; max-height:300px; overflow:hidden; font-size:16px; color:#878787; margin-top:30px;}
.index1_2 a{ float:left; margin-top:50px; font-size:14px; color:#444444; line-height:30px;}
.index1_2 a:hover{ text-decoration:underline;}

.swiper-container1 {
	width: 25%;
	overflow:hidden;
	position:absolute;
	right:25%;
}
.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-container1_1 {
	right:0;
}
.swiper-container1 .swiper-button-next1{ position:absolute; z-index:10; width:80px; height:58px; background:url(../images/a_r1.png) center center no-repeat #FFF; top:50%; left:0; margin-top:0; 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-container1 .swiper-button-prev1{ position:absolute; z-index:10; width:80px; height:58px; background:url(../images/a_l1.png) center center no-repeat #FFF; top:50%; left:auto; right:0px; margin-top:-60px; 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-container1 .swiper-button-next1:hover{ background:url(../images/a_r.png) center center no-repeat #FFF;}
.swiper-container1 .swiper-button-prev1:hover{ background:url(../images/a_l.png) center center no-repeat #FFF;}

.index2{ width:100%; height:auto; background:#f3f3f3; padding-top:100px;}

.title{ width:100%; height:auto; overflow:hidden; background:url(../images/index2_1.jpg) 0 52px repeat-x;}
.title1{ margin:0 auto; font-size:30px; color:#444444; line-height:40px;}
.title2{ margin:0 auto; font-size:16px; color:#787878; line-height:24px;}
.title_bg{ background:#f3f3f3; width:200px;}
.title_bg1{ background:#FFF; width:360px;}
.title_bg2{ background:#f7f7f7; width:200px;}
.title_absolute{ position:absolute; top:100px;}
.title_bg3{ background:#5d5d67; width:210px;}

.swiper-container2 {
	width: 1180px;
	height: 100%;
	margin:80px auto 0 auto;
	overflow:hidden;
	padding:10px 10px 88px 10px;
	position:relative;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	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;
}
.index2_1{ display:block; width:100%; overflow:hidden; background:#FFF; -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_2{ max-width:100%;}
.index2_3{ width:100%; height:107px; overflow:hidden;}
.index2_4{ width:90%; padding:0 5%; height:26px; line-height:26px; font-size:16px; color:#444444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:28px;}
.index2_5{ width:90%; padding:0 5%; height:26px; line-height:26px; font-size:16px; color:#8f8f8f; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index2_1:hover{ -webkit-box-shadow:0px 0px 10px #e8eff2; -moz-box-shadow:0px 0px 10px #e8eff2; box-shadow:0px 0px 10px #e0e0e0;}
.index2_6{ position:absolute; left:0.8%; bottom:0; width:98.4%; height:58px; background:#FFF; overflow:hidden;}
.index2_6 a{ float:left; margin-left:25px; margin-top:19px; font-size:14px; color:#444; line-height:20px;}
.index2_6 a:hover{ text-decoration:underline;}
.swiper-container2 .swiper-button-next2{ position:absolute; z-index:10; width:80px; height:58px; background:url(../images/a_r1.png) center center no-repeat #FFF; top:0; right:0; 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-container2 .swiper-button-prev2{ position:absolute; z-index:10; width:80px; height:58px; background:url(../images/a_l1.png) center center no-repeat #FFF; top:0; right:80px; 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-container2 .swiper-button-next2:hover{ background:url(../images/a_r.png) center center no-repeat #FFF;}
.swiper-container2 .swiper-button-prev2:hover{ background:url(../images/a_l.png) center center no-repeat #FFF;}

.index2_7{ width:100%; overflow:hidden; padding:50px 0;}
.index2_7 .img1{ display:block; width:100%;}
.index2_7 .img2{ display:none; width:100%;}

.index2_8{ width:92%; margin:0 auto; overflow:hidden; margin-bottom:50px;}
.index2_8 .img1{ display:block; width:100%;}
.index2_8 .img2{ display:none; max-width:100%;}

.index2_9{ width:100%; margin:0 auto; overflow:hidden; height:660px;}
.index2_9 .img1{ display:block; width:100%;}
.index2_9 .img2{ display:none; width:100%;}

.index2_10{ width:100%; margin:0 auto; overflow:hidden; height:1000px;}
.index2_10 .img1{ display:block; width:100%;}
.index2_10 .img2{ display:none; width:100%;}

.index3{ width:100%; height:292px; overflow:hidden; background:url(../images/index3_2.jpg) top center no-repeat; padding-top:130px;}
.index3_1 li{ float:left; cursor:pointer; position:relative; width:292px; height:292px;}
.index3_1 li .img1{ display:block; width:100%;}
.index3_1 li .img2{ display:block; position:absolute; top:0; left:0; width:100%; z-index:10; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: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;}
.index3_1 li:hover .img2{ filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.index4{ width:100%; height:985px; overflow:hidden; padding-top:100px;}

/* 本例子css */
.slideBox1{ width:1024px; height:745px; margin:70px auto 0 auto; overflow:hidden; position:relative;}
.slideBox1 .hd{ width:100%; height:75px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; width:100%; height:75px;}
.slideBox1 .hd ul li{ text-align:center; cursor:pointer; width:64px; height:64px; border:4px solid #FFF; display:inline-block; margin:0 20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden;}
.slideBox1 .hd ul li.on{ border:4px solid #ea5514;}

.slideBox1 .bd{ position:relative; height:100%; z-index:1;}
.slideBox1 .bd li{ zoom:1; vertical-align:middle;}
.slideBox1 .bd img{ display:block; width:539px; height:660px; margin:0 auto;}

.index5{ width:100%; overflow:hidden; position:relative;}
.index5 img{ width:100%;}
.index5 .img1{ display:block;}
.index5 .img2{ display:none;}

.index6{ width:100%; height:812px; background:#5d5d67; padding-top:100px;}

.swiper-container3 {
	width: 1180px;
	height: auto;
	margin:40px auto 0 auto;
	overflow:hidden;
	padding:10px 10px 88px 10px;
	position:relative;
}
.swiper-container3 .swiper-slide {
	text-align: center;
	font-size: 18px;
	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;
}

.index6_1{ display:block; width:100%; margin-top:30px; overflow:hidden; background:#5d5d67; border-bottom:2px solid #5d5d67; -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_2{ max-width:100%; width:90%; margin:12px auto 0 auto;}
.index6_3{ width:100%; height:107px; overflow:hidden;}
.index6_4{ width:90%; padding:0 5%; height:26px; line-height:26px; font-size:20px; color:#FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:28px; -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_5{ width:90%; padding:0 5%; height:26px; line-height:26px; font-size:14px; color:#9e9ea4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -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_1:hover{ -webkit-box-shadow:0px 0px 10px #484851; -moz-box-shadow:0px 0px 10px #484851; box-shadow:0px 0px 10px #484851; background:#FFF; border-bottom:2px solid #eb5d1f; margin-top:0px;}
.index6_1:hover .index6_4{ color:#444;}
.index6_1:hover .index6_5{ color:#b4b4b4;}

.index6_6{ position:absolute; left:0.8%; bottom:0; width:98.4%; height:58px; background:#7d7d85; overflow:hidden;}
.index6_6 a{ float:left; margin-left:25px; margin-top:19px; font-size:14px; color:#FFF; line-height:20px;}
.index6_6 a:hover{ text-decoration:underline;}
.swiper-container3 .swiper-button-next3{ position:absolute; z-index:10; width:80px; height:58px; background:url(../images/index6_3.png) center center no-repeat #97979d; top:0; right:0; 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-container3 .swiper-button-prev3{ position:absolute; z-index:10; width:80px; height:58px; background:url(../images/index6_2.png) center center no-repeat #97979d; top:0; right:80px; 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-container3 .swiper-button-next3:hover{ background:url(../images/index6_3.png) center center no-repeat #97979d;}
.swiper-container3 .swiper-button-prev3:hover{ background:url(../images/index6_2.png) center center no-repeat #97979d;}

.footer{ width:100%; background:url(../images/footer1.jpg) right top no-repeat #FFF; overflow:hidden; padding-top:40px;}
.footer1{ margin:0 auto;}
.footer2{ display:inline-table; line-height:20px; font-size:14px; color:#444; border-top:1px solid #dadada; border-bottom:1px solid #dadada; margin-top:23px; padding:5px 0;}
.footer3{ font-size:30px; color:#ea5514; font-weight:bold; line-height:40px; padding:30px 0;}
.footer4{ width:100%; line-height:20px; background:#000; color:#808080; padding:5px 0;}
.footer4 a{ color:#808080;}

/*pro*/
.neiye_banner{ display:block; width:100%; height:438px; overflow:hidden;}
.neiye_banner0{ width:1200px; height:60px; margin:320px auto 0 auto;}
.neiye_banner0 img{ float:left;}
.neiye_banner1{ width:1164px; height:20px; line-height:20px; margin:0 auto; padding:19px 36px 19px 0; background:#FFF; text-align:right; font-size:14px; overflow:hidden;}
.neiye_banner1 a{ color:#444;}
.neiye_banner1 span{ color:#ea5514;}
.neiye_banner_mobile{ display:none;}

.body_bg{ background:#f3f3f3;}

.pro1{ width:1200px; margin:0 auto; overflow:hidden; background:url(../images/index2_1.jpg) repeat-x center 70px #FFF;}

.pro_nav{ background:#FFF; display:inline-table; margin-top:55px; padding:0 12px;}
.pro_nav>li{ width:126px; height:32px; display:inline-block; margin:0 12px; position:relative;}
.pro_nav>li>a{ display:block; width:124px; height:30px; line-height:30px; border:1px solid #dcdcdc; font-size:16px; color:#444;}
.pro_nav>li:hover>a{ border:1px solid #ea5514; color:#ea5514;}
.pro_nav>li>.a_on{ border:1px solid #ea5514; color:#ea5514;}

.pro_nav1{ display:none; position:absolute; left:0; top:32px; width:124px; padding-bottom:5px; border:1px solid #ea5514; border-top:none; background:#FFF;}
.pro_nav1 li{ width:100%; height:30px; margin-top:5px;}
.pro_nav1 li a{ display:block; width:100%; height:30px; line-height:30px; font-size:16px; color:#7c7c7c;}
.pro_nav>li:hover .pro_nav1{ display:block;}
.pro_nav1 li a:hover{ color:#FFF; background:#ea5514;}

.pro2{ width:80%; margin:0 auto; text-align:left; font-size:16px; color:#7c7c7c; line-height:30px; padding:50px 0;}

.pro3{ width:1200px; margin:0 auto; padding:10px 0; overflow:hidden;}
.pro3 li{ float:left; margin:60px 15px 0 15px; width:370px;}

.pro3_1{ display:block; width:100%; overflow:hidden; background:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro3_2{ max-width:100%;}
.pro3_3{ width:100%; height:107px; overflow:hidden;}
.pro3_4{ width:90%; padding:0 5%; height:26px; line-height:26px; font-size:16px; color:#444444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:28px;}
.pro3_5{ width:90%; padding:0 5%; height:26px; line-height:26px; font-size:16px; color:#8f8f8f; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro3_1:hover{ -webkit-box-shadow:0px 0px 10px #e8eff2; -moz-box-shadow:0px 0px 10px #e8eff2; box-shadow:0px 0px 10px #e0e0e0;}

.page{ width:1200px; margin:50px auto; font-size:14px;}
.page a{ display:inline-block; height:20px; line-height:20px; padding:0 6px; color:#444; margin-top:10px;}
.page .on{ background:#ea5514; color:#FFF;}
.page a:hover{ background:#ea5514; color:#FFF;}

/*proIn*/
.header_pro{}
.header_pro .nav{ background:url(../images/nav_1.png) center center no-repeat;}
.header_pro .nav1{ color:#7c7c7c;}
.header_pro .nav1_1{ color:#7c7c7c;}

.header_pro .nav2 li a{ color:#444;}

.proIn1{ width:100%; height:920px; overflow:hidden; background:#FFF;}

/* 本例子css */
.slideBox2{ width:1200px; margin:150px auto 0 auto; overflow:hidden; position:relative;}

.slideBox2 .hd{ height:44px; overflow:hidden; position:absolute; left:599px; top:500px; z-index:1;}
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox2 .hd ul li{ float:left; width:38px; height:38px; cursor:pointer; overflow:hidden; border:3px solid #FFF; margin-right:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.slideBox2 .hd ul li.on{ border:3px solid #ea5514;}

.slideBox2 .bd{ float:left; position:relative; width:1200px; height:660px; z-index:0;}
.slideBox2 .bd ul li{ zoom:1; vertical-align:middle;}
.slideBox2 .bd img{ width:539px; height:660px; display:block; float:left;}
.slideBox2 .li_bd1{ float:left; text-align:left; margin-left:60px; width:600px; overflow:hidden;}
.slideBox2 .li_bd2{ float:left; width:100%; overflow:hidden; margin-top:160px; font-size:30px; font-weight:bold; color:#ea5514; line-height:40px; height:40px;}
.slideBox2 .li_bd2 span{ color:#444;}
.slideBox2 .li_bd3{ float:left; width:100%; overflow:hidden; margin-top:5px; font-size:16px; color:#444; line-height:30px; height:30px;}
.slideBox2 .li_bd4{ float:left; width:100%; overflow:hidden; margin-top:25px; font-size:16px; color:#7c7c7c; line-height:30px; height:180px;}

.float_l{ float:left;}
.float_r{ float:right;}
.align_left{ text-align:left;}
.align_right{ text-align:right;}
.bg_white{ background:#FFF;}

.proIn_list{ width:100%; overflow:hidden;}

.proIn_list1{ width:39%; padding-left:10%; text-align:left;}
.proIn_list1_1{ font-size:30px; color:#444; line-height:70px;}
.proIn_list1_2{ font-size:16px; color:#787878; line-height:40px;}

.proIn_list2{ width:50%;}
.proIn_list2 img{ width:100%; height:auto;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

.proIn_table{ width:100%; min-height:699px;}

.proIn2{ width:100%; overflow:hidden;}
.proIn2 img{
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.proIn2_1{ display:block; width:100%;}
.proIn2_2{ display:none; width:100%;}

.proIn4{ padding-bottom:50px;}

.swiper-container4 {
	width: 100%;
	height: 100%;
	position:relative;
}
.swiper-container4 .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-container4 .swiper-slide img{
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.swiper-container4 .swiper-button-next4{ width:58px; height:58px; background:url(../images/a_r1.png) center center no-repeat; position:absolute; bottom:0; left:50%; margin-left:0; 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-container4 .swiper-button-prev4{ width:58px; height:58px; background:url(../images/a_l1.png) center center no-repeat; position:absolute; bottom:0; left:50%; margin-left:-58px; 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-container4 .swiper-button-next4:hover{ background:url(../images/a_r.png) center center no-repeat;}
.swiper-container4 .swiper-button-prev4:hover{ background:url(../images/a_l.png) center center no-repeat;}

/*about*/
.about1{ width:1200px; overflow:hidden; background:#f3f3f3; margin:0 auto;}
.about1_1{ width:80%; margin:0 auto; text-align:left; background:url(../images/logo1.png) right 240px no-repeat; padding:100px 0; overflow:hidden;}
.about1_2{ float:left; width:666px; font-size:30px; color:#444; line-height:40px;}
.about1_3{ float:left; width:666px; font-size:16px; color:#787878; line-height:30px;}
.about1_4{ float:left; width:666px; font-size:16px; color:#787878; line-height:30px; margin-top:30px;}

.about_list{ width:1200px; margin:0 auto; padding:20px 0; overflow:hidden;}
.about_table{ width:100%; height:680px; position:relative;}
.about_list1{ width:50%; overflow:hidden;}
.about_list2{ width:40%; text-align:left; overflow:hidden; padding:0 5%;}
.about_list2_1{ width:100%; font-size:30px; color:#444; line-height:40px;}
.about_list2_2{ width:100%; font-size:16px; color:#7c7c7c; line-height:30px;}
.about_list2_3{ width:100%; font-size:16px; color:#7c7c7c; line-height:30px; margin-top:20px;}

.swiper-container5 {
	width: 100%;
	overflow:hidden;
	position:relative;
}
.swiper-container5 .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-container5 .swiper-slide img{ max-width:100%;}
.swiper-container5 .swiper-button-next5{ position:absolute; width:58px; height:58px; background:url(../images/a_r1.png) center center no-repeat #FFF; bottom:0; right:0; 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-container5 .swiper-button-prev5{ position:absolute; width:58px; height:58px; background:url(../images/a_l1.png) center center no-repeat #FFF; bottom:0; right:58px; 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-container5 .swiper-button-next5:hover{ background:url(../images/a_r.png) center center no-repeat #FFF;}
.swiper-container5 .swiper-button-prev5:hover{ background:url(../images/a_l.png) center center no-repeat #FFF;}

.swiper-container6 {
	width: 100%;
	overflow:hidden;
	position:relative;
}
.swiper-container6 .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-container6 .swiper-slide img{ max-width:100%;}
.swiper-container6 .swiper-button-next6{ position:absolute; width:58px; height:58px; background:url(../images/a_r1.png) center center no-repeat #FFF; bottom:0; right:0; 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-container6 .swiper-button-prev6{ position:absolute; width:58px; height:58px; background:url(../images/a_l1.png) center center no-repeat #FFF; bottom:0; right:58px; 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-container6 .swiper-button-next6:hover{ background:url(../images/a_r.png) center center no-repeat #FFF;}
.swiper-container6 .swiper-button-prev6:hover{ background:url(../images/a_l.png) center center no-repeat #FFF;}

.swiper-container7 {
	width: 100%;
	overflow:hidden;
	position:relative;
}
.swiper-container7 .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-container7 .swiper-slide img{ max-width:100%;}
.swiper-container7 .swiper-button-next7{ position:absolute; width:58px; height:58px; background:url(../images/a_r1.png) center center no-repeat #FFF; bottom:0; right:0; 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-container7 .swiper-button-prev7{ position:absolute; width:58px; height:58px; background:url(../images/a_l1.png) center center no-repeat #FFF; bottom:0; right:58px; 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-container7 .swiper-button-next7:hover{ background:url(../images/a_r.png) center center no-repeat #FFF;}
.swiper-container7 .swiper-button-prev7:hover{ background:url(../images/a_l.png) center center no-repeat #FFF;}

.about_list3{ width:100%; margin:0 auto; position:relative; overflow:hidden; padding:20px 0;}
.about_table1{ width:100%; height:582px; position:relative;}

.swiper-container8 {
	width: 879px;
	overflow:hidden;
	position:absolute;
	top:20px;
}
.swiper-container8_1{ left:53%;}
.swiper-container8_2{ right:53%;}
.swiper-container8 .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-container8 .swiper-slide img{ max-width:100%;}
.swiper-container8 .swiper-button-next8{ position:absolute; width:58px; height:58px; background:url(../images/a_r1.png) center center no-repeat #FFF; bottom:0; left:58px; 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-container8 .swiper-button-prev8{ position:absolute; width:58px; height:58px; background:url(../images/a_l1.png) center center no-repeat #FFF; bottom:0; left:0; 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-container8 .swiper-button-next8:hover{ background:url(../images/a_r.png) center center no-repeat #FFF;}
.swiper-container8 .swiper-button-prev8:hover{ background:url(../images/a_l.png) center center no-repeat #FFF;}

.swiper-container9 {
	width: 879px;
	overflow:hidden;
	position:absolute;
	top:20px;
}
.swiper-container9_1{ left:53%;}
.swiper-container9_2{ right:53%;}
.swiper-container9 .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-container9 .swiper-slide img{ max-width:100%;}
.swiper-container9 .swiper-button-next9{ position:absolute; width:58px; height:58px; background:url(../images/a_r1.png) center center no-repeat #FFF; bottom:0; right:0; 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-container9 .swiper-button-prev9{ position:absolute; width:58px; height:58px; background:url(../images/a_l1.png) center center no-repeat #FFF; bottom:0; right:58px; 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-container9 .swiper-button-next9:hover{ background:url(../images/a_r.png) center center no-repeat #FFF;}
.swiper-container9 .swiper-button-prev9:hover{ background:url(../images/a_l.png) center center no-repeat #FFF;}

.about2{ width:100%; overflow:hidden; background:url(../images/about7.jpg) no-repeat right bottom #f3f3f3; margin-top:100px; padding:180px 0 340px 0;}
.about2_1{ float:left; width:94%; overflow:hidden; text-align:left; font-size:30px; color:#444; line-height:40px; margin-left:3%;}
.about2_2{ float:left; width:94%; overflow:hidden; text-align:left; font-size:16px; color:#787878; line-height:20px; margin-top:5px; margin-left:3%;}
.about2_3{ float:left; width:100%; background:#FFF; margin-top:60px; padding-bottom:35px;}
.about2_3 li{ float:left; cursor:pointer; margin-top:35px; width:30%; margin-left:2.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;}
.about2_3 li img{ width:100%;}
.about2_3 li:hover{ background:#f9f9f9;}

/*contact*/
.contact{ width:1200px; margin:0 auto; overflow:hidden;}
.contact1{ width:100%; overflow:hidden; float:left; margin-top:60px;}
.contact1 li{ float:left; width:29%; overflow:hidden; text-align:left; font-size:16px; color:#7c7c7c; padding-left:3%; padding-right:1%; line-height:30px; margin-top:5px;}

.contact1_1{ background:url(../images/contact3.jpg) left 3px no-repeat;}
.contact1_2{ background:url(../images/contact4.jpg) left 4px no-repeat;}
.contact1_3{ background:url(../images/contact5.jpg) left 7px no-repeat;}
.contact1_4{ background:url(../images/contact6.jpg) left 5px no-repeat;}
.contact1_5{ background:url(../images/contact7.jpg) left 4px no-repeat;}
.contact1_6{ background:url(../images/contact8.jpg) left 5px no-repeat;}

.contact_line{ width:100%; height:150px; border-bottom:1px solid #e5e5e5;}

.map{ width:100%; height:640px; float:left;}

/*news*/
.news1{ width:1200px; margin:45px auto 0 auto;}
.news1 li{ width:100%; height:202px; border-bottom:1px solid #e8e9f0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news1 li a{ display:block; width:100%; height:147px; padding:30px 0 25px 0; position:relative; z-index:1;}
.news2{ float:left; width:339px; height:145px; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news3{ float:left; width:600px; overflow:hidden; text-align:left; margin-left:60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news4{ float:left; width:90%; font-size:16px; color:#444; line-height:20px; height:20px; margin-top:25px; background:url(../images/news3.jpg) left center no-repeat; padding:0 5%; overflow:hidden; -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-overflow:ellipsis; white-space:nowrap;}
.news5{ float:left; width:90%; font-size:14px; color:#a0a0a0; line-height:26px; height:52px; margin-top:15px; padding:0 5%; overflow:hidden;}
.news6{ float:right; width:100px; overflow:hidden;}
.news7{ float:left; width:100%; font-size:18px; font-family:"Arial"; color:#444; line-height:20px; height:20px; margin-top:25px;}
.news8{ float:left; margin-left:30px; margin-top:45px;}

.news1 li:hover{ -webkit-box-shadow:0px 3px 10px #dfe2eb; -moz-box-shadow:0px 3px 10px #dfe2eb; box-shadow:0px 3px 10px #dfe2eb; z-index:10;}
.news1 li:hover .news4{ color:#1f296b;}
.news1 li:hover .news2{ margin-left:20px;}
.news1 li:hover .news3{ margin-left:40px;}

.news0_0{ background:url(../images/index2_1.jpg) repeat-x center 70px #f3f3f3;}
.news0_1{ width:80%; margin:0 auto; text-align:left; padding:50px 0; overflow:hidden;}
.news0_2{ float:left; width:100%; font-size:16px; color:#787878; line-height:30px;}

.news0_0 .pro_nav{ background:#f3f3f3;}

.news9{ width:100%; overflow:hidden; background:#f3f3f3; padding-bottom:60px;}
.news9_1{ width:1200px; overflow:hidden; margin:60px auto 0 auto; border-bottom:1px solid #dddee5; line-height:50px; text-align:left; font-size:16px; color:#444;}
.news9_2{ width:1200px; overflow:hidden; margin:0 auto;}
.news9_2 li{ float:left; width:33.3%; margin-top:35px;}
.news9_2 li a{ display:block; width:94%; padding:10px 3%; text-align:left; height:auto; overflow:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news9_2 li a:hover{ background:#FFF;}
.news9_3{ float:left; width:100%; display:block;}
.news9_4{ float:left; width:100%; font-size:16px; color:#444; line-height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:30px;}
.news9_5{ float:left; width:100%; font-size:14px; color:#8a8a8a; line-height:26px; overflow:hidden; height:78px; margin-top:20px;}
.news9_6{ float:left; width:100%; font-size:18px; color:#505050; line-height:26px; overflow:hidden; margin-top:10px;}

/*newsIn*/
.newsIn1{ width:90%; margin:0 auto; padding:30px 0; overflow:hidden;}
.newsIn1_1{ float:left; width:339px; height:143px; display:block;}
.newsIn1_2{ float:left; font-size:18px; color:#444; text-align:right; width:110px; line-height:24px; margin-top:25px; padding-right:5px;}
.newsIn1_3{ float:left; width:40px; margin-top:37px; height:0px; border-bottom:1px solid #dddee5;}
.newsIn1_4{ float:left; text-align:left; margin-left:5px; width:580px;}
.newsIn1_5{ float:left; width:100%; overflow:hidden; line-height:24px; margin-top:25px; font-size:18px; color:#444;}
.newsIn1_6{ float:left; width:100%; overflow:hidden; line-height:26px; margin-top:25px; font-size:14px; color:#8a8a8a;}

.newsIn2{ width:1200px; margin:0 auto; overflow:hidden;}
.newsIn3{ float:left; width:90%; margin-left:5%; overflow:hidden; font-size:26px; color:#444; line-height:40px; margin-top:100px;}
.newsIn4{ float:left; width:90%; margin-left:5%; overflow:hidden; font-size:16px; color:#7c7c7c; line-height:20px; margin-top:20px;}
.newsIn5{ float:left; width:90%; margin-left:5%; overflow:hidden; font-size:16px; color:#7c7c7c; line-height:30px; text-align:left; padding:50px 0;}
.newsIn5 img{ display:block; margin:0 auto; max-width:100%;}
.newsIn6{ float:left; width:90%; margin-left:5%; overflow:hidden; border-top:1px solid #e5e5e5; padding:20px 0 30px 0;}
.newsIn7{ float:left; width:100%; overflow:hidden; text-align:left; font-size:14px; color:#444; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:20px; margin-top:10px;}
.newsIn7 a{ color:#444;}
.newsIn7:hover{ color:#ea5514;}
.newsIn7:hover a{ color:#ea5514;}

.shipin{ position:fixed; top:50%; right:30px; margin-top:-182px; z-index:999999999; display:block;}
.shipin1{ position:relative; float:left;}
.shipin2{ position:absolute; top:0; right:0; width:66px; height:27px; background:url(../images/shipin.png) no-repeat; z-index:1; cursor:pointer;}