.index-floor .title{ padding:80px 0 50px 0; text-align:center; font-size:30px; color:#333;}
.index-floor .title span{ display:block; font-size:16px; color:#555; padding-top:15px;background:url(http://hk-xiangming.oss-cn-shanghai.aliyuncs.com/IMG/redline.png) center 0 no-repeat;}
.index-floor .bx-controls-direction a{ background-color:#f9f9f9;}
.index-floor .bx-controls-direction a:hover{ background-color:#c81623;}
.index-floor .bx-controls-direction a::before{ width:13px; background:url(../images/info_pn.gif) no-repeat left top;}
.index-floor .bx-controls-direction a.bx-next::before{ background-position: right top;}
.index-floor .bx-controls-direction a.bx-prev:hover::before{ background-position: left bottom;}
.index-floor .bx-controls-direction a.bx-next:hover::before{ background-position: right bottom;}

.index-floor .title,
.index-floor .center{ position:relative;}
.index-floor .ani-things{ position:absolute; background:#c81623; transition:height ease-in-out 0.5s;}
.index-floor .title .ani-things{height:0; left:90px; top:0; width:4px;}
.index-floor .title .ani-things.show{ height:203px;}


.floor-3{ background:#f9f9f9; position:relative; overflow:hidden;}
.floor-3 .box{ float:left; width:50%;}
.floor-3 .box-right{ padding-left:60px;}
.floor-3 .category,
.floor-3 .title{ text-align:center; padding-bottom:40px;}
.floor-3 .category{ position:relative;}
.floor-3 .category dl{ overflow:hidden;}
.floor-3 .category dl dd{ float:left; width:150px;position:relative; height:100px; margin-right:8px; margin-bottom:9px;}
.floor-3 .category dd a{ display:block;  text-align:center;}
.floor-3 .category dd .hover{ display:none; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid #333; padding:1px; z-index:1;}
.floor-3 .category dd .hover img{ width:100%; height:100%;}
.floor-3 .category dd .pic{ display:table; height:60px; width:100%;}
.floor-3 .category dd .pic-cell{ display:table-cell; vertical-align:bottom; }
.floor-3 .category dd .pic img{ max-width:150px; max-height:60px;}
.floor-3 .category dd p{ margin:0; padding-top:10px;}
.floor-3 .category dd a:hover .hover,
.floor-3 .category dd.on a .hover{ display:block;}
.floor-3 .category dd a:hover p,
.floor-3 .category dd.on a p{ position:absolute; left:0; bottom:0; width:100%; line-height:28px; padding:0; background:#333; color:#fff; z-index:2;}
.floor-3 .category .bx-controls-direction{ position:absolute; left:-30px; top:0; height:100%; width:1px; background:#e5e5e5;}
.floor-3 .category .bx-controls-direction::before{ position:absolute; content:''; width:1px; top:40%; background:#f9f9f9; height:20%;}
.floor-3 .category .bx-controls-direction a{ left:-13px; width:24px; height:24px; background:#c81623; border:1px solid #c81623; margin:0; }
.floor-3 .category .bx-controls-direction a::before{ width:11px; height:6px; margin-top:-3px; margin-left:-5px; background-image:url(../images/index-case-btn.png);}
.floor-3 .category .bx-controls-direction a.disabled{background:#f9f9f9;border-color:#e5e5e5;cursor:default; }
.floor-3 .category .bx-controls-direction a.bx-prev::before{ background-position:left top;}
.floor-3 .category .bx-controls-direction a.bx-next::before{ background-position:right bottom;}
.floor-3 .category .bx-controls-direction a.bx-prev.disabled::before{ background-position:left top;}
.floor-3 .category .bx-controls-direction a.bx-next.disabled::before{ background-position:right bottom;}
.floor-3 .category .bx-controls-direction a.bx-prev{top:75px;}
.floor-3 .category .bx-controls-direction a.bx-next{top:109px;}

.floor-3 .box-left{ position:relative; z-index:10;}


.floor-3 #iframe{ position:absolute; left:50%; margin-left:-960px; top:0; width:1920px; height:600px;}


/*产品内页*/
.product-category{ position:relative; padding:35px 0;}
.product-category li{ text-align:center; padding-top:15px;} 
.product-category li a p{ color:#555;}
.product-category li a:focus p,
.product-category li a:active p,
.product-category li a:hover p{ color:#c92a32;}
.product-category .table{ display:table; height:136px; width:100%;}
.product-category .table-cell{ display:table-cell; vertical-align:bottom;}
.product-category li img{ max-height:136px; transition:0.2s;}
.product-category li a:hover img{ transform:scale(1.05);}

.project-category-bg{ height:900px;  padding-top:70px;overflow:hidden; background-position:center top; background-repeat:no-repeat;}
.project-category-bg ul{ position:relative;}
.project-category-bg li{ position:absolute; width:92px;  text-align:center; cursor:pointer;}
.project-category-bg li a{ display:block;height:118px; background:url(../images/project_li.png) no-repeat center top; padding-top:6px; transition:0.2s;}
.project-category-bg li a:hover{ background-image:url(../images/project_li_hover.png); color:#fff; transform:translateY(-10px);}
.project-category-bg li div{ margin:0 auto; width:54px;}
.project-category-bg li div img{ height:54px; display:block;}
.project-category-bg li div img.hover, 
.project-category-bg li a:hover div img{ display:none;}
.project-category-bg li a:hover div img.hover{ display:block;}
.project-category-bg li b{ display:block; padding:0 15px;}

.bx-controls-direction a,
.bx-controls-direction a::before{position:absolute; top:50%;}
.bx-controls-direction a{ width:50px; height:50px; margin-top:-25px; background:#c92a32; overflow:hidden; line-height:1000px;}
.bx-controls-direction a.disabled{ background:#f9f9f9; cursor:default; display:none;}
.bx-controls-direction a::before{ content:'';width:12px; height:20px;margin-top:-10px;background:url(../images/btn_product.png) no-repeat left -21px; left:50%; margin-left:-6px;}
.bx-controls-direction a.bx-next::before{ background-position:right -21px;}
.bx-controls-direction a.bx-prev.disabled::before{ background-position: left top;}
.bx-controls-direction a.bx-next.disabled::before{ background-position: right top;}
.bx-controls-direction a.bx-prev{ left:0;}
.bx-controls-direction a.bx-next{ right:0;}

.prodduct-list{ background:#f7f7f7; margin-bottom:50px;}
.prodduct-list li{ float:left; width:150px; text-align:center; padding:20px 0 0 0;}
.prodduct-list li:hover,
.prodduct-list li.on{ background:#fff;}
.prodduct-list .table{ display:table; height:110px; width:100%;}
.prodduct-list .table-cell{ display:table-cell; vertical-align:bottom;}
.prodduct-list .pic img{ max-width:200px; max-height:110px;}
.prodduct-list p.dot{ margin:0; padding:15px 0; line-height:19px;}

.product-name{ font-size:18px;}
.product-name::before{ display:inline-block; content:''; width:3px; height:20px; background:#c81623; margin-right:10px; vertical-align:middle;}
.view-360{ width:300px; height:300px; margin:0 auto; position:relative;}
.product-360{ width:600px;margin:0 auto; padding-bottom:25px; text-align:center;}




.floor-6{ padding-bottom:138px;margin-top:-50px;}
.floor-6 .title .ani-things{left:68px; width:3px;}
.floor-6 .center{ z-index:3;}
.floor-6 .center > .ani-things{left:68px; height:0; top:502px;width:4px;}
.floor-6 .center > .ani-things.show{ height:377px;}
.floor-6 .center > .ani-things::before{position:absolute; content:''; left:50%; width:40px; height:0; background:url(../images/things-2.png) no-repeat 0 0; margin-left:-20px;  top:339px; opacity:0; transition:height ease-in-out 0.3s 0.3s;}
.floor-6 .center > .ani-things.show::before{height:40px; opacity:1;}
.floor-6 .title{ padding-bottom:57px; position:relative;}
.floor-6 .title .ani-things{ top:0;}
.floor-6 .title .ani-things.show{ height:100%; }
.floor-6 .main{ background-color:#f9f9f9; background-repeat:no-repeat; background-position: right top; height:500px; overflow:hidden; position:relative; z-index:10;}
.floor-6 .index-from{ margin-left:69px; padding-top:32px; width:450px;}
.floor-6 .index-from .tips{ width:380px; margin:0 auto;text-align:center; padding-bottom:35px;}
.floor-6 .index-from .tips h2{ font-weight:normal; font-size:30px; margin:0;}
.floor-6 .index-from .tips h2::before,
.floor-6 .index-from .tips h2::after{ display:inline-block; content:''; width:23px; height:18px; vertical-align:middle; background:url(../images/icon_index_l.png) no-repeat;}
.floor-6 .index-from .tips h2::before{ margin-right:10px;}
.floor-6 .index-from .tips h2::after{ margin-left:10px; background-image:url(../images/icon_index_r.png);}
.floor-6 .index-from .tips h2 span{ font-size:24px; margin-right:10px;}
.floor-6 .index-from .tips aside{ border:1px solid #e9e9e9; border-top:0; padding:19px 14px 22px 104px; min-height:99px; background:url(../images/icon_index_tel.png) no-repeat 18px 19px; display:inline-block;color:#c81623;}
.floor-6 .index-from .tips aside img{ margin:10px 0; width:228px; height:31px;}
.floor-6 .index-from .tips figure{ font-size:24px; border-top:2px solid #c81623; margin-top:16px; height:15px;}
.floor-6 .index-from .tips figure span{ background:#f9f9f9; padding:0 10px; position:relative;top:-15px;}
.floor-6 .index-from .row-2{ width:110%;}
.floor-6 .index-from .row-2 li{ float:left; width:185px; margin-right:19px;}
.floor-6 .index-from li{float: left; position:relative; padding-left:30px; background-repeat:no-repeat; background-position:left 6px; margin-bottom:10px;}
.floor-6 .index-from .li_name{ background-image:url(../images/index_icon_1.png);}
.floor-6 .index-from .li_tel{ background-image:url(../images/index_icon_2.png);}
.floor-6 .index-from .li_area{ background-image:url(../images/index_icon_3.png);}
.floor-6 .index-from .li_txt{ background-image:url(../images/index_icon_4.png);}
.floor-6 .index-from li label{ position:absolute; left:30px; padding-left:10px; line-height:37px; color:#999;}
.floor-6 .index-from li .text{ width:100%; border:1px solid #f0f0f0; padding:0 10px; background:#fff; line-height:35px; height:37px;}
.floor-6 .index-from li .form_err{ position:absolute; line-height:20px; margin-top:-10px; right:-10px; top:50%; color:#c81623;}
.floor-6 .index-from li textarea.text{ height:90px; line-height:30px;    width: 400px;}
.floor-6 .index-from li select{color:#999;width:150px;  display:block !important;padding:0 0 0 10px;border:1px solid #f0f0f0; background-color:#fff; height:37px;}
.floor-6 .index-from ol{ padding-top:8px;}
.floor-6 .index-from ol .btn{     float: left;border:none; background:url(../images/index-more.png) no-repeat; width:128px; height:30px; color:#fff; cursor:pointer; padding:0 20px 0 0; font-size:16px; line-height:30px;}
.floor-6 .index-from ol .btn:hover{color:#fff; background-image:url(../images/index-more-hover.jpg);}



.Pop-up{ position:fixed; z-index:200; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.95); display:none;}
.Pop-up .center{ position:fixed; left:50%; top:50%; height:454px; margin-top:-277px; margin-left:-600px;}
.Pop-up .center .close{ position:absolute; right:0; top:0; width:25px; height:25px; background:url(../images/close.png) no-repeat center center; overflow:hidden; line-height:1000px; cursor:pointer;}
.Pop-up h3{ text-align:center; color:#fff; font-size:24px;font-weight:normal; padding-top:65px;}
.Pop-up h3 span{ font-size:18px; display:block; padding-top:10px;}
.Pop-up .table{ width:418px; margin:0 auto;}
.Pop-up .table dl{ display:table; width:100%; padding-left:40px; background-repeat:no-repeat; background-position:left center; margin-bottom:14px;}
.Pop-up .table dl.dl_icon1{ background-image:url(../images/pop-icon01.png);}
.Pop-up .table dl.dl_icon2{ background-image:url(../images/pop-icon02.png);}
.Pop-up .table dl.dl_icon3{ background-image:url(../images/pop-icon03.png);}
.Pop-up .table dl.dl_icon4{ background-image:url(../images/pop-icon04.png);}
.Pop-up .table dl.dl_icon5{ background-image:url(../images/pop-icon05.png);}
.Pop-up .table dl.dl_icon6{ background-image:url(../images/pop-icon08.png); background-position:left 8px}
.Pop-up .table dl.dl_icon6 .wu-example{ padding-left:15px;}
.Pop-up .table dl > *{ display:table-cell; vertical-align:middle;}
.Pop-up .table dt{ position:relative; line-height:35px;}
.Pop-up .table dt label{ position:absolute; left:0; top:0; width:100%; color:#999;}
.Pop-up .table dt .text{  width:100%; line-height:35px; height:35px; background:none; border:0; border-bottom:1px solid #999; color:#fff;}
.Pop-up .table dt select{ width:48%;background:none;  line-height:35px;height:35px;border:0; border-bottom:1px solid #999; color:#999; float:left; display:block !important;}
.Pop-up .table dt .ml{ margin-left:4%;width:48%; float:left;}
.Pop-up .table dt .ml select{ width:100%;}
.Pop-up .table dd{ color:#c81623; text-align:right; width:20px;}
.Pop-up .table .btn{ cursor:pointer; border:none; width:100%; background:url(../images/pop-btn.png) no-repeat right top; height:41px; color:#fff; font-size:18px; margin-top:34px;}
.Pop-up .table .btn:hover{ background-image:url(../images/pop-btn_hover.png);}