@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500&display=swap');
* {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,.tblank,.fixtop,.fixtop .toper ul.navpc,.fixtop .toper ul.navpc li a.a,.fixtop .toper .logo,.fixtop .toper .encn,.indpro li .pic p,.indpro li .cons,.indpro li .cons .title2,.indpro li,.ind3 li .pic p,.ind3 li .title,.service li .pic img,.news li .pic img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indpro li:hover .pic p,.ind3 li:hover .pic p,.service li .pic img:hover,.news li:hover .pic img
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc
{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
.fixtop .toper ul.navpc li .list,.indpro li,.about td,.message input[type="text"],.message textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;overflow-x:hidden;background:#fff;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Noto Sans SC','Source Han Sans CN Light','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;color:#666;font-weight:400; letter-spacing:0.3px}strong,b {font-weight:500;}
a:hover,.nshow .prevnext a:hover{color:#e00032}
.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;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; background:#92989d;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; z-index:1;width:100%; height:100%;top:0;left: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;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 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 #d7d7d7;}   
.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 #d7d7d7;}   
.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:#e00032;border:1px solid #e00032;  background-size:cover; } 
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #e00032;} 
.pager a,.pager span.disabled {color:#717070;border:1px solid #e5e5e5;background:#fff} 
.pager a,.pager span.current,.pager span.disabled{width:30px; text-align:center;height:30px; line-height:30px;border-radius:3px}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;} 

::-webkit-scrollbar {width: 10px;height:1px; }/******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: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

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

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

.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:1230px;position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;top:0;left:0; height:150px;width:100%;z-index:9998; background:#fff url(../images/2.png) no-repeat center top; text-align:right}
.fixtop .toper .logo { display:block; position:absolute;left:0px;top:75px;background:url(../images/logo.png) no-repeat center; background-size:cover;width:302px; height:35px; z-index:99}
.fixtop .toper ul.navpc { text-align:right; display:inline-block; vertical-align:top;margin:57px -25px 0 0}
.fixtop .toper ul.navpc li {display:inline-block;position:relative;padding:0 25px;}
.fixtop .toper ul.navpc li a.a {display:block;position:relative; height:93px; line-height:93px;font-size:17px;color:#333;}
.fixtop .toper ul.navpc li.check a.a,.fixtop .toper ul.navpc li a.a:hover,.fixtop .toper ul.navpc li:hover>a.a{color:#e00032}
.fixtop .toper ul.navpc li .list { position:absolute; z-index:9999;left:10px;top:93px;width:100%; display:none; text-align:left;background:rgba(255,255,255,0.95);line-height:25px;padding:10px 0 10px 15px}
.fixtop .toper ul.navpc li .list2 {width:200px}
.fixtop .toper ul.navpc li .list dd {margin:3px 0}
.fixtop .toper ul.navpc li .list dd { line-height:20px;margin:8px 0}
.fixtop .toper ul.navpc li .list dd a,.fixtop .toper ul.navpc li.check .list dd a {color:#666;font-weight:300}
.fixtop .toper ul.navpc li .list dd a:Hover,.fixtop .toper ul.navpc li.check .list dd a:hover {color:#e00032}
.fixtop .toper .encn { position:absolute;right:0;top:15px}
.fixtop .toper .encn a { display:inline-block; vertical-align:top; height:33px; line-height:32px;padding:0 10px;margin:0 0 0 1px;font-size:16px;border-radius:4px}
.fixtop .toper .encn a:hover,.fixtop .toper .encn a.check { background:#e00032;color:#fff}
.tblank { height:150px;}

.fixtop.active { height:80px;box-shadow:0 0 5px rgba(0,0,0,0.3);}
.fixtop.active .toper .logo {top:23px}
.fixtop.active .toper ul.navpc {margin-top:-13px}
.fixtop.active .toper ul.navpc li a.a {line-height:103px;}
.fixtop.active .toper .encn {top:-70px}

.tblank.active { height:80px}

.bxslider li a { display:block; height:450px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indpics .bxslider li a { height:625px}

.indpro {padding:100px 0}

.indsubject .t {color:#000;font-size:25px; line-height:25px;font-weight:500; position:relative;margin:0 0 70px 0}
.indsubject .t:before {content:''; position:absolute;bottom:-25px;width:50px; height:3px; background:#e00032}

.indpro ul {width:102%;margin:-2% 0 0 -1%;padding:60px 0 0 0}
.indpro li {float:left;width:23%;margin:2% 1% 0 1%;border:2px solid #f5f5f5;border-bottom-color:#e00032}
.indpro li .pic { position:relative; overflow:hidden}
.indpro li .cons { background:#f5f5f5;padding:10px 15px}
.indpro li .cons .title,.indpro li .cons .title2 { height:25px; line-height:25px; overflow:hidden;color:#999;font-weight:300}
.indpro li .cons .title a {font-size:16px;color:#333;font-weight:400}
.indpro li .cons .title2 {margin:5px 0 0 0;font-size:13px}
.indpro li:hover {border-color:#e00032}
.indpro li:hover .cons { background:#e00032}
.indpro li:hover .cons .title a,.indpro li:hover .cons .title2{color:#fff}
.indabout { background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;padding:8% 0; text-align:center;color:#fff;}
.indabout .indsubject .t {color:#fff; letter-spacing:1px}
.indabout .indsubject .t:before {left:50%;margin-left:-37px}
.indabout .indsubject .c {max-width:850px;margin:0 auto}
.indmore {margin:8% 0 0 0}
.indmore a {border:1px solid #e00032;border-radius:5px; height:30px; line-height:30px; text-align:center;padding:0 15px;color:#e00032; display:inline-block;margin:0 auto;font-size:15px;}
.indmore a i {display:inline-block; vertical-align:top;margin:0px 0 0 8px}
.indmore a:Hover { background:#e00032;color:#fff}

.procons {margin:30px 0 0 0}

.indnews {padding:100px 0}
.indnews .mleft {float:left;width:57%;}
.indnews .mleft li {float:left;width:45%;}
.indnews .mleft li:nth-child(1) {margin:0 10% 0 0}
.indnews .mleft li .title a {font-size:15px}
.indnews .mleft li .cons { position:relative;font-size:13px;color:#999;margin:5px 0 0 0}
.indnews .mleft li .cons .more {font-size:13px;color:#e00032; text-decoration:underline;font-weight:300;margin:0 0 0 10px}
.indnews .mleft .indmore {margin-top:37px}
.indnews .mright {float:right;width:38%}
.indnews .mright li{font-weight:300}
.indnews .mright li a {color:#e00032; text-decoration:underline;}

.ind3 ul {width:101%;margin:-1% 0 0 -0.5%}
.ind3 li {float:left;margin:1% 0.5% 0 0.5%;width:32.3333%}
.ind3 li .pic { position:relative; overflow:hidden}
.ind3 li .title { height:40px; line-height:40px; overflow:hidden; text-align:center;color:#fff;font-size:17px;font-weight:500; background:#000}
.ind3 li:hover .title { background:#e00032}
.bannerin p{ background-position:center; background-repeat:no-repeat; height:250px;}

.namemj { position:absolute; height:0;top:-90px}
.about {padding:40px 0 0 0}
.about .indsubject {margin-top:60px;}
.about td { vertical-align:top;}
.about td img {width:100%}
.about table td:nth-child(1) {width:70%;padding:0 15% 0 0}
.about table td:nth-child(2) {width:30%}
.about strong {color:#000;font-size:18px}

.servicecate {margin:80px 0 40px 0}
.servicecate li { display:inline-block; vertical-align:top;margin:0 40px 0 0; position:relative}
.servicecate li:before {content:''; position:absolute;left:-20px;top:9px;width:1px; height:18px; background:#333;}
.servicecate li:nth-child(1):before { display:none;}
.servicecate li a {font-size:18px;color:#000; line-height:30px; height:40px;font-weight:400;border-bottom:1px solid #fff; display:inline-block}
.servicecate li a:hover,.servicecate li.check a {color:#e00032;border-color:#e00032}

.service li {margin:70px 0 0 0}
.service li .pic {float:left;width:47%; overflow:hidden;border:1px solid #efefef;}
.service li .pic img {width:100%}
.service li .cons {float:right;width:48%}
.service li .cons .t {font-size:25px; line-height:1.6;font-weight:500;margin:5% 0 25px 0;color:#000}
.bannerin2 p{ background-position:center; background-repeat:no-repeat; height:250px;}
.procate { position:relative; z-index:999}
.procate li { display:inline-block; vertical-align:top;margin:0 50px 0 0}
.procate li a {font-size:17px;color:#333}
.procate li a:hover,.procate li.check a {color:#e00032}
.indproin {padding:0;margin:-40px 0 0 0;}

.show {margin:100px 0 0 0}
.show .mleft {float:left;width:40%;z-index:99;}
.show .mright {float:right;width:55%; position:relative; z-index:-1}
.show .mright .h {color:#000;font-size:36px; line-height:46px;font-weight:500;margin:40px 0 5px 0}
.show .mright .t {font-size:22px; line-height:1.8;}
.show .mright .t2 {margin:3px 0 60px 0;color:#999}
.show .mright .subject {color:#000;font-size:25px; line-height:25px;font-weight:500; position:relative;margin:0 0 40px 0}
.show .mright .subject:before {content:''; position:absolute;bottom:-25px;width:50px; height:3px; background:#e00032}
.show .down {margin:60px 0 0 0}
.show .down .s {color:#000;font-size:18px;margin:0 0 5px 0}

.servicecons {margin:60px 0 -30px 0;font-size:16px}

.news li { position:relative;border-bottom:1px solid #d2d2d2;padding:50px 0;min-height:120px}
.news li:nth-child(1) {padding-top:0}
.news li .pic {float:left;width:30%; overflow:hidden}
.news li .pic img {width:100%}
.news li .cons {float:right;width:65%; position:relative;margin:20px 0 0 0}
.news li .conspr{width:100%;margin-top:0}
.news li .cons .addtime { position:absolute;left:0;top:0;color:#333}
.news li .cons .addtime p {font-size:25px; line-height:25px;font-weight:500;margin:0 0 5px 0}
.news li .cons .addtime span {font-size:17px; line-height:17px}
.news li .cons .in {margin:0 0 0 120px}
.news li .cons .in .title { height:25px; line-height:25px; overflow:hidden;margin:0 0 15px 0}
.news li .cons .in .title a {color:#e00032;font-size:18px;font-weight:500;}
.news li .cons .in .content {color:#999; line-height:25px; height:50px; overflow:hidden;font-weight:300}
.news li .indmore { position:absolute;right:0;bottom:20px}
.news li:hover .indmore a {background:#e00032;color:#fff}

.nshow {max-width:900px;margin:90px auto}
.nshow .title {font-size:24px; line-height:34px;font-weight:500; text-align:center;color:#333}
.nshow .addtime {color:#999; text-align:center;margin:10px 0 40px 0;border-bottom:1px solid #ccc;padding:0 0 20px 0;font-size:16px;font-weight:300}
.nshow .prevnext { text-align:right;border-top:1px solid #ccc;padding:20px 0 0 0;margin:40px 0 0 0; line-height:1.8}
.nshow .prevnext a {font-size:14px;}

.message .subject { text-align:center;margin:100px 0 70px 0}
.message .subject .t {font-size:38px; line-height:38px;color:#000; letter-spacing:1px;font-weight:500}
.message .subject .c {color:#999; position:relative;margin:12px 0 0 0}
.message .subject .c:before {content:''; position:absolute;left:50%;margin-left:-28px;bottom:-20px;width:55px; height:3px; background:#e00032;}
.message .mleft {float:left;width:48.5%}
.message .mright {float:right;width:48.5%}
.message input[type="text"] {border:1px solid #bfbfbf; height:55px; line-height:55px;width:100%;padding:0 15px;margin:25px 0 0 0;font-weight:300;font-size:16px}
.message textarea {border:1px solid #bfbfbf; height:215px; line-height:25px;width:100%;padding:10px 15px;margin:25px 0 0 0;font-weight:300;font-size:16px; overflow:auto}
.message .btn { text-align:right;margin:30px 0 0 0;}
.message .btn input {width:180px; height:55px; line-height:55px; background:#e00032;color:#fff;font-size:22px; cursor:pointer;font-weight:300; letter-spacing:1px; cursor:pointer}

.contact {margin:100px 0 0 0}
.contact ul {width:104%;margin:-4% 0 0 -2%}
.contact li { display:inline-block;width:29.3333%;margin:4% 2% 0 2%; position:relative; line-height:24px; vertical-align:top;}
.contact li .icon { position:absolute;left:0;top:10px;margin-top:0}
.contact li .title {margin:0 0 0 60px}










.foot { background:#e00032;color:#fff;padding:40px 0;margin:100px 0 0 0}
.foot a {color:#fff}
.foot ul { text-align:center}
.foot li { display:inline-block; vertical-align:top;margin:0 0 0 127px; position:relative}
.foot li:nth-child(1) {margin:0}
.foot li:before {content:''; position:absolute;left:-68px;width:1px; height:18px; background:#fff;top:10px}
.foot li:nth-child(1):before { display:none;}
.foot li a {font-size:18px}
.foot .cons {margin:20px 0 0 0; position:relative;padding:0 300px 0 8px;min-height:38px}
.foot .cons .logo { background:url(../images/logo2.png) no-repeat center;width:254px; height:28px; position:absolute;right:0;top:10px}