@charset "utf-8";
* {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; }
a,:hover,.fixtop .toper ul.navpc li span,.fixtop,.tblank,.fixtop .toper ul.navpc,.fixtop .toper .ad,.indcase li p.pcover,.indcase li span,.indcase li .up,.indcase li .down,.indnews dl dt p,.news li .pic p,.team li .cons,.team li .pic p,.hy li .pic p,.about2 li p
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.abc
{transition-duration:0;-ms-transition-duration:0;-moz-transition-duration:0; -webkit-transition-duration:0;}
.indcase li:hover p.pcover,.indnews dl dt:hover p,.news li:hover .pic p,.team li:hover .pic p,.hy li:hover .pic p,.about2 li:Hover p
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.5);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.team li .cons
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;}
body {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;margin:0 auto;overflow-x:hidden;font-size:16px;line-height:2;color:#666;background:#fff;max-width:1920px;}
h1,h2,h3,h4,h5 {font-weight:normal;font-size:16px;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#666;font-size:16px;}
a:hover,.casecate  li.check a{color:#d0121b}
.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:'Microsoft YaHei','微软雅黑',arial,'宋体';border:0;}
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:5px 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: #ffffff;}
:-moz-placeholder {color: #ffffff; } 
::-moz-placeholder { color: #ffffff; } 
:-ms-input-placeholder {color: #ffffff; }

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

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:50px 0 0 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #e6e6e6;}   
.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 #e6e6e6;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current { background:#d0121b;border:1px solid #e6e6e6;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #d0121b} 
.pager a,.pager span.disabled {color:#666;border:1px solid #e6e6e6;background:#fff} 
.pager a,.pager span.current,.pager span.disabled{width:30px; text-align:center;height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 

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

.wrap {margin:0 auto;max-width:1400px; position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;left:0;top:0; z-index:9998;width:100%; height:135px;background:#fff;border-bottom:1px solid #acabab;}
.fixtop .toper .logo { background:url(../images/logo.png) no-repeat center;display:block;height:97px;width:192px;margin-top:19px; position:relative;float:left; background-size:cover;}
.fixtop .toper ul.navpc {text-align:right; position:relative;float:right;margin:75px 0 0 0}
.fixtop .toper ul.navpc li {display:inline-block; vertical-align:top;position:relative;margin:0 0 0 70px}
.fixtop .toper ul.navpc li a {display:block;}
.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li.check a{color:#d0121b;}
.fixtop .toper ul.navpc li span { display:block;  text-align:center;width:100%; position:absolute;top:-2px;left:0; background:#fff;color:#d0121b;opacity:0;font-size:18px}
.fixtop .toper ul.navpc li:Hover span {opacity:1}
.fixtop .toper .ad { position:absolute;right:0;top:20px;color:#d0121b;font-size:21px; letter-spacing:1px;opacity:1}
.fixtop.active .toper .ad {opacity:0}
.tblank { height:135px;}

.fixtop.active {top:-55px}
.fixtop.active .toper .logo {margin-top:64px;width:119px; height:60px;}
.fixtop.active .toper ul.navpc {margin:79px 0 0 0}
.tblank.active { height:80px}

.bxslider li a { background-position:center; background-repeat:no-repeat; display:block; height:680px}
.indabout { text-align:center;padding:50px 0}
.indabout .title {font-size:36px;font-weight:300; letter-spacing:2px;}
.indabout .cons {font-size:18px; letter-spacing:1px;margin:25px 0 0 0}

.indcasecate .title { position:absolute; letter-spacing:1px}
.indcasecate ul {margin:0 -10px 0 150px; text-align:right}
.indcasecate ul li {margin:0 0 0 1%; display:inline-block; vertical-align:top;}
.indcasecate ul li a {letter-spacing:1px;  height:30px; line-height:30px;padding:0 10px; display:inline-block;}
.indcasecate ul li a:hover {background:#d0121b;color:#fff;}
.indcase {margin:30px 2.5% 0 2.5%}
.indcase ul {width:100.2%;margin:-0.2% 0 0 -0.1%}
.indcase li {float:left;width:33.1333%;margin:0.2% 0.1% 0 0.1%; position:relative; overflow:hidden}
.indcase li span { background:rgba(34,24,20,0.8);  display:block;width:100%; height:100%; position:absolute; z-index:70;opacity:0}
.indcase li:hover span {opacity:1}
.indcase li .up { position:absolute; z-index:80;top:0;left:5%;width:90%;color:#fff;font-size:18px; line-height:28px; letter-spacing:1px;opacity:0}
.indcase li:hover .up {top:8%;opacity:1}
.indcase li .down { position:absolute; z-index:80;bottom:0;left:5%;width:90%;color:#fff;opacity:0}
.indcase li:hover .down {opacity:1;bottom:8%}
.indcase li .down h1 {font-size:21px; line-height:31px; letter-spacing:1px}
.indcase li .down h2 {font-size:14px; line-height:24px; letter-spacing:1px;margin:6px 0 0 0}
.indmore {margin:50px 0 100px 0; text-align:center;}
.indmore a {border:1px solid #acabab; display:inline-block;margin:0 auto; height:40px; line-height:40px;padding:0 20px; letter-spacing:0.5px}
.indmore a i { font-family:宋体;font-weight:700;margin:0 0 0 5px}
.indmore a:hover { background:#d0121b;coloR:#fff;border-color:#d0121b;}

.indservice {border-top:1px solid #acabab;padding:45px 0 70px 0}
.indservice ul {width:106%;margin:0 0 0 -3%}
.indservice li {float:left;width:17%;margin:0 3%;}
.indservice li .title {font-size:22px; line-height:32px;font-weight:700;}
.indservice li .title2 {font-size:13px; line-height:23px;margin:2px 0 20px 0}
.indservice li:nth-child(4) {width:25%}

.indnews dl {float:left;width:32%;margin:0 2% 0 0}
.indnews dl.dl3 {margin-right:0}
.indnews dl dt { position:relative; overflow:hidden;margin:0 0 25px 0}
.indnews dl h1 {margin:20px 0 0 0}
.indnews dl dd { height:35px; line-height:35px; overflow:hidden;padding:0 50px 0 0}
.indnews dl h1 i { font-family:宋体;margin:0 0 0 5px; display:inline-block;font-weight:700;font-size:14px}

.casecate { text-align:right;margin:55px 0}
.casecate li { display:inline-block; vertical-align:top;margin:0 0 0 3%}
.case {min-height:300px}

.show {max-width:1260px;margin:0 auto}
.show .title {font-size:21px;font-weight:700;margin:50px 0 0 0}
.show .gs_content {margin:30px 0}
.show .cons {border-top:1px solid #acabab;padding:60px 0 0 0;margin:40px 0 0 0}
.show .cons img {margin:8px 0}
.show .back { text-align:right;margin:70px 0 0 0}
.show .back a { background:#c8c8c8; display:inline-block;color:#fff;font-size:18px;border-radius:25px;padding:0 20px; height:45px; line-height:45px}
.show .back i {margin:0 8px; font-family:宋体;}
.show .back a:Hover { background:#d0121b;}
.news {margin:65px 0 0 0}
.news ul {width:101.4%;margin:-4% 0 0 -0.7%}
.news li {float:left;width:31.9333%;margin:4% 0.7% 0 0.7%}
.news li .pic { position:relative; overflow:hidden;}
.news li .title { height:25px; line-height:25px; overflow:hidden;margin:15px 0 2px -7px}
.news li .addtime {font-size:13px}

.nshow .wrap {max-width:1260px}
.nshow .title { text-align:center;font-size:24px;color:#333;margin:90px 0 10px 0}
.nshow .addtime { text-align:center;border-bottom:1px solid #acabab;font-size:18px;padding:0 0 20px 0}
.nshow .cons {font-size:21px;margin:50px 0 0 0}
.nshow .cons a {font-size:21px}
.nshow .cons img {margin:8px 0}
.nshow .prevnext { position:relative;margin:120px 0 30px 0}
.nshow .prevnext a { text-align:center;color:#999; display:block;width:69px; position:relative;top:0}
.nshow .prevnext a.mid {left:50%; position:absolute;margin-left:-48px;width:96px;top:0}
.nshow .prevnext a.next { position:absolute;right:0;top:0}
.nshow .prevnext img { display:block;margin:0 auto 10px auto}
.nshow .prevnext a:hover {top:-5px;}
.bannerin { height:495px; background-position:center; background-repeat:no-repeat;}

.contact .wrap {max-width:1260px;}
.contact .subject {border-bottom:1px solid #acabab;font-size:32px; line-height:42px; text-align:center;letter-spacing:1px;padding:60px 0 30px 0;font-weight:300}
.contact .list {padding:40px 0 90px 0; line-height:2.2}
.contact .list .t {font-size:24px; line-height:34px;font-weight:700; text-align:center;margin:0 0 30px 0}
.contact .list .c {font-size:18px;}
.contact .list .c a {font-size:18px}
.contact .list .c table {width:96%;margin:0 auto 0 4%}
.contact .list .c .td1 {width:45%}
.contact .list .c .td2 {width:10%;}
.contact .list .c .td3 {width:45%}
.contact .list .c span.m {margin:0 3.5%}
.contact .subject2 {border-top:1px solid #acabab;border-bottom:1px solid #acabab;font-size:24px; line-height:34px;font-weight:700; text-align:center;padding:30px 0}
.contact ul {width:110%;margin:-50px 0 0 -5%;padding:50px 0 0 0}
.contact li {float:left;width:40%;margin:50px 5% 0 5%}
.contact li .title {font-size:21px;margin:0 0 20px 0;color:#333;}
.contact .cons { text-align:center;margin:70px 0 30px 0}
.namemj { position:absolute;width:100%; height:0;top:-80px}
.about { text-align:center;border-bottom:1px solid #acabab;font-size:18px;padding:60px 0}
.adv {margin:50px 7% 80px 8%}
.adv table {width:100%}
.adv .td1 {width:36%;}
.adv .td2 {width:10%}
.adv .td3 {width:54%;font-size:14px;}
.adv .td3 .mart {margin-top:17px;font-size:16px;}
.adv .td3 .ft {font-size:16px}

.team ul {width:102%;margin:-3% 0 0 -1%}
.team li {float:left;width:23%;margin:3% 1% 0 1%}
.team li .pic { position:relative; overflow:hidden}
.team li .title {height:20px; line-height:20px; overflow:hidden; text-align:center;margin:10px 0 5px 0}
.team li .title2 { height:20px; line-height:20px; overflow:hidden;font-size:13px; text-align:center;}
.team li .cons { background:rgba(34,24,20,0.9);color:#fff; position:absolute; z-index:10;width:100%; height:100%; padding:15px 20px;font-size:12px; line-height:22px; text-align:center;opacity:0}
.team li:hover .cons {opacity:1}

.hy ul {width:101%;margin:-2% 0 0 -0.5%}
.hy li {float:left;width:15.6666%;margin:2% 0.5% 0 0.5%}
.hy li .pic { position:relative; overflow:hidden}
.hy li .title {height:20px; line-height:20px; overflow:hidden; text-align:center;margin:10px 0 0 0;font-size:14px}
.honor {margin:80px 0}
.honor .mleft {float:left;width:70%;}
.honor .mright {float:right;width:28%;font-size:14px; line-height:24px;}

.aboutleft {float:left;width:36.5%;margin-left:9%;}
.aboutright {float:right;width:40%;margin-right:9%}
.ruizb { background:#e6e6e6;padding:60px 0;margin:80px 0 0 0}
.abouthz {margin:60px 0}
.aboutul li { position:relative;min-height:50px;margin:10px 0}
.aboutul li .subject { position:absolute;top:-4px}
.aboutul li .subject h1 {font-weight:700}
.aboutul li .subject i { display:block; background:url(../images/1.png);width:6px; height:13px; position:absolute;left:28px;top:32px}
.aboutul li .content {margin:0 0 0 85px;font-size:14px; line-height:24px}
.aboutstep { background:#e6e6e6;padding:60px 0 30px 0;}
.aboutstep .aboutleft hr {border-color:#acabab;margin:40px 0}
.aboutstep .aboutright .mleft {float:left;width:47%}
.aboutstep .aboutright .mright {float:right;width:45%}
.aboutstep .aboutright .cons5 {font-size:14px; line-height:28px}
.aboutstep .aboutright hr {border-color:#acabab;margin:80px 0}
.about1 { text-align:center;margin:60px 0 40px 0}
.about2 li {float:left;width:33.3333%; position:relative; overflow:hidden}
.about3 { text-align:center;margin:20px 0}
.about3 a {font-size:24px; letter-spacing:1px;font-weight:300}
.about4 { text-align:center;border-bottom:1px solid #acabab;padding:30px 0 10px 0}
.about4 span {font-size:21px;margin:0 10px 0 0}
.about5 {margin:40px 0 0 0}
.about5 table {width:100%;font-size:14px; line-height:24px}
.about5 .td1 {width:12%}
.about5 .td2 {width:10%}




.foot { background:#d0121b;padding:40px 0 30px 0;margin:80px 0 0 0;color:#DCDCDD;font-size:14px;}
.foot a {color:#DCDCDD;font-size:14px;}
.foot a:hover {color:#fff}
.foot .wx {float:left; text-align:center}
.foot .wx p {margin:5px 0 0 0}
.foot .ct {float:left;margin:0 5% 0 6.5%} 
.foot .ct img {width:70px;margin:0 0 10px 0}
.foot dl {float:left;margin:0 5% 0 0}
.foot dl.last {margin-right:0}
.foot dt {margin:0 0 5px 0}
.foot dt a {font-size:21px;}
.foot .copy {float:right;}
.foot .cons { text-align:center;margin:40px 0 0 0}