@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px;font-size:0}
html, body {margin: 0;padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd,p,button,fieldset{margin: 0; padding: 0; border: 0; list-style:none}
body{font-family:"Microsoft Yahei","微软雅黑";margin:0; padding:0;color:#333;font-size:14px; background:#fff;clear:both;}
ul{list-style:none;}
img{border:0;font-size:0;overflow:hidden;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
.clearfix{clear:both;font-size:0;height:0;overflow:hidden;}

a{text-decoration:none;color:#666;}
a:hover{text-decoration:none;}
.text-center{text-align:center}
.imgbox{font-size:0;}


.panelbox:after,.conbox:after,.about-index:after,.list-partner:after,.list-logobox:after,.list-case ul:after,.list-case ul li .pro-text-box:after,.content-box:after,.tab-title-case:after,.page:after,.content-box2:after,.content-box3:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}


.panelbox{margin:0 auto;width:100%;}
.conbox{margin:0 auto;width:1600px;}

.content,.footer{min-width:1600px;}
.copyright{width:100%;height:50px;line-height:50px;background:#F0F0F0;font-size:12px;color:#999;text-align:center}

.header{min-width:1284px;max-width:100%;border-bottom:1px solid rgba(255,255,255,0.5); position:absolute;top:0;left:0;right:0; z-index:10}

/*--footer--*/
.footer{margin-top:100px;background:#535353;}
.footer-con{float:left;width:296px;padding-top:55px;}
.footer-con strong{font-size:20px;height:30px;color:#AD9418;font-weight:normal;display:block}
.footer-con p{color:#666;}

.ewmbox{margin:0 auto;width:310px;height:239px;padding:50px 0;background: url(../images/ewm.gif)  center 50px no-repeat;}
.copyright-text{width:100%;padding-bottom:70px;line-height:34px;color:#fff;font-size:20px; text-align:center}
.copyright-text a{color:#fff;line-height:14px;height:auto;font-size:20px;}

.logo{float:left;margin:22px 0 40px 0;width:192px;height:73px; background:url(../images/logo.png) no-repeat;}

/* menu */
.index-nav-frame{float:right;width:800px;margin-top:35px;}
.index-nav-frame-line{float: left;margin-left:20px;padding:0 16px;position: relative;display: block;outline: none;cursor: pointer;line-height: 33px;font-size:18px;color:#333}
.index-nav-frame-line.active{color:#E2C548;}
.index-nav-frame-line b{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:6px solid #000; position:absolute;right:0;top:12px;font-size:0;}
.index-nav-frame-line:hover,.index-nav-frame-line:hover b{color:#E2C548;}

.index-nav-frame-line-center{opacity: 0;height: 0;position: absolute; z-index:10;overflow: hidden;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.index-nav-frame-line-li{width: 100%;font-size:18px;line-height:40px;text-align: center;background: white;color: #666666;}
.index-nav-frame-line-li:hover{background: #444359;color: white;}
.index-nav-frame-line-li:hover a{background: #444359;color: white;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}

.nav-line{height: 50px;width: 100%;position: relative;display: none;outline: none;}
.nav-small{width: 30px;height: 30px;position: absolute;right: 10px;top:10px;cursor: pointer;display: none;outline: none;}
.nav-small img{width: 100%;height: 100%;object-fit: cover;}
.nav-small-focus{position: absolute;width: 100%;height: 100%;display: none;}
.nav-small-focus:focus{display: none;}


.navbar{min-height: 50px;margin-bottom: 0;}
.navbar-default {background: none; border: none;}
.navbar-default .navbar-nav>li>a{margin-left:30px;padding:0 40px;line-height:54px;font-size:24px;color:#fff}
.navbar-default .navbar-nav.index>li>a{color:#000}
.navbar-default .navbar-nav>li>a:hover{color:#fff; background:#A91C3F;border-radius:27px;transition: all 0.3s linear -1ms;}
.navbar-default .navbar-nav>li.active>a{color:#fff; background:#A91C3F;border-radius:27px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{color:#333; background:#fff}
.dropdown-menu {position: absolute;top: 100%;left:30px;z-index:20;display: none;min-width: 132px;padding:0; margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.dropdown-menu>li>a {
    display: block;
    padding:10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
	font-size:16px;
    white-space: nowrap;
}



.equinav .navbar-brand {display: none;}
.equinav .navbar-collapse {padding: 0 !important;}

.equinav-collapse .navbar-header {float: none;}
.equinav-collapse .navbar-brand,
.equinav-collapse .navbar-toggle {display: block !important;}
.equina-collapse .navbar-collapse {	border-top: 1px solid #e7e7e7 !important;}
.equinav-collapse .navbar-collapse.collapse {display: none !important;}
.equinav-collapse .navbar-nav {float: none !important;margin: 0 !important;}
.equinav-collapse .navbar-nav > li {width: auto !important;float: none !important;}
.equinav-collapse .navbar-nav > li > a {text-align: left !important;padding-top: 10px !important;padding-bottom: 10px !important;}
.equinav-collapse .navbar-collapse,
.equinav-collapse .navbar-collapse.collapse.in {border-top: 1px solid #e7e7e7 !important;display: block !important;}
.equinav-collapse .collapsing {overflow: hidden !important;}
.equinav-collapse .dropdown-toggle {background-color: #e7e7e7 !important;}
.equinav-collapse .dropdown-toggle > .caret {display: inline-block !important;}
.equinav-collapse .dropdown-menu {background: none !important;float: none !important;border: 0 !important;box-shadow: none !important;position: relative !important;}
.equinav-collapse .navbar-nav .open .dropdown-menu {display: block !important;}
.equinav-collapse .navbar-nav .open .dropdown-menu > li > a,
.equinav-collapse .navbar-nav .open .dropdown-menu .dropdown-header {color: #777 !important;padding: 5px 15px 5px 25px !important;}
/* menu */

.pic-banner{width:100%;font-size:0; text-align:center; position:relative}
.pic-banner img{width:100%;}

.about-index{padding:70px 0 100px 0;background:#EEE}
.about-index .left-area{float:left;width:50%;}
.about-index .right-area{float:right;width:50%; text-align:right}

.about-index .left-area{float:left;width:50%;}
.about-index .left-area .title{width:100%;}
.about-index .left-area h1{padding-top:180px;font-size:36px;color:#000;font-weight:bold;}
.about-index .left-area .text{padding:70px 120px 0 0;font-size:24px;color:#5E5E5E;line-height:36px;}


.panelbox.bg-hz{background:url(../images/bg_fg.png) center top no-repeat; background-size:100%;}
.title-hz{margin:0 auto;padding:84px 0 52px 0;width:1660px;}
.list-hz-pic{width:100%;padding:95px 0; background:#EEE}


.list-partner{width:100%;height:152px;margin-top:30px;overflow:hidden}
.list-partner td{font-size:0;}
.list-partner td img{width:210px;height:150px;border:1px solid #ddd;margin:0 20px;}

.panelbox.bg-about{background:url(../images/pic_about2.jpg) center center no-repeat; background-size:100%;}
.panelbox.bg-brand{background:url(../images/pic_about3.jpg) center center no-repeat; background-size:100%;}

.about-box{padding:90px 0 110px 0;}
.about-box .left-area{float:left;width:65%;}
.about-box .right-area{float:right;width:35%;padding-top:190px;text-align:right}

.about-box .left-area .title{width:100%;padding-bottom:60px;}
.about-box .left-area h1{padding-top:180px;font-size:36px;color:#000;font-weight:bold;}
.about-box .left-area .text{padding:0 130px 0 0;font-size:24px;color:#393939;line-height:42px;}

.title-brand{padding:88px 0 120px 0;}
.title-hz{padding:55px 0 70px 0;}
.text-brand{width:100%;line-height:38px;font-size:24px;color:#fff;}

.iconbox{margin:120px 0 0 0;padding:45px 0 135px 0;border-top:2px solid rgba(255,255,255,0.3); text-align:center}
.iconbox .icon{width:421px;height:156px; display:inline-block; vertical-align:middle}
.iconbox .icon.second{width:511px;border-left:3px solid rgba(255,255,255,0.3);border-right:3px solid rgba(255,255,255,0.3);}
.iconbox .icon1{background:url(../images/icon1.png) center center no-repeat; background-size:161px;}
.iconbox .icon2{background:url(../images/icon2.png) center center no-repeat; background-size:161px;}
.iconbox .icon3{background:url(../images/icon3.png) center center no-repeat; background-size:161px;}

.list-logobox{margin:0 auto;width:1600px;}
.list-logobox img{float:left;width:50%;}

.list-case{margin:0 auto;width:1620px;}
.list-case ul{width:100%; display:block}
.list-case ul li{float:left;width:520px;height:570px;border:1px solid #989898;margin-top:50px;font-size:0; position:relative}
.list-case ul li img{width:518px;height:382px;}
.list-case ul li:nth-child(3n-1){margin:50px 30px 0 30px;}
.list-case ul li .con-box{height:188px; position:relative}
.list-case ul li .pro-text-box{width:100%;height:188px;padding-top:10px; position:absolute;transition: all 0.5s linear; bottom:0}
.list-case ul li .pro-text{margin:0 10px 10px 10px;height:168px;border:1px solid rgba(255,255,255,0.5)}
.list-case ul li .pro-text-box h4{color:#000; text-align:center; position:relative}
.list-case ul li .pro-text-box h4 span{padding:16px 0 6px 0;line-height:48px;height:70px;font-size:24px;border-bottom:1px solid #707070;display:inline-block;
		overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        -webkit-text-overflow:ellipsis;
        -moz-text-overflow:ellipsis;}
.list-case ul li .pro-text-box .fg{width:100px;height:12px;background:#A91C3F;border-radius:6px; position:absolute;left:50%;bottom:-2px;margin-left:-50px;}
.list-case ul li .pro-text-box .text{display:none}

.list-case ul li:hover .pro-text-box{height:318px;background:rgba(67,67,67,0.7);;transform: scale(1);transition: all 0.5s linear;}
.list-case ul li:hover .pro-text{height:298px;}
.list-case ul li:hover .pro-text-box h4{color:#fff;}
.list-case ul li:hover .pro-text-box .text{margin:0 auto;width:300px;padding-top:70px;}
.list-case ul li:hover .pro-text-box .text em{float:left;width:60px;font-style:normal;font-size:18px;color:#fff;line-height:24px;}
.list-case ul li:hover .pro-text-box .text p{float:right;width:240px;font-size:18px;color:#fff;line-height:24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.list-case ul li:hover .pro-text-box .text{display:block;transition: all 0.5s linear;}

.pagebox{width:100%; text-align:center;padding:30px 0 0 0;}
.pagebox a,.pagebox a.active{width:48px;height:48px; text-align:center;line-height:48px;border-radius:50%;margin:0 50px; display:inline-block;font-size:36px;color:#000;border:1px solid #A91C3F}
.pagebox a:hover,.pagebox a.active{color:#fff; background:#A91C3F;}

.content-box{margin:0 auto;width:1600px;padding-top:118px;}
.content-box .text{float:left;width:825px}
.content-box .map{float:right;width:726px}
.content-box .map img{width:100%;}
.map iframe{width:100%;height:770px;border:none}

.content-box2{margin:0 auto;width:1600px;padding-top:118px;}
.content-box2 .areabox{float:left;width:720px;margin:40px 40px 80px 40px;_display:inline;}
.content-box2 .context{padding:50px 8% 0 8%;font-size:20px;color:#666;line-height:50px;}
.content-box2 .mapbox{width:720px;height:532px;overflow: hidden; position:relative}
.content-box2 .mapbox .conbox{width:100%;height:532px;}
.content-box2 .mapbox .bg-image{position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  transition: all .3s ease-in-out;}
.content-box2 .mapbox .img-sh{background: url(../images/img_sh.jpg) center center no-repeat;}
.content-box2 .mapbox .img-gz{background: url(../images/img_gz.jpg) center center no-repeat;}
.content-box2 .mapbox .img-cq{background: url(../images/img_cq.jpg) center center no-repeat;}
.content-box2 .mapbox .img-hover{width:100%;height:100%;background:rgba(0%,0%,0%,0.4); position:absolute;left:0;top:0; z-index:1}
.content-box2 .mapbox .text{width:100%; text-align:center;padding-top:124px;text-align:center;position:absolute;left:0;top:0; z-index:2}
.content-box2 .mapbox .text h3{width:100%;font-size:50px;line-height:78px;color:#fff;}
.content-box2 .mapbox .text .on-map{width:100%; text-align:center;padding-top:44px; cursor:pointer}
.content-box2 .mapbox .text .on-map i{width:24px;height:42px; display:inline-block; background: url(../images/icon_loc.png) no-repeat; background-size:100%;}
.content-box2 .mapbox .text .on-map p{font-size:18px;color:#fff;padding-top:16px;}
.content-box2 .mapbox:hover .bg-image {transform: scale(1.1, 1.1);}

.content-box2 .map{width:100%;height:100%;display:block}
.content-box2 .map iframe{width:100%;height:100%;border:none}
.content-box3{display:none}

.content-box .text h4{margin:60px 0 55px 0;padding-bottom:20px;font-size:60px;color:#585657;font-weight:bold;border-bottom:4px solid #E6E6E6}
.content-box .text .address{width:100%;margin-top:85px;}
.content-box .text .address .left{float:left;width:94px;padding-right:10px;border-right:1px solid #CFCFCF;display:inline-block;vertical-align:middle}
.content-box .text .address .left .icon{margin-top:10px;width:8px;height:40px; background:#A91C3F;font-size:0; display:inline-block; vertical-align:top}
.content-box .text .address .left h3{padding:0 5px;width:70px;font-size:55px;line-height:72px;color:#595555;font-weight:normal; display:inline-block; text-align:center}
.content-box .text .address .right{margin-left:115px;}
.content-box .text .address .right p{line-height:50px;font-size:20px;color:#666;}

.circle{width:100%;padding-top:130px; text-align:center}
.circle img{}



.tabbottom{width:1200px;height:664px;padding:10px;background:rgba(0,0,0,0.3); position:absolute;left:50%;bottom:0;margin-left:-600px;z-index:1;}
.tabbottom .title{padding:160px 0 40px 0; text-align:center;font-size:80px;color:#fff;}
.tabbottom p{font-size:30px;color:#fff;}

.tab-title-case{width:960px; position:absolute;bottom:100px;left:50%;margin-left:-480px;border-bottom:1px solid #B5B5B5; z-index:5}
.tab-title-case ul li{float:left;}
.tab-title-case ul li span{width:115px; display:block; text-align:center;line-height:60px;font-size:32px;color:#fff;}
.tab-title-case ul li a{font-size:32px;color:#fff;line-height:60px; display:block; position:relative;}
.tab-title-case ul li a i{transition: all 0.5s linear;display:none}
.tab-title-case ul li a:hover i,.tab-title-case ul li.active a i,.tab-title-case ul li.active a:hover i{width:100%;height:6px; background:#A91C3F;font-size:0; position:absolute;bottom:-3px; display:block;transition: all 0.5s linear;}




.slideBack{margin:0 auto;width:1860px;}
.slideOut{ position: relative;}
.slide{
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    position: relative;

}
.slide .img{
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    background: #000;
}
.slide .img img{
    opacity: 0.3;
}
.slide .img1{
    width: 40%;
    height: 40%;
    top: 30%;
    left: -50%;
    z-index: 1;
}
.slide .img2{
    width: 38%;
    height: 50%;
    top: 25%;
    left: 0%;
    z-index: 2;
    background: #000;
}
.slide .img2::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 10px;}
.slide .img3{
    width: 76.01%;
    height: 100%;
    top: 0;
    left: 11.995%;
    z-index:30;
}
.slide .img3::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 10px;}
.slide .img.img3 img{
    opacity: 1;
}
.slide .img4{
    width: 38%;
    height: 50%;
    top: 25%;
    left: 62%;
    z-index: 2;
    opacity: 0.7;
    background: #000;
}
.slide .img4::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 10px;}
.slide .img5{
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
    display: none;
}
.slide-bt span{
    width: 24px;
    height: 8px;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #ffd200;
}
button{ }
.butLeft{ position: absolute;left:0;top:29.2%;margin-top: -34px;width: 38%; height:50%; background:rgba(0,0,0,0.5) url("../images/case3.png") 70px center no-repeat;outline: 0; z-index: 20; }
.butLeft:hover{background:rgba(0,0,0,0.5) url("../images/case3_h.png") 70px center no-repeat; }
.butRight{position: absolute;right:0;top:29.2%; margin-top: -34px;width: 38%; height:50%; background:rgba(0,0,0,0.5) url("../images/case4.png") 560px center no-repeat; outline: 0; z-index: 20;}
.butRight:hover{background:rgba(0,0,0,0.5) url("../images/case4_h.png") 560px center no-repeat;}

.proStaileContent{margin:0 auto;width:1400px;}
.pading{padding-bottom:40px;border-bottom:1px solid #000;}
.pading p{font-size:36px;}
.proStaile{ padding: 60px 0 30px 0;}
.proStaile h2{ color: #333333; font-size:56px; line-height: 1.25; text-align: center;}
.proStaile .staileLine{ text-align: center; padding: 16px 0 0 0; line-height: 0;}
.proStaile .staileLine span{ display: inline-block; width: 160px; height: 1px; background: #e5e5e5;}

.ico{ padding:0 0 25px 0; text-align: center;}
.page{ padding: 25px 0 0 0;}
.page a{ color: #333333; font-size: 30px; padding: 4px 0;}
.page a span{font-size: 30px;}
.page a:hover{ color: #e53f8d;}
.page .aleft{ float: left; width: 50%;}
.page .aright{ float: left; width: 50%; text-align: right;}

@media screen and (max-width: 1000px) {
	
.header,.content,.footer{min-width:320px;max-width:100%;}
.copyright{width:100%;height:auto;padding:10px 0;line-height:20px;background:#F0F0F0;font-size:12px;color:#999;text-align:center}
.header{height:60px;}

.footer{margin-top:20px;}

.ewmbox{margin:0 auto;width:310px;height:200px;padding:30px 0;background: url(../images/ewm.gif)  center 30px no-repeat; background-size:280px}
.copyright-text{padding:0 15px 30px 15px;line-height:28px;color:#fff;font-size:14px;}
.copyright-text a{color:#fff;line-height:14px;height:auto;font-size:14px;}


.index-nav-frame {float: right;width:100%;margin:5px 0 0 0;}
/*.navbar-default {background-color: #f8f8f8;border-color: #e7e7e7;}*/
.navbar-collapse {border-top:none;}

	
.logo{float:none;margin:0;position:absolute;top:10px;left:8px;width:93px;height:36px; background:url(../images/logo.png) no-repeat; background-size:100%;}
.hot-line{display:none}
/*.hot-line2{float:right;width:123px;height:29px; background:url(../images/hot_line.png) no-repeat;background-size:100%;margin:20px 12px 0 0;}*/
.navbar-nav{margin:0;}
.navbar-default .navbar-collapse{}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background:#000;}
.navbar-default .navbar-nav>li>a,.dropdown-menu>li>a{font-size:14px; text-align:right}
.navbar-default .navbar-nav>li>a {margin-left: 0; padding: 0 15px ;line-height: 34px;color: #fff; display:block}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color: #fff;background:#E2C548;}
.navbar-default .navbar-nav.index>li>a{color:#fff}

.conbox{width:100%;}


.about-index{padding:30px 20px 40px 20px;}
.about-index .left-area{width:100%;}
.about-index .right-area{width:100%;text-align:center}

.about-index .left-area .title,.about-index .left-area .title img{width:100%;}
.about-index .left-area h1{padding-top:50px;font-size:24px;}
.about-index .left-area .text{padding:30px 0 0 0;font-size:16px;line-height:24px;}

.about-index .right-area img{width:100%;}

.title-hz{width:100%;padding:30px 20px 20px 20px;}
.title-hz img{width:100%;}
.list-hz-pic{padding:35px 0;}

.title-brand{width:100%;padding:25px 20px 40px 20px;}
.title-brand img{width:100%;}
.text-brand{padding:0 20px;line-height:24px;font-size:16px;}

.about-box{padding:30px 20px}
.about-box .left-area {width: 100%;}
.about-box .left-area img,.about-box .right-area img{width:100%;}
.about-box .left-area .title {padding-bottom:30px;}
.about-box .left-area .text {padding: 0;font-size: 16px;line-height: 24px;}

.about-box .right-area {width: 100%;padding-top: 30px;}

.panelbox.bg-about{background:url(../images/pic_about2.jpg) center center no-repeat; background-size:cover;}
.panelbox.bg-brand{background:url(../images/pic_about3.jpg) center center no-repeat; background-size:cover;}


.iconbox{margin:20px 0 0 0;padding:45px 20px 55px 20px;}
.iconbox .icon{width:30%;height:100px;}
.iconbox .icon.second{width:40%;border-left:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3);}
.iconbox .icon1{background:url(../images/icon1.png) center center no-repeat; background-size:80px;}
.iconbox .icon2{background:url(../images/icon2.png) center center no-repeat; background-size:80px;}
.iconbox .icon3{background:url(../images/icon3.png) center center no-repeat; background-size:80px;}

.list-logobox{width:100%;padding:0 20px;}
.list-logobox img{width:100%;}


.list-case{margin:0 auto;width:100%;padding:10px;}
.list-case ul li{float:left;width:100%;height:auto;border:1px solid #989898;margin-top:10px;font-size:0; position:relative}
.list-case ul li img{width:100%;height:auto}
.list-case ul li:nth-child(3n-1){margin:10px 0 0 0;}
.list-case ul li .con-box{height:108px;}
.list-case ul li .pro-text-box{width:100%;height:108px;padding-top:10px;position:absolute;transition: all 0.5s linear; bottom:0}
.list-case ul li .pro-text{margin:0 10px 10px 10px;height:88px;border:1px solid rgba(255,255,255,0)}
.list-case ul li .pro-text-box h4{color:#000; text-align:center; position:relative}
.list-case ul li .pro-text-box h4 span{padding:0 0 6px 0;line-height:48px;height:54px;font-size:20px;border-bottom:1px solid #707070;display:inline-block;
		overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        -webkit-text-overflow:ellipsis;
        -moz-text-overflow:ellipsis;}
.list-case ul li .pro-text-box .fg{width:100px;height:12px;background:#A91C3F;border-radius:6px; position:absolute;left:50%;bottom:-2px;margin-left:-50px;}

.list-case ul li:hover .pro-text-box{height:228px;background:rgba(67,67,67,0.7);transform: scale(1);transition: all 0.5s linear;}
.list-case ul li:hover .pro-text{height:208px;border:1px solid rgba(255,255,255,0.5);transition: all 0.5s linear;}
.list-case ul li:hover .pro-text-box h4{color:#fff;}
.list-case ul li:hover .pro-text-box h4 span{padding:16px 0 6px 0;height:70px;transition: all 0.5s linear;}
.list-case ul li:hover .pro-text-box .text{margin:0 auto;width:260px;padding-top:30px;}
.list-case ul li:hover .pro-text-box .text em{float:left;width:60px;font-style:normal;font-size:14px;color:#fff;line-height:24px;}
.list-case ul li:hover .pro-text-box .text p{float:right;width:200px;font-size:14px;color:#fff;line-height:24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.content-box{margin:0 auto;width:100%;padding-top:20px;}
.content-box .text{width:100%;padding:0 20px;}
.content-box .map{width:100%;padding:30px 20px 20px 20px;}
.map iframe{width:100%;height:370px;}

.content-box .text h4{margin:30px 0;padding-bottom:20px;font-size:36px;border-bottom:2px solid #E6E6E6}
.content-box .text .address{width:100%;margin-top:15px;}
.content-box .text .address .left{width:100%;padding-right: 0;border-right:none;}
.content-box .text .address .left .icon{margin-top:10px;width:5px;height:30px; background:#A91C3F;font-size:0; display:inline-block; vertical-align:top}
.content-box .text .address .left h3{padding:0 5px;width:auto;font-size:30px;line-height:50px;color:#595555;text-align:left}
.content-box .text .address .right{margin-left:0;}
.content-box .text .address .right p{line-height:30px;font-size:16px;color:#666;}


.content-box2{display:none}
.content-box3{margin:0 auto;width:100%;padding:10px 10px 0 10px; display:block}
.content-box3 .areabox{float:left;width:100%;margin:15px 0 0 0;_display:inline;}
.content-box3 .context{padding:20px 3% 0 3%;font-size:14px;color:#666;line-height:30px;}
.content-box3 .mapbox{width:100%;height:222px;overflow: hidden; position:relative}
.content-box3 .mapbox .conbox{width:100%;height:222px;}
.content-box3 .mapbox .bg-image{position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  transition: all .3s ease-in-out;}
.content-box3 .mapbox .img-sh{background: url(../images/img_sh.jpg) center center no-repeat;}
.content-box3 .mapbox .img-gz{background: url(../images/img_gz.jpg) center center no-repeat;}
.content-box3 .mapbox .img-hover{width:100%;height:100%;background:rgba(0%,0%,0%,0.4); position:absolute;left:0;top:0; z-index:1}
.content-box3 .mapbox .text{width:100%; text-align:center;padding-top:30px;text-align:center;position:absolute;left:0;top:0; z-index:2}
.content-box3 .mapbox .text h3{width:100%;font-size:20px;line-height:36px;color:#fff;}
.content-box3 .mapbox .text .on-map{width:100%; text-align:center;padding-top:15px; cursor:pointer}
.content-box3 .mapbox .text .on-map i{width:24px;height:42px; display:inline-block; background: url(../images/icon_loc.png) no-repeat; background-size:100%;}
.content-box3 .mapbox .text .on-map p{font-size:14px;color:#fff;padding-top:5px;}
.content-box3 .mapbox:hover .bg-image {transform: scale(1.1, 1.1);}

.content-box3 .map{width:100%;height:100%;display:block}
.content-box3 .map iframe{width:100%;height:100%;border:none}




.circle{padding-top:20px;}
.circle img{width:50%;}


.tab-title-case{width:90%;bottom:20px;left:5%;margin-left:0;}
.tab-title-case ul li{float:left;width:12%;}
.tab-title-case ul li:nth-child(2n){width:5.6%}
.tab-title-case ul li span{width:100%; display:block; text-align:center;line-height:30px;font-size:16px;color:#fff;}
.tab-title-case ul li a{width:100%;font-size:16px;color:#fff;line-height:30px; display:block; position:relative;}
.tab-title-case ul li a i{transition: all 0.5s linear;display:none}
.tab-title-case ul li a:hover i,.tab-title-case ul li.active a i,.tab-title-case ul li.active a:hover i{width:100%;height:6px; background:#A91C3F;font-size:0; position:absolute;bottom:-3px; display:block;transition: all 0.5s linear;}


.slideBack{width:100%;}

.proStaileContent{width:100%;padding:0 10px;}
.pading{padding-bottom:20px;}
.pading p{font-size:14px;}
.proStaile{ padding: 30px 0 10px 0;}
.proStaile .staileLine{ text-align: center; padding: 16px 0 0 0; line-height: 0;}
.proStaile .staileLine span{ display: inline-block; width: 50px; height: 1px; background: #e5e5e5;}

.slide .img2{opacity: 1;}
.slide .img4{opacity: 1;}
.slide .img img{width: calc(100% - 6px);height: calc(100% - 6px);margin: 3px;}
.slide .img2::before{  border: #fff solid 3px;}
.slide .img3::before{ border: #fff solid 3px;}
.slide .img4::before{  border: #fff solid 3px;}
.butLeft{ width: 20px; height: 39px; margin-top: -20px; background-size: cover;}
.butLeft:hover{ background-size: cover;}
.butRight{ width: 20px; height: 39px; margin-top: -20px; background-size: cover;}
.butRight:hover{ background-size: cover;}

.proStaile{ padding: 35px 0 20px 0;}
.proStaile h2{ font-size: 20px; }

.ico{ padding: 0 0 15px 0; text-align: center;}
.ico img{width:30%;}
.content{ line-height: 28px; padding-bottom: 20px;}
.page{ padding: 20px 0 0 0;font-size:12px;}
.page .aleft{ width: 100%; }
.page .aright{ width: 100%; text-align: left; }
.page a{ color: #333333; font-size:14px; }
.page a span{font-size: 14px;}


.tabbottom{width:80%;height:140px; position:absolute;left:10%;bottom:0;margin-left:0;z-index:1;}
.tabbottom .title{padding:5px 0 10px 0;font-size:20px;}
.tabbottom p{font-size:12px;line-height:16px;color:#ddd;}


.butLeft{ position: absolute;left:3px;top:75px;margin-top: -34px;width: 38%; height:45%; background:rgba(0,0,0,0.5) url("../images/case3.png") 10px center no-repeat; background-size:15px;}
.butLeft:hover{background:rgba(0,0,0,0.5) url("../images/case3_h.png") 10px center no-repeat; background-size:15px;}
.butRight{position: absolute;right:3px;top:75px; margin-top: -34px;width: 38%; height:46%; background:rgba(0,0,0,0.5) url("../images/case4.png") 90% center no-repeat;background-size:15px}
.butRight:hover{background:rgba(0,0,0,0.5) url("../images/case4_h.png") 90% center no-repeat;background-size:15px}
}