/* CSS Document */
.containers{ padding:0 15px; height:auto; margin:auto;width: 1600px;
    max-width: 1600px;}
.headbox .containers {
  position: relative;
}
.oh{ height:auto; overflow:hidden;}
.banner_pc{ position:relative;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}

.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:1%;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:50px; height:4px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background:#FFF;}
.flex-control-paging li a:hover {}
.flex-control-paging li a.flex-active { background: #fff000; cursor: default; }

.dyip{ width:100%; height:auto; overflow:hidden; margin:3% auto; background:url(../images/bs.jpg) no-repeat bottom right;}
.dyip .dyileft{ width:50%; float:left; height:auto; overflow:hidden; background:#000; }
video {max-width: 100%;height: auto;}
.dyip .dyiright{ width:50%; height:auto; overflow:hidden; float:right;}
.dyip .dyiright h3{ font-size:24px; margin-left:5%;} .dyip .dyiright h1{ font-size:25px; color:#1a2f5d; padding:15px 0; margin-left:5%;} 
.dyip .dyiright p{ line-height:32px; margin:2% 5% 0 5%; font-size:15px; }
.dyip .dyiright .dls{height:auto; overflow:hidden; margin:4% 0;}
.dyip .dyiright .dls dl{ float:left; width:33.3333%; height:auto; overflow:hidden; text-align:center; }
.dyip .dyiright .dls dl dt{ font-size:48px; color:#1a2f5d;}
.dyip .dyiright .dls dl dd{ font-size:18px;}
.index-case-listmore{  width:160px; margin-top:6%;  }
.index-case-listmore a { -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; width: 160px; line-height:45px;  font-size:18px; position: relative;display: inline-block; text-align:center; background:#fff; border:1px #eee solid; }
.index-case-listmore a:after{content: ''; height: 100%; width: 0px; position: absolute; left: 0px; top: 0px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.index-case-listmore a span{ display: block; position: relative; z-index: 9;  -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }
.index-case-listmore a:hover span{ color: #fff; }
.index-case-listmore a:hover:after{ width: 100%; background-color: #e60012; color: #fff; }
.dsanp{ width:100%; height:auto; overflow:hidden; border-bottom:1px #fff solid;}
.picScroll-left{  width:100%; margin:auto;}
.picScroll-left ul{ overflow:hidden; zoom:1;margin-right:-1px;}
.picScroll-left ul li{ float:left; _display:inline; overflow:hidden; text-align:center;margin:0 1px 1px 0; width:24.94%; }
.picScroll-left ul li .pic{ text-align:center;   overflow:hidden;}
.picScroll-left ul li .pic img{ max-width:100%; transition:all 0.3s; }
.picScroll-left ul li:hover .pic img{ max-width:100%; transform:scale(1.2); }
.picScroll-left ul li p{height:55px; font-size:15px; text-align:left; padding:0 8%; }
.picScroll-left .box{  height:auto; margin-top:3%; text-align:center;}
.picScroll-left .box a{ background:#fff; padding:10px 20px; color:#555; font-size:16px;  line-height:35px;}
.picScroll-left .box a:hover{ background:#ee5057; color:#fff;}
.picScroll-left .box a.curt{background:#ee5057; color:#fff;}

.b-wrapper {background: rgba(0,0,0, 0.5);position: absolute;width: 100%;height: 100%;bottom: -100%;left: 0;transition: .5s all; text-align: center !important;}
.pic a:hover .b-wrapper{bottom: 0%; }
.pic a { display: block;overflow: hidden;position: relative;}
.pic a:hover .b-wrapper i.fa-search-plus {color: #fff;display: inline-block;font-size: 60px;padding-top:50px;}
.b-wrapper h5 {font-size:32px;font-weight: normal;color: #fff;text-align: center !important;text-transform: capitalize;padding:47% 8% 0 8%;}
.b-wrapper p {font-size: 13px;color: #fff;font-weight: 400;line-height: 1.8em;text-align: center !important;}
.dwup{ width:100%; height:auto; overflow:hidden; background:#1a2f5d; padding:3% 0;}
.dwup ul{ overflow:hidden; zoom:1;margin-right:-1px;}
.dwup ul li{ float:left; _display:inline; overflow:hidden;  width:24.94%; border-right:1px #fff solid; }
.dwup ul li:nth-child(4n){border-right:0px #fff solid;}
.dwup ul li .box{ padding:0 50px; width:100%; height:auto; overflow:hidden;}
.dwup ul li .box .left{ float:left; width:25%;}
.dwup ul li .box .left img{ max-width:100%;}
.dwup ul li .box .right{ margin-left:10%; color:#fff; float:right; width:65%;}
.dwup ul li .box .right h1{ font-size:24px; margin-bottom:8px;}.dwup ul li .box .right p{ font-size: 90%;height: 2.8em;}
.footbox{ background:#221815; padding:3% 0;}
.footbox .fnav{ text-align:center; color:#fff;}.footbox .fnav a{ color:#fff; padding:0 50px; font-size:18px;}.footbox .fnav a:hover{ color:#e60012;}
.footbox .tel{ text-align:center; font-size:25px;color:#fff; margin:50px 0 0 0;}
.footbox .nones{ text-align:center; color:#00a0e9; font-size:29px;}
.footbox .copy{ text-align:center; color:#fff; line-height:25px; margin-top:25px; font-size:15px;}

.nybanner {position: relative; width: 100%; margin: 0 auto; height: auto; overflow:hidden; text-align:center; font-size:4.5rem;color:#fff; font-weight:bold; }
.nybanner p{padding-top:10%;}
.nybanner img{margin: 0 auto;display: block;max-width: 100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.nybanner img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.nyaboutlist{ background:#f6f6f6; height:auto; overflow:hidden; margin-bottom:3%;}
.xian {background: #1a2f5d;height: 2px;margin: 10px auto 0 auto;width:50px;}

.nyabrig{ padding:22px 0; color:#666;}.nyabrig span{ color:#1a2f5d;}
.word-strip {z-index: 2;position: relative;text-align: center;padding: 30px 0 0 0;}
.word-strip h2 {color: #1a2f5d;font-size:35px;max-width: 100%;position: relative;margin-bottom:5%;line-height:45px;margin-top: 10px;display: inline-block;vertical-align: top;padding: 16px 70px;}
.word-strip h2::before {
  content: '';
  width: 30px;
  height: 30px;
  left: 0;
  bottom: 0;
  position: absolute;
  border-left: solid 4px #e60012;
  border-bottom: solid 4px #e60012;
}

.word-strip h2::after {
  content: '';
  width: 30px;
  height: 30px;
  top: 0;
  right: 0;
  position: absolute;
  border-right: solid 4px #e60012;
  border-top: solid 4px #e60012;
}
.word-strip h3,.serbox h3 {font-size: 24px; font-weight:100;  margin-bottom:5%;}.word-strip h4 {font-size:18px; line-height:32px; padding:0 8%;}

.serbox{ height:auto; overflow:hidden;padding:0px 10%;}
.serbox strong{color: #1a2f5d;font-size:30px; font-weight:normal;}.serbox p{ font-size:18px; line-height:35px;  }.serbox img{ margin:30px auto; clear:both; display:block; max-width:100%;}.serbox em{ color:#F00; font-size:24px;font-style:normal;}
.servox{ background:#f6f6f6;height:auto; overflow:hidden;}
.servox .sleft{ width:50%; float:left;}.servox .sleft img{ max-width:100%;}
.servox .sright{ width:45%; float:left; margin-left:5%; margin-top:3%;}.servox .sright h1{color: #1a2f5d;font-size:22px; font-weight:normal; margin-bottom:15px;}
.servox .sright p{ font-size:18px; line-height:35px; text-align:left !important; }.servox .sright em{ color:#F00; font-size:24px;font-style:normal;}
.servox .sright img{max-width:100%; display:block; margin:auto; clear:both;}
.fun_facts {
    min-height:520px;
    background-attachment: fixed;
    background-position:top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 1920px auto;
    position: relative;
}
.fun_case {
    min-height:640px;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 100px;
}
.parallax {
    background-attachment: fixed !important ;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.section_overlay{ position:relative; width:100%; display:block;}
.text-center{ text-align:center; top:50%; position:absolute; font-size:36px; } 
.nyjulf{ width:50%; height:auto; overflow:hidden; float:left;}.nyjulf img{ width:100%;}
.nyjurg{ width:40%; float:left; margin-left:5%;}.nyjurg p{ font-size:18px; line-height:38px; padding-top:50px;}
.cngm{ margin-bottom:5%;}.cngm img{ max-width:100%; clear:both; margin:auto; display:block;}
.cngm h2{ text-align:center; margin-bottom:2%;}
.aboutimg{ height:auto; overflow:hidden;}
.aboutimg ul{ margin-right:-2%;}
.aboutimg ul li{ width:23%; float:left; height:auto; overflow:hidden; margin-right:2%;}
.aboutimg ul li .pic{ position:relative; overflow:hidden;}
.aboutimg ul li .pic img{ max-width:100%;transition:all 0.7s;}
.aboutimg ul li .pic img:hover{ transform:scale(1.2);}
.aboutimg ul li p{ text-align:center; padding:2% 0;}
.cywhbox{ height:auto; overflow:hidden; margin-top:5%;}
.cywhbox ul{margin-right:0%;}
.cywhbox ul li{ width:33.3333%; float:left; margin-right:0;}
.cywhbox ul li .pics{ position:relative; overflow:hidden;}
.cywhbox ul li .pics img,.newbox ul li .pic img{ max-width:100%;transition:all 0.7s;}
.cywhbox ul li .pics:hover img,.newbox ul li .pic img:hover{ transform:scale(1.2);}
.cywhbox ul li .con{ border-top:5px #e60012 solid; background: #1a2f5d; color:#fff; text-align:center; height:205px;}
.cywhbox ul li .con h3{ font-size:32px; padding:30px 0 0 0;}.cywhbox ul li .con p{ font-size:20px; padding:10px 0 50px 0;}

.honor_img{ margin:5% 0; height:auto; overflow:hidden;}
.honor_img ul{ margin-right:-2%;}
.honor_img ul li{width:18%; height: auto; float:left; margin-right:2%; margin-bottom:1%; }
.honor_img li:nth-child(5n+1) {clear:left;}
.himg{position:relative; overflow:hidden; height: auto; }
.honor_img ul li p{ text-align:center;line-height:30px; font-size:16px; padding-top:10px; width:100%;}
.honor_img ul li img{max-width:100%; border:2px solid #e6e6e6; box-sizing:border-box;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s; }
.honor_img ul li img:hover{border-color:#0069e2;transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.subnav2{padding:50px 0; height:auto; overflow: hidden;}
.subnav2 ul{ font-size:0px; text-align:center;}
.subnav2 li{display:inline-block;width:12%;line-height:50px;text-align:center;font-size:20px;margin:0 5px;}
.subnav2 li:hover{background:#e60012;}.subnav2 li:hover a{color:#FFF;}
.subnav2 li p{ border:1px solid #DDD;}
.subnav2 li a{ display:block;}
.subnav2 li a:hover{ display:block; text-decoration:none;}
.subnav2 li a.current{ color:#FFF; background:#e60012;}
.subnav2 li a.current p{ border:1px solid #e60012;}

.concase{ width:60%; height:auto; overflow:hidden; margin:0 auto 5% auto;}
.concase p{ line-height:28px; font-size:16px;text-align: center}
.concase p img{ padding:30px 0; margin:auto; clear:both; display:block; max-width:100%;}
.conzzzbox{width:80%; height:auto; overflow:hidden; margin:0 auto 5% auto;}
.conzzzbox ul{}
.conzzzbox ul li{ line-height:55px; border-bottom:1px #f6f6f6 solid; font-size:18px;}
.conzzzbox ul li a{ color:#e60012;}

.pases{ width:100%; height:auto; overflow:hidden; margin:5% auto;}
.pases li{ border-bottom:1px #f3f3f3 solid; line-height:45px;}
.pases li a:hover{ color:#00a0e9;}
.newbox{ height:auto; overflow:hidden; margin:3% 0 0 0; }
.newbox ul{ margin-right:-2%;}
.newbox ul li{ width:31.333%; float:left; height:auto; overflow:hidden; margin-right:2%; margin-bottom:2%;}
.newbox ul li .pic{ position:relative; overflow:hidden;}
.newbox ul li .txt{ background:#1a2f5d; padding:30px; color:#fff;}
.newbox ul li .txt .title{ font-size:20px; margin-bottom:15px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.newbox ul li .txt p{ line-height:25px;}
.newbox ul li:hover .txt{background:#e60012;}
/*************分页css*************/
.cuspages{ width:100%; height:auto; overflow:hidden; margin:20px 0 50px 0;}
.pages {overflow: hidden;zoom: 1;font-size: 12px;clear:both; text-align:center !important;}
.pages span, .pages a {border: #e2e2e2 1px solid;font-size:12px;text-align: center;line-height:45px;margin-right: 5px; padding:12px;}
.pages .disabled { color: #ccc; }
.pages .current {background-color: #e60012;border: #e60012 1px solid;color: #fff;}


.ny_main{ margin:60px auto; overflow: hidden; height:auto; width:80%;}
.slide_join{width:100%; float:left;}
.slide_join h3{float:left;width:96%; height:45px; padding:0 2%; font-weight:normal; background-color:#f6f6f6;margin-bottom:20px; cursor:pointer;}
.slide_join h3.on{background-color:#1a2f5d;}
.slide_join h3 span{float:left; width:80%; height:45px; color:#000;  font-size:16px; line-height:45px; overflow: hidden; text-overflow:ellipsis;}
.slide_join h3.on span{color:#fff;}
.slide_join h3 em{float:right; width:30px;height:30px; margin:8px 0 0 0; background:url(../images/join_img9.png) no-repeat;}
.slide_join h3.on em{background:url(../images/join_img10.png) no-repeat;}
.slide_join ul{float:left; width:96%; background-color:#fff; padding:0 25px 25px 25px;}
.slide_join ul .join_show{float:left; width:96%; color:#787876; font-size:14px; line-height:28px;}

.juprobox{ margin:0; padding:25px 0; height:auto; overflow:hidden;}
.juprobox ul{margin-right:-3%;}
.juprobox ul li{ width:22%; float:left; margin-right:3%; margin-bottom:1%; background:#fff; }
.juprobox ul li .pic{ position:relative; overflow:hidden;padding:5px;}
.juprobox ul li .pic img{margin:auto; clear:both; display:block; max-width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.juprobox ul li .pic img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.juprobox ul li p{ text-align:center; font-size:16px; line-height:55px;}
.juprobox ul li:hover p{ color:#fff;}
.juprobox ul li:hover p{ background:#16274a;transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s; }
.jupbxcon{ height:auto; overflow:hidden; margin:15% 0%;}
.jupbxcon .sox{ width:50%; float:left;}.jupbxcon .sox img,.jupbxcon .sright img{ max-width:100%; display:block; margin:auto; clear:both;}
.jupbxcon .sright{ width:100%; float:none; margin-left:0%;}
.jupbxcon .sright h1{ font-size:24px;color: #1a2f5d; margin-bottom:12px;}
.jupbxcon .sright p{ line-height:32px; font-size:16px;}

.abgxx{background:#f6f6f6; margin:80px 0 0 0;}
.culturebox{ height:auto; overflow:hidden; align-items:center; display: -webkit-flex;}
.culturebox .culeft{ width:60%; float:left;}.culturebox .culeft h1{ font-size:42px; font-weight:700;}.culturebox .culeft h3{ font-size:30px; font-weight:400;}
.culturebox .curight{ width:40%; float:right;}.culturebox .curight img{ max-width:100%;}
.culderp{ background:url(../images/culture3.jpg) no-repeat center center; height:auto; overflow:hidden; padding:8% 0;}
.culderptr{ background:#e60027; color:#fff; padding:3%; width:28%;}
.culderptr h1{ font-size:42px; font-weight:700; margin-bottom:30px;}.culderptr h3{ font-size:28px; font-weight:400;}
.mar{ margin:5% 0;}.pleft{ padding-left:5%;}
.culdsanp{ background:url(../images/culture6.jpg) no-repeat center center; height:auto; overflow:hidden; padding:6% 0;}
.culdsanptr{ background:#e60027; color:#fff; padding:3%; width:40%; float:right;}
.culdsanptr h1{ font-size:42px; font-weight:700; margin-bottom:30px;}.culdsanptr h3{ font-size:28px; font-weight:400;}

.culdsp{ background:url(../images/culture8.jpg) no-repeat center center; height:auto; overflow:hidden; padding:6% 0;}
.culdsptr{ background:#e60027; color:#fff; padding:3%; width:35%;}
.culdsptr h1{ font-size:42px; font-weight:700; margin-bottom:30px;}.culdsptr h3{ font-size:28px; font-weight:400;}

.newsprolist{ width:1280px; position:absolute;  background: url(../images/prbg.jpg) no-repeat left top;height: auto !important;overflow: hidden;margin:-55px 0 0 -640px; left:50%; padding:10px 0 0 0; border-top:5px #e60012 solid;box-shadow: 0 1px 5px rgb(0 0 0 / 25%); }
.newsprolist ul{ font-size:0px; text-align:center;}
.newsprolist li{display:inline-block;width:12.5%;text-align:center;margin-bottom:2%;}
.newsprolist li a.culr{ color:#F00; }
.newsprolist li .pic{ position:relative; overflow:hidden;}.newsprolist li .pic img{ display:block; margin:auto; clear:both;}
.newsprolist li .pic i{ font-size:60px;}
.newsprolist li a:hover .pic i{ color:#F00;}
.newsprolist li:hover{ -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease;}.newsprolist li:hover a{color:#f7033c;}
.newsprolist li p{font-size:14px !important; line-height:20px;}
.newsprolist li a{ display:block;}
.newsprolist li a:hover{ display:block; text-decoration:none;}
.newsprolist li a.current{ color:#FFF; background:#00aae8;}
.newsprolist li a.current p{ border:1px solid #e60012; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }

.npewbox{ height:auto; overflow:hidden; margin:12% 0 5% 0;}
.comStructure {position: relative;}
.comStructure .imgBox {position: relative;z-index: 1;width:62%;perspective: 800px; float:left;}
.comStructure .slideBox {position: relative;transform-style: preserve-3d;}
.comStructure .slideBox .btnbox {position: absolute;bottom: 0;left: 0;width: 120px;height: 50px;z-index: 2}
.comStructure .slideBox .btnbox a {display: block;float: left;width: 60px;height: 50px;background: url("../images/arrow-l.png") no-repeat center center;background-color: #fff}
.comStructure .slideBox .btnbox .next {background-image: url("../images/arrow-r.png")}
.comStructure .slideBox .btnbox .prev.on {background-image: url("../images/arrow-l1.png");background-color: #e0223d}
.comStructure .slideBox .btnbox .next.on {background-image: url("../images/arrow-r1.png");background-color: #e0223d}
.comStructure .slideBox .bd li {overflow: hidden}
.comStructure .slideBox .bd li img {transition-duration: 0.5s; max-width:100%;}
.comStructure .contbox {width: 38%; float:right;height: auto; overflow:hidden;padding:32px 25px 25px 25px;background-color: #16274a;margin-top:3%;}
.comStructure .contbox .tag {position: absolute;top: 20px;right: 35px;z-index: 2;font-size: 92px;color: #c71934;line-height: initial;font-family: 'RUBIK-REGULAR-WEBFONT'}
.comStructure .contbox .tit {color: #fff; position:relative; padding-left: 80px;}
.comStructure .contbox .cn {margin-bottom: 5px;font-size: 18px;line-height: 24px}
.comStructure .contbox .en {font-size: 30px;line-height: 30px;font-family: 'GRAYSTROKE REGULAR';word-break: break-word}
.comStructure .contbox .des {position: relative;margin-top: 30px}
.comStructure .contbox .des:before {content: '';position: absolute;top: -11px;width: 436px;height:1px;background-color: #f9bd3b;}
.comStructure .contbox .des .txt {margin-bottom: 25px;font-size: 13px;line-height: 23px;color: #fefefe;opacity: 0.6;filter: alpha(opacity=60);overflow: auto;max-height:150px;padding-right: 15px}
.serviceDesign .comStructure .contbox .des .txt {max-height: none}
.serviceInstall .comStructure .contbox .des .txt {max-height: none}
.comStructure .contbox .des .txt p {margin-bottom: 10px}
.comStructure .contbox .des .txt p span {font-size: 20px;font-family: 'DINPro-Bold'}
.comStructure .contbox .des .txt .tels {vertical-align: bottom;margin-left: 5px;font-size: 24px;font-family: 'RUBIK-REGULAR-WEBFONT'}
.contbox .tit img {position: absolute;top: 0;left: 0; }
.contbox .tags {position: relative;display: inline-block;margin-left: -2px;padding-bottom: 10px;overflow: hidden;}
.contbox .tags .box {float: left;padding-left: 10px;margin-right: 10px;margin-bottom: 20px;line-height: 30px;font-size: 13px;color: #fff;border-left: 2px solid #f9bd3b;}
.contbox .tags .img {float: left;margin-right: 8px;width: 30px;height: 30px;text-align: center;line-height: 30px;}
.contbox .tags:after {content: '';position: absolute;top: 37px;left: 0;width: 100%;height: 2px;background-color: #f9bd3b; }
.sinsss{ padding:0 1% 3% 1%; line-height:28px;}
.sinsss img{ margin:10px auto; display:block; clear:both;}

.zzzzx{ height:auto; overflow:hidden; padding:3% 0;}
.zzzleft{ width:50%; height:auto; overflow:hidden; float:left;}
.zzzleft img{ width:100%;}
.zzzright{ width:47%; float:right; height:auto; overflow:hidden;}
.zzzright ul{ display:block; padding-top:3%;}
.zzzright ul li{ line-height:41px; font-size:18px;}
.xxxx{ padding:5% 0; }
.csss{padding:3% 0;}
.zzzright ul li .left{ width:70%; float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zzzright ul li .mid{ width:15%; float:left; font-size:12px;}
.zzzright ul li .right{ width:10%; float:left;}
.zzzright ul li a{ color:#e60012;}
.zzzright ul li span{ color:#e60012;}
/**2021.7.28***/
.subpro{ position:relative; height:auto; overflow:hidden;}
.subpro ul{ margin-right:-0.2%;}
.subpro ul li{ width:24.8%; float:left; height:auto; overflow:hidden; margin-right:0.2%;}
.subpro ul li .pic{ position:relative; overflow:hidden}
.subpro ul li .pic img{margin:auto; clear:both; display:block; max-width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.subpro ul li .pic img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.b-wrappers {background: rgba(0,0,0, 0.5);position: absolute;width: 100%;height: 100%;bottom: -100%;left: 0;transition: .5s all; text-align: center !important;}
.pic a:hover .b-wrappers{bottom: 0%; }
.pic a { display: block;overflow: hidden;position: relative;}
.pic a:hover .b-wrappers i.fa-search-plus {color: #fff;display: inline-block;font-size: 60px;padding-top:50px;}
.b-wrappers h5 {font-size:32px;font-weight: normal;color: #fff;text-align: center !important;text-transform: capitalize;padding:47% 8% 0 8%;}
.b-wrappers p {font-size: 13px;color: #fff;font-weight: 400;line-height: 1.8em;text-align: center !important;}

.pronetbox{ height:auto; overflow:hidden; margin-top:30px;}
.pronetbox ul{ margin-right:-2%;}
.pronetbox ul li{ width:31.333%; float:left; height:auto; overflow:hidden; margin-right:2%;}
.pronetbox ul li .pic{ position:relative; overflow:hidden}
.pronetbox ul li .pic img{margin:auto; clear:both; display:block; max-width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.pronetbox ul li .pic img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.pronetbox ul li h5{ padding:20px 0; text-align:center;}

.word-stript {z-index: 2; height:auto; overflow:hidden;padding:0; margin-bottom:3%;}
.word-stript .wsleft{ width:50%; float:left; overflow:hidden; height:auto;}
.word-stript .wsleft h3{ font-size:20px;}
.word-stript .wsleft h5{ font-size:26px; text-align:left; margin-bottom:3%;}
.word-stript .wsleft p{ line-height:1.8;}
.word-stript .wsleft img{ max-width:100%;}
.word-stript .wsright{ width:48%; float:right;}
.word-stript .wsright img{ max-width:100%; display:block; margin:auto; clear:both;}