body { font-family: Arial, "Microsoft Yahei"; } #header { padding-top: 10px; padding-bottom: 10px; background: url(../img/index/shouye_01.jpg) right no-repeat; } .container div.header-left { float: left; width: 76px; margin-left: 15px; margin-right: 10px; } .container div.header-left img { width: 100%; } .container div.header-right { margin-top: 10px; } .container div.header-right h1, .container div.header-right h3, .container div.header-right h4 { color: #8C3C28; margin-bottom: 0; margin-top: 0; } .container div.header-right h1 { font-weight: bold; } @media screen and (max-width: 767px) { #header { display: none; } } #nav { background-color: #8C3C28; border: none; margin-bottom: 0; border-radius: 0; } #nav div.container { /* .navbar-collapse.collapse{margin:0 -15px;padding:0;}*/ } #nav div.container div.navbar-header { display: none; } #nav div.container div.navbar-header a { width: 65%; } #nav div.container div.navbar-header a img { width: 100%; } #nav div.container div.navbar-header a .logo-xs{display: none;} @media screen and (min-width: 411px) and (max-width: 500px) { #nav div.container div.navbar-header a { padding: 0;width:60px; } #nav div.container div.navbar-header a .logo-xs{display:inline-block;} #nav div.container div.navbar-header a .logo-pc{display:none;} } @media screen and (min-width: 370px) and (max-width: 410px) { #nav div.container div.navbar-header a { width: 68%; padding: 0; } #nav div.container div.navbar-header a .logo-xs{display:inline-block;} #nav div.container div.navbar-header a .logo-pc{display:none;} } @media screen and (min-width: 350px) and (max-width: 369px) { #nav div.container div.navbar-header a { width: 70%; padding: 0; } #nav div.container div.navbar-header a .logo-xs{display:inline-block;} #nav div.container div.navbar-header a .logo-pc{display:none;} } @media screen and (max-width: 320px) { #nav div.container div.navbar-header a { width: 75%; padding: 3px; } #nav div.container div.navbar-header a .logo-xs{display:inline-block;} #nav div.container div.navbar-header a .logo-pc{display:none;} } #nav div.container div.navbar-header .navbar-toggle { margin: 8px 15px; } @media screen and (max-width: 767px) { #nav div.container div.navbar-header { display: block; } #nav div.container div.navbar-header .navbar-toggle { background: #8C3C28; border: 0; } #nav div.container div.navbar-header .navbar-toggle span { background: #fff; } } @media screen and (max-width: 767px) { #nav div.container .navbar-collapse.collapse { margin: 0 -15px; } } ul.nav.navbar-nav.navbar-right { width: 100%; margin: 0 auto; } ul.nav.navbar-nav.navbar-right a { font-size: 1.2em; } ul.nav.navbar-nav.navbar-right li { width: 11.11%; text-align: center; border: 1px solid transparent; position: relative; } ul.nav.navbar-nav.navbar-right li a { padding-left: 0; padding-right: 0; color: #fff; } ul.nav.navbar-nav.navbar-right li ul.erji { position: absolute; top: 50px; padding-left: 0; width: 100%; z-index: 1000; background-color: #fff; line-height: 50px; display: none; } ul.nav.navbar-nav.navbar-right li ul.erji li { width: 100%; list-style-type: none; } ul.nav.navbar-nav.navbar-right li ul.erji li a { color: #8D3D29; text-decoration: none; display: block; } ul.nav.navbar-nav.navbar-right li ul.erji li ul.sanji { position: absolute; top: 10px; left: 120px; padding-left: 0; width: 100%; z-index: 1000; background-color: #fff; line-height: 40px; display: none; } ul.nav.navbar-nav.navbar-right li ul.erji li ul.sanji li { width: 100%; list-style-type: none; background-color: #fff; } ul.nav.navbar-nav.navbar-right li ul.erji li ul.sanji li a { color: #8D3D29; text-decoration: none; display: block; } ul.nav.navbar-nav.navbar-right li ul.erji li:hover a { color: #fff; background-color: #8D3D29; } ul.nav.navbar-nav.navbar-right .hit { border-bottom: 1px solid #B4B4B4; background-color: #fff; } ul.nav.navbar-nav.navbar-right .hit a { color: #8D3D29; } ul.nav.navbar-nav.navbar-right li:hover { border: 1px solid #B4B4B4; border-top: 1px solid transparent; background-color: #fff; } ul.nav.navbar-nav.navbar-right li:hover a { color: #8D3D29; } ul.nav.navbar-nav.navbar-right li:hover ul.erji { display: block; } ul.nav.navbar-nav.navbar-right li:hover ul.erji li:hover { border: 1px solid #B4B4B4; border-top: 1px solid transparent; background-color: #fff; } ul.nav.navbar-nav.navbar-right li:hover ul.erji li:hover a { color: #fff; } ul.nav.navbar-nav.navbar-right li:hover ul.erji li:hover ul.sanji { display: block; } ul.nav.navbar-nav.navbar-right li:hover ul.erji li:hover ul.sanji li:hover a { color: #8D3D29; background-color: #fff; } @media screen and (max-width: 767px) { ul.nav.navbar-nav.navbar-right { margin: 0; } ul.nav.navbar-nav.navbar-right li { width: 100%; color: #333; } ul.nav.navbar-nav.navbar-right li ul.erji { position: relative; top: 0; left: 0; } ul.nav.navbar-nav.navbar-right li ul.erji li { border-top: 1px solid #8C3C28; } ul.nav.navbar-nav.navbar-right li ul.erji li ul.sanji { position: relative; top: 0; left: 0; } ul.nav.navbar-nav.navbar-right li ul.erji li ul.sanji li { border-top: 1px solid #fff; } ul.nav.navbar-nav.navbar-right li ul.erji li:hover a { color: #fff; } } div.swiper-container .swiper-wrapper .swiper-slide img { width: 100%; } div.swiper-container .swiper-pagination-bullet { width: 30px; height: 3px; background-color: #8D3D29; border-radius: 0; opacity: 0.8; } div.swiper-container .swiper-pagination-bullet-active { background: #fff; } div.huabian { background: url(../img/index/shouye_07.png) repeat; width: 100%; height: 20px; } #main .jianjie { background: url(../img/index/shouyebeijing_02.jpg) right repeat; } #main .lishifengcai { background: url(../img/index/shouyebeijing_03.jpg) right repeat; } #main .tongyong { background: url(../img/index/bg.jpg) right repeat; } #main .yjhcj { background: url(../img/chengji/chengjibeijing_02.jpg) right repeat; } #main .yjhcj-6 { background: url(../img/chengji/chengjibeijing_08.jpg) right repeat; } #main .zazhijj { background: url(../img/zazhijj/jianjie_02.jpg) right repeat; } #main .jianjie-2 { background: url(../img/jianjie/jianjie_02.jpg) right repeat; } #main .chengji-qikan { background: url(../img/chengji/chengji1.jpg) no-repeat; } #main .actieity { background: url(../img/index/shouyebeijing_04.jpg) right no-repeat; } #main .actieity .container .title .row .col-xs-5 { width: 40%; } #main .actieity .container .title .row .col-xs-2 { width: 20%; } #main .actieity .container .title .row .col-xs-2 .header-right h3 { font-size: 15px; } @media screen and (max-width: 767px) { #main .actieity .container .title .row .col-xs-2 .header-right h3 { font-size: 12px; } } #main .yjhjj .container .title .row .col-xs-5 { width: 38%; } #main .yjhjj .container .title .row .col-xs-2 { width: 24%; } #main .yjhjj .container .title .row .col-xs-2 .header-right h3 { font-size: 17px; } @media screen and (max-width: 767px) { #main .yjhjj .container .title .row .col-xs-2 .header-right h3 { font-size: 12px; } } #main .yjhjj .container h4 { color: #62605F; margin: 5% 10% 0; text-align: center; } #main .seminar { margin: 5% auto; } #main .seminar .col-sm-6 img { width: 100%; } #main .seminar .jianjie-two { float: right; } #main .seminar .jianjie-tow-1 img { width: 100%; } #main .seminar .col-md-3 div.shupai1, #main .seminar .col-md-2 div.shupai1, #main .seminar .col-md-4 div.shupai1, #main .seminar .col-md-3 div.shupai1-2, #main .seminar .col-md-2 div.shupai1-2, #main .seminar .col-md-4 div.shupai1-2, #main .seminar .col-md-3 div.shupai2, #main .seminar .col-md-2 div.shupai2, #main .seminar .col-md-4 div.shupai2, #main .seminar .col-md-3 div.shupai3, #main .seminar .col-md-2 div.shupai3, #main .seminar .col-md-4 div.shupai3, #main .seminar .col-md-3 div.shupai3-2, #main .seminar .col-md-2 div.shupai3-2, #main .seminar .col-md-4 div.shupai3-2 { width: 56px; height: 330px; border-right: 1px solid #C7BCB1; float: left; font-size: 18px; padding: 30px 15px 0; letter-spacing: 3px; writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/ } #main .seminar .col-md-3 div.shupai1, #main .seminar .col-md-2 div.shupai1, #main .seminar .col-md-4 div.shupai1 { margin-top: 60px; margin-left: 60px; } #main .seminar .col-md-3 div.shupai2, #main .seminar .col-md-2 div.shupai2, #main .seminar .col-md-4 div.shupai2 { margin-top: 30px; } #main .seminar .col-md-3 div.shupai3-2, #main .seminar .col-md-2 div.shupai3-2, #main .seminar .col-md-4 div.shupai3-2 { margin-top: 60px; } #main .seminar .col-md-3 div.number1, #main .seminar .col-md-2 div.number1, #main .seminar .col-md-4 div.number1, #main .seminar .col-md-3 div.number3, #main .seminar .col-md-2 div.number3, #main .seminar .col-md-4 div.number3 { width: 40px; height: 60px; border: 1px solid#8F412D; margin-right: 40px; } #main .seminar .col-md-3 div.number1, #main .seminar .col-md-2 div.number1, #main .seminar .col-md-4 div.number1 { border-bottom: none; } #main .seminar .col-md-3 div.number3, #main .seminar .col-md-2 div.number3, #main .seminar .col-md-4 div.number3 { border-top: none; } #main .seminar .col-md-3 div.number2, #main .seminar .col-md-2 div.number2, #main .seminar .col-md-4 div.number2, #main .seminar .col-md-3 div.number4, #main .seminar .col-md-2 div.number4, #main .seminar .col-md-4 div.number4 { width: 120px; } #main .seminar .col-md-3 div.number2 h3, #main .seminar .col-md-2 div.number2 h3, #main .seminar .col-md-4 div.number2 h3, #main .seminar .col-md-3 div.number4 h3, #main .seminar .col-md-2 div.number4 h3, #main .seminar .col-md-4 div.number4 h3 { color: #8F412D; text-align: center; } @media screen and (max-width: 1024px) { #main .seminar .col-md-3 div.number2, #main .seminar .col-md-2 div.number2, #main .seminar .col-md-4 div.number2, #main .seminar .col-md-3 div.number4, #main .seminar .col-md-2 div.number4, #main .seminar .col-md-4 div.number4 { width: 40px; } } #main .seminar .col-md-3 div.number2 h3, #main .seminar .col-md-2 div.number2 h3, #main .seminar .col-md-4 div.number2 h3 { font-size: 32px; text-align: center; margin-top: 5px; margin-bottom: 5px; } #main .seminar .col-md-3 div.number2 .number2-3, #main .seminar .col-md-2 div.number2 .number2-3, #main .seminar .col-md-4 div.number2 .number2-3 { width: 140px; margin-left: -10px; } #main .seminar .col-md-3 div.number2 .number2-3-1, #main .seminar .col-md-2 div.number2 .number2-3-1, #main .seminar .col-md-4 div.number2 .number2-3-1 { width: 150px; margin-left: -10px; } #main .seminar .col-md-3 div.number1, #main .seminar .col-md-2 div.number1, #main .seminar .col-md-4 div.number1, #main .seminar .col-md-3 div.number2, #main .seminar .col-md-2 div.number2, #main .seminar .col-md-4 div.number2, #main .seminar .col-md-3 div.number3, #main .seminar .col-md-2 div.number3, #main .seminar .col-md-4 div.number3, #main .seminar .col-md-3 div.number4, #main .seminar .col-md-2 div.number4, #main .seminar .col-md-4 div.number4 { clear: both; float: right; } #main .seminar .col-md-3 .shu, #main .seminar .col-md-2 .shu, #main .seminar .col-md-4 .shu { margin: 0 auto; } #main .seminar .col-md-4 .shu-2{padding-top:15px;} #main .seminar .col-md-4 .shu .shu-pai-2{font-size:16px;margin-bottom: 5px; } #main .seminar .col-md-4 .shu .shu-pai-2 span{margin:0 6px 0 2px;} #main .seminar .col-md-3 .shu-pai, #main .seminar .col-md-2 .shu-pai, #main .seminar .col-md-4 .shu-pai { writing-mode: vertical-rl; text-indent: 28px; writing-mode: tb-rl; margin: 0 auto; float: right; text-align: start; line-height: 25px; margin-top: 12%; height: 200px; color: #333; } @media screen and (max-width: 900px) { #main .seminar .col-md-3 div.number1, #main .seminar .col-md-2 div.number1, #main .seminar .col-md-4 div.number1, #main .seminar .col-md-3 div.number2, #main .seminar .col-md-2 div.number2, #main .seminar .col-md-4 div.number2, #main .seminar .col-md-3 div.number3, #main .seminar .col-md-2 div.number3, #main .seminar .col-md-4 div.number3 { display: none; } #main .seminar .col-md-3 div.number4, #main .seminar .col-md-2 div.number4, #main .seminar .col-md-4 div.number4 { writing-mode: vertical-rl; writing-mode: tb-rl; } } #main .seminar .actievement { /* h1{color:#904330;float:left;margin-right: 5%;margin-left: 15%;font-size: 45px;}*/ } #main .seminar .actievement h1 { float: left; margin: 0 10%; } #main .seminar .actievement h1 img { width: 63px; height: 35px; } #main .seminar .actievement h4 { width: 5px; float: left; font-size: 20px; margin: 0 10% 0 5%; color: #000; writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/ } #main .seminar .chengji-32 { padding-right: 0; margin-top: 9%; } #main .seminar .chengji-32 h3 { writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/ color: #000; float: right; margin-right: 0; padding-left: 20px; border-left: 1px solid #8C3C28; font-size: 21px; letter-spacing: 2px; } #main .seminar .chengji-32 h4 { writing-mode: vertical-rl; writing-mode: tb-rl; margin: 0 auto; float: right; text-align: start; line-height: 30px; margin-top: 12%; height: 170px; color: #333; } #main .seminar .chengji-31 h3 { margin-right: 8%; margin-top: 20%; } #main .seminar .chengji-31 h4 { margin-top: 8%; } #main .seminar .chengji-3 { padding-left: 6%; margin-bottom: 8%; margin-top: 3.5%; } #main .seminar .chengji-3 img { width: 63px; height: 35px; } #main .seminar .chengji-3 h3 { color: #8C3C28; margin-left: 15%; padding-top: 20%; height: 350px; writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/ } #main .seminar .chengji-4 { float: right; } #main .seminar .chengji-4 h1 { float: right; margin: 0 20%; } #main .seminar .chengji-4 h4 { margin: 5% 0% 0 15%; } #main .seminar .chengji-4-2 img { width: 100%; } #main .seminar .chengji-4-2 h4 { text-indent: 28px; color: #333; margin: 0 20px; text-align: justify; font-size: 16px; letter-spacing: 2px; line-height: 25px; } #main .seminar .chengji-1 .row { background-color: #C9A598; color: #fff; margin-right: 0; margin-left: 0; } #main .seminar .chengji-1 .row .col-sm-8, #main .seminar .chengji-1 .row .col-sm-4 { padding-left: 0; padding-right: 0; } #main .seminar .chengji-1 .row .col-sm-8 { padding: 2% 5% 0; } #main .seminar .chengji-1 .row h5 { text-indent: 28px; text-align: justify; line-height: 22px; } #main .seminar .chengji-1 .row img { width: 100%; } #main .seminar .chengji-1 .dianji { background-color: #A06450; } #main .seminar .chengji-2 h1 { text-align: center; } #main .seminar .chengji-2 h1 img { width: 63px; height: 35px; } #main .seminar .chengji-2 h4 { font-size: 20px; color: #000; padding: 0 25%; line-height: 35px; text-align: center; } #main .seminar .chengji-2 .chengji-2-5 { padding: 0 32%; margin: 0 10% 2%; } #main .seminar .chengji-2 .chengji-2-content { margin-top: 2%; } #main .seminar .chengji-2 .chengji-2-content h5 { color: #6C6B6B; text-indent: 28px; text-align: justify; line-height: 1.4em; font-size: 15px; } #main .seminar .chengji-2 .chengji-6-content { margin-top: 2%; padding: 0 5%; margin-bottom: 8%; } #main .seminar .chengji-2 .chengji-6-content h5 { color: #6C6B6B; text-indent: 28px; text-align: center; padding: 0 10%; line-height: 20px; } #main .seminar .chengji-2 .chengji-5-content a { display: block; } #main .seminar .chengji-2 .chengji-5-content .col-sm-7 { padding-right: 0; } #main .seminar .chengji-2 .chengji-5-content .col-sm-5 { height: 378px; background: url(../img/chengji/chengji_36.png) right no-repeat; margin-top: 0; padding: 6%; } #main .seminar .chengji-2 .chengji-5-content .col-sm-5 h4 { padding: 0; margin: 0; text-align: left; font-size: 18px; } #main .seminar .chengji-2 .chengji-5-content .col-sm-5 hr { border: 1px solid #8C3C28; width: 20%; margin-left: 0; } #main .seminar .chengji-2 .chengji-5-content .col-sm-5 h5 { line-height: 35px; font-size: 16px; color: #6C6B6B; } #main .seminar .chengji-2 .chengji-5-content .swiper-button-next { background: url(../img/chengji/zuoyou_04.png); top: 90%; } #main .seminar .chengji-2 .chengji-5-content .swiper-button-prev { background: url(../img/chengji/zuoyou_03.png); top: 90%; left: 92.5%; } #main .seminar .chengji-2 .chengji-5-content .swiper-button-next, #main .seminar .chengji-2 .chengji-5-content .swiper-button-prev { width: 38px; height: 40px; } #main .seminar .jianjie-tow-left div.number1, #main .seminar .jianjie-tow-left div.number2, #main .seminar .jianjie-tow-left div.number3, #main .seminar .jianjie-tow-left div.number4 { float: none; } #main .seminar .jianjie-tow-left div.number1, #main .seminar .jianjie-tow-left div.number3 { margin-left: 40px; } #main .scope { width: 100%; overflow: hidden; } #main .scope div { width: 25%; padding: 5px; float: left; } #main .scope div img { width: 100%; } #main .container a { display: block; text-decoration: none; color: #333; } #main .container .jianjie-jieshao { line-height: 1.4em; } #main .container .title { margin-top: 1%; } #main .container .title .row { height: 75px; line-height: 75px; } #main .container .title .row .col-xs-5 img { width: 100%; } #main .container .title .row .col-xs-2 { padding-right: 0; padding-left: 0; } #main .container .title .row .col-xs-2 .header-left { margin-left: 0; margin-right: 10px; width: 46px; } #main .container .title .row .col-xs-2 .header-right { text-align: center; margin-top: 0; } #main .container .title .row .col-xs-2 .header-right h1, #main .container .title .row .col-xs-2 .header-right h3, #main .container .title .row .col-xs-2 .header-right h4 { color: #1a1a1a; } #main .container .title .row .col-xs-2 .header-right h1 { font-weight: 300; font-size: 40px; line-height: 68px; } @media screen and (min-width: 768px) and (max-width: 1023px) { #main .container .title .row .col-xs-2 .header-right h1 { font-size: 30px; line-height: 45px; } } @media screen and (max-width: 767px) { #main .container .title .row .col-xs-2 .header-right h1 { font-weight: bold; font-size: 16px; line-height: 30px; } } #main .container .title .row .col-xs-2 .header-right h4 { font-size: 16px; color: #333; margin: 2%; } #main .container .title .row .col-xs-2 .header-right h3 { margin-top: 5px; font-size: 18px; } @media screen and (max-width: 767px) { #main .container .title .row .col-xs-2 .header-right h3 { font-size: 12px; margin-top: 0; } } @media screen and (max-width: 767px) { #main .container .title { margin-top: 1%; } #main .container .title .row { height: 40px; line-height: 40px; } } #main .container .business { margin: 5% 0; } #main .container .business .col-sm-3 { text-align: center; } #main .container .business .col-sm-3 img { width: 48px; } #main .container .business .col-sm-3 h5 { text-align: justify; text-align-last: center; line-height: 18px; } #main .container .notification { margin: 5% auto 3%; } #main .container .notification .col-sm-4 { padding: 5px; } #main .container .biankuan { border: 1px solid #333; text-align: left; padding: 0% 6% 2%; } #main .container .biankuan h4 { color: #222; margin-left: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; } #main .container .biankuan .you { float: right; font-weight: 300; margin-top: 5px; margin-right: 5px; color: #333; } #main .container .biankuan h3 { font-size: 26px; } #main .container .biankuan h4, #main .container .biankuan h5 { margin-left: 5px; } #main .container .biankuan h5 { /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;*/ text-overflow: ellipsis; white-space: pre-wrap; height: 4.2em; line-height: 1.4em; overflow: hidden; color: #666; font-size: 15px; } #main .container .pagers { text-align: center; } #main .container .pagers nav ul { width: 45%; margin: 0 32% 5%; } #main .container .pagers nav ul li { margin-left: 1%; } #main .container .pagers nav ul li a { margin-left: 1%; color: #333; background: transparent; border: 1px solid #999; } #main .container .pagers nav ul li:hover a, #main .container .pagers nav ul li:active a, #main .container .pagers nav ul .panel a { background-color: #8C3C28; color: #FFF; } @media screen and (min-width: 768px) and (max-width: 1023px) { #main .container .pagers nav ul { width: 65%; margin: 0; margin-bottom: 15px; } #main .container .pagers nav ul li { display: none; } #main .container .pagers nav ul .liuxia { display: block; } #main .container .pagers nav ul .liuxia a { margin: 0 15%; } } @media screen and (max-width: 767px) { #main .container .pagers nav ul { width: 80%; margin: 0 15%; } #main .container .pagers nav ul li { display: none; } #main .container .pagers nav ul .liuxia { display: block; } } #main .container .jianjie-content { margin-top: 5%; margin-left: 0; margin-right: 0; background: rgba(220, 220, 180, 0.3); margin-bottom: 8%; } #main .container .jianjie-content div { padding-left: 0; padding-right: 0; } #main .container .jianjie-content .col-sm-9 img { width: 100%; } #main .container .jianjie-content .col-sm-3 { text-align: center; padding: 30px 40px; } #main .container .jianjie-content .col-sm-3 img { width: 130px; margin-bottom: 5px; } #main .container .jianjie-content .col-sm-3 h4 { color: #333; margin-bottom: 15px; font-size: 16px; } #main .container .jianjie-content .col-sm-3 .jianjie-content-1 { color: #525251; text-align: left; text-align: justify; text-justify: inter-ideograph; } #main .container .jianjie-content .col-sm-3 .anniu { text-align: right; margin-top: 30px; } #main .container .jianjie-content .col-sm-3 .anniu a { text-decoration: none; display: inline-block; height: 34px; line-height: 34px; } #main .container .jianjie-content .col-sm-3 .anniu a img { width: 18px; } #main .container .jianjie-content .col-sm-3 .anniu a span { font-size: 16px; color: #525251; position: relative; } @media screen and (min-width: 768px) and (max-width: 1023px) { #main .container .jianjie-content .col-sm-3 img { width: 50px; margin-bottom: 0; } #main .container .jianjie-content .col-sm-3 h4 { margin-bottom: 10px; font-size: 14px; } #main .container .jianjie-content .col-sm-3 .jianjie-content-1 { font-size: 12px; margin-bottom: 5px; } #main .container .jianjie-content .col-sm-3 .anniu { margin-top: 5px; } #main .container .jianjie-content .col-sm-3 .anniu a { height: 20px; line-height: 20px; } #main .container .jianjie-content .col-sm-3 .anniu a img { width: 8px; } #main .container .jianjie-content .col-sm-3 .anniu a span { font-size: 12px; margin: 0 2px 0 4px; top: 1px; } } #main .container .director { margin: 8% auto; } #main .container .director .col-sm-2 { padding-right: 30px; } #main .container .director .col-sm-2 div { float: right; margin-right: 10px; overflow: hidden; } #main .container .director .col-sm-2 h1 { width: 46px; writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/ margin-top: 0; max-height: 200px; } #main .container .director .col-sm-2 h3 { width: 46px; margin: 0 0; } #main .container .director .col-sm-2 h3 span { writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/ padding-left: 10px; } #main .container .director .col-sm-6 { margin-bottom: 2%; } #main .container .director .col-sm-6 img { width: 100%; } #main .container .director .col-sm-6 h4 { padding: 0 10px; margin-top: 20px; line-height: 1.4em; text-align: left; margin-left: 10px; color: #333; } #main .container .director .col-sm-6 .height-size { line-height: 1.5em; } #main .container .director .col-sm-6 .row img { width: 100%; } #main .container .director .col-sm-6 .row h3 { margin-top: 0; font-size: 28px; } #main .container .director .col-sm-6 .row .biankuan-1 { border-top: 1px solid #CBC7C5; text-align: left; margin-right: 15%; } #main .container .director .col-sm-6 .row .biankuan-1 h4 { color: #000; margin-left: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0; font-size: 20px; } #main .container .director .col-sm-6 .row .biankuan-1 h4, #main .container .director .col-sm-6 .row .biankuan-1 h5 { margin-left: 5px; } #main .container .director .col-sm-6 .row .biankuan-1 h5 { /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;*/ text-overflow: ellipsis; white-space: pre-wrap; height: 128px; line-height: 22px; overflow: hidden; color: #666; font-size: 15px; } #main .container .director .col-sm-12 { text-align: center; } #main .container .director .col-sm-12 a { text-decoration: none; color: #fff; font-size: 16px; display: inline-block; background: url(../img/index/shouye_26.png); width: 146px; height: 53px; line-height: 53px; } #main .container .tongzhi { margin: 0 auto; } #main .container .tongzhi a { text-decoration: none; display: block; } #main .container .tongzhi a .huodongtz-title hr { background: #8C3C28; background: -webkit-linear-gradient(left, #8c3c28, #8c3c28, #8c3c28, #e7e7e7); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left, #8c3c28, #8c3c28, #8c3c28, #e7e7e7); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left, #8c3c28, #8c3c28, #8c3c28, #e7e7e7); /* Firefox 3.6 - 15 */ background: linear-gradient(left, #8c3c28, #8c3c28, #8c3c28, #e7e7e7); /* 标准的语法 */ height: 2px; width: 95%; } #main .container .tongzhi a .huodongtz-title .fangkuai { width: 10px; height: 10px; background-color: #8C3C28; float: left; margin-top: -3px; transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari 和 Chrome */ -o-transform: rotate(45deg); /* Opera */ } #main .container .tongzhi a h6 { font-size: 14px; margin-top: 0; margin-bottom: 0; float: right; color: #9B9B9B; } #main .container .tongzhi a h6 img { width: 12px; margin-right: 5px; margin-top: -3px; } #main .container .tongzhi a h4 { color: #000; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden; } #main .container .tongzhi a h5 { color: #686868; font-size: 15px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden; } #main .container .tongzhi a h4, #main .container .tongzhi a h5 { padding-left: 15px; } #main .container .tongzhi .col-sm-6.big-right img { width: 100%; padding: 0 8%; } #main .container .xiangqing-link { margin-top: 5%; padding-left: 10px; } #main .container .xiangqing-link h4 { text-align: left; margin: 1%; } #main .container .xiangqing-link a { display: inline; color: #933A36; } #main .container .xiangqing-title { padding: 2%; border-bottom: 1px dashed #999; border-top: 1px solid #b5b3b3; } #main .container .xiangqing-title h3 { text-align: center; color: #000; } #main .container .xiangqing-title h4 { margin-top: 10px; } #main .container .xiangqing-content img { max-width: 100%; /*padding: 3% 20%;*/ } #main .container .xiangqing-content table { width: 100%; } #main .container .xiangqing-content table tr { margin: 20px; } #main .container .xiangqing-content table tr td{ /*width: 33% !important;*/ } #main .container .xiangqing-content table tr td p{ text-align: center!important; } #main .container .xiangqing-content table tr td img{ max-width: 85% !important; height: auto!important; margin: 10px 15%; } #main .container .xiangqing-content p { margin: 0 auto 2%; text-indent: 28px; text-align: justify; line-height: 1.4em; font-size: 16px; } #main .container .xiangqing-content h4 { margin: 0 auto 2%; text-align: justify; line-height: 1.4em; font-size: 16px; text-indent: 28px; } #main .container hr { border: 1px solid #E1DBD8; } #main .container .xiangguan { margin-bottom: 5%; } #main .container .xiangguan h3 { color: #333; } #main .container .xiangguan div a { display: inline; text-decoration: none; color: #8A8988; margin-right: 20px; font-size: 18px; } #main .container .xiangguan .shoulu a { color: #333; } #main .container .xiangguan .rongyu .rongyu-1 { float: left; position: relative; } #main .container .xiangguan .rongyu .rongyu-1 div { position: absolute; border-radius: 100%; border: 1px solid #8E402C; } #main .container .xiangguan .rongyu .rongyu-1 .big { width: 20px; height: 20px; } #main .container .xiangguan .rongyu .rongyu-1 .xiao { width: 14px; height: 14px; top: 3px; left: 3px; } #main .container .xiangguan .rongyu .rongyu-2 { margin-left: 30px; } #main .container .chaxun-link { border-bottom: 1px dashed #848484; } #main .container .chaxun-link form { margin: 3% auto; } #main .container .chaxun-link input { padding-left: 5px; margin-left: 1%; } #main .container .chaxun-link button { color: #fff; background-color: #8C3C28; border: 0; padding: 3px 15px; margin-left: -4px; } #main .container .chaxun-link h4 { font-size: 16px; text-align: left; margin: 1%; } #main .container .chaxun-link h4 a { display: inline; color: #933A36; } #main .container .chaxun-xiangqing { margin: 3% auto 5%; } #main .container .chaxun-xiangqing .col-sm-6 { padding: 0 5%; } #main .container .chaxun-xiangqing .col-sm-6 img { width: 100%; } #main .container .industry { margin: 3% auto; text-align: center; } #main .container .industry img { max-width: 100%; } #main .container .industry .col-sm-12 { padding: 2% 0; border-bottom: 1px solid #E2DCD9; } #main .container .industry .col-sm-9 { padding-right: 10%; } #main .container .industry h4 { color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; text-align: left; margin-top: 10px; } #main .container .industry .wangqi-title { margin-top: 30px; } #main .container .industry h5 { color: #666; text-align: justify; line-height: 22px; max-height: 110px; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; font-size: 15px; } #main .container .industry h5 span { margin: 0 10px; } #main .container .industry h5 a { color: #8F422F; margin-left: 10px; } @media screen and (min-width: 768px) and (max-width: 1023px) { #main .container .industry h5 { max-height: 44px; } } #main .container .industry .wangqi-title-1 { margin: 5px auto; } #main .container .industry .wangqi-content { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-indent: 28px; margin: 0; } #main .container .industry h6 { color: #8F8E8D; margin-top: 20px; margin-bottom: 0; font-size: 14px; } #main .container .industry h6 img { width: 12px; margin-right: 10px; margin-top: -3px; } #main .container .industry .wangqi-title-2 { margin-top: 10px; } #main .container .industry .zhengcechuang-1 h5 { display: -webkit-box; color: #666; font-size: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #main .container .zazhijj-wenzi { margin: 5% auto; text-align: center; } #main .container .zazhijj-wenzi h5 { font-size: 16px; color: #333; line-height: 25px; margin-bottom: 0; margin-top: 0; } #main .container .contact-us { margin: 8% auto; } #main .container .contact-us img { width: 100%; } #main .container .contact-us .col-sm-5 { padding-right: 12%; } #main .container .contact-us .col-sm-5 h3 { color: #000; font-weight: bold; margin: 50px 10px 20px; } #main .container .contact-us .col-sm-5 h4 { text-align: start; margin: 10px; font-size: 16px; line-height: 1.4em; } #main .container .lanmu { margin: 15% auto; } #main .container .lanmu .lanmu-title { float: right; } #main .container .lanmu .lanmu-title img { width: 52px; margin-left: 40px; } #main .container .lanmu .lanmu-content h4 { writing-mode: vertical-rl; writing-mode: tb-rl; margin: 0 auto; float: right; text-align: start; line-height: 30px; margin-top: 12%; height: 200px; color: #333; } #foot { background-color: #281414; } #foot .container { text-align: center; } #foot .container .dibu { width: 70%; margin: 3% auto; } @media screen and (max-width: 767px) { #foot .container .dibu { width: 100%; } } #foot .container .dibu .dibu-daohang { width: 100%; margin: 0 auto; overflow: hidden; } #foot .container .dibu .dibu-daohang .foot-nav { width: 100%; margin: 0 auto; } #foot .container .dibu .dibu-daohang .foot-nav a { font-size: 16px; color: #fff; padding: 5px 8px; text-decoration: none; } #foot .container .dibu .dibu-daohang .foot-nav span { color: #fff; font-size: 16px; } #foot .container .dibu .lianxifangshi { overflow: hidden; } #foot .container .dibu .lianxifangshi h4 { float: left; margin-left: 5%; } #foot .container .dibu .lianxifangshi .first { margin-left: 13%; } @media screen and (max-width: 767px) { #foot .container .dibu .lianxifangshi h4 { margin-left: 0; clear: both; } #foot .container .dibu .lianxifangshi .first { margin-left: 0; } } #foot .container .dibu h4 { font-size: 16px; color: #fff; margin-bottom: 0; } #foot .container .dibu h4 br { display: none; } @media screen and (max-width: 767px) { #foot .container .dibu h4 a { display: block; margin-bottom: 8px; } #foot .container .dibu h4 br { display: block; } } .right-box { width: 120px; z-index: 99; position: fixed !important; right: 0; bottom: 25%; text-align: center; } .right-box a { display: block; } .right-box .right-box-1 { padding: 8px; background-color: #fff; } .right-box .right-box-1 img { width: 100%; } .right-box .right-box-1 h5 { color: #8D3C27; } .right-box .right-box-1 a { border-radius: 30px; border: 1px solid #8D3C27; padding: 3px 15px; color: #8d3c27; } .right-box .right-box-2 { border: 1px solid #fff; background-color: #8D3C27; height: 60px; } .right-box .right-box-2 h5 { color: #fff; } .right-box .right-box-2 .box-2-1 { margin: 22px auto; } @media screen and (max-width: 1000px) { .right-box { display: none; } } @media screen and (min-width: 768px) and (max-width: 1024px) { ul.nav.navbar-nav.navbar-right li a { font-size: 1.0em; } } #main .container .xiangqing-content a { display: inline; text-decoration: underline; } @media screen and (min-width: 768px) and (max-width: 1024px) { ul.nav.navbar-nav.navbar-right li a { font-size: 1.0em; } ul.nav.navbar-nav.navbar-right li ul.erji li ul.sanji { left: 74px; } } @media screen and (min-width: 1024px) and (max-width: 1280px) { ul.nav.navbar-nav.navbar-right li ul.erji li ul.sanji { left: 99px; } }