@charset "utf-8";@import url('fonts.css');
*{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,.pager a font,.ts,.leftcons li:before,.indexbody .fixtop,.indexbody .fixtop .tel p,.indexbody .fixtop .tel h2,.new_telst li,.new_lst .mright .title a,.new_lst .mleft img,.new_lst .mleft .cate,.contact .content2 h3,.foot3 li .list,.team li .pic .in img,.team li .title,.awards li .title,.cando li .pic img,.cando li .pic p ,.fixtop .navpc li:before,.indcase li .pic p:before,.mainsubject h1,.indabout .title,.indabout .sum,.contact .mleft .col .tel,.company .title
{transition-duration:.3s;-ms-transition-duration:.3s;-moz-transition-duration:.3s; -webkit-transition-duration:.3s;}
.pd{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.new_lst .mleft:hover img,.team li:hover .pic .in img,.cando li:hover .pic img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.indcase li:hover .pic img
{transform:scale(1.20);-webkit-transform:scale(1.20);-moz-transform:scale(1.20);-o-transform:scale(1.20);-ms-transform:scale(1.20)}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#333;font-weight:400}a {color:#333}b,strong {font-weight:700}
a:hover,.indcase li:hover .title a,.indcase li:Hover .title2 a,.cando li:hover .title a,.team li:Hover .title ,.awards li:hover .title,.mainsubject:hover h1,.indabout .title:hover,.indabout .sum:hover,.contact .mleft .col .tel:hover,.company .title:hover{color:#cc0000}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
.vcenter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;}
input,button,select,textarea{ outline:none;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;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#073190;height:1px;margin:0px 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;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1}.imgcover img {width:100%;height:100%;object-fit:cover;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:100px 0 0 0;text-align:center}
.pager {width:100%; } 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 10px;width:40px; height:40px; line-height:38px; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);text-align: center;border-radius:0px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#cc0000; background: #cc0000} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#000;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #cc0000;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

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

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

.di {float:left;}
.dipage {float:left;}

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

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:60px; background:#333}
.fixtop .navpc li {display:inline-block; vertical-align: top;position: relative}
.fixtop .navpc li:before {content:'';width:0;height:3px; position: absolute;left:25px;bottom:10px;background: #ff0000;opacity:0;border-radius:20%;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:60px; line-height:59px;font-size:18px;color:#fff;padding:0 25px}
.fixtop .navpc li.check a.a,.fixtop .navpc li:hover a.a,.fixtop ul.navpc li:Hover>a.a {background: #666}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:50%;width:150px;margin-left:-75px;top:60px; display: none; background:rgba(255,255,255,1); text-align:center; box-shadow:0 0 5px rgba(0,0,0,0.3); padding:5px 0px 8px 0}
.fixtop .navpc li .list dd p {margin:10px 0;padding:0}
.fixtop .navpc li .list dd p a {font-size:16px; line-height: 26px;display: block;}
.fixtop .navpc li .list dd p a:hover {color: #cc0000;}
.fixtop .navpc li:hover:before,.fixtop .navpc li.check:before {opacity:1;width:36px;}
.fixtop .tel {position:absolute;right:0;top:16px}
.fixtop .tel p,.fixtop .tel h2 {display:inline-block; vertical-align: top;}
.fixtop .tel p {width:25px;height:25px; line-height: 23px;font-weight:700;text-align: center;border-radius:50%;margin:1px 10px 0 0; background: #fff}
.fixtop .tel p span {font-size:16px}
.fixtop .tel h2 {font-size:24px; line-height:24px;font-weight:700;color:#fff}
.tblank {height:60px}

/*
.indexbody .fixtop {background:none;box-shadow:0 0 0 rgba(0,0,0,0);}
.indexbody .fixtop .navpc li a.a {color:#fff;}
.indexbody .fixtop .tel p {background:#fff;color:#000;}
.indexbody .fixtop .tel h2 {color:#fff}
*/

/*
.indexbody.active .fixtop {background:#333;}
.indexbody.active .fixtop .navpc li a.a {color:#fff;}
.indexbody.active .fixtop .tel p {background:#fff;color:#333;}
.indexbody.active .fixtop .tel h2 {color:#fff}
.indexbody .navpc li.check a.a,.indexbody.active .navpc li:hover a.a,.indexbody.active ul.navpc li:Hover>a.a {color: #fff;background:none}
.indexbody .navpc li.check:hover a.a,.indexbody.active .navpc li.check a.a,.indexbody.active .navpc li:hover a.a {color: #fff;background:#666}
*/

.namemj {position:absolute;left:0;top:-60px;width:100%;height:0}
.indpics { position:fixed; z-index:1;left:0;top:0;width:100%}
.indpics .item,.blankbg {padding:22.5% 0; position: relative}
.maincons {margin:85px 0 0 0;}
.mainleft { position: absolute;left:0;top:0;width:222px;}
.mainleft .logo p.p2 { position: absolute;left:0;top:0;opacity:0}
.indexbody .mainleft .logo p.p1 {opacity:0}
.indexbody .mainleft .logo p.p2 {opacity:1}
.mainright {margin:0 0 0 222px;}
.leftcons {position:fixed; z-index: 9999;left:50%;margin-left:-710px;top:95px;width:222px; }
.leftcons ul {margin:40px 0 0 0}
.leftcons li { position: relative}
.leftcons li a {color:#333}
.leftcons li:before {content:'';width:5px;height:5px; border-radius:50%; background: #cc0000; position: absolute;left:-13px;top:14px;opacity:0}
.leftcons li.check:before,.leftcons li:hover:before {opacity:1}
.leftcons li.check a,.leftcons li:hover a,.indexbody .leftcons li:hover a {color:#cc0000;font-weight:500}
.indexbody .leftcons li a {color:#333}
.indexbody .leftcons li:before {background: #333}
.indexbody.active .leftcons li a {color:#333}
.indexbody.active .leftcons li.check a,.indexbody.active .leftcons li:hover a {color:#cc0000;font-weight:500}
.indexbody.active .leftcons li:before,.indexbody .leftcons li:hover:before {background: #cc0000}
.indexbody.active .mainleft .logo p.p1 {opacity:1}
.indexbody.active .mainleft .logo p.p2 {opacity:0}
.indexmaincons { background:#fff;position: relative; z-index: 10;}

.indabout {padding:70px 0 0 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}

.mainsubject { text-align:center;padding:80px 0 60px 0;letter-spacing:0.5px}
.mainsubject h1 {font-size:36px; line-height:46px;}
.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:18px 0 0 0}
.mainsubject h2 p {position:absolute;width:100%;top:0}
.mainsubject h2 p span { display:inline-block; background:#fff;padding:0 10px}

.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}

.indcase ul {width:101%;margin:-40px 0 0 -0.5%}
.indcase li {float:left;width:32.3333%;margin:40px 0.5% 0 0.5%}
.indcase li .pic {padding:40% 0; position: relative; overflow: hidden}
.indcase li .pic p:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: rgba(0,0,0,0.6);opacity:0}
.indcase li:hover .pic p:before {opacity:1}
.indcase li .title,.indcase li .title2 {height:26px; line-height: 26px; overflow: hidden;font-size:14px;padding:0 20px 0 0}
.indcase li .title {margin:15px 0 0 0}
.indcase li:hover .title,.indcase li:hover .title2 {font-weight:700}

.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;}
.awards ul {margin:-80px 0 0 -2%}
.awards li {float:left;width:21%;margin:60px 2% 0 2%;position:relative;top:0;}
.awards li .pic img {height:150px;}
.awards li .title {font-size:20px; line-height:32px;margin:10px auto 0 auto; letter-spacing:0.5px;}
.awards li:hover {top:-10px}
.awards .clear2 {display:none;}
.awards .clear4 {clear:both}

.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:10px}
.cando ul {width:103%;margin:-60px 0 0 -1.5%}
.cando li {float:left;width:22%;margin:60px 1.5% 0 1.5%; text-align:center}
.cando li .pic { text-align:center; overflow: hidden; position: relative;padding:29.8% 0;}
.cando li .pic p { background-repeat:no-repeat; background-position: top; margin:0 auto; background-size:cover;}
.cando li .title {margin:15px auto 8px auto}
.cando li .title a { display:block;font-size:24px; text-align:center;color:#caa970;}
.cando li .cons {font-size:14px; line-height:1.8;color:#999}
.cando li:hover .pic p { background-position:bottom;}
.cando .clear2 {display:none;}
.cando .clear4 { clear:both}

.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:#cc0000;border-color:#cc0000}
.new_telst li:Hover,.new_telst li:Hover a {color:#cc0000;}

.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;border-radius:5px}
.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.2px;}
.new_lst .mright .title { text-align:left;margin:0 0 15px 0;padding:0; height:30px; line-height:30px; overflow:hidden}
.new_lst .mright .title a {color:#333;font-size:20px;}
.new_lst .list:hover .mright .title a {color:#cc0000}
.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:6px; background:url(../images/1.png) no-repeat center;width:16px; height:16px;}

.customer {margin-top:-90px; text-align:left;margin-bottom:100px; clear: both}
.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:30px; line-height:40px;margin:-10px 0 15px 0}
.customer li td { vertical-align:top;}
.customer li .cons { line-height:2}
.mappic {margin-top:-50px}
.customer table td:nth-child(1) {width:38%}
.customer table td:nth-child(2) {width:36%}
.customer table td:nth-child(3) {width:26%}

.bannerin {padding:12px 0 0 0}
.company { text-align:center;padding:70px 0 0 0}
.company .title {color:#caa970;font-size:36px; line-height:56px; letter-spacing:2px;margin:55px 0 45px 0}
.company .cons table {margin:20px auto 0 auto}
.company .cons td {vertical-align:top;}
.company .cons td:nth-child(1) {padding:0 1.6% 0 0}
.company .cons td:nth-child(2) {padding:0 0.8%}
.company .cons td:nth-child(3) {padding:0 0 0 1.6%}
.mjname { position:absolute;top:-60px}

.cusrev {margin:0px 0 150px 0}
.cusrev .owl-carousel .owl-dots { bottom:-70px;}
.cusrev .owl-carousel .owl-dots .owl-dot span{background:#999;width:15px; height:15px;margin:0 10px;}
.cusrev .owl-carousel .owl-dots .owl-dot.active span,.cusrev  .owl-carousel .owl-dots .owl-dot:hover span{background: #cc0000}
.cusrev dl {width:103%;margin:-3% 0 0 -1.5%}
.cusrev dd {float:left;width:47%;margin:3% 1.5% 0 1.5%;border:1px solid #333; text-align:left;padding:10px 20px; cursor:pointer}
.cusrev dd:hover {color:#fff; background:#caa970;border-color:#caa970}
.cusrev dd .t {font-size:14px; line-height:25px;margin-top:2px}
.cusrev dd .c {font-size:18px; line-height:30px;}

.honor_2 {margin:-30px 0 0 0}
.honorline {width:100%;height:1px; background: #caa971}
.honorline2 {width:100%;height:1px; background: #caa971;margin:80px 0 0 0}
.mappic2 {padding:60px 0 0 0}

.casecate {text-align:right;padding:45px 0 40px 0}
.casecate li {display:inline-block; vertical-align: top;margin:0 0 0 25px}
.casecate li.check a,.casecate li:hover a {color:#cc0000}

.worksshow .row { background: #cc0000;color:#fff;margin:95px 0 0 0;padding:50px 60px 100px 60px}
.worksshow .row .mleft {float:left;width:35%}
.worksshow .row .mleft .t {font-size:30px; line-height: 45px;margin:0 0 2px 0}
.worksshow .row .mright {float:right;width:60%}
.worksshow .row .mright .gs {margin:0 0 60px 0}
.worksshow .row .mright .gs2 {font-size:14px; line-height: 1.6}
.worksshow .content img {margin:15px 0 0 0}
.news2 {margin-top:-20px}
.works {margin:0 0 120px 0}
.minheight {min-height:300px}

.nshow {max-width:1000px;margin:0 auto; text-align:left;}
.nshow .title {color:#333;font-size:25px; line-height:35px; text-align:center;margin:150px 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-bottom:10px;margin-top:10px}
.nshow .prevnext a.back {margin:10px 20px 10px 20px}
.nshow .prevnext a:hover { background:#cc0101;color:#fff;border-color:#cc0101}
.newsline { background:#ccc; height:2px;width:100%;margin-top:60px}

.team {margin:-10px 0 0 0}
.team ul {width:104%;margin:-4% 0 0 -2%}
.team li {float:left;width:21%;margin:4% 2% 0 2%;  position: relative;}
.team li:before {content:''; position: absolute;left:0;top:0;width:40px; height:40px; z-index: 10; background: url("../images/2.png") no-repeat center; background-size:100%}
.team li .pic {padding:40px 0 0 40px;background: #ebebeb;margin:0 0 20px 0}
.team li .pic .in{padding:68% 0; position: relative; overflow: hidden}
.team li .title,.team li .content {display:inline-block; vertical-align: top;}
.team li .title {margin:0 0 0 40px;font-size:24px; line-height: 34px;font-weight:700;color:#caa970}
.team li .content {margin:5px 0 0 10px}
.team .cons {margin:30px 0 0 0}
.awards_honor {margin:-25px 0 120px 0}
.teamindex {margin-top:-75px}





.contact { margin-top:50px;padding:10px 0 60px 0; text-align:left;}
.contact .list {float:left;width:50%; text-align:left;}
.contact .list:nth-child(2) {float:right;width:45%}
.contact .list.right {float:right}
.contact .list .subject {font-size:24px;color:#cc0000;margin:10px 0 0px 0}
.contact .list .lt { position:relative;margin:10px 0}
.contact .list .lt .icon { position:absolute;width:25px; height:25px;top:6px}
.contact .list .lt .cons {margin:0 0 0 35px;}
.contact .list .lt .cons .up {font-size:16px; line-height:26px;letter-spacing:0px;margin:0 0 7px 0;padding:4px 0 0 0;color:#000}

.contact .mleft {float:left;width:40%;}
.contact .mleft .col .subject {color:#cc0000;font-size:24px; line-height: 24px;margin:0 0 8px 0;}
.contact .mleft .col .tel {font-size:48px; line-height: 58px;color:#000;font-weight:500}
.contact .mleft .col:nth-child(2) {margin:80px 0 0 0}
.contact .mright {float:right;width:60%}

.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;font-size:18px;font-weight:400; letter-spacing: 1px}
.foot .menu a:hover {color:#cc0000}
.foot .menu i { display:inline-block; vertical-align:top;width:1px; background:#fff; height:17px;margin:11px 25px 0 25px;}
.foot .cons,.foot .cons a {font-size:14px; line-height:25px; text-align:left;color:#666}
.foot .cons a:hover {color:#fff}
.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(../images/qq.png) no-repeat; display:block;width:100%; height:100%; background-size:100%}