@import url('font.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; }
.pager a font,a,.fixtop ul.navpc li a:before,.indcase li .mleft .cons p,.indcase li .mleft .pic p,.indcase li .mleft .cons,.new_telst li:before,.new-wrap dt h2,.new-wrap dt p,.new-wrap dd span,.indcase li .mright .more a span,.footer .mright .wqw li i,.indcase li .mleft .cons .title2,.indcase li .mleft .cons .hy,.indcase li .mleft .cons .gs,.case li .cons,.case li .cons .hy,.case li .cons .title2,.case li .cons .gs,.case li .pcover,.service li .hover,.about_client .item dd img,.about_method li,.job li .t,.job li span.icon,.job li .t,.message li #mbtn,.news li .pic p,.newslabel .labbtn span,.label_list li .mleft p,.label_list li .mright .addtimemore a span,.fixtop,.fixtop .logo,.news_case .item .cons,.news_case .item .cons .title2,.news_case .item .cons .hy,.news_case .item .cons .gs
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indcase li .mleft:Hover .pic p,.new-wrap dt:hover p,.case li:Hover .pcover,.news li:hover .pic p,.label_list li:hover .mleft p
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.indpics .item,.owl-carousel .owl-dots,.indcase li .mleft,.indcase li .mright,.case_cate .mleft a,.case li .cons,.service li,.service li .cons,.aboutpic,.job li .c,.message li input[type="text"],.message li textarea,.label_list li,.news_case .item .cons
{-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;background:#fefefe;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','PingFang SC','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:15px;color:#313131;font-weight:400;}a {color:#313131}
a:hover,.indcase li .mright .title a:hover,.indcase li .mright .more a span:Hover,.maincurrent a:hover {color:#000}
.news li:hover .cons .title .t a,.label_list li:hover .mright .title a{color:#c4233f}
.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 {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;}.list-paddingleft-2{margin:0 0 0 25px;}.list-paddingleft-2 li { list-style:inherit;}
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%;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:40px 0;text-align:center}
.pager {width:100%; } 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 5px;width:30px; height:30px; line-height:30px; background: #f5f5f5;text-align: center}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#c53a50; background: #c53a50} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 30px; 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: #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: #a3a2a2;}
:-moz-placeholder {color: #a3a2a2; } 
::-moz-placeholder { color: #a3a2a2; } 
:-ms-input-placeholder {color: #a3a2a2; }

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

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

.wrap {margin:0 5%;position:relative;}
.wrap1 {margin:0 12%;position:relative;}
.wrap2 {margin:0 auto;max-width:1280px;position:relative;}
.wrap3 {margin:0 auto;max-width:1705px;position:relative;}
.phonemenu { display:block;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:80px; background:#000;}
.fixtop .logo { position: absolute;left:0px;width:222px; height:32px;background:url(../image/logo2.png) no-repeat center;background-size:100%;top:24px; z-index: 999;}
.fixtop .logo a { display:block;width:100%; height: 100%}
.fixtop ul.navpc {text-align:right;margin:0 73px 0 0}
.fixtop ul.navpc li {display:inline-block; vertical-align:top; position: relative;margin:0 0 0 45px}
.fixtop ul.navpc li a { display: block; height:80px; line-height:78px;color:#8b8b8c;font-size:18px;color:#fff}
.fixtop ul.navpc li a:before {content:''; position: absolute;left:0;top:54px;width:100%; height:2px; background: #fff;opacity:0}
.fixtop ul.navpc li a:hover:before,.fixtop ul.navpc li.check a:before {opacity:1}
.tblank {display:none;}

.fixtop.active { background:#fefefe}
.fixtop.active .logo {background:url(../image/logo2.png) no-repeat center;background-size:100%;}
.fixtop.active ul.navpc li a {color:#313131;}
.fixtop.active ul.navpc li a:before {background: #313131}
.fixtop.active .nav__icon,.fixtop.active .nav__icon:before,.fixtop.active .nav__icon:after {background-color:#313131;transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;}
.fixtop.active .phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.fixtop.active .phonemenu .nav--active .nav__icon:before,.fixtop.active .phonemenu .nav--active .nav__icon:after {background: #fff;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}

.indpics .item {height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;padding:80px 0 0 0;}
.indpics .item a {width:100%;height:100%; display: block; background-position: center; background-repeat: no-repeat; background-size:cover;}
.indpics .item a img {display:none;}
.indcase { background: #f6f6f6}
.indcase li { position:relative}
.indcase li .mleft {float:left;width:50%; position: relative; overflow: hidden;padding:16.45% 0;}
.indcase li .mleft a {color:#959595;}
.indcase li .mleft .cons { position: absolute; left:0;top:0;width:100%;height:100%; z-index: 100;background: rgba(0,0,0,0.6);padding:0 10%;opacity:0;color:#fff}
.indcase li .mleft:hover .cons {opacity:1}
.indcase li .mleft .cons .title2 {color:#fff;font-size:30px; line-height:40px; position: relative;left:-30px;}
.indcase li .mleft .cons .title2 span {display:none;}
.indcase li .mleft .cons .hy {font-size:18px; line-height:30px;font-weight:300; position: relative;margin:5px 0 60px 0; position: relative;left:-30px;transition-delay: 0.05s;}
.indcase li .mleft .cons .hy:before {content:''; position: absolute;left:0;bottom:-33px;width:40px; height: 3px; background: #fff;}
.indcase li .mleft .cons .gs {font-size:14px; line-height: 1.8; transition-delay: 0.1s; position:relative;left:-30px}
.indcase li .mright {float:right;width:50%;padding:0 5%;}
.indcase li .mright .title {margin:14% 0 0 0}
.indcase li .mright .title a {font-size:40px;color:#231f20; line-height: 50px}
.indcase li .mright .content {font-size:18px;color:#959595;font-weight:300; line-height: 1.8;margin:5px 0 0 0}
.indcase li .mright .more {  position: absolute;left:55%;bottom:14%}
.indcase li .mright .more a span {font-size:70px; line-height: 70px;color:#959595}
.indcase li.li2 .mleft {float:right}
.indcase li.li2 .mright {float:left;}
.indcase li.li2 .mright .more {left:5%;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.indcase li .mleft:hover .cons .title2,.indcase li .mleft:hover .cons .hy,.indcase li .mleft:hover .cons .gs {left:0;}

.new_con { background:#e8e8e8; position: relative;padding:80px 0 30px 0}
.new_con .subject {font-size:40px; line-height: 40px;color:#000; position: absolute;left:5%;top:80px}
.new_telst { text-align:right;}
.new_telst p { display:none;}
.new_telst li {cursor: pointer; display:inline-block; vertical-align:top;height:40px; line-height:40px;font-size:18px;color:#959595; position: relative;margin:0 0 0 45px}
.new_telst li:before {content:'';width:100%; height: 2px; background: #231f20; position: absolute;left:0;bottom:-0px;opacity:0}
.new_telst li:Hover:before,.new_telst li.newon:before {opacity:1}
.new_telst li.newon {color:#231f20}

.new_lst {display: none;}
.new-wrap {margin:70px 0 0 0}
.new-wrap .show {display: block;padding:0;margin:0}
.new-wrap dl {float:left;width:33.3333%;}
.new-wrap dt { position: relative;padding:32.8% 0; overflow: hidden;margin:0px 0 35px 0; background:url("../image/nopic.gif") no-repeat center; background-size:cover;}
.new-wrap dt h2 { position:absolute;left:0;width:70%;bottom:-50px; height: 50px; line-height: 49px;padding:0 15%;color:#fff; overflow: hidden; z-index: 100; background: rgb(0,0,0,0.5);opacity:0; text-transform: uppercase}
.new-wrap dt:hover h2 {bottom:0;opacity:1}
.new-wrap dd { position: relative;color:#959595; margin:10px 15%;height: 20px; line-height: 20px; overflow: hidden;}
.new-wrap dd a { display:block;color:#959595; }
.new-wrap dd a p {padding:0 100px 0 0;text-transform: uppercase}
.new-wrap dd a span { position:absolute;right:0;top:0}
.new-wrap dd a:hover,.new-wrap dd:hover a span {color:#565656}

.new_con_dshow { background: #f6f6f6;padding:0 0 110px 0}
.new_con_dshow .subject {font-size:25px; line-height: 25px; position: relative;left:0;top:0}
.new_con_dshow .new-wrap dt {margin-top:-40px}

.topblank {height:80px}
.prevnext { height:30px; background: #e8e8e8;padding:100px 0 55px 0}
.prevnext a {display:block;width:100%;height:100%}
.prevnext .prev {float:left; background: url("../image/prev.png");width:136px; height: 20px; background-size:100%;margin:5px 0 0 0}
.prevnext .mid { position: absolute;left:50%;top:0;margin-left:-15px; background: url("../image/back.png");width:30px;height:30px; background-size:100%}
.prevnext .next {float:right;background: url("../image/next.png");width:136px; height: 20px; background-size:100%;margin:5px 0 0 0}
body.bgf6 { background:#f6f6f6}
.case_cate {background:#f6f6f6;padding:65px 0 0 0; position: relative}
.case_cate:before {content:''; position: absolute;width:100%;height: 1px; background: #e6e6e6;bottom:2px;left:0; z-index: 1}
.case_cate .mleft {float:left;margin:22px 0 0 0;position: relative; z-index: 10}
.case_cate .mleft a {border:1px solid #202023;width:180px; line-height: 39px; height:40px; text-align: center;font-size:18px;color:#202023; display: inline-block;font-weight:300}
.case_cate .mleft a:nth-child(2) {margin-left:-1px;}
.case_cate .mleft a:hover,.case_cate .mleft a.check { background:#202023;color:#fff}
.case_cate .mright {float:right; position: relative; z-index: 10;margin:0 5% 0 0}
.case_cate .mright ul {max-width:860px;margin:0 -10px 0 0}
.case_cate .mright li {float:left;margin:0 80px 0 0}
.case_cate .mright li:nth-child(3),.case_cate .mright li:nth-child(6) {margin:0 30px 0 0}
.case_cate .mright li:nth-child(5),.case_cate .mright li:nth-child(10) {margin:0}
.case_cate .mright li:nth-child(9) {margin:0 153px 0 12px}
.case_cate .mright li a {color:#959595;display:inline-block;border-bottom:1px solid transparent; line-height: 25px;margin:5px 0 0 0}
.case_cate .mright li a:hover,.case_cate .mright li.check a {border-color:#202023;color:#202023}
.case_cate .mright dl {max-width:860px;margin:0 -18px 0 0}
.case_cate .mright dd {float:left;width:11.1111%; text-align: center}
.case_cate .mright dd a {color:#959595;display:inline-block;border-bottom:1px solid transparent; line-height: 25px;margin:5px 0 0 0}
.case_cate .mright dd a:hover,.case_cate .mright dd.check a {border-color:#202023;color:#202023}

.case {padding:80px 0 0 0; background: #f6f6f6;}
.case li { position:relative; overflow: hidden;float:left;width:50%;padding:12.6% 0;}
.case li a,.news_case .item a {color:#959595;}
.case li .cons,.news_case .item .cons { position: absolute; left:0;top:0;width:100%;height:100%; z-index: 100;background: rgba(0,0,0,0.6);padding:0 10%;opacity:0;color:#fff}
.case li:hover .cons,.news_case .item:hover .cons {opacity:1}
.case li .cons .title2,.news_case .item .cons .title2 {color:#fff;font-size:30px; line-height:40px; position: relative;left:-30px;}
.case li .cons .title2 span,.news_case .item .cons .title2 span {display:none;}
.case li .cons .hy,.news_case .item .cons .hy {font-size:18px; line-height:30px;font-weight:300; position: relative;margin:5px 0 60px 0; position: relative;left:-30px;transition-delay: 0.05s;}
.case li .cons .hy:before,.news_case .item .cons .hy:before {content:''; position: absolute;left:0;bottom:-33px;width:40px; height: 3px; background: #fff;}
.case li .cons .gs,.news_case .item .cons .gs {font-size:14px; line-height: 1.8; transition-delay: 0.1s; position:relative;left:-30px}
.case li:hover .cons .title2,.case li:hover .cons .hy,.case li:hover .cons .gs,.news_case .item:Hover .cons .title2,.news_case .item:Hover .cons .hy,.news_case .item:Hover .cons .gs {left:0;}

.news_case .item {position:relative; overflow: hidden;padding:25.3% 0;}
.news_case .owl-carousel .owl-nav .owl-prev {left:0;}
.news_case .owl-carousel .owl-nav .owl-next {right:0;}
.news_case .owl-carousel .owl-nav .owl-prev:before,.news_case .owl-carousel .owl-nav .owl-next:before{opacity:0.3;color:#fff}
.news_case .owl-carousel .owl-nav .owl-prev:hover:before,.news_case .owl-carousel .owl-nav .owl-next:hover:before{opacity:1}

.toppic {padding:15.72% 0}

.show {padding:70px 0 0 0}
.show .mleft {float:left;width:40%;color:#231f20;}
.show .mleft .t {font-size:35px; line-height: 45px;font-weight:700}
.show .mleft .c {font-size:20px;margin:30px 0 0 0; line-height:1.8}
.show .mleft .c p {margin:25px 0; position: relative;padding:0 0 0 55px}
.show .mleft .c p i { position:absolute;left:0;top:0}
.show .mright {float:right;width:48.5%;font-size:14px;color:#666666; line-height: 2;}
.show .mright strong {font-size:16px;color:#231f20}
.show .cons {padding:40px 0 0 0}
.show .cons img {margin:40px 0 0 0}
.prevnext2 { background: #F6F6F6;padding:100px 0}

.casetj .subject {font-size:25px;color:#000; line-height: 25px;margin:0 0 60px 0; text-align: center}
.casetj .subject p {display:none;}
.casetj .case {padding:0; background: #f6f6f6}
.casetj .case li {width:33.3333%;padding:8.4% 0;}

.service ul {border-bottom:1px solid #3c3c3c;}
.service li {float:left;width:50%;padding:13% 0; overflow: hidden; position: relative;border-top:1px solid #3c3c3c;border-right:1px solid #3c3c3c;}
.service li .cons { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 200; text-align: center;color:#fff;padding:0 10%}
.service li .cons .e { text-transform: uppercase;font-size:20px; line-height: 25px;font-weight:300}
.service li .cons .t {font-size:40px; line-height: 50px;margin:45px 0 30px 0; position: relative}
.service li .cons .t:before {content:''; position: absolute;left:50%;top:-22px;width:14px;margin-left:-7px; background: #fff;height:3px;}
.service li .cons .g {font-weight:300; line-height: 1.6}
.service li .hover { z-index: 50;opacity:0}
.service li .bg { z-index: 10}
.service li:before { content:'';position:absolute;left:0;top:0;width:100%;height:100%; z-index: 20;  background: rgba(32,32,35,0.95)}
.service li:hover .hover {opacity:1}

.namemj { position: absolute;top:-80px}
.service_cons .mleft {float:left;width:50%}
.service_cons .mleft img {width:100%}
.service_cons .mright {width:39.5%;padding:0 5% 0 5.5%;float:left;}
.service_cons .mright .t2 {font-size:45px; line-height: 55px;margin:12% 0 0 0;font-weight:500}
.service_cons .mright .hy {color:#959595;font-size:20px; line-height: 30px;margin:30px 0}
.service_cons .mright .c {color:#959595; position: relative;max-width:570px}
.service_cons .mright .line {margin-top:15%;width:40px;height:3px; background: #959595}
.service_list {margin:0 0 20px 0}
.service_list ul {width:104%;margin:30px 0 0 -2%; position: relative;left:4.5%}
.service_list li {float:left;width:21%;margin:60px 2% 0 2%}
.service_list li .t { position: relative;color:#231f20;font-size:28px; line-height: 38px;font-weight:500;margin:0 0 35px 0}
.service_list li .t:before {content:'';position: absolute;left:3px;bottom:-20px;width:12px; height: 3px; background: #202023}
.service_list li .c {color:#3c3c3c}
.service_list .clear4 { clear:both}

.aboutpic {height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;padding:80px 0 0 0;}
.aboutpic .in { height:100%; position: relative;width:100%;}

.about .mleft {float:left;width:40%;padding:125px 5% 0 5%}
.about .mleft .c strong {font-size:18px;font-weight:500}
.about .mright {float:right;width:50%}
.about .mright img {width:100%}
.aboutsubject {color:#231f20;font-size:25px; line-height: 25px;font-weight:700; position: relative;margin:0 0 105px 0}
.aboutsubject:before {content:''; position: absolute;left:0;bottom:-20px;width:30px; height:5px; background: #dcdddd}
.about_service {padding:150px 0 120px 0}
.about_service .service_list {margin:-60px 0 0 0}
.about_service .service_list ul {margin-top:0;left:4%}

.about_client { background:#f2f2f2;padding:90px 0}
.about_client .aboutsubject {margin-bottom:60px}
.about_client .item dd { display:inline-block; vertical-align: top;width:20%; text-align: center; height: 190px}
.about_client .item dd img {max-width:240px;max-height:120px;margin:0 auto; position: relative;top:0}
.about_client .item dd img:Hover {top:-10px}

.about_method {padding:120px 0}
.about_method li {float:left;width:16.6666%; text-align: center;font-size:24px;color:#292526; line-height: 1.4; position: relative;top:0}
.about_method li .pic { position: relative; height: 200px;margin:0 0 15px 0}
.about_method li .pic p { position:absolute;left:0;bottom:20px;width:100%;}
.about_method li:hover {top:-10px}

.contact {padding:70px 0 0 0}
.contact .wrap {margin:0 auto;max-width:1310px;}
.contact1 {float:left;width:47%}
.contact1 .t {font-size:30px; line-height: 1.4}
.contact1 .t p {margin:40px 0 0 0}
.contact1 .c {font-weight:300;font-size:18px;margin:40px 0 0 0}
.contact1 .c h3 {font-size:20px;font-weight:300}
.message {float:right;width:47%;margin-top:-20px}
.message li {margin:30px 0 0 0}
.message li input[type="text"] {border:1px solid #a3a2a2; height: 58px; line-height: 56px;width:100%; background: none;padding:0 25px;font-weight:300}
.message li textarea {border:1px solid #a3a2a2; height: 300px; line-height: 25px;width:100%; background: none;padding:20px 25px;font-weight:300}
.message li #mbtn { background:#dcdddd; height: 60px; line-height: 59px; text-align: center; cursor: pointer;font-size:18px;font-weight:300;width:100%;color:#000; vertical-align: top;}
.message li #mbtn:hover {background: #c53a50;color:#fff}
.job {float:left;width:47%;margin-top:-22px; position: relative; z-index: 100}
.job li { position:relative;margin:30px 0 0 0;}
.job li .t {border:1px solid #a3a2a2;font-size:20px; line-height: 25px;padding:15px 0 15px 0; text-align: center; position: relative; cursor: pointer}
.job li .t:hover,.job li.active .t { background:#dcdddd}
.job li span.icon { position:absolute;right:20px;top:-1px;font-size:30px; display: block;opacity:0; cursor: pointer;}
.job li .c {border:1px solid #a3a2a2;padding:30px; line-height: 1.6;display:none; position: absolute;left:0;top:56px; background: #f6f6f6;width:100%; z-index: 9999}
.job li .c strong {font-size:18px;font-weight:400}
.job li .c .c1 { text-align: center;margin:40px 0 10px 0}
.job li .c .c1 a {background: #3c3c3c;width:190px; height: 40px; line-height: 39px;text-align:center;font-size:18px;color:#fff;font-weight:300;display:block;margin:0 auto;border-radius:3px; letter-spacing: 1px}
.job li .c .c1 a:hover {background: #c53a50}
.job li .c .c2 {font-weight:300; text-align: center;color:#000}
.job li.active span.icon {opacity:1;}
.join {float:right;width:47%;padding:0 0 40px 0}
.join .t {font-size:30px; line-height: 1.4;}
.join .c {font-size:18px;margin:20px 0 0 0}
.contactblank { clear:both;height: 100px}

.news_cate {padding:55px 0; position: relative; z-index: 100}
.news_cate dd {display:inline-block; vertical-align:top;margin:0 50px 0 0}
.news_cate dd a {color:#959595;font-size:18px;border-bottom:2px solid transparent; line-height:35px; display: inline-block;}
.news_cate dd.check a,.news_cate dd a:hover {color:#231f20;border-color:#231f20}
.news ul {width:106%;margin:-3% 0 0 -3%}
.news li {float:left;width:27.3333%;margin:3% 3% 0 3%}
.news li .pic { position:relative; overflow: hidden;padding:32.6% 0;background:url("../image/nopic.gif") no-repeat center; background-size:cover;}
.news li .cons { background:#fafafa;padding:45px 30px 45px 30px}
.news li .cons .title { position: relative;padding:0 0 25px 0;margin:0 0 20px 0;border-bottom:1px solid #959595; text-transform: uppercase}
.news li .cons .title:before {content:''; position: absolute;left:130px;top:5px;width:1px; height:58px; background: #959595}
.news li .cons .title .date1 { position:absolute;left:0;top:0;font-size:37px; line-height: 37px;color:#231f20}
.news li .cons .title .date2 { position:absolute;left:0;top:40px;font-size:22px; line-height: 22px;color:#959595;font-weight:300}
.news li .cons .title .t {margin:0 0 0 120px; line-height: 32px; height: 64px; overflow: hidden;padding:0 0 0 30px}
.news li .cons .title .t a { display:block;font-size:23px;font-weight:300;color:#3c3c3c; letter-spacing:0.6px}
.news li .cons .content {font-size:18px;font-weight:300; line-height: 30px; height: 120px; overflow: hidden;color:#959595}
.newstj .case li {padding:10.9% 0;}
.newstj .case li .cons .title2 { height:50px; line-height: 50px;  overflow: hidden}
.newstj .case li .cons .gs { line-height: 25px; height: 50px; overflow: hidden}
.maincurrent {font-size:18px;color:#959595;font-weight:300;margin:30px 0 45px 0; position: relative; z-index: 100}
.maincurrent a {color:#959595}
.nshow .title { text-align:center;font-size:25px; line-height: 35px; color:#231f20}
.nshow .cons {color:#000;font-weight:300; line-height: 1.8;margin:50px 0 0 0}
.nshow .cons img {margin:10px 0 0 0}

.dshow .mleft {float:left;width:52.8%;}
.dshow .mleft img {width:100%;margin:95px 0 0 0}
.dshow .mright{float:right;width:43%;margin:-7px 0 0 0}
.dshow .mright .title {font-size:20px; line-height: 30px;color:#231f20; text-align:center;margin:0 0 10px 0}
.dshow .mright .addtime { position:relative}
.dshow .mright .addtime span {font-size:18px}
.dshow .mright .addtime h2 {color:#5a5a5a;font-size:15px;}
.dshow .mright .addtime h2:nth-child(1) { position:absolute;left:0}
.dshow .mright .addtime h2:nth-child(2) {margin:0 100px;text-align:center}
.dshow .mright .addtime h2:nth-child(3) { position: absolute;right:0;top:0}
.dshow .mright .content {border-top:1px solid #acacac;margin:27px 0 0 0;padding:25px 0 0 0;font-weight:300;color:#000; line-height: 1.7;font-size:13px}
.dshow .mright .gs {border-top:1px solid #acacac;font-size:13px;font-weight:300;color:#000;padding:30px 0 0 0;margin:35px 0 0 0; line-height: 1.7}

.dshow_subject {padding:0 0 40px 0;position: relative;font-size:25px; line-height: 25px;left:0;top:0}
.dshow_subject:before {content:''; position: absolute;left:0;top:37px;width:30px; height:5px; background: #dcdddd}

.dshow_subject2 {padding:0 0 20px 0; text-align: center}
.dshow_subject2 p {display:none;}
.dshow_subject2:before {left:50%;margin-left:-15px}

.dshow_subject3 {padding:0 0 50px 0; text-align: center}
.dshow_subject3 p {display:none;}
.dshow_subject3:before {left:50%;margin-left:-15px}

.newslabel {border-top:1px solid #acacac;padding:80px 0 70px 0}
.newslabel:nth-child(3) {border-bottom:1px solid #acacac;margin:0 0 110px 0}
.newslabel ul {width:102%;margin:0 0 0 -1%}
.newslabel li {display:inline-block; vertical-align:top;width:8%;margin:10px 1% 0 1%; height: 25px; line-height: 25px; overflow: hidden;}
.newslabel li a {color:#7a7a7a;font-weight:300;font-size:18px}
.newslabel li a:hover {color:#000}
.newslabel:nth-child(2) li a {font-size:15px}
.newslabel .down {display:none;}
.newslabel .labbtn { text-align: center;margin:0 0 -30px 0; }
.newslabel .labbtn span {margin:40px 0 0 0;font-size:55px; line-height: 55px; color:#4e4e4e;display:inline-block;transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg); cursor: pointer}
.newslabel .labbtn span.active {transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg); }

.prevnext3 { background: #f6f6f6;}
.prevnext3 .close { background: url("../image/close.png");}

.label_list ul {margin:-40px 0 -25px 0; position: relative}
.label_list ul:before {content:''; position: absolute;left:0;width:100%; height:30px;bottom:-15px; background: #f6f6f6; z-index: 100}
.label_list li {float:left;width:50%;padding:45px 2.5% 45px 0; position: relative;border-bottom:1px solid #959595;}
.label_list li.li2 {padding-left:2.5%;padding-right:0}
.label_list li .mleft {float:left;width:410px; height: 268px; position: relative; overflow: hidden; background:url("../image/nopic.gif") no-repeat center; background-size:cover;}
.label_list li .mright {margin:8px 0 0 440px;}
.label_list li .mright .title {font-size:25px; height: 30px; line-height: 30px; overflow: hidden; text-transform: uppercase}
.label_list li .mright .content {color:#959595;font-weight:300; line-height: 25px; height: 125px; overflow: hidden;margin:15px 0 25px 0}
.label_list li .mright .addtimemore { position:relative;color:#231f20}
.label_list li .mright .addtimemore p {font-size:30px; line-height: 30px;}
.label_list li .mright .addtimemore i {font-size:18px; line-height: 18px;font-weight:300}
.label_list li .mright .addtimemore a { display:block; position: absolute;right:0;top:4px;border:1px solid #959595;width:48px; height: 48px; text-align: center}
.label_list li .mright .addtimemore a span { color:#000;font-size:40px; line-height:48px; height:48px; display:block;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.label_list li:hover .mright .addtimemore a {background:#959595;}
.label_list li:hover .mright .addtimemore a span {color:#fff}
.label_list li.nolabel { text-align:center;border:0;width:100%;padding:90px 0 45px 0;color:#959595;font-size:25px;font-weight:300}
.newslabel2:nth-child(1) {border:0}

.videos{position: relative; text-align:center;margin:80px 0 -50px 0}
#myvideo {object-fit:cover; width:100%; height: 100%}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../image/play.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}
.blankheight { height:185px; background: #e8e8e8;width:100%;display:none}






















.foot { background: url("../image/fbg.jpg") no-repeat center top; background-size:cover;padding:140px 0 100px 0}
.footh {padding:213px 0 212px 0}
.footbg .foot {background: url("../image/fbg2.jpg") no-repeat center top;background-size:cover;}
.foot .wrap{max-width:1440px;margin:0 auto}
.foot .cons { text-align:center;color:#3c3c3c}
.foot .cons .t {font-size:60px; line-height: 80px;font-weight:700; letter-spacing: 1px}
.foot .cons .c {font-size:18px; letter-spacing: 6.5px; text-transform: uppercase;margin:0 0 85px 0}
.foot li {float:left;width:33.3333%; text-align: center}
.foot li .in {display:inline-block; text-align: left;margin:0 auto;}
.foot li h3 { display:inline-block; vertical-align: top;color:#c53a50;font-size:40px; line-height: 40px;}
.foot li i.jia {display:inline-block; vertical-align: top;color:#c53a50;font-size:20px; line-height: 20px;}
.foot li .t2 { display:inline-block; vertical-align: top;font-size:30px; line-height: 30px;margin:5px 0 0 0}
.foot li .content { line-height: 1.5;font-weight:300;margin:10px 0 0 0;max-width:250px}

.footer { background:#000;color:#959595;font-size:12px;padding:70px 0 15px 0; position: relative}
.footer a {color:#959595;}
.footer a:hover {color:#fff}
.footer .bg { position: absolute;left:0;top:0;height:100%;width:100%; }
.footer .bg img {height:100%}
.footer .wrap { z-index: 100}
.footer .up { text-align:right;margin:0 0 40px 0}
.footer .up dl {display:inline-block; vertical-align: top; text-align: left;margin:0 0 0 6.5%}
.footer .up dl:nth-child(1) {margin:0}
.footer .up dt {font-size:15px; position:relative;margin:0 0 33px 0}
.footer .up dt:before {content:''; position: absolute;left:0;bottom:-15px;width:30px; height: 1px; background: #959595;}
.footer .wx_tel { position:relative;min-height:93px;color:#b5b5b5;}
.footer .wx_tel .wx {position:absolute;left:0;top:10px;width:93px;}
.footer .wx_tel .tel {margin:0 0 0 118px; position: relative;top:2px}
.footer .wx_tel .tel p {font-size:35px; line-height: 35px;color:#fff;font-weight:700;margin:10px 0 0 0}
.footer .address {color:#b5b5b5; line-height: 1.8;margin:30px 0 0 0}
.footer .copy {float:left;width:57%;margin:52px 0 0 0}
.footer .mright {float:right;width:38%; text-align: right}
.footer .mright .wqw {margin:0 0 20px 0}
.footer .mright .wqw li { position: relative; display: inline-block;vertical-align: top;margin:0 0 0 20px; cursor: pointer;}
.footer .mright .wqw li i {display:block;opacity:0.25}
.footer .mright .wqw li:Hover i {opacity:1}
.footer .mright .wqw li p {display:none;width:93px;text-align:center; position: absolute;left:-32px;bottom:40px; z-index: 999; background: #000}
.footer .mright .wqw li p span {display:block;margin:5px 0 0 0}
.footer .mright .wqw li.wx i { background: url("../image/wx.png") no-repeat center;width:39px; height: 32px;}
.footer .mright .wqw li.qq i { background: url("../image/qq.png") no-repeat center;width:22px; height: 32px;}
.footer .mright .wqw li.wb i { background: url("../image/wb.png") no-repeat center;width:35px; height: 32px;}
.footer .mright .link a {margin:0 13px 0 0}
.footer .mright .link a:last-child {margin:0}

.fixright { position:fixed;right:5px;bottom:5px;width:250px; height: 34px; line-height: 33px; z-index: 9999; background:url("../image/talk.png"); cursor: pointer; letter-spacing: 1px; display: none;}
.fixright a {font-size:14px;color:#fff;padding:0 0 0 70px;font-weight:300; display: block}