/*==========================================公共 开始=============================================*/ /*====header====*/ #header{position: absolute;top: 0;height: 100px;width: 100%;z-index: 100000;background: rgb(0 0 0 / 20%);} #header .container,#header .row{ height:100px;} #header .row .left img{max-width: 100%;} #top_bar{ border-bottom: 1px solid #e7e7e9; height: 55px; line-height: 55px; vertical-align: middle;} .top_padding{ padding-top: 130px;} #logo,#sousuo {display:table-cell; height: 100px; vertical-align: middle;} #logo a img{ vertical-align:middle; width:100%;} #header .row .right{text-align:right;display:table;/* float: right; */} #header .row .center{} #header .lianxi h4{font-size:18px;color: #fff;display:inline-block;line-height: 98px;text-align:right;float:right;padding-left:20px;background: url(../image/tel.png) left 42px no-repeat;} #header .lianxi h4 small{font-size:12px;color: #fff;vertical-align: middle;} .info_box{ display:none;} /*====导航====*/ #nav{} #nav ul{text-align: right;font-size: 0;margin-bottom: 0;} #nav li{padding: 0 3%;display:inline-block;min-width:30px;position:relative;background:url(../image/line.png) right center no-repeat;} #nav li:last-child { background: none;} #nav li .a{display:block;text-align:center;position: relative;height: 100px;line-height: 100px;} #nav li .a h1{line-height: 100px;height: 100px;font-size: 15px;color: #fff;text-align:center;display:block;position:relative;z-index:2;margin: 0;} #nav li .a strong{font-size:12px; line-height: 14px; text-transform: uppercase; display:block;color:#bdc0c2; text-align:center;position:relative;z-index:1} #nav li .a span{position:absolute;bottom: 28px;left: 50%;margin-left: -15.5px;text-align:center;} #nav li .a i{margin:0 auto;text-align:center;z-index:1;height:3px;width:0;background:#1e316c;overflow: hidden; display: none;} #nav li.on .a h1{color: #fff;margin: 0;} #nav li.on i{width:100%;} #nav li.on .a span{width:31px;height: 2px; background: #fff;} #nav li .a:hover i{width:100%;} #nav li .a:hover h1{ color: #fff;} #nav li.on .a:hover i{transform:rotateX(0);-webkit-transform:rotateX(0);-moz-transform:rotateX(0)} #nav.title{position:relative} #nav .list{width: 140px;left: 50%;margin-left: -70px;max-height:0;position:absolute;top: 82px;z-index:0;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease;opacity: 0;filter:alpha(opacity=0);-moz-transform:scale(0);-o-moz-transform:scale(0);-o-moz-transform:scale(0);-webkit-moz-transform:scale(0);transform: scale(0);} #nav .list::before{ display: block; position:absolute;top:-10px;right:50%; overflow:hidden;width:0;height:0;border:10px solid #fff;border-color:#fff transparent;border-top:0; margin-right: -9px; content: "";} #nav .list a{width: 100%;height:50px;line-height:50px;text-align:center;color:#222;display:block;font-size:14px;text-decoration:none;opacity:1;background-color:#fff;border-bottom:#e9ecf1 1px solid;-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;transition:opacity .4s,transform .5s;} #nav .list a:hover{color:#df0001;border-bottom:#df0001 1px solid;} #nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10;opacity:1;filter:alpha(opacity=100);-moz-transform:scale(1);-o-moz-transform:scale(1);-o-moz-transform:scale(1);-webkit-moz-transform:scale(1);transform:scale(1);} /*====移动端头部====*/ #m_header{display: none;height: 50px;width: 100%;z-index: 9999;position: absolute;top: 0;left: 0;} #m_logo{ position: absolute; top: 0; left: 10px; } #m_logo img{height: 25px;margin: 14px 0 0 0;} #m_bnt_top_search{ position: absolute; top: 0; display: block; width: 50px; line-height: 50px; text-align: center; right: 50px; font-size: 2.4rem; color: #1ea78a;} /*====移动端导航====*/ #m_bnt_nav{position: absolute;top: 0;right: 0;cursor: pointer;width: 50px;height:50px;text-align: center;} #m_bnt_nav .point{display: inline-block;width: 22px;height: 22px;margin-top: 12px;position: relative;} #m_bnt_nav .point:hover .navbtn, #m_bnt_nav .point:hover .navbtn::after, #m_bnt_nav .point:hover .navbtn::before{width: 22px;} #m_bnt_nav .navbtn{position: absolute;top: 14px;right: 0;display: inline-block;width: 24px;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;border-radius: 3px;} #m_bnt_nav .navbtn::after, #m_bnt_nav .navbtn::before{position: absolute;right: 0;display: inline-block;width: 20px;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;border-radius: 3px;} #m_bnt_nav .navbtn::after{top: -6px;} #m_bnt_nav .navbtn::before{top: 6px;} #m_bnt_nav .point.on .navbtn{background: transparent;} #m_bnt_nav .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;} #m_bnt_nav .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;} #m_nav{position:absolute;top:50px;left:0;display:none;width:100%;z-index:999; } #m_nav{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E51e316c', endColorstr='#E51e316c');background: rgba(0,0,0,0.9);} #m_nav li{display:block;width:100%; } #m_nav li .a{display:block;text-align: left;position:relative;height:40px;padding:0 2rem;line-height: 40px;} #m_nav li .a h1{display: inline-block;font-size: 14px;color:#fff;padding-right: 10px;margin: 0;} #m_nav li .a strong{ display: inline-block; text-transform:uppercase; font-size:14px; line-height:40px;height:40px;color:#fff; z-index:11; opacity:.8;filter:alpha(opacity=80);} #m_nav li .a i{opacity:0;filter:alpha(opacity=0);position:absolute;right: 1em;top:0;text-align:center;z-index:4;color: #fff;font-size: 1.5rem;height:40px;line-height:40px;overflow: hidden;} #m_nav .on .a{ } #m_nav .on .a strong{color:#fff} #m_nav .on.title .a i{ transform:rotate(270deg);-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg);} #m_nav .title .a i{ opacity:1;filter:alpha(opacity=100);} #m_nav .title .a {margin: 0 0;} #m_nav .title .list{display:none;position:relative; } #m_nav .title{position:relative} #m_nav .title .list{position:relative;width:100%;z-index:9;padding: 0 1.7em;} #m_nav .title .list .box{padding:0 30px 10px 30px;background:#f5f5f5} #m_nav .title .list a{display:block;font-size: 1.2rem;color: rgba(255,255,255,0.5);text-align: left;line-height:3rem;} /*====banner====*/ #banner {width: 100%;position: relative;height: 795px;overflow: hidden;} #banner .main_box{ height: 686px;} #banner .swiper-slide{ display: block; height: 634px; overflow: hidden; text-align:center; height: auto; background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; } #banner .swiper-slide img{ display: block; } #banner .swiper-pagination-bullets{ bottom: 11rem;} #banner .swiper-pagination-bullet{ background: none; border: none; height: 20px; width: 20px; opacity:1;filter:alpha(opacity=100);} #banner .swiper-pagination-bullet-active{ } #banner .bnt{ position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;} #banner .bnt_prev{left: 40px; } #banner .bnt_next{right: 40px; } #banner .bnt:hover{ color: #1e63ac; } #banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);} .video_box video{ position:absolute; top:0; left:0;} .mouse{position: absolute;width:100%;bottom: 64px;left:50%;z-index:99;-webkit-transform:translateX(-50%);-webkit-animation:dong 1s linear 0s infinite alternate;cursor:pointer;text-align: center;} .mouse i{font-size: 3.1rem;color: #f5f5f5;} @-webkit-keyframes dong{from{bottom:30px}to{bottom:50px}} #playercontainer{ background:none !important} /*==== banner====*/ .m_top_padding{ margin-top: 50px; display: none;} #m_banner {display: none;width: 100%;position: relative;overflow: hidden;} #m_banner .swiper-slide{ overflow: hidden; text-align:center; height: auto; background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} #m_banner .swiper-slide img{ display: block; width: 100%; } #m_banner .swiper-pagination-bullets{ bottom: 2rem;} #m_banner .swiper-pagination-bullet{ height: 5px; width: 5px; background: none; border: 2px solid #fff;} #m_banner .bnt{ position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;} #m_banner .bnt{ position: absolute; top: 50%; width: 4rem; height: 4rem; color: #1e316c; border-radius: 50%; font-size: 4rem; margin-top: -2rem; z-index: 9; cursor: pointer;} #m_banner .bnt_prev{left: 20px;} #m_banner .bnt_next{right: 20px;} #m_banner .bnt:hover{ } #m_banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);} /*==========================================公共 结束=============================================*/ /*==========================================首页 开始=============================================*/ .container01{ padding:3.625rem 0 3.75rem; text-align:center; border-bottom:#dadcde 1px solid} .container01 .ar_article{ text-align:center;} .container01 .ar_article p{ text-align:center;} .container01 .more a{ display:inline-block; margin:0 auto; font-size:0.875rem; margin-top:0.5rem; color:#fff; font-family:simsun; background:#df0001; width:2rem; height:2rem; line-height:2rem; text-align:center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);} .container01 .more a:hover{ background:#575859} .container02{ padding:3.75rem 0;} .container02 .title{text-align:center;margin-bottom: 2.375rem;} .container02 .title h3{ font-size:1.375rem; color:#332c2b; margin-bottom:0.2rem} .container02 .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .container .title h5 span { display: inline-block; margin: 0 auto; font-size: 1.75rem; background: #df0001; height: 0.1875rem; width: 1.75rem; } .container02 .content{ overflow:hidden;} .container02 .left{ float:left; width:63.75%;} .container02 .left ul li{position: relative;} .container02 .left ul li .img{ overflow:hidden;} .container02 .left ul li .img img{ float:left;} .container02 .left ul li.swiper-slide-active .img:after{content:"";display: block;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#A5DF0001', endColorstr='#A5DF0001');background:rgba(223,0,1,0.65);width: 100%;height: 100%;z-index: 1000;position: absolute;top: 0;left: 0;} .container02 .right{float:right;width:35.16%;background:#ecedf0;position: relative;} .container02 .right .ar_article{ max-height:16.065rem; overflow:hidden;} .container02 .right .con{ padding: 60px 3rem;} .container02 .right .con h3{ font-size:1.125rem; color:#332c2b; margin-bottom:1.625rem;} .container02 .right .con h5{ font-size:0.875rem; color:#818181; margin-bottom:1.625rem;} .container02 .right .more a{position: absolute;left: 3rem;bottom: 60px;display:inline-block;margin:0 auto;font-size:0.875rem;margin-top:0.5rem;color:#fff;font-family:simsun;background:#df0001;width:2rem;height:2rem;line-height:2rem;text-align:center;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%;} .container02 .right ul li{ display:none} .container02 .right ul li.swiper-slide-active{ display:block; } .container03{ background:#575859; overflow:hidden;} .container03 .left{float:left;width:50%;position: relative;} .container03 .left .top{position:absolute;left:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#26000000', endColorstr='#26000000');background:rgba(0,0,0,0.15);} .container03 .left .top .con{display:table;text-align:center;width: 100%;height: 100%;} .container03 .left .top i{ display:table-cell; vertical-align:middle;} .container03 .container{ position:relative;} .container03 .container .col-xs-12{ position:absolute; width:50%; right:0; top:0; text-align:left;} .container03 .right{ padding:3.75rem 0 0 4.5rem;} .container03 .right .title{text-align:left;margin-bottom: 2.375rem;} .container03 .right .title h2{ display:inline-block; margin-right:0.2rem} .container03 .right .title h3{ font-size:1.375rem; color:#fff; margin-bottom:0.2rem; display:inline-block;} .container03 .right .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .container03 .right .con h4{ font-size:1rem; color:#fff; margin-bottom:0.5rem} .container03 .right .con h4 a{ color:#fff;} .container03 .right .con p{ font-size:0.8125rem; line-height:1.5rem; height:3rem; overflow:hidden; color:#c7c7c7; margin-bottom:1.625rem;} .container03 .right .con a{ display:inline-block; font-size:0.8125rem; padding:0.625rem 1.625rem; color:#fff; background:#df0001; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; } .container03 .right .swiper-container{ padding-bottom:4.875rem;} .container03 .right .swiper-container .button-prev02, .container03 .right .swiper-container .button-next02{position:absolute;bottom:0;width: 1.625rem;height: 1.625rem;line-height: 1.625rem;text-align:center;font-size: 0.75rem;font-family:simsun;color: #fff;cursor:pointer;border: #79797a 1px solid; z-index:10000} .container03 .right .swiper-container .button-prev02{left: 0;} .container03 .right .swiper-container .button-next02{margin-left: 2.2rem;} .container04 .title{text-align:center;margin-bottom: 2.375rem;} .container04 .title h3{ font-size:1.375rem; color:#332c2b; margin-bottom:0.2rem} .container04 .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .container04 {padding: 3.75rem 0;} .container04 ul li a{ display:block; padding:2.625rem 0} .container04 ul li{ border:#e4e6e9 1px solid; text-align:center; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .container04 ul li h1{ height:3rem; margin-bottom:1rem;} .container04 ul li h1 .img{ display:table; text-align:center; width:100%} .container04 ul li h1 .img i{ display:table-cell; vertical-align:middle; } .container04 ul li h1 .img i img{ max-height:3rem;} .container04 ul li h1 .img i .img02{ display:none;} .container04 ul li h5{ font-size:1.5rem; color:#332c2b;} .container04 ul li h6{ font-size:1rem; color:#6c6c6c; text-transform:uppercase;} .container05{ padding:0 0 3.75rem; border-bottom:#dadcde 1px solid} .container05 .title{text-align:center;margin-bottom: 2.375rem;} .container05 .title h3{ font-size:1.375rem; color:#332c2b; margin-bottom:0.2rem} .container05 .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .container05 .container .row .swiper-container{ position:static;} .container05 ul li{ position:relative; overflow:hidden;} .container05 ul li img{ width:100%} .container05 ul li .top{ position:absolute; left:0; bottom:0; width:100%; height:2.9375rem; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#8C000000', endColorstr='#8C000000');background:rgba(0,0,0,0.55); -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; padding:0 1rem; } .container05 ul li .top h5{ height:2.9375rem; line-height:2.9375rem; font-size:0.9375rem; color:#fff; text-align:center;} /*.container05 .container .row .content{ padding:0 4.735rem;}*/ .container05 .container .row .content{ padding:0;} .container05 ul li .top .con{display: table;height:100%;} .container05 ul li .top .con_li{display: table-cell; vertical-align:middle;} .container05 ul li .top .con_li p{ font-size:0.8125rem; color:#c7c7c7; line-height:1.5rem; max-height:6rem; overflow:hidden;} .container05 ul li:hover .top{ height:100%;} .container05 .container .row .swiper-container .button-prev02, .container05 .container .row .swiper-container .button-next02{position:absolute;top: 50%;margin-top: 2.5rem;width: 2rem;height: 2rem;line-height: 2rem;text-align:center;font-size: 0.875rem;font-family:simsun;color: #6b6b6b;border: #bababa 1px solid;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; cursor:pointer} .container05 .container .row .swiper-container .button-prev02{ left: 0; } .container05 .container .row .swiper-container .button-next02{ right: 0; } .container06{ padding:3.75rem 0 3.75rem; border-bottom:#dadcde 1px solid} .container06 .title{text-align:center;margin-bottom: 2.375rem;} .container06 .title h3{ font-size:1.375rem; color:#332c2b; margin-bottom:0.2rem} .container06 .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .container06 ul li{ overflow:hidden; background:#f5f5f5; } .container06 ul li img{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .container06 ul li .project_info{position:absolute;left:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8DF0001', endColorstr='#D8DF0001');background:rgba(223,0,1,0);z-index: 10; } .container06 ul li .project_info .box{ width:100%; height:100%; text-align:center; display:table;} .container06 ul li .project_info .box div{ display:table-cell; vertical-align:middle;} .container06 ul li .project_info .box div p.title{ font-size:1rem; color:rgba(255,255,255,0); margin:0 0 1.25rem; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .container06 ul li .project_info .box div p.subtitle{ font-size:0.75rem; color:rgba(255,255,255,0); transition: all ease-out .3s} .container06 ul li a:after{width: 100%;height: 100%;content: "";display: block;position: absolute;transition: all .38s cubic-bezier(.62, .02, .34, 1);-moz-transition: all .38s cubic-bezier(.62, .02, .34, 1);-webkit-transition: all .38s cubic-bezier(.62, .02, .34, 1);-ms-transition: all .38s cubic-bezier(.62, .02, .34, 1);-ms-filter: "alpha(opacity=$num)";opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";transform: scale(.85);-moz-transform: scale(.85);-webkit-transform: scale(.85);-ms-transform: scale(.85);z-index: 10000000;top: 0px;left: 0px;border-top: 2px solid #ffffff;border-bottom: 2px solid #fff;margin-left: -2px;margin-top: -2px;} .container06 .more{ text-align:center;} .container06 .more a{display:inline-block;margin:0 auto;font-size:0.875rem;margin-top:0.5rem;color:#fff;font-family:simsun;width:2rem;height:2rem;line-height:2rem;text-align:center;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);margin-top: 2rem;border: #bababa 1px solid;color: #6b6b6b;} .container07{padding: 3.75rem 0 2.5rem;background:url(../image/container07_bg.jpg) center top no-repeat;} .container07 .title{text-align:center;margin-bottom: 3rem;} .container07 .title h3{font-size:1.375rem;color: #fff;margin-bottom:0.2rem;} .container07 .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .container07 .swiper-container{padding-bottom:3rem;padding-top: 0.625rem;} .container07 ul li{ text-align:center;} .container07 ul li .img{width:9.0625rem;height:9.0625rem;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%;border:rgba(255,255,255,0.5) 1px solid;display:table;text-align:center;margin: 0 auto; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .container07 ul li .img i{ display: table-cell; vertical-align:middle;} .container07 ul li .img i h1{height: 3rem;display:table;text-align:center;width:100%;} .container07 ul li .img i h1 b{ display:table-cell; vertical-align:middle;} .container07 ul li .img i h5{ font-size:0.875rem; color:#fff; font-style:normal;} .container07 .swiper-scrollbar{ height:0.4735rem; background:none} .container07 .swiper-scrollbar-drag{ background:#df0001; height:0.4735rem;} .container08{ padding:3.75rem 0 3.75rem; background:#ecedf0} .container08 .title{text-align:center;margin-bottom: 2rem;} .container08 .title h3{ font-size:1.375rem; color:#332c2b; margin-bottom:0.2rem} .container08 .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .container08 .hd ul{text-align:center;margin-bottom:2rem;display: inherit;} .container08 .hd ul li{ display:inline-block; width:auto !important; padding:0 1.375rem; float:none; font-size:0.9375rem; color:#444444; cursor:pointer} .container08 .hd ul li.swiper-slide-active:after{position: absolute;bottom: -1rem;left: 50%;margin-left: -5px;content:"";border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px #df0001 solid;} .container08 ul li ul li{ background:#fff; padding:2.25rem 2.375rem; -moz-transition: all 0.72 ease-in-out;-webkit-transition: all 0.72 ease-in-out;-o-transition: all 0.72 ease-in-out;-ms-transition: all 0.72 ease-in-out;transition: all 0.72 ease-in-out; margin:1rem 0} .container08 ul li ul li h1{ font-size:1.75rem; color:#444;} .container08 ul li ul li h4{ font-size:1rem; line-height:1.625rem; height:3.25rem; color:#444; overflow:hidden; margin-bottom:1rem;} .container08 ul li ul li h4 a{ color:#444} .container08 ul li ul li p{ font-size:0.8125rem; line-height:1.4375rem; color:#7a7a7a; margin:2.5rem 0 2rem;} .container08 .more{ text-align:center;} .container08 .more a{display:inline-block;font-size:0.875rem; margin:0 auto; color:#fff;font-family:simsun;background:#df0001;width:2rem;height:2rem;line-height:2rem;text-align:center;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%;} .container08 ul li ul li .img{ margin-top:1.5rem; overflow:hidden;} .container08 ul li ul li .img img{ height:auto; overflow:hidden; -moz-transition: all 0.72 ease-in-out;-webkit-transition: all 0.72 ease-in-out;-o-transition: all 0.72 ease-in-out;-ms-transition: all 0.72 ease-in-out;transition: all 0.72 ease-in-out; -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); } .container08 ul li ul li p, .container08 ul li ul li .more{ display:none;} .container08 .more01{ text-align:center; margin-top:2.5rem;} .container08 .more01 a{ display:inline-block; margin:0 auto; border:#bcbcbe 1px solid; font-size:0.875rem; color:#5c5c5c; width:10.125rem; height:2.875rem; line-height:2.875rem;} .container08 .more01 a .iconfont{font-size: 0.75rem;font-weight:bold;color:rgba(255,255,255,0);transition: all ease-out .3s;transform:rotateX(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);margin-left: -0.75rem;} .container09{ height:10.9375rem; background:url(../image/container09_bg.jpg) center top no-repeat} .container09 .content{ display:table; height:10.9375rem; width:100%} .container09 .content .con{ display:table-cell; vertical-align:middle;} .container09 .content .con .left h3{ font-size:1.375rem; color:#fff;} .container09 .content .con .left h6{ font-size:0.75rem; color:#fff; text-transform:uppercase;} .container09 .content .con .right{ float:right;} .container09 .content .con .right h4{float:right;display:inline-block;font-size:0.875rem;color:#fff;text-transform:uppercase;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);margin-top: 1rem;} .container09 .content .con .right h4 small{ display:inline-block; background:#fff; width:0.9375rem; height:0.125rem;} .container09 .left{ float:left;} .container10{ background:#3d3d3f; padding:3.875rem 0 3.4375rem 0; border-bottom:#4b4b4d 1px solid} .container10 .left ul{float:left;width:100%;margin-bottom:1.375rem;font-size: 0;} .container10 .left ul li{display: inline-block;font-size:0.9375rem;color:#fff;margin-right:2rem;} .container10 .left ul li br{ display:none;} .container10 .left ul li a{ color:#fff} .container10 .left ul br{ display:none} .container10 .left .ar_article{float:left;width: 100%;} .container10 .left .ar_article p{ color:#9c9ca2; font-size:0.75rem; padding-bottom:0} .container10 .left .ar_article p a{color:#9c9ca2;} .container10 .left .ar_article p a .iconfont{color:#df0001;font-size: 1.375rem;vertical-align: middle;} .container10 .left .ar_article p a font{ text-decoration:underline} .container10 .right{ float:right; position:relative;} .container10 .right .clear{ display:none} .container10 .right .txt{ float:left; margin-right:1.5rem; text-align:right;} .container10 .right .txt h2{ margin-bottom:1.25rem; margin-top:0.6rem} .container10 .right .txt h2 a{ display:inline-block; width:7.1875rem; height:2.1875rem; line-height:2.1875rem; background:#df0001; font-size:0.875rem; color:#fff; text-align:center;} .container10 .right .txt h2 a i{font-size: 0.85rem;margin-right: 0.375rem;} .container10 .right .txt h5{ font-size:0.875rem; color:#fff;} .container10 .right .txt h1{ font-size:1.375rem; color:#fff;} .container10 .right .ewm{float:right;width:7.5625rem;height:7.5625rem;} footer{ min-height:4.5rem; background:#3d3d3f; padding:1.8rem 0} footer p{ line-height:1.75rem;} footer p, footer p a{ font-size:0.725rem; color:#737374;} footer p a:hover{ color:#df0001;} footer p font{ float:right;} /*==========================================首页 结束=============================================*/ .n_licheng{background:url(../images/n_licheng_bg.jpg) center bottom no-repeat; overflow: hidden;} .n_licheng .slick_bd{ margin-bottom:4rem} .n_licheng .slick_bd ul li .left{ width:54%} .n_licheng .slick_bd ul li .left .img{ width:100%; height:36.5rem; overflow:hidden; } .n_licheng .slick_bd ul li .right{ width:46%; position:relative; padding-top:2.5rem; padding-left: 3.625rem; min-height:28.4375rem;} .n_licheng .slick_bd ul li .right font{font-size: 33.625rem;color:#f6f7f9;font-family: "Barlow Condensed";font-weight:bold;position: absolute;top: 0;left: 0;right: 0;text-align: center; letter-spacing: 6rem;padding-left: 10rem;line-height: 30rem;} .n_licheng .slick_bd ul li .right h3{ font-size:3.125rem;color:#202c5c;font-family: "Barlow Condensed";font-weight:bold; margin-bottom: 2.5rem;} .n_licheng .slick_bd ul li .right .con{ margin-bottom:5.625rem; position:relative} .n_licheng .slick_bd ul li .right .con p{font-size:.9375rem;color:#5e5e5e; position:relative;margin-bottom:0.5rem;line-height: 1.875rem;} .n_licheng .slick_bd ul li .right .anniu_con{ display:inline-block; width:31px; height:31px; background-size:100% 100% !important; cursor:pointer; transition:.6s; position:relative} .n_licheng .slick_bd ul li .right .anniu_left{ background:url(../images/licheng_left.png) center no-repeat; margin-right:0.75rem} .n_licheng .slick_bd ul li .right .anniu_right{ background:url(../images/licheng_right.png) center no-repeat} .n_licheng .slick_bd ul li .right .anniu_left:hover{ background:url(../images/licheng_left_on.png) center no-repeat; } .n_licheng .slick_bd ul li .right .anniu_right:hover{ background:url(../images/licheng_right_on.png) center no-repeat} .n_licheng .content{ position:relative} .n_licheng .content:before{ content:""; position:absolute; top:52px; width:100%; left:0; height:1px; background:rgba(0,0,0,0.1)} .n_licheng .content .slick_hd ul{ margin:0 -5%} .n_licheng .content .slick_hd ul li{ text-align:center; cursor: pointer;} .n_licheng .content .slick_hd ul li h4{ font-size:1.875rem; color:#202c5c; font-family: BarlowCondensed-Regular; font-weight:bold; height:42px; transition:.6s} .n_licheng .content .slick_hd ul li .yuan{position:relative;height: 20px;} .n_licheng .content .slick_hd ul li .yuan:before{content:"";position:absolute;width: 0.75rem;height: 0.75rem;border:#202c5c 3px solid;border-radius:50%;background:#fff;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%); transition:.6s} .n_licheng .content .slick_hd ul li .down_svg{ line-height:2.25rem; margin-bottom:0.5rem} .n_licheng .content .slick_hd ul li .down_svg svg{ display:inline-block; width:16px; height:16px; fill:#202c5c; transition:.6s} .n_licheng .content .slick_hd ul li .con{position:relative;} .n_licheng .content .slick_hd ul li .con p{font-size:1rem; color:#080808;position:relative;margin-bottom:0.5rem;line-height: 1.7rem;padding: 0 0.5rem;} .n_licheng .content .slick_hd ul li.slick-current h4{ color:#e81f18} .n_licheng .content .slick_hd ul li.slick-current .yuan:before{ border:#e81f18 3px solid;} .n_licheng .content .slick_hd ul li.slick-current .down_svg svg{ fill:#333; } /*==========================================内页 开始=============================================*/ /*====内页banner====*/ #n_banner{display:block;width:100%;height: 450px;position: relative;} #m_n_banner{position: absolute;left: 0;top: 0;width: 100%;height: 160px;display: none;background-size: 100% auto;} #n_banner .main_box{display: table;width: 100%;height: 100%;} #n_banner .box{ display: table-cell; vertical-align: middle; overflow:hidden; text-align:center; } /*====手机banner====*/ .n_title{position:relative;height: 3.75rem;line-height: 3.75rem;z-index: 2;background: #ededf0;} .n_title dl{float: left;position: relative;margin-right: 3.125rem;} .n_title dt a{font-size: 1rem;text-align: center;line-height: 3.75rem;display:block;color: #5c5c5c;margin-bottom:0px;} .n_title dl dd{ position: absolute; width: 100%; display: none; overflow: hidden; background: #fff;} .n_title dl dd a{font-size:14px; width: 100%; text-align: center; color:#30353a; line-height:50px; display:block; border-bottom: 1px solid #dcdcde; position: relative;} .n_title dl dd a.on{ color: #df0001;} .n_title dt i{ display: none; transform:rotate(90deg);-webkit-transform:rotate(90deg); /* Safari and Chrome */-moz-transform:rotate(90deg);} .n_title dl.title_nav dt i{ display: inline-block;} .n_title dt.on{height: 3.75rem;border-bottom: #df0001 0.125rem solid;} .n_title dl dt.on a,.n_title dl dt.on a i{color: #df0001;} /*====移动端导航====*/ #m_n_nav{background: #df0001;display: none;line-height: 50px;height: 50px;position: relative;z-index: 99;float: left;width: 100%;} #bnt_back{position:absolute;left: 1rem;top:0;color: #fff;font-size: 20px;} #m_n_nav i{} #m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;} #bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;} #bnt_sub_nav img{ display: block; height: 15px; } #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;} #sub_nav_content ul{ padding: 10px;} #sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;} #sub_nav_content ul li a{ display:block; border-left:2px solid #d2b068; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;} #sub_nav_content ul li.on a{color: #d2b068;} #sub_nav_content dt{height:40px;line-height:40px;position:relative;background:#fff; border-top:1px solid #e7e7e7; z-index: 999; } #sub_nav_content dt a{ margin:0 20px; display:block;color:#5b5349; height: 40px; font-size:14px; font-weight: 400; } #sub_nav_content dt a i{ position: absolute; right: 15px; top: 0; opacity:0;filter:alpha(opacity=0); } #sub_nav_content dt a{} #sub_nav_content dt.title{background:#fafafb;} #sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);} #sub_nav_content dt.title_on { background:#fafafb;} #sub_nav_content dt.title_on a{ color:#df0001; border-top:1px solid #fff;} #sub_nav_content dt.title_on a i{ color: #df0001; } #sub_nav_content dt.last a{border-top:1px solid #f8f8f8;} #sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #df0001;} #sub_nav_content dd{ display:none;} #sub_nav_content dd .box{padding:0px 0px 0px 0px;} #sub_nav_content dd a{ padding:0 25px; line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;} #sub_nav_content dd a.on{ color:#df0001} .position{display: inline-block;float: right;line-height: 3.75rem;height: 3.75rem;color:#7b7b7d;background: url(../image/icon_home.png) left 1.4rem no-repeat;padding-left: 1.25rem;font-size: 0.75rem;color: #a6a6a6;} .position a{font-size: 0.75rem;color: #a6a6a6;display: inline-block;line-height: 3.75rem;vertical-align: top;} .position i{display: inline-block;height: 3.75rem;width: 1.25rem;text-align: center;color: #a6a6a6;font-family: simsun;font-style: normal;font-size: 0.75rem;vertical-align: top;} .position span{vertical-align: top;font-size: 0.75rem;color: #df0001;font-style:normal;display: inline-block;line-height: 3.75rem;} /*====翻页====*/ .j_pages{margin:0 auto 0 auto} .j_pages .box{display:inherit;width:100%;text-align: center;padding: 3rem 0 1rem;} .j_pages a{padding: 0 0.875rem;height: 2.1875rem;line-height: 2.1875rem;display:inline-block;margin:0 2px;color: #8f8f8f;font-size: 0.875rem;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .j_pages a font{font-size:14px;font-family:SimSun;color:#9f9fa7} .j_pages .on{background:#df0001;color:#fff!important;} .j_pages span{background:#df0001;color:#fff!important;border:1px solid #bca180} .j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s} .n_about .container,.n_chuangxin .container,.n_notice .container,.n_chuangye .container,.n_news .container,.n_contact,.n_contact .container,.n_chengguo,.n_BP{ padding-top:4%; padding-bottom:4%;} .n_about .n_about02{ background-color:#f2f3f4} .n_about .n_about03{ border-bottom:#d3d5d6 1px solid} .n_about .n_about03 .container01{ padding:0} .n_about .n_about03 .container01 .container .row.title h2{ font-size:26px; font-weight:normal; color:#454647} .n_about .n_about03 .container01 .container .row.title h4{ font-size:18px; color:#454647} .n_about .n_about03 .container01 .container .row.con{ margin:0 -26px} .container07 .title{text-align:center;margin-bottom: 3rem;} .container07 .title h3{font-size:1.375rem;color: #fff;margin-bottom:0.2rem;} .container07 .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .n_container{ padding:4rem 0 4rem;} .n_about .detail{ float:left; width:68.75%} .n_about .detail .title{text-align:center;margin-bottom: 2.75rem;} .n_about .detail .title h2{font-size:1.875rem;color:#332c2b;text-transform:uppercase;line-height: 1.875rem;} .n_about .detail .title h3{ font-size:1.375rem; color:#332c2b; margin-bottom:0.2rem} .n_about .detail .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .hot_news{ float:right; width:25%} .hot_news ul li{background:#fafafa;min-height: 20rem;padding: 2rem 2.375rem;-moz-transition: all 0.72 ease-in-out;-webkit-transition: all 0.72 ease-in-out;-o-transition: all 0.72 ease-in-out;-ms-transition: all 0.72 ease-in-out;transition: all 0.72 ease-in-out;margin:1rem 0;margin-bottom: 1.875rem;} .hot_news ul li h1{font-size: 1.5rem;color:#444;} .hot_news ul li h4{font-size: 0.875rem;line-height: 1.625rem;height:3.25rem;color:#444;overflow:hidden;margin-bottom: 0.75rem;} .hot_news ul li h4 a{ color:#444} .hot_news ul li p{font-size:0.8125rem;line-height:1.4375rem;height: 4.3125rem;color:#7a7a7a;margin: 1.25rem 0 1.25rem;overflow: hidden;} .hot_news ul li .more{ text-align:center;} .hot_news ul li .more a{display:inline-block;font-size:0.875rem; margin:0 auto; color:#fff;font-family:simsun;background:#df0001;width:2rem;height:2rem;line-height:2rem;text-align:center;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%;} .hot_news ul li .img{ margin-top:1.5rem; } .hot_news ul li .img img{ height:auto; -moz-transition: all 0.72 ease-in-out;-webkit-transition: all 0.72 ease-in-out;-o-transition: all 0.72 ease-in-out;-ms-transition: all 0.72 ease-in-out;transition: all 0.72 ease-in-out; -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); } .hot_news ul li p, .hot_news ul li .more, .hot_news .title h2, .hot_news .title h3, .hot_news .title h5{ display:none;} .hot_news .title h2{font-size:1.875rem;color:#332c2b;text-transform:uppercase;line-height: 1.875rem;} .hot_news .title h3{ font-size:1.375rem; color:#332c2b; margin-bottom:0.2rem} .hot_news .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .hot_news .title{margin: 2rem 0 1.75rem;display: none;} .n_team ul li{ background:#eeeeee; cursor:pointer} .n_team ul li .img{ float:left; margin-right:2.125rem; overflow:hidden;} .n_team ul li .con{ padding: 3rem 2.125rem;} .n_team ul li .con h3{ font-size:1.125rem; color:#332c2b; margin-bottom:1rem;} .n_team ul li .con p{ font-size:0.875rem; color:#656565; line-height:1.5rem; height:7.5rem; overflow:hidden;} .n_team ul li .con a{display:inline-block;font-size: 0.875rem;margin:0 auto;color: #bfbfbf;font-family:simsun;border: #bfbfbf 1px solid;width: 1.375rem;height: 1.375rem;line-height: 1.375rem;text-align:center;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%;} .n_team ul li .con .ar_article{ margin-bottom:1.2rem} #n_team li .team_article{ font-size: 12px; color: #777; display:none;} #show_team { display: block;} #show_team .team_article{ display: block;} #show_team .left{width: 37%;float: left;} #show_team .left img{z-index: 1;width: 100%;} #show_team .left .img{} #show_team .right{width: 63%;float: left;padding: 0 0 0 2.625rem;} #show_team .right h1{display: block;font-size: 14px;margin-bottom: 20px;color: #fff;text-align: center;} #show_team .right h1 span{color: #fff;font-size: 18px;font-weight: bold;} #show_team .right h2{ padding-top: 20px; margin-bottom: 6px; font-size: 14px; color: #213a7d;} #show_team .right .ar_article p{color: #535353;} #show_team .jj_scoll{position:relative;width: 103%;padding: 0 3% 0 0;height: 20.625rem;overflow: scroll;overflow-x:hidden;} #show_team .right .peo_name h3{font-size: 1.5rem;color: #fa0202;margin: 0.875rem 0 1rem;} #page_show_box{position:fixed;z-index: 99999999;top:0;left:0;display:none;height:100%;width:100%;} #page_show_box .bg_box{ position:fixed; z-index:9994; top:0px; display:none; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);} #page_show_box .box{position:absolute;width: 58.875rem;height: 29.3125rem;top:50%;z-index:9999;left:50%;margin-left: -29.4375rem;margin-top: -14.65625rem;} #bnt_close{position: absolute;top: -1.34375rem;width: 2.4rem;height: 2.4rem;42pxposition:absolutetop: 0right: 50%margin-left:;right: -1.34375rem;} #bnt_close img{display:block;position: inherit;z-index: 1;width: 100%;cursor: pointer;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} #page_show_box #page_ar{ position:relative; } #page_show_box #page_ar .ar_box{border-radius: 0.3125rem;padding: 2rem;background: #fff;position:relative;box-sizing: border-box;border: #fff 5px solid;} #page_show_box #page_ar .ar_box .p{ line-height:30px; font-size:14px; color:#686a6a; max-height:540px; text-align:justify; overflow: hidden;} #page_show_box #page_ar .ar_box .title{ font-size:18px; color:#686a6a; display:block; margin-bottom:10px;} #page_show_box #page_ar #ar_content{ height:90px; overflow:hidden;} .n_news .title{display: none;text-align:center;margin-bottom: 2.75rem;} .n_news .title h2{font-size:1.875rem;color:#332c2b;text-transform:uppercase;line-height: 1.875rem;} .n_news .title h3{ font-size:1.375rem; color:#332c2b; margin-bottom:0.2rem} .n_news .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .n_news ul li{position:relative;margin-top: 0 !important;margin-bottom: 2rem;} .n_news ul li .img{overflow:hidden;} .n_news ul li .img img{} .n_news ul li .con{background: #f8f8f8;padding: 1.5rem 1.5rem;box-sizing: border-box; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .n_news ul li .con h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 0 0 0.875rem 0;} .n_news ul li .con h5 a{font-size: 1rem;color: #444444;} .n_news ul li .con p{font-size: 0.8125rem;color:#a6a6a7;line-height: 1.375rem;height: 2.75rem;overflow:hidden;margin-bottom:15px;} .n_news ul li .con h6{font-size: 0.75rem;color: #919191;} .n_news ul li .con h6 a{color: #df0001;font-size: 0.75rem;float:right;text-decoration: underline;} .n_news .j_pages .box{ padding:1rem 0 1rem} .n_video .title{text-align:center;margin-bottom: 2.75rem;} .n_video .title h2{font-size:1.875rem;color:#332c2b;text-transform:uppercase;line-height: 1.875rem;} .n_video .title h3{ font-size:1.375rem; color:#332c2b; margin-bottom:0.2rem} .n_video .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .n_video li{float:left;position:relative;border-bottom:2px solid #fff;background:#fff;display:block;margin: 0 37.5px 0 0;margin-bottom: 0.5rem;} .n_video li .img{ position:relative; overflow:hidden;} .n_video li a{ display:block; overflow:hidden;} .n_video li img{display: inline-block;} .n_video li span{padding:0 25px;display:block;line-height: 3.375rem;height: 3.375rem;font-size: 0.875rem;color: #737373;padding-right: 1.25rem;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;border: #eeeeee 1px solid;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .n_video .con{ width:100%; height:100%; position:absolute; top:0; left:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);} .n_video .con .box{ display:table; width:100%; height:100%; text-align:center;} .n_video .con .box i{ vertical-align:middle; display:table-cell;} .n_video span i{display:inline-block;width:23px;height:23px;vertical-align:middle;float:right;background:url(../image/span_more.png) 0 no-repeat;margin-top: 0.875rem;} .n_picture .title{text-align:center;margin-bottom: 2.75rem;} .n_picture .title h2{font-size:1.875rem;color:#332c2b;text-transform:uppercase;line-height: 1.875rem;} .n_picture .title h3{ font-size:1.375rem; color:#332c2b; margin-bottom:0.2rem} .n_picture .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .n_picture li{float:left;position:relative;border-bottom:2px solid #fff;background:#fff;display:block;margin: 0 37.5px 0 0;margin-bottom: 0.5rem;} .n_picture li .img{ position:relative; overflow:hidden;} .n_picture li a{ display:block; overflow:hidden;} .n_picture li img{display: inline-block;} .n_picture li span{padding:0 25px;display:block;line-height: 3.375rem;height: 3.375rem;font-size: 0.875rem;color: #737373;padding-right: 1.25rem;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;border: #eeeeee 1px solid;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .n_picture .con{ width:100%; height:100%; position:absolute; top:0; left:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);} .n_picture .con .box{ display:table; width:100%; height:100%; text-align:center;} .n_picture .con .box i{ vertical-align:middle; display:table-cell;} .n_picture span i{display:inline-block;width:23px;height:23px;vertical-align:middle;float:right;background:url(../image/span_more.png) 0 no-repeat;margin-top: 0.875rem;} .n_news .detail{ float:left; width:68.75%} .n_news .detail .nav{background:url(../image/nav_bg.png) left bottom no-repeat;margin-bottom: 35px;} .n_news .detail .nav h3{color: #676767;font-size: 1.125rem;line-height: 1.75rem;margin-bottom: 1rem;text-align: left;font-weight: bold;} .n_news .detail .nav h6{display: inline-block;color: #888888;font-size: 0.75rem;line-height: 1rem;margin-bottom: 1rem;font-weight:normal;text-align: left;} .n_contact .detail{ float:left; width:68.75%} .n_contact .title{text-align:center;margin-bottom: 2.75rem;} .n_contact .title h2{font-size:1.875rem;color:#332c2b;text-transform:uppercase;line-height: 1.875rem;} .n_contact .title h3{ font-size:1.375rem; color:#332c2b; margin-bottom:0.2rem} .n_contact .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .n_contact .ar_article{ float:left; width:100%;} .n_contact .left{ float:left; width:50%;} .n_contact .left h4{ font-size:1rem; color:#919191; font-weight:normal; padding:0 0 0 1.875rem; position:relative;} .n_contact .left h3{ font-size:1.125rem; color:#df0001; font-weight:normal; margin-bottom:0.875rem; padding:0 0 0 1.875rem} .n_contact .left h4 i{font-size: 1.3rem;color:#df0001;position:absolute;left:0;top:0;} .n_contact .detail .map{float: left;width: 100%;margin-top:4rem;overflow:hidden;} .n_contact .right{ float:right; width:50%;} .n_contact .right ul{ text-align:right;} .n_contact .right ul li{ display:inline-block; margin-left:1.875rem; text-align:center;} .n_contact .right ul li img{ max-width:6.75rem; max-height:6.75rem;} .n_contact .right ul li h6{ font-size:0.875rem; color:#919191; font-weight:normal;} .n_BP .detail{ float:left; width:68.75%} .n_BP .title{text-align:center;} .n_BP .title h2{font-size:1.875rem;color:#332c2b;text-transform:uppercase;line-height: 1.875rem;} .n_BP .title h3{ font-size:1.375rem; color:#332c2b; margin-bottom:0.2rem} .n_BP .title h5{ margin-bottom:1rem;} .n_BP .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .n_BP .title h6{ font-size:0.875rem; color:#8b8b8b; line-height:1.875rem;} .n_BP .form{} .n_BP .form .top{padding: 4% 6.5%;background-color: #df0001;} .n_BP .form .top p{font-size: 22px;line-height:28px;color:#fff;text-align: center;} .n_BP .form .radio{float: left;padding:0 6.5%;font-size: 14px;color:#626364;} .n_BP .form .left{ float:left; width:49.25%;} .n_BP .form .right{ float:right; width:49.25%;} .n_BP .form .input,.n_BP .form .textarea{padding: 0 0;margin-bottom: 1rem;display:block;overflow: hidden;} .n_BP .form .input h5{font-size:14px;color:#8b8b8e;margin-bottom: 1.5%;padding: 0 0 0 1%;} .n_BP .form .input .input_box{height: 2.8125rem;line-height: 2.6875rem;border: #e5e5e5 1px solid;font-size:13px;color:#cfcfd2;} .n_BP .form .input .input_box input,.n_BP .form .textarea .textarea_box textarea{padding: 0 1rem;border:none;background:none;resize:none;text-align:left;display: block;width: 100%;height: 100%;vertical-align: top;color: #333;} .n_BP .form .textarea h5{font-size:14px;color:#8b8b8e;margin-bottom: 1.5%;padding: 0 0 0 0.5%;} .n_BP .form .textarea .textarea_box{border: #e5e5e5 1px solid;font-size:13px;color:#cfcfd2;} .n_BP .form .textarea .textarea_box textarea{font-size:13px;line-height:20px;height: 155px;margin:15px 0;padding:0 1.5%;overflow:hidden;overflow-y:scroll;} .n_BP .form .btn{display: block;width:100%;overflow: hidden;padding: 0;margin: 3rem 0 1rem 0;} .n_BP .form .btn input{float: left;display:inline-block;width: 9.125rem;height: 2.875rem;line-height: 2.875rem;background: #df0001;border:none;font-size: 0.875rem;color:#fff;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;} button, input, select, textarea{ font-family:inherit; font-size:inherit; line-height:inherit;} .n_BP .form .input .input_box span{float:left;color:#999;margin-left: 1rem;} .n_BP .form .textarea{ margin-bottom:50px} .n_BP .form .btn input:hover{ background:#f04267} .n_BP .form .select_ui{min-width:7.8125rem;margin-right: 4rem;/*margin-top: -0.5rem;*/} .n_BP .form .select_ui select{ outline: none; -webkit-appearance: none; border:none; /*border-bottom:#eee 1px solid;*/ box-shadow:none;} /*online qq*/ .izl-rmenu {position: fixed;right:30px;width: 62px;bottom: 30%;z-index: 999999;} .izl-rmenu .btn{float: left;width: 62px;height: 62px;cursor:pointer;position:relative;margin: -0.5px 0;border-radius: 100%;margin-top: 5px;box-shadow: 0 3px 7px rgba(0,0,0,0.15);} .izl-rmenu .btn-qq{background: #0db493 url(http://www.xajsyk.com/statics/images/r_qq.png) center no-repeat;} .izl-rmenu .btn-wx{background: #fff url(../image/r_wx.png) center no-repeat;} .izl-rmenu .btn-wx .pic{position:absolute;left: -120px;top: -22px;display:none;width: 100px;height: 100px;border: #14c8ca 4px solid;} .izl-rmenu .btn-phone{background:#fff url(../image/r_phone.png) center no-repeat;} .izl-rmenu .btn-phone .phone{background-color: #33cdff;position:absolute;width: 0;left:0;top:0px;line-height: 62px;height: 62px;color:#FFF;font-size:18px;text-align:center;border-radius: 31px;overflow: hidden;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;display:block !important;} .izl-rmenu .btn-phone:hover .phone{ width:160px; left:-160px;} .izl-rmenu .btn-top{background: #fff url(../image/r_top.png) center no-repeat;display:none;} .izl-rmenu .btn-local{display:inline-block;background: #e93d3a url(../image/r_local.png) center no-repeat;} .close01{ position:absolute; top:-15px; right:-15px; width:16px; height:16px; cursor:pointer} /*online qq*/ #nav_jgxq{margin-bottom: 40px;display: inherit;text-align: center;margin-top: 1.5rem;} #nav_jgxq a{ display: inline-block; border: 1px solid #d5d5d7; padding: 0 35px; text-align: center; height: 45px; line-height: 45px; font-size: 14px; color: #424141; border-radius: 3px; overflow: hidden; margin: 0 5px;} #nav_jgxq a.on,#nav_jgxq a:hover{ color: #fff; background: #df0001; border:1px solid #df0001;} .container11{width:100%;height: 100%;z-index:0;overflow: hidden;} .container11 .bd{ width:50%;} .container11 .bd ul,.container11 .bd ul li,.container11 .bd ul li a{ height:100%; display:block} .container11 .hd{width:50%;background:#575859;padding: 30px 1.25rem;} .container11 .hd ul li img{width: 100% !important;} .container11 .hd ul li.swiper-slide-active:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:#ff0000 15px solid; box-sizing:border-box} .container11 .bd ul li{ display:none} .container11 .bd ul li.swiper-slide-active{ display:block; } .container03 .right .title{text-align:left;margin-bottom: 2.375rem;} .container11 .hd .title{ margin-bottom:1.5rem} .container11 .hd .title h2{ display:inline-block; margin-right:0.2rem} .container11 .hd .title h3{ font-size:1.375rem; color:#fff; margin-bottom:0.2rem; display:inline-block;} .container11 .hd .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#df0001; height:0.1875rem; width:1.75rem;} .container11 .hd .title a{ float:right; width:120px; height:40px; line-height:40px; border-radius:5px; background:#df0001; font-size:14px; color:#fff; text-align:center} /*======================j_弹窗======================*/ #page_show_video_box {position: fixed;z-index: 9995;top: -1800px;left: 0;display: block;height: 100%;width: 100%;} #page_show_video_box .bg_box {position: fixed;z-index: 9994;top: 0px;display: none;height: 100%;width: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');background: rgba(0,0,0,0.7);} #page_show_video_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;} #page_video {width: 796px;height: 405px;position: relative;} #page_video .video_box {border: 5px solid #df0001;width: 726px;height: 405px;overflow: hidden;} #page_show_video_box #j_video {background: url(http://www.xajsyk.com/statics/images/j_loading.gif) center 200px no-repeat;background-size: 100px 100px;} #page_show_video_box .info {padding: 15px 25px 15px 25px;width: 726px;background: #df0001;} #page_show_video_box .info h1.title {font-size: 1rem;color: #fff;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #page_show_video_box .info p {line-height: 24px;overflow: hidden;font-size: 14px;color: #fff;padding-bottom: 15px} #page_show_video_box .info p.last {padding-bottom: 0;} #page_show_video_box #playercontainer {display: none;} #page_show_video_box #page_ar {width: 810px;position: relative;} #page_show_video_box #page_ar .ar_box {border: 5px solid #df0001;width: 730px;padding: 40px 0;background: #fff;position: relative;} #page_show_video_box #page_ar .ar_box .ar_article {padding: 0px 35px;height: 540px;} #page_show_box .bg_box {position: fixed; z-index: 9994; top: 0px; display: none; height: 100%; width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000'); background: rgba(0,0,0,0.7);} #page_show_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;} #bnt_close01 {display: block;width: 70px;height: 70px;background: #df0001;position: absolute;top: 0;right: 0;} #bnt_close01 img {display: block;position: absolute;left: 20px;top: 23px;width: 25px;height: 25px;} #bnt_close:hover img {transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-moz-transform: rotate(90deg); /* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg); /* Opera */} #page_show_video_box video{width: 730px;height: 412px;} .table{ display:table; width:100%; height:100%;} .table_cell{ display:table-cell; vertical-align:middle} /*==========================================内页 结束=============================================*/ @media(min-width: 768px){ .n_title dl dd a:hover{ color: #df0001;} .n_title dl:hover dt{height: 3.75rem;border-bottom: #df0001 0.125rem solid;} .n_title dl:hover dt a,.n_title dl:hover dt a i{ color: #df0001;} .n_title dl.title_nav:hover dd{ box-shadow: 0 5px 10px #ccc; } .position a:hover{ color:#df0001;} .j_pages a:hover{background:#df0001;color:#fff!important;text-decoration:none;} .j_pages a:hover font{color:#fff} .container02 .left ul li .img:hover:after{content:"";display: block;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#A5DF0001', endColorstr='#A5DF0001');background:rgba(223,0,1,0.65);width: 100%;height: 100%;z-index: 1000;position: absolute;top: 0;left: 0;} .container02 .right .more a:hover{ background:#575859} .container03 .right .con h4 a:hover{ color:#df0001;} .container03 .right .swiper-container .button-prev02:hover, .container03 .right .swiper-container .button-next02:hover{ background:#df0001; border:#df0001 1px solid} .container04 ul li:hover{ background:#df0001; border:#df0001 1px solid} .container04 ul li:hover h1 .img i .img01{ display:none;} .container04 ul li:hover h1 .img i .img02{ display:inline-block;} .container04 ul li:hover h5{ color:#fff;} .container04 ul li:hover h6{ color:#fff;} .container05 .container .row .swiper-container .button-prev02:hover, .container05 .container .row .swiper-container .button-next02:hover{ background:#df0001; border:#df0001 1px solid; color:#fff} .container06 ul li:hover img{ -moz-transform:scale(1.05); -o-moz-transform:scale(1.05); -o-moz-transform:scale(1.05); -webkit-moz-transform:scale(1.05); transform:scale(1.05); border:#df0001 1px solid} .container06 ul li:hover .project_info{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8DF0001', endColorstr='#D8DF0001');background:rgba(223,0,1,0.85);} .container06 ul li:hover .project_info .box div p.title{ margin-top:0.625rem; margin-bottom:0.9375rem; color:rgba(255,255,255,1);} .container06 ul li:hover .project_info .box div p.subtitle{ margin-top:-0.625rem; color:rgba(255,255,255,0.8);} .container06 ul li:hover a:after{ opacity:1} .container06 .more a:hover{ background:#df0001; border:#df0001 1px solid; color:#fff} .container07 ul li .img:hover{ margin-top:-0.625rem; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFDF0001', endColorstr='#BFDF0001');background:rgba(223,0,1,0.75);} .container08 ul li ul li h4 a:hover{ color:#df0001} .container08 .more a:hover{ background:#575859} .container08 ul li ul li:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')"; /* For IE 8 */ filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999'); /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */} .container08 ul li ul li:hover p, .container08 ul li ul li:hover .more{ display:block} .container08 ul li ul li:hover .img img{ height:0; -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0); -moz-transition: all 0.72 ease-in-out;-webkit-transition: all 0.72 ease-in-out;-o-transition: all 0.72 ease-in-out;-ms-transition: all 0.72 ease-in-out;transition: all 0.72 ease-in-out;} .container08 ul li ul li:hover .img{ height:0; } .container08 .more01 a:hover{ color:#fff;} .container08 .more01 a:hover .iconfont{ color:rgba(255,255,255,1); margin-left:0.5rem; } .container08 .more01 a:hover{ border:#df0001 1px solid; background:#df0001;} .container10 .left ul li a:hover{ color:#df0001} .hot_news ul li h4 a:hover{ color:#df0001; background:none} .hot_news ul li a:hover{ background:#575859} .hot_news ul li:hover{ background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')"; /* For IE 8 */ filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999'); /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */} .hot_news ul li:hover p, .hot_news ul li:hover .more{ display:block} .hot_news ul li:hover .img img{ height:0; -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0); -moz-transition: all 0.72 ease-in-out;-webkit-transition: all 0.72 ease-in-out;-o-transition: all 0.72 ease-in-out;-ms-transition: all 0.72 ease-in-out;transition: all 0.72 ease-in-out;} .n_team ul li:hover .con a{ background:#df0001; color:#fff; border:#df0001 1px solid} .n_team ul li .con .ar_article{ margin-bottom:1.2rem} .n_team ul li:hover .con h3{ color:#df0001} #bnt_close:hover img{ transform:rotate(90deg);-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);} #bnt_close:before{content:"";display: inherit;position: absolute;z-index: 0;width:2rem;height:2rem;left: 0.2rem;top: 0.2rem;background: #fff;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;} .n_news ul li:hover .con{ background:#df0001;} .n_news ul li:hover .con h5 a,.n_news ul li:hover .con h6 a,.n_news ul li:hover .con h6,.n_news ul li:hover .con p{ color:#fff} .n_video li:hover span{ border:#df0001 1px solid; color:#fff; background:#df0001} .n_video li:hover span i{ background:url(../image/span_more_on.png) 0 no-repeat;} .n_picture li:hover span{ border:#df0001 1px solid; color:#fff; background:#df0001} .n_picture li:hover span i{ background:url(../image/span_more_on.png) 0 no-repeat;} .hot_news ul li:hover .img{ display:none; margin:0} } @media(min-width: 992px) and (max-width: 1300px){ .container02 .right, .container02 .right ul li{ height:auto !important;} .container02 .right .con{ padding:30px 2rem 60px;} .container02 .right .con h3{ display:inline-block; margin-right:15px;} .container02 .right .con h5{ display:inline-block;} .container02 .right .more a{ left:2rem; bottom:30px;} footer p font{ float:right} } @media(max-width: 1700px){ .container03 .right .swiper-container .button-prev02, .container03 .right .swiper-container .button-next02{ bottom:4.875rem; right:0} .container03 .right .swiper-container .button-prev02{margin-right: 2.2rem; margin-left:auto} } @media(max-width: 1500px){ .container03 .left{ width:60%} .container03 .container .col-xs-12{ width:40%} .container03 .right{ padding:2rem 0 0 2.5rem} } @media(max-width: 1400px){ #banner, #banner .main_box, #banner .swiper-slide{height: 500px;} #banner .swiper-slide{ background-size:auto 100% !important;} } @media(max-width: 1360px){ } @media(max-width: 1300px){ .container02 .left, .container02 .right{ float:left; width:100%;} .container02 .left{ margin-bottom:3%} } @media(max-width: 1200px){ #header .lianxi h4{ font-size:16px;} .n_BP .form .select_ui{ margin-right:2rem !important} } @media(max-width: 1000px){ .container03 .left{ width:100%} .container03 .container .col-xs-12{ width:100%; position:relative;} } @media(max-width: 992px){ #banner, #header, .n_title{ display:none} #m_banner,#m_header,#m_n_nav{ display:block;} .container02 .right .con{ padding:30px 2rem 60px;} .container02 .right, .container02 .right ul li{ height:auto !important;} .container02 .right .more a{ left:2rem; bottom:30px;} .container10 .left ul{text-align:center;margin: 0 1rem 1.375rem;} .container10 .left ul li{ line-height:1.75rem} .container10 .left .ar_article p{ text-align:center;} .container10 .left ul br{ display:block} .container10 .right, .container10 .right .txt{width:100%;text-align: center;} .container10 .right .ewm{float: none;margin: 0 auto;margin-top: 1rem;} .container10 .right .clear{ display:block} footer p font{ display:block; float:none;} footer p{ text-align:center;} .n_about .detail, .hot_news, .n_news .detail{width:100%;} .hot_news ul li{margin:0;margin-bottom: 1rem;} .hot_news .title, .hot_news .title h2, .hot_news .title h3, .hot_news .title h5{ display:block; text-align:center} #page_show_box .box{position:absolute;width:100%;height:100%;top: 0;left: 0;margin: 0;} #page_show_box #page_ar, #page_show_box #page_ar .ar_box{ height:100%} #show_team .left{float:none;margin:0 auto;margin-bottom: 2rem;} #show_team .right{width:100%;margin:0 0;padding: 0;} #show_team .right .peo_name h3{ text-align:center;} #bnt_close{position: absolute;top: 1.34375rem;width: 2.4rem;height: 2.4rem;42pxposition:absolutetop: 0right: 50%margin-left:;right: 1.34375rem;} #show_team .jj_scoll{ height:25.625rem} #page_show_box #page_ar .ar_box{ background:rgba(255,255,255,1)} .n_contact .detail{width:100%;} .n_BP .detail{width:100%;} #nav_jgxq{margin-bottom: 20px; display: inherit;margin-top: 1.5rem; } #nav_jgxq a{ padding: 0 14px; height: 30px; line-height: 30px; font-size: 12px; } #mode_jgxq li .pic_box{ float: none; width: 100%; } #mode_jgxq li .text_box{ float: none; width: 100%; height: auto; display: block;} #mode_jgxq li .text_box .box{ display: block ; padding: 5%;} #mode_jgxq li h1{ color: #464646; font-size: 16px; margin-bottom: 5px; display: block; } #mode_jgxq li:nth-child(2n) .pic_box{float: none;} #mode_jgxq li:nth-child(2n) .text_box{float: none;} .container11 .bd,.container11 .hd{ width:100%} } @media(max-width: 768px){ #page_show_video_box video{ width:360px; height:204px;} #page_video{width: 420px;height:214px;} #page_video .video_box{width: 370px;height:214px;} #page_show_video_box .info{ width:370px; padding:5px 25px 5px 25px} #bnt_close01{width:50px;height:50px;right: 50px;top: -50px;} #bnt_close01 img{width:1rem;height:1rem;left:1.5rem;top:1.5rem;} #page_show_video_box .box{ margin-left:-185px;} /*====banner====*/ #n_banner{height: 160px;} /*发展历程*/ .n_licheng .slick_bd ul li .left{ width: 100%;} .n_licheng .slick_bd ul li .left .img{ height: auto;} .n_licheng .slick_bd ul li .right{ width: 100%; padding: 0; margin-top: 2rem; height: auto; min-height: inherit;} .n_licheng .slick_bd ul li .right h3{ margin-bottom: 1rem;} .n_licheng .slick_bd ul li .right .con{ margin-bottom: 1.5rem;} .n_licheng .slick_bd{ margin-bottom: 2rem;} /*发展历程*/ #m_n_banner{ display:block} #n_banner h1{ font-size:16px;} #n_banner h3{ font-size:13px;} /*====翻页====*/ .j_pages .box{} .j_pages a{display: none;} .j_pages a.m_bnt{display: inline-block;} .container01 .ar_article p img{ height:6rem} .container02 .title h2 img{ height:1.2rem} .container03 .right{padding: 2rem 0 0 0;} .container03 .right .title h2 img{ height:1.2rem;} .container03 .left .top .con img{ width:3rem} .container04 .title h2 img{ height:1.2rem;} .container05 .title h2 img{ height:1.2rem;} .container05 .container .row .content{ padding:0 0} .container05 .container .row .swiper-container .button-prev02, .container05 .container .row .swiper-container .button-next02{ display:none} .container05 ul li:hover .top{ height:2.9375rem;} .container06 .title h2 img{ height:1.2rem;} .container06 ul li .project_info, .container06 ul li a:after{ display:none} .container07 .title h2 img{ height:1.2rem;} .container07 ul li .img{width: 6.5rem;height: 6.5rem;} .container07 ul li .img i h1 img{width: 1.75rem;} .container08 .title h2 img{ height:1.2rem;} .container08 ul li ul li{ margin:0.5rem 0 !important} .container09 .content .con .right h4{ overflow:hidden; display:block; transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);margin-top: 1rem; float:none} .n_team ul li .img{ width:40%} .n_team ul li .con a{ display:none} .n_team ul li .con{ padding: 2rem 2.125rem 0} .n_news ul li, .n_video li{ margin-bottom:1rem; margin-top:0 !important} .n_video li .con .box i img{ height:2rem;} .n_picture li span{ text-align:center;} .n_picture span i{ display:none} .hot_news ul li{ padding:1.5rem 1rem} .zcityGroup{ margin:0 1rem !important} .select .span{display: none;} .n_BP .form .select_ui{ margin-right:0rem !important} .xiangxi{ padding-top:1rem} .dowebok label{margin: 0 1rem 0 0rem !important;} .n_BP .form .select_ui{ width:9rem;} }