@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,600,900&display=swap');
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,.fixtop .toper,.tblank,#certify .swiper-button-prev,#certify .swiper-button-next,#certify .swiper-slide h2,.indservicelist .mright ul.list li .pic a p,.new_telst li,.indhonor .owl-carousel .owl-nav .owl-prev,.indhonor .owl-carousel .owl-nav .owl-next,.new_lst .item .pic p,.indcase .mright li p,.indcase .mright li h2,.indwelfare li .cons,.indwelfare li p,.new_telst2 li,.new_telst2 li a i,.new-wrap2 .mleft dd .pic p,.indsearch .mright #mbtn,.conslist .icon a i,.conslist .pic .p p,.get_more p,.show1 .mleft img,.show4 li .pic a p,.show1 .mright .m p,.solution_adv li,.solution li .pic p,.conslist2 .pic p,.conslist2 .title,.news .firstnews .pic p,.news .firstnews .cons .m a i,.conslist3 .addtime,.conslist4 .ctp p,.honor .new_lst .mright dd .ps p,.teambuild li p,.environment_pics .article .p img,.environment_pics .article .t,.message .list,.message .list p,.fixright li.wx .pc i,.fixright li.up .pc i,.fixright li.tel .pc
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indservicelist .mright ul.list li:hover .pic a p,.new_lst .item:hover .pic p,.indcase .mright li:hover p,.indwelfare li:hover p,.new-wrap2 .mleft dd:hover .pic p,.conslist:Hover .pic .p p,.show1 .mleft img:hover,.show4 li:hover .pic a p,.solution li:hover .pic p,.conslist2:hover .pic p,.news .firstnews:hover .pic p,.conslist4:hover .ctp p,.honor .new_lst .mright dd:Hover .ps p,.teambuild li:hover p,.environment_pics .article:Hover .p img
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.fixtop .toper ul.navpc li dl,.indprocess .mright li,.indcontrol .mright li,.indservicelist .mright ul.cate li,.indcase .mleft,.new-wrap2 .mright dd .a,.new-wrap2 .mright dd .a,.indsearch .mright input[type="text"],.show1 .mright,.show1 .mleft,.solution_adv li,.news .firstnews,.news .mleft,.honor .new_lst .mright,.contactbrand li .cons,.brandpower li,.message .list,.fixright li,.fixright li.wx .pc .cons
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.indprocess .mright li:hover .p img,.new-wrap2 .mleft dd:hover .cons .a i,.new-wrap2 .mright dd:hover .cons .m a,.contact li:hover .p img,.brandpower li:Hover .p 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: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:#555;font-weight:400;}strong,b {font-weight:600;}
a {color:#555}
a:hover,.fixtop .toper ul.navpc li dd p a:hover,.accordionservice .submenu p a:hover,.indservicelist .mright ul.list li .title:hover,.indservicelist .mright ul.list li .title a:hover,.new-wrap2 .mleft dd .cons .t a:hover,.new-wrap2 .mleft dd:hover .cons .t a,.new-wrap2 .mright dd:hover .cons .t a,.conslist .title a:hover,.conslist:hover .title a,.show4 li:hover .title a,.news .firstnews:hover .cons .t a,.news .mright dd .t a:hover,.conslist3:hover .cons .t a,.prevnext a:hover,.conslist4:Hover .ctt a{color:#0a1388}
.indcase .mleft li a:hover,.foot .menu li a:hover,.solution li:Hover .cons .t a {color:#e00112}
.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;}
hr {border:0; background:#92989d;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:50px 0 0px 0;text-align:center}
.pager {width:100%;} 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:0 15px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0} 
.pager a:hover,.pager span.current {color:#999;} 
.pager a,.pager span.disabled {color:#727171;} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:20px;}

::-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: #AAAAAA;}
:-moz-placeholder {color: #AAAAAA; } 
::-moz-placeholder { color: #AAAAAA; } 
:-ms-input-placeholder {color: #AAAAAA; }

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

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1390px;position:relative;}
.wrap1 {margin:0 auto;max-width:1600px;position:relative;}
.wrap2 {margin:0 auto;max-width:1105px;position:relative;}
.wrap3 {margin:0 auto;max-width:1200px;position:relative;}
.phonemenu { display:none;}

.fixtop { position:relative;left:0;top:0;width:100%; z-index: 9999;height:205px; background: #f0f0f0}
.fixtop .header {height:155px;color:#0a1388;  }
.fixtop .header .logo {float:left;width:254px; height: 86px;background:url(../images/logo.png) no-repeat center;background-size:100%; position:relative;left:0;top:34px;}
.fixtop .header .logo a { display:block;width:100%;height:100%}
.fixtop .header .tel {float:left;width:285px;margin:27px 20px 0 35px;border-left:3px solid #0a1388;padding:0 0 0 25px;height: 100px}
.fixtop .header .tel .t2 {font-size:23px; line-height: 23px; letter-spacing: 2px}
.fixtop .header .tel .t {font-size:38px; line-height: 38px;font-weight:900;margin:8px 0 6px 0}
.fixtop .header .tel .c { background: #0a1388;color:#fff; height: 25px; line-height: 23px; overflow: hidden;font-size:18px; display: inline-block;font-weight:300;padding:0 5px}
.fixtop .header .ad {float:left;width:270px;border-left:3px solid #0a1388; height: 100px;padding:0 0 0 40px;margin:27px 0 0 0}
.fixtop .header .ad .t {border-bottom:3px solid #e50012;font-size:22px; line-height: 22px;font-weight:600; display: inline-block;padding:0 0 10px 0;margin:0 0 5px 0}
.fixtop .header .ad .c {font-size:23px;line-height: 1.3}
.fixtop .header .search {float:right;width:405px;padding:28px 0 0 0;}
.fixtop .header .search .t {font-size:19px; line-height: 19px;font-weight:600}
.fixtop .header .search .c {color:#555; line-height:20px; height:20px; overflow: hidden;margin:11px 0 12px 0;font-size:15px}
.fixtop .header .search .s #k {display: inline-block; vertical-align: top;border:1px solid #cccccc;width:262px;height:38px; line-height: 38px;border-top-left-radius:8px;border-bottom-left-radius:8px;padding:0 20px 0 40px; background: #fff url("../images/zoom.png") no-repeat 10px 10px;}
.fixtop .header .search .s #sbtn { background:#0a1388;color:#fff; height: 40px; line-height: 40px;width:80px; display: inline-block; vertical-align: top; cursor: pointer;font-size:15px;font-weight:300;border-top-right-radius:8px;border-bottom-right-radius:8px}
.fixtop .toper { background: #0a1388; height: 50px;position: relative;left:0;top:0;width:100%;}
.fixtop .toper ul.navpc { text-align:center}
.fixtop .toper ul.navpc li {display:inline-block; vertical-align:top; position: relative;margin:0 0 0 41px;}
.fixtop .toper ul.navpc li:nth-child(1) {margin:0}
.fixtop .toper ul.navpc li a { display: block; height:50px; line-height: 50px;color:#fff;font-size:15px}
.fixtop .toper ul.navpc li.check a.a,.fixtop .toper ul.navpc li:hover>a.a {color:#e50012}
.fixtop .toper ul.navpc li dl { position:absolute; left:0;top:0;width:140px;left:50%;margin-left:-70px;background:rgba(255,255,255,0.95); text-align: center;top:50px; display: none;padding:10px}
.fixtop .toper ul.navpc li dd p {margin:10px 0}
.fixtop .toper ul.navpc li dd p a {color:#555;height:auto; line-height: 25px;}
.tblank { height:0;}
.fixtop.active .toper {position: fixed;}
.indpics .item { height:984px; position: relative;}
.youbrand { background:url("../images/1.jpg") no-repeat center; background-size:cover;color:#fff;padding:35px 0 40px 0; text-align: center}
.youbrand .t {font-size:40px; line-height: 50px;}
.youbrand .c {font-size:16px; line-height: 1.4; text-transform: uppercase;opacity:0.5;FONT-WEIGHT:100;margin:5px 0 0 0; letter-spacing:0.5px}
.youbrand2 {padding:50px 0}
.youbrand2 .t {font-weight:600}
.youbrand2 .c {opacity:1;font-weight:400}

#myvideo {object-fit:cover; }
.videos{position: relative; text-align:center; background: #000;padding:45px 45px 35px 45px}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/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}
.indabout {padding:60px 0}
.indabout .content {font-size:32px; line-height: 1.4;color:#333;font-weight:500;margin:20px 0 35px 0}
.indabout .wrap {max-width:1100px; text-align: center}
.indsubject .icon { background:url("../images/logosmall.png") no-repeat center;width:111px; height: 16px; background-size:cover;margin:0 0 12px 0}
.indsubject .t {font-size:40px; line-height: 50px;font-weight:600;color:#0a1388}
.indsubject .e {font-size:20px; line-height:25px; text-transform: uppercase;color:#888;font-weight:300;margin:5px 0 0 0}
.indsubject i { display: block;width:70px; height: 1px; background: #0a1388;margin:35px 0 0 0}

.indprocess { position:relative;margin:70px 0}
.indprocess .mleft { position:absolute;left:0;top:0;width:420px;}
.indprocess .mleft .content {color:#888;max-width:90%;margin:32px 0 0 0;font-size:16px}
.indprocess .mright {margin:0 0 0 440px}
.indprocess .mright ul {width:100.8%;margin:-0.8% 0 0 -0.4%}
.indprocess .mright li {border:1px solid #f0f0f0; text-align: center;width:15.8666%;margin:0.8% 0.4% 0 0.4%;padding:50px 0px 20px 0px;float:left;}
.indprocess .mright li .p { height: 64px}
.indprocess .mright li .t {color:#333;font-size:20px; line-height: 30px;margin:23px 0 20px 0;font-weight:500}
.indprocess .mright li .c {color:#888; line-height: 1.6;min-height:80px}

.indsubject .t font {color:#e50012;font-size:56px; line-height:66px}
.indcontrol { position:relative;margin:70px 0}
.indcontrol .mleft { position:absolute;right:0;top:0;width:480px; text-align: right}
.indcontrol .mleft .indsubject {top:130px; position: relative}
.indcontrol .mleft .indsubject .icon,.indcontrol .mleft .indsubject i {margin-right:0;margin-left:auto}
.indcontrol .mright {margin:0 520px 0 0}
.indcontrol .mright li {width:25%;padding:45px 2% 20px 2.7%;float:left;min-height:430px; background-position: center;background-repeat:no-repeat; background-size:cover;}
.indcontrol .mright li .n {font-size:40px; line-height: 40px;color:#333;}
.indcontrol .mright li .t {color:#0a1388;font-size:32px; line-height: 42px;margin:20px 0 0 0;font-weight:600}
.indcontrol .mright li .t2 {color:#0a1388; line-height: 26px; margin:5px 0 35px 0;text-transform: uppercase;font-size:16px}
.indcontrol .mright li .c {color:#333;font-size:16px}

.indprocess2 .mleft {width:470px;top:80px}
.indprocess2 .mright {margin:0 0 0 530px}
.indprocess2 .mright ul {width:102%;margin:-2% 0 0 -1%}
.indprocess2 .mright li {border:1px solid #ccc; width:31.3333%;margin:2% 1% 0 1%;padding:30px 0px 20px 0px;float:left; overflow: hidden; position: relative}
.indprocess2 .mright li .t {font-size:24px; line-height: 34px;margin:20px 0 5px 0;}
.indprocess2 .mright li .c {font-size:16px;min-height:45px}
.indprocess2 .mright li .n { position:absolute; z-index: -1;right:-50px;bottom:-50px;color:#f9f9f9;font-size:250px; line-height:250px;font-weight:900}

#certify {position: relative;}
#certify .swiper-slide {width:350px;height:508px; position: relative;cursor: pointer;}
#certify .swiper-slide p {width:350px;height:458px;}
#certify .swiper-slide p:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%; background: #fff; z-index: 100;opacity:0.5}
#certify .swiper-slide-active p:before {opacity:0}
#certify .swiper-slide h2 { position:absolute;left:0;width:100%;bottom:0px; text-align:center; z-index: 999;color:#333;font-size:20px; line-height: 25px;font-weight:500;opacity:0}
#certify .swiper-slide-active h2 {opacity:1}
#certify .swiper-button-prev {left: 0;width:36px;height:60px; line-height:60px;top:50%;margin-top:-43px;background: #f0f0f0 url(../images/lunbo_17.png) no-repeat;background-size: 100%;text-align:center;}
#certify .swiper-button-prev:before {content: "\e679";font-family:"iconfont"; font-size:25px;}
#certify .swiper-button-prev:hover { background:#0a1388;color:#fff;}
#certify .swiper-button-next {right: 0;width:36px;height:60px; line-height:60px;top:50%;margin-top:-43px;background:#f0f0f0 url("../images/lunbo_20.png") no-repeat;background-size: 100%;text-align:center;}
#certify .swiper-button-next:before {content: "\e6a3";font-family:"iconfont"; font-size:25px;}
#certify .swiper-button-next:hover {background:#0a1388;color:#fff;}
.indcontrol2 {margin-top:80px}
.indcontrol2 .mleft .indsubject {top:0}
.indcontrol2 .mleft {top:50%;margin-top:-90px}

.indcontrol2 .mleft {width:500px; }
.indcontrol2 .mright {margin:0 540px 0 0}

.indservice {border-bottom:1px solid #0a1388;color:#0a1388;padding:0 0 30px 0;margin:0 0 30px 0}
.indservice .c1 {float:left;width:44%;font-size:32px; line-height: 42px;font-weight:600;}
.indservice .c2 {float:right;width:52%;font-size:16px; line-height: 26px;text-transform: uppercase; text-align: right;margin:10px 0 0 0}

.indservicelist {margin:0 0 60px 0}
.indservicelist .mleft {float:left;width:18.5%}
.indservicelist .mleft .subject { background: #e50113; height: 50px; line-height: 50px;color:#fff;font-size:16px; text-align: center;margin:0 0 15px 0}
.indservicelist .mright {float:right;width:79.5%}
.indservicelist .mright ul.cate li {float:left;border-left:2px solid #fff; text-align: center;}
.indservicelist .mright ul.cate li a { display:block;font-size:16px;color:#fff; background: #0a1388;padding:0 10px; height: 50px; line-height: 50px; overflow: hidden}
.indservicelist .mright ul.cate li a:hover { background:#e50113;}
.indservicelist .mright ul.cate li a i { background:url("../images/1.png") no-repeat center;width:18px; height: 11px; display: inline-block; vertical-align: top;margin:20px 10px 0 0; background-size:100%}
.indservicelist .mright ul.cate li:nth-child(1) {width:22%;border:0;}
.indservicelist .mright ul.cate li:nth-child(2) {width:20%}
.indservicelist .mright ul.cate li:nth-child(3) {width:13.5%}
.indservicelist .mright ul.cate li:nth-child(4) {width:13.5%}
.indservicelist .mright ul.cate li:nth-child(5) {width:13.5%}
.indservicelist .mright ul.cate li:nth-child(6) {width:17.5%}
.indservicelist .mright ul.list {width:102%;margin:-20px 0 0 -1%}
.indservicelist .mright ul.list li {float:left;width:23%;margin:20px 1% 0 1%; text-align: center}
.indservicelist .mright ul.list li .pic {border:1px solid #ccc;padding:30px; position: relative; overflow: hidden}
.indservicelist .mright ul.list li .pic a { display:block; position: relative;padding:59.7% 0;width:100%}
.indservicelist .mright ul.list li .title { height:20px; line-height: 20px; overflow: hidden;margin:10px 0 0 0}
.indservicelist .mright ul.list li .title a {font-size:14px;color:#333}

.accordionservice li {margin:2px 0 0 0}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; height: 50px; line-height: 50px;font-size:16px; text-align: center;color:#fff; background: #0a1388; overflow: hidden;padding:0 10px}
.accordionservice li.open .link {}
.accordionservice .submenu {display:none; background: #f9f9f9; text-align: center}
.accordionservice .submenu p {border-bottom:1px dashed #ccc}
.accordionservice .submenu p a {font-size:14px;color:#333; line-height: 19px;padding:10px 10px; display: inline-block}

.new_telst {margin:30px 0 50px 0}
.new_telst li {cursor: pointer; display:inline-block; vertical-align:top; width:165px; height: 38px; line-height: 37px;border:1px solid #ccc; text-align: center;font-size:18px;color:#333; background: #fff;border-radius:8px;margin:0 30px;font-weight:500}
.new_telst li.newon { background: #0a1388;border-color:#0a1388;color:#fff}
.new-wrap {min-height:380px}
.new_lst {display: none;}
.new-wrap .show {display: block;}
.new_lst .item .pic {position:relative;padding:66% 0; overflow: hidden}
.new_lst .item .title { height:20px; line-height: 20px; overflow:hidden;margin:15px 0 0 0;font-size:14px;color:#333}

.indhonor { background:url("../images/2.jpg") no-repeat center; background-size:cover;padding:50px 0 60px 0; text-align: center}
.indhonor .owl-carousel {padding:0 72px;width:auto}
.indhonor .owl-carousel .owl-nav{margin-top:-30px;}
.indhonor .owl-carousel .owl-nav .owl-prev {left:0;width:36px; height: 60px; background: #f0f0f0}
.indhonor .owl-carousel .owl-nav .owl-prev:before {content: "\e679";font-family:"iconfont"; font-size:25px;color:#555;height:60px;line-height:60px;border-radius:0;}
.indhonor .owl-carousel .owl-nav .owl-next {right:0;width:36px; height: 60px; background: #f0f0f0}
.indhonor .owl-carousel .owl-nav .owl-next:before {content: "\e6a3";font-family:"iconfont"; font-size:25px;color:#555;height:60px; line-height:60px;border-radius:0;}
.indhonor .owl-carousel .owl-nav .owl-prev:hover:before,.indhonor .owl-carousel .owl-nav .owl-next:hover:before{background:#0a1388;color:#fff}

.indcase {padding:50px 0}
.indcase .indsubject {margin:0 0 40px 0}
.indcase .mleft {float:left;width:29%; background: url("../images/3.jpg") no-repeat center; background-size:cover;color:#fff;padding:70px 3% 50px 4.5%;}
.indcase .mleft .e {font-size:20px; line-height: 20px; text-transform: uppercase;}
.indcase .mleft .t { position:relative;font-size:32px; line-height: 32px;font-weight:600;margin:10px 0 66px 0}
.indcase .mleft .t:before {content:'';position:absolute;left:0;bottom:-30px;width:60px; height: 1px; background: #fff;}
.indcase .mleft li {margin:20px 0}
.indcase .mleft li a {font-size:20px; line-height: 30px;color:#fff;font-weight:300}
.indcase .mright {float:right;width:71%}
.indcase .mright li {float:left;width:33.3333%;padding:11.2% 0;position: relative; overflow:hidden}
.indcase .mright li p{transform:scale(1.01);-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);-ms-transform:scale(1.01)}
.indcase .mright li h2 { position:absolute;left:10px;bottom:2px;z-index: 100;opacity:1}
.indcase .mright li h2 span {display: inline-block;padding:0 10px;background:#0a1388;height: 35px; line-height: 34px;overflow: hidden;color:#fff;font-size:16px;font-weight:300}
.indcase .mright li:hover h2 {opacity:0}

.indwelfare { background:#f3f3f3;padding:50px 0; text-align: center;}
.indwelfare ul {width:101.6%;margin:-1.6% 0 0 -0.8%;padding:50px 0 0 0}
.indwelfare li {float:left;width:31.7333%;margin:1.6% 0.8% 0 0.8%; position: relative; overflow: hidden;border-radius:10px;padding:10.5% 0; text-align:left;}
.indwelfare li .cons { position:absolute;left:0;top:0;width:100%; height:100%; z-index: 100; background: rgba(0,0,0,0)}
.indwelfare li .in {position:absolute;left:5%;bottom:7%;width:90%; z-index: 150; color:#fff;font-weight:300;font-size:16px; line-height: 26px;}
.indwelfare li .in .t {font-size:18px}
.indwelfare li:hover .cons { background: rgba(0,0,0,0.6)}

.indnews { background: #f9f9f9;padding:50px 0; text-align:center}
.indnews .indsubject {margin-bottom:50px}
.new_telst2 {float:left;width:20%}
.new_telst2 li {cursor: pointer;width:100%; height:58px; line-height: 57px;border:1px solid #ccc;font-size:20px;color:#888; background: #fff;margin:0 0 10px 0}
.new_telst2 li a {font-size:20px;color:#888;}
.new_telst2 li a i { display:inline-block; vertical-align: top; background:url("../images/2.png") no-repeat center; background-size:100%;width:18px; height: 11px;margin:24px 10px 0 0}
.new_telst2 li.newon { background: #0a1388;border-color:#0a1388;color:#fff;}
.new_telst2 li.newon a {color:#fff}
.new_telst2 li.newon a i { background:url("../images/1.png") no-repeat center; background-size:100%;}
.new-wrap2 {float:right;width:77.5%;}
.new_lst2 {display: none;}
.new-wrap2 .show {display: block;}
.new-wrap2 .mleft {float:left;width:56%;}
.new-wrap2 .mleft dd { position:relative; background: #fff;margin:0 0 10px 0;padding:25px 25px 20px 25px; text-align:left;}
.new-wrap2 .mleft dd .pic { position:absolute; overflow: hidden;width:100px;height:100px}
.new-wrap2 .mleft dd .cons {margin:0 0 0 120px}
.new-wrap2 .mleft dd .cons .t { height:20px; line-height: 20px; overflow: hidden; position: relative;top:-3px}
.new-wrap2 .mleft dd .cons .t a {font-size:18px;color:#333;font-weight:500}
.new-wrap2 .mleft dd .cons .c {coloR:#aaa;font-weight:300; line-height:25px; height:50px; overflow: hidden;margin:14px 0 0 0}
.new-wrap2 .mleft dd .cons .a {border-top:1px solid #ccc;margin:15px 0 0 0; position: relative;color:#888;font-size:14px; line-height: 14px;padding:16px 0 0 0}
.new-wrap2 .mleft dd .cons .a p,.new-wrap2 .mright dd .a p {font-size:30px; line-height: 30px;font-weight:600;margin:0 0 5px 0}
.new-wrap2 .mleft dd .cons .a i { display:block;position: absolute;right:0;top:33px;width:27px;height:27px; background:url("../images/3.png") no-repeat center; background-size:100%}
.new-wrap2 .mleft dd .cons .a i a { display:block;width:100%;height:100%}
.new-wrap2 .mright {float:right;width:43%; text-align:left;}
.new-wrap2 .mright dd {position:relative; background: #fff;margin:0 0 10px 0; height: 100px;}
.new-wrap2 .mright dd .a { position:absolute;left:0;top:15px;width:115px;height:70px; border-right:1px solid #ccc;font-size:14px; line-height: 14px;color:#888;padding:8px 0 0 33px}
.new-wrap2 .mright dd .cons {margin:0 30px 0 145px}
.new-wrap2 .mright dd .cons .t { height:44px; line-height: 22px; overflow: hidden; position: relative;top:16px;margin:0 0 26px 0}
.new-wrap2 .mright dd .cons .t a{font-size:16px;color:#333;font-weight:500; display: block}
.new-wrap2 .mright dd .cons .m a {background:url("../images/2.png") no-repeat center;width:16px;height:10px; background-size:100%; display: block}

.indpart { background:url("../images/4.jpg") no-repeat center; background-size:cover;color:#fff;padding:50px 0 60px 0}
.indpart .mleft {float:left;width:55%;padding:20px 0 0 0}
.indpart .mleft .t {font-size:40px; line-height: 50px;font-weight:600}
.indpart .mleft .t2 { text-transform: uppercase;font-size:20px; line-height: 30px;margin:3px 0 30px 0;font-weight:300}
.indpart .mleft .c {font-size:16px; line-height: 2.2;max-width:450px}
.indpart .mleft .c li { position:relative;padding:0 0 0 15px}
.indpart .mleft .c li:before {content:'';position:absolute;left:0;top:16px;width:4px; height:4px;border-radius:50%; background: #fff;}
.indpart .mright {float:right;width:40%; text-align: right;}
.indsearch { background: #014873;color:#fff;padding:50px 0;min-height:70px}
.indsearch .cons { position:absolute;left:0;top:-10px;font-size:24px; line-height: 39px}
.indsearch .mright {margin:0 0 0 280px}
.indsearch .mright input[type="text"] { background: #fff;height:45px; line-height: 45px;border-radius:8px;padding:0 15px;float:left;font-weight:300;width:27%}
.indsearch .mright #mtel {margin:0 2.5%}
.indsearch .mright #mbtn {margin:0 0 0 2.5%;background: #fff;height:45px; line-height: 43px;border-radius:8px;float:left;width:11.5%; cursor: pointer;font-size:18px; text-align: center;font-weight:500; background: #e00112;color:#fff;}
.indsearch .mright #mbtn:hover { background: #0a1388}

.bannerin { background-position:center; background-repeat: no-repeat;background-size:cover; height:800px}

.pro_int {margin:50px 0}
.pro_int .mleft {width:38%; display: inline-block; vertical-align: middle}
.pro_int .mleft img {width:100%}
.pro_int .mright {width:48%;margin:0 0 0 14%; vertical-align:middle; display: inline-block}
.pro_int .mright .cons {font-size:16px;color:#333;margin:40px 0 0 0}
.pro_fea { background:#f6f6f6; text-align:center;padding:40px 0 60px 0}
.pro_fea .cons {margin:50px 0 0 0}
.namemj { position:absolute;top:-50px;width:100%; height: 0;left:0;}

.pro_app {text-align:center;margin:50px 0 60px 0}
.pro_app .cons {font-size:16px;color:#333;margin:30px 0 0 0}
.pro_app .cons .max {margin:0 auto;max-width:680px}
.pro_con { text-align:center; background: #f6f6f6;padding:50px 0 100px 0}
.pro_con ul {width:108%;margin:20px 0 0 -4%;text-align: left;}
.pro_con li {float:left;width:42%;margin:35px 4% 0 4%;border-bottom:1px solid #cccccc;padding:0 0 20px 0; position: relative}
.pro_con li i {border-radius:50%;position:absolute;left:0;top:0;width:35px; line-height: 34px;height:35px; background: #0a1388;color:#fff;font-size:16px;font-weight:600; text-align: center; display: block}
.pro_con li .cons {margin:0 0 0 45px}
.pro_con li .cons .t,.pro_con .content .t {font-size:20px;color:#0a1388; line-height: 30px;margin:0 0 10px 0;font-weight:500}
.pro_con li .cons .c,.pro_con .content .c {font-size:16px; line-height: 1.8}
.pro_con .content { text-align:left; background: #f0f0f0;border-radius:10px;padding:25px;margin:40px 0 0 0}
.pro_con .content .t {margin:0 0 0px 0}
.pro_con li.li226,.pro_con li.li233 {min-height:124px}
.pro_int2 .mleft {width:30%}
.pro_int2 .mright {width:51%}
.pro_int3 .mleft {width:32%}
.pro_int3 .mright {width:49%}

.product {padding:70px 0 120px 0}
.product .cate {margin-top:30px}
.product .cate li {float:left;}
.product .cate li a {border:1px solid #eeeeee;border-radius:8px; height:45px; line-height: 44px; display: inline-block;padding:0 25px;margin:25px 25px 0 0;color:#888}
.product .cate li a:hover,.product .cate li.check a { background:#0a1388;color:#fff;border-color:#0a1388}

.product .list {width:102.4%;margin:30px 0 0 -1.2%}
.conslist {float:left;width:30.9333%; position:relative;margin:50px 1.2% 0 1.2%;}
.conslist .pic {background: url("../images/1.gif") no-repeat center; background-size:cover; }
.conslist .pic a { display: block;padding:50px 93px;}
.conslist .pic .p {position: relative;padding:59.6% 0;}
.conslist .title { height: 20px; line-height: 20px; overflow: hidden; text-align: center;margin:25px 0 30px 0}
.conslist .title a {font-size:16px;color:#222}
.conslist .icon a { display: block;width:135px; height: 38px; line-height: 38px;border:1px solid #222;border-radius:25px; text-align: center;margin:0 auto}
.conslist .icon a i {font-size:18px;color:#222}
.conslist:hover .icon a { background:#0a1388;color:#fff;border-color:#0a1388}
.conslist:hover .icon a i {color:#fff;}

.get_more{text-align:center;float:left;width:155px;left:50%;margin:120px 0 0 -77px; position:relative; z-index:9999;}
.get_more p {background:#f0f0f0;width:100%;margin:0 auto; height:50px; line-height:48px;font-size:18px;color:#333;font-weight:500;border-radius:8px}
.get_more p:Hover {background:#0a1388;color:#fff}

.show1 {margin:50px 0 0 0;border:1px solid #d9d9d9;border-top-right-radius:10px;border-bottom-right-radius:10px; position: relative}
.show1:before { content:''; position: absolute;left:0;top:0; height:100%;width:56%; z-index: -1; background: url("../images/1.gif") no-repeat center; background-size:cover;}
.show1 .mleft {float:left;width:56%;padding:60px 100px;border-right:1px solid #d9d9d9;}
.show1 .mleft img {width:100%}
.show1 .mright {float:left;width:44%;padding:30px 35px 25px 35px;border-left:1px solid #d9d9d9;margin-left:-1px}
.show1 .mright .t {font-size:40px; line-height: 50px;font-weight:600;color:#333}
.show1 .mright .t i { display:block;}
.show1 .mright .t2 {font-size:25px; line-height: 35px;color:#333;font-weight:500;margin:20px 0 0 0}
.show1 .mright .s {font-size:32px; line-height: 32px;color:#0a1388;font-weight:600;margin:45px 0}
.show1 .mright .gs {font-size:16px;color:#888}
.show1 .mright .m { position:relative;margin:50px 0 0 0}
.show1 .mright .m p { background:#0a1388;width:140px; height: 40px; line-height: 40px; text-align: center}
.show1 .mright .m p:hover { background:#e00112}
.show1 .mright .m p a {font-size:16px;color:#fff; display: block}
.show1 .mright .m p i { display:inline-block; vertical-align: top; background:url("../images/1.png") no-repeat center;width:18px; height: 11px; background-size:100%;margin:16px 10px 0 0}
.show1 .mright .m h2 {color:#888;font-size:16px; position:absolute;bottom:-5px;left:160px;}
.show2 {margin:40px 0 0 0;padding:25px 40px 30px 40px;border-radius:10px; background: #f6f6f6}
.show2 .t {font-size:32px; line-height: 42px;color:#0a1388;font-weight:600;margin:0 0 20px 0}
.show2 .c {font-size:16px;color:#333;}
.show2 .c li { position:relative;padding:0 0 0 15px}
.show2 .c li:before {content:''; position: absolute;left:0;top:16px;width:4px;height: 4px;background: #333;border-radius:50%;}
.show3 .t,.show3 .c {color:#e00112}
.show3 .c li:before {background: #e00112;}
.show4 { text-align:center;margin:60px 0 120px 0}
.show4 ul {width:102%;margin:0 0 0 -1%;}
.show4 li {float:left;width:23%;margin:40px 1% 0 1%}
.show4 li .pic { background: #f6f6f6;border-radius:10px;}
.show4 li .pic a { display:block;padding:40px 60px}
.show4 li .pic a h2 {padding:59.7% 0; position: relative;}
.show4 li .title { height:20px; line-height: 20px; overflow: hidden;margin:20px 0 0 0}
.show4 li .title a {color:#333;font-size:16px;}

.stareng { background: #f6f6f6;padding:80px 0 50px 0; text-align: center}
.stareng .cons {max-width:410px;font-size:16px;color:#333;margin:40px auto 0 auto}
.starpics { background:url("../images/5.jpg") no-repeat center bottom; background-size:cover;}
.starpics .item { position:relative; overflow: hidden;padding:43.7% 0}

.indnum {padding:100px 0}
.indnum ul { text-align:center}
.indnum li { display:inline-block; vertical-align: top;margin:0 0 0 135px;position: relative; text-align:left;}
.indnum li:before {content:'';width:2px; height: 70px; background: #d8d8d8; position: absolute;right:-67px;top:23px}
.indnum li:nth-child(3):before {display:none;}
.indnum li h3,.indnum li h4 { display:inline-block; vertical-align: top;}
.indnum li h3 {color:#0a1388;font-size:69px; line-height: 69px;font-weight:600}
.indnum li h4 {font-size:34px; line-height: 34px;font-weight:600;color:#0a1388;margin:7px 0 0 5px}
.indnum li .content {color:#888;font-size:20px;margin:5px 0 0 0}
.indnum li:nth-child(1) {margin:0}

.solution_adv { background:url("../images/6.jpg") no-repeat center top; background-size:cover;padding:70px 0 70px 0; text-align: center}
.solution_adv .indsubject .t {color:#fff}
.solution_adv .indsubject .e {color:#fff;opacity:0.5}
.solution_adv ul {width:101%;margin:-1% 0 0 -0.5%;padding:60px 0 0 0}
.solution_adv li {float:left;width:15.6666%;margin:1% 0.5% 0 0.5%; text-align: left; background: rgba(255,255,255,0.85);padding:20px 15px 10px 25px; position: relative;top:0}
.solution_adv li .t {font-size:20px; line-height: 30px;font-weight:600;color:#333;margin:0 0 10px 0;}
.solution_adv li .c {color:#888; line-height: 1.8;min-height:90px}
.solution_adv li:hover {top:-10px}

.solution {margin:0 0 60px 0}
.solution .subject {color:#0a1388;font-size:40px; line-height: 50px; font-weight:600; text-align: center; position: relative;margin:100px 0 50px 0}
.solution .subject:before {content:'';position:absolute;left:50%;width:70px;margin-left:-35px;height:2px; background: #0a1388;bottom:-50px;}
.solution ul {width:101%;margin:-1% 0 0 -0.5%;padding:60px 0 0 0}
.solution li { background:#f6f6f6;width:24%;margin:1% 0.5% 0 0.5%;float:left;}
.solution li .pic { position:relative; overflow: hidden;padding:41.8% 0}
.solution li .cons {padding:20px 30px 25px 30px}
.solution li .cons .t { height: 30px; line-height: 30px; overflow: hidden;margin:0 0 15px 0}
.solution li .cons .t a {font-size:24px;color:#0a1388;font-weight:600}
.solution li .cons .c { line-height: 25px; height: 100px; overflow: hidden;color:#888;font-size:14px;}

.solution_case { background:#f9f9f9; text-align: center;padding:60px 0 100px 0}
.solution_case .list {width:102%;margin:-2% 0 0 -1%;padding:50px 0 0 0}
.conslist2  {float:left;width:31.3333%;margin:2% 1% 0 1%}
.conslist2 .pic { position:relative; overflow: hidden;padding:34% 0}
.conslist2 .title { background:#f0f0f0; height: 70px; line-height:68px; overflow: hidden;padding:0 30px;font-size:18px;color:#222; text-align:left;}
.conslist2:Hover .title { background:#0a1388;color:#fff}
.solution_case .get_more {margin-top:60px}

.sshow .subject {border-bottom:1px solid #ccc;padding:70px 0 20px 0;margin:0 0 55px 0}
.sshow .subject .t {font-size:40px; line-height: 50px;font-weight:600;color:#0a1388;}
.sshow .subject .e {color:#888;font-size:20px; line-height: 25px; text-transform:uppercase;font-weight:300;margin:5px 0 0 0}
.sshow .cons1 {float:left;width:47%;}
.sshow .cons2 {float:right}
.sshow .cons1 .t {font-size:32px; line-height: 32px;color:#333;font-weight:600; position: relative;margin:0 0 45px 0}
.sshow .cons1 .t:before {content:''; position: absolute;left:0;bottom:-25px; background: #ccc;width:65px; height: 2px;}
.sshow .cons1 .c {color:#888;font-size:16px;}
.sshow .cons3 {margin:80px 0 120px 0;}

.news .cate { text-align:center;margin:80px 0 65px 0}
.news .cate li { display:inline-block; vertical-align: top;margin:0 0 0 25px}
.news .cate li a { display:inline-block; vertical-align: top; height:50px; line-height: 49px; padding:0 35px;border-radius:8px;font-size:20px;color:#888; background: #e9e9e9;}
.news .cate li a:Hover,.news .cate li.check a { background:#0a1388;color:#fff;}
.news .firstnews { background: #fafafa; position: relative;padding:25px; height:303px;margin:0 0 70px 0}
.news .firstnews .pic { position:absolute;left:25px;top:25px;width:350px;height:253px; overflow: hidden}
.news .firstnews .cons {margin:0 0 0 425px;padding:30px 0 0 0}
.news .firstnews .cons .t {height:35px; line-height: 35px; overflow: hidden}
.news .firstnews .cons .t a{font-size:28px;color:#333;font-weight:600}
.news .firstnews .cons .c {color:#888;font-size:14px; line-height: 30px; height:60px; overflow: hidden;margin:27px 0 32px 0}
.news .firstnews .cons .m {}
.news .firstnews .cons .m a {width:140px; height: 35px; line-height: 34px; border:1px solid #0a1388;font-size:16px; text-align: center; display: block;color:#0a1388}
.news .firstnews .cons .m a i { display:inline-block; vertical-align: top; background: url("../images/4.png") no-repeat center;width:18px; height: 11px; background-size:100%;margin:12px 15px 0 0}
.news .firstnews:hover .cons .m a { background:#0a1388;color:#fff;}
.news .firstnews:Hover .cons .m a i {background: url("../images/1.png") no-repeat center;background-size:100%}
.news .mleft {float:left;width:73%;padding:0 0 120px 0;margin-top:-25px}
.news .mleft .get_more {margin-top:80px}
.conslist3 .in { position:relative;border-bottom:1px solid #ccc; height: 146px}
.conslist3 .addtime {width:80px;height:100px; position: absolute;left:0;top:23px;color:#0a1388; text-align: center; background: #f5f5f5;}
.conslist3 .addtime p {font-size:44px; line-height: 44px;padding:11px 0 0 0;}
.conslist3 .addtime span {font-size:14px;line-height: 14px;}
.conslist3:hover .addtime { background:#0a1388;color:#fff;}
.conslist3 .cons {margin:0 0 0 105px;padding:27px 0 0 0}
.conslist3 .cons .t { height: 22px; line-height: 22px; overflow: hidden;margin:0 0 20px 0}
.conslist3 .cons .t a {font-size:18px;color:#333;font-weight:500;}
.conslist3 .cons .c {font-size:14px;color:#888; line-height: 25px; height:50px; overflow: hidden}
.news .mright {float:right;width:25%; background: #fafafa;margin:0 0 120px 0}
.news .mright dt {font-size:18px; height: 55px; line-height: 55px;color:#fff;padding:0 25px; background: #0a1388}
.news .mright dd {border-bottom:1px dashed #ccc;padding:20px 25px 18px 25px;}
.news .mright dd .t { height:20px; line-height: 20px; overflow: hidden;margin:0 0 8px 0}
.news .mright dd .t a { display:inline-block; line-height: 25px;font-size:16px;color:#333}
.news .mright dd .a {font-size:14px;color:#888;}
.news .mright dd.wx {text-align:center;border:0;padding-bottom:30px}
.news .mright dd.wx h2 { display:inline-block; vertical-align: top;width:105px; text-align:left;}
.news .mright dd.wx h2:nth-child(1) {margin:0 25px 0 0}
.news .mright dd.wx h2 span {font-size:13px;color:#aaa; line-height: 18px; display: block;margin:5px 0 0 0}

body.bg { background:#f9f9f9}

.nshow .wrap3 {max-width:1090px}
.nshow .mleft {width:70.5%;}
.nshow .mright {width:27.5%; }

.nshow .mleft,.nshow .mright { background:#fff;}
.nshow .mleft {margin-top:0;padding:60px;margin-bottom:120px }
.nshow .mleft .nst {font-size:35px; line-height: 50px;font-weight:600;color:#333; text-align: center}
.nshow .mleft .nst2 {font-size:16px;color:#888; text-align: center;border-bottom:1px solid #f0f0f0;padding:10px 0 30px 0;margin:0 0 40px 0}
.nshow .mleft .nsc {font-size:16px}
.nshow .mleft .nsc img {margin:5px 0}
.prevnext {border-top:1px solid #f0f0f0;margin:30px 0 0 0;padding:25px 0 0 0;color:#333; line-height: 28px}
.prevnext .prev {float:left;width:45%}
.prevnext .next {float:right;width:45%;}
.prevnext a {color:#333;}
.prevnext div { position:relative}
.prevnext div p i { position:absolute;left:0;top:0}
.prevnext div span { display:block;margin:0 0 0 62px;}
.nsshare { position:relative;padding:0 0 0 62px;margin:80px 0 0 0;}
.nsshare p {position:absolute;left:0;top:-2px;font-size:14px;color:#888}
.nsshare * {transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;}
.nsshare .bshare-custom a {margin:0 10px 0 0}

.charity .indsubject { text-align:center;margin:60px 0}
.charity .mleft {width:75.8%;margin:0}
.charity .mright {width:21.9%}
.charity .mleft .list {width:103%;margin:-30px 0 0 -1.5%}
.conslist4 {float:left;width:30.3333%;margin:30px 1.5% 0 1.5%}
.conslist4 .ctp { position:relative; overflow: hidden;padding:33.6% 0}
.conslist4 .ctt { height: 25px; line-height: 25px; overflow: hidden;margin:15px 0 0 0}
.conslist4 .ctt a {font-size:18px;font-weight:500;color:#333}
.conslist4 .cta {font-size:14px;border-bottom:1px solid #ccc;padding:2px 0 10px 0;color:#333}

.cshow .indsubject { text-align:center;margin:60px 0}
.company {text-align:center}
.company .indsubject {margin:65px 0 -40px 0}
.about2 .c1 { text-align:left;font-size:16px;margin:-20px 0 0 0}
.about2 .logo { background:url("../images/5.png") no-repeat center;width:335px; height: 26px; background-size:100%;margin:70px auto 15px auto}
.about2 .t1 {color:#0a1388;font-size:40px; line-height: 50px;font-weight:600; position: relative;margin:0 0 -10px 0; text-align: center}
.about2 .t1:before {content:''; position: absolute;left:50%;bottom:-45px;width:70px;height:2px; background: #0a1388;margin-left:-35px}
.aboutout {background:url("../images/7.jpg") no-repeat center bottom; background-size:100%}
.history { background: #f6f6f6; text-align: center;padding:50px 0 70px 0}
.history .c {margin:70px 0 0 0}

.culture {padding-bottom:75px}
.culture .indsubject .e {opacity:1}
.culture ul {max-width:1020px;margin:-1% auto 0 auto;padding:70px 0 0 0}
.culture li {width:32.3333%}
.culture li {padding:25px 20px 10px 35px}
.culture li .c {min-height:82px}
.culture li .t {margin:0 0 13px 0;}

.honor { background:none;margin:0 0 20px 0}
.honor .new_con {margin:50px 0 0 0}
.honor .new_telst li {width:170px; height:50px; line-height:49px;border-width:0;color:#888; background: #e0e0e0;border-radius:0;font-weight:400}
.honor .new_telst li.newon { background:#0a1388;color:#fff}
.honor .new_lst .mleft {float:left;width:39%; position:relative;padding:25.5% 0}
.honor .new_lst .mleft .cons { position:absolute;left:0;top:13%;width:100%; text-align:center;color:#fff; z-index: 100}
.honor .new_lst .mleft .cons .t {font-size:40px; line-height: 50px;font-weight:600;margin:0 0 5px 0}
.honor .new_lst .mleft .cons .c {font-size:24px; line-height: 34px; position: relative}
.honor .new_lst .mleft .cons .c:before {content:''; position:absolute;;width:70px;height: 1px; background: #fff;margin-left:-35px;bottom:-30px}
.honor .new_lst .mright {float:right;width:61%;padding:0 0 0 3.5%}
.honor .new_lst .mright dl {width:106%;margin:-30px 0 0 -3%;}
.honor .new_lst .mright dd {float:left;width:27.3333%;margin:30px 3% 0 3%}
.honor .new_lst .mright dd .ps { position:relative; overflow: hidden;padding:65.2% 0}
.honor .new_lst .mright dd .ts { height:25px; line-height: 25px; overflow: hidden;font-size:14px;color:#333;margin:13px 0 0 0}
.honor .owl-carousel {padding:0}
.honor .owl-carousel .owl-dots {bottom:-50px;}
.honor .owl-carousel .owl-dots .owl-dot span{background:#e0e0e0;width:10px; height: 10px;margin:0 5px;opacity:1}
.honor .owl-carousel .owl-dots .owl-dot.active span,.honor .owl-carousel .owl-dots .owl-dot:hover span{ background:#0a1388;}

.environment { background: #f9f9f9;padding:50px 0 60px 0}
.environment_pics {width:101.6%;margin:40px 0 0 -0.8%}
.environment_pics .article .p { overflow: hidden;}
.environment_pics .article .t {height:58px; line-height: 57px;font-size:16px;border:1px solid #ccc;border-top:0; text-align: center;padding:0 15px;margin:0 0 10px 0; overflow: hidden}
.environment_pics .article:Hover .t {border-color:#0a1388; background: #0a1388;color:#fff;} 
.wall-column {display: block;position: relative;width: 31.7333%;float: left;margin:0 0.8%}
.teambuild .indsubject {margin-bottom:45px}
.teambuild {padding:70px 0 90px 0}
.teambuild ul {width:102%;margin:-2% 0 0 -1%;position: relative}
.teambuild li {float:left;width:23%;margin:2% 1% 0 1%; position: relative; overflow: hidden;padding:11.5% 0}
.teambuild li h2 { position:absolute;left:0;bottom:0; display: inline-block; background: #0a1388;color:#fff;font-size:16px; line-height: 21px;padding:8px 20px 10px 20px; z-index: 100}
.teambuild li.li1,.teambuild li.li6 {width:48%;padding:24% 0}
.teambuild li.li4 { position:absolute;left:0;top:66.7%}
.teambuild li.li5 { position:absolute;left:25%;top:66.7%}

.contact {text-align:center;padding:0 0 120px 0}
.contact .logo { background:url("../images/logocontact.png") no-repeat center;width:446px; height: 162px; background-size:100%;margin:80px auto 100px auto}
.contact ul {width:104%;margin:-30px 0 0 -2%}
.contact li {float:left;width:21%;margin:30px 2% 0 2%}
.contact li .p,.contact li .p img { height:80px;}
.contact li .t {font-size:20px; line-height: 30px; color:#0a1388;margin:30px 0;font-weight:500}
.contact li .c {font-size:16px; line-height: 1.8;color:#333;max-width:90%;min-height:60px}
.contacttel { background:url("../images/8.jpg") no-repeat center; background-size:cover;padding:7% 0;color:#fff;}
.contacttel .tel { position: relative;font-size:35px; line-height:60px;padding:0 0 0 80px}
.contacttel .tel:before {content:''; position: absolute;left:0;top:0;width:57px; height: 57px; background: url("../images/6.png")  no-repeat center;background-size:100%}
.contacttel .tel font {font-weight:900;font-size:50px; display: inline-block; vertical-align: top;}
.contacttel .ad {float:right;font-weight:300;border:1px solid #fff;border-radius:10px; display: inline-block;font-size:20px; line-height: 25px;padding:8px 20px 10px 20px;margin:-50px 0 0 0}
.contactbrand {padding:40px 0 100px 0}
.contactbrand li {box-shadow:0px 4px 10px rgba(0,0,0,0.1);margin:60px 0 0 0}
.contactbrand li .cons { display: inline-block; vertical-align: middle;width:50%;padding:30px 5%;color:#333}
.contactbrand li .cons .t {font-size:24px; line-height: 34px;margin:0 0 15px 0;font-weight:500}
.contactbrand li .cons .c {font-size:18px;}
.contactbrand li .cons .c strong {font-weight:600;font-size:20px}
.contactbrand li .map { display: inline-block; vertical-align: middle;width:50%}
.contactbrand li .map iframe,#container {width:100%; height:420px}
.bannerin_join { height:1073px}
.brandpower { background: #f6f6f6;padding:55px 0 60px 0; text-align:center;}
.brandpower .cons {color:#888;font-size:18px;margin:25px auto 30px auto;max-width:580px; line-height: 1.8}
.brandpower ul {width:101%;margin:-1% 0 0 -0.5%}
.brandpower li {float:left;width:24%;margin:1% 0.5% 0 0.5%; background: #fff;border:1px solid #e9e9e9; height: 200px;padding:35px 0 0 0}
.brandpower li .p,.brandpower li .p img { height:64px;}
.brandpower li .t {font-size:16px; line-height: 21px;color:#333;margin:25px 0 0 0}

.pro_con2 {border-radius:20px;margin:55px 0 60px 0;padding:60px 7%}
.pro_con2 li .cons .c {min-height:58px}
 
.message { background: #fff;border-radius:20px;padding:70px 6%;margin:60px 0 0 0; text-align: left;box-shadow: 0 0 15px rgba(0,0,0,0.1)}
.message .subject {font-size:38px; line-height: 48px;color:#111;font-weight:500}
.message .content3 {color:#888; line-height: 1.8;margin:30px 0 30px 0}
.message .list {border:1px solid #ebebeb;border-radius:8px;padding:12px 20px 3px 20px;margin:30px 0 0 0; position: relative}
.message .listbeizu {padding-top:15px;padding-bottom:0;padding-right:10px}
.message .list input[type="text"] {width:100%; height:25px; line-height: 24px;color:#0a1388}
.message .list #cbeizu {width:100%; height:70px; line-height: 24px; overflow: auto;color:#0a1388}
.message .listname {float:left;width:65%}
.message .listsex {float:right;width:33%;padding:8px 20px 7px 20px;color:#111;}
.message .listsex h2 { display:inline-block; vertical-align: top;color:#555}
.message .listsex label { cursor:pointer;margin:0 0 0 15px}
.message .list p { position:absolute;left:10px;top:-8px;height: 15px; line-height: 15px;color:#aaa;}
.message .list p span { display:inline-block; vertical-align: top; background: #fff;padding:0 10px}
.message .cbtn {border-radius:8px; height: 48px; line-height: 47px; background: #0a1388; text-align: center;color:#fff;font-size:16px; cursor: pointer;margin:60px 0 0 0}
.message .cbtn i { display:inline-block; vertical-align: top; background: url("../images/1.png") no-repeat center;width:18px; height:11px; background-size:100%;margin:18px 15px 0 0}
.message .list:Hover {border-color:#0a1388;box-shadow:0 0 5px rgba(10,19,136,0.8)}
.message .list:Hover p {color:#0a1388}







.foot { background: #333333;color:#aaa;padding:35px 0}
.foot a {color:#aaa;}
.foot a:hover {color:#fff;}
.foot .menu { text-align:center}
.foot .menu li { display:inline-block; vertical-align: top;margin:0 0 0 2.9%}
.foot .menu li:nth-child(1) {margin:0}
.foot .menu li a {color:#fff;}
.foot .cons { position:relative}
.foot .cons .logo { position:absolute;left:0;top:0; background: url("../images/logofoot.png") center;width:190px; height: 64px; background-size:100%}
.foot .cons .logo a { display:block;width:100%;height:100%}
.foot .cons .tel {position:absolute;right:270px;top:0;width:240px;color:#fff}
.foot .cons .tel .t2 {font-size:17px; line-height: 17px; letter-spacing: 1px;font-weight:300}
.foot .cons .tel .t {font-size:29px; line-height: 29px;font-weight:600;margin:5px 0 0 0}
.foot .cons .tel .c { display:inline-block; background: #fff;font-size:13px; height:18px; line-height: 17px;color:#333;padding:0 5px}
.foot .cons .wx {position:absolute;right:0;top:0;width:240px;}
.foot .cons .wx li { display:inline-block; vertical-align: top;width:105px;}
.foot .cons .wx li:nth-child(1) {margin:0 30px 0 0}
.foot .cons .wx li span {font-size:13px; line-height: 18px;margin:10px 0 0 0; display: block}
.foot .cons .content {margin:60px 570px 0 250px; position: relative;top:-7px}
.foot .links {margin:10px 0 0 250px}
.foot .links p { display:inline-block; vertical-align: top; position: relative;margin:0 21px 0 0}
.foot .links p:nth-child(1),.foot .links p:last-child {margin:0}
.foot .links p:before {content:''; position: absolute;right:-11px;top:9px;height:13px;width:1px; background: #aaa;}
.foot .links p:last-child:before,.foot .links p:first-child:before {display:None;}
.footer { background: #222222;color:#aaa;padding:17px 0; line-height: 1.6;}
.footer a {color:#aaa;}
.footer a:hover {color:#fff;}


.fixright { position:fixed; z-index:9999;right:0;top:50%;margin-top:-115px;text-align:right;width:45px; }
.fixright li{margin:1px 0;position:relative; cursor:pointer}
.fixright li .mb{ display:none;}
.fixright li .pc { display:block;}
.fixright li.wx {border:0}
.fixright li.wx .pc { display:block; position:relative}
.fixright li.wx .pc span { display:none;color:#fff;font-size:12px;}
.fixright li.wx .pc i { background:#0a1388 url(../images/wx.png) no-repeat center;width:45px; height:45px; display:block;}
.fixright li.wx:hover .pc i { background-color:#e00112}
.fixright li.wx .pc .cons { position:absolute; display:none;right:47px;top:0;width:120px;font-size:13px; line-height:13px; background:#fff;padding:5px 5px 5px 5px; text-align:center;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.fixright li.wx .pc .cons span { display: block;color:#555;font-size:12px; line-height: 17px; text-align: left;padding:2px 0 10px 5px; letter-spacing: 0}
.fixright li.tel .pc { position:relative;width:205px; height:45px;left:0px; background:#0a1388}
.fixright li.tel .pc i {background:url(../images/tel2.png) no-repeat center;width:45px; height:45px; display:block;float:left;}
.fixright li.tel .pc p {float:left;width:157px;padding:0 0 0 0px; height:45px; line-height:43px;color:#fff;text-align:left;font-size:18px}
.fixright li.tel:hover .pc { background-color:#e00112;left:-160px}
.fixright li.email .pc i {background:url(../images/email.png) no-repeat center;}
.fixright li.email .pc p {font-size:16px}
.fixright li.talk .pc i {background:url(../images/talk.png) no-repeat center;}
.fixright li.talk .pc p {font-size:16px}
.fixright li.up .pc i {background:#0a1388 url(../images/up.png) no-repeat center;width:45px; height:45px;display:block;}
.fixright li.up:hover .pc i { background-color:#e00112}