@charset "utf-8";
/* CSS Document */
body{ width:100%; min-width:1200px; font:12px Microsoft YaHei, Arial, Helvetica, sans-serif ; color:#666; margin:0; padding:0;}
img { border:none;}
ul,li{ list-style:none; margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
a{ text-decoration:none; outline:none;}
.clear{ clear:both; margin:0px; padding:0px;}
em,i{ font-style:normal;}
/* 头部 */
.header{ width:100%;}
.header_box{ width:1200px; margin:0 auto;}
.top1{ width:100%; height:45px; border-bottom:1px solid #ececec;}
.top1_box{ width:1200px; margin:0 auto; height:45px;}
.top1_box .tel{ float:left; color:#cb0101; height:45px; line-height:45px;}
.top1_box .tel span{ padding-left:25px; display:inline-block;}
.top1_box .tel span i{ line-height:45px; background:url(../images/top_x.jpg) no-repeat center right; padding-right:10px; margin-right:8px;}
.top1_box .tel .zj{ background:url(../images/tel1.jpg) no-repeat 0px 10px;}
.top1_box .tel .sj{ background:url(../images/tel2.jpg) no-repeat 0px 10px;}
.top1_box .r_icon{ float:right; color:#cb0101; height:45px; line-height:45px;}
.top1_box .r_icon span{ display:inline-block; width:1px; height:40px; background:url(../images/top_x.jpg) no-repeat 0px 8px; margin:0px 10px;}
.top1_box .r_icon a{ width:20px; height:45px; display:inline-block; color:#cb0101;}
.top1_box .r_icon .mail{ background:url(../images/mail.jpg) no-repeat 0px 10px;}
.top1_box .r_icon .qq{ background:url(../images/qq.jpg) no-repeat 0px 10px;}
.top1_box .r_icon .wechat{ background:url(../images/wechat.jpg) no-repeat 0px 10px;}
.top1_box .r_icon a p{ display:none; position:absolute; top:45px; margin-left:-65px; border:3px solid #ececec; width:80px; text-align:center; line-height:15px; z-index:999; background:#fff;}
.top1_box .r_icon a p img{ height:80px; display:block;}
.top1_box .r_icon a:hover p{ display:block;}
.header_box .top2{ width:100%;}
.header_box .top2 h1{ float:left; width:235px; overflow:hidden; margin-right:35px; height:90px; padding-top:5px;}
.header_box .top2 h1 img{ height:90px;}
.header_box .top2 .menu{ float:right; width:930px;}
.header_box .top2 .menu ul{ position:relative;}
.header_box .top2 .menu ul li{ float:left; border-top:3px solid #fff;}
.header_box .top2 .menu ul li a{ font-size:16px; padding:0px 27px 0px 26px; color:#333; display:block; line-height:97px;}
.header_box .top2 .menu ul li:hover,.header_box .top2 .menu ul .on{ border-top:3px solid #cb0101;}
.header_box .top2 .menu ul li a:hover,.header_box .top2 .menu ul .on a{ color:#cb0101; padding:0px 27px 0px 26px;}
.header_box .top2 .menu ul li ul{ position:absolute; display:none; top:100px; z-index:999; background:#fff;}
.header_box .top2 .menu ul li ul li{ float:none; border-top:none; position:relative; text-align:center;}
.header_box .top2 .menu ul li ul li a{ font-size:14px; line-height:35px; border-bottom:1px solid #ccc; min-width:65px;_width:expression(document.body.clientWidth < 65 ? "65px" : "auto");}
.header_box .top2 .menu ul li ul li:hover{border:none;}
.header_box .top2 .menu ul li:hover ul{ display:block;}
.header_box .top2 .menu ul li:hover ul ul{ display:none; position:absolute; left:100%; top:0;}
.header_box .top2 .menu ul li ul li:hover ul{ display:block;}
.header_box .top2 .menu ul li ul li ul li{ float:none; white-space:nowrap;}
.header_box .top2 .menu ul li ul li ul li a{ font-size:14px; line-height:35px;}
.header_box .top2 .menu ul .on ul li a{ color:#333;}
.header_box .top2 .menu ul .on ul li a:hover{ color:#cb0101;}
/* 图片切换 */
.tiyan{width: 100%; margin: 0px auto; overflow: hidden; position: relative;}
.tiyan li img{ width:100%; min-width:1002px;}
.dot_icon{ position:absolute; bottom:8px; margin:0px auto; left:47%;}
.dot_icon ul li{ float:left; margin-left:5px; margin-right:5px;width:110px; height:12px;}
.ExperienceHall{ display:block;width:45px; height:10px; background:#fff;}
.ExperienceHall_current{display:block;width:45px; height:10px; background:#cb0101;}
/* 内容 */
.main1{ width:100%; background:#f7f7f7; padding:30px 0px;}
.main1_box{ width:1200px; margin:0 auto;}
.main1_box h2{ font-size:32px; text-align:center; font-weight:normal; color:#333; line-height:60px;}
.main1_box .line{ width:100px; height:3px; background:#cb0101; margin:0 auto;}
.main1_box p{ text-align:center;}
.main1_box .gg{ font-size:20px; line-height:60px;}
.main1_box ul{ margin-top:20px;}
.main1_box ul li{ float:left; width:235px; text-align:center; margin-right:60px; padding:0px 10px;}
.main1_box ul li img{}
.main1_box ul li h3{ font-weight:normal;}
.main1_box ul li h3 a{ color:#333; font-size:22px; line-height:60px;}
.main1_box ul li:hover h3 a{ color:#cb0101;}
.main1_box ul li:hover img{ opacity:0.8;filter:Alpha(opacity=80);position:static;*zoom:1;}
.main1_box ul li p{ line-height:25px; margin:0px 25px;}
.main1_box ul .fin{ margin-right:0px;}

.main2{ width:100%; padding:30px 0px; background:url(../images/main2_bg.jpg) no-repeat;}
.main2_box{ width:1200px; margin:0 auto;}
.main2_box h2{ font-size:32px; text-align:center; font-weight:normal; color:#fff; line-height:60px;}
.main2_box .line{ width:100px; height:3px; background:#fff; margin:0 auto;}
.main2_box p{ text-align:center; color:#fff;}
.main2_box .gg{ font-size:20px; line-height:60px;}
.main2_box ul{ margin-top:20px;}
.main2_box ul li{ float:left; width:300px; text-align:center;}
.main2_box ul li .mask{
	right:0;
	bottom:0;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   color:#fff;
}
.view-tenth{
	position:relative;
	overflow:hidden;
	text-align:center;
	margin:20px 0 0 20px;
	max-height:196px;
	min-height:196px;
	}
.view-tenth img {
	max-width:100%;
	width:280px;
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color: rgba(193, 30, 43, 0.6);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
	color:#fff;
	line-height:25px;
	font-size:16px;
   background: transparent;
   padding:22% 0 10px 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   padding:0 0 10px 0;
   font-size:11px;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   display:inline-block;
   padding:0 15px;
   line-height:24px;
   border:1px solid rgba(255,255,255,0.3);
   background:rgba(255,255,255,0.2);
   color:#fff;
}
.view-tenth:hover{ max-height:196px; min-height:196px;}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.main2_box .more1{ text-align:center; width:100%; margin-top:50px;}
.main2_box .more1 a{ display:inline-block; width:200px; height:45px; line-height:45px; font-size:14px; border:2px solid #fff; color:#fff;}
.main2_box .more1 a:hover{ border:2px solid #cb0101; color:#cb0101;}

.main3{ width:100%; padding:30px 0px; background:#f7f7f7; border-bottom:1px solid #ececec;}
.main3_box{ width:1200px; margin:0 auto;}
.main3_box h2{ font-size:32px; text-align:center; font-weight:normal; color:#333; line-height:60px;}
.main3_box .line{ width:100px; height:3px; background:#cb0101; margin:0 auto;}
.main3_box p{ text-align:center;}
.main3_box .gg{ font-size:20px; line-height:60px;}
.E-commerce{ width:100%; height:450px;}
.E-commercetitle{width:100%;}
.E-commercetitle div{ height:60px; position:relative;}
.E-commercetitle div span{ display:block; position:absolute; height:60px; width:100%; text-align:center;}
.E-commercetitle div span a{ display:inline-block; height:30px; margin:0px 20px; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px; padding:0px 35px; line-height:30px; font-size:14px; color:#666; position:relative; background:#ececec;}
.E-commercetitle div span a.cur{color:#fff; background:#cb0101;}
.E-commercetitle p{background:#ececec; height:1px; overflow:hidden;line-height:0px;}
.E-commercelist{width:100%; padding-top:10px; overflow:hidden; display:none;}
.E-commercelist ul{ margin:0px; padding:0px;}
.E-commercelist ul li{float:left;color:#FFF;text-align:center; width:550px; margin-right:100px; border-bottom:1px solid #ececec; padding:25px 0px;}
.E-commercelist ul .list_r{ margin-right:0px;}
.E-commercelist ul li h3{font-size:16px; padding:25px 0px 0px; font-weight:bold;}
.E-commercelist ul li p{ float:right; width:430px; font-size:14px; color:#666; overflow:hidden; text-align:left;}
.E-commercelist ul li .time{ float:left; width:100px; height:80px; font-size:13px; display:block; background:url(../images/bgtime.png) no-repeat center top; padding-top:20px; line-height:30px;}
.E-commercelist ul li .time b{ font-size:4em; display:block; line-height:0.8; font-weight:normal;}
.E-commercelist ul li p a{ color:#333; font-size:18px;}
.E-commercelist ul li p a:hover{ color:#cb0101;}
.E-commercelist ul li p span{ display:block; color:#666; text-indent:2em; line-height:25px;}
.E-commercelist ul li p .more2{ display:block; border:1px solid #ddd; height:28px; line-height:28px; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px; padding:0px 15px; font-size:14px; float:right;}
.E-commercelist ul li p .more2:hover{ background:#cb0101; border:1px solid #cb0101; color:#fff;}
.E-commercelist ul li:hover .time{ background-position:center bottom;}

.main4{ width:100%; padding:20px 0px;}
.main4_box{ width:1200px; margin:0 auto;}
.main4_box .link_l h3{ display: block; height:100%; font-size:18px; font-weight:normal;}
.main4_box .link_l{}
.main4_box .link_r{}
.main4_box .link_r ul{}
.main4_box .link_r ul li{ float:left; margin-right:20px;}
.main4_box .link_r ul li a{ line-height:45px; color:#666;}
.main4_box .link_r ul li a:hover{ color:#cb0101;}

.footer{ width:100%; background:#252525; padding:20px 0px;}
.footer_box{ width:1200px; margin:0 auto;}
.footer_box ul{ background:url(../images/foot_b.png) repeat-x left bottom; padding:20px 0px;}
.footer_box ul li{ float:left; padding:0px 35px;}
.footer_box ul .fl1{ padding-left:0px;}
.footer_box ul .fl1,.fl2,.fl3,.fl4,.fl5{ background:url(../images/foot_li.png) no-repeat 100% 50px;}
.footer_box ul .fl6{ background:none; text-align:center; padding-right:0px;}
.footer_box ul li dl{}
.footer_box ul li dl dt{ font-size:18px; color:#fff; line-height:45px;}
.footer_box ul li dl dd{}
.footer_box ul li dl dd a{ font-size:14px; line-height:35px; color:#666;}
.footer_box ul li dl dd a:hover{ text-decoration:underline;}
.footer_box ul li dl dd p{ font-size:14px; line-height:35px; color:#666;}
.footer_box ul li dl dd .f_tel{ font-size:36px; font-style:italic; line-height:35px; background:url(../images/f_tel.png) no-repeat left center; padding-left:40px;}
.footer_box ul .fl6 dl dt img{ width:120px; margin-top:15px;}
.footer_box ul .fl6 dl dd p{ line-height:25px;}
.footer_box .f_bot{ text-align:center; margin-top:10px;}
.footer_box .f_bot p{ line-height:45px;}