html {margin:0;padding:0;}
body { margin:0 auto;min-width:1260px;background:#FFF;color:#000;font-family:"Microsoft YaHei","微软雅黑";overflow: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;}
td,th,caption {font-size:12px; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;text-decoration:none;}
img {border:none;}
ol,ul,li {list-style:none;}
input, textarea, select, button {font:12px Verdana,Helvetica,Arial,sans-serif;}
table {border-collapse:collapse;}
html {overflow-y: scroll;}
.nav_fixed{position:fixed;top:0;}
.fixed {position:fixed;top:0;}
.absolute {position: absolute;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.con {width:1200px;margin:0 auto;}
.left {float:left;}
.right {float:right;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt200 {margin-top:200px;}
.mbt20 {margin:20px auto 20px auto;}
.mb10 {margin-bottom:10px;}
.w100 {width:100%;height:auto;}
.con {width:1260px;margin:0 auto;}
/*--图片放大--*/
@keyframes gif
{
    from {
        -ms-transform:scale(1,1); /* IE 9 */
        -moz-transform:scale(1,1); /* Firefox */
        -webkit-transform:scale(1,1); /* Safari and Chrome */
        -o-transform:scale(1,1); /* Opera */
        -khtml-transform:scale(1,1);
        transform:scale(1,1);
    }
    to {
        -ms-transform:scale(1.2,1.2); /* IE 9 */
        -moz-transform:scale(1.2,1.2); /* Firefox */
        -webkit-transform:scale(1.2,1.2); /* Safari and Chrome */
        -o-transform:scale(1.2,1.2); /* Opera */
        -khtml-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
    }
}
-webkit-@keyframes gif{
            from {
                transform:scale(1,1);
            }
            to {
                transform:scale(1.2,1.2);
            }
        }
/*--HEADER--*/
#header {width:100%;height:125px;float:left;background:#FFF;}
.logo {width:350px;height:125px;line-height:125px;float:left;font-size:28px;font-weight:bold;color:#A80E0E;}
.menu {width:auto;height:125px;float:left;margin-left:30px;}
.menu li {width:110px;height:125px;line-height:125px;float:left;text-align:center;}
.menu li.active {background:#A80E0E;}
.menu li.active a {color:#FFF;}
.menu li a {display: block;font-size:18px;}
.menu li:hover {background:#A80E0E;}
.menu li:hover a {color:#FFF;}
.tel {width:260px;height:125px;line-height:125px;float:right;text-align:right;font-size:28px;font-weight:bold;color:#A80E0E;background:url("../images/u14.png")/*tpa=http://www.changshaguozhan.com/images/u14.png*/ left center no-repeat;}
#banner {width:100%;height:785px;float:left;position: relative;}
.banner-image {width:100%;height:700px;float:left;}
.banner-t-title {
    width:840px;
    height:270px;
    float:left;
    background-color: rgba(0,0,0,0.5)!important;
    background-color: #000;
    filter:Alpha(opacity=50);
    position: absolute;
    left:50%;
    top:180px;
    margin-left:-420px;
}
.banner-t-title span {width:100%;height:130px;float:left;text-align:center;color:#fff;}
.banner-t-title span.banner-c {font-size:46px;font-weight:bold;line-height:150px;}
.banner-t-title i {width:200px;height:1px;float:left;background:#fff;margin-left:320px;}
.banner-t-title span.banner-e {line-height:100px;}
.banner-image {width:100%;height:700px;float:left;}
.banner-title {width:100%;height:85px;line-height:85px;float:left;text-align:center;font-size:28px;font-weight:bold;color:#FFF;background:#A80E0E;}
/*--INDEX-ABOUT--*/
#index-about {width:100%;height:auto;float:left;margin-top:90px;}
.index-about-title {width:100%;height:60px;float:left;}
.index-about-title-l {float:left;}
.index-about-title-l dl {width:auto;height:60px;float:left;}
.index-about-title-l dt {float:left;height:60px;line-height:60px;border-bottom:4px solid #A80E0E;font-size:24px;font-weight:bold;}
.index-about-title-l dd {float:left;font-size:46px;font-weight:bold;line-height:70px;color:#CCC;margin-left:15px;}
.index-about-title-r {float:right;}
.index-about-title-r li {float:left;width:170px;height:60px;line-height:60px;background:#F2F2F2;margin-left:10px;text-align:center;}
.index-about-title-r li:hover {background:#A80E0E;}
.index-about-title-r li:hover a {color:#FFF;}
.index-about-title-r li a {display: block;}
.index-about-content {width:100%;height:auto;float:left;margin-top:70px;}
.index-about-content-l {width:600px;height:auto;float:left;}
.index-about-content-l img {width:100%;height:auto;float:left;}
.index-about-content-r {width:600px;height:auto;float:right;}
.index-about-content-r p {width:100%;height:auto;float:left;line-height:30px;margin-bottom:30px;}
.index-about-more {width:100%;height:150px;line-height:150px;float:left;text-align:center;}
/*--PEITAO--*/
#peitao {width:100%;height:400px;float:left;background:url("../images/u6.jpg")/*tpa=http://www.changshaguozhan.com/images/u6.jpg*/ center center no-repeat;}
.peitao-title {width:100%;height:auto;float:left;margin-top:60px;}
.peitao-title dt {width:100%;height:50px;line-height:50px;float:left;text-align:center;font-size:24px;color:#FFF;font-weight:bold;letter-spacing: 5px;}
.peitao-title dd {width:100%;height:30px;line-height:30px;float:left;text-align:center;font-size:14px;color:#FFF;}
#peitao ul {width:100%;height:auto;float:left;display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
#peitao ul li {width:30%;height:115px;float:left;background-color: rgba(255,255,255,0.7)!important;background-color: #FFF;filter:Alpha(opacity=70);text-align:center;line-height:115px;font-size:22px;color:#000;margin-top:70px;}
#peitao ul li:hover {
    transform: translate(0, -20px);
    -ms-transform: translate(0,-20px);
    -webkit-transform: translate(0,-20px);
    -o-transform: translate(0,-20px);
    -moz-transform: translate(0,-20px);
    transition-duration: .5s;
    -moz-transition-duration: .5s; /* Firefox 4 */
    -webkit-transition-duration: .5s; /* Safari 和 Chrome */
    -o-transition-duration: .5s; /* Opera */
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
    box-shadow: 0 3px 8px rgba(0,0,0,.15);
    cursor: pointer;
    background-color: rgba(168,14,14,0.7)!important;
    background-color: #A80E0E;
    filter:Alpha(opacity=70);
    color:#fff;
}
/*--INDEX-CASE--*/
#index-case {width:100%;height:auto;float:left;background:#F2F2F2;}
.index-case-title {width:100%;height:auto;float:left;margin-top:85px;}
.index-case-title dt {width:100%;height:40px;line-height:40px;float:left;text-align:center;font-size:24px;font-weight:bold;}
.index-case-title dd {width:100%;height:30px;line-height:30px;float:left;text-align:center;font-size:14px;color:#ccc;}
.index-case-list {width:100%;height:auto;float:left;}
.index-case-list ul {width:100%;height:auto;float:left;display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.index-case-list ul li {width:360px;height:auto;float:left;background:#FFF;padding:20px 20px 10px 20px;margin-top:35px;}
.index-case-img {width:360px;height:220px;float:left;overflow:hidden;}
.index-case-img img {width:100%;height:auto;float:left;}
.index-case-list ul li:hover .index-case-img img {
    animation:gif 0.2s;
    -webkit-animation:gif 0.2s;
    animation-fill-mode : forwards;
}
.index-case-list ul li b {width:100%;height:40px;line-height:40px;float:left;text-align:center;font-weight:normal;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:5px;}
.index-case-list ul li:hover b {color:#A80E0E}
/*--INDEX-CONTACT--*/
#index-contact {width:100%;height:auto;float:left;}
.index-contact-list {width:100%;height:auto;float:left;margin-top:40px;}
.index-contact-map {width:600px;height:330px;float:left;}
.index-contact-map iframe {width:100%;height:100%;float:left;border:none;}
.index-contact-info {width:600px;height:330px;float:right;}
.index-contact-info dl {width:100%;height:auto;float:left;}
.index-contact-info dt {width:100%;height:100px;float:left;font-size:32px;font-weight:bold;color:#949494;}
.index-contact-info dd {width:100%;height:45px;line-height:45px;float:left;color:#949494;font-size:18px;}
#footer {width:100%;height:auto;float:left;background:#333333;margin-top:30px;}
#footer span {width:100%;height:50px;line-height:50px;float:left;color:#fff;text-align:center;}
#footer span a {color:#fff;}
/*--ABOUT-PAGE--*/
#c-header {width:100%;height:90px;float:left;}
.c-logo {width:auto;height:90px;line-height:90px;float:left;font-size:22px;font-weight:bold;}
.c-menu {width:auto;height:90px;float:left;margin-left:120px;}
.c-menu li {float:left;width:115px;height:90px;line-height:90px;text-align:center;}
.c-tel {
    width:auto;
    height:90px;
    line-height:90px;
    float:right;
    font-size:22px;
    font-weight:bold;
    color:#A80E0E;
    background:url("../images/u14.png")/*tpa=http://www.changshaguozhan.com/images/u14.png*/ left center no-repeat;
    padding-left:60px;
    background-size: 40px;
}
.c-menu li a {display:block;}
.c-active a {color:#A80E0E}
.c-menu li:hover a {color:#A80E0E;}
/*--C-BANNER--*/
#c-banner {width:100%;height:380px;float:left;background:url("../images/u146.jpg")/*tpa=http://www.changshaguozhan.com/images/u146.jpg*/ center center no-repeat;background-size: 100% 100%;}
#c-banner dl {width:220px;height:auto;float:left;margin-top:100px;}
#c-banner dl dt {width:100%;height:80px;line-height:80px;float:left;border-bottom:1px solid #fff;font-size:32px;color:#fff;font-weight:bold;}
#c-banner dl dd {width:100%;height:50px;line-height:50px;float:left;font-size:24px;font-weight:bold;color:#fff;}
#main {width:100%;height:auto;float:left;background:#F2F2F2;}
.nav {width:100%;height:60px;line-height:60px;float:left;font-size:14px;}
.nav a:hover {color:#A80E0E;}
.c-main {width:1200px;height:auto;float:left;background:#fff;padding:30px;}
.c-about-title-one {width:260px;height:auto;float:left;margin:30px auto 70px auto;}
.c-about-title-one dt {width:100%;height:60px;line-height:60px;float:left;font-size:44px;color:#ccc;font-weight:bold;}
.c-about-title-one dd {width:100%;height:30px;line-height:30px;float:left;font-size:22px;font-weight:bold;background:url("../images/u142.png")/*tpa=http://www.changshaguozhan.com/images/u142.png*/ right center no-repeat;}
.c-about {width:100%;height:auto;float:left;margin-bottom:40px;}
.c-about-left {width:550px;height:auto;float:left;}
.c-about-left p {width:100%;height:auto;line-height:30px;float:left;margin-bottom:15px;}
.c-about-right {width:550px;height:auto;float:right;}
.c-about-right img {width:100%;height:auto;float:left;}
.c-about label {width:100%;height:60px;float:left;margin-bottom:30px;}
.c-about label span {width:auto;float:left;height:60px;line-height:60px;border-bottom:1px solid #000;font-size:22px;font-weight:bold;}
.c-about label i {float:right;height:60px;line-height:75px;font-style:normal;font-size:16px;padding-left:30px;background:url("../images/u172.png")/*tpa=http://www.changshaguozhan.com/images/u172.png*/ left 25px no-repeat;background-size: 24px;}
.c-about label a:hover {color:#A80E0E;}
.line {width:100%;height:1px;background:#000;float:left;margin:30px auto 30px auto;}
/*--DOWN--*/
.d-main {width:100%;height:auto;float:left;}
.d-main-left {width:850px;height:auto;float:left;background:#FFF;padding:55px 35px 55px 35px;margin-top:10px;}
.d-main-left p {width:100%;height:auto;line-height:30px;float:left;}
.d-main-left img {max-width:100%;height:auto;display: block;margin:20px auto;}
.d-main-right {width:340px;height:auto;float:right;overflow:hidden;}
.d-main-right-con {width:320px;height:auto;float:left;padding:10px;overflow:hidden;}
.d-main-right-down {
    width:340px;
    height:50px;
    line-height:50px;
    float:left;
    background-image:url("../images/u286.png")/*tpa=http://www.changshaguozhan.com/images/u286.png*/;
    background-position: 80px center;
    background-repeat: no-repeat;
    text-indent:130px;
    background-size:26px;
    font-size:16px;
    background-color:#FFF;
}
.d-main-right-down a {display: block;}
.d-main-right-down:hover {background-color:#A80E0E;}
.d-main-right-down:hover a {color:#fff;}
.d-main-right-case {width:320px;height:auto;padding:10px;background:#fff;margin-top:10px;float:left;}
.d-main-right-contact {width:320px;height:auto;padding:10px;background:#fff;margin-top:10px;float:left;}
.d-main-right-case b , .d-main-right-contact b {width:100%;height:40px;line-height:40px;float:left;border-bottom:1px solid #ddd;font-size:18px;color:#A80E0E;}
.d-main-right-case ul {width:100%;height:auto;float:left;padding:10px 0 10px 0;}
.d-main-right-case ul li {width:320px;height:28px;line-height:28px;float:left;margin-top:10px;}
.d-main-right-case ul li a {width:260px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.d-main-right-case ul li:hover a {color:#A80E0E;}
.d-main-right-case ul li span {float:right;color:#CCC;font-size:14px;margin-right:10px;}
.d-main-right-contact dl {width:320px;height:auto;float:left;padding:10px 0 10px 0;}
.d-main-right-contact dt , .d-main-right-contact dd {width:100%;height:auto;float:left;}
.d-main-right-contact dt {font-size:18px;height:50px;line-height:50px;font-weight:bold;color:#A80E0E;}
.d-main-right-contact dd {font-size:14px;height:35px;line-height:35px;width:300px;float:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
/*--CASE-PAGE--*/
.case-left {width:920px;height:auto;float:left;}
.case-left li {width:860px;height:auto;float:left;background:#FFF;padding:30px;margin-top:10px;}
.case-title {width:100%;height:60px;float:left;}
.case-title span {
    width:60px;
    height:60px;
    float:left;
    line-height:95px;
    font-size:12px;
    color:#ccc;
    background-image:url("../images/u300.png")/*tpa=http://www.changshaguozhan.com/images/u300.png*/;
    background-position: left top;
    background-repeat: no-repeat;
    border-right:1px solid #ccc;
    text-align:left;
}
.case-title dl {width:750px;height:auto;float:left;}
.case-title dl dt {width:100%;height:40px;float:left;line-height:20px;text-indent:20px;font-size:22px;font-weight:bold;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.case-title dl dt a:hover {color:#A80E0E;}
.case-title dl dd {width:100%;height:20px;line-height:20px;float:left;text-align:left;text-indent:20px;font-size:12px;color:#CCC;}
.case-info {width:100%;height:220px;float:left;margin-top:30px;background:#F2F2F2;}
.case-info-img {width:360px;height:220px;float:left;}
.case-info-img img {width:100%;height:100%;float:left;}
.case-left-p {width:420px;float:left;height:160px;padding:20px 30px 20px 30px;position: relative;}
.case-left-p p {width:100%;height:auto;line-height:28px;float:left;font-size:14px;}
.case-left-p span {position: absolute;right:30px;bottom:0;background:#A80E0E;padding:5px 30px;}
.case-left-p span a {color:#FFF;font-size:14px;}
/*--NEXTPAGE--*/
.nextpage{width:100%;text-align:right;color: #666;clear: both; margin:20px auto 10px 10px;float:left;}
.nextpage a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #FFF; display: inline-block;}
.nextpage a:hover, .nextpage > b { color: #3690cf; color: #FFF; background:#A80E0E; }
.nextpage > b { padding: 5px 10px; }
a.curPage { color:#A80E0E; font-weight: bold; }
/*--CASE-CONTENT--*/
.case-left-content {width:870px;height:auto;float:left;background:#FFF;margin-top:10px;padding:40px 25px 25px 25px;}
.case-desc {width:830px;height:auto;float:left;border-radius:20px;background:#F2F2F2;padding:20px;margin-top:35px;line-height:30px;font-size:14px;}
.case-main-left {width:100%;height:auto;float:left;padding-top:30px;}
.case-main-left img {max-width:100%;width:auto;height:auto;display: block;margin:15px auto;}
.case-main-left p {width:100%;height:auto;float:left;line-height:30px;font-size:16px;}
.nextpre {width:300px;padding:15px 25px 15px 15px;height:auto;float:left;background:#fff;margin-bottom:10px;display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.nextpre a {display:block;background:#F2F2F2;padding:10px 35px;font-size:14px;}
.nextpre a:hover {background:#A80E0E;color:#FFF;}
/*--CONTACT--*/
#contact-main{width:100%;height:auto;float:left;background:#fff;}
.contact-main {width:100%;height:auto;float:left;}
.c-contact-title-one {width:100%;height:auto;float:left;margin-top:50px;}
.c-contact-title-one dt {width:100%;height:90px;line-height:90px;text-align:center;float:left;background-image: url("../images/u142.png")/*tpa=http://www.changshaguozhan.com/images/u142.png*/;background-position: bottom center;background-repeat: no-repeat;font-size:26px;font-weight:bold;}
.c-contact-title-one dd {width:100%;height:50px;line-height:50px;text-align:center;float:left;}
.c-contact-title-one dd i {font-size:36px;color:#ddd;font-weight:bold;}
.contact-info {width:100%;height:auto;float:left;margin-top:55px;}
.contact-info-left {width:600px;height:auto;float:left;}
.contact-info-left img {width:100%;height:auto;float:left;}
.contact-info-right {width:550px;height:auto;float:right;padding:50px 0 0 50px;}
.contact-info-right dl {width:100%;height:auto;float:left;}
.contact-info-right dt {width:100%;height:auto;float:left;font-size:26px;font-weight:bold;margin-bottom:50px;}
.contact-info-right dd {width:100%;height:auto;float:left;font-size:18px;color:#aaa;line-height:50px;text-indent:50px;}
.contact-info-right dd.contact-tel {background:url("../images/u555.png")/*tpa=http://www.changshaguozhan.com/images/u555.png*/ left center no-repeat;}
.contact-info-right dd.contact-email {background:url("../images/u553.png")/*tpa=http://www.changshaguozhan.com/images/u553.png*/ left center no-repeat;}
.contact-info-right dd.contact-address {background:url("../images/u551.png")/*tpa=http://www.changshaguozhan.com/images/u551.png*/ left center no-repeat;}
.contact-info-right dd.contact-url {background:url("../images/u561.png")/*tpa=http://www.changshaguozhan.com/images/u561.png*/ left center no-repeat;}
.contact-map {width:100%;height:450px;float:left;margin-top:50px;}
.contact-map iframe {width:100%;height:100%;float:left;border: none;}
.yema {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
    font-size: 12px;
}

.yema ul {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: center;
}

.yema ul li {
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    background: #fff;
    margin: 0 7px;
    transition: .3s;
    padding:0;
}

.yema ul .prev {
    width: 88px;
}

.yema ul .next {
    width: 88px;
}

.yema ul li.active {
    background: #e05554;
    color: #fff;
}

.yema ul li:hover {
    background: #e05554;
    color: #fff;
}