@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,.fixtop,.fixtop .navpc li a.a p i,.fixtop span.icon-fangdajing,.fixtop .navpc li .list .pic img,.fixtop .navpc li .list dd p a:before,.searchtop,.indabout-num li .in,.indpro li .pic img,.indpro li,.firstcate .list .pic .in img,.indcase li img,.indnews .row .pic img,.indnews .row .pic,.foot .list .down .social li span,.bgline i,.about .right .pic img,.culture li:before,.culture li .pic img,.honor .swiper-slide img,.honor .swiper-slide p,.company-history-year .ietc-ri .ys-imgbox-cover,.company-history-year .ietc-ri .ys-imgbox-cover:before,.chyu-li p,.conslist .col .pic img,.conslist .col,.showpic img,.conslist2 .col,.conslist2 .col .pic img,.conslist3 .col .pic img,.conslist3 .col,.firstnews .left img,.subcompany li,.conslist-job .col .more a:before,.conslist-job .col
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.fixtop .navpc li .list .pic img:Hover,.indpro li:hover .pic img,.firstcate .list .pic:hover .in img,.indcase li:hover img,.indnews .row:hover .pic img,.about .right:hover .pic img,.culture li:hover .pic img,.honor .swiper-slide:hover img,.conslist .col:Hover .pic img,.showpic img:hover,.conslist2 .col:hover .pic img,.conslist3 .col:Hover .pic img,.firstnews:hover .left 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)}
.pd,.indpro li,.firstcate .text,.indcase li .title,.culture li .cons,.conslist .col,.twomenu,.conslist2 .col,.subcompany li,.message li input[type="text"],.message li #mbeizu,.message li.btn h2 input
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.culture li:Hover .cons .icon img,.development .cons .icon:hover img,.responsibility .right:hover img
{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;background:#fff;line-height:1.8;}
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 {font-size:16px;color:#000;font-weight:400;}a {color:#000}b,strong {font-weight:700;}
a:hover,.indpro li:hover .cons .more a,.honor .swiper-slide:hover p,.conslist .col:hover .title a,.conslist2 .col:hover .title a{color:#c81528}
.fixtop .navpc li .list dd p a:hover,.indnews .row .more a:hover,.indnews .row:hover .title a,.indnews li:hover .title a,.cshow .back a:hover,.conslist3 .col:hover .title a,.firstnews:hover .right .title a {color:#2bb928} .abc {color:#85878b}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
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:#ddd;height:1px;margin:10px 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;}
.mc{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center; text-align: center;}
.ml{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left; text-align: left;}
.mr{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end; text-align: right}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:60px 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:35px; height:35px; line-height:35px; background:#fff;box-shadow:0 0 2px rgba(0,0,0,0);text-align: center;border-radius:40px; background: #efefef}
.pager font {font-family:'宋体';font-weight:700;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#c81528; background: #c81528} 
.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: 5px;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: #c81528;}
::-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:#85878b;}
:-moz-placeholder {color:#85878b; }
::-moz-placeholder { color:#85878b; }
:-ms-input-placeholder {color:#85878b; }

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

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

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:108px; background:rgba(255,255,255,0)}
.fixtop .logo { position: absolute;left:0;top:30px;z-index: 999}
.fixtop .logo a {background: url("../images/logo.png") no-repeat center top;width:222px; height:49px;background-size:100%; display: block}
.fixtop .navpc { text-align:right;padding:0 98px 0 0; position: relative}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 65px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top;height:108px; line-height:106px;font-size:20px;color:#fff;}
.fixtop .navpc li a.a p { position:absolute;left:0;bottom:0;width:100%; height:4px; text-align: center}
.fixtop .navpc li a.a p i { display:block;width:0;height:100%; background:#c81528;margin:0 auto;}
.fixtop .navpc li:hover a.a p i,.fixtop .navpc li:hover>a.a p i {width:100%;}
.fixtop .navpc li .list { position:fixed; z-index: 9999; left:50%;width:675px;margin-left:-148px;top:108px;display:none;}
.fixtop .navpc li .list .in {background:#fff;border-radius:10px;padding:35px; position: relative;margin:10px 0 0 0;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.fixtop span.icon-fangdajing {position:absolute;right:0;top:40px;font-size:30px; line-height: 30px;color:#fff; cursor: pointer}

.fixtop .navpc li .list dl {float:left;width:39%; text-align: left; position: relative;top:-12px}
.fixtop .navpc li .list dd p {border-bottom:1px solid #d2d2d2;padding:0}
.fixtop .navpc li .list dd p a {font-size:18px;color:#85878b; display: inline-block;padding:4px 0 7px 16px; position: relative}
.fixtop .navpc li .list dd p a:before {content:''; position: absolute;left:0;top:20px;width:4px;height:4px;border-radius:50%; background: #85878b;}
.fixtop .navpc li .list dd p a:hover:before {background:#2bb928;}
.fixtop .navpc li .list .pic {float:right;width:49.5%; position: relative;padding:16.9% 0;border-radius:10px; overflow: hidden}

.searchtop {position:fixed;left:0;top:108px;width:100%; background: #fff;padding:0; z-index: 999;height:0; overflow: hidden}
.searchtop .wrap {border-bottom:2px solid #d2d2d2}
.searchtop #k {font-size:16px;height:40px;padding:0 0 10px 0;width:100%}
.searchtop #sbtn {font-family: "iconfont" !important;position:absolute;right:0;top:8px; background: none;font-size:25px; line-height: 25px; cursor: pointer;color:#85878b}
.searchtop.active {padding:100px 0;height:auto}

.fixtop.active,.fixtop:hover {background:rgba(255,255,255,1);box-shadow:0 0 10px rgba(0,0,0,0.2)}
.fixtop.active .navpc li a.a,.fixtop:hover .navpc li a.a {color:#000}
.fixtop.active .logo a,.fixtop:hover .logo a {background-position: bottom}
.fixtop.active span.icon-fangdajing,.fixtop:hover span.icon-fangdajing {color:#000}

.indpics .swiper-slide { position:relative;height:100vh; overflow: hidden}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:5s linear;transform:scale(1,1);}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.indpics .swiper-slide .cons {position:absolute; z-index: 100;width:100%;top:0;left:0;height:100%;color:#fff;}
.indpics .swiper-slide .cons .wrap {width:100%}
.indpics .swiper-slide .cons .t2 {font-size:24px;font-weight:300; line-height: 35px; letter-spacing: 5px;}
.indpics .swiper-slide .cons .t {font-size:63px; line-height: 83px;font-weight:700;margin:30px 0 10px 0; letter-spacing: 15px}
.indpics .swiper-slide .cons .c {font-size:33px; line-height: 1.4;font-weight:300}
.indpics .swiper-slide .cons .indmore {margin:50px 0 0 0}
.indmore a { background:#c81528;height:50px;line-height:47px;font-size:25px;border-radius:50px;display:inline-block;color:#fff;padding:0 28px; letter-spacing: 2px;font-weight:300}
.indmore a:hover {padding:0 40px}
.indsubject {font-size:48px; line-height: 48px;font-weight:300}
.indsubject .t {font-weight:700;margin:15px 0 100px 0; position: relative}
.indsubject .t:before {content:''; position: absolute;left:0;bottom:-40px;width:65px;height:10px; background: #c81528;}
.indabout {height:800px;color:#fff}
.indabout .content {max-width:50%;font-size:20px;margin:0 0 40px 0}
.indpics .swiper-button-next,.indpics .swiper-button-prev {opacity:0.3}
.indpics .swiper-button-next:hover,.indpics .swiper-button-prev:hover {opacity:1}

.indabout-num { background: #f7f8f8;padding:60px 0}
.indabout-num li {float:left;text-align: center; position: relative}
.indabout-num li .in {position:relative;top:0}
.indabout-num li:before {content:'';  background: #d8d8d8;width:1px;height:195px; position: absolute;left:0;top:0px}
.indabout-num li:nth-child(1):before {display:none;}
.indabout-num li:nth-child(1) {text-align:left;}
.indabout-num li:nth-child(1) .in {display:inline-block;margin:0 auto 0 0; text-align: center}
.indabout-num li:nth-child(6) {text-align:right;}
.indabout-num li:nth-child(6) .in {display:inline-block;margin:0 0 0 auto; text-align: center}
.indabout-num li:nth-child(1) {width:13%}
.indabout-num li:nth-child(2) {width:23%}
.indabout-num li:nth-child(3) {width:20%}
.indabout-num li:nth-child(4) {width:15%}
.indabout-num li:nth-child(5) {width:15%}
.indabout-num li:nth-child(6) {width:14%}
.indabout-num li .icon img {height:100px;}
.indabout-num li .title {font-size:35px; line-height: 45px;font-weight:700;margin:15px 0 5px 0}
.indabout-num li .title span {display:inline-block; vertical-align: top;font-size:20px; position: relative;top:-4px;}
.indabout-num li .content {color:#85878b;font-size:18px;}
.indabout-num li:hover .in {top:-10px}
.indsubject.black {color:#85878b}
.indsubject.black .t {color:#000}

.indpro {padding:80px 0}
.indpro ul {width:105%;margin:-5% 0 0 -2.5%; text-align: center;padding:50px 0 0 0}
.indpro li {display:inline-block; vertical-align: top;width:28.3333%;margin:5% 2.5% 0 2.5%;border:1px solid #dcdddd;border-radius:15px;}
.indpro li .pic {border-top-left-radius:15px; border-top-right-radius:15px; overflow: hidden;padding:31.2% 0; position: relative}
.indpro li .cons {padding:23px 45px 32px 45px; text-align: left;}
.indpro li .cons .title {height:55px; line-height: 55px; overflow: hidden;border-bottom:1px solid #85878b;font-size:30px;font-weight:700;margin:0 0 12px 0}
.indpro li .cons .more a {font-size:18px;color:#85878b;}
.indpro li:hover {border-color:rgba(0,0,0,0.05);box-shadow:0 0 15px rgba(0,0,0,0.15)}
.indsummry {font-size:20px;font-weight:700}

.indcase {padding:80px 0; background: #efefef}
.firstcate {margin:60px 0 0 0}
.firstcate .list {position:relative; background: #2bb928;}
.firstcate .list .pic {padding:0 510px 0 0}
.firstcate .list .pic .in {position:relative;height:212px; overflow: hidden}
.firstcate .text {position:absolute;right:0;top:0;width:510px;height:100%; text-align:right;padding:30px 40px 0 10px;color:#fff}
.firstcate .text .e {opacity:0.2;font-size:40px;height:45px; line-height: 45px; overflow: hidden;margin:25px 0 -4px 0; text-transform: uppercase;font-family: "din"; letter-spacing: -1px}
.firstcate .text .t {font-size:52px; line-height: 60px;height:60px; overflow: hidden; letter-spacing: 3px; position: relative;right:-3px}
.firstcate .content {font-size:15px;color:#85878b;padding:20px 510px 23px 35px; background: #fff}
.indmore2 a {color:#fff;font-size:15px;display:inline-block;width:135px;height:36px; line-height: 35px;border:1px solid #fff; text-align: center}
.indmore2 a span {display:inline-block; vertical-align: top;font-size:22px; line-height: 22px;margin:7px 0 0 10px}
.indmore2 a:hover {background:#c81528;border-color:#c81528}

.indcase ul {width:102%;margin:0 0 0 -1%}
.indcase li {float:left;width:31.3333%;margin:2% 1% 0 1%; position: relative; overflow: hidden;padding:8.1% 0}
.indcase li .title {position:absolute;left:0;width:100%;bottom:0;height:65px; line-height: 65px; overflow: hidden;color:#fff; z-index: 100;font-size:20px;font-weight:400; background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));padding:0 7%;}
.indcase li .title i {display:inline-block;vertical-align: top; background:url("../images/1.png") no-repeat center;width:26px;height:26px; background-size:100%;margin:21px 0 0 8px}
.indcase .indmore {text-align:center;margin:70px 0 0 0}

.indnews { background: url("../images/1.jpg") no-repeat center;background-size:cover;padding:80px 0;color:#fff}
.indpartner {padding:80px 0 100px 0}
.indpartner .list {margin:20px 0 70px 0}
.indpartner .list p {display:inline-block; vertical-align: top;padding:0 50px;border-left:1px solid #d7d7d7;height:85px;text-align:center;position: relative}
.indpartner .list p img {height:85px;}
#demo {white-space: nowrap;overflow: hidden;width: 100%;overflow: hidden;height:85px;}
#indemo {width: 800%;}
#indemo,#demo1,#demo2 {float: left;}
#demo p {display:inline-block; vertical-align: top;}
.indpartner .text {height:1px; background: #d7d7d7;width:100%; position: relative;}
.indpartner .text h2 { letter-spacing: 1px; border:1px solid #d7d7d7;height:35px; line-height: 33px;border-radius:35px;display:inline-block;padding:0 35px; position: absolute;left:50%;top:-18px;font-size:18px;color:#85878b;font-weight:400; background: #fff;margin-left:-113px}
.indnews .indmore2 {position:absolute;right:0;top:112px}
.indnews .row {float:left;width:28%;margin:0 4% 0 0;color:#fff}
.indnews ul {float:right;width:35%}
.indnews .row .pic {position:relative;height:227px; border-radius:15px;overflow: hidden}
.indnews .row .addtime,.indnews li .addtime {font-size:18px;padding:25px 0 0 0}
.indnews .row .title,.indnews li .title {font-size:23px; line-height: 35px;height:70px;margin:10px 0 30px 0; overflow: hidden}
.indnews .row .title a,.indnews li .title a {color:#fff;font-weight:400}
.indnews .row .more {border-bottom:1px solid rgba(255,255,255,0.5);padding:0 0 12px 0}
.indnews .row .more a {font-size:18px;font-weight:300;color:#fff}
.indnews .row:hover .pic {box-shadow:0 0 20px rgba(255,255,255,0.8)}
.indnews ul {border-top:1px solid rgba(255,255,255,0.5)}
.indnews li {border-bottom:1px solid rgba(255,255,255,0.5);padding:18px 0 20px 0}
.indnews li .addtime {padding:0}
.indnews li .title {margin-bottom:0;margin-top:5px}

.bannerin .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 7s 0s ease both infinite;-moz-animation: minus 7s 0s ease both infinite;animation: minus 7s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.bannerin { position:relative;}
.bannerin:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.15); z-index: 150}
.bannerin .pic {overflow: hidden;padding:17.5% 0; position: relative}
.bannerin .cons { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 200;color:#fff;}
.bannerin .cons .t {font-size:63px; line-height: 73px;font-weight:400; letter-spacing: 5px;padding:60px 0 8px 0}
.bannerin .cons .c {font-size:36px; line-height: 1.6;font-weight:300;}

.aboutsubject {padding:110px 0 0 0;margin:0 0 50px 0}
.aboutsubject .t {font-size:40px; line-height: 40px;font-weight:700;color:#2bb928; letter-spacing: 1px;}
.aboutsubject .e {color:#85878b; letter-spacing: 0.2px; font-size:23px; line-height: 23px; padding:10px 0 0 0}

.bgline { position:absolute;bottom:0;left:0;width:100%; text-align: center; height:4px; z-index:-1}
.bgline i {width:0; height: 100%; background: #c81528; display: block;margin:0 auto}
a:Hover .bgline i{width:100%}

.namemj {height:0; position:relative;top:-108px}
.namemj1 {height:0; position:relative;top:-108px}
.navbar {height: 70px;padding:20px 0 0 0;position: relative; z-index: 100; background: #fff;border-bottom:1px solid #d2d2d2; text-align: right}
.navbar.active { position:fixed;left:0;top:108px; z-index: 999;width:100%}
.navbar-nav li {display:inline-block; vertical-align: top;margin:0 0 0 40px;position:relative;height:70px; line-height: 68px}
.navbar-nav li a { display: block;color:#000;font-size:16px}
.navbar-nav li.active .bgline i,.navbar-nav li:hover .bgline i{width:100%}
.navbar-nav li.active a,.navbar-nav li:hover a {color:#c81528;font-weight:700}
.aboutblank {display:none;}
.aboutblank.active {display:block;height:98px}

.about .left {float:left;width:52.5%;}
.about .left .t {font-size:32px; line-height: 47px;font-weight:700;}
.about .left .c {margin:25px 0 0 0}
.about .left .l {width:193px;height:1px; background: #c81528;margin:20px 0 0 0}
.about .right {float:right;width:40.5%}
.about .right .pic { overflow: hidden;border-radius:15px;margin:80px 0 60px 0}
.about .right .pic img {width:100%}
.indnum li {display:inline-block; vertical-align: top;width:28.2%; text-align: center; position: relative}
.indnum li:before {content:''; position: absolute;left:0;top:0;width:1px;height:95%; background: #c81528;}
.indnum li:nth-child(1):before {display:none;}
.indnum li:nth-child(1) {text-align:left;}
.indnum li:nth-child(2) {width:43.4%}
.indnum li:nth-child(3) {text-align:right;}
.indnum li:nth-child(1) .in {margin:0 auto 0 0; text-align:center;display:inline-block}
.indnum li:nth-child(3) .in {margin:0 0 0 auto; text-align:center;display:inline-block}
.indnum li h3 {display:inline-block; vertical-align: top;font-family: "din";font-size:38px; line-height: 38px;color:#c81528; letter-spacing: -1px}
.indnum li h3:nth-child(2) {font-size:20px; line-height: 20px;margin:5px 0 0 0}
.indnum li:nth-child(2) h3:nth-child(2) {margin-top:1px;font-size:22px; line-height: 22px;}
.indnum li .content {color:#85878b;margin:3px 0 0 0}


.culture li {float:left;width:33.3333%; overflow: hidden; position: relative;padding:19.5% 0}
.culture li:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: rgba(0,0,0,0.4)}
.culture li:hover:before { background: rgba(0,0,0,0.6)}
.culture li .cons {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 200; color:#fff;padding:0 5%; text-align: center}
.culture li .cons .icon img {height:126px;}
.culture li .cons .title {font-size:35px;color:#c81528;margin:3px 0 20px 0;font-weight:700}
.culture li .cons .content {font-size:39px; line-height: 1.7}

.honor { background: #f2f2f3;padding:0 0 110px 0}
.honor .aboutsubject {margin-bottom:50px}
.honor .swiper-slide span {text-align: center;display:block; overflow: hidden}
.honor .swiper-slide img {width:auto;height:270px;}
.honor .swiper-slide p {text-align:center;margin:20px 0 0 0;font-size:20px}
.honor .swiper-button-next,.honor .swiper-button-prev {width:55px;height:55px;margin-top:61px;border:2px solid #85878b;}
.honor .swiper-button-next:after,.honor .swiper-button-prev:after {color:#85878b;font-size:40px;width:55px;padding:0 2px 0 0;height:55px;line-height:55px; }
.honor .swiper-button-prev {left:-120px}
.honor .swiper-button-next{right:-120px}
.honor .swiper-button-next:hover,.honor .swiper-button-prev:hover {border-color:#2bb928}
.honor .swiper-button-next:hover:after,.honor .swiper-button-prev:hover:after{color:#2bb928}

.development {background:url("../images/aboutbg.jpg") no-repeat center;height:777px;color:#fff;margin:25px 0 0 0}
.development .wrap {height:100%}
.development .aboutsubject {padding-top:0;margin-top:-55px}
.development .aboutsubject .t,.development .aboutsubject .e {color:#fff}
.development .aboutsubject .e {margin-bottom:80px}
.development .cons {max-width:570px}
.development .cons .title {font-size:40px; line-height: 50px;font-weight:700;margin:15px 0;}
.development .cons .content {font-size:18px; position: relative;}
.development .cons .content:before {content:'';position: absolute;left:0;bottom:-50px;height:1px;width:145px; background: #fff;}

.responsibility {padding:0 0 120px 0}
.responsibility .left {float:left;width:52%}
.responsibility .left .aboutsubject .t,.responsibility .left .aboutsubject .e{color:#000}
.responsibility .left .content {font-size:18px;}
.responsibility .right{float:right;width:35%; text-align: right;margin-top:110px;}
.conslist {width:102%;margin:-2% 0 0 -1%}
.conslist .col {float:left;width:31.3333%;margin:2% 1% 0 1%; background: #fff;border:1px solid #d2d2d2;border-radius:15px;padding:15px;}
.conslist .col .pic {position:relative;padding:38.2% 0; overflow: hidden;border-radius:15px;}
.conslist .col .title {height:35px; line-height: 35px; overflow: hidden;margin:23px 10px 10px 10px}
.conslist .col .title a {font-size:28px;font-weight:700}
.conslist .col .gs {font-size:15px;line-height: 25px; height:75px; overflow: hidden;padding:0 13px}
.conslist .col .more { text-align: center;margin:25px 0 12px 0}
.conslist .col .more a {color:#2bb928;font-size:23px; line-height: 23px;}
.conslist .col .more a span {display:inline-block; vertical-align: top;margin:1px 10px 0 0;font-size:40px; line-height: 23px;}
.conslist .col:hover {border-color:rgba(0,0,0,0.05);box-shadow:0 0 15px rgba(0,0,0,0.15)}
.get_more{clear: both;text-align:center;float:left;left:50%;width:183px;height:50px; line-height: 48px; background: url("../images/more.png") no-repeat center; background-size:100%; margin:80px 0 0 -91px; position:relative; z-index:999;box-shadow:5px 5px 20px rgba(200,21,40,0.5);border-radius:50px}
.get_more p {width:100%;margin:0 auto;font-size:24px;font-weight:300; letter-spacing:1px;color:#fff;}
.get_more:Hover {box-shadow:5px 5px 20px rgba(200,21,40,0.8);}
.product {padding:80px 0 120px 0}
.product .subject {font-size:25px; line-height: 35px;margin:0 0 40px 0}

.showpic {float:left;width:36%; overflow: hidden;margin:20px 0 0 0}
.showpic img {width:100%}
.showcons {float:right;width:53%;margin:20px 0 0 0}
.showcons .t {font-size:40px; line-height: 50px;font-weight:700;color:#2bb928; position: relative;padding:0 0 0 25px;margin:-8px 0 50px 0}
.showcons .t:before {content:''; position: absolute;left:0;top:10px;width:6px;height:70%;background: #2bb928}
.showcons .c {font-size:18px;color:#85878b;}
.showcons .c h3,.showcons .c h2,.showcons .c h1 {border-bottom:1px solid #d2d2d2;color:#000;font-size:24px; line-height: 34px;padding:0 0 10px 0;margin:0 0 15px 0}
body.bg { background: #f6f6f6}
.twomenu {border-radius: 65px; box-shadow: 0px 0px 10px rgba(3, 0, 112, 0.15);height:65px; line-height: 65px; position: relative;padding:11px 72px 0 72px; background: #fff;margin:50px 0 60px 0}
.twomenu .swiper-slide {text-align:center}
.twomenu .swiper-slide a {display:block;font-size:19px;height:43px; line-height: 41px;border-radius:43px}
.twomenu .swiper-slide.active a,.twomenu .swiper-slide:hover a {background:#2bb928;color:#fff}

.twomenu .swiper-button-next,.twomenu .swiper-button-prev {width:38px;height:38px;margin-top:-21px;border:2px solid #2bb928;}
.twomenu .swiper-button-next:after,.twomenu .swiper-button-prev:after {color:#2bb928;font-size:30px;width:38px;padding:0 2px 0 0;height:38px;line-height:38px;}
.twomenu .swiper-button-next:Hover,.twomenu .swiper-button-prev:hover { background: #2bb928;}
.twomenu .swiper-button-next:hover:after,.twomenu .swiper-button-prev:hover:after{color:#fff}
.twomenu .swiper-button-prev {left:13px}
.twomenu .swiper-button-next{right:13px}

.case {padding:0 0 120px 0}
.conslist2 {width:102%;margin:-2% 0 0 -1%}
.conslist2 .col {float:left;width:31.3333%;margin:2% 1% 0 1%;border:1px solid #d2d2d2;border-radius:20px;background: #fff}
.conslist2 .col .pic {position:relative;padding:25.8% 0; overflow: hidden;border-top-left-radius:20px;border-top-right-radius:20px;}
.conslist2 .col .title {height:25px; line-height: 25px; overflow: hidden;margin:15px 15px 5px 15px}
.conslist2 .col .title a {font-size:18px;font-weight:700}
.conslist2 .col .title2 {font-size:13px;padding:0 15px;font-weight:700}
.conslist2 .col .title2 span {display:inline-block; vertical-align: top;font-size:14px; line-height: 14px;margin:5px 5px 0 0}
.conslist2 .col .title2 span.icon-address1 {font-size:22px;margin:5px 1px 0 5px}
.conslist2 .col .more { text-align:right;margin:0 20px 15px 0}
.conslist2 .col .more a {color:#2bb928;font-size:16px; line-height: 16px;}
.conslist2 .col .more a span {display:inline-block; vertical-align: top;margin:7px 7px 0 0;font-size:25px; line-height: 16px;}
.conslist2 .col:hover {border-color:rgba(0,0,0,0.1);box-shadow:0 0 15px rgba(0,0,0,0.2)}

.cshow {padding:0 0 120px 0}
.cshow .back {margin:55px 0 10px 0}
.cshow .back a {font-size:20px;color:#85878b}
.cshow .back span {display:inline-block; vertical-align: top;margin:11px 10px 0 0;font-size:25px; line-height: 12px}
.cshow .title {font-size:40px; line-height: 55px;font-weight:700;}
.cshow .title2 {font-size:20px; line-height: 30px;color:#2bb928;margin:10px 0 -10px 0}
.cshow .subject {font-size:25px; line-height: 35px;border-bottom:1px solid #d7d7d7;padding:0 0 12px 0;font-weight:700;margin:65px 0 0 0}
.cshow .content {font-size:20px;margin:25px 0 0 0}
.cshow .content table {width:100%;}
.cshow .content tr {border-bottom:1px solid #d7d7d7}
.cshow .content td {padding:12px 0 14px 0; line-height: 1.6}
.cshow .plist {position:relative;margin:55px 0 0 0}
.cshow .swiper-button-next,.cshow .swiper-button-prev {width:50px;height:50px;margin-top:-25px;border-width:2px}
.cshow .swiper-button-next:after,.cshow .swiper-button-prev:after {font-size:35px;width:50px;padding:0 3px 0 0;height:50px;line-height:50px;}
.cshow .swiper-horizontal>.swiper-pagination-bullets,.cshow .swiper-pagination-bullets.swiper-pagination-horizontal,.cshow .swiper-pagination-custom,.cshow .swiper-pagination-fraction {bottom:-45px;}
.cshow .swiper-pagination-bullet {width:12px;height:12px;background:#85878b;border-radius:50%}
.cshow .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.cshow .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px}

.firstnews {background:#fff;height:380px;margin:35px 0}
.firstnews .left {width:50%;height:100%; position: relative; overflow: hidden;float:left;}
.firstnews .right {float:left;width:40%;padding:0 5%}
.firstnews .right .title a {font-size:30px;font-weight:700; line-height: 42px}
.firstnews .right .gs {border-top:1px solid #85878b;margin:20px 0 20px 0;padding:18px 0 0 0}
.firstnews .right .gs p { line-height: 30px; height:90px;color:#85878b; overflow: hidden}
.firstnews .right .title2 {font-size:14px;color:#85878b;}
.firstnews .right .title2 span {display:inline-block; vertical-align: top;font-size:20px; line-height: 14px;margin:6px 5px 0 0}
.firstnews .right .title2 span.icon-yanjing {font-size:24px;margin:5px 6px 0 15px}

.news {padding:0 0 120px 0}
.conslist3 {width:102%;margin:-2% 0 0 -1%}
.conslist3 .col {float:left;width:31.3333%;margin:2% 1% 0 1%;background: #fff}
.conslist3 .col .pic {position:relative;padding:28.5% 0; overflow: hidden;}
.conslist3 .col .cons {padding:25px 35px 27px 35px}
.conslist3 .col .title {height:30px; line-height: 30px; overflow: hidden;}
.conslist3 .col .title a {font-size:24px;}
.conslist3 .col .gs {color:#85878b;font-size:14px; line-height: 23px;height:46px; overflow: hidden;margin:15px 0 15px 0}
.conslist3 .col .title2 {font-size:14px;color:#85878b;}
.conslist3 .col .title2 span {display:inline-block; vertical-align: top;font-size:18px; line-height: 14px;margin:6px 5px 0 0}
.conslist3 .col .title2 span.icon-yanjing {font-size:22px;margin:6px 6px 0 15px}
.conslist3 .col:hover {border-color:rgba(0,0,0,0.1);box-shadow:0 0 15px rgba(0,0,0,0.2)}

.nshow .title {font-size:45px; line-height: 60px; text-align: center;margin:80px 0 20px 0}
.nshow .title2 { text-align: center;font-size:21px;color:#85878b;border-bottom:1px solid #d7d7d7;padding:0 0 15px 0;margin:0 0 40px 0}
.nshow .title2 span {display:inline-block; vertical-align: top;font-size:22px; line-height: 12px;margin:13px 10px 0 0}
.nshow .title2 span.icon-yanjing {font-size:32px;margin:13px 5px 0 25px}
.nshow .content {font-size:18px;}
.nshow .content img {margin:5px 0}
.nshow .more {text-align:center;margin:80px 0}
.nshow .more a {display:inline-block;padding:0 35px;border:1px solid #c82518;height:50px; line-height: 48px;font-size:25px;color:#c82518;border-radius:50px}
.nshow .more a span {display:inline-block; vertical-align: top;font-size:30px; line-height: 12px;margin:17px 8px 0 0;font-weight:700}
.nshow .more a:hover {background:#c81528;color:#fff}
.news_hot {background:#f6f6f6;padding:60px 0 70px 0}
.news_hot .subject {text-align:center;font-size:45px; line-height: 45px;border-bottom:1px solid #d7d7d7;padding:0 0 25px 0;margin:0 0 40px 0}

.contact {background:#f6f6f6;height:565px; position: relative}
.contact .pic {position:absolute;left:0;top:0;width:46%;height:100%; z-index: 50; overflow: hidden}
.contact .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100}
.contact .cons .in {margin:0 0 0 50%;width:50%}
.contact .cons .in .t {font-size:40px; line-height: 50px;font-weight:700;}
.contact .cons .in .e {font-size:21px; line-height: 26px;font-weight:700;color:#85878b;border-bottom:1px solid #85878b;padding:3px 0 15px 0;margin:0 0 30px 0}
.contact .cons .in li {position:relative;min-height:30px;margin:15px 0 0 0}
.contact .cons .in .icon {position:absolute;left:0;top:2px}
.contact .cons .in .icon img {width:30px;}
.contact .cons .in .title {padding:0 0 0 42px;font-size:21px; line-height: 31px;}

.subcompany ul {width:102%;margin:-2% 0 0 -1%;padding:100px 0}
.subcompany li {float:left;width:31.3333%;margin:2% 1% 0 1%;border-radius:15px;border:1px solid #b1b1b1; background: #f6f7f7;padding:35px 40px 17px 40px;min-height:270px}
.subcompany li .title {font-size:26px; line-height: 36px;font-weight:700;border-bottom:2px solid #b1b1b1;padding:0 0 10px 0;margin:0 0 15px 0}
.subcompany li .content {font-size:18px;}
.subcompany li:hover {border-color:rgba(0,0,0,0);box-shadow:0 0 15px rgba(0,0,0,0.2); background: #fff}
.contactsubject {font-weight:700;font-size:40px; line-height: 40px;margin:0 0 40px 0}
.contactsubject span {color:#c81528;font-size:24px; line-height: 24px;display:inline-block; vertical-align: top;margin:15px 0 0 10px;font-weight:400;}
.map iframe,#container {width:100%;height:565px;}
.message {margin:90px 0 100px 0}
.message .contactsubject {margin-bottom:10px;}
.message li {float:left;width:48%; position: relative;margin-top:40px}
.message li.li2 {margin-left:4%}
.message li.btn,.message li.beizu {width:100%}
.message li input[type="text"] {border:1px solid #d2d2d2;height:40px;width:100%;padding:0 15px}
.message li #mbeizu {border:1px solid #d2d2d2;height:170px;width:100%;padding:10px 15px; overflow: auto}
.message li span {position:absolute;left:0;top:-4px;font-size:25px}
.message li p {padding:0 0 0 140px;}
.message li.btn {text-align:center;margin-top:50px}
.message li.btn h2 {display:inline-block;vertical-align: top;width:220px;height:50px; position: relative;margin:0 15px;border-radius:50px;box-shadow:0 5px 10px rgba(200,21,40,0.5)}
.message li.btn h2:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 1; background: url("../images/more.png") center;border-radius:50px;}
.message li.btn h2 input {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 10; background: none;font-size:25px;padding:0 0 2px 0;color:#fff;cursor: pointer;border-radius:50px;}
.message li.btn h2:nth-child(2) {box-shadow:0 0 0 rgba(200,21,40,0.5)}
.message li.btn h2:nth-child(2) input {background: #fff;border:1px solid #c81528;color:#c81528;}

.joinsubject {font-size:50px; line-height: 70px;color:#c81528;margin:80px 0 40px 0}
.joinsubject img {margin:0 25px 0 0}
.join {background:url("../images/joinbg.jpg") no-repeat center;height:658px;}
.join .wrap {height:100%}
.join .cons {max-width:570px}
.join .cons .title {font-size:36px; line-height: 56px;font-weight:700;}
.join .cons .content {font-size:23px; position: relative;margin:110px 0 0 0; line-height: 1.7}
.join .cons .content:before {content:'';position: absolute;left:0;top:-60px;height:8px;width:110px; background: #c81528;}

.job {padding:0 0 120px 0}
.conslist-job .col {border:1px solid #dcdddd;padding:30px 40px 30px 50px;margin:40px 0 0 0}
.conslist-job .col .title {font-size:24px; line-height: 34px;font-weight:700; position: relative;margin:0 0 5px 0}
.conslist-job .col .title p {position:absolute;right:0;top:7px;font-size:21px;line-height: 21px;color:#85878b;font-weight:400}
.conslist-job .col .title p span {display:inline-block; vertical-align: top;margin:1px 10px 0 0;font-size:22px; line-height: 22px}
.conslist-job .col .title font {color:#c81528;}
.conslist-job .col .list .row {float:left;width:25%;font-size:20px;margin:5px 0 0 0}
.conslist-job .col .list .row:nth-child(2),.conslist-job .col .list .row:nth-child(4) {width:50%;margin-right:10%}
.conslist-job .col .more {position:absolute;right:40px;bottom:40px;}
.conslist-job .col .more a {display:block;width:242px;height:38px; line-height: 37px; position: relative; text-align: center;font-size:20px;color:#fff;background: #d2d2d2}
.conslist-job .col .more a:before {content:'';position: absolute; z-index: 1;top:0;left:0;width:0;height:100%; background: url("../images/more.png") repeat-x center;opacity:0}
.conslist-job .col .more a p {position: absolute; z-index: 10;top:0;left:0;width:100%;height:100%;}
.conslist-job .col:hover .more a:before {opacity:1;width:100%}
.conslist-job .col:Hover {box-shadow:0 0 15px rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0)}

.jshow {background:#fff;padding:65px 70px 70px 70px;margin:20px 0 0 0}
.jshow .jt {font-size:33px; line-height: 43px;}
.jshow .jt strong {color:#c81528;}
.jshow .jt2 {font-size:25px;font-weight:300;margin:10px 0 30px 0}
.jshow .jt2 span {font-size:33px;color:#2bb928}
.jshow .jgs { background: #ebf7ea;padding:40px 0 42px 60px;}
.jshow .jgs ul {width:104%;margin-left:-2%}
.jshow .jgs li {float:left;width:29.3333%;font-size:24px;margin:5px 2%}
.jshow  .jc {font-size:18px;margin:45px 0}
.jshow  .jc strong {font-size:22px;}
.jshow  .jm a {display:block;width:135px;height:38px; line-height: 36px;font-size:20px;color:#fff; background: url("../images/more.png") center; text-align: center;box-shadow:0 0 15px rgba(200,21,40,0.5)}
.jshow  .jm a:Hover {letter-spacing: 1px;width:155px}

.foot { background: #2bb928;color:#fff;padding:90px 0 115px 0}
.foot a {color:#fff;}
.foot .menu {border-bottom:1px solid #fff; text-align: right;padding:0 0 17px 0;margin:0 0 60px 0}
.foot .menu li {display:inline-block; vertical-align: top;margin:0 0 0 11.5%}
.foot .menu li a {font-size:18px;font-weight:400}
.foot .logo {float:left;width:28%}
.foot .list {float:right;width:72%}
.foot .list .up {border-bottom:1px solid #fff;padding:0 0 10px 0}
.foot .list .up .cons {width:50%;float:left;}
.foot .list .up .cons .company {font-size:20px; line-height: 20px;font-weight:700}
.foot .list .up .cons .subject {font-size:14px; line-height: 14px;margin:20px 0 5px 0}
.foot .list .up .cons .tel {font-family: "din";font-size:34px; line-height: 34px;}
.foot .list .up .ad {float:right;width:50%;opacity:0.2; text-align: right;padding:10px 0 0 0}
.foot .list .down {margin-top:15px}
.foot .list .down .cons {float:left;width:60%;}
.foot .list .down .cons .address {font-size:15px;}
.foot .list .down .cons .copy {font-size:12px;margin:20px 0 0 0}
.foot .list .down .social {float:right;width:40%; text-align: right;padding:10px 0 0 0}
.foot .list .down .social li {display:inline-block; vertical-align: top; position: relative;margin-left:25px; text-align: center;width:90px}
.foot .list .down .social li span {opacity:0.5}
.foot .list .down .social li p {font-size:12px;margin:7px 0 0 0}
.foot .list .down .social li h2 {position:absolute;left:-21px;bottom:143px;width:120px; background: #fff;padding:5px;display:none;}
.foot .list .down .social li h2 img {width:100%}
.foot .list .down .social li:hover span {opacity:1}