@charset "gb2312";
/* CSS Document */


/*-----------------------banner----------------------------*/

.xnBanner { width:100%px; height:auto; margin:0px auto; position:relative; }
/*section { width: 980px; margin: 0 auto; position: relative; }*/
.section_banner1_box { height:472px; width: 100% }
/*.section_banner1_box ul {height: 420px; position:relative ;}
.section_banner1_box .banner_index{width:180px;}
.index_banner_box li{height:420px; width:100%;}
*/


/* focusindex */
#focusindex { height:472px; overflow: hidden; position: relative; }
#focusindex li { height:472px; overflow: hidden; position: absolute; width: 100%; }
#focusindex li a { display: block; height:472px; position: absolute; width: 100%; z-index:2 }
#focusindex .btn { position: absolute; width: 100%; height: 30px; bottom: 10px; text-align: center; z-index: 9; display:none; }
#focusindex .btn span { display: inline-block; _display: inline; _zoom: 1; width: 20px; height: 20px; _font-size: 0; margin: 5px 10px; cursor: pointer; background:url(../images/banner_off.png) no-repeat center top; z-index: 9; border-radius: 50% }
#focusindex .btn span.on { background:url(../images/banner_on.png) no-repeat center top; z-index: 9 }
#focusindex .preNext { width: 44px; height: 44px; position: absolute; top: 180px; background: url(../images/sprite.png) no-repeat left bottom; cursor: pointer; z-index: 9; opacity: 0; transition: all 0.3s linear 0s; }
#focusindex .pre { left: 0%; z-index: 9 }
#focusindex .next { right: 0%; background-position: right bottom; z-index: 9 }
#focusindex:hover .preNext { opacity: 0.5; }
#focusindex:hover .pre { left: 10%; }
#focusindex:hover .next { right: 10%; }
#focusindex .pre:hover, #focusindex .next:hover { opacity: 1; }
/*
.xnBanner li{width:100%; height:472px; margin:0px auto; overflow:hidden; }
.xnBanner .B1{background:url(../images/banner.jpg) no-repeat center top;}
.xnBanner li a{width:100%; height:472px; display:block; float:left;}
.xnBanner .Center{width:100%; height:auto; position:absolute; top:0px; left:0px;}
.xnBanner .cen{width:1200px; height:auto; margin:0px auto;}
.xnBanner .Dir{width:59px; height:59px; display:block; margin-top:206px;filter: alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
.xnBanner .Dir:hover{filter: alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
.xnBanner .Left{ background:url(../images/banner_left.png) no-repeat left top; *_background:none; float:left;}
.xnBanner .Right{ background:url(../images/banner_right.png) no-repeat right top; *_background:none;float:right;}
*/
.xnNum { width:100%; height:auto; margin:0px auto; position:absolute; bottom:10px; }
.xnNum ul { width:140px; height:20px; margin:0px auto; padding:0px; }
.xnNum li { width:20px; min-width:20px; height:20px; float:left; background:none; padding:0px 4px; }
.xnNum li a { width:20px; height:20px; float:left; background:url(../images/banner_off.png) no-repeat center top; display:block; }
.xnNum li a:hover { background:url(../images/banner_on.png) no-repeat center top; display:block; }
.xnNum li .on { background:url(../images/banner_on.png) no-repeat center top; display:block; }
/*-----------------------banner结束----------------------------*/

/*-----------------------主体样式----------------------------*/


/*main1*/
.xnMain .xnM1{ margin-top:20px;width:1200px; height:auto; float:left; position:relative;}
.xnMain .xnM1 .xnAl_Title {width: 1200px;height: 77px; padding-bottom:5px;}

.xnMain .xnM1 .Title_bg3 { background:url(../images/index_yqlb.jpg) no-repeat center top; margin-top:30px;}
.xnMain .xnM1 .title_hd { margin-top:30px; position:relative; border-bottom:1px solid #000;  height:50px; margin-bottom:25px;}

.xnMain .xnM1 .category{ width:238px; float:left; *display:inline;}
.xnMain .xnM1 .category li{ margin-bottom:3px; font-size:16px; position:relative; float:left; width:238px;}
.xnMain .xnM1 .category li a{ height:48px; background-color:#c1bcc0; line-height:48px; padding-left:100px; margin-bottom:3px; display:block;}
.xnMain .xnM1 .category li a:hover,.xnMain .xnM1 .category li a.select{ background:url(../images/c_t.png) no-repeat #b5004f; background-position:227px; center;  display:block; color:#fff;}
.xnMain .xnM1 .category li span{ position:absolute; width:48px; height:48px;  background:url(../images/c_icon.png) no-repeat; left:35px; top:0; }
.xnMain .xnM1 .category li a span.icon-1{ background-position:0 0; }
.xnMain .xnM1 .category li a span.icon-2{ background-position:0 -48px; }
.xnMain .xnM1 .category li a span.icon-3{ background-position:0 -96px; }
.xnMain .xnM1 .category li a span.icon-4{ background-position:0 -144px; }
.xnMain .xnM1 .category li a span.icon-5{ background-position:0 -192px; }
.xnMain .xnM1 .category li a span.icon-6{ background-position:0 -240px; }
.xnMain .xnM1 .category li a span.icon-7{ background-position:0 -288px; }
.xnMain .xnM1 .category li a span.icon-8{ background-position:0 -336px; }
.xnMain .xnM1 .category li a span.icon-9{ background-position:0 -384px; }
.xnMain .xnM1 .category li a span.icon-10{ background-position:0 -432px; }
.xnMain .xnM1 .category li a span.icon-11{ background-position:0 -480px; }

.xnMain .xnM1 .category li a:hover span.icon-1,.xnMain .xnM1 .category li a.select span.icon-1{ background-position:-48px 0; }
.xnMain .xnM1 .category li a:hover span.icon-2,.xnMain .xnM1 .category li a.select span.icon-2{ background-position:-48px -48px; }
.xnMain .xnM1 .category li a:hover span.icon-3,.xnMain .xnM1 .category li a.select span.icon-3{ background-position:-48px -96px; }
.xnMain .xnM1 .category li a:hover span.icon-4,.xnMain .xnM1 .category li a.select span.icon-4{ background-position:-48px -144px; }
.xnMain .xnM1 .category li a:hover span.icon-5,.xnMain .xnM1 .category li a.select span.icon-5{ background-position:-48px -192px; }
.xnMain .xnM1 .category li a:hover span.icon-6,.xnMain .xnM1 .category li a.select span.icon-6{ background-position:-48px -240px; }
.xnMain .xnM1 .category li a:hover span.icon-7,.xnMain .xnM1 .category li a.select span.icon-7{ background-position:-48px -288px; }
.xnMain .xnM1 .category li a:hover span.icon-8,.xnMain .xnM1 .category li a.select span.icon-8{ background-position:-48px -336px; }
.xnMain .xnM1 .category li a:hover span.icon-9,.xnMain .xnM1 .category li a.select span.icon-9{ background-position:-48px -384px; }
.xnMain .xnM1 .category li a:hover span.icon-10,.xnMain .xnM1 .category li a.select span.icon-10{ background-position:-48px -432px; }
.xnMain .xnM1 .category li a:hover span.icon-11,.xnMain .xnM1 .category li a.select span.icon-11{ background-position:-48px -480px; }

.xnMain .xnM1  .list,.xnMain .xnM1 .showlist,.xnMain .xnM1 .rMain{ width:945px; float:right; display:inline; overflow:hidden; }
.xnMain .xnM1 .list li{ float:left; width:220px; margin:0 8px;white-space:nowrap; position:relative; }
.xnMain .xnM1 .list li a.bd{ display:block;  }
.xnMain .xnM1 .list li  img{}
.xnMain .xnM1 .list li b{ position:absolute;  width:220px; height:220px; z-index:99; top:0; left:0; display:none;background-color: #000;opacity: 0.2; filter:alpha(opacity=20); }
.xnMain .xnM1 .mous li.hover b{ display:block; }
.xnMain .xnM1 .list .title{ padding:5px 0 20px; overflow:hidden; text-align:center; font-size:14px;}
.xnMain .xnM1 .index-p{ overflow:hidden; margin-bottom:40px; }

.category-p{ width:238px; float:left; *display:inline; }
.category-p  .category-hd{ border: solid 1px #eeeeee; padding-left: 19px; height: 50px; line-height: 50px; background-color: #f6f6f6; font-size: 16px; color: 3333;}

.category-p .list-p{ overflow:hidden;  border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; }
.category-p .list-p li{  width:224px; margin:6px;  position:relative; }
.category-p .list-p li a.bd{ display:block; border:2px solid #b5004f; }
.category-p .list-p li  img{}
.category-p .list-p li b{ position:absolute;  width:224px; height:224px; z-index:99; top:0; left:0; display:none;background-color: #000;opacity: 0.2; filter:alpha(opacity=20); }
.category-p .list-p .title{ padding:5px 0 20px; overflow:hidden;  font-size:14px;}

.leftBoxCon {  padding: 10px 14px;  border: 1px solid #e5e5e5;  background: #fff;  border-top: none; margin-bottom:20px;}
.qyArchives h2 { font-size: 14px;  line-height: 20px;}
.qyArchives .memyear {  padding: 6px 0 10px 0; border-bottom: 1px dashed #e6e6e6; margin-bottom: 5px; font-size: 14px; overflow: hidden;  line-height: 26px;}
.qyArchives .memyear em {  display: block; height: 23px; width: 24px;  float: left;  margin-right: 3px; background: url(http://style.org.hc360.com/images/detail/mysite/siteconfig/newPro/mmtIco2018.png) no-repeat;}
.qyArchives .memyear em.mmtV4 {  background-position: 10px -109px;  width: 36px;}
.qyArchives .memyear span {    float: left;}
.qyArchives .memyear span.mRed, .qyArchives .memyear span.mRed a, .memyear span b {  color: #ee2e2c;}
.qyArchives .memyear span.mRed {  padding-right: 5px;}
.qyArchives .ArchivesList { font-size: 14px;}
.qyArchives .ArchivesList ul li {  padding: 5px 0; line-height: 22px; overflow: hidden;}
.qyArchives .ArchivesList ul li span.aLeft {  float: left;  display: block;  color: #666;}
.proBox25left .aRight {  float: left;}
.proBox25left .aRight.w105 {  width: 105px;}
.qyArchives .ArchivesList ul li.certificatesCon {  height: 22px;}
.qyArchives .ArchivesList ul li.certificatesCon span.aLeft { line-height: 28px;}
.certificatesIco { display: block;  width: 38px;  height: 16px; vertical-align: middle;  margin-top: 6px;
    background: url(//style.org.hc360.com/images/detail/mysite/siteconfig/new_product/newImg/NewProIco.png) -89px -180px;}
.proBox25left .ArchivesBot { border-top: 1px dashed #e6e6e6; padding-top: 10px;  font-size: 14px;  margin-top: 5px;}
.qr-code {  text-align: center;  font-size: 14px;  line-height: 40px; }

.ArchivesList img, .ArchivesBot img, .ContactBox img, .ContactPage img, .customBox img, .footerbox img, .proBox25left .proImgBox img {  width: auto;}
.proBox25left .qr-code p {  text-align: center;  color: #333;  line-height: 36px;}
.proBox25left .btnList { overflow: hidden; height: 30px;  padding: 10px 0 5px;  font-size: 14px; }
.proBox25left .btnList a {  display: block;  float: left;  width: 60px;  height: 28px;  border: 1px solid #dfdfdf;  margin: 0 10px;  line-height: 28px;
    text-decoration: none;  color: #666;  padding-left: 20px;
}
.proBox25left .btnList a:hover {  color: #ee2e2c;   border: 1px solid #ee2e2c;}
.proBox25left .btnList a.colBtn {
    background: url(https://style.org.hc360.com/images/detail/mysite/siteconfig/newPro/item02/newProIco.png) 4px -419px no-repeat #f9f9f9;
}
.proBox25left .btnList a.messBtn {
    background: url(https://style.org.hc360.com/images/detail/mysite/siteconfig/newPro/item02/newProIco.png) 4px -463px no-repeat #f9f9f9;
}

.showlist li{ float:left; width:300px; margin:0 6px; position:relative; }
.showlist li a.bd{ display:block; border:2px solid #b5004f; }
.showlist li  img{}
.showlist li b{ position:absolute;  width:300px; height:224px; z-index:99; top:0; left:0; display:none;background-color: #000;opacity: 0.2; filter:alpha(opacity=20); }
.mous li.hover b{ display:block; }
.showlist .title{ padding:5px 0 0px; overflow:hidden; font-size:14px; height:40px;}
.showlist .times{ padding-bottom:45px; font-size: 12px;color: #999; }
.showlist .times span{color: #999; line-height: 18px; font-size: 12px;}
/*main1结束*/

/*main2*/

.xnMain .xnM2 { width:1200px; height:auto; margin-top:30px; overflow:hidden; }
.xnMain .xnM2 .Sub_Title { width:auto; height:auto; float:left; }
.xnMain .xnM2 .Sub_Hdzq { width:366px; height:572px; float:left; overflow:hidden }
.xnMain .xnM2 .Sub_Hdzq .Cont { width:366px; height:465px; float:left; padding-top:20px; }
.xnMain .xnM2 .Sub_Hdzq .Cont { width:366px; height:465px; float:left; padding-top:20px; }
.xnMain .xnM2 .Sub_Hdzq .Cont { width:366px; height:465px; float:left; padding-top:20px; }
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic { width:366px; height:350px; float:left; padding-bottom:23px; overflow:hidden;}
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic li { width:366px; height:310px; float:left;}
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic .Roll_butt { width:366px; height:10px; float:left; overflow:hidden;  padding-top:10px; }
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic .Roll_butt .dian{ width:60px; height:10px; overflow:hidden;  margin:0px auto; text-align:center;}
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic .Roll_butt a { width:16px; height:10px; background:url(../images/Sub_qwzj_rollbutt.jpg) 1px 0px no-repeat;display:block; float:left; }
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic .Roll_butt a:hover { background:url(../images/Sub_qwzj_rollbutt.jpg) -13px 0px no-repeat;}
.xnMain .xnM2 .Sub_Hdzq .Cont .Pic .Roll_butt .a1 { background:url(../images/Sub_qwzj_rollbutt.jpg) -13px 0px no-repeat;}
.xnMain .xnM2 .Sub_Hdzq .Cont .Zxfs { width:346px; height:auto; float:left; }
.xnMain .xnM2 .Sub_News { width:468px; height:572px; float:left; overflow:hidden }
.xnMain .xnM2 .Sub_News .Cont { width:466px; height:463px; float:left; padding-top:21px; }

.xnMain .xnM2 .Sub_News .Cont .Focus_N{width:408px; height:150px; margin:0px auto; border-bottom:1px dashed #666666; border-bottom:1px dashed #666666;}
.xnMain .xnM2 .Sub_News .Cont .Focus_N .Pic{width:167px; height:144px; float:left;}
.xnMain .xnM2 .Sub_News .Cont .Focus_N .Nr{width:221px; height:144px; float:left; padding-left:20px;}
.xnMain .xnM2 .Sub_News .Cont .Focus_N .News_Title{ font-size:16px; float:left; line-height:35px; height:70px;}
.xnMain .xnM2 .Sub_News .Cont .Focus_N .News_Text{ width:221px; height:55px; font-size:12px; float:left; line-height:18px; color:#666;}
.xnMain .xnM2 .Sub_News .Cont .Focus_N .News_Link{ width:220px; height:auto; float:left; }
.xnMain .xnM2 .Sub_News .Cont .Focus_N .News_Link a,.xnMain .xnM2 .Sub_Qwzj  a{font-size:14px; text-align:right; color:#b90a56; float:right}


.xnMain .xnM2 .Sub_News .Cont .List_N { width:408px; height:200px; margin:0px auto;  margin-top:20px; *_margin-top:10px; overflow:hidden;}
.xnMain .xnM2 .Sub_News .Cont .List_N li { width:408px; line-height:25px; float:left; }
.xnMain .xnM2 .Sub_News .Cont .List_N li a { text-decoration:none; color:#000; text-align:left; cursor: pointer; }
.xnMain .xnM2 .Sub_News .Cont .List_N li a:hover { color:#b5004f }
.xnMain .xnM2 .Sub_News .Cont .List_N li i { float:left; width:10px; line-height:25px; }
.xnMain .xnM2 .Sub_News .Cont .List_N li .f1 { width:310px; height:25px; line-height:25px; float:left; overflow:hidden; }
.xnMain .xnM2 .Sub_News .Cont .List_N li .f1 font { float:left; font-size:12px; font-family:"宋体"; }
.xnMain .xnM2 .Sub_News .Cont .List_N li .new { width:25px; height:25px; float:left; background:url(../images/sub_news_n.jpg) center 7px no-repeat }
.xnMain .xnM2 .Sub_News .Cont .List_N li .Time { width:88px; height:25px; line-height:25px; float:left; text-align:right; }
.xnMain .xnM2 .Sub_News .Cont .hz { width:408px;  margin:0px auto; *_ margin:0px 10px 0px 10px; line-height:30px; font-size:14px; text-align:center; color:#0d0c0b; }
.xnMain .xnM2 .Sub_News .Cont .Media_N { width:428px; height:50px; margin: 10px auto 0px auto; border:1px #efe7cf solid; text-align:center; }

/** 视频开始**/
.xnMain .xnM2 .Sub_News .shipin {   padding-top: 4px;	margin: 0 20px;   width: 408px;height:228px;}
.d_shipin { float: left; width: 292px;	height: 210px;}
.d_shipinbj { height: 188px; width: 292px;}
.d_shipin p { line-height: 22px; text-align: center;}
.d_shipin p a { color: #333;}
.d_shipin p a:hover { color: #c71f4c;}
.x_shipin { float: left; padding-left: 15px; width: 101px;height:210px;}
.x_shipinbj { height: 60px;  padding-left: 7px;  width: 94px;}
.x_shipin p { padding-bottom: 10px; padding-top: 10px; text-align: center;}
.x_shipin p a { color: #333;}
.x_shipin p a:hover { color: #c71f4c;}


/** 视频结束**/


.xnMain .xnM2 .Sub_Qwzj { width:366px; height:572px; float:left;  overflow:hidden}
.xnMain .xnM2 .Sub_Qwzj .Cont { width:366px; height:472px; float:left; padding-top:20px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj { width:326px; height:auto; float:left; padding:0px 0px 0px 30px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .zjbig{width:324px; height:auto; float:left;}
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .zjbig li { width:67px; height:auto; float:left; padding:0px 7px 15px 7px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .zjbig li a { width:67px; height:92px; text-decoration:none; color:#000; display:block; cursor: pointer; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .zjbig li .pic { width:67px; height:67px; float:left; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .zjbig li .name { width:67px; line-height:25px; float:left; font-size:12px; text-align:center; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .Roll_butt { width:196px; height:10px; float:left; overflow:hidden; padding-left:150px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .Roll_butt a { width:16px; height:10px; background:url(../images/Sub_qwzj_rollbutt.jpg) 1px 0px; no-repeat;display:block; float:left; }
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .Roll_butt a:hover { background:url(../images/Sub_qwzj_rollbutt.jpg) 15px 0px no-repeat;}
.xnMain .xnM2 .Sub_Qwzj .Cont .zj .Roll_butt .a1 { background:url(../images/Sub_qwzj_rollbutt.jpg) 15px 0px no-repeat;}
.xnMain .xnM2 .Sub_Qwzj .Cont .zj_banner { width:334px;  float:right; padding:0px 8px 0px 15px; overflow:hidden; position:relative; }
.zj_banner dt{ }


.xnMain .xnM2 .Sub_Qwzj .Cont .bt{ width:130px; height:20px; float:right; position:absolute; top:210px; left:30px; }
/*background:url(../images/Sub_qwzj_bbt.jpg) no-repeat center top;*/

.xnMain .xnM2 .Sub_Qwzj .Cont .bt .Roll_butt { width:130px; height:10px; float:left; overflow:hidden;  padding-top:10px; }
.xnMain .xnM2 .Sub_Qwzj .Cont .bt .Roll_butt .dian{ width:130px; height:10px; overflow:hidden;  margin:0px auto;}
.xnMain .xnM2 .Sub_Qwzj .Cont .bt .Roll_butt a { width:16px; height:10px; background:url(../images/Sub_qwzj_rollbutt.png) 1px 0px; no-repeat;
display:block; float:left; _background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='/huameiTemplets/201407/images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}
.xnMain .xnM2 .Sub_Qwzj .Cont .bt .Roll_butt a:hover { background:url(../images/Sub_qwzj_rollbutt.png) 15px 0px; no-repeat;_background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='/huameiTemplets/201407/images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}

.xnMain .xnM2 .Sub_Qwzj .Cont .bt .Roll_butt .a1 { background:url(../images/Sub_qwzj_rollbutt.png) 15px 0px; no-repeat;_background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='/huameiTemplets/201407/images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}

.xnMain .xnM2 .Sub_Qwzj .Cont .zj_banner li { padding-bottom:10px; }
.xnMain .xnM2 .bor_top { border-top:1px solid #999; }
.xnMain .xnM2 .bor_center { border-left:1px solid #999; border-right:1px solid #999; }

/*main2结束*/

/*main3*/
.xnMain .xnM3 { width:1200px; height:auto;  position:relative;  }
.xnMain .xnM3 .Sub_al { width:91px; height:auto; position:absolute; }
.xnMain .xnM3 .Sub_al a { width:91px; height:35px; padding-top:42px; display:block; font-size:20px; font-family:"微软雅黑", "黑体"; text-align:center; color:#000; text-decoration:none; }
.xnMain .xnM3 .Sub_al a:hover { background:url(../images/al_hover.jpg) no-repeat center bottom; }
.xnMain .xnM3 .Sub_al .a1 { background:url(../images/al_hover.jpg) no-repeat center bottom; }
.xnMain .xnM3 .goto1 { top:0px; right:200px; }
.xnMain .xnM3 .goto2 { top:0px; right:80px; }
.xnMain .xnM3 .xnAl { width:1200px; height:auto; float:left; }
.xnMain .xnM3 .xnAl #AreaA_2_Info{width:1200px; }
.xnMain .xnM3 .xnAl #AreaA_1_Info{width:1200px; height:593px;}
.xnMain .xnM3 .xnAl li { float:left; }
.xnMain .xnM3 .xnAl_Title { width:1200px; height:77px; float:left; padding-bottom:35px; }
.xnMain .xnM3 .Title_bg1 { background:url(../images/index_dbal.jpg) no-repeat center top; }
.xnMain .xnM3 .Title_bg2 { background:url(../images/index_zral.jpg) no-repeat center top; }
.xnMain .xnM3 .m3Left { width:286px; height:565px; float:left; padding:0px 0px 0px 6px; }
.xnMain .xnM3 .m3Left li { width:136px; height:136px; float:left; padding:0px 6px 6px 0px; }
.xnMain .xnM3 .m3Left li a { width:136px; height:136px; float:left; text-decoration:none; text-align:center; font-size:18px; overflow:hidden; position:relative; clear:left; }
.xnMain .xnM3 .m3Left li a { width:136px; height:136px; }
.xnMain .xnM3 .m3Left li a:hover .msg { bottom:0px; }
.xnMain .xnM3 .m3Left li .a1 .msg { bottom:0px; }
.xnMain .xnM3 .m3Left li a .msg { width:136px; height:106px; float:left; background:#b5004f; color: #fff; cursor: pointer; display: block; padding-top:30px; margin-top:36px; }
.xnMain .xnM3 .m3Left li a .w1 { bottom: -136px; left: 0; position: absolute; }
.xnMain .xnM3 .m3Right { width:908px; height:565px; float:left; position:relative; }
.xnMain .xnM3 .m3Right li { width:908px; height:562px; float:left; font-family:"微软雅黑", "黑体"; position:relative; }
.xnMain .xnM3 .m3Right li .m3RText { width:480px; height:200px; position:absolute; top:150px; right:40px; z-index:998;top: 10px;left: 40px; display:none; }
.xnMain .xnM3 .m3Right li .m3RTa { width:50px; height:100px; position:absolute; top:150px; right:10px; z-index:999 }
.xnMain .xnM3 .m3Right li .m3RText .bt {  line-height:35px; font-size:20px; float:left; text-align:left; }
.xnMain .xnM3 .m3Right li .m3RText .int {  line-height:28px; font-size:16px; float:left; text-align:left; }
.xnMain .xnM3 .m3Right li .m3RText .int .f14 { font-size:14px; }
.xnMain .xnM3 .m3Right li .m3RText .int a { color:#b5004f; font-size:14px; font-weight:bold; text-decoration:none; cursor: pointer; }

.xnMain .xnM3 .m3Right li .txt{width: 560px; height: auto; position: absolute; left: 20px; bottom: 30px; opacity: 1;  background: rgba(181,0,79, .8); padding: 22px; color:#fff;z-index:998;}
.xnMain .xnM3 .m3Right li .txt h3{font-size:26px; line-height: 36px;}
.xnMain .xnM3 .m3Right li .txt p{font-size:16px; line-height: 24px;}


.xnMain .xnM3 .m3Right .b1 { background:url(../upload/hh8.jpg) no-repeat center top; }
.xnMain .xnM3 .m3Right .b2 { background:url(../upload/hh2.jpg) no-repeat center top; }
.xnMain .xnM3 .m3Right .b3 { background:url(../upload/hh3.jpg) no-repeat center top; }
.xnMain .xnM3 .m3Right .b4 { background:url(../upload/hh4.jpg) no-repeat center top; }
.xnMain .xnM3 .m3Right .b5 { background:url(../upload/hh5.jpg) no-repeat center top; }
.xnMain .xnM3 .m3Right .b6 { background:url(../upload/hh6.jpg) no-repeat center top; }
.xnMain .xnM3 .m3Right .b7 { background:url(../upload/hh7.jpg) no-repeat center top; }
.xnMain .xnM3 .m3Right .b8 { background:url(../upload/hh1.jpg) no-repeat center top; }

.xnMain .xnM3 .m3Right .r_botoom { width:907px; height:127px; position:absolute; bottom:0px; left:0px; background:url(../images/m3_zral_r_bottom.png) no-repeat center bottom; z-index:997; *_background:none;
}
.xnMain .xnM3 .m3Right .r_botoom .pl30 { width:127px; height:127px; display:block; float:left; padding-left:30px; float:left; background:url(../images/m3_zral_r_l.png) no-repeat right top; *_background:none;  display:none;}
.xnMain .xnM3 .m3Right .r_botoom .more { width:112px; height:27px; float:right; padding:90px 0px 0px 120px; background:url(../images/m3_zral_r_more.png) no-repeat left bottom; *_background:none;
}
.xnMain .xnM3 .m3Right .r_botoom .more a { width:9px; height:9px; float:left; background:#FFF; display:block; margin:9px 3px 0px 0px; -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000;/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.xnMain .xnM3 .m3Right .r_botoom .more a:hover { background:#b90a56; }
.xnMain .xnM3 .m3Right .r_botoom .more .a1 { background:#b90a56; }
.xnMain .xnM3 .m3Share { width:1200px; height:435px; float:left; overflow:hidden; overflow:hidden; }
.xnMain .xnM3 .m3Share li { width:233px; height:435px; float:left; margin:0px 3px; *_margin:0px 3px;
}
.xnMain .xnM3 .m3Share li .bpic { width:233px; height:213px; float:left; }
.xnMain .xnM3 .m3Share li .xpic { width:187px; height:55px; float:left; padding:20px 23px 0px 23px; border-bottom:1px dashed #333; background:#e1e1e1; }
.xnMain .xnM3 .m3Share li .pic { width:38px; height:36px; float:left; padding-right:6px; }
.xnMain .xnM3 .m3Share li .name { font-size:14px; }
.xnMain .xnM3 .m3Share li .int { width:213px; height:85px; float:left; background:#e1e1e1; padding:10px; }
.xnMain .xnM3 .m3Share li .int .cb6004f { color:#b6004f; }
.xnMain .xnM3 .m3Share li .int font { width:213px; line-height:25px; float:left; font-size:12px; }
.xnMain .xnM3 .m3Share li .Link { width:233px; height:35px; float:left; background:#e1e1e1; }
.xnMain .xnM3 .m3Share li .Link a { height:30px; padding:0px 2px; text-align:right; }
.xnMain .xnM3 .m3Share li .Link .pr40 { width:83px; height:21px; margin:5px 28px 0px 8px; _margin:3px 14px 0px 4px; text-decoration:none; display:block; line-height:21px; font-size:12px; color:#FFF; background:url(../images/index_zral_butt-05.jpg) no-repeat left bottom; float:left; }
.xnMain .xnM3 .ad_banner { width:1200px; height:auto; float:left; }

.xnMain .xnM3 .m3Menu{width:1200px; height:auto; float:left; margin-bottom:14px;}
.xnMain .xnM3 .m3Menu .nav2{width:1008px; height:124px; overflow:hidden; float:left;}
.xnMain .xnM3 .m3Menu .nav2 .playList{width:10000px; height:188px;}

.xnMain .xnM3 .m3Menu .nav2 .b1 img{opacity:0.6;filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b2 img{opacity:0.6;filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b3 img{opacity:0.6;filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b4 img{opacity:0.6;filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b5 img{opacity:0.6;filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b6 img{opacity:0.6;filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b7 img{opacity:0.6;filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b8 img{opacity:0.6;filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b9 img{opacity:0.6;filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */}

.xnMain .xnM3 .m3Menu .nav2 .b1_1 img{opacity:1;filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b2_1 img{opacity:1;filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b3_1 img{opacity:1;filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b4_1 img{opacity:1;filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b5_1 img{opacity:1;filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b6_1 img{opacity:1;filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b7_1 img{opacity:1;filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b8_1 img{opacity:1;filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
.xnMain .xnM3 .m3Menu .nav2 .b9_1 img{opacity:1;filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}


.xnMain .xnM3 .m3Menu .M3roll{width:27px; height:124px; float:left; display:block;}
.xnMain .xnM3 .m3Menu .M3r_bg1{background:url(../images/index_ygal.jpg) no-repeat left 30px}
.xnMain .xnM3 .m3Menu .M3r_bg2{background:url(../images/index_ygal-02.jpg) no-repeat left 30px;}
.xnMain .xnM3 .m3Menu .M3fixed{width:112px; height:124px; float:left; background:url(../images/index_ygalmenu-08.jpg) no-repeat left top;margin:0px 10px;}
.xnMain .xnM3 .m3Menu li{width:112px; height:124px; float:left; margin:0px 16px;}

.xnMain .xnM3 .m3Cont{width:1200px; height:auto; float:left; margin-bottom:14px; clear:left; background:#f4f4f4;}

.xnMain .xnM3 .m3Cont .curr1 {    display: none;}
.xnMain .xnM3 .m3Cont .curr {    display: block;}
.xnMain .xnM3 .m3Cont li{width:1200px; height:453px; float:left; position:relative; clear:left;}
.xnMain .xnM3 .m3Cont .lf{width:248px; height:453px; float:left; background:#c8cbd4;}
.xnMain .xnM3 .m3Cont .lf .b1{width:248px; height:105px; float:left; background:url(../images/index_ygal-03.jpg) no-repeat left top; color:#FFF; font-size:50px; font-family:"宋体"; text-align:left;}
.xnMain .xnM3 .m3Cont .lf .b2{width:248px; height:45px; float:left; background:url(../images/index_ygal-09.jpg) no-repeat center top;}
.xnMain .xnM3 .m3Cont .lf .b3{width:144px; height:106px; background:url(../images/index_ygal-08.png) no-repeat center top; *_background:url(../images/index_ygal-08.jpg) no-repeat center top; position:absolute; left:180px; top:0px; z-index:999}

.xnMain .xnM3 .m3Cont .lf .zj{width:178px; height:180px; float:left; padding:0px 35px; }
.xnMain .xnM3 .m3Cont .lf .f1{width:248px; height:auto; float:left; text-align:center; font-size:14px; line-height:20px;}
.xnMain .xnM3 .m3Cont .lf .cfff{ color:#FFF;}
.xnMain .xnM3 .m3Cont .lf .a1{width:105px; height:30px; float:left; text-align:center; font-size:16px; line-height:30px; background:url(../images/index_ygal-07.jpg) no-repeat center top;margin: 20px 0 0 70px;}

.xnMain .xnM3 .m3Cont .rg{width:952px; height:453px; float:left; background:url(../images/index_ygal_bg.jpg) no-repeat 273px 0px;}
.xnMain .xnM3 .m3Cont .rg .pic{width:323px; height:452px; float:left;}
.xnMain .xnM3 .m3Cont .rg .f1{width:629px; line-height:50px; float:left; padding:30px 0px 0px 0px; font-size:24px; font-weight:bold;}
.xnMain .xnM3 .m3Cont .rg .f2{width:auto; height:25px; line-height:25px; float:left; font-size:14px; font-weight:bold; color:#FFF; background:#b6004f; text-align:center; padding:0px 10px; margin:0px 400px 10px 0px;white-space:nowrap; display:block; overflow:hidden;}
.xnMain .xnM3 .m3Cont .rg .f3{width:228px; height:280px; float:left;padding-top:38px; }
.xnMain .xnM3 .m3Cont .rg .f3 .f24wb{ font-size:24px; font-weight:bold;}
.xnMain .xnM3 .m3Cont .rg .f3 .p1{width:228px; height:100px; float:left;}
.xnMain .xnM3 .m3Cont .rg .f3 .s1{width:31px; height:auto; float:left; margin-top:7px;}
.xnMain .xnM3 .m3Cont .rg .f3 .s2{width:192px; height:auto; float:left; padding-left:5px;}
.xnMain .xnM3 .m3Cont .rg .f3 .s2 b{font-size:24px;}
.xnMain .xnM3 .m3Cont .rg .f3 .s2 span{font-size:16px;}
.xnMain .xnM3 .m3Cont .rg .f3 .s2 p{font-size:14px; line-height:25px;}
.xnMain .xnM3 .m3Cont .rg .f3 .mb20{margin-bottom:20px; font-size:14px; line-height:30px}
.xnMain .xnM3 .m3Cont .rg .lh{width:360px; height:338px; float:left;}
.xnMain .xnM3 .m3Cont .rg .lh li{width:360px; height:305px; float:left; position:relative;}
.xnMain .xnM3 .m3Cont .rg .lh .jd{width:150px; height:14px;  position:absolute; right:60px; bottom:55px; z-index:999 }
.xnMain .xnM3 .m3Cont .rg .lh .jd a{width:40px; height:14px; line-height:14px; text-align:center; text-decoration:none; margin:0px 2px; font-size:12px; background:#cccccc; display:block; float:left;}
.xnMain .xnM3 .m3Cont .rg .lh .jd a:hover{background:#ec87a4;}
.xnMain .xnM3 .m3Cont .rg .lh .jd .a1{background:#ec87a4;}
.xnMain .xnM3 .m3Cont .rg .lh .a2{width:106px; height:30px; float:left; text-align:center; font-size:16px; line-height:30px; background:url(../images/index_ygal-06.jpg) no-repeat center top;margin: 0px 0 0 140px;}
/*main3结束*/

/*main5*/
#demo0{ padding-top:30px; }
#demo0 .pic { width:1200px; height:auto; float:left; }
#demo0 .pic { width:382px; height:148px; float:left; position:relative; }
#demo0 .pic a { width:382px; height:148px; float:left; position: relative; overflow:hidden; display:block; text-decoration:none; text-align: center; }
#demo0 .pic .msg { width:342px; height:113px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); cursor: pointer; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);display:block; color:#FFF; padding:35px 20px 0px 20px; *_background:#FFF;}
#demo0 .pic .wh { width:382px; height:148px; }
#demo0 .pic .wh:hover .msg { bottom:0px; }
#demo0 .pic .w1 { bottom:-158px; left:0px; position: absolute; *_bottom:158px; }
#demo0 .pic .msg b { width:100%; height:27px; line-height:25px; font-size:16px; border-bottom:1px solid #FFF; display:block }
#demo0 .pic .msg p { line-height:20px; font-size:12px; }
#demo0 .pic .msg p .b6004f { color:#b6004f; font-size:12px; }
/*.xnMain .xnM5 .mr{ margin-right:27px}*/

/*cases*/
.cases{ overflow:hidden; }
.cases .pic { width:382px;  float:left; position:relative; margin:0 40px 40px; }
.cases .pic a.wh { width:382px; height:200px; position: relative; overflow:hidden; display:block; text-decoration:none; text-align: center; }
.cases .pic .link{ margin-top:10px; height:2em; }
.cases .pic .msg { width:342px; height:135px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); cursor: pointer; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);display:block; color:#FFF; padding:65px 20px 0px 20px; *_background:#FFF;}
.cases .pic .wh:hover .msg { bottom:0px; }
.cases .pic .w1 { bottom:-200px; left:0px; position: absolute; *_bottom:200px; }
.cases .pic .msg b { width:100%; height:27px; line-height:25px; font-size:16px; border-bottom:1px solid #FFF; display:block }
.cases .pic .msg p { line-height:20px; font-size:12px; }
.cases .pic .msg p .b6004f { color:#b6004f; font-size:12px; }

/*.xnMain .xnM5 .mr{ margin-right:27px}*/

/*main5结束*/

/*main6*/

.xnMain .xnM6 { width:1200px; height:auto; float:left; margin-top:50px; }
.xnMain .xnM6 .m6Left { width:937px; height:322px; float:left; margin-top:30px; background:#f1f1f1; }
.xnMain .xnM6 .m6Left li { width:937px; height:322px; float:left; }
.xnMain .xnM6 .m6Left li .Text { width:383px; height:322px; float:left; }
.xnMain .xnM6 .m6Left li .Text p { width:383px; font-size:31px; color:#9a1a2f; font-family:Arial, Helvetica, sans-serif; font-weight:100; }
.xnMain .xnM6 .m6Left li .Text .bt { width:343px; font-size:20px; color:#000; font-weight:bold; text-decoration:underline; padding:30px 20px; line-height:30px; }
.xnMain .xnM6 .m6Left li .Text .Nr { width:343px; height:150px; font-size:14px; color:#000; padding:0px 20px; line-height:30px; }
.xnMain .xnM6 .m6Left li .Text .RTa { width:140px; height:auto; padding-left:243px; float:left; }
.xnMain .xnM6 .m6Left li .Pic { width:522px; 322px;float:left; }
.xnMain .xnM6 .m6Right { width:263px; height:322px; float:left; margin-top:30px; }
.xnMain .xnM6 .m6Right a { width:217px; height:61px; float:left; background:url(../images/20year_menu.jpg) no-repeat left top; padding-left:40px; margin-bottom:4px; display:block; text-decoration:none; color:#000; line-height:61px; font-size:14px; }
.xnMain .xnM6 .m6Right a b { font-size:16px; font-weight:bold; }
.xnMain .xnM6 .m6Right a:hover { background:url(../images/20year_menu_hover.jpg) no-repeat left top; color:#FFF; }
.xnMain .xnM6 .m6Right .a1 { background:url(../images/20year_menu_hover.jpg) no-repeat left top; color:#FFF; }
.xnMain .xnM6 .m6Center { width:1200px; height:120px; float:left; margin-top:30px; background:#787878; }
.xnMain .xnM6 .m6Center li { display: inline; float: left; height: 100px; padding:20px 32px; width: 85px; }
.xnMain .xnM6 .m6Center li i { cursor: pointer; display: block; float: left; height: 48px; margin:0px 18px; *_margin:0px 9px;width: 48px; }
.xnMain .xnM6 .m6Center li i a { cursor: pointer; display: block; height: 49px; width: 49px; background:url(../images/index_year20_icon.png) no-repeat; *_background:url(../images/index_year20_icon.gif);}
.xnMain .xnM6 .m6Center li span { color: #ececec; float: left; font-size: 16px; height: 40px; line-height: 40px; text-align: center; width: 100%;  }
.xnMain .xnM6 .m6Center li i .w1 { background-position:-23px -9px; }
.xnMain .xnM6 .m6Center li i .w1:hover { background-position:-23px -70px; }
.xnMain .xnM6 .m6Center li i .w2 { background-position:-86px -9px; }
.xnMain .xnM6 .m6Center li i .w2:hover { background-position:-86px -70px; }
.xnMain .xnM6 .m6Center li i .w3 { background-position:-150px -9px; }
.xnMain .xnM6 .m6Center li i .w3:hover { background-position:-150px -70px; }
.xnMain .xnM6 .m6Center li i .w4 { background-position:-215px -9px; }
.xnMain .xnM6 .m6Center li i .w4:hover { background-position:-215px -70px; }
.xnMain .xnM6 .m6Center li i .w5 { background-position:-280px -9px; }
.xnMain .xnM6 .m6Center li i .w5:hover { background-position:-280px -70px; }
.xnMain .xnM6 .m6Center li i .w6 { background-position:-344px -9px; }
.xnMain .xnM6 .m6Center li i .w6:hover { background-position:-344px -70px; }
.xnMain .xnM6 .m6Center li i .w7 { background-position:-408px -9px; }
.xnMain .xnM6 .m6Center li i .w7:hover { background-position:-408px -70px; }
.xnMain .xnM6 .m6Center li i .w8 { background-position:-472px -9px; }
.xnMain .xnM6 .m6Center li i .w8:hover { background-position:-472px -70px; }
/*main6结束*/

.subNav_conter_txte{ margin:0 0 0 30px; }
.subNav_conter_txte h4{ font-size:16px; margin-top:23px; text-align:center;  }
.subNav_conter_txte h4 a{ color:#08893f;}
.subNav_conter_txte h4 a:hover{ color:#08893f;}
.subNav_conter_txte i{ margin-top:20px; padding-bottom:10px; width:720px; text-align:center; font-style:normal; float:left;}
.subNav_conter_txte ol{ height:1px; margin:0 0 5px 0; }
.subNav_conter_txte dd{padding:10px 0 0 0;text-align:center;}

.subNav_h_con{  float:left; display:inline; margin:10px 0 0 30px; padding-bottom:20px; font-size:14px; line-height:250%; overflow:hidden;}
.subNav_h_pn{ float:left; display:inline; margin:0px 0 0 10px; padding:10px 0 15px 0; font-size:14px; line-height:190%; overflow:hidden;}

#demo0 { overflow: hidden; width: 1200px; height:148px;}
#demo0 li { float: left; width: 400px; height:148px; }
#indemo0 { float: left; width: 800%; }
#demo01 { float: left; }
#demo02 { float: left; }


/*xnbd开始*/
.xnbd  .list{ width:945px; display:inline; overflow:hidden; }
.xnbd  .list li{ float:left; width:220px; margin:0 8px;white-space:nowrap; position:relative; }
.xnbd  .list li a.bd{ display:block; }

.xnbd  .list li b{ position:absolute;  width:224px; height:224px; z-index:99; top:0; left:0; display:none;background-color: #000;opacity: 0.2; filter:alpha(opacity=20); }
.xnbd  .mous li.hover b{ display:block; }
.xnbd  .list .title{ padding:5px 0 20px; overflow:hidden; text-align:center; font-size:14px;}
.xnbd  .Title_bg {background: url(../images/xnbd.jpg) no-repeat -12px top;margin: 30px 6px; height: 77px; padding-bottom: 5px;}
/*xnbd结束*/


.picture { margin-right: 26px;  width: 310px;  height: 460px;  border: 1px solid #d5dde5; padding: 4px; overflow: hidden; position: relative;}
.picture .num ul { position: absolute; bottom: 0; right: 0; color: #fff;}
.picture{margin-right:26px;width:310px;height:460px;border:1px solid #d5dde5;padding:4px;overflow:hidden;position:relative}
.picture .num ul li{display:inline-block;width:28px;height:8px;overflow:hidden;cursor:pointer;background:#dae1e7;color:#dae1e7;margin:4px 10px 4px 4px}
.picture .num ul .on{background:#b5004f;color:#ef4623}

.con_qu {   width: 915px;  padding: 0px 0 30px 30px;  height: 84px;}
.con_tu_p {  float: left;  width: 132px;  height: 82px;  font-size: 40px;   color: #dce0e6;  text-align: center;   line-height: 82px;}
.con_ri_fe {  float: left;  width: 768px;   padding: 0 0 0 15px;}
.con_ri_fe dt {  font-size: 18px;  color: #222;}
.con_ri_fe dd {  padding: 3px 0 0 0; color:#666;}
.con_tu_p2 {  padding: 6px 0 0 0; color:#666}


/* proList 产品列表内页 */
.section5 {   padding: 22px 0 0 0;}
.section5 .lunbo-left {  width: 440px;}
.section5 .lunbo-left .pc-slide {  width: 440px; margin: 0 auto;}
.section5 .lunbo-left .preview { width: 100%; margin-top: 10px; position: relative;}
.section5 .lunbo-left .view .swiper-container { width: 440px;  height: 440px;}
.section5 .lunbo-left .preview {  width: 100%; margin-top: 10px;  position: relative;}
.section5 .lunbo-left .preview .arrow-left {  background: url(../images/feel3.png) no-repeat left top;
    position: absolute; left: 10px;  top: 50%; margin-top: -9px;  width: 9px;  height: 18px;   z-index: 10; }
.section5 .lunbo-left .preview .arrow-right {  background: url(../images/feel4.png) no-repeat left bottom;
    position: absolute;  right: 10px;  top: 50%;  margin-top: -9px;  width: 9px;  height: 18px;  z-index: 10;}
.section5 .lunbo-left .preview .swiper-container { width: 385px; height: 88px; margin-left: 28px; margin-bottom: 20px;}
.section5 .lunbo-left .preview .swiper-slide { width: 88px; height: 88px; cursor: pointer;  margin: 0 4px;}

.section5 .lunbo-right { padding: 0px 0 30px 56px;  width: 660px;}
.section5 .lunbo-right h1 { font-size: 22px; line-height: 36px; color: #333; border-bottom: dashed 1px #eb3134;  padding-bottom: 10px;  margin-bottom: 20px; font-weight: 200;}
.section5 .lunbo-right .p1 {  color: #666; margin-bottom:20px; font-size: 14px;}
.section5 .lunbo-right .p1 .span1 { color: #666666;  font-size: 14px; line-height: 35px; display: inline-block;  width: 60px;  margin-right: 45px;}
.section5 .lunbo-right .p1 .span-red {  color: #eb3134;  font-size: 18px;}
.section5 .lunbo-right .p1 .span-num { color: #eb3134;  font-size: 30px;}
.section5 .lunbo-right .p2 .span1 { color: #666666; font-size: 14px; line-height: 35px;  margin-right: 45px;  display: inline-block;  width: 60px;}
.section5 .lunbo-right .p2 .span2 { color: #666; font-size: 14px; line-height: 35px;}
.cg-table-con { border-spacing: 2px; font-size: 14px; background: #f6f6f6;  border-collapse: separate; margin-top:10px; width:100%;}
.cg-table-con tr, .cg-table-con td { text-align: center; color: #333; background: #fff;  padding: 0px;}
.cg-table-con th { background: #f6f6f6; color: #333;  padding: 0; text-align: center; height: 30px;   font-weight: normal; width:14%}
.cg-table-con tr, .cg-table-con td { text-align: center;  color: #333;  background: #fff;  padding: 0px; }
.cg-table-con td {  height: 40px; width:36% }
.section5 .lunbo-right .p3 { margin-top: 30px;}
.section5 .lunbo-right .p3 .btn1 {cursor: pointer; width: 160px;  height: 44px;  background-color: #eb3134;  color: #fff;  font-size: 16px;  margin-right: 10px; border:none;}
.section5 .lunbo-right .p3 .btn2 {cursor: pointer;  width: 160px; height: 44px;  background-color: #fff4f4;  border: solid 1px #eb3134;  color: #eb3134;   font-size: 16px;   margin-right: 10px;}

.section5 .ei .title, .section5 .other .title {  padding: 0 0 0 20px;  margin-bottom: 0;  border-left: 6px solid #eb3134; line-height:50px;  font-size: 24px; background-color: #f6f6f6; overflow:hidden;}
.section5 .ei .title a, .section5 .other .title a{ float:right;  padding: 0 20px; font-size: 24px;background-color: #eb3134;   cursor: pointer; color:#fff; }

.section5 .ei .detail { margin: 18px 0;  height: 120px;  background-color:#fff; }
.section5 .ei .detail .title_1, .section5  .ei .detail .title_2 {  width: 128px;  }
.section5 .ei .detail ul li { padding: 12px 24px;  border-bottom: 1px solid #f5f5f5;  border-top: 1px solid #f5f5f5;}
.section5 .ei .detail .con_1 {  width: 222px;}

.section6 {margin-top: 29px;margin-bottom: 20px;border: solid 1px #eeeeee;display:none;}
.section6 .top { height: 40px; line-height: 40px; background-color: #f6f6f6;  border-bottom: solid 1px #eeeeee;  color: #eb3134; font-size: 16px; padding-left: 20px;}
.section6 .foot {  padding: 20px 10px 25px;}
.section6 .foot .item { width: 210px; margin:0 13px;}
.section6 .foot .item .aitem { display: block; width: 210px; height: 210px;  overflow: hidden;}
.section6 .foot .item p { color: #333333; font-size: 14px;  line-height: 24px;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;}

.section7 .left {  width: 250px;}
.section7 .left .item1 {  width: 250px;  border: solid 1px #eb3134;}
.section7 .left .item1 .one { height: 70px; line-height: 70px; background-color: #eb3134;  color: #fff;  font-size: 18px;}
.section7 .left .item1 .one .span1 { margin-right: 16px;}
.section7 .left .item1 .two {  padding: 15px 0 20px 20px;}
.section7 .left .item1 .two .h3 { font-size: 16px; color: #333;  font-weight: 700;  line-height: 36px;}
.section7 .left .item1 .two .p1 .span1 { color: #666; }
.section7 .left .item1 .two .p1 .span2 { color: #333;}
.section7 .left .item1 .two .p3 .span1 { color: #666; line-height: 36px;}
.section7 .left .item1 .two .p3 .span2 { color: #333;  display: inline-block;  width: 130px; vertical-align: top; line-height: 36px;}
.section7 .left .item1 .two .p4 .span1 { color: #666;  line-height: 24px;}
.section7 .left .item1 .two .p4 .span2 { color: #333;  display: inline-block; width: 130px; vertical-align: top; line-height: 24px;}
.section7 .left .item1 .two button { width: 210px; height: 38px; border: solid 1px #eb3134; background: #fff4f4 url(../img/icon7.png) no-repeat 60px center;
    font-size: 16px; color: #eb3134;  padding-left: 30px;  margin-top: 25px;}


.section7 .left .item2 {  width: 250px; background-color: #ffffff; border: solid 1px #eeeeee;  padding-bottom: 20px;}
.section7 .left .item2 li {  line-height: 34px;}
.section7 .left .item2 .h1 {  padding-left: 19px; height: 50px; line-height: 50px;  background-color: #f6f6f6;  border-bottom: solid 1px #eeeeee;  font-size: 16px;  color: 3333;}
#child2 li { padding-left: 30px; background: url(../images/icon-add.png) no-repeat 10px 10px;  cursor: pointer;}
.section7 .left .item3 { width: 250px; background-color: #ffffff;  border: solid 1px #eeeeee;  margin-top: 20px;}
.section7 .left .item3 .h1 {  padding-left: 19px;  height: 50px;  line-height: 50px;  background-color: #f6f6f6;  border-bottom: solid 1px #eeeeee;  font-size: 16px;  color: 3333;}
.section7 .left .item3 .product {  width: 210px;  padding: 20px;}
.section7 .left .item3 .product .aitem { display: block;  width: 210px;  height: 210px;  overflow: hidden;}
.section7 .left .item3 .product p { color: #333333; font-size: 14px; line-height: 24px;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.section7 .left .item3 .product .h2 {    font-size: 12px; margin:5px 0;}
.section7 .left .item3 .product .h2 span{color: #eb3134; }
.section7 .right { width: 930px;}
.section7 .right .d1 {  background-color: #ffffff;  border: solid 1px #eeeeee;  padding-bottom: 30px;}
.section7 .right .d1 .c1 {  height: 70px;  line-height: 70px;}
.section7 .right .d1 .c1 .e1 {  width: 121px;  height: 70px;  background-color: #ffffff;  text-align: center;  color: #eb3134;  font-size: 18px;}
.section7 .right .d1 .c1 .e2 {  width: 623px;  background-color: #f6f6f6;  padding-left: 35px;  font-size: 18px;  color: #333;}
.section7 .right .d1 .c1 .e3 { padding-left: 20px;  width: 129px;  background: #eeeeee url(../images/icon9.png) no-repeat 100px center;  cursor: pointer;  position: relative;    z-index: 9999;}
.section7 .right .d1 .c1 .e3 .sub { display: none;  width: 150px;  height: 150px;  border: solid 1px #eeeeee;  position: absolute;   top: 70px;  left: 0; padding: 2px;}
.section7 .right .d1 .c3 { margin-top: 13px;  margin-left: 13px; }

.section7 .right .d2 {  background-color: #ffffff;  border: solid 1px #eeeeee;  margin-top: 20px;}
.section7 .right .d2 .h1 {  height: 40px;  line-height: 40px;  background-color: #f6f6f6;  border-bottom: solid 1px #eeeeee;  color: #eb3134;  font-size: 16px;  padding-left: 23px;}
.section7 .right .d2 .other {  padding: 29px 10px 0 10px;}
.section7 .right .d2 .other-item {  width: 210px;  height: 210px;  margin-right: 16px;  margin-bottom: 30px;  position: relative;  overflow: hidden;  cursor: pointer;}

.section7 .right .d2 .other-item .text {  position: absolute;  top: 140px;  left: 0;  width: 210px;  height: 70px;  background-color: rgba(0, 0, 0, 0.6);    -webkit-transition: all 1s;
    -o-transition: all 1s;   transition: all 1s;}
.section7 .right .d2 .other-item:hover .text { top: 100px;}
.section7 .right .d2 .other-item .text .p1 { color: #fff; line-height: 34px;font-size: 14px;text-align: center; overflow: hidden;  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; white-space: nowrap;}
.section7 .right .d2 .other-item .text .p2 {  color: #eb3134; line-height: 34px; font-size: 18px; text-align: center;}