html,body{ background: #fff; margin: 0; padding: 0;} *{ font-size: 100%;word-break:break-all; margin: 0; padding: 0;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#78849a;} input,select,textarea{-webkit-appearance: none; background: #fff;outline:none; border: none;} em{font-style: normal;} .topnav *,.topnav{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .hide{ display: none;} .overflow{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .flex-wrap{ display: -webkit-box; display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;} .flex-con{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;} a,a:link,a:hover,a:visited{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .clear{ clear: both;} .max1440{ max-width: 1200px; margin: auto;} .position{ position: relative;} .positiona{position: absolute;} /*index*/ .index_top{ background: url(../images/banner.jpg) no-repeat center top; background-size: 100% 100%;} .index_top_left{ width: 50%;} .index_top_left img{ max-width: 100%;} .index_top_right{ position: absolute; right: 0; top: 0; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-image: linear-gradient(to bottom, #e3f3ff, #fff, #fff); padding: 0.5rem 1rem;} .index_top_right a{ padding: 0 1rem; text-align: center; color: #666;text-decoration:underline;} .index_top_right a i{ font-size: 0.9rem; color: #aaaaaa; vertical-align: middle; margin-right: 0.5rem;} .index_top_right span{ color: #999;} .index_top_bottom{ text-align: right; padding: 4rem 0 5rem; height: 80px;} .serchbox{ position: absolute; right: 0; max-width: 350px;} .serchbox button{ padding: 6px 27px; border-radius: 0;} .serchbox .form-control{ border-radius: 0;} /*navs*/ .topnav{ background:#fff;} .topnav a.class1{ padding: 3rem 0; font-weight: 600; display: block; text-align: center; font-size: 1.6rem; color: #333;} .topnav span{ padding: 1.5rem 0; color: #9bc8f6;} .topnav a.class1.active,.classnavs:hover .class1,.classnavs .active{color: #e62129;} .classnavs{ flex:1; text-align: center; position: relative;} .classnavs .class1{ } .classnavs .class2{ display: none; position: absolute; z-index: 99; width: 100%; bottom: -2rem;} .classnavs:hover .class2{ display: flex; background: #154d9b;} .classnavs .class2 a{ color: #fff; height: 50px; line-height: 50px; font-size: 16px; flex:1;} .classnavs .class2 a:hover{ color: #ffca71;} .flex1{ width: 50%;} .mtop2{ margin-top: 2rem;} .newsbanner{ margin-right: 2rem !important;} .newsbanner .swiper-pagination{ text-align: right; right: 5%; width: auto!important; left: auto!important;} .newsbanner .swiper-pagination-bullet{ background: #aaa; width: 10px; height: 10px;} .newsbanner .swiper-pagination-bullet-active{ background: #fff;} .newsbanner img{ width: 100%; height: 385px;} .newsbanner a{display: block; position: relative;} .newsbanner a p{ position: absolute; bottom: 0; width: 100%; margin: 0; padding:1rem 5%; background: rgba(0,0,0,0.5); color: #fff; font-size: 1.6rem;} .bannges{ margin-right: 0 !important} .bannges img{ height: auto;} .titlebox{ background: #f1f1f1;} .titlebox span{padding: 1.5rem 0; flex:1; font-size: 1.8rem; font-weight: 600; color: #333; text-align: center; border-right: 1px solid #fff;} .titlebox .active{ background: #154d9b; color: #fff;} .titlebox a{ display: inline-block; color: #3297ff; font-size: 1.6rem;} .item_list{ margin: 1rem 0;} .item_list a{ padding: 0.8rem 0; position: relative;} .item_list a i{ width: 6px; height: 6px; background: #999; vertical-align: middle; display: inline-block; border-radius: 50%; margin-right: 0.5rem;} .item_list a font{ width: 75%; color: #333; font-size: 1.6rem; display: block;} .item_list a span{ width: 25%; font-size: 1.5rem;vertical-align: text-bottom; color: #999; display: block; text-align: right;} .adbox img{ width: 100%;} .flex2{ width: 40%;} .flex3{ width: 40%;} .flex4{ width: 20%;} .shanghui{ margin-left: 2rem;} .skmimg{ margin-top: 2rem;} .skmimg img{width: 100%;} .skmimg h3{ margin-top: 0; font-size: 1.8rem; font-weight: 700;} .skmimgtext{font-size: 1.4rem; color: #333; line-height: 170%;} .skmimgbg{ background: #f5f5f5; overflow: hidden;} .skmimgbg h3{ margin-top: 1rem;} .skmimgbg .skmimgtext{ font-size: 1.4rem;} .sjial{ margin-top: 2rem;} .sjial div{ margin-bottom: 2rem;padding: 0 0 0 35px;} .sjial img{width: 100%;} .col-md-25{ width: 20%;} .sjial a{ text-align: center;} .sjial a p{ padding: 0.5rem; color: #333; font-size: 1.8rem; margin: 0;} .sjial a font{display: block; color: #999;} /*.nTFshow{ margin-top: 2rem;}*/ .nTFshow img{ width: 100%;} .nTFshow p{ font-size: 1.5rem; color: #333; margin-top: 1rem;} .nTFshow h5{ color: #666;} .nTFshow font{display: block; color: #999;} .smil_title{ color: #333; font-size: 1.8rem; position: relative; font-weight: 700;} .smil_title:after{ position: absolute; content: ""; width: 78%; height: 1px; background: #ddd; right: 0; top: 1rem;} .smil_box{ padding: 1rem; border: 1px solid #eee;} .color1{ color: #3297ff !important;} .color2{ color: #ff7800 !important;} .conming img{ width: 100%;} .conming a{ display: block; margin-top: 1.8rem;} .indexqiye .indexqiyeimg{ display: block;} .indexqiye .indexqiyeimg img{width: 100%;} .indexqiye .indexqiyeimg p{ color: #333; font-size: 1.5rem; margin-top: 0.5rem;} .indexqiye .indexqiyeimg font{color: #999; font-size: 1.2rem;} .swiper-button-next, .swiper-button-prev{ border: none;background-size: 15px 30px !important; background: rgba(0,0,0,0.5);} .ftad img{width: 100%;} .linksbox{ background: #1b5998; padding: 1.5rem 0; display: block; margin-top: 3rem;} .linksbox span{font-weight: 700; font-size: 1.8rem; color: #fff; vertical-align: middle;} .linksbox a{ padding:0 0.8rem; color: #fff; font-size: 1.6rem; vertical-align: middle;} .footers{ background: #fff; padding: 2rem 0;} .footers_title{ font-size: 1.6rem; color: #333; font-weight: 700} .footers .footers_title{ margin-bottom: 1.5rem;} .footers a{ display: block; font-size: 1.5rem; color: #666; line-height: 180%;} .scode{ text-align: center;} .scode img{ max-width: 100%;} .scode p{ color: #666; margin-top: 1rem;} .col-md-25{width: 25%; float: left;} .col-md-15{width: 15%; float: left;} .footers .col-md-2{ width: 15%;} .footers_tel{ font-size: 3rem; color: #fff;} .def_title{border-bottom: 1px solid #eee; padding-bottom: 1rem; margin-bottom: 2rem;} .def_title span{ padding-top: 2rem; font-size: 3rem; color: #333; font-weight: 700; width: 50%; position: relative; background: url(../images/blu.png) left top no-repeat;} .def_title font{ width: 50%; text-align: right; line-height: 3; margin-top: 2rem;} .def_title font a{margin: 0 0.5rem; color: #999;} .shangjism h1{ font-size: 3rem; margin-top: 0;} .shangjism{ border-bottom: 1px solid #ddd; padding-bottom: 1rem;} .shangjism p,.shangjism font{ color: #999;} .item_list .codes{ padding: 0.5rem; color: #fff; background: #ff7e00;} .nuls a{ padding: 0.2rem 0;} .sonemlist{ margin-top: 0;} .sonemlist a{ padding: 1.6rem 0 0;} .dsfimg a{ display: block; margin-bottom: 0.5rem;} .dsfimg img{width: 100%; } .julous{ margin: 1rem 0;} .julous a{ display: block; width: 100%; height: 8rem; position: relative;} .julous a img{ position: absolute; width: 12rem; max-height: 10rem;} .julous a div{ margin-left: 13.5rem;} .julous a h3{font-size: 1.6rem; line-height: 150%; font-weight: 700; color: #333; margin-bottom: 0.5rem;} .julous a h2{font-size: 1.8rem; font-weight: 700; line-height: 150%; color: #333;} .julous a p{} .julous text{color: #999; line-height: 150%; font-size: 1.4rem; display: block;overflow: hidden;} .titlebox1{ padding: 1.5rem 0; text-align: center; font-size: 1.8rem; color: #fff; font-weight: 700; background: url(../images/sal.jpg) center top no-repeat; background-size: 100% 100%;} .wuzhuzhiwu p{ margin: 0; color: #999;} .somenaii .somenaiiright{ height: 10rem; overflow: hidden;} .somenaii .somenaiiright h2{ margin-top: 0;} .somenaii .somenaiiright text{ margin-bottom: 1rem;} .somenaii a{ height: 10rem;} .remwang{ margin-bottom: 1rem;} .left_top{ background: url(../images/zjgz2.jpg) center top no-repeat; padding: 4rem 0; background-size: 100% 100%; text-align: center;} .left_top h2{font-size: 2.5rem; color: #fff; font-weight: 700; margin-top: 0;} .left_top p{font-size: 1.5rem; color: #fff;} .mailsig{ padding-bottom: 0.5rem;} .mailsig h1{font-size: 2.2rem; font-weight: 700;} .smjlist{ margin:0; } .smjlist a{ padding: 1rem 0 0;} /*.newsbanner .swiper-pagination-bullet{ background: #fff; opacity: 1;} .newsbanner .swiper-pagination-bullet-active{ background: #ff9600;}*/ .leftbox{ background: #f5f5f5; padding: 1.5rem 2rem;} .leftbox a{display: block; font-size: 1.8rem; font-weight: 700; margin-bottom: 1rem; border-bottom: 1px solid #fff; padding: 1rem 2rem; color: #333; position: relative;} .leftbox a i{ position: absolute; right: 0; top: 1rem; color: #b8b8b8;} .leftbox a.active,.leftbox a:hover{color: #154d9b;} .leftbox a.active i,.leftbox a:hover i{ color: #999;} .show{ line-height: 180%; color: #999;font-size:18px;line-height:2;} .shanghuis a{height: 10rem;} .shanghuis a img{width: 13rem;} .shanghuis a div{ margin-left: 14.5rem; height:auto } .pages{ margin: 3rem 0 4rem; text-align: center;} .pages span{ padding: 0.5rem; color: #999;} .pages a{ padding: 0.8rem 1.2rem; border: 1px solid #ddd;} .pages .active,.pages a:hover{background: #18a5e7; color: #fff;} .sinemborder a{border-bottom: 1px dashed #ddd; padding-bottom: 1rem; margin-bottom: 2rem;} .classly span{font-size: 1.8rem; font-weight: 600; color: #18a5e7;} .classly{ padding: 1.5rem; box-shadow: 0 1px 5px #ddd;} .classly div a{ font-size: 1.5rem; color: #333; padding: 0.5rem 1.5rem;} .classly div a.active{color: #fff; background: #18a5e7;} .activelist{ margin-top: 2rem;} .activelist a{ display: block; position: relative; border: 1px solid #ddd; height: 16rem; padding: 1.5rem; margin-bottom: 1.5rem;} .activelist a img{ width: 20rem; max-height: 14rem; position: absolute;} .activelist a .activetext{ margin-left: 22rem;} .activelist a h2{ font-size: 2rem; font-weight: 600; color: #333; margin-bottom: 2rem; margin-top: 0;} .activelist a p{ margin: 15px 0 0 0; color: #333;} .activelist a p i{ margin-right: 1rem; color: #999;} .login_top{} .login_top span{width: 50%;} .login_top img{ max-width: 80%;} .bagua{ text-align: right; margin-top: 3rem;} .backindex{ background: #3297ff; color: #fff; margin-right: 2rem; font-size: 1.6rem; border-radius: 2rem; padding: 0.8rem 2rem; display: inline-block;} .loginbg{background: url(../images/bannerlogin.jpg) no-repeat center top; background-size: auto 100%; min-height: 46rem;} .loginbox{width: 35%; max-width: 450px; padding: 3rem; background: #fff; float: right; margin-top: 6rem;} .login_title{ position: relative; color: #3297ff; font-size: 1.8rem; font-weight: 700; padding-bottom: 1rem; border-bottom: 1px solid #ddd;} .login_title:after{ position: absolute; content: ""; height: 2px; background: #3297ff; width: 20%; bottom: 0; left: 0;} .loginbox .input-group{ margin-top: 2rem;} .loginbox .input-group-addon{ background: none; border-right: none; color: #d5d5d5; border-radius: 0;} .loginbox .form-control{ border-left: none; padding: 10px 0; border-radius: 0;} .ecodes{ float: right;} .login_btn{ margin-top: 2rem;} .login_btn button{ width: 100%; font-size: 1.5rem; border: none; border-radius: 0; color: #fff; background: #3297ff; padding: 1rem 0;} .Forgot{ text-align: right; margin-top: 2rem;} .Forgot a{ color: #24a8f9; font-size: 1.5rem;} .loginfooter{ margin-top: 2rem; position: relative;} .yaoji{ margin-top: 2rem;} .yaoji p a{ color: #666; padding-right: 1rem;} .yaoji p span{ color: #999;} .login_rignt{ text-align: center; position: absolute; right: 0;} .login_rignt img{ display: block; width: 8rem;} .col-md-35{ width: calc(38.6% - 30px); padding: 0 15px; float: left;} .col-md-30{ width: calc(30% - 30px); padding: 0 15px; float: right;} .col-md-20{ width: calc(22% - 20px); padding: 0 0 0 20px; float: left;} .topboxs{ padding: 0.8rem 0; background: #eee;} .topboxs .topboxs_left{ width: 50%; color: #666;} .topboxs .topboxs_right{ width: 50%; text-align: right;} .topboxs .topboxs_right span{ color: #999;} .topboxs .topboxs_right a{ padding: 0 0.5rem; color: #666;} .search{ vertical-align: middle; text-align: left; background: #fff; margin-top: -0.5rem; border-radius: 2rem; padding: 0.2rem 1rem; width: 100px; display: inline-block; overflow: hidden;} .search i{ color: #154d9b;} .search input{ width: 60%; border: none;} .search:hover{ width: 180px;} .search button{ background: none; border:none; width: 10%; margin-right: 10%;} .banners img{width: 100%;} .banners .swiper-pagination-bullet{ width: 10px; height: 10px; border:1px solid #fff; background: none;} .banners .swiper-pagination-bullet-active{background: #fff;} .indexlogo{ padding: 1rem 0; width: 30%; margin-right: 3%;} .indexlogo img{ width: 100%;} .indexnavs_right{ width: 65%;} .minndnews{ background: #fff; box-shadow: 0 5px 10px #eee; padding: 2rem 0;} .titlebos span{ border: 1px solid #ddd; padding: 0.6rem 1rem; font-weight: 700; font-size: 1.8rem;} .titlebos span t{ color: #e62129;} .titlebos span text{ color: #154d9b;} .minndnews_right{width: 90%;} .minndnews_right a{ width: 48%; margin-left: 2%; font-size: 1.6rem;} .minndnews_right a t{ width: 70%; color: #333;} .minndnews_right a span{ width: 30%; text-align: right; color: #666;} .indexnewsmiddle{ text-align: center; padding: 2.5rem 0 1rem;} .news1 span{ color: red; font-size: 3.5rem; font-weight: 700;} .news1 b{ display: inline-block; width: 5px; height: 5px; background: red; margin: 0 1rem; vertical-align: middle;} .news1 a{ font-weight: 700; font-size: 3.5rem; color: #333;} .news2{ margin-top: 2rem;} .news2 a{ color: #333; font-size: 1.5rem;} .news2 span{padding: 0 2rem;} .zhongdachengguo{ background: url(../images/smt.jpg) no-repeat center top; background-size: cover; padding: 2rem 0 4rem;} .smt_tile .smt_tile_left{ background: url(../images/blu.png) left top no-repeat; float: left; font-size: 3rem; font-weight: 700; color: #333; padding: 2rem 0 0;} .smt_tile .smt_tile_right,.smt_tile .smt_tile_middle{ float: right;} .smt_tile .smt_tile_right{ text-align: right; color: #154d9b; font-size: 1.8rem; margin-top: 3.5rem; margin-left: 2rem;} .smt_tile .smt_tile_middle span{ display: inline-block; padding: 1.5rem 2.5rem; margin-top: 2rem; text-align: center; font-size: 1.8rem; color: #333;} .smt_tile .smt_tile_middle .active{ background: #fff; font-weight: 700; color: #154d9b;} .zhongbox{ background: #fff; padding: 2rem 1rem;text-align: justify;} .smks a{ width: 48%;} .smks a:nth-of-type(even){ margin-left: 4%;} .yewyu{ margin-top: 1rem;} .yewyu div{ width: 100px; height: 333px; overflow: hidden;} .yewyu div span{ width: 99px; margin: 0; padding: 0;} .yewyu div span img{ width: 100%;} .yewyu div b{ display: none;} .yewyu div.active{ width: 58%;} .yewyu div.active b{ display: block; width:calc(100% - 100px);} .yewyu div.active b img{ width: 100%;} .Copyrights{ text-align: center; padding: 1.5rem 0; border-top: 1px solid #ddd;} .Copyrights a{color: #333 !important;} .msmmkaicx .smt_tile_left{ background: url(../images/red.png) left top no-repeat; float: left; font-size: 3.5rem; font-weight: 700; color: #e62129; padding: 2rem 0 0;} .msmmkaicx .smt_tile_right,.smt_tile .smt_tile_middle{ float: right;} .msmmkaicx .smt_tile_right{ text-align: right; color: #e62129; font-size: 1.8rem; margin-top: 3.5rem; margin-left: 2rem;} .msmmkaicx .smt_tile_right a{ color: #e62129;} .dangja{ background: #fff1f1; padding: 1rem 2rem; border-radius: 5px;} .misnlaabox{ margin-top: 1rem;} .misnlaa img{ width: 100%;} .misnlaa{ margin-left: 1%; width: 49%;} .misnlaa a{display: block; margin-bottom: 0.5rem;} .del_banner{ text-align: center; padding:0; background: url(../images/zjgz1.jpg) no-repeat center top;} .del_banner span{ font-size: 3rem; color: #fff; position: relative; padding-bottom: 2rem; font-weight: 700;} .del_banner span:after{ position: absolute; bottom:0; height: 5px; width: 60%; background: #fff; content: ""; left: 20%;} .del_banner p{ margin-top: 3rem; color: #fff;} .smooken{ text-align: center;} .smooken div{ margin: auto; display: inline-block; float: none !important} .halshou{ width: 30.33%; margin:0 1.5% 3rem;} .halshou span{display: block; border:1px solid #eee; width: 98%;} .halshou span img{ width: 100%;} .halshou p{ text-align: center; margin-top: 1rem; color: #333;} .show_titles{ text-align: center; padding: 2rem 3% 1rem; border-bottom: 1px solid #eee; margin-bottom: 1rem;} .show_titles h1{ font-size: 3rem; color: #333; line-height: 150%; font-weight: 700} .show_titles p{ font-size: 1.5rem; color: #999; margin-bottom: 0; margin-top: 1rem;} .indexaassd{ position: relative;} .indexaassd img{width: 20rem; height: auto; position: absolute;} .indexaassd div{ margin-left: 22rem; color: #999; overflow-y: auto; height: 13rem;} .mmsakka a div{ margin-left: 0;} .mmsakka a{ height: 7rem;} .clamisld{ margin: 0 -20px; border:1px solid #ddd; width: calc(50% - 40px); margin: 1rem 20px; position: relative; height: 18rem; padding: 1rem;font-size: 14px; line-height: 1.5;} .clamisld img{ width: 12rem; height: auto; position: absolute; height: 16rem;} .clamisld div{ margin:1rem 1rem 1rem 14rem;} .clamisld h2{ font-size: 1.8rem; color: #333; font-weight: 700;line-height: 1.5;} .clamisld text{ line-height: 100%;} .clamisld a{ display: block; margin-top: 1rem;} .tabtop span,.tabboxsa span{ width: 16.66%; padding: 1rem 0; border-bottom: 1px solid #ddd;} .tabtop span{ font-weight: 700; color: #333;} .tabboxsa span{color: #333; padding: 1rem 0;} .sasa{ font-weight: 700; color: #333;} .migez{ width: 33.3%; margin: 1.5rem 0;} .migez for{ color: #333; font-weight: 100; display: inline-block; width: 18%;} .migez .textinput{ border:1px solid #ddd; padding: 0.5rem 1rem; width: 70%; display: inline-block;} .migez .red{ color: red; display: inline-block; margin-left: 1rem;} .migez a{ color: #999; font-weight: 600;} .btn_joinbox{ padding: 2rem 0; border-top: 1px solid #ddd; text-align: center; margin-top: 2rem;} .btn_joinbox input{ padding: 1rem 5rem; background: #154d9b; color: #fff; font-size: 1.5rem;} .content{ margin-top: 3rem; border: 1px solid #ddd;} .content div{ flex:1; text-align: center; padding: 3rem 0;} .content div img{ width: 5rem; height: 5rem; margin-bottom: 1rem;} .content div p{ color: #333; margin-bottom: 0.5rem;} .map{ border:1px solid #ddd; margin-top: 2rem;} .maliges{ border:1px solid #bfdaff; margin-left: 3rem; padding: 1.5rem; display: block; position: relative;} .maliges h{ font-size: 1.8rem; font-weight: 700; display: block; color: red;} .maliges text{ color: #333; padding: 0.5rem 0 0; line-height: 150%; display: block;} .maligesimg span{width: 25%; padding:1rem 2% 0 0;} .maligesimg span img{ width: 100%;} .maligeslist{ padding-bottom: 2rem; border-left: 5px solid #bfdaff; margin-left: 0.7rem;} .maligeslist .maliges:after{ position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #fff; top: 2rem; left: -4.2rem; border:3px solid #bfdaff; content: "";} .maligeslist .maliges:before{ position: absolute; width: 4rem; height: 1px; background: #bfdaff; top: 2.8rem; left: -4.2rem;content: "";} .class2.a22{right: 0} .gzjj1{background: #f5f5f5;padding: 1rem 3%;font-weight: 700; color: #333; font-size: 1.5rem;} .gzjj2{padding: 1rem 3%;font-size: 14px; line-height: 200%; color: #333;} .gzjj{border:1px solid #ddd;} .wyyp{text-align: center;border-top:1px solid #ddd; padding: 3rem 0;} .wyyp a{background: #154d9b;color: #fff;font-size: 1.5rem;padding: 1rem 2.8rem} .pages {margin: 3rem 0 4rem;text-align: center;} .pagination li{display: inline-block;margin: 0 3px} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #18a5e7;color: #fff; border-color: #18a5e7; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ color: #18a5e7; } .pagination > li > a, .pagination > li > span{ color: #333; } .pagination>span{ vertical-align: 55%; color: #999; } .loadmore-nodata{padding: 20px;text-align: center;font-size: 16px} .del_banner{text-align: center;color: #fff} .del_banner h1{margin-top: 65px;font-weight: bold;letter-spacing: 2px;display: inline-block;position: relative} .del_banner p{font-size: 18px;margin-top: 30px} .del_banner h1:after { content: ''; position: absolute; bottom: -20px; top: auto; height: 6px; width: 50px; left: 33%; background-color: #fff; } .business-item{position: relative;color: #fff;font-size: 24px;text-align: center } .business-item span { position: absolute; top: 40%; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; width: unset !important; letter-spacing: 4px; right: 35px ; } .yewyu b{position: relative;color: #fff;} .yewyu .title-item { color: #fff; vertical-align: middle; width: inherit; padding: 0 15px; font-size: 16px; background: #154c9cad; position: absolute; top: 30px; line-height: 60px; height: inherit; max-width: 100% !important; min-width: 165px; font-weight: normal } /*新增*/ .linebox{ width: 1200px; margin: 0 auto; overflow: hidden;} .zdcg{ width: 790px; float: right;} .smt_tile .smt_tile_middle span{ padding: 16px 6px; font-size: 16px;} .videobox{ width: 388px; float: left;} .videoshow{ height: 250px; margin-top: 12px; padding-top: 15px; background: #fff;} .videoshow video{ display: block; width: 358px; height: 215px; max-height: 260px; margin: 0 auto; background-color: #ccc;} .smks a{ width: 100%;} .smks a:nth-of-type(even){ margin-left: 0%;} .zhongbox{ background: #fff; padding:2rem 1rem 0 2rem; text-align: justify; height: 250px;} /*导航*/ .menu{ float: right; margin-top: 15px;} .nav{ margin: 0 auto; z-index:9999;} .nav ul{ width: 780px; display: flex; justify-content: space-between;} .nav>ul>li{ width: 80px;padding-top: 18px; position:relative; text-align: center; list-style: none;} .nav>ul>li>a{ text-align:center; color: #333; font-size: 19px; font-weight: bold; } .nav>ul>li>a:hover{ color: #ff0000;} .nav>ul>li>a.selected2{ color: #ff0000;} .nav>ul>li .childmenu{ display:none; width: 130px; position:absolute; top:50px; left:-25px; background:#154d9b; z-index:9999;} .nav>ul>li .childmenu li{ list-style: none;} .nav>ul>li .childmenu li>a{ width: 100%; height:45px; line-height:45px; display: block; text-align:center; color:#fff; font-size: 14px; font-weight:normal;} .nav>ul>li .childmenu li>a:hover{ background:#cd9832; } .sub_nav{text-align: center;margin: 30px 0;} .sub_nav a{display: inline-block;width: 160px;padding: 15px 0;background: #f5f5f5;margin: 0 10px;border: 1px solid #ddd;color: #333} .sub_nav a.active{color: #fff;background: #2b5ba0;border: 1px solid #2b5ba0;} /*重大成果*/ .zdcg{ overflow: hidden;} .zdcg-swiper-container { position: relative; width: 790px; height: 250px; margin-top: 75px; } .zdcg-swiper-container .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;} .zdcg-swiper-pagination{ position: absolute; top: -35px; height: 20px; text-align: right; z-index: 1000;} .zdcg-swiper-container .swiper-slide .subpart{ width: 184px; height: 250px; } .zdcg-swiper-container .swiper-slide .subpart .type{ display: block; width: 100%; height: 45px; line-height: 45px; color: #333; font-weight: bold;} .zdcg-swiper-container .swiper-slide .subpart .img{ width: 184px; height: 138px; overflow: hidden; } .zdcg-swiper-container .swiper-slide .subpart .img img{ width: 184px; height: 138px; } .zdcg-swiper-container .swiper-slide .subpart .wz{ height: 35px; font-size: 14px; margin: 0; padding: 5px; overflow: hidden; } .zdcg-swiper-container .swiper-slide .subpart .wz a{ color: #333;} .zdcg-swiper-container .swiper-slide .subpart .more{ font-size: 14px; } /*天游ty8游戏官网*/ .ywgz{ width: 1200px;} .ywgz-tab{ height: 62px; background-color: #154d9b; overflow: hidden; } .ywgz-tab span{ float: left; display: block; margin-left: 20px; margin-top: 20px; color: #ffffff; font-size: 16px; cursor: pointer; } .ywgz-tab h2{ float: right; margin-right: 20px; color: #ffffff; font-size: 24px; font-weight: bold; } .ywgz-content{ background-color: #f5f5f5; overflow: hidden; } .ywgz-content .left{ float: left; width: 560px; height: 330px; } .ywgz-content .left .header{ margin-left: 30px; margin-top: 30px; padding-left: 15px; font-size: 24px; color: #154d9b; font-weight: bold; border-left: #154d9b solid 6px; } .ywgz-content .left .ywgz-news{ display: block; padding-bottom: 20px; border-bottom: #e2e2e2 solid 1px;} .ywgz-content .left .ywgz-news .title{ height: 20px; margin-left: 30px; margin-top: 40px; font-size: 18px; font-weight: bold; color: #333333; overflow: hidden;} .ywgz-content .left .ywgz-news .title span{ font-size: 16px;} .ywgz-content .left .ywgz-news .ds{ margin-left: 30px; margin-top: 30px; height: 70px; line-height: 24px; font-size: 16px; color: #666666; overflow: hidden;} .ywgz-content .left .ywgz-more{ display: block; width: 70px; font-size: 16px; color: #154d9b; margin: 20px 0 0 30px; } .ywgz-content .right{ width: 560px; height: 330px; float: right; overflow: hidden; } .ywgz-content .right img{ width: 560px; height: 330px;} .ywgz-tab .tab-on{ border-bottom: #ffffff solid 3px; }