@charset "utf-8";@import url('fonts.css?t=20140501');
*{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,.fixtop .navpc li a.a p i,.indabout li,.new_telst li,.new-wrap .pic img,.indyw li,.indyw li .subject,.indyw li .text,.indyj li,.indyj li .icon,.indyj li h3,.indyj li .content,.indcase li img,.indcase li a:before,.indnews li .pic img,.indhonor .swiper-slide .pic img,.culture li .pic img,.culture li:before,.honor li .pic h2 img,.research .new_telst li:before,.material .new-wrap dd .picm img,.qualitycontrol .row .col .pic img,.qualitycontrol .row .col .title,.pro_solution .pic img,.product .swiper-slide p img,.product .swiper-slide h2 ,.show_adv li ,.show_adv li .title,.pro_show .swiper-slide .title,.pro_show .swiper-slide .pic img,.history li:before,.history li .content,.history li .title,.honor_capa li .pic img ,.pro_adv li,.pro_adv li .cons2,.pro_adv li .cons1,.show_adv li .content,.show_adv li .cons2
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.new-wrap .pic img:hover,.indcase li:hover img,.indnews li:hover .pic img,.indhonor .swiper-slide:hover .pic img,.culture li:hover .pic img,.honor li:hover .pic h2 img,.material .new-wrap dd:hover .picm img,.qualitycontrol .row .col:Hover .pic img,.pro_solution .pic img:hover,.product .swiper-slide:hover p img,.pro_show .swiper-slide:hover .pic img,.honor_capa 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)}
.pd,.indyj li,.pro_adv li,.show_adv li,.show_adv li .cons2
{-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:#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','PingFang SC','SF Pro Text','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea {font-size:15px;color:#666;font-weight:400}a {color:#666}b,strong {font-weight:700}
a:hover,.fixtop .en a:hover,.fixtop .en a.check,.indnews li:hover .cons .title a,.indhonor .swiper-slide:Hover .title a ,.honor li:hover .title a,.material .new-wrap dd:Hover .consm .titlem,.qualitycontrol .row .col:hover .title,.pro_show .swiper-slide:hover .title a,.honor_capa li:hover .title a{color:#0050e0}
.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 22px;}.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;}
.vcenter{height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 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:40px;}   
.pager font {font-family:'宋体';font-weight:700;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#0050e0; background: #0050e0} 
.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: #0050e0;}
::-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:#cccccc;}
:-moz-placeholder {color:#cccccc; }
::-moz-placeholder { color:#cccccc; }
:-ms-input-placeholder {color:#cccccc; }

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

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

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:90px;box-shadow:0 0 5px rgba(0,0,0,0.3); background:#fff}
.fixtop .logo { position: absolute;left:0;top:30px;z-index: 999}
.fixtop .logo a img {height:31px;}
.fixtop .navpc { text-align:right;padding:22px 0 0 0;}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 45px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:68px; line-height:66px;font-size:15px;font-weight:500;color:#000}
.fixtop .navpc li a.a p { position:absolute;left:0;bottom:0;width:100%; height:2px; text-align: center}
.fixtop .navpc li a.a p i { display:block;width:0;height:100%; background:#0050e0;margin:0 auto}
.fixtop .navpc li:hover a.a p i {width:100%}
.fixtop .navpc li:hover a.a,.fixtop ul.navpc li:Hover>a.a,.fixtop .navpc li.lan:hover a.a {color: #0050e0}
.fixtop .navpc li .list { position:fixed; z-index: 9999; left:0;width:100%;top:90px;display:none;background:rgba(255,255,255,0.95); text-align:center; box-shadow:0 0 5px rgba(0,0,0,0.3);padding:20px 0}
.fixtop .navpc li .list dl {max-width:1375px;margin:0 auto; text-align: right}
.fixtop .navpc li .list dd p {margin:0 0 0 60px;padding:0;display:inline-block; vertical-align: top;}
.fixtop .navpc li .list dd p a {font-size:15px; line-height: 25px;display:inline-block;letter-spacing: 0;color:#666}
.fixtop .navpc li .list dd p a:hover {color: #0050e0;}
.fixtop .en { position: absolute;right:0;top:4px;}
.fixtop .en a {font-size:12px;color:#666;}
.fixtop .en i {width:1px;height:11px; background: #999; display: inline-block; vertical-align: top;margin:11px 9px 0 10px}
.topblank {height:90px}

.indpics .swiper-wrapper .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 200;color:#fff}
.indpics .swiper-wrapper .cons .title {font-size:50px; line-height:60px;font-weight:700;  letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.indpics .swiper-wrapper .cons .content {font-size:25px;margin:10px 0 0 0; letter-spacing: 1px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); position: relative; display: inline-block}
.indpics .swiper-wrapper .pic { position:relative; overflow: hidden;padding:20.8% 0}
.indpics .swiper-wrapper .pic:before { content:'';position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background:rgba(0,0,0,0.1);}
.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:7s linear;transform:scale(1,1);}
.indpics .swiper-button-next,.indpics .swiper-button-prev {display:none;}

.indpics .swiper-slide5 .cons {color:#000}
.indpics .swiper-slide5 .cons .td {vertical-align:top;}
.indpics .swiper-slide5 .cons .title {text-shadow: 0 0 0;margin:8% 0 0 0}
.indpics .swiper-slide5 .cons .content {text-shadow:0 0 0}

.indpics .swiper-slide4 .cons {color:#000;text-align: right}
.indpics .swiper-slide4 .cons .td {vertical-align:top;}
.indpics .swiper-slide4 .cons .title {text-shadow: 0 0 0;margin:10% 0 0 0}
.indpics .swiper-slide4 .cons .content {text-shadow:0 0 0;font-size:50px; line-height:60px;font-weight:700;  letter-spacing: 2px; }

.indpics .swiper-slide140 .cons .content {font-size:50px; line-height:60px;font-weight:700;  letter-spacing: 2px;margin:20px 0 0 105px}

.indabout {padding:160px 0; text-align: center; background:url("../images/indabg.jpg") no-repeat center; background-size:cover;}
.indabout .wrap {max-width:1040px}
.indabout .text {display:inline-block;margin:0 auto;}
.indabout .text .t {font-weight:700;font-size:48px; line-height: 58px; letter-spacing: 1px;color:#000}
.indabout .text .c {margin:25px 0 90px 0; line-height: 2}
.indabout ul {width:750px;margin:-30px auto 100px auto}
.indabout li {float:left;width:21%;margin:40px 2% 0 2%; position: relative;top:0}
.indabout li:hover {top:-10px}
.indabout li .pic {border:1px solid #666;border-radius:10px;width:100px;margin:0 auto;height:100px;}
.indabout li .pic img {height:60px;}
.indabout li .title {font-size:18px;margin:10px 0 0 0;}
.indmore a {height:40px; line-height: 38px;border-radius:40px;width:160px; text-align: center;color:#fff; background: #0050e0; display: block;margin:0 auto;letter-spacing:1.5px}
.indmore a span {font-size:30px; line-height:30px; display: inline-block; vertical-align: top;margin:6px -7px 0 -3px}
.indmore a:hover { background: #c8103d;width:180px}

.indservice {padding:100px 0}
.indsubject {text-align:center;position: relative;font-size:45px; line-height: 55px;font-weight:700;margin:0 0 85px 0;color:#000}
.indsubject:before {content:''; position: absolute;left:50%;bottom:-15px;margin-left:-20px;width:40px;height:2px; background: #0050e0;}

.new_telst {margin:0 0 50px 0;padding:0px 0 0 0; text-align: center}
.new_telst li {position: relative;cursor: pointer; display:inline-block; vertical-align:top;font-size:23px;width:25%;border-bottom:3px solid #ddd;padding:0 0 10px 0;color:#666;}
.new_telst li img {margin:-8px 20px 0 0;height:45px;-webkit-filter: brightness(0.0);filter: brightness(0.0);opacity:0.6}
.new_telst li.newon {border-color:#0050e0;color:#0050e0}
.new_telst li.newon img {-webkit-filter: brightness(1);filter: brightness(1);opacity:1}
.new_lst {display: none;}
.new-wrap .show {display: block;padding:0;margin:0}
.new-wrap .pic {display:inline-block; vertical-align: middle;width:50%; overflow: hidden}
.new-wrap .pic img {width:100%}
.new-wrap .cons {display:inline-block; vertical-align: middle;width:44.5%;margin:0 0 0 5.5%}
.new-wrap .cons .title {font-size:35px; line-height:45px;font-weight:500;margin:20px 0 20px 0;color:#000}
.new-wrap .cons .content {margin:0 0 40px 0}
.new-wrap .cons .indmore {text-align:left;}
.new-wrap .cons .indmore a {margin-left:0}

.indyw {background:#f7f7f7;padding:100px 0 110px 0}
.indyw ul {width:102%;margin:0 0 0 -1%}
.indyw li {float:left;width:14.3333%;margin:0 1%; position: relative;height:511px;}
.indyw li:before {content:'';position: absolute;left:0;bottom:0;width:100%;height:80%; background: linear-gradient(to top,#000,rgba(0,0,0,0)); z-index: 50;border-radius:10px}
.indyw li.active {width:65.3333%}
.indyw li .pic { position:relative; overflow: hidden;height:100%;border-radius:10px}
.indyw li .subject {position:absolute;left:12%;bottom:5%;width:76%; z-index: 999;color:#fff;font-size:24px; line-height: 34px;font-weight:500;max-width:150px}
.indyw li .text {position:absolute;left:4%;bottom:5%;width:92%; z-index: 999;color:#fff;opacity:0;}
.indyw li .text .title {font-size:24px; line-height: 34px;font-weight:500;margin:0 0 15px 0;}
.indyw li.active .subject {opacity:0;}
.indyw li.active .text {opacity:1}
.indyj {padding:150px 0; background-attachment: fixed;}
.indyj .indsubject {color:#fff;}
.indyj .indsubject:before {background:#fff}
.indyj ul { background:rgba(255,255,255,0.7);min-height:340px}
.indyj li {float:left;width:25%; text-align: center;padding:30px 50px 0 50px; min-height:340px;position: relative}
.indyj li:before {content:''; position: absolute;left:0;top:50px;height:240px; background: #666; z-index: 10;width:1px}
.indyj li:nth-child(1):before {display:none;}
.indyj li .icon {width:125px;height:125px; background-position: center top; background-repeat: no-repeat;margin:0 auto 5px auto}
.indyj li h3 {display:inline-block; vertical-align: top;font-size:36px; line-height: 36px;font-weight:500;color:#000}
.indyj li .content {font-size:16px;color:#222;max-width:170px;margin:20px auto 0 auto; line-height: 1.7}
.indyj li:hover {background:#0050e0;color:#fff}
.indyj li:Hover .icon {background-position: center bottom}
.indyj li:hover h3,.indyj li:hover .content {color:#fff}

.indcase {padding:100px 0 110px 0}
.indcase ul {width:102%;margin:-2% 0 0 -1%}
.indcase li {float:left;width:23%;margin:2% 1% 0 1%; position: relative; overflow: hidden;padding:12.7% 0;border-radius:10px}
.indcase li:nth-child(1),.indcase li:nth-child(6) {width:48%}
.indcase li a:before {content:''; position: absolute;left:0;bottom:0;width:100%;height:50%; z-index: 100;background: linear-gradient(to top,rgba(0,0,0,0.85),rgba(0,0,0,0));}
.indcase li a:hover:before {height:100%}
.indcase li h2 {position: absolute;left:30px;bottom:30px;z-index: 200;font-size:23px; line-height: 33px;font-weight:500;color:#fff; ;letter-spacing: 1px}

.indhonor,.indnews {padding:100px 0 110px 0; background: #f7f7f7}
.indpartner {padding:100px 0 110px 0}
.indnews ul {width:103%;margin:0 0 80px -1.5%;}
.indnews li {float:left;width:30.3333%;margin:0 1.5%}
.indnews li .pic {position:relative; overflow: hidden;padding:34.3% 0;border-top-left-radius:10px;border-top-right-radius:10px;}
.indnews li .cons { background: #fff;border:1px solid #ccc;padding:30px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.indnews li .cons .title {height:30px; line-height: 30px; overflow: hidden}
.indnews li .cons .title a {font-weight:700;font-size:20px;color:#000}
.indnews li .cons .content { line-height:28px;height:56px; overflow: hidden;margin:20px 0 20px 0;font-size:15px;color:#666}
.indnews li .cons .addtime {font-size:15px}
.indpartner {text-align:center}
.indpartner .cons {margin:30px 0 0 0}
.indpartner .cons .pic {display:inline-block; vertical-align: middle;width:195px;}
.indpartner .cons .text {display:inline-block; vertical-align: middle;margin:0 0 0 40px;}
.indhonor .swiper-slide .pic {position:relative; overflow: hidden;padding:37% 0}
.indhonor .swiper-slide .title {height:25px; line-height: 25px; overflow: hidden;margin:20px 0 0 0; text-align: center}
.indhonor .swiper-slide .title a {color:#333;font-size:15px}
.indhonor .swiper-button-next,.indhonor .swiper-button-prev {margin-top:25px;}
.indhonor .swiper-button-next:after,.indhonor .swiper-button-prev:after {background:none;border:1px solid #0050e0;color:#0050e0}
.indhonor .swiper-button-next:hover:after,.swiper-button-prev:hover:after{background:#0050e0;color:#fff}
.indhonor .swiper-button-prev {left:-100px}
.indhonor .swiper-button-next{right:-100px}
.bannerin {position:relative; overflow: hidden;padding:15.54% 0}
.bannerin>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 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);}}

.aboutsubject {font-weight:500;font-size:45px; line-height: 55px; text-align: center;color:#000}
.about { background:#fff url("../images/abg.jpg") no-repeat center bottom; background-size:100%;padding:115px 0 145px 0}
.about .cons {margin:45px 0 110px 0; text-align: center; line-height: 2}
.about .cons .in {display:inline-block; text-align:left;max-width:920px}
.about .cons .list-paddingleft-2 {margin:0}
.about .cons li {position:relative; list-style: none;padding:0 0 0 8px}
.about .cons li:before {content:''; position: absolute;left:0;top:14px;width:3px;height:3px;border-radius:50%; background: #666}

.about .indnum {text-align:center;margin:0 0 145px 0}
.about .indnum li {display:inline-block; vertical-align: top;margin:20px 0 20px 120px}
.about .indnum li:nth-child(1) {margin-left:0}
.about .indnum li h3 {display:inline-block;vertical-align: top; position: relative;font-weight:700;font-size:55px; line-height: 55px;color:#222}
.about .indnum li h3.h3 {font-size:24px; line-height: 24px;margin:26px 0 0 2px}
.about .indnum li h3 i {position:absolute;top:-28px;left:0;font-size:24px; line-height:24px}
.about .indnum li .content {font-weight:500;margin:10px 0 0 0}
.about .summry {text-align:center;font-size:24px; line-height: 1.6;color:#222;font-weight:500}
.about .summry table {width:100%}
.about .summry table td {width:33.3333%}

.culture {padding:100px 0 110px 0}
.culture ul {width:103%;margin:-3% 0 0 -1.5%;padding:100px 0 0 0}
.culture li {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%; position: relative;border-radius:20px}
.culture li:before {content:''; position: absolute;left:0;bottom:25%;width:100%;height:25%; z-index: 50;background: linear-gradient(to top,#011b70,rgba(1,27,112,0));}
.culture li:after {content:''; position: absolute;left:0;bottom:0;width:100%;height:25%;background:#011b70;border-bottom-left-radius:20px;border-bottom-right-radius:20px; z-index: 50}
.culture li .pic {position:relative; overflow: hidden;padding:58.5% 0;border-radius:20px}
.culture li .cons {position:absolute;left:16%;bottom:30px;width:68%;z-index: 100;color:#fff}
.culture li .cons .title {text-align:center}
.culture li .cons .content {font-weight:400;font-size:23px; line-height: 38px;min-height:76px;margin:15px 0 0 0; text-align: center}
.culture li:hover:before {height:75%;}

.factory {background:#f7f7f7;padding:100px 0 110px 0;}
.factory ul {width:110%;margin:25px 0 0 -5%;}
.factory li {float:left;width:23.3333%;margin:55px 5% 0 5%;}
.factory li .t {font-size:23px; line-height: 28px;border-bottom:1px solid #666;padding:0 0 15px 0;margin:0 0 15px 0;}
.factory li .c { line-height:2}
.factory .clear3 {clear:both}

.historysubject {text-align:center;font-weight:500;font-size:45px; line-height: 55px;padding:110px 0 100px 0;color:#000}

.honor {padding:0 0 120px 0}
.honor ul {width:106%;margin:-60px 0 0 -3%}
.honor li {float:left;width:27.3333%;margin:40px 3% 0 3%}
.honor li .pic {background:#e0e0e0;padding:20px}
.honor li .pic h2 {position:relative; overflow: hidden;padding:37% 0}
.honor li .title {text-align:center;margin:15px 0 0 0;}
.honor .clear3 {clear:both}
.partner {padding:0 0 150px 0;margin:-30px 0 0 0}
.contact {margin:-50px 0 100px 0;padding:0}
.contact .cons .pic {display:block; text-align: center;width:100%}
.contact .cons .pic img {width:195px}
.contact .cons .text {display:block;width:100%;margin:20px 0 0 0}
.contact .ctcons {text-align:center;margin:110px 0 0 0; line-height: 2}
.contact .ctcons img {margin:10px 0}
.news {background:#fff;padding:0;margin:-70px 0 120px 0}
.news ul {margin-top:-3%;margin-bottom:0}
.news li {margin-top:3%}
.maincurrent {background:#f7f7f7;font-size:14px;padding:10px 0 12px 0}
.maincurrent span {margin:0 5px;font-size:16px; line-height: 16px}
.nshow {padding:90px 0 110px 0; text-align:center}
.nshow .wrap {max-width:1000px;margin:0 auto}
.nshow .title {font-weight:700;font-size:30px; line-height:40px;color:#000}
.nshow .title2 {color:#999;font-size:14px;border-bottom:1px solid #dcdddd;margin:0 0 40px 0;padding:20px 0 25px 0}
.nshow .content {text-align:left;color:#333}
.nshow .content img {margin:10px 0}

.research {margin:-25px 0 150px 0; position: relative}
.research i { position: absolute;left:0;top:44px;width:100%;height:1px; background: #dcdddd}
.research .new_telst {padding:0;margin:0 0 80px 0; position: relative; z-index: 10}
.research .new_telst li {width:20%;font-size:23px; line-height: 33px;border-color:transparent;border-width:2px;}
.research .new_telst li.newon {border-color:#0050e0}
.research .new-wrap .pic {width:43%;border-radius:10px}
.research .new-wrap .pic img {width:100%}
.research .new-wrap .cons {width:50%;margin:0 0 0 7%}
.research .new-wrap .cons .title {font-size:35px; line-height:45px;font-weight:500;margin:35px 0 30px 0}
.research .new-wrap .cons .content { line-height: 2}

.material .new_telst li {width:50%}
.material .new-wrap dl {width:107%;margin:-70px 0 0 -3.5%}
.material .new-wrap dd {float:left;width:43%;margin:70px 3.5% 0 3.5%}
.material .new-wrap dd .picm { position: relative; overflow: hidden;padding:41% 0;border-radius:10px}
.material .new-wrap dd .consm .titlem {font-weight:700;font-size:30px; line-height:40px;margin:30px 0 15px 0;color:#222}
.material .new-wrap dd .consm .contentm {line-height:2}

.qualitycontrol {margin:120px 0 0 0;padding:0 0 110px 0}
.qualitycontrol .row {width:102.4%;margin:-50px 0 0 -1.2%}
.qualitycontrol .row .col {float:left;width:17.6%;margin:40px 1.2% 0 1.2%; text-align: center}
.qualitycontrol .row .col .title {font-size:23px; line-height: 33px;font-weight:500;color:#222}
.qualitycontrol .row .col .pic {position:relative; overflow: hidden;padding:55.5% 0;border-radius:10px;margin:30px 0 30px 0}
.qualitycontrol .row .col .content .in {display:inline-block;margin:0 auto; text-align: left; line-height: 2}
.qualitycontrol .row .col .content ul {margin:0;}
.qualitycontrol .row .col .content li { position:relative;list-style: none;padding:0 0 0 8px}
.qualitycontrol .row .col .content li:before {content:''; position: absolute;left:0;top:14px;width:3px;height:3px; background: #666;border-radius:50%}
.qualitycontrol .clear5 {clear:both}
.prosubject1 {margin:-50px auto 100px auto; text-align: center}
.prosubject1 .wrap {border-bottom:1px solid #999;}
.prosubject1 .text {padding:0 0 65px 0;max-width:890px;margin:0 auto; line-height: 2}

.pro_solution {margin:0 0 100px 0;}
.pro_solution .wrap {border-bottom:1px solid #999;padding:0 0 100px 0}
.pro_solution .cons {display:inline-block; vertical-align: middle;width:42%;}
.pro_solution .cons .historysubject { text-align:left;padding:0;margin:0 0 30px 0;font-size:35px; line-height: 45px;color:#222}
.pro_solution .cons .text { line-height: 2}
.pro_solution .pic {display:inline-block; vertical-align: middle;width:50%;margin:0 0 0 8%; overflow: hidden;border-radius:15px; }

.show_solution2 .table,.show_solution2 .table .td{display: block}
.show_solution2 .pic {position: relative; overflow: hidden;padding:14.8% 0;}

.pro_adv {margin:0 0 120px 0}
.pro_adv .historysubject {margin:0;padding:0 0 60px 0}
.pro_adv ul {text-align:center;border-radius:10px; position: relative}
.pro_adv ul:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 10; background: rgba(1,27,112,0.5);border-radius:10px;}
.pro_adv li {display:inline-block; vertical-align: top;width:16.6666%;color:#fff;border-left:1px solid rgba(255,255,255,0.5);position: relative; z-index: 100;min-height:635px;top:0}
.pro_adv li:nth-child(1) {border-width:0}
.pro_adv li .cons1 { position:absolute;left:0;top:180px;width:100%;}
.pro_adv li .cons1 .icon img {height:60px;}
.pro_adv li .cons1 .title {font-size:23px; line-height: 33px; letter-spacing: 1px;margin:15px auto 0 auto;max-width:150px;}
.pro_adv li .cons2 { position:absolute;left:0;top:295px;width:100%;opacity:0}
.pro_adv li .cons2 .in {max-width:320px;margin:0 auto}
.pro_adv li .cons2 .title {font-size:23px; line-height: 33px;}
.pro_adv li .cons2 .content { line-height: 2;margin:25px 0 0 0; letter-spacing: 0.5px}
.pro_adv li.active {width:33.3332%}
.pro_adv li.active .cons1 {opacity:0}
.pro_adv li.active .cons2 {opacity:1;top:195px}
.pro_adv4 li {width:20%}
.pro_adv4 li.active {width:40%}

.namemj { position: absolute;top:-100px}
.product {padding:0 0 150px 0;}
.product .historysubject {padding:0 0 80px 0;margin:0}
.product ul {width:100.7%;margin:-0.7% 0 0 -0.35%}
.product ul.ul2 {text-align:center}
.product .swiper-slide {display:inline-block; vertical-align: top;width:32.6333%;margin:0.7% 0.35% 0 0.35%;border-radius:10px; position: relative; overflow: hidden;padding:13.1% 0}
.product .swiper-slide a:before {content:'';position: absolute;left:0;bottom:0;width:100%;height:50%; z-index: 100; background: linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0));border-radius:10px}
.product .swiper-slide p,.product .swiper-slide p img {border-radius:10px}
.product .swiper-slide h2 { position: absolute; z-index: 100; left:0;bottom:20px;left:20px;display: inline-block;border:1px solid #fff;border-radius:5px;font-size:18px; line-height:23px;padding:5px 15px 7px 15px;color:#fff;font-weight:400; letter-spacing: 1px}
.product .swiper-slide:hover h2 {background:#0050e0;border-color:#0050e0;color:#fff}
.product .swiper-button-next,.product .swiper-button-prev {margin-top:43px;width:54px;}
.product .swiper-button-next:after,.product .swiper-button-prev:after {color:#0050e0;background:none;border:1px solid #0050e0;width:54px;}
.product .swiper-button-next:hover:after,.product .swiper-button-prev:hover:after{background:#0050e0;color:#fff}
.product .swiper-button-prev {left:-100px}
.product .swiper-button-next{right:-100px}
.product .swiper-horizontal>.swiper-pagination-bullets,.product .swiper-pagination-bullets.swiper-pagination-horizontal,.product .swiper-pagination-custom,.product .swiper-pagination-fraction {bottom:-80px;}
.product .swiper-pagination-bullet {background:rgba(0,0,0,0.5);}

.bannerin_show {position:relative}
.bannerin_show:before {content:''; position: absolute;left:0;top:0;width:50%;height:100%; z-index: 10; background:  linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.bannerin_show .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100}
.bannerin_show .cons .wrap {height:100%}
.bannerin_show .cons h2 {position:absolute;top:50%;color:#fff;font-size:45px; line-height: 55px;font-weight:400; letter-spacing: 2px;margin-top:-27px;}

.show_solution {margin-top:120px}
.show_solution .wrap {border-bottom-width:0;padding:0 0 100px 0}
.show_adv {margin:-90px 0 120px 0}
.show_adv .historysubject {margin:0;padding:0 0 60px 0;}
.show_adv ul {width:102%;margin:-2% 0 0 -1%}
.show_adv li {float:left;background:#f9f9fa;width:48%;margin:2% 1% 0 1%;padding:15px 45px 10px 45px;height:185px;border-radius:10px; position: relative; overflow: hidden}
.show_adv li .title {font-size:23px; line-height: 23px;font-weight:500;color:#0c1dff;margin:0 0 15px 0}
.show_adv li .content {font-size:23px; line-height: 38px;color:#222}
.show_adv li .cons2 { position:absolute;left:0;top:15px;width:100%;height:100%;padding:0 45px 0 45px;opacity:0}
.show_adv li .cons2 .t,.show_adv li .cons2 .c {color:#fff;font-size:15px;}
.show_adv li .cons2 .c {font-size:20px; line-height:1.6;margin:15px 0 0 0}
.show_adv li:hover {background:#0050e0;color:#fff}
.show_adv li:hover .title,.show_adv li:hover .content {color:#fff;opacity:0}
.show_adv li:hover .cons2 {top:0;opacity:1}

.pro_show {margin:0 0 220px 0}
.pro_show .historysubject {margin:0;padding:0 0 60px 0}
.pro_show .swiper-slide .pic {position:relative; overflow: hidden;padding:40% 0;border-radius:10px}
.pro_show .swiper-slide .title {height:110px; line-height: 85px;border-bottom:2px solid transparent;font-size:23px;  overflow: hidden;}
.pro_show .swiper-slide .title a {color:#222}
.pro_show .swiper-slide:hover .title {border-color:#0050e0;}
.pro_show  .swiper-button-next,.pro_show  .swiper-button-prev {top:50%;margin-top:-20px;width:54px;}
.pro_show  .swiper-button-next:after,.pro_show  .swiper-button-prev:after {color:#0050e0;background:none;border:1px solid #0050e0;width:54px;}
.pro_show  .swiper-button-next:hover:after,.pro_show  .swiper-button-prev:hover:after{background:#0050e0;color:#fff}
.pro_show  .swiper-button-prev {left:-100px}
.pro_show  .swiper-button-next{right:-100px}
.pro_show  .swiper-horizontal>.swiper-pagination-bullets,.pro_show  .swiper-pagination-bullets.swiper-pagination-horizontal,.pro_show  .swiper-pagination-custom,.pro_show  .swiper-pagination-fraction {bottom:-80px;}
.pro_show  .swiper-pagination-bullet {background:rgba(0,0,0,0.5);}

.workshop .text {max-width:1030px;margin:0 auto 200px auto; text-align: center; line-height: 2}
.workshop .indmore a {width:180px}
.workshop .indmore a:Hover {width:200px}

.history {margin:-15px 0 120px 0}
.history i {position:absolute;left:0;top:0;width:1px; background: #dcdddd; height:100%}
.history li { position: relative;}
.history li:before {content:'';position: absolute;left:0;top:0;width:2px;  height:100%;  z-index: 100}
.history li .title {position:absolute;left:40px;top:50%;margin-top:-18px;font-size:23px; line-height: 33px;}
.history li .content {margin:0 0 0 235px;border-bottom:1px solid #999;padding:15px 0 13px 0; line-height: 2}
.history li.active .title {font-weight:700;color:#0050e0;}
.history li.active:before {background: #0050e0;}
.history li.active .content {color:#0050e0}

.qctext {text-align:center;font-size:23px; line-height:33px;color:#222;margin:-40px 0 70px 0;font-weight:500;}
.honor_capa {background:#f7f7f7;padding:0 0 110px 0}
.honor_capa ul {margin:-40px 0 0 -2%;width:104%}
.honor_capa li {float:left;width:17.5%; text-align: center;margin:40px 2% 0 2%}
.honor_capa li:nth-child(3) {width:31.5%}
.honor_capa li .title {margin:20px 0 0 0; line-height: 1.8}
.honor_capa li .pic {overflow:hidden}
.honor_capa li .pic img {height:290px;margin:0 auto;width:auto;}















.foot {background:#003595 url("../images/footbg.jpg") no-repeat center;background-size:cover;color:#fff;padding:50px 0 50px 0;font-size:14px}
.foot a {color:#fff;font-size:14px;}
.foot dl {float:left;margin:0 0 0 22%;max-width:280px}
.foot dl:nth-child(1) {margin:0}
.foot dl:nth-child(2) {margin-left:29%}
.foot dl.last {float:right;margin:0}
.foot dt {margin:0 0 20px 0; position: relative;padding:0 0 0 15px}
.foot dt:before {content:''; position: absolute;left:0;top:10px;width:4px;height:15px;  background: #fff;}
.foot dt a {font-size:18px;}
.foot dd p {margin:7px 0}
.foot dl:nth-child(1) dd p {float:left;width:50%}