@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; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
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;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}

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

.header { width:100%; height: 181px; position:relative; z-index:9999; display:block;}
.header_top{ width:100%; height:35px; background:#f5f5f5;}
.header_top1{ float:left; width:800px; height:35px; line-height:35px; color:#666; font-size:12px; text-align:left;}
.header_top a{ float:right; display:inline-block; height:35px; line-height:35px; margin-left:20px; color:#666; font-size:12px;}
.header_mid{ height:106px; position:relative; z-index:100;}
.logo{ float:left; margin-top:15px; display:block;}
.header_mid1{ float:right; width:30px; height:30px; margin-top:37px; background:url(../images/header_qq.jpg) no-repeat;}
.header_mid2{ float:right; width:30px; height:30px; margin-top:37px; margin-right:9px; background:url(../images/header_chat.jpg) no-repeat; position:relative; cursor:pointer;}
.header_mid2_1{ position:absolute; top:34px; left:-90px; display:none;}
.header_mid2:hover .header_mid2_1{ display:block;}
.header_mid3{ float:right; margin-right:28px; margin-top:40px; margin-right:28px;}
.nav{ width: 1200px; margin: 0 auto; clear: both; position:relative; z-index:10;}
.navlist>li{ float: left; height: 40px; line-height: 40px; position:relative;}
.navlist>li .li_a { display: block; color: #111111; font-size: 15px; height: 40px; line-height: 40px; padding:0 26px;}
.navlist>li:hover .li_a { color: #FFF; background:#d02f2f; font-size: 15px;}
.navlist>li .a_on { color: #FFF; background:#d02f2f; display:block; height:40px; line-height:40px; padding:0 28px; font-size: 15px;}
.navlist1{ position:absolute; left:0; top:40px; background:url(../images/nav_bg.png) repeat;; width:100%; display:none;}
.navlist1>li{ float:left; width:100%; overflow:hidden;}
.navlist1>li>a{ display:block; width:100%; font-size:15px; color:#FFF; line-height:40px;}
.navlist1>li>a:hover{ background:#d02f2f;}
.navlist>li:hover .navlist1{ display:block;}

.header_mobile{ width:100%; overflow:hidden; padding:10px 0; position:relative; display:none;}
.mobile_nav_in{ width:100%; overflow:hidden; float:left; background:#d02f2f; display:none;}

.banner{ width:100%; height:440px; background:url(../images/banner.jpg) top center no-repeat; overflow:hidden; display:block;}
.banner1{ margin:100px auto 0 auto; display:block; font-size:50px; color:#FFF; font-weight:bold; line-height:60px;}
.banner1 span{ color:#ff4040;}
.banner2{ margin:20px auto 0 auto; display:block; font-size:50px; color:#FFF; font-weight:bold; line-height:60px;}
.banner2 span{ color:#ff4040;}
.banner3{ margin:31px auto 0 auto; display:block;}
.banner4{ margin:40px auto 0 auto; font-size:16px; color:#FFF; height:20px; line-height:20px;}
.banner a{ display:block; width:200px; height:41px; margin:0 auto;}

.index_title{ width:94%; margin:0 auto; overflow:hidden;}
.index_title1{ width:100%; height:40px; line-height:40px; font-size:32px;}
.index_title2{ width:100%; line-height:24px; font-size:18px; margin-top:8px;}

.font_5a5a5a{ color:#5a5a5a;}
.font_999999{ color:#999999;}
.font_FFF{ color:#FFF;}

.index1_bg{ width:100%; background:#f9f9f9; padding:50px 0 75px 0;}
.index1{ width:1200px; margin:30px auto 0 auto; overflow:hidden;}
.index1 li{ float:left; width:280px; height:280px; margin:20px 10px 0 10px;}
.index1 li a{ display:block; width:100%; height:100%; background:#FFF; 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;}
.index1_1{ width:96px; height:96px; margin:37px auto 0 auto; overflow:hidden; border:1px solid #d02f2f; -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px; background:url(../images/index1_1.jpg) center center no-repeat;}
.index1_2{ width:96px; height:96px; margin:37px auto 0 auto; overflow:hidden; border:1px solid #d02f2f; -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px; background:url(../images/index1_2.jpg) center center no-repeat;}
.index1_3{ width:96px; height:96px; margin:37px auto 0 auto; overflow:hidden; border:1px solid #d02f2f; -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px; background:url(../images/index1_3.jpg) center center no-repeat;}
.index1_4{ width:96px; height:96px; margin:37px auto 0 auto; overflow:hidden; border:1px solid #d02f2f; -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px; background:url(../images/index1_4.jpg) center center no-repeat;}
.index1_5{ width:96px; height:96px; margin:37px auto 0 auto; overflow:hidden; border:1px solid #d02f2f; -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px; background:url(../images/index1_5.jpg) center center no-repeat;}
.index1_6{ width:96px; height:96px; margin:37px auto 0 auto; overflow:hidden; border:1px solid #d02f2f; -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px; background:url(../images/index1_6.jpg) center center no-repeat;}
.index1_7{ width:96px; height:96px; margin:37px auto 0 auto; overflow:hidden; border:1px solid #d02f2f; -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px; background:url(../images/index1_7.jpg) center center no-repeat;}
.index1_8{ width:96px; height:96px; margin:37px auto 0 auto; overflow:hidden; border:1px solid #d02f2f; -webkit-border-radius:48px; -moz-border-radius:48px; border-radius:48px; background:url(../images/index1_8.jpg) center center no-repeat;}
.index1_9{ width:100%; line-height:30px; font-size:18px; color:#222222; margin-top:24px; -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_10{ width:114px; height:31px; line-height:31px; background:#d02f2f; font-size:14px; color:#FFF; margin:10px auto 0 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;}

.index1 li a:hover{ background:#d02f2f;}
.index1 li a:hover .index1_9{ color:#FFF;}
.index1 li a:hover .index1_10{ background:#FFF; color:#d02f2f;}

.index2_bg{ width:100%; background:url(../images/index2.jpg) bottom center no-repeat #373737; padding:50px 0 70px 0;}
.index2{ width:1200px; margin:40px auto 0 auto; overflow:hidden;}
.index2 li{ margin:20px 0; float:left; height:180px;}
.index2_1{ width:122px; height:122px; margin:10px auto 0 auto; background:url(../images/index2_1.png) center center no-repeat #FFF; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; -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{ width:122px; height:122px; margin:10px auto 0 auto; background:url(../images/index2_2.png) center center no-repeat #FFF; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; -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_3{ width:122px; height:122px; margin:10px auto 0 auto; background:url(../images/index2_3.png) center center no-repeat #FFF; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; -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_4{ width:122px; height:122px; margin:10px auto 0 auto; background:url(../images/index2_4.png) center center no-repeat #FFF; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; -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_5{ width:122px; height:122px; margin:10px auto 0 auto; background:url(../images/index2_5.png) center center no-repeat #FFF; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; -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_6{ width:122px; height:122px; margin:10px auto 0 auto; background:url(../images/index2_6.png) center center no-repeat #FFF; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; -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_7{ margin:60px auto 0 auto;}
.index2_8{ height:180px; cursor:pointer;}
.index2_9{ width:174px; overflow:hidden; line-height:30px; font-size:19px; color:#FFF; margin-top:20px;}
.index2_10{ font-size:22px; color:#FFF; display:block; margin:50px auto 0 auto; width:220px; height:56px; line-height:56px; border:1px solid #FFF; -webkit-border-radius:28px; -moz-border-radius:28px; border-radius: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;}
.index2_10:hover{ background:#d02f2f; border:1px solid #d02f2f;}
.index2_8:hover .index2_1{ background:url(../images/index2_1on.png) center center no-repeat #d02f2f;}
.index2_8:hover .index2_2{ background:url(../images/index2_2on.png) center center no-repeat #d02f2f;}
.index2_8:hover .index2_3{ background:url(../images/index2_3on.png) center center no-repeat #d02f2f;}
.index2_8:hover .index2_4{ background:url(../images/index2_4on.png) center center no-repeat #d02f2f;}
.index2_8:hover .index2_5{ background:url(../images/index2_5on.png) center center no-repeat #d02f2f;}
.index2_8:hover .index2_6{ background:url(../images/index2_6on.png) center center no-repeat #d02f2f;}

.index3_bg{ width:100%; background:#f9f9f9; padding:50px 0 90px 0;}
.index3{ width:1200px; margin:40px auto 0 auto; overflow:hidden; padding-top:10px;}
.index3 li{ float:left; width:25%; height:300px; overflow:hidden; position:relative; -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 li:hover{ margin-top:-10px;}
.index3_1{ position:absolute; width:61px; height:67px; line-height:67px; font-size:30px; color:#FFF; z-index:10; background:url(../images/index3_1.png) no-repeat; top:0; left:50%; margin-left:-30.5px;}
.index3_2{ position:absolute; width:242px; height:266px; background:url(../images/index3_2.png) no-repeat; bottom:0; left:50%; margin-left:-121px; cursor:pointer;}
.index3_2 span{ display:block; width:100%; height:100%; line-height:380px; background:url(../images/index3_3.png) center 59px no-repeat; font-size:24px; color:#FFF;}
.index3_3{ position:absolute; width:61px; height:67px; line-height:67px; font-size:30px; color:#FFF; z-index:10; background:url(../images/index3_1.png) no-repeat; top:0; left:50%; margin-left:-30.5px;}
.index3_4{ position:absolute; width:242px; height:266px; background:url(../images/index3_2.png) no-repeat; bottom:0; left:50%; margin-left:-121px; cursor:pointer;}
.index3_4 span{ display:block; width:100%; height:100%; line-height:380px; background:url(../images/index3_4.png) center 59px no-repeat; font-size:24px; color:#FFF;}
.index3_5{ position:absolute; width:61px; height:67px; line-height:67px; font-size:30px; color:#FFF; z-index:10; background:url(../images/index3_1.png) no-repeat; top:0; left:50%; margin-left:-30.5px;}
.index3_6{ position:absolute; width:242px; height:266px; background:url(../images/index3_2.png) no-repeat; bottom:0; left:50%; margin-left:-121px; cursor:pointer;}
.index3_6 span{ display:block; width:100%; height:100%; line-height:380px; background:url(../images/index3_5.png) center 59px no-repeat; font-size:24px; color:#FFF;}
.index3_7{ position:absolute; width:61px; height:67px; line-height:67px; font-size:30px; color:#FFF; z-index:10; background:url(../images/index3_1.png) no-repeat; top:0; left:50%; margin-left:-30.5px;}
.index3_8{ position:absolute; width:242px; height:266px; background:url(../images/index3_2.png) no-repeat; bottom:0; left:50%; margin-left:-121px; cursor:pointer;}
.index3_8 span{ display:block; width:100%; height:100%; line-height:380px; background:url(../images/index3_6.png) center 59px no-repeat; font-size:24px; color:#FFF;}

.index4_bg{ width:100%; background:#FFF; padding:50px 0 50px 0;}

/* tab css */
.slideGroup{ width:1200px; margin:40px auto 0 auto; overflow:hidden;}
.slideGroup .parHd{ display:inline-table; height:40px; position:relative;}
.slideGroup .parHd ul{ float:left;}
.slideGroup .parHd ul li{ float:left; height:38px; line-height:38px; border:1px solid #999999; cursor:pointer; font-size:16px; color:#888888; padding:0 20px; margin:0 8px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideGroup .parHd ul li.on{ background:#d02f2f; border:1px solid #d02f2f; color:#FFF;}

.slideGroup .slideBox{ overflow:hidden; zoom:1; position:relative; width:100%; overflow:hidden;}

.slideGroup .sPrev{ background:url(../images/index4_2.jpg) no-repeat; width:20px; height:80px; left:0; cursor:pointer; top:50%; margin-top:-40px; position:absolute; z-index:100;}
.slideGroup .sNext{ background:url(../images/index4_3.jpg) no-repeat; width:20px; height:80px; right:0; cursor:pointer; top:50%; margin-top:-40px; position:absolute; z-index:100;}
.slideGroup .sPrev:hover{ background:url(../images/index4_2on.jpg) no-repeat;}
.slideGroup .sNext:hover{ background:url(../images/index4_3on.jpg) no-repeat;}

.slideGroup .parBd{ padding-top:35px;} 
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{ float:left; _display:inline; overflow:hidden; width:260px; border:1px solid #999999; margin-left:31px; cursor:pointer;}
.slideGroup .parBd ul li .pic{ display:block; width:240px; height:352px; margin:10px;}
.slideGroup .parBd ul li .title{ background:#999999; color:#FFF; font-size:16px; height:52px; line-height:52px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:240px; padding:0 10px;}
.slideGroup .parBd ul li:hover{ border:1px solid #d02f2f;}
.slideGroup .parBd ul li:hover .title{ background:#d02f2f;}

.swiper-container1 {
	width: 96%;
	height: 100%;
	padding:35px 2% 0 2%;
	position:relative;
	display:none;
}
.swiper-container2 {
	width: 96%;
	height: 100%;
	padding:35px 2% 0 2%;
	position:relative;
	display:none;
}
.swiper-container3 {
	width: 96%;
	height: 100%;
	padding:35px 2% 0 2%;
	position:relative;
	display:none;
}
.swiper-container4 {
	width: 96%;
	height: 100%;
	padding:35px 2% 0 2%;
	position:relative;
	display:none;
}
.swiper-container5 {
	width: 96%;
	height: 100%;
	padding:35px 2% 0 2%;
	position:relative;
	display:none;
}

.index5_bg{ width:100%; background:#f9f9f9; padding:50px 0 50px 0;}
.index5{ width:1200px; margin:50px auto 0 auto; overflow:hidden;}
.index5_1{ width:532px; min-height:200px; background:#FFF; overflow:hidden; padding:40px 24px 20px 24px;}
.index5_2{ float:left; height:25px; line-height:24px; border-left:5px solid #d02f2f; font-size:24px; color:#666; padding-left:10px;}
.index5_3{ float:left; width:100%; overflow:hidden; margin-top:18px;}
.index5_3 li{ float:left; width:100%; height:30px; overflow:hidden;}
.index5_3 li a{ float:left; display:block; font-size:14px; color:#666; text-align:left; background:url(../images/index5_1.png) left center no-repeat; width:80%; height:20px; line-height:20px; margin-top:5px; overflow:hidden; padding-left:2%; 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;}
.index5_3 li span{ float:right; display:block; font-size:13px; color:#999; height:20px; line-height:20px; margin-top: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;}
.index5_3 li:hover a{ color:#d02f2f; background:url(../images/index5_1on.png) left center no-repeat;}
.index5_3 li:hover span{ color:#d02f2f;}
.index5_4{ display:block; margin:45px auto 0 auto; width:168px; height:38px; line-height:38px; border:1px solid #d02f2f; color:#d02f2f; font-size:16px; -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;}
.index5_4:hover{ background:#d02f2f; color:#FFF;}

.index6_bg{ width:100%; background:url(../images/index6.jpg) center bottom no-repeat; padding:55px 0 140px 0;}
.index6{ width:1200px; margin:0 auto; overflow:hidden;}
.index6_l{ float:left; width:700px; overflow:hidden;}
.index6_l1{ float:left; font-size:32px; color:#444444; border-left:8px solid #d02f2f; height:40px; line-height:38px; padding-left:16px;}
.index6_l2{ float:left; width:100%; text-align:left; margin-top:40px; font-size:16px; color:#333; line-height:28px;}
.index6_l3{ float:left; width:100%; text-align:left; margin-top:40px; font-size:14px; color:#999; line-height:24px;}
.index6_l4{ float:left; width:100%; text-align:left; margin-top:40px; font-size:24px; color:#666; line-height:30px;}
.index6_l4 span{ color:#d02f2f;}
.index6_r{ float:right; display:block; width:439px;}
.index6_1{ width:1180px; margin:30px auto; overflow:hidden; border-top:1px solid #eeeeee; border-right:1px solid #eeeeee;}
.index6_1 li{ float:left; border-bottom:1px solid #eeeeee; border-left:1px solid #eeeeee;}
.index6_1 li img{ display:block; width:235px; height:180px;}

.index7_bg{ width:100%; background:#f9f9f9; padding:90px 0 60px 0;}
.index7{ width:1200px; margin:0 auto; overflow:hidden;}
.index7_l{ float:left; width:545px;}
.index7_l1{ float:left; height:40px; line-height:38px; overflow:hidden; border-left:8px solid #d02f2f; font-size:32px; color:#444444; padding-left:20px; margin-bottom:26px; clear:both;}
.index7_l1 span{ font-size:32px; color:#d02f2f; font-weight:bold; padding-left:30px;}
.index7_l2{ float:left; height:40px; line-height:38px; overflow:hidden; border-left:8px solid #d02f2f; font-size:32px; color:#444444; padding-left:20px; margin-bottom:26px; clear:both;}
.index7_l2 span{ font-size:30px; color:#d02f2f; padding-left:30px;}
.index7_l3{ float:left; height:40px; line-height:38px; overflow:hidden; border-left:8px solid #d02f2f; font-size:32px; color:#444444; padding-left:20px; clear:both;}
.index7_l3 span{ font-size:16px; color:#666; padding-left:30px;}
.index7_l4{ float:left; width:94%; border:0; height:48px; background:#efefef; outline:none; padding:0 3%; font-family:"微软雅黑"; font-size:14px; color:#666;}
.index7_l5{ float:left; width:94%; border:0; height:70px; background:#efefef; outline:none; padding:12px 3%; font-family:"微软雅黑"; font-size:14px; color:#666;}
.index7_l6{ float:left; width:100px; border:0; height:48px; background:#efefef; outline:none; padding:0 3%; font-family:"微软雅黑"; font-size:14px; color:#666;}
.index7_l7{ float:left; margin-left:10px; cursor:pointer; width:100px; height:48px;}
.index7_l8{ float:left; width:135px; height:36px; background:#d02f2f; border:0; outline:none; color:#FFF; font-family:"微软雅黑"; font-size:16px; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.index7_r{ float:right; width:439px; height:440px; background:url(../images/index7_1.jpg) no-repeat;}
.index7_r1{ float:left; margin-left:38px; clear:both; font-size:36px; color:#FFF; font-weight:lighter; line-height:40px; margin-top:40px;}
.index7_r2{ float:left; margin-left:38px; clear:both; font-size:24px; color:#FFF; text-align:left; line-height:30px; margin-top:10px; width:80%;}
.index7_r3{ float:left; display:block; width:130px; height:130px; margin-left:38px; clear:both; margin-top:100px;}
.index7_r4{ float:left; margin-left:38px; clear:both; font-size:14px; color:#FFF; line-height:30px; width:130px; text-align:center;}

.index8_bg{ width:100%; background:#f5f5f5; overflow:hidden; padding:30px 0 35px 0;}
.index8{ width:1200px; margin:0 auto; overflow:hidden;}
.index8 li{ float:left; width:242px; min-height:45px; padding-left:58px; text-align:left;}
.index8_1{ background:url(../images/index7_3.png) left top no-repeat;}
.index8_2{ background:url(../images/index7_4.png) left top no-repeat;}
.index8_3{ background:url(../images/index7_5.png) left top no-repeat;}
.index8_4{ background:url(../images/index7_6.png) left top no-repeat;}
.index8_5{ font-size:18px; font-weight:bold; color:#333333; line-height:24px;}
.index8_6{ font-size:14px; font-weight:bold; color:#999999; line-height:24px;}

.footer_bg{ width:100%; border-top:3px solid #d02f2f; background:#222222; overflow:hidden; padding-top:35px;}
.footer{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:30px;}
.footer_l{ float:left; width:640px; overflow:hidden;}
.footer_l1{ float:left; width:100%; overflow:hidden;}
.footer_l1 li{ float:left; padding:5px 30px 5px 0;}
.footer_l1 li a{ color:#888888; font-size:14px; display:block; line-height:20px;}
.footer_l1 li a:hover{ text-decoration:underline;}
.footer_l2{ float:left; font-size:14px; color:#999999; font-weight:bold; line-height:20px; margin-top:30px; clear:both;}
.footer_l3{ float:left; width:100%; overflow:hidden; margin-top:5px;}
.footer_l3 li{ float:left; padding:5px 30px 5px 0;}
.footer_l3 li a{ color:#888888; font-size:14px; display:block; line-height:20px;}
.footer_l3 li a:hover{ text-decoration:underline;}

.footer_r{ float:right; width:475px; border-left:1px solid #333333; padding:30px 0;}
.footer_r1{ float:left; display:block; width:150px; height:150px; margin-left:45px;}
.footer_r2{ float:right; width:220px; overflow:hidden; margin-top:-10px;}
.footer_r3{ float:left; width:100%; overflow:hidden; text-align:left; border-bottom:1px solid #444444; padding:10px 0;}
.footer_r3_1{ float:left; height:30px; line-height:30px; padding-left:30px; font-size:24px; font-weight:bold; color:#d02f2f;}
.footer_r3_1_1{ background:url(../images/footer1.png) no-repeat left center;}
.footer_r3_1_2{ background:url(../images/footer2.png) no-repeat left center;}
.footer_r3_2{ float:left; font-size:14px; color:#8a9099; padding-left:30px; height:30px; line-height:30px;}

.footer_b{ width:100%; background:#111111; padding:0 0;}
.footer_b1{ width:1200px; line-height:24px; margin:0 auto; text-align:left; font-size:14px; color:#666666; padding:10px 0;}

.piaofu{ position:fixed; width:70px; height:280px; bottom:10%; right:5px; z-index:99999999; display:block;}
.piaofu li{ float:left; width:70px; height:70px; position:relative; text-align:center;}
.piaofu li a{ display:block; width:68px; height:68px; line-height:100px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #e5e5e5; color:#666; font-size:14px;}
.piaofu1{ background:url(../images/xf_icon1.png) center 12px no-repeat #FFF;}
.piaofu2{ background:url(../images/xf_icon2.png) center 15px no-repeat #FFF;}
.piaofu3{ background:url(../images/xf_icon3.png) center 11px no-repeat #FFF;}
.piaofu4{ background:url(../images/xf_icon4.png) center 13px no-repeat #FFF;}
.piaofu li:hover a{ color:#FFF; border:1px solid #d02f2f;}
.piaofu li:hover .piaofu1{ background:url(../images/xf_icon1_1.png) center 12px no-repeat #d02f2f;}
.piaofu li:hover .piaofu2{ background:url(../images/xf_icon2_1.png) center 15px no-repeat #d02f2f;}
.piaofu li:hover .piaofu3{ background:url(../images/xf_icon3_1.png) center 11px no-repeat #d02f2f;}
.piaofu li:hover .piaofu4{ background:url(../images/xf_icon4_1.png) center 13px no-repeat #d02f2f;}
.piaofu li div{ display:none; position:absolute;}
.piaofu li:hover div{ display:block;}
.piaofu2_1{ top:-60px; left:-187px; width:177px; height:198px; border:1px solid #D7D7D7; background:#FFF; text-align:center;}
.piaofu2_1 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) */
}
.piaofu2_1 p{ width:155px; font-size:14px; margin-left:10px; text-align:center;}
.piaofu3_1{ top:0; left:-218px; width:216px; height:70px; background:#d02f2f; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.piaofu3_1 span{ display:block; padding-left:25px; background:url(../images/xf_icon5.png) no-repeat 15px center; height:70px; line-height:70px; font-size:22px; font-weight:bold; color:#FFF;}

/*pro*/
.postion{ width:1200px; margin:0 auto; overflow:hidden; text-align:left; font-size:14px; color:#999999; line-height:20px; padding:18px 0;}
.postion a{ color:#999;}
.postion a:hover{ text-decoration:underline;}

.pro_bg{ width:100%; overflow:hidden; background:#f9f9f9; padding:50px 0 40px 0;}
.pro{ width:1200px; margin:5px auto 0 auto; overflow:hidden; padding-bottom:10px;}
.pro li{ float:left; width:31.33%; height:360px; position:relative; overflow:hidden; margin:30px 1% 0 1%; 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;}
.pro1{ position:absolute; width:100%; height:100%; line-height:206px; z-index:10; font-size:130px; color:#e8e8e8; font-weight:bold;}
.pro2{ float:left; margin-top:138px; width:90%; padding:18px 5% 0 5%; background:#FFF; font-size:24px; font-weight:bold; color:#000; position:relative; z-index:100; line-height:28px;}
.pro3{ float:left; margin-top:10px; width:94%; padding:0 3%; font-size:14px; color:#999999; line-height:24px;}
.pro4{ float:left; width:100%; overflow:hidden; margin-top:30px; position:relative; z-index:100;}
.pro5{ float:left; display:block; margin-left:7%; width:40%; height:40px; line-height:40px; border:1px solid #d02f2f; font-size:14px; color:#FFF; background:#d02f2f;}
.pro6{ float:right; display:block; margin-right:7%; width:40%; height:40px; line-height:40px; border:1px solid #d02f2f; font-size:14px; color:#d02f2f;}
.pro li:hover{ -webkit-box-shadow:0px 2px 10px #ccc; -moz-box-shadow:0px 2px 10px #ccc; box-shadow:0px 2px 10px #ccc;}

.line{ width:1200px; margin:0 auto; height:0; border-bottom:1px solid #f6f6f6;}

/*proIn*/
.proIn1_bg{ width:100%; overflow:hidden;}
.proIn1{ width:1200px; margin:0 auto; overflow:hidden; padding:50px 0;}
.proIn_title{ font-size:32px; line-height:40px; margin:0 auto; width:94%;}
.font_444{ color:#444;}
.proIn1 ul{ float:left; width:100%; overflow:hidden; margin-top:50px;}
.proIn1 ul li{ float:left; width:17%; margin-right:3.75%; margin-top:20px; min-height:200px;}
.proIn1 ul li:last-child{ margin-right:0;}
.proIn1_1{ background:url(../images/proIn1_1.png) top center no-repeat;}
.proIn1_2{ background:url(../images/proIn1_2.png) top center no-repeat;}
.proIn1_3{ background:url(../images/proIn1_3.png) top center no-repeat;}
.proIn1_4{ background:url(../images/proIn1_4.png) top center no-repeat;}
.proIn1_5{ background:url(../images/proIn1_5.png) top center no-repeat;}
.proIn1_6{ width:100%; overflow:hidden; font-size:22px; color:#000; line-height:30px; margin-top:95px;}
.proIn1_7{ width:100%; overflow:hidden; font-size:14px; color:#666; line-height:24px; margin-top:15px;}

.proIn2_bg{ width:100%; overflow:hidden; background:#fbfbfb; padding:50px 0 50px 0;}
.proIn2{ width:1200px; margin:40px auto 0 auto; overflow:hidden;}
.proIn2_1{}
.proIn2_1 td{ padding:15px 30px; line-height:24px;}
.proIn2_1 .td1{ background:#d02f2f; color:#FFF; font-size:16px; width:30%;}
.proIn2_1 .td2{ background:#f8ebec; color:#575757; font-size:14px;}
.proIn2_1 .td3{ background:#d47d83; color:#FFF; font-size:16px;}
.proIn2_1 .td4{ background:#ffffff; color:#575757; font-size:14px;}

.proIn3_bg{ width:100%; overflow:hidden; padding:50px 0 50px 0;}
.proIn3{ width:1200px; margin:40px auto 0 auto; overflow:hidden; position:relative;}
.proIn3_1{ width:42%; overflow:hidden; border:1px solid #e6e6e6; text-align:left; padding:40px 3% 10px 3%; min-height:220px;}
.proIn3_2{ width:90%; overflow:hidden; font-size:20px; color:#212121; line-height:30px;}
.proIn3_3{ width:90%; overflow:hidden; font-size:14px; color:#666666; line-height:24px; margin-top:30px;}
.proIn3_4{ position:absolute; top:50px; left:50%; margin-left:-82px;}

.proIn4_bg{ width:100%; overflow:hidden; padding:50px 0 50px 0;}
.proIn4{ width:1024px; margin:0 auto; overflow:hidden;}
.proIn4 li{ float:left; width:23%; margin:40px 1% 0 1%; overflow:hidden;}
.proIn4 li span{ display:block; width:90%; overflow:hidden; margin:0 auto; font-size:16px; color:#444444; line-height:24px; margin-top:115px;}
.proIn4_1{ background:url(../images/proIn4_1.png) top center no-repeat;}
.proIn4_2{ background:url(../images/proIn4_2.png) top center no-repeat;}
.proIn4_3{ background:url(../images/proIn4_3.png) top center no-repeat;}
.proIn4_4{ background:url(../images/proIn4_4.png) top center no-repeat;}
.proIn4_5{ display:block; margin:50px auto 0 auto; width:220px; height:56px; line-height:56px; border:1px solid #d02f2f; font-size:22px; color:#d02f2f; -webkit-border-radius:28px; -moz-border-radius:28px; border-radius: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;}
.proIn4_5:hover{ background:#d02f2f; color:#FFF;}
.proIn4_6{ background:url(../images/proIn4_6.png) top center no-repeat;}
.proIn4_7{ background:url(../images/proIn4_7.png) top center no-repeat;}
.proIn4_8{ background:url(../images/proIn4_8.png) top center no-repeat;}
.proIn4_9{ background:url(../images/proIn4_9.png) top center no-repeat;}

.proIn5_bg{ width:100%; overflow:hidden; padding:50px 0 50px 0; background:#f9f9f9;}
.proIn5{ width:1200px; margin:24px auto 0 auto; overflow:hidden;}
.proIn5 li{ float:left; position:relative; width:284px; height:250px; margin:16px 8px 0 8px; cursor:pointer; overflow:hidden;}
.proIn5_1{ display:block; width:284px; height:250px; position:relative; z-index:1;}
.proIn5_2{ position:absolute; width:100%; height:60px; line-height:60px; font-size:24px; font-weight:bold; color:#FFF; z-index:10; top:160px; left:0; background:url(../images/proIn5.png) repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.proIn5_3{ position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/proIn5.png) repeat; z-index:10; -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;}
.proIn5_4{ float:left; width:100%; font-size:24px; font-weight:bold; color:#FFF; line-height:30px; margin-top:70px;}
.proIn5_4 span{ font-size:18px; font-weight:bold;}
.proIn5_5{ float:left; width:100%; font-size:16px; color:#f2ddde; line-height:24px; margin-top:15px;}
.proIn5 li:hover .proIn5_3{ -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.proIn5 li:hover .proIn5_2{ -webkit-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); -o-transform:scale(2); transform:scale(2); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

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

.swiper-container6 {
	width: 1140px;
	height: 100%;
	padding:40px 30px 0 30px;
	position:relative;
	overflow:hidden;
	margin:0 auto;
	display:block;
}
.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-button-next6{ background:url(../images/index4_3.jpg) no-repeat; width:20px; height:80px; right:0; cursor:pointer; top:50%; margin-top:-80px; position:absolute; z-index:100;}
.swiper-container6 .swiper-button-prev6{ background:url(../images/index4_2.jpg) no-repeat; width:20px; height:80px; left:0; cursor:pointer; top:50%; margin-top:-80px; position:absolute; z-index:100;}
.swiper-container6 .swiper-button-next6:hover{ background:url(../images/index4_3on.jpg) no-repeat; -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:hover{ background:url(../images/index4_2on.jpg) no-repeat; -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-pagination6{ margin-top:50px;}
.swiper-container6 .swiper-pagination6 .swiper-pagination-bullet{ width:30px; height:5px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#f2dae3; margin:0 5px;}
.swiper-container6 .swiper-pagination6 .swiper-pagination-bullet-active{ width:30px; height:5px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background-color:#d02f2f;}

.proIn6{ border:1px solid #999999; 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;}
.proIn6_1{ padding:10px;}
.proIn6_1 img{ display:block; max-width:100%;}
.proIn6_2{ background:#999999; color:#FFF; font-size:16px; height:52px; line-height:52px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:240px; padding:0 10px;}
.proIn6:hover{ border:1px solid #d02f2f;}
.proIn6:hover .proIn6_2{ background:#d02f2f;}

.proIn7_bg{ width:100%; overflow:hidden; padding:50px 0 50px 0; background:url(../images/proIn7.jpg) bottom center no-repeat #434343;}
.proIn7{ width:1024px; margin:40px auto 0 auto; overflow:hidden;}
.proIn7 li{ width:30.33%; float:left; margin:0 1.5%; min-height:260px; padding-bottom:10px; color:#FFF; cursor:pointer;}
.proIn7_1{ background:url(../images/proIn7_1.png) center 30px no-repeat #c23131;}
.proIn7_2{ background:url(../images/proIn7_2.png) center 30px no-repeat #c23131;}
.proIn7_3{ background:url(../images/proIn7_3.png) center 34px no-repeat #c23131;}
.proIn7_4{ width:90%; margin:128px auto 0 auto; font-size:18px; font-weight:bold; line-height:24px;}
.proIn7_5{ width:90%; margin:15px auto 0 auto; font-size:14px; line-height:24px; text-align:left;}

/*news*/
.news{ width:100%; overflow:hidden;}
.news_l{ float:left; width:880px; overflow:hidden;}
.news_l1{ float:left; width:100%; height:94px; overflow:hidden; border-bottom:1px solid #dcdcdc;}
.news_l1 li{ float:left; height:94px; line-height:100px; font-size:24px; font-weight:lighter; overflow:hidden; margin-right:30px; color:#e7e7e7;}
.news_l1 li a{ display:block; width:100px; height:90px; border-bottom:4px solid #FFF; color:#666666; font-size:24px; line-height:100px; overflow:hidden; font-weight:normal;}
.news_l1 li a:hover{ border-bottom:4px solid #d02f2f; color:#d02f2f;}
.news_l1 li .a_on{ border-bottom:4px solid #d02f2f; color:#d02f2f;}
.news_l1 li:last-child{ display:none;}

.news_l2{ float:left; width:100%; overflow:hidden;}
.news_l2 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #dcdcdc; padding:25px 0;}
.news_l2 li a{ display:block; width:100%; overflow:hidden;}
.news_l2_1{ float:left; width:248px; height:180px; overflow:hidden; border:1px solid #dcdcdc;}
.news_l2_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;}
.news_l2 li:hover .news_l2_1 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_l2_2{ float:right; width:600px; overflow:hidden; text-align:left;}
.news_l2_3{ float:left; width:100%; height:40px; line-height:40px; overflow:hidden; font-size:22px; color:#333; 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;}
.news_l2_4{ float:left; width:100%; overflow:hidden; line-height:28px; height:84px; font-size:14px; color:#888888; margin-top:12px;}
.news_l2_5{ float:left; width:100%; overflow:hidden; font-size:14px; color:#666; line-height:28px; margin-top:12px;}
.news_l2_5 .span1{ display:inline-block;}
.news_l2_5 .span2{ display:inline-block; background:url(../images/news2.png) left center no-repeat; padding-left:24px; margin-left:10px;}
.news_l2 li:hover .news_l2_3{ color:#d02f2f;}

.news_page{ float:left; width:100%; text-align:left; padding:30px 0 60px 0;}

.news_r{ float:right; width:270px; overflow:hidden;}
.news_r1{ float:left; width:100%; overflow:hidden; text-align:left; height:50px; position:relative; margin-top:27px;}
.news_r1_1{ font-size:18px; color:#333; line-height:44px;}
.news_r1 span{ display:block; width:30px; height:4px; background:#d02f2f; position:absolute; bottom:0; left:0;}

.news_r2{ float:left; width:100%; overflow:hidden; padding-bottom:10px;}
.news_r2 li{ float:left; width:100%; overflow:hidden; margin-top:17px;}
.news_r2 li a{ display:block; width:100%; overflow:hidden;}
.news_r2_1{ float:left; width:130px; height:90px; display:block;}
.news_r2_2{ float:right; width:130px; overflow:hidden; text-align:left;}
.news_r2_3{ float:left; width:100%; overflow:hidden; font-size:14px; color:#333; height:26px; line-height:26px; text-overflow:ellipsis; white-space:nowrap;}
.news_r2_4{ float:left; width:100%; overflow:hidden; color:#999999; line-height:18px; height:54px;}
.news_r2 li:hover .news_r2_3{ text-decoration:underline;}

/*newsIn*/
.postionIn{ text-align:left; font-size:14px; line-height:20px; border-bottom:1px solid #f0eded; padding:13px 0; margin-top:28px; color:#999; overflow:hidden;}
.postionIn1{ border-left:2px solid #56a6e9; padding-left:10px; color:#999;}
.postionIn1:hover{ text-decoration:underline;}
.postionIn a{ color:#999;}
.postionIn a:hover{ text-decoration:underline;}

.newsIn1{ width:94%; margin:20px auto 0 auto; font-size:30px; color:#333; line-height:40px;}
.newsIn2{ width:94%; margin:12px auto 0 auto; font-size:14px; color:#666; line-height:20px; padding:0 3% 20px 3%; border-bottom:1px solid #f0eded;}
.newsIn2 .span1{ display:inline-block;}
.newsIn2 .span2{ display:inline-block; margin-left:20px;}
.newsIn2 .span3{ display:inline-block; margin-left:20px; background:url(../images/news2.png) left center no-repeat; padding-left:22px;}

.newsIn3{ width:96%; text-align:left; padding:10px 1%; background:#efefef; margin:20px 1% 0 1%; line-height:30px; font-size:14px; color:#666;}

.newsIn4{ width:98%; padding:30px 1% 80px 1%; text-align:left; font-size:14px; color:#666; min-height:200px;}
.newsIn4 img{ display:block; margin:0 auto; max-width:100%;}

.newsIn5{ width:96%; padding:0 1%; background:#efefef; margin:20px 1% 0 1%; line-height:30px; font-size:14px; color:#666;}

.newsIn6{ width:98%; overflow:hidden; position:relative; margin:0 auto; padding:15px 0 25px 0;}
.newsIn6_1{ float:left; width:80%; text-align:left; font-size:14px; color:#666; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px;}
.newsIn6_1 a{ color:#666;}
.newsIn6_1 a:hover{ text-decoration:underline;}
.newsIn6_2{ position:absolute; right:0; top:30px; line-height:42px; font-size:14px; color:#FFF; background:#d02f2f; width:130px; height:42px; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px;}

.newsIn7{ width:98%; overflow:hidden; background:#f5f5f5; margin:30px auto 0 auto; padding-bottom:30px; margin-bottom:30px;}
.newsIn7_1{ width:94%; height:51px; overflow:hidden; text-align:left; position:relative; margin:12px auto 0 auto; line-height:47px;}
.newsIn7_1 span{ display:block; width:30px; height:4px; background:#d02f2f; bottom:0; left:0; position:absolute;}
.newsIn7_2{ font-size:18px; color:#333;}
.newsIn7_3{ width:94%; margin:10px auto 0 auto; overflow:hidden;}
.newsIn7_3 li{ float:left; width:100%; border-bottom:1px dashed #e3e3e3; font-size:14px; line-height:20px; padding:10px 0;}
.newsIn7_3 li a{ float:left; color:#333; background:url(../images/news3.jpg) left center no-repeat; margin-left:1%; padding-left:15px; display:inline-block; max-width:80%; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.newsIn7_3 li span{ float:right; color:#333; margin-right:1%; display:inline-block;}
.newsIn7_3 li a:hover{ text-decoration:underline;}

.mobile_bottom{ position:fixed; width:100%; overflow:hidden; z-index:9999999999999; bottom:0; left:0; display:none;}

.hotspot1{ margin:0 auto; width:1200px; overflow:hidden;}
.hotspot1_1{ float:left; font-size:20px; color:#d02f2f; height:34px; line-height:34px; border-left:6px solid #d02f2f; padding-left:15px; margin:50px 0 10px 10px;}
.hotspot1_2{ float:left; width:1200px; overflow:hidden; border-top:1px solid #e3e3e3; padding:25px 0 100px 0;}
.hotspot1_2 li{ float:left; width:50%; overflow:hidden; margin-top:20px;}
.hotspot1_2 li a{ float:left; display:inline-block; max-width:70%; line-height:20px; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.hotspot1_2 li a:hover{ text-decoration:underline;}
.hotspot1_2 li span{ float:right; line-height:20px; width:120px; text-align:left; color:#acacac;}