* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
.indcase li .cons h1,.indcase li .cons h3,.indcase li .cons,.indcase li .cons h2,.indcase li p,.mmore a,.honor li .title,.honor li,.awards li .title,.awards li,.cando li .pic p,.cando li .title a,.contact .content2 h3,.foot3 li .list,.aboutcate li a,#slider2 .slide .cons,.workcate dd a p,.foot3 li .pic,.leftmenu a,.leftmenu a i,.cando li .title a,.works dd,.caseshow li .first,.works dd img,.new_telst li,.new_lst .mright .title a,.new_lst .mleft img,.new_lst .mleft .cate,.new_telst li a,.pager a,.nshow .prevnext a
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.fixtop .toper ul.navpc li h1,.fixtop .toper ul.navpc li h2
{transition-duration:.3s;-ms-transition-duration:.3s;-moz-transition-duration:.3s; -webkit-transition-duration:.3s;}
.indcase li:hover p,.new_lst .mleft:hover img
{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
.indcase li:hover .cons h3
{transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); }
.indcase .cons,.foot3 li,#slider2 .slide .cons,.caseshow li .first .title
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;}
body {margin:0 auto;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;color:#333;margin:0 auto;overflow-x:hidden;}
body,h1,h2,h3,h4,h5 {font-weight:normal;font-size:16px;line-height:35px;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#999}
a:Hover,.foot .menu a:hover,.foot .link a:hover,.leftmenu a:hover,.leftmenu dd.check a,.cando li:hover .title a{color:#cc0000}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;font-family:arial,'Microsoft YaHei','微软雅黑';border:0;font-size:14px}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0;border-top:1px solid #ccc; height:1px;margin:15px 0 12px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

::-webkit-input-placeholder {color: #aeb2b1; } 
:-moz-placeholder {color: #aeb2b1; } 
::-moz-placeholder { color: #aeb2b1; } 
:-ms-input-placeholder {color: #aeb2b1; }

::selection {background:#cc0000;color:#ffffff;}
::-moz-selection {background:#cc0000;color:#ffffff;}
::-webkit-selection {background:#cc0000;color:#ffffff;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:0; text-align:center;margin:40px 0 -40px 0}
.pager {padding:0 0 0px 0; width:100%;text-align:center;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #666666;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #666666;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {background:}  
.pager a:hover,.pager span.current { background:#b71d37;border:1px solid #b71d37;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #b71d37} 
.pager a,.pager span.disabled {color:#666;border:1px solid #666666;} 
.pager a,.pager span.current,.pager span.disabled{width:25px; text-align:center;height:25px; line-height:25px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:40px;margin-bottom:20px;}
.picright {margin-left:40px;margin-bottom:20px;}

.wrap {max-width:1420px;margin:0 auto; position:relative; text-align:right;}
.wrap2 {max-width:1200px;margin:0 0 0 auto; position:relative;}

.fixtop { position:fixed; z-index:9998;left:0;top:0;width:100%; height:50px; line-height:60px;background:#333;}
.fixtop .wrap { position:relative}
.fixtop .toper ul.navpc {float:left;overflow:hidden;}
.fixtop .toper ul.navpc li {display:inline-block; text-align:left;position:relative;margin:0 35px 0 0;}
.fixtop .toper ul.navpc li a {display:block; position:relative;font-size:16px;color:#fff}
.fixtop .toper .tel {float:right; line-height:55px; display:inline-block;padding:0 0 0 35px; background:url(../image/tel.png) no-repeat center left;font-size:24px;font-weight:600;color:#fff; letter-spacing:1px}

.phonemenu { display:none;}
.tblank { height:90px}

.leftmenu { position:fixed; z-index:999;left:50%;margin-left:-710px;top:60px;width:120px; text-align:left;color:#666; line-height:33px}
.leftmenu a {color:#666}
.leftmenu dd {margin-left:-13px}
.leftmenu a i { display:inline-block;width:5px; height:5px; background:transparent;border-radius:50%;margin:15px 8px 0 0; vertical-align:top;}
.leftmenu a:hover i,.leftmenu dd.check a i { background:#cc0000;}
.leftmenu dl {margin-top:40px}
.leftmenu div {margin-top:30px}
.leftmenu div a {color:#996600}

.indabout {padding:70px 0; text-align:center}
.indabout .title {font-weight:bold;font-size:48px; line-height:68px;}
.indabout .sum {font-size:36px; line-height:56px;margin:40px 0}
.indcase {margin-top:-80px}
.mainsubject { text-align:center;padding:90px 0 60px 0;letter-spacing:1px}
.mainsubject h1 {font-size:32px; line-height:42px;}
.mainsubject h2 {font-size:22px; line-height:32px;color:#caa970; position:relative;margin-top:5px}
.mainsubject h2 i { background:#caa970; height:1px;width:100%; display:inline-block; vertical-align:top;margin:17px 0 0 0}
.mainsubject h2 p {position:absolute;width:100%;top:0}
.mainsubject h2 p span { display:inline-block; background:#fff;padding:0 15px}

.indcase ul {margin-top:-1.5%}
.indcase li {float:left;width:32.3333%;margin:1.5% 1.5% 0 0; position:relative; overflow:hidden}
.indcase li.no {margin-right:0}
.indcase li .cons { position:absolute; z-index:20;width:100%; height:100%;padding:0 10%;background:rgba(204,0,0,0.75); text-align:center;color:#fff; letter-spacing:1px;opacity:0}
.indcase li .cons h1 {font-size:18px; line-height:28px; position:relative;top:-20px;}
.indcase li .cons h2 {font-size:30px; line-height:40px;margin:9% 0; letter-spacing:5px}
.indcase li .cons h3 {font-size:45px; line-height:40px; position:relative;bottom:-20px;color:#000}
.indcase li:hover .cons {opacity:1}
.indcase li:hover .cons h1 {top:0}
.indcase li:hover .cons h2 {letter-spacing:1px}
.indcase li:hover .cons h3 {bottom:0;color:#fff}
.mmore { text-align:center;margin:70px 0}
.mmore a { display:block;width:180px; height:40px; line-height:40px;border:1px solid #333; text-align:center;margin:0 auto}
.mmore a:hover { background:#cc0000;color:#fff;border-color:#cc0000}

.honor {text-align:center;padding:0 0 100px 0;margin-top:-90px}
.honor ul {width:104%;margin:-40px 0 0 -2%;}
.honor li { display:inline-block; vertical-align:top;width:29.3333%;margin:30px 2% 0 2%; position:relative;top:0;}
.honor li .title {font-size:20px; line-height:30px;margin:30px auto 0 auto; letter-spacing:1px;}
.honor li .title2 {font-size:12px; line-height:16px;color:#999;text-transform:uppercase}
.honor li:hover {top:-10px}
.honor .clear2 { display:none;}
.honor .clear3 { clear:both}

.awards {text-align:center;margin-top:-110px}
.awards ul {margin-top:-3%}
.awards li {float:left;width:30%;margin:3% 5% 0 0;position:relative;top:0;}
.awards li.no {margin-right:0}
.awards li .title {font-size:20px; line-height:20px; overflow:hidden;margin:30px auto 0 auto; letter-spacing:1px;}
.awards li .title2 {color:#999;font-size:12px; line-height:16px; letter-spacing:1px;margin-top:8px}
.awards li .cons { display:inline-block;margin:20px auto 0 auto; text-align:left;color:#999;line-height:25px; }
.awards li:hover {top:-10px}

.ewi {margin-top:0px}
.ewi .cons { text-align:center;padding:0 0 70px 0}
.ewi .cons table {max-width:350px;margin:0 auto; text-align:left;}
.ewi .cons table td { text-align:left}

.cando {margin-top:-60px}
.cando ul {margin-top:-7%}
.cando li {float:left;width:25.3333%;margin:7% 8% 0 0; text-align:center}
.cando li.no3 {margin-right:0}
.cando li .clear3 { clear:both}
.cando li .pic { text-align:center}
.cando li .pic p { background-repeat:no-repeat;width:125px; height:100px;margin:0 auto}
.cando li .title { height:45px; line-height:45px; overflow:hidden;border-radius:6px;min-width:200px; display:inline-block;margin:35px auto 0px auto}
.cando li .title a { display:block;font-size:24px; text-align:center;color:#caa970;}
.cando li .cons {font-size:14px; line-height:25px;}
.cando li:hover .pic p { background-position:bottom;}

.mjname {display:block;position:absolute; z-index:1;width:100%; height:0;top:-50px;}
.mjnamec {top:6px}

.customer {margin-top:-90px; text-align:left;}
.customer ul {margin-top:-4%}
.customer li {float:left;width:48%;margin:4% 4% 0 0;}
.customer li.no {margin-right:0}
.customer li .title {color:#cc0000;font-size:24px; line-height:34px;margin:0 0 10px 0}
.customer li td { vertical-align:top;}
.customer li .cons { line-height:30px}
.bannerin {}
.aboutcate { text-align:center;padding:50px 0}
.aboutcate li { display:inline-block; vertical-align:top;width:140px;margin:0 15px}
.aboutcate li a { display:block;border:1px solid #666; height:90px;}
.aboutcate li h1 { text-transform:uppercase;margin:15px 0 -10px 0}
.aboutcate li:Hover a,.aboutcate li.check a {border-color:#cc0000;color:#fff; background:#cc0000}
.company { text-align:center;padding:50px 0 70px 0}
.company .title {color:#caa970;font-size:36px; line-height:56px; letter-spacing:2px;margin:55px 0 45px 0}
.company .cons table {max-width:1020px;margin:30px auto 0 auto}

.customerbg {margin-top:0;padding:0}
.customerbg .mainsubject {padding-top:0}
.kfpj {padding:0 0 130px 0}
#slider2 {margin-top:-2.5%}
#slider2 .bx-wrapper .bx-pager { bottom:-60px;width:100%;text-align:center}
#slider2 .bx-wrapper .bx-pager.bx-default-pager a { width: 15px;  height:15px;  margin: 0 5px;  opacity:1; background:#ccc;}
/* #slider2 .bx-wrapper .bx-pager.bx-default-pager a:focus 
#slider2 .bx-wrapper .bx-pager.bx-default-pager a:hover,*/
#slider2 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#cc0000}
#slider2 .slide{text-align:center; position:relative}
#slider2 .slide .cons {float:left;width:48.5%;margin:2.5% 3% 0 0;border:1px solid #333; text-align:left;padding:10px 20px; cursor:pointer}
#slider2 .slide .cons:hover {color:#fff; background:#caa970;border-color:#caa970}
#slider2 .slide .consno {margin-right:0}
#slider2 .slide .cons .title {font-size:14px; line-height:25px;margin-top:2px}
#slider2 .slide .cons .content {font-size:18px; line-height:30px;}
.workcate {padding:30px 0;margin:-25px 0 5px 0}
.workcate dd { display:inline-block;margin:0 50px 0 0}
.workcate dd a {height:40px; line-height:40px;display:inline-block;color:#333; vertical-align:top; position:relative;}
.workcate dd a p { position:absolute; z-index:1; background:#cc0000; height:1px;width:120%;top:50%;left:-10%;opacity:0}
.workcate dd a:hover p,.workcate dd.check a p {opacity:1}
.case {margin:0 0 60px 0}
.newsline { background:#ccc; height:2px;width:100%;margin-top:60px}

.show { background:url(../image/1.gif) repeat-x; text-align:center;color:#666}
.show .title{ text-align:center;color:#cc0000;font-size:24px; line-height:35px;padding:70px 0 0 0}
.show .line {width:55px;margin:20px auto; height:2px; background:#cc0000}
.show .cons img {margin-top:15px}
.ralax .indcase { background:none;}

.contact { margin-top:50px;padding:0 0 40px 0; text-align:left;}
.contact .list {float:left;width:45%; text-align:left;}
.contact .list.right {float:right}
.contact .list .subject {font-size:24px;color:#cc0000}
.contact .list .lt { position:relative;margin:30px 0}
.contact .list .lt .icon { position:absolute;width:45px; height:45px;top:0}
.contact .list .lt .cons {margin:0 0 0 60px; height:45px;}
.contact .list .lt .cons .up {font-size:18px; line-height:18px; overflow:hidden;letter-spacing:1px;margin:0 0 7px 0;padding:5px 0 0 0}
.contact .list .lt .cons .down {color:#999;font-size:12px; line-height:12px; overflow:hidden;letter-spacing:0.3px}
.contact .list .lt .cons .content {font-size:30px; line-height:30px; overflow:hidden; height:30px;padding-top:7px}

body.bg { background:#ebebeb}
.works {margin-top:-2%;border-bottom:1px solid #ccc;padding:0 0 60px 0}
.works dt { background:#fff; text-align:center;font-size:40px; height:100px; line-height:100px; overflow:hidden;border-radius:10px; letter-spacing:2px;margin-top:2%}
.works .list {width:101.6%;margin:0 0 0 -0.8%}
.works dd { background:#fff; border-radius:10px; overflow:hidden; text-align:center;width:18.4%;margin:1.6% 0.8% 0 0.8%;float:left; position:relative;top:0;height:135px}
.works dd:hover {top:0}
.works dd img {max-width:180px;max-height:110px;}
.works dd:hover img {
    animation: rotate-x 0.4s;
    -moz-animation: rotate-x 0.4s;  /* Firefox */
    -webkit-animation: rotate-x 0.4s;   /* Safari 和 Chrome */
    -o-animation: rotate-x 0.4s;    /* Opera */}

@keyframes rotate-x {
    50% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}
/*  IE  */
@-ms-keyframes rotate-x {
    50% {
        -ms-transform: scaleX(0);
    }
    100% {
        -ms-transform: scaleX(1);
    }
}
/* Safari and Chrome*/
@-webkit-keyframes rotate-x {
    50% {
        -webkit-transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
    }
}
/* Firefox  */
@-moz-keyframes rotate-x {
    50% {
        -moz-transform: scaleX(0);
    }
    100% {
        -moz-transform: scaleX(1);
    }
}
/*  Opera  */
@-o-keyframes rotate-x {
    50% {
        -o-transform: scaleX(0);
    }
    100% {
        -o-transform: scaleX(1);
    }
}



.caseshow {border-bottom:1px solid #ccc;padding:0 0 60px 0}
.caseshow .subject {color:#333;font-size:30px; line-height:30px; text-align:left;letter-spacing:2px;margin:0 0 10px 0}
.caseshow .content {font-size:14px;color:#999; line-height:29px; text-align:left;}
.caseshow li { text-align:left;}
.caseshow li .first { background:#f8f8f8; position:relative;margin-top:10px;color:#6b696a;}
.caseshow li .first .title {float:left;padding:3.5%;width:33%;font-size:102px; line-height:112px;font-weight:600}
.caseshow li .first .pic {float:right;width:67%}
.caseshow li .first .pic img {width:100%}
.caseshow li .cons {font-size:14px;color:#999; line-height:29px;}
.caseshow li .cons img {margin-top:10px;width:100%;}
.caseshow li .first:Hover { background:#cc0000;color:#fff}

.new_con {margin:0 0 100px 0}
.new_telst { text-align:left;border-bottom:1px solid #efefef;margin:0 0 10px 0}
.new_telst p { display:none;}
.new_telst li {cursor: pointer; display:inline-block; vertical-align:top;color:#666;margin:0 35px 0 0;border-bottom:2px solid transparent;padding:0 0 10px 0; position:relative}
.new_telst li a {color:#666;}
.new_telst li:before {content:''; position:absolute;left:-18px;top:10px;width:1px; height:15px; background:#efefef;}
.new_telst li:nth-child(1):before { display:none;}
.new_telst li.newon {color:#cc0101;border-color:#cc0101}
.new_telst li:Hover,.new_telst li:Hover a {color:#cc0101;}

.new-wrap {}
.new_lst {display: none; text-align:left;}
.new-wrap .show {display: block; background:none;}
.new_lst .list {border-bottom:1px solid #efefef;padding:20px 0; position:relative;min-height:140px}
.new_lst .mleft {float:left;width:28%; position:relative; overflow:hidden}
.new_lst .mleft img {width:100%;border-radius:5px}
.new_lst .mleft .cate { position:absolute; z-index:110; background:rgba(0,0,0,0.5);height:28px; line-height:28px; display:inline-block;padding:0 6px;border-radius:2px;left:10px;top:10px;opacity:1}
.new_lst .mleft .cate a {color:#fff; display:block}
.new_lst .mleft:hover .cate { background:rgba(204,1,1,0.5)}
.new_lst .mright {float:right;width:69%; letter-spacing:0.5px;}
.new_lst .mright .title { text-align:left;margin:0 0 15px 0;padding:0; height:25px; line-height:25px; overflow:hidden}
.new_lst .mright .title a {color:#333;font-size:20px;}
.new_lst .mright .title a:hover {color:#cc0101}
.new_lst .mright .content {font-size:14px; line-height:25px; height:50px; overflow:hidden;color:#666}
.new_lst .mright .addtimeclicks {color:#999;font-size:14px; position:absolute;left:31%;bottom:20px}
.new_lst .mright .addtimeclicks .addtime { display:inline-block; vertical-align:top;margin:0 20px 0 0}
.new_lst .mright .addtimeclicks .clicks { display:inline-block; vertical-align:top; position:relative;padding:0 0 0 21px}
.new_lst .mright .addtimeclicks .clicks:before {content:''; position:absolute;left:0;top:9px; background:url(../image/1.png) no-repeat center;width:16px; height:16px;}


.news { text-align:left;margin:-40px auto 0 auto;}

.nshow {max-width:1000px;margin:0 auto; text-align:left;}
.nshow .title {color:#333;font-size:25px; line-height:35px; text-align:center;margin:40px 0 10px 0}
.nshow .addtime {color:#999; text-align:center;font-size:16px}
.nshow .line {width:50px; height:2px;margin:15px auto 40px auto; background:#cc0101}
.nshow .cons img {margin:5px 0}
.nshow .prevnext { text-align:center;margin:50px 0 0 0}
.nshow .prevnext a { display:inline-block; vertical-align:top;border:1px solid #666; height:45px; line-height:45px;padding:0 15px;color:#333;margin-top:5px}
.nshow .prevnext a.back {margin:5px 20px 0 20px}
.nshow .prevnext a:hover { background:#cc0101;color:#fff;border-color:#cc0101}












.mappic {margin-top:50px}
.foot3 { background:#f5f5f5; text-align:left;}
.foot3 li { display:inline-block; vertical-align:top; text-align:center;width:33.3333%;border-right:1px solid #fff;border-left:1px solid #d6d6d6;padding:70px 0;letter-spacing:1px}
.foot3 li.f1 {border-left:0}
.foot3 li.f3 {border-right:0}
.foot3 li .title {font-size:24px; line-height:34px;margin:20px 0 5px 0; }
.foot3 li .cons {font-size:14px; line-height:25px;color:#999}
.foot3 li .list { position:relative;top:0}
.foot3 li .pic {opacity:0.5}
.foot3 li:hover .pic {opacity:1}

.foot { background:#333;padding:40px 0 30px 0;color:#666; text-align:left;}
.foot a:hover {color:#fff}
.foot .menu {margin:0 0 30px 0; text-align:left;}
.foot .menu a {color:#fff}
.foot .menu i { display:inline-block; vertical-align:top;width:1px; background:#fff; height:15px;margin:10px 25px 0 25px;}
.foot .cons,.foot .cons a {font-size:14px; line-height:25px; text-align:left;}
.foot .link {margin-top:30px}
.foot .link,.foot .link a {color:#666;font-size:12px;}
.fixrightqq { position:fixed;right:15px;bottom:15px; z-index:9999;width:90px; height:148px;}
.fixrightqq a { background:url(../image/qq.png) no-repeat; display:block;width:100%; height:100%; background-size:100%}