/* CSS Document */ @font-face { font-family: "Khand"; src: url(http://www.rhgp123.com/templates/default/images/fonts/Khand-SemiBold.ttf); } /* 通用属性 */ * { margin:0; padding:0; list-style:none; } body { font-size:14px; color:#000; font-family:Microsoft YaHei,sans-serif; } img { border:0; vertical-align:top; } html, body {width: 100%;max-width: 100%;min-width: 320px;min-height: 100%;height: auto;} address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;} /* a */ a { color:#333; text-decoration:none; text-decoration:none; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; } a:visited { } a:active, a:hover { text-decoration:none; color:#283f8b; } a:focus { outline:none; text-decoration:none; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;} :focus{outline: none;} .ovfl{overflow: hidden;} .flex { 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; } .lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .mflex { 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; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .transition300em{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .mar0a{margin: 0 auto;} input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } .carousel-indicators .active{display:none!important;} @media (min-width: 1260px){ .container {width: 1230px;} } @media (max-width:767px) { .container{padding-left: 10px;padding-right: 10px;} .row{margin-left: -10px;margin-right: -10px;} /*body{padding-bottom: 50px;}*/ } /* 顶部 */ .head-top{padding:10px 0 0 0; overflow: hidden;} .head-left{float:left;overflow: hidden; padding-top:10px;} .head-left>a{display: block;float:left;} .head-left>a>img{/*height:70px;*/ padding-top:2px;} .head-l-txt{float:left;margin-left:20px;margin-top:15px;margin-bottom:15px;padding-left: 18px;/*background:url(../images/head-x.jpg) no-repeat left;*/} .head-l-txt h2{font-size:18px;font-weight:bold;color:#333;} .head-l-txt h2 span{color: #283f8b;} .head-l-txt p{color: #666;font-size: 14px;} .head-right{float: right;padding:5px 0 5px;overflow: hidden;} .head-r-ewm{float:right; width:72px;font-size:12px; color:#4b4b4b; text-align:center; line-height:25px;} .head-r-ewm img{} .head-r-tel{float:left;text-align:right;padding-right:10px;/*background: url(../images/tel.png) no-repeat left;*/padding-left:55px;padding-top:13px;} .head-r-tel span{font-size: 15px;color: #666;line-height: 20px;} .head-r-tel h2{font-size: 26px;font-weight: bold;color: #283f8b;margin-top: 2px;} .mobile-tel{line-height:50px;color:#fff;font-size:14px;display:block;background:url(http://www.rhgp123.com/templates/default/images/images/mobile-tel.png) no-repeat left;padding-left: 25px;} .mobile-tel:focus, .mobile-tel:hover{color:#fff;} @media (max-width: 1259px){ .head-r-tel{margin-left: 20px;} } @media (max-width: 1199px){ /*.head-left{float: none;}*/ .head-right{float: none;text-align: center;} .head-right img{} .head-r-tel{float: none;display: inline-block;} } @media (max-width: 991px){ .head-top{padding: 20px 0;} .head-left{float:none;} .head-left a{float: none;} .head-left a img{margin: 0 auto;} .head-l-txt{float: none;padding-left: 0;background-image: none;margin-left:0;text-align: center;} .head-right{padding: 0;} } @media (max-width: 767px){ .head-l-txt{margin-bottom: 0;} } @media (max-width: 500px){ .head-l-txt h2{font-size: 16px;font-weight: 300;} } @media (max-width: 400px){ .head-r-tel{margin-left: 5px;margin-top: 5px;} .head-r-tel h2{font-size: 22px;} } .ztbg{/*background: #283e89;*/border-bottom:2px #283f8b solid; position: relative;} @media(max-width:991px){ .ztbg{background: #283f8b; border-bottom:2px #283f8b solid;} } @media (max-width:374px) { .ztbg .container{padding:0} } /* search */ #search{border-bottom:1px solid #eee;} .search-l{float: left;padding: 15px 0;} .search-l p{line-height: 20px;} .search-l p span{color: #283f8b;font-weight:bold} .search-l p a{color: #666;margin: 0 3px;} .search-l p a:hover{color: #283f8b;} .search-r{float: right;padding:0px 30px;} #input1{width:calc(100% - 100px);line-height:40px;border:2px solid #283f8b;border-right: 0;float: left;padding-left:10px; padding-right:214px; color: #777;} .search-r .s_bt{height:44px;width:100px;background: url(http://www.rhgp123.com/templates/default/images/images/search-ico.png) no-repeat center #283f8b;border-left: 0;float: left;text-indent:-999999px;} @media(max-width:1260px){ #input1{width:calc(100% - 100px);line-height:40px;border:1px solid #283f8b;border-right: 0;float: left;padding-left: 10px;padding-right:157px;color: #777;} } @media(max-width:1199px){ .search-r{float: right;padding: 0px 12px;} #input1{width:calc(100% - 100px);line-height:40px;border:1px solid #283f8b;border-right: 0;float: left;padding-left: 10px;padding-right:10px;color: #777;} } @media (max-width: 991px) { .search-l{float: left;padding: 10px 15px;} .search-r{float: right;padding-bottom: 0;} } @media (max-width: 767px) { .search-l p{line-height: 20px;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} } /*导航*/ .navbar-default{background:#fff;} .navbar-nav{float: left !important; position: relative;} .nav > li{transition: background-color 0.5s ease 0s;-webkit-transition: background-color 0.5s ease 0s; color:#4b4b4b;} .nav > li a{color:#4b4b4b;} .dropdown-menu.multi-dropdown{position: absolute;left: -100% !important;} .dropdown-menu{position:absolute;left:-25px;top:58px;line-height:40px;font-size:14px;color:#4b4b4b;overflow:hidden;display:none;z-index:999; min-width:auto;padding:0;margin:0;min-width:160px;} .dropdown-menu>li{font-size:14px;text-align:center;display:block;/*min-width:130px;*/line-height:40px;} .dropdown-menu>li>a{font-size:14px;display:block;color:#4b4b4b;line-height:40px; padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap !important;} .dropdown-menu>li>a:hover{color:#fff;} .dropdown-menu>li:hover{background:#283f8b;color:#fff;} .dropdown-menu>li:hover a{color:#fff;background:#283f8b !important;} nav.navbar.bootsnav ul.nav li.active > a{color:#fff;} .navbar-nav>li.active,.navbar-nav>li:hover .dropdown-menu{display:block;} /*j进口通道*/ nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/ border: none; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#fff; background-color:#0087db;} @media (min-width: 1260px){ nav.navbar.bootsnav ul.nav > li > a {padding: 18px 23px;} .dropdown-div3{position:relative;left:64px;} .dropdown-div4{position:relative;left:204px;} .dropdown-div5{position:relative;left:323px;width:450px !important;} .dropdown-div6{position:relative;left:446px;width:450px !important;} } @media (min-width: 1200px) and (max-width: 1259px){ nav.navbar.bootsnav ul.nav > li > a {padding: 18px 26px;} .dropdown-div3{position:relative;left:59px;} .dropdown-div4{position:relative;left:189px;} .dropdown-div5{position:relative;left:290px;width:390px !important;} .dropdown-div6{position:relative;left:408px;width:390px !important;} .dropdown-div5>li, .dropdown-div6>li{width: 110px !important;} } @media (min-width: 992px) and (max-width: 1199px){ nav.navbar.bootsnav ul.nav > li > a {padding: 18px 14px;} .dropdown-div5{position:relative;left:243px;width:360px !important;} .dropdown-div6{position:relative;left:310px;width:360px !important;} .dropdown-div5>li, .dropdown-div6>li{width: 100px !important;} } @media only screen and (min-width:992px){ .navbar{position: static;} .nav>li{position: relative;;} .nav>li:last-child{background-image:none;} .dropdown{position: static;} .dropdown-menu{top:auto;right: 0;} li.dropdown>ul.dropdown-menu::before{content: '';background: #fff;left:0;right: 0;} .dropdown-div{width: 760px;margin: 0 auto;padding: 20px 0;} .dropdown-div>li{width: 130px;margin:0 10px;text-align: left;line-height: 30px;} .dropdown-div>li>a{color: #666;font-size: 14px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .dropdown-div>li>a:hover{color: #fff;} nav.navbar.bootsnav ul.nav > li.active, nav.navbar.bootsnav ul.nav > li:hover{background-color: #283f8b;color:#fff;} nav.navbar.bootsnav ul.nav > li:hover>a{color:#fff;} nav.navbar.bootsnav ul.nav > li > a{color: #4b4b4b;font-size: 16px;} nav.navbar.bootsnav ul.nav>li>a:hover{color:#fff;} nav.navbar.bootsnav ul.nav > li.menu > a{font-size:15px; color:#fff;} .nav.navbar-nav>li.active>a.nav-v{position: relative;} .nav.navbar-nav>li:hover>a.nav-v::before, .nav.navbar-nav>li.active>a.nav-v::before{content: '';position: absolute;bottom: 0;left:50%;margin-left:-7.5px;width: 15px;height: 5px;background: url(http://www.rhgp123.com/templates/default/images/images/nav-v.png) no-repeat;} nav.navbar.bootsnav li.dropdown>ul.dropdown-menu{/*border-bottom: 2px solid #283f8b;*/background: rgb(245,245,245);} nav.navbar.bootsnav li.dropdown>ul.dropdown-menu li{background: transparent;display: inline-block;} } @media only screen and (max-width:991px){ .dropdown-menu.multi-dropdown{ left: 0 !important; } nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; } nav.navbar.bootsnav ul.nav > li > a{ margin: 0; } nav.navbar.bootsnav ul.nav > li.active > a{ background: #283f8b !important;color:#fff !important;} .dropdown-div>li{} .dropdown-div>li>a{display: block;width: 100%;border-bottom: solid 1px #e0e0e0;padding: 10px 0;color: #fff;padding-right: 15px !important;padding-top: 15px !important;padding-bottom: 15px !important;} } .carousel-control{width:10%;} @media only screen and (min-width:768px){ .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{width: 50px;height: 50px;margin-top: -25px;font-size: 50px;} } /*进口通道*/ .rhkl{position:relative;} .rhkl .rhk1_2{line-height: 56px;color:#fff;background-color:#283f8b;padding: 0px 58px;font-size:18px;z-index: 999;} .rhkl .rhk1_2>a{color:#666;font-size:18px;} .rhkl .rhk1_2 i{position:absolute;left:20px;top:30px; font-size:20px;line-height: 1px;} .rhkl_nr{position:absolute;left:0;top: 59px;background-color:rgba(255,255,255, .8);padding:2px 0px;visibility:visible;z-index:999;} .rhkl_nr>li{/* line-height:30px; */padding-top:10px;color:#666;position:relative;text-align:left;font-size:14px;/* padding: 0 0px; *//* padding-bottom: 6px; */} .rhkl_nr>li>em{position:absolute;left:15px;top: 14px;} .rhkl_nr>li>em>img{width:20px; height:20px;} .rhkl_nr>li>a{color:#666;font-size:13px;padding-left:39px;display:block;line-height:24px;} .rhkl_nr>li>a:hover{color:#283f8b;font-weight:normal !important;font-size:13px;} .rhkl .rhk1_2:hover .rhkl_nr{visibility:visible; z-index:999} .rhkl .rhk1_2:hover .rhkl_nr li{color:#666;} .rhkl .rhk1_2:hover .rhkl_nr li a{color:#666;} .rhkl .rhk1_2:hover .rhkl_nr li a:hover{color:#283f8b;font-weight:bold;} .rhkl_nr>li .rhkl_meun{position:absolute;top:0;left:100%;background: rgba(248, 248, 248, 0.8);display:none;font-weight:normal;width:800px; color:#4b4b4b;} .rhkl_nr>li .rhkl_meun>a{line-height:30px;color:#4b4b4b;font-size:13px;font-weight:normal; text-align:left; float:left;width:25%;padding-left:40px;} .rhkl_nr>li .rhkl_meun>a:hover{font-weight:normal;color:#283f8b;} .rhkl_nr>li:hover .rhkl_meun{display:block;} .rhkl_nr>li:hover .rhkl_meun a{color:#283f8b;} @media(min-width:1535px){ .rhkl_nr{padding: 3px 10px;} .rhkl_nr>li{padding-top:8px;padding-bottom:1.1px;} .rhkl_nr>li>a{line-height:33px;} } @media(max-width:1830px){ .rhkl_nr>li{padding-top:13px;display:block;} .rhkl_nr>li>a{line-height:26px;} .rhkl_nr>li>em{top:14px;} } @media(max-width:1820px){ .rhkl_nr>li{padding-top:13px;display:block;} .rhkl_nr>li>a{line-height:26px;} .rhkl_nr>li>em{top:11px;} } @media(max-width:1800px){ .rhkl_nr>li{padding-top:10px;display:block;padding-bottom:3.7px;} } @media(max-width:1779px){ .rhkl_nr>li{padding-top:9px;display:block;} } @media(max-width:1713px){ .rhkl_nr>li{padding-top:8px;display:block;} } @media(max-width:1684px){ .rhkl_nr>li{padding-top:8px;display:block;} .rhkl_nr>li>a{line-height:25px;} } @media(max-width:1640px){ .rhkl_nr>li{padding-top:7px;display:block;padding-bottom:4px;} } @media(max-width:1614px){ .rhkl_nr>li{padding-top:7px;display:block;padding-bottom:3px;} } @media(max-width:1600px){ .rhkl_nr>li{padding-top:5px;padding-bottom:2.2px;} .rhkl_nr>li>a{line-height:26px;padding-bottom:2px;} .rhkl_nr>li>em{top:8px;} } @media(max-width:1566px){ .rhkl_nr>li{padding-top:6px;display:block;} .rhkl_nr>li>a{line-height:24px;} } @media(max-width:1559px){ .rhkl_nr>li{padding-top:6px;display:block;} .rhkl_nr>li>a{line-height:24px;} } @media(max-width:1532px){ .rhkl_nr{top:58px;padding:0px 0;} .rhkl_nr>li{padding-top:9px;} .rhkl_nr>li>a{line-height:20px;} .rhkl_nr>li>em{position:absolute;left:15px;top:11px;} } @media(max-width:1525px){ .rhkl_nr{top:58px;padding:5px 0;} .rhkl_nr>li{padding-top:9px;} .rhkl_nr>li>em{position:absolute;left:15px;top:11px;} } @media(max-width:1500px){ .rhkl_nr{top:58px;padding:3px 6px;} .rhkl_nr>li{padding-top:9px;} .rhkl_nr>li>em{position:absolute;left:15px;top:11px;} } @media(max-width:1492px){ .rhkl_nr{top:55px;} } @media(max-width:1480px){ .rhkl_nr{top:50px; padding-bottom:6px;} } @media(max-width:1478px){ .rhkl_nr{top:50px; padding-bottom:4px;} } @media(max-width:1470px){ .rhkl_nr{top:50px; padding-bottom:2px;} } @media(max-width:1460px){ .rhkl_nr{top:58px;} .rhkl_nr>li{padding-top:6px;} .rhkl_nr>li>a{line-height:22px;} } @media(max-width:1454px){ .rhkl .rhk1_2{padding:0px 59px;} .rhkl_nr{top:58px;} .rhkl_nr>li{padding-top:7px;} .rhkl_nr>li>a{line-height:21px;} .rhkl_nr>li>em{position:absolute;left:15px;top:7px;} } @media(max-width:1439px){ .rhkl_nr{top:58px;padding-right:10px;} .rhkl_nr>li{padding-top:7px;} .rhkl_nr>li>a{line-height:20px;font-size:13px;} .rhkl_nr>li>em{position:absolute;left:15px;top:7px;} } @media(max-width:1393px){ .rhkl_nr{top:58px;} .rhkl_nr>li{padding-top:7px;} .rhkl_nr>li>a{line-height:19px;font-size:13px;} .rhkl_nr>li>em{position:absolute;left:15px;top:7px;} } @media(max-width:1366px){ .rhkl_nr{top:58px; padding-bottom:14px;} .rhkl_nr>li>a{line-height:18px;} } @media(max-width:1360px){ .rhkl_nr{top:58px; padding-bottom:0px;padding-right:10px} .rhkl_nr>li>a{line-height:18px;font-size:13px;padding-bottom:3px;} .rhkl_nr>li>em{position:absolute;left:15px;top:7px;} } @media(max-width:1350px){ .rhkl_nr{top:58px; padding-bottom:0px;padding-right:10px;padding-bottom:10px;} .rhkl_nr>li>a{line-height:17px;font-size:13px;} .rhkl_nr>li>em{position:absolute;left:15px;top:7px;} } @media(max-width:1340px){ .rhkl_nr{top:58px; padding-bottom:0px;padding-right:10px;padding-bottom:4px;} .rhkl_nr>li>a{line-height:17px;font-size:13px;} .rhkl_nr>li>em{position:absolute;left:15px;top:7px;} } @media(max-width:1316px){ .rhkl_nr{top:58px; padding-bottom:0px;padding-right:10px; padding-bottom:6px} .rhkl_nr>li>a{line-height:16px;font-size:13px;} .rhkl_nr>li>em{position:absolute;left:15px;top:7px;} } @media(max-width:1303px){ .rhkl_nr{top:58px; padding-bottom:0px;padding-right:10px;padding-bottom:6px} .rhkl_nr>li>a{line-height:16px;font-size:13px;} .rhkl_nr>li>em{position:absolute;left:15px;top:5px;width:16px;height:16px;} } @media(max-width:1280px){ .rhkl_nr{top:58px; padding-bottom:5px;} .rhkl_nr>li{padding-top:3.5px;} .rhkl_nr>li>a{line-height:20px;font-size:13px;} .rhkl_nr>li>em{position:absolute;left:15px;top:3px;} } @media(max-width:1266px){ .rhkl_nr{top:58px; padding-bottom:5px;} .rhkl_nr>li{padding-top:3.5px;} .rhkl_nr>li>a{line-height:18px;font-size:13px;} .rhkl_nr>li>em{position:absolute;left:15px;top:2px;width:100%; height:auto;} } @media(max-width:1188px){ .rhkl_nr{top:58px; padding-bottom:px;} .rhkl_nr>li{padding-top:3px;} .rhkl_nr>li>a{line-height:17px;font-size:13px;} .rhkl_nr>li>em{position:absolute;left:15px;top:2px;width:100%; height:auto;} } @media(max-width:1134px){ .rhkl_nr{top:58px; padding-bottom:px;} .rhkl_nr>li{padding-top:3px;} .rhkl_nr>li>a{line-height:16px;font-size:12px;} .rhkl_nr>li>em{position:absolute;left:15px;top:2px;width:100%; height:auto;} } @media(max-width:1088px){ .rhkl_nr{top:58px; padding-bottom:px;} .rhkl_nr>li{padding-top:3px;} .rhkl_nr>li>a{line-height:15px;font-size:12px;} .rhkl_nr>li>em{position:absolute;left:15px;top:2px;width:100%; height:auto;} } @media(min-width:997px) and (max-width:1003px){ .rhkl_nr{height:313px;overflow:hidden;} .rhkl_nr>li{padding-top:0px;} .rhkl_nr>li>a{line-height:31px;} .rhkl_nr>li>em{position:absolute;left:15px;top: 4px;} } @media(min-width:992px) and (max-width:996px){ .rhkl_nr{height:310px;overflow:hidden;} .rhkl_nr>li{padding-top:0px;} .rhkl_nr>li>a{line-height:31px;} .rhkl_nr>li>em{position:absolute;left:15px;top: 4px;} } /*.rhkl{position:relative;} .rhkl .rhk1_2{line-height:56px; color:#fff;background-color:#283f8b;padding:0 75px;} .rhkl .rhk1_2 a{color:#666;} .rhkl .rhk1_2 i{position:absolute;left:20px;font-size:20px;line-height: 51px;} .rhkl_nr{position:absolute;left:0;top:58px; background-color:rgba(255,255,255, .8);padding:2px 3px;visibility:visible;z-index:999;} .rhkl_nr>li{line-height:37px;color:#666;position:relative;text-align:left;font-size:14px;} .rhkl_nr>li>em{position:absolute;left:15px;top:10px;} .rhkl_nr>li>em>img{width:20px; height:20px;} .rhkl_nr>li>a{color:#666;font-size:14px;padding-left:45px;} .rhkl_nr>li>a:hover{color:#283f8b;} .rhkl .rhk1_2:hover .rhkl_nr{visibility:visible; z-index:999} .rhkl .rhk1_2:hover .rhkl_nr li{color:#666;} .rhkl .rhk1_2:hover .rhkl_nr li a{color:#666;} .rhkl .rhk1_2:hover .rhkl_nr li a:hover{color:#283f8b;} .rhkl_nr>li .rhkl_meun{position:absolute;top:0;left:206px;background: rgba(248, 248, 248, 0.8);display:none;font-weight:normal;width:600px; color:#4b4b4b;} .rhkl_nr>li .rhkl_meun a{line-height:30px;color:#4b4b4b;font-size:13px; padding:0 15px;font-weight:normal;} .rhkl_nr>li:hover .rhkl_meun{display:block;} .rhkl_nr>li:hover .rhkl_meun a{color:#283f8b;}*/ /*留言*/ #liuy{background:#f3f3f3; padding:20px 0;} .liuy_nr{padding-left:10px;} .liuy_nr h2{font-size:22px; color:#333;font-weight:bold;line-height:40px;} .liuy_nr p{color:#666;font-size:15px;line-height:30px;} @media(max-width:991px){ .liuy_nr h2{font-size:18px; color:#333;font-weight:bold;line-height:40px;} } .liuy_lnr{padding-top:10px;} .form-control{height:42px;} .lyico{background:#fff;line-height:42px; height:42px!important; border:1px #eee solid; position:relative;} .lyico::before{content:"";position:absolute;width:20px; height:20px; background:url(http://www.rhgp123.com/templates/default/images/images/ly_ico.png)no-repeat left; left:20px; top:9px;} .lyico1{background:#fff;line-height:42px; height:42px!important; border:1px #eee solid; position:relative;} .lyico1::before{content:"";position:absolute;width:20px; height:20px; background:url(http://www.rhgp123.com/templates/default/images/images/ly_ico1.png)no-repeat left; left:20px; top:10px;} .lyico2{background:#fff;line-height:42px; height:42px!important; border:1px #eee solid; position:relative;} .lyico2::before{content:"";position:absolute;width:20px; height:20px; background:url(http://www.rhgp123.com/templates/default/images/images/ly_ico2.png)no-repeat left; left:20px; top:11px;} .lyico_z{padding-left:50px;} .lyico_btn{background:#283f8b;line-height:42px;color:#fff;font-size:18px;padding:0 100px; position:relative;} .lyico_btn::after{content:"";width:30px;height:30px;position:absolute; background:#283f8b;right:0;bottom:-13px;transform: skewY(-25deg);;}/*skewY平行移动*/ /*申报方式*/ #sbfs_1{margin-top:20px} .sbfs_left{} .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;} .swiper-slide {text-align: center;font-size: 18px;background: #fff;height: calc((100% - 30px) / 2);/* Center slide text vertically */ 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;} .sbfs_left_1{padding-bottom:40px;} .sbfs_left_1 li{border:1px #e6e6e6 solid; border-radius:10px;width:180px;height:180px;} .sbfs_left_1 li img{margin:0 auto;width:80px;padding-top:20px;} .color-ico{display: none;} .sbfs_left_1 li a{display: block;width: 100%;height: 100%;} .sbfs_left_1 li p{font-size:14px;color:#666; line-height:30px;text-align:center;} .sbfs_left_1 li:hover p{color:#fff;line-height: 180px} .sbfs_left_1 li:hover img{display:none;} .sbfs_left_1 li:hover{background:url(http://www.rhgp123.com/templates/default/images/images/jk_ioc_0.jpg) no-repeat center;background-size: cover;} .sbfs_left_1 li:hover.sbfs_left_11{background:url(http://www.rhgp123.com/templates/default/images/images/jk_ioc_0.jpg) no-repeat center;background-size: cover;} .sbfs_left_1 li:hover.sbfs_left_12{background:url(http://www.rhgp123.com/templates/default/images/images/jk_ioc_1.jpg) no-repeat center;background-size: cover;} .sbfs_left_1 li:hover.sbfs_left_13{background:url(http://www.rhgp123.com/templates/default/images/images/jk_ioc_2.jpg) no-repeat center;background-size: cover;} .sbfs_left_1 li:hover.sbfs_left_14{background:url(http://www.rhgp123.com/templates/default/images/images/jk_ioc_3.jpg) no-repeat center;background-size: cover;} .sbfs_left_1 li:hover.sbfs_left_15{background:url(http://www.rhgp123.com/templates/default/images/images/jk_ioc_5.jpg) no-repeat center;background-size: cover;} .sbfs_left_1 li:hover.sbfs_left_16{background:url(http://www.rhgp123.com/templates/default/images/images/jk_ioc_6.jpg) no-repeat center;background-size: cover;} @media(min-width:320px){ .sbfs_left_1 li{width:80px; height:80px;} .sbfs_left_1 li img{margin:0 auto;width:30px;padding-top:20px;} .sbfs_left_1 li:hover p{color:#fff;line-height:80px} .sbfs_left_1 li p{font-size:12px;color:#666; line-height:30px;text-align:center;} } @media(min-width:340px){ .sbfs_left_1 li{width:88px; height:88px;} .sbfs_left_1 li img{margin:0 auto;width:30px;padding-top:20px;} .sbfs_left_1 li:hover p{color:#fff;line-height:88px} .sbfs_left_1 li p{font-size:12px;color:#666; line-height:30px;text-align:center;} } @media(min-width:390px){ /*.sbfs_left_1 li{width:103px; height:103px;}*/ .sbfs_left_1 li img{margin:0 auto;width:40px;padding-top:20px;} .sbfs_left_1 li:hover p{color:#fff;line-height:103px} .sbfs_left_1 li p{font-size:13px;color:#666; line-height:30px;text-align:center;} } @media(min-width:445px) and (max-width:500px){ .sbfs_left_1 li{width:121px; height:121px;} .sbfs_left_1 li img{margin:0 auto;width:60px;padding-top:20px;} .sbfs_left_1 li:hover p{color:#fff;line-height:121px} .sbfs_left_1 li p{font-size:14px;color:#666; line-height:30px;text-align:center;} } @media(min-width:992px){ .sbfs_left_1 li{width:131px; height:131px;} .sbfs_left_1 li img{margin:0 auto;width:60px;padding-top:20px;} .sbfs_left_1 li:hover p{color:#fff;line-height:131px} .sbfs_left_1 li p{font-size:14px;color:#666; line-height:30px;text-align:center;} } @media(min-width:1201px){ .sbfs_left_1 li{width:165px; height:165px;} .sbfs_left_1 li img{margin:0 auto;width:80px;padding-top:20px;} .sbfs_left_1 li:hover p{color:#fff;line-height:165px;font-size:22px;} .sbfs_left_1 li p{font-size:14px;color:#666; line-height:30px;text-align:center;} } @media(max-width:1020px){ .sbfs_left_1 li{width:131px; height:131px;} .sbfs_left_1 li img{margin:0 auto;width:60px;padding-top:20px;} .sbfs_left_1 li:hover p{color:#fff;line-height:131px} .sbfs_left_1 li p{font-size:14px;color:#666; line-height:30px;text-align:center;} } @media(max-width:991px){ .sbfs_left_1 li{width:95px; height:95px;} .sbfs_left_1 li img{margin:0 auto;width:50px;padding-top:10px;} .sbfs_left_1 li:hover p{color:#fff;line-height:95px} } @media(max-width:767px){ .sbfs_left_1 li{width:229px; height:229px;} .sbfs_left_1 li img{margin:0 auto;width:90px;padding-top:40px;} .sbfs_left_1 li:hover p{color:#fff;line-height:229px} } @media(max-width:680px){ .sbfs_left_1 li{width:180px; height:180px;} .sbfs_left_1 li img{margin:0 auto;width:80px;padding-top:30px;} .sbfs_left_1 li:hover p{color:#fff;line-height:180px} } @media(max-width:580px){ .sbfs_left_1 li{width:160px; height:160px;} .sbfs_left_1 li img{margin:0 auto;width:40px;padding-top:50px;} .sbfs_left_1 li:hover p{color:#fff;line-height:160px} } @media(max-width:510px){ .sbfs_left_1 li{width:141px; height:141px;} .sbfs_left_1 li img{margin:0 auto;width:40px;padding-top:20px;} .sbfs_left_1 li:hover p{color:#fff;line-height:141px} } .swiper-pagination{} .swiper-pagination .owl-prev{background:url(http://www.rhgp123.com/templates/default/images/images/dh_ico.png)no-repeat center;} .swiper-pagination .owl-next{background:url(http://www.rhgp123.com/templates/default/images/images/dh_ico1.png)no-repeat center;} /*业务范围*/ .sbfs_right{padding-left:30px !important} .sbfs_right h2{font-size:30px;color:#283f8b;font-weight:bold;} .sbfs_right h2 em{font-size:16px; color:#999;text-transform:uppercase; padding-left:5px;font-weight:normal;} .sbfs_nr{} .sbfs_nr li{padding:10px 0;border-bottom: 1px #dadada dashed; display:inline-block;} .sbfs_nr .sbfs_nr_img{padding-left:0; padding-right:10px;} .sbfs_nr .sbfs_nr_img img{width:100%; height:auto;} @media(max-width:1199px){ .sbfs_nr .sbfs_nr_img{padding-right:10px;} .sbfs_nr .sbfs_nr_img img{width:100%; height:auto;} } .sbfs_nr .sbfs_nr_nr{padding:0;} .sbfs_nr .sbfs_nr_nr h4{font-size:16px;font-weight:bold;color:#222; line-height:35px;} .sbfs_nr .sbfs_nr_nr h4 a{color:#222;} .sbfs_nr .sbfs_nr_nr h4 a:hover{color:#283f8b;} .sbfs_nr .sbfs_nr_nr p{font-size:14px;color:#666;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} /*ys*/ #ys{background:url(http://www.rhgp123.com/templates/default/images/images/ys_bg.jpg);margin-top:20px; padding-top:93px;text-align:center} .ys_nr{} .ys_nr h2{font-size:36px; font-weight:bold;color:#222;text-align:center;line-height:40px; margin:auto;} .ys_nr h2 p{font-weight:normal;font-size:14px;color:#999;text-transform:uppercase;} .ys_nr_a{padding:20px 0;} .ys_nr_a ul{display: flex;} .ys_nr_a ul li{flex:1; background-color:#f1f1f1;} .ys_nr_a ul li .pic{position:relative;} .ys_nr_a ul li .pic img{width:100%;height:auto;} .ys_nr_a ul li .pic em{display:block;position:absolute;top:0;left:0;background: rgba(0,0,0,0.5);width:100%;height:100%;} .ys_nr_a ul li .ptnr{} .ys_nr_a ul li .ptnr h5{font-size:24px; color:#333;font-weight:bold;position:relative; padding-top:20px;} .ys_nr_a ul li .ptnr h5 em{font-weight:normal;font-size:12px;color:#bbb;text-transform:uppercase;} .ys_nr_a ul li .ptnr p{line-height:25px; font-size:14px;color:#666; padding:15px; text-align:center;display:block;} .ys_nr_a ul li.ys_nr2{background-color:#f8f7f8;} .ys_nr_a ul li:hover{background-color:#283f8b;} .ys_nr_a ul li:hover .pic em{display:none;} .ys_nr_a ul li:hover .ptnr h5{color:#fff;} .ys_nr_a ul li:hover .ptnr h5 em{color:#fff;} .ys_nr_a ul li:hover .ptnr p{color:#fff;} /*平板手机*/ .ys_nr_b{padding:20px 0;} .ys_nr_b ul li{/*flex:1; */background-color:#f1f1f1;} .ys_nr_b ul li .pic{position:relative;} .ys_nr_b ul li .pic img{width:100%;height:auto;} .ys_nr_b ul li .pic em{display:block;position:absolute;top:0;left:0;background: rgba(0,0,0,0.5);width:100%;height:100%;} .ys_nr_b ul li .ptnr{height:300px;} .ys_nr_b ul li .ptnr h5{font-size:24px; color:#333;font-weight:bold;position:relative; padding-top:20px;} .ys_nr_b ul li .ptnr h5 em{font-weight:normal;font-size:12px;color:#bbb;text-transform:uppercase;} .ys_nr_b ul li .ptnr p{line-height:25px; font-size:14px;color:#666; padding:15px; text-align:center;display:block;} .ys_nr_b ul li.ys_nr3{background-color:#f8f7f8;} .ys_nr_b ul li:hover{background-color:#283f8b;} .ys_nr_b ul li:hover .pic em{display:none;} .ys_nr_b ul li:hover .ptnr h5{color:#fff;} .ys_nr_b ul li:hover .ptnr h5 em{color:#fff;} .ys_nr_b ul li:hover .ptnr p{color:#fff;} .ys_nr_b .owl-nav{display:none;} /*rhban*/ #rhban{background-color:#d1d2d4; height:165px;} /*.rhban_nr{margin:10px auto; overflow:hidden;} .rhban_nr div{ width: 10%; float: left; transition: all 1s;} img{cursor: pointer;} .rhban_nr:hover div{ width: 5%; } .rhban_nr div:hover{ width: 55%; }*/ #g-wrap{ position: relative; margin: 0 auto; width: 1130px; height: 100%; overflow: hidden; } #rhban {height:165px; background-color:#e0e2e4;} #g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;} #g-wrap .item-1 {z-index:1; background-color:#c8c8c8;} #g-wrap .item-2 {z-index:2; background-color:#ffd900;} #g-wrap .item-3 {z-index:3; background-color:#fc433e;} #g-wrap .item-4 {z-index:4; background-color:#2d2d58;} #g-wrap a span {position:absolute; background:no-repeat 0 0;} #g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;} #g-wrap .item-1 .p1 {left:0; top:0; width:493px; height:165px;} #g-wrap .item-1 .p2 {left:276px; top:68px; z-index:2; width:189px; height:29px;} #g-wrap .item-2 .p1 {/*left:61px;*/ top:21px;} #g-wrap .item-2 .p2 {left:250px; top:26px;} #g-wrap .item-3 .p1 {left:20px; top:56px; width:77px; height:76px;} #g-wrap .item-3 .p2 {left:150px; width:282px; height:122px;} #g-wrap .item-4 .p1 {left:23px; top:54px; width:182px; height:80px;} #g-wrap .item-4 .p2 {left:227px; top:21px; width:245px; height:122px;} /* 没有指向 */ #rhban .state-0 .item-1 {left:0;} #rhban .state-0 .item-2 {left:340px;} #rhban .state-0 .item-3 {left:617px;} #rhban .state-0 .item-4 {left:793px;} /* 指向第一个 */ #rhban .state-1 .item-1 {left:0;} #rhban .state-1 .item-2 {left:492px;} #rhban .state-1 .item-3 {left:705px;} #rhban .state-1 .item-4 {left:917px;} #rhban .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 指向第二个 */ #rhban .state-2 .item-1 {left:0;} #rhban .state-2 .item-2 {left:212px;} #rhban .state-2 .item-3 {left:705px;} #rhban .state-2 .item-4 {left:917px;} #rhban .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 指向第三个 */ #rhban .state-3 .item-1 {left:0;} #rhban .state-3 .item-2 {left:212px;} #rhban .state-3 .item-3 {left:425px;} #rhban .state-3 .item-4 {left:917px;} #rhban .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /* 指向第四个 */ #rhban .state-4 .item-1 {left:0;} #rhban .state-4 .item-2 {left:212px;} #rhban .state-4 .item-3 {left:425px;} #rhban .state-4 .item-4 {left:637px;} #rhban .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;} /*liuc*/ #liuc{background:url(http://www.rhgp123.com/templates/default/images/images/lic_bj.jpg); padding-bottom:40px;} .liuc_nr{padding:130px 0;} .liuc_nr h2{font-size:40px; color:#333;font-weight:bold; text-align:center;line-height:90px;} .liuc_nr h2 p{font-size:30px;font-weight:normal;line-height:35px;} .liuc_nrs{padding:20px 0;padding-top:100px;} /*.liuc_nrs ul{display:flex;} .liuc_nrs ul li{flex:1;}*/ .liuc_nrs ul li {margin-bottom:20px;} .liuc_nrs ul li p{font-size:20px;line-height:40px; color:#222; text-align:center;} .liuc_nrs ul li .lc_ico{position:relative;left:20px;} .liuc_nrs ul li .lc_ico img{ padding-right:20px;} .liuc_nrs ul li .lc_ico p{font-size:24px; color:#444; line-height:30px;} .liuc_nrs ul li .lc_ico em{line-height:40px;color:#222;font-size:40px; font-weight:bold; position:relative;} .liuc_nrs ul li .lc_ico1{position:relative;left:20px;} .liuc_nrs ul li .lc_ico1 img{padding-right:20px;} .liuc_nrs ul li .lc_ico1 p{font-size:24px; color:#444; line-height:30px;} .liuc_nrs ul li .lc_ico1 em{line-height:40px;color:#222;font-size:40px; font-weight:bold; position:relative;} .liuc_nrs ul li .lc_ico2{position:relative;} .liuc_nrs ul li .lc_ico2 img{;} .liuc_nrs ul li .lc_ico2 p{font-size:24px; color:#444; line-height:30px;} .liuc_nrs ul li .lc_ico2 em{line-height:40px;color:#222;font-size:40px; font-weight:bold; position:relative;} .liuc_nrs ul li .lc_ico3{position:relative;left:20px;} @media(max-width:767px){ .liuc_nrs ul li .lc_ico3{left:0px;} } .liuc_nrs ul li .lc_ico3 img{padding-left:10px; padding-right:20px;} .liuc_nrs ul li .lc_ico3 p{font-size:24px; color:#444; line-height:30px;} .liuc_nrs ul li .lc_ico3 em{line-height:40px;color:#222;font-size:40px; font-weight:bold; position:relative;} @media(width:991px){ .liuc_nr h2{font-size:30px; color:#333;font-weight:bold; text-align:center;line-height:60px;} .liuc_nr h2 p{font-size:28px;font-weight:normal;line-height:35px;} .liuc_nrs{padding:20px 0;padding-top:70px;} } @media(max-width:990px){ .liuc_nr h2{font-size:27px; color:#333;font-weight:bold; text-align:center;line-height:50px;} .liuc_nr h2 p{font-size:24px;font-weight:normal;line-height:35px;} } @media(max-width:593px){ .liuc_nr h2{font-size:25px; color:#333;font-weight:bold; text-align:center;line-height:50px;} .liuc_nr h2 p{font-size:22px;font-weight:normal;line-height:35px;} } @media(max-width:549px){ .liuc_nr h2{font-size:23px; color:#333;font-weight:bold; text-align:center;line-height:50px;} .liuc_nr h2 p{font-size:20px;font-weight:normal;line-height:35px;} .liuc_nrs ul li .lc_ico img{ padding-right:20px; width:55px;} .liuc_nrs ul li .lc_ico1 img{padding-right:20px; width:55px;} .liuc_nrs ul li .lc_ico2 img{width:55px;} .liuc_nrs ul li p{font-size:18px;line-height:40px; color:#222; text-align:center;} } @media(max-width:505px){ .liuc_nr h2{font-size:20px; color:#333;font-weight:bold; text-align:center;line-height:40px;} .liuc_nr h2 p{font-size:18px;font-weight:normal;line-height:30px;} } @media(min-width:320px) and (max-width:504px){ .liuc_nr{padding:55px 0;} .liuc_nrs{padding:20px 0;padding-top:60px;} .liuc_nr h2{font-size: 14px;color:#333;font-weight:bold;text-align:center;/* line-height:40px; */} .liuc_nr h2 p{font-size: 13px;font-weight:normal;line-height: 16px;} .liuc_nrs ul li .lc_ico img{ padding-right:20px; width:40px;} .liuc_nrs ul li .lc_ico1 img{padding-right:20px; width:40px;} .liuc_nrs ul li .lc_ico2 img{width:34px;} .liuc_nrs ul li .lc_ico3 img{width:60px;} .liuc_nrs ul li .lc_ico2 em{font-size:30px;} .liuc_nrs ul li p{font-size:13px;line-height:30px; color:#222; text-align:center;} } /*cganli*/ #cganli{} #cganli h2{font-size:36px;color:#222;font-weight:bold;text-align:center; padding-top:58px;} #cganli h2 p{font-size:14px; text-align:center;text-transform:uppercase;color:#999;line-height:35px;font-weight:normal} .cganli_top{text-align:center; padding:10px 0;} .cganli_top ul{} .cganli_top li{border:2px #283f8b solid;border-radius:10px;line-height:48px;color:#444;font-size:16px;text-align:center;padding:0 25px;margin:7px 18px;display:inline-block;/* text-align: center; */} .cganli_top li a{color:#444;} .cganli_top li.cur{background-color:#283f8b; color:#fff; text-align:center} .cganli_top li.cur a{color:#fff;} @media(min-width: 992px){ .cganli_top ul{display:flex;} .cganli_top li{padding:0 21px;margin:7px 6px; flex:1} } @media(max-width:991px){ .cganli_top li{width:20%;} } @media(max-width:749px){ .cganli_top li{width:30%;} } @media(max-width:499px){ .cganli_top li{width:40%;} } @media(max-width:379px){ .cganli_top li{padding:0 21px;margin:7px 6px;} } .cganli_nr{padding:15px 0;} .cganli_nr li{display:block;overflow:hidden;margin:5px 10px; } .cganli_nr li.anli_tp{border:1px #ccc solid;} .cganli_nr li.anli_tp img{padding:0; width:100%;} .cganli_nr li.anli_tp h3{font-size:18px;font-weight:bold; color:#252525; line-height:40px; padding:0 10px; text-overflow: ellipsis;white-space: nowrap;overflow:hidden;} .cganli_nr li.anli_tp h3 a{color:#252525;font-size:18px;line-height:40px;} .cganli_nr li.anli_tp h3 a:hover{color:#283f8b;font-size:18px;line-height:40px; } .cganli_nr li.anli_tp p{font-size:14px;color:#999; position:relative; padding:0 10px;padding-bottom: 20px; margin-bottom:10px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .cganli_nr li.anli_tp p i{color:#333; position:absolute;right:10px;top:47px;} /*广告图*/ #rh_ban{margin-top:30px;} .rh_ban_nr{background:url(http://www.rhgp123.com/templates/default/images/images/ban.jpg) no-repeat center;height:197px;} #rh_ban img{display:none;} @media(max-width:1200px){ .rh_ban_nr{display:none;} #rh_ban img{display:block;} } /*新闻*/ #rh_new{background-color:#f3f3f3;padding-top:70px;} .rh_new_n{background-color:#fff; padding-bottom:60px;} .rh_newleft{display:inline-block; text-align:left;} .rh_newleft dl{display:block;} .rh_newleft .title{background:url(http://www.rhgp123.com/templates/default/images/images/new_l.jpg)no-repeat;text-align:center; display: block; padding:30px 0; width:200px; /*padding:49px 47px 20px 34px;*/} .rh_newleft .title h2{font-size:26px;color:#fff;font-weight:bold;} .rh_newleft .title h2 p{font-weight:normal;line-height:35px;font-size:12px; text-transform:uppercase; color:#fff;} .rh_newleft .title .rhtime{ font-size:22px;color:#fff;text-align:center;display:block; padding-top:20px;} .rh_newleft .title .rhtime p{font-size:16px;color:#fff;text-align:center;line-height:40px;font-weight:normal;} .rh_newleft .pic{width:calc(100% - 200px );float:right;} .rh_newleft .pic img{width:100%; text-align:center;} .rh_newright{background-color:#21252a;padding:26px;} .rh_newright h3{font-size:20px;color:#fff;padding-top:10px; line-height:40px;} .rh_newright h3 a{color:#fff;} .rh_newright h3 a:hover{color:#fff;} .rh_newright p{font-size:14px; line-height:25px;color:#7e8c9e;} .rh_newright .rhmore{width:120px;line-height:40px; border:1px #ebc343 solid; border-radius:10px; margin-top:21px; text-align:center; font-size:14px;color:#ebc343;} .rh_newright .rhmore a{ color:#ebc343; } .rh_new_nr{/*padding:10px 20px;*/} .rh_new_nr .title{height:70px; line-height:70px; background:url(http://www.rhgp123.com/templates/default/images/images/new_ico.png)no-repeat left;font-size:16px;color:#283f8b; font-weight:bold;padding-left: 40px;} .rh_new_nr .title em{font-size:12px; color:#999;font-weight:bold; padding-left:10px;} .rh_new_nr .title1{height:70px; line-height:70px; background:url(http://www.rhgp123.com/templates/default/images/images/new_ico1.png)no-repeat left;font-size:16px;color:#283f8b; font-weight:bold;padding-left: 40px;} .rh_new_nr .title1 em{font-size:12px; color:#999;font-weight:bold; padding-left:10px;} .rh_new_nr li{border-bottom:1px #ccc solid; line-height:35px; margin:5px 0; background:url(http://www.rhgp123.com/templates/default/images/images/new_ico_left.png)no-repeat left; padding-left:22px;} .rh_new_nr li .title{} @media(max-width:1259px){ .rh_newleft .title{padding:23px 0; } .rh_newright{padding:19px;} } @media(max-width:1199px){ .rh_newleft .title{padding:18px 0; } .rh_newright{padding:12px;} } @media(max-width:768px){ .rh_new_nr .title1{margin-top:20px;} } /*新闻*/ .news_div_item{width:100%} .news_row2 .divdgweb_new_div, .news_row2 .news_div {/* padding: 25px 20px;*/ height:250px; font-weight: normal;float:left;background:#fff;width:100%; } .news_row2 .news_div_item, .news_row2 .divdgweb_new_div_item { position: relative; padding: 6px 0; height:50px; overflow: hidden; transition: 0.3s all ease; border-bottom: 1px solid #f5f5f5; } .news_row2 .news_div_item:nth-last-child(1), .news_row2 .divdgweb_new_div_item:nth-last-child(1){ border-bottom: 0 none !important; } .news_row2 .divdgweb_new_div_item_date, .news_row2 .news_div_item_date { position: absolute; right:0px; top:17px; transition: 0.3s all ease;width:100px;font-size:13px; color:#666;} .news_row2 .divdgweb_new_div_item_date > div, .news_row2 .news_div_item_date > div{ display: inline-block; color: #787878; font-size: 12px; font-family: 'arial'; } .news_row2 .news_div_item_title, .news_row2 .divdgweb_new_div_item_title{ position: relative; width:calc(100% - 100px); } /*.news_div_item_content { float:right; width: calc(100% - 100px); padding: 40px; background: #21252a; height: 130px; position: relative; }*/ /*.news_row2 .news_div_item_year:after, .news_row2 .news_div_item_year::after, .news_row2 .divdgweb_new_div_item_year:after, .news_row2 .divdgweb_new_div_item_year::after{ content: '-'; } .news_row2 .on .news_div_item_year:after, .news_row2 .on .divdgweb_new_div_item_year:after,{ content: ''; }*/ .news_row2 .news_div_item_title:after, .news_row2 .divdgweb_new_div_item_title:after{content: '';background: #283f8b;width:6px;height:6px;position:absolute;left:10px;top:19px;} .news_row2 .on .news_div_item_title:after, .news_row2 .on .divdgweb_new_div_item_title:after{ content: ''; display: none; } .news_row2 .news_div_item_title .news_div_item_a, .news_row2 .divdgweb_new_div_item_title .divdgweb_new_div_item_a { font-size: 15px; color: #676767; padding-left: 45px; display: block; line-height: 40px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.3s all ease; } .news_row2 .news_div_item_pic, .news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body{ transition: 0.3s all ease; } .news_row2 .news_div_item_pic{display:none; } .news_row2 .news_div_item.on, .news_row2 .divdgweb_new_div_item.on { height: 90px; padding: 0px 0 10px 0; } .news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body { line-height:24px; color: #999; font-size: 13px; /*width: 520px;*/ text-align: justify; position: absolute; /*right: 20px; */ top: 60px; transition:0.3s all ease-in-out;overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;} .news_row2 .on .news_div_item_body, .news_row2 .on .divdgweb_new_div_item_body{ top:40px;padding-left:20px;} .news_row2 .on .divdgweb_new_div_item_date, .news_row2 .on .news_div_item_date { top:23px; right: 303px; display: none; } .news_row2 .on .news_div_item_title .news_div_item_a, .news_row2 .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a { position: absolute; left: 0; top: 0px; width: 335px; color: #333; padding-left: 20px; font-size: 16px; } .news_row2 .on .divdgweb_new_div_item_date > div, .news_row2 .on .news_div_item_date > div { font-weight: bold; color: #f1bf00; font-size: 24px; line-height: 30px; } .news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year, .news_row2 .on .news_div_item_date > .news_div_item_year{ font-size: 12px; display: block; font-weight: 100; line-height: 20px; text-indent: 1px; } /*.news_row2 .on .news_div_item_date > .news_div_item_year:after,.news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year:after{ content: ''; } */ /*c产品*/ #product{background: #fff;padding: 20px;} .pro-l{padding-left: 0;padding-right: 10px;} .pro-res{border: 1px solid #eee;padding: 9px;background: #fff;} .pro-res dl{margin-bottom: 0px;} .pro-res dl dt{background: #f5f5f5;padding-left: 19px;font-weight: normal;margin-bottom:10px;transition: all .3s;-webkit-transition: all .3s;} .pro-res dl dt a{display:block;line-height: 40px;color: #555;font-size: 16px;position: relative;padding-right: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pro-res dl dt a::after{content: '';position: absolute;width: 19px;height: 19px;right: 19px;top: 50%;margin-top: -9.5px;background: url(http://www.rhgp123.com/templates/default/images/images/pro-x.png) no-repeat;} .pro-res dl dd{padding-left: 22px;margin-bottom: 10px;display: none;} .pro-res dl dd a{font-size: 14px;color: #666;display: block;padding-left: 17px;background: url(http://www.rhgp123.com/templates/default/images/images/iyuan.png) no-repeat left;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pro-res dl dd a:hover{background: url(http://www.rhgp123.com/templates/default/images/images/iyuan_on.png) no-repeat left;color: #02acfa;} .pro-res dl dt.cur{background: #02acfa;} .pro-res dl dt.cur a{color: #fff;} .pro-res dl dt.cur a::after{background: url(http://www.rhgp123.com/templates/default/images/images/pro-xm.png) no-repeat;} .pro-r{padding: 0 10px;} .pro-r-top{padding-top: 15px;padding-bottom: 10px;position: relative;background: url(http://www.rhgp123.com/templates/default/images/images/pro-r-x.png) no-repeat left bottom;} .pro-r-top p{font-size: 16px;color: #666;text-transform: uppercase;line-height: 24px;padding-left: 10px;} .pro-r-top p span{font-size: 24px;color: #02acfa;font-weight: bold;letter-spacing: 1px;} .pro-r-top a{font-size: 14px;line-height:20px;color: #666;text-transform: uppercase;position: absolute;right: 3px;bottom: 12px;} .pro-r-top a:hover{color: #02acfa;} .pro-r-cen{} .pro-r-cen ul{margin-left: -10px;margin-right: -10px;} .pro-r-cen ul li{padding: 0 10px;margin-top: 20px;} .pro-r-img{margin-bottom: 12px;} .pro-r-img a{display: block;border: 2px solid #eee;} .pro-r-txt{text-align: center;padding: 0 10px;} .pro-r-txt a{color: #333;font-weight: bold;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pro-r-txt p{color: #666;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pro-r-cen ul li:hover .pro-r-img a{border-color: #02ACFA;} .pro-r-cen ul li:hover .pro-r-txt a{color: #02ACFA;} .pro-r-cen ul li:hover .pro-r-txt p{color: #333;} .pro-ico{padding: 2px;} .pro-ico a{width: 25%;float: left;padding: 2px;} .pro-mlist{background: #fff;} .pro-mp{padding-left: 15px;border-bottom: 1px dashed #eee;} .pro-mp p{line-height: 50px;font-size:16px;padding-left: 15px;position: relative;} .pro-mp p::before{content:'';position: absolute;left: 0;top: 50%;margin-top: -7px;width: 2px;height: 16px;background: #02ACFA;} .pro-mlist li{padding: 10px;border-bottom: 1px dashed #eee;} .pro-m-img{padding: 0;} .pro-m-txt{padding-left: 10px;padding-right: 0;} .pro-m-txt>a{font-size: 16px;display: block;color: #333;margin-bottom: 10px;} .pro-m-txt>p{font-size: 14px;color: #999;line-height: 20px;height: 40px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .pro-m-al{overflow: hidden;margin-top: 10px;margin-right: 20px;} .pro-m-al a{width: 40px;height: 30px;display: block;float: right;border: 1px solid #f3f3f3;} .pro-m-al a.pro-mico1{background: url(http://www.rhgp123.com/templates/default/images/images/pro-mico1.png) no-repeat center;background-size: 20px;} .pro-m-al a.pro-mico2{background: url(http://www.rhgp123.com/templates/default/images/images/pro-mico2.png) no-repeat center;background-size: 20px;border-left: none;} @media (min-width: 992px) { .pro-l{float:left;width:250px;} .pro-r{float:left;width:calc(100% - 250px);} } @media (max-width: 991px) { #product{padding: 0 0 15px;} } @media (max-width: 350px) { .pro-m-txt>a{font-size: 14px;margin-bottom: 5px;} .pro-m-al{margin-top: 5px;} } /*xinw*/ #accordion .panel{ border: none;border-radius: 0; /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);*/margin: 0 0 12px 0px;position: relative; padding-left:22px;background:url(http://www.rhgp123.com/templates/default/images/images/new_ico_left.png)no-repeat left; } #accordion .panel-heading{padding: 0; background: #fff; position: relative;} #accordion .panel-title a{display: block;padding:15px 4px 15px 1px;font-size: 20px;font-weight: 600; color: #550527;border: none; margin: 0; position: relative;} #accordion .panel-title em{font-size:12px;color:#666;position:relative;bottom:31px;} #accordion .panel-title a:before, #accordion .panel-body{padding: 0 0 5px; border: none; font-size: 14px; color: #444;line-height: 28px;} #accordion .panel-body p{overflow:hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} /*y右边*/ #accordion1 .panel{ border: none;border-radius: 0; /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);*/margin: 0 0 12px 0px;position: relative; padding-left:22px;background:url(http://www.rhgp123.com/templates/default/images/images/new_ico_left.png)no-repeat left; } #accordion1 .panel-heading{padding: 0; background: #fff; position: relative;} #accordion1 .panel-title a{display: block;padding:15px 4px 15px 1px;font-size: 20px;font-weight: 600; color: #550527;border: none; margin: 0; position: relative;} #accordion1 .panel-title em{font-size:12px;color:#666;position:relative;bottom:31px;} #accordion1 .panel-title a:before, #accordion1 .panel-body{padding: 0 0 5px; border: none; font-size: 14px; color: #444;line-height: 28px;} #accordion1 .panel-body p{overflow:hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} /* adv-1 */ #adv-1{background:#283f8b;} #adv-1 a{display: block;} .adv-img1{background: url(http://www.rhgp123.com/templates/default/images/images/adv-1.jpg) no-repeat center;height: 100px;} /* case */ #case{background: url(http://www.rhgp123.com/templates/default/images/images/case_bg.jpg) no-repeat center bottom;padding-bottom: 30px;} .case-title{text-align: center;padding-top: 20px;} .case-title h2{font-size: 36px;color: #222;font-weight: bold;line-height: 45px;} .case-title h2 span{color: #283f8b;} .case-title p{color: #999;font-size: 16px;text-transform: uppercase;} .case-cen{margin-top: 20px;} .case-l{} .case-l ul{} .case-l ul li{line-height: 80px;background: #fff;border-bottom: 1px solid #eee;transition: all .3s;-webkit-transition: all .3s;} .case-l ul li:last-child{border-bottom: 0;} .case-l ul li a{display: block;padding-left: 27px;} .case-l ul li a img{vertical-align: middle;} .case-l ul li a p{color: #333;font-size: 18px;padding-left: 50px;transition: all .3s;-webkit-transition: all .3s;} .case-l ul li a p.case-ico1{background: url(http://www.rhgp123.com/templates/default/images/images/case-ico1.png) no-repeat left;} .case-l ul li a p.case-ico2{background: url(http://www.rhgp123.com/templates/default/images/images/case-ico2.png) no-repeat left;} .case-l ul li a p.case-ico3{background: url(http://www.rhgp123.com/templates/default/images/images/case-ico3.png) no-repeat left;} .case-l ul li a p.case-ico4{background: url(http://www.rhgp123.com/templates/default/images/images/case-ico4.png) no-repeat left;} .case-l ul li a p.case-ico5{background: url(http://www.rhgp123.com/templates/default/images/images/case-ico5.png) no-repeat left;} .case-l ul li a p.case-ico6{background: url(http://www.rhgp123.com/templates/default/images/images/case-ico6.png) no-repeat left;} .case-l ul li.on{background: #283f8b;} .case-l ul li.on a p{color: #fff;} .case-l ul li.on a p.case-ico1{background: url(http://www.rhgp123.com/templates/default/images/images/case-ico1x.png) no-repeat left;} .case-l ul li.on a p.case-ico2{background: url(http://www.rhgp123.com/templates/default/images/images/case-ico2x.png) no-repeat left;} .case-l ul li.on a p.case-ico3{background: url(http://www.rhgp123.com/templates/default/images/images/case-ico3x.png) no-repeat left;} .case-l ul li.on a p.case-ico4{background: url(http://www.rhgp123.com/templates/default/images/images/case-ico4x.png) no-repeat left;} .case-l ul li.on a p.case-ico5{background: url(http://www.rhgp123.com/templates/default/images/images/case-ico5x.png) no-repeat left;} .case-l ul li.on a p.case-ico6{background: url(http://www.rhgp123.com/templates/default/images/images/case-ico6x.png) no-repeat left;} .case-r{} .case-main{margin-bottom: 10px;} .case-one{display: none;} .case-img{} .case-img>a{display: block;} .case-txt{} .case-a{display: block;font-size: 20px;color: #222;font-weight: bold;margin-top: 35px;margin-bottom: 20px;} .case-txt>p{color: #444;line-height: 25px;text-align: justify;letter-spacing: 1px;height: 100px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .case-nav{overflow: hidden;margin-top: 45px;} .case-nav a{display: block;float:left;width: 110px;height: 38px;line-height: 38px;color: #fff;background: #283f8b;text-align: center;transition: all .3s;-webkit-transition: all .3s;} .case-talk{margin-left: 17px;} .case-a:hover{color: #283f8b;} .case-nav a:hover{background:#313131;color:#fff;} .case-w{background: #fff;} #caselist li a{display:block;position: relative;} #caselist li a p{position: absolute;bottom: 0;left: 0;right: 0;line-height: 35px;color: #fff;background: rgba(0,0,0,0.6);text-align: center;padding: 0 5px;transition: all .3s;-webkit-transition: all .3s;} #caselist li a:hover p{background: #283f8b;} @media (min-width: 992px) { .case-l{width: 240px;float: left;} .case-r{width: calc(100% - 252px);float: right;} } @media (max-width: 991px) { .case-l ul{overflow: hidden;margin-bottom: 20px;} .case-l ul li{width: 33.33%;float: left;border: 1px solid #eee;} } @media (min-width: 768px) { .case-img{width: 400px;float: left;} .case-txt{width: calc(100% - 400px);float: left;padding: 0 20px;} } @media (max-width: 767px) { #case{padding-bottom: 15px;} .case-title h2{font-size: 28px;} .case-title p{font-size: 12px;} .case-main{margin-bottom: 20px;} .case-a{margin-top: 15px;} .case-nav{margin-top: 20px;} .case-l ul li{line-height: 60px;} .case-l ul li a{padding-left: 15px;} .case-l ul li a p{padding-left: 47px;} } @media (max-width: 575px) { .case-l ul li a p{font-size: 16px;padding-left: 30px;} .case-l ul li a p.case-ico1{background-size: 25px;} .case-l ul li a p.case-ico2{background-size: 25px;} .case-l ul li a p.case-ico3{background-size: 25px;} .case-l ul li a p.case-ico4{background-size: 25px;} .case-l ul li a p.case-ico5{background-size: 25px;} .case-l ul li a p.case-ico6{background-size: 25px;} .case-l ul li.on a p.case-ico1{background-size: 25px;} .case-l ul li.on a p.case-ico2{background-size: 25px;} .case-l ul li.on a p.case-ico3{background-size: 25px;} .case-l ul li.on a p.case-ico4{background-size: 25px;} .case-l ul li.on a p.case-ico5{background-size: 25px;} .case-l ul li.on a p.case-ico6{background-size: 25px;} } @media (max-width: 475px) { .case-title{padding-top: 20p;} .case-cen{margin-top: 20px;} .case-l ul li a{padding-left: 10px;} } @media (max-width: 374px) { .case-title h2{font-size: 25px;} .case-l ul li a p{font-size: 14px;} } /* adv-2 */ #adv-2{background: #283f8b;} #adv-2 a{display: block;} .adv-img2{background: url(http://www.rhgp123.com/templates/default/images/images/adv-2.jpg) no-repeat center;height: 100px;} /* about */ #about{background: url(http://www.rhgp123.com/templates/default/images/images/case_bg.jpg) no-repeat center bottom;padding-bottom:20px;} .about-title{text-align: center;padding-top: 20px;} .about-title h2{color: #222;font-size: 36px;font-weight: bold;line-height: 45px;} .about-title h2 span{color: #222;} .about-title p{color: #999;font-size: 16px;text-transform: uppercase;} .about-cen{margin-top: 20px;background: #fff;padding-top: 20px;padding-bottom: 20px;} .about-img{padding-left: 24px;padding-right: 0;} .about-txt{padding-left: 25px;padding-right: 35px;} .about-txt h2{color: #333;font-size: 24px;font-weight: bold;margin-top: 25px;} .about-txt p{color: #333;font-size: 16px;line-height: 25px;} .about-desc{color: #666;font-size: 14px;line-height: 25px;margin-top: 15px;} .about-desc a{color: #333;} .about-txt ul{overflow: hidden;margin-top: 52px;} .about-txt ul li{float: left;display:block;width:110px;height:38px;line-height:38px;text-align: center;} .about-txt ul li a{display: block;line-height: 38px;color: #fff;background:#313131;} .about-txt ul li.on a{background:#283f8b;} .about-txt ul li:nth-child(2){margin-left: 17px;} .about-desc a:hover{color: #283f8b;} .about-arr{margin-top: 20px;} .about-res{padding: 0 50px;display: none;} @media (max-width: 991px) { .about-cen{padding: 10px 0;} .about-img{padding-left: 10px;padding-right: 10px;} .about-txt{padding-left: 10px;padding-right: 10px;} } @media (max-width: 767px) { .about-title{padding-top:15px;} .about-title h2{font-size: 30px;} .about-title p{font-size: 14px;} .about-cen{margin-top: 15px;} .about-txt h2{margin-top: 15px;} .about-desc{margin-top: 10px;} .about-txt ul{margin-top: 15px;} .about-arr{margin-top: 15px;} } @media (max-width: 500px) { .about-title h2{font-size: 24px;} .about-title p{font-size: 12px;} .about-txt h2{font-size: 25px;} .about-desc{margin-top: 5px;} } #milieulist{position: relative;} #milieulist li{border:1px solid #ccc} #certificatelist li{border:1px solid #ccc} #milieulist .owl-prev, #milieulist .owl-next, #certificatelist .owl-prev, #certificatelist .owl-next{position: absolute;width: 40px;height: 40px;top: 50%;margin-top: -20px;text-indent: -9999999px;} #milieulist .owl-prev, #certificatelist .owl-prev{background: url(http://www.rhgp123.com/templates/default/images/images/owl-left.png) no-repeat;left: -50px;} /*#milieulist .owl-prev:hover, #certificatelist .owl-prev:hover, #milieulist .owl-next:hover, #certificatelist .owl-next{background-color:#283f8b;}*/ #milieulist .owl-next, #certificatelist .owl-next{background: url(http://www.rhgp123.com/templates/default/images/images/owl-right.png) no-repeat;right: -50px;} @media(max-width:767px){ #milieulist .owl-nav{display:none} } .about-count{overflow: hidden;margin-top: 35px;} #conone{background:#f8f8f8; padding-bottom:40px;} .count-box{text-align: center;} .count-img{width: 85px;height: 85px;margin: 0 auto;} .count-div1 .count-img{background: url(http://www.rhgp123.com/templates/default/images/images/about-i1.png) no-repeat center top;} .count-div2 .count-img{background: url(http://www.rhgp123.com/templates/default/images/images/about-i2.png) no-repeat center top;} .count-div3 .count-img{background: url(http://www.rhgp123.com/templates/default/images/images/about-i3.png) no-repeat center top;} .count-div4 .count-img{background: url(http://www.rhgp123.com/templates/default/images/images/about-i4.png) no-repeat center top;} .count-div5 .count-img{background: url(http://www.rhgp123.com/templates/default/images/images/about-i5.png) no-repeat center top;} .ibg2{display: none;animation: ibg2 5s linear infinite;} .count-box h5{font-size: 24px;color: #444;font-weight: bold;margin-top: 5px;} .count-box p{color: #444;font-size: 16px;} .count-box.on .ibg1{display: none;} .count-box.on .ibg2{display: block;} .count-box.on .count-img{background-position: bottom;} .count-box.on h5{color: #283f8b;} .count-box.on p{color: #283f8b;} @keyframes ibg2{ 0%{ transform:rotate(0deg)} 100%{ transform:rotate(360deg)} } @media (max-width: 767px) { #about{padding-bottom: 15px;} .about-count{margin-top: 15px;} } @media (min-width: 601px) { .count-box{float: left;width: 20%;} } @media (max-width: 600px) { .count-box{margin-bottom: 15px;} .count-div1{width: 50%;float: left;} .count-div2{width: 50%;float: left;} .count-div3{width: 33.33%;float: left;} .count-div4{width: 33.33%;float: left;} .count-div5{width: 33.33%;float: left;} } @media (max-width: 374px) { .about-count{display: none;} } /* news */ #news{padding-bottom:20px;} .news-title{padding-top: 20px;text-align: center;} .news-title h2{font-size: 36px;font-weight: bold;color: #222222;} .news-title h2 span{color: #222;} .news-title p{color: #999;font-size: 16px;text-transform: uppercase;line-height: 25px;} .news-cen{margin-top: 20px;} .news-left{padding-left: 5px;padding-right: 5px;} .news-l-top{border-bottom: 1px solid #dcdcdc;position: relative;} .news-l-top ul{padding-left: 8px;overflow: hidden;} .news-l-top ul li{display: block;float: left;padding: 18px;position: relative;} .news-l-top ul li:first-child{padding: 18px 20px 18px 18px;} .news-l-top ul li:first-child::after{content: '';width:2px;height:20px;background:#ccc;position: absolute;right: 0;top: 50%;margin-top: -9px;} .news-l-top ul li a{font-size: 18px;color: #333;line-height: 24px;} .news-l-top>a{position: absolute;right: 10px;top: 50%;margin-top: -10px;font-size: 16px;color: #666;line-height: 20px;text-transform: uppercase;} .news-l-top ul li.on a{color: #283f8b;font-weight: bold;} .news-l-top>a:hover{color: #283f8b;} .news-l-cen{padding-left: 10px;padding-right: 10px;display: none;} .news-l-cen dl{margin-bottom: 0;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #DCDCDC;} .news-l-cen dl dt{padding-left: 0;padding-right: 0;} .news-l-cen dl dd{padding-left: 22px;padding-right: 22px;} .news-l-cen dl dd a.news-l-til{font-size: 18px;font-weight: bold;color: #333;display: block;margin-top: 25px;} .news-l-cen dl dd>p{margin-top: 15px;color: #666;font-size: 14px;line-height: 25px;height: 50px;letter-spacing: 1px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: justify;} .news-l-cen dl dd a.news-l-more{display: block;float: left;margin-top: 20px;} .news-l-cen dl dd a.news-l-more p{width: 110px;height: 38px;line-height: 38px;color: #fff;background: #283f8b;text-align: center;float: left;transition: all .3s;-webkit-transition: all .3s;} .news-l-cen dl dd a.news-l-til:hover{color: #283f8b;} .news-l-cen dl dd a.news-l-more:hover p{background: #313131;} .news-res{padding:0 10px;background: url(http://www.rhgp123.com/templates/default/images/images/news-line.png) no-repeat center center;margin-top: 20px;} .news-ul{/*background: url(http://www.rhgp123.com/templates/default/images/images/news-line.png) no-repeat center center;*/} .news-ul li{padding-left:0px;padding-right: 15px;} .news-ul li a{color: #333;line-height: 40px;font-size: 16px;display: block;border-bottom: 1px dashed #eee;padding-left: 15px;background: url(http://www.rhgp123.com/templates/default/images/images/iyuan.png) no-repeat left;background-size: 8px;} .news-ul li a:hover{color: #283f8b;background: url(http://www.rhgp123.com/templates/default/images/images/iyuan_on.png) no-repeat left;} .news-ul1 li{padding-left:25px;padding-right: 0px;} .news-ul1 li a{color: #333;line-height: 40px;font-size: 16px;display: block;border-bottom: 1px dashed #eee;padding-left: 15px;background: url(http://www.rhgp123.com/templates/default/images/images/iyuan.png) no-repeat left;background-size: 8px;} .news-ul1 li a:hover{color: #283f8b;background: url(http://www.rhgp123.com/templates/default/images/images/iyuan_on.png) no-repeat left;} .news-right{padding-left: 5px;padding-right: 5px;} .news-r-top{border-bottom: 1px solid #dcdcdc;padding-left: 18px;} .news-r-top p{line-height: 60px;height:60px;color: #333;font-size: 23px;padding-left: 40px;background: url(http://www.rhgp123.com/templates/default/images/images/news-faq.png) no-repeat left;} .news-r-top p span{font-family: arial;font-size: 12px;color: #999;margin-left: 10px;} .news-r-cen{padding-left: 15px;padding-right: 15px;margin-top: 15px;} .news-r-cen li{margin-bottom: 7px;} .faq-w{line-height: 33px;height: 33px;background: url(http://www.rhgp123.com/templates/default/images/images/faq-w.png) no-repeat left top;padding-left: 45px;} .faq-w a{color: #333;font-size: 16px;font-weight: bold;display: block;} .faq-d{line-height: 33px;height: 66px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #666;background: url(http://www.rhgp123.com/templates/default/images/images/faq-d.png) no-repeat left top;padding-left: 45px;} .faq-w a:hover{color: #283f8b;} @media (max-width: 991px) { .news-res{background-image: none;overflow:hidden;} .news-ul li{padding-left: 0;padding-right: 0;} .news-ul1 li{padding-left: 0;padding-right: 0;} } @media (max-width: 767px) { #news{padding-bottom: 15px;} .news-title{padding-top: 15px;} .news-title h2{font-size: 30px;} .news-title p{font-size: 14px;} .news-left{padding: 0;} .news-l-cen{padding: 0;} .news-l-top ul{padding-left: 0;} .news-right{padding: 0;} .news-r-cen{padding: 0;} .faq-w a{font-size:14px;} .faq-d{font-size:12px;} } @media (max-width: 500px) { .news-title h2{font-size: 24px;} .news-title p{font-size: 12px;} .news-l-cen dl dd{padding: 0;} } @media (max-width: 374px) { .news-title h2{font-size: 20px;} } /* footer */ footer{} #rhfoot{background:url(http://www.rhgp123.com/templates/default/images/images/foot_bj.png); padding-top:30px;padding-bottom:30px;} .copy_tel { display: block; padding-top:90px; padding-bottom:15px;} .copy_tel i{ display: block; float: left;padding:8px; } .copy_tel i img{ display: block} .copy_tel .en { font-size: 12px; color: #fff; display: block; line-height: 12px; padding-bottom: 3px; } .copy_tel p{ font-size: 20px; color: #fff; line-height: 20px; font-family: arial;} .copy_nav{ padding-top:90px; } .copy_nav a{color:#fff;font-size:15px;padding:20px 16px; float:left;} .copy_row2 {background:url(http://www.rhgp123.com/templates/default/images/images/foot_x.png)no-repeat top; padding-bottom:20px;} .copy_row2 h2{line-height:40px;font-size:14px;padding-right:15px; color:#fff; padding-top:10px;} .copy_row2 h2 a:hover { text-decoration: underline; } .copy_row2 li{font-size:14px; line-height:35px; color:#fff; position:relative;padding: 0 10px;} .copy_row2 li a{color:#fff;line-height:35px;} .copy_row2 li a:hover{color:#283f8b;line-height:35px;} .cr4button { float: right; padding: 7px; } .cr4button a { position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 25px; padding: 8px; border: 1px solid #fff; border-radius: 50px; margin-left: 10px; transition:0.3s all ease-in-out; } .cr4button a img{ display: block} .cr4button a:hover{ background:#283f8b; border-color:#283f8b; } .cr4button .ewm { position: absolute; width: 100px; bottom: 45px; right: -35px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; } .cr4button .ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px; left: 52.5px; } .cr4button .ewm img { display: block; width: 100%; height:auto; } #footer-nav{background: #283f8b;text-align: center;color: #fff;} #footer-nav a{color: #fff;font-size: 16px;padding: 18px 30px;float:left;} #footer-nav a:hover{background:#0087db;} @media (max-width: 1259px) { #footer-nav a{padding: 18px 26px;} } @media (max-width: 1199px) { #footer-nav a{padding: 18px 15px;} } #footer-cen{background: #fff;padding-top: 20px;padding-bottom: 20px;border-bottom: 2px solid #e5e5e5;} .footer-other{float: left;padding-right: 5px;border-right: 1px solid #eee;padding-top: 30px;padding-bottom: 25px;} .footer-info{float: left;padding-left: 54px;padding-right: 40px;border-right: 1px solid #eee;} .footer-info>p{font-size: 14px;color: #444;padding-left: 30px;line-height: 30px;text-align: left;} .footer-info>p.wtel{background: url(http://www.rhgp123.com/templates/default/images/images/wtel.png) no-repeat 0px 6px;} .footer-info>p.wadr{background: url(http://www.rhgp123.com/templates/default/images/images/wadr.png) no-repeat 0px 6px;} .footer-info>p.wfax{background: url(http://www.rhgp123.com/templates/default/images/images/wfax.png) no-repeat 0px 6px;} .footer-info>p.wema{background: url(http://www.rhgp123.com/templates/default/images/images/wema.png) no-repeat 0px 6px;} .footer-wlink{margin-top: 5px;padding-left:30px;} .footer-wlink a{color: #999;} .footer-wlink a:hover{color: #283f8b;} .footer-right{float: left;margin-top: 20px} .footer-wtel{padding-right: 75px;padding-top: 10px;padding-bottom: 10px;background: url(http://www.rhgp123.com/templates/default/images/images/footer-wtel.png) no-repeat right;text-align: right;margin: 0 25px;} .footer-wtel span{color: #666;font-size: 16px;} .footer-wtel h2{font-size: 24px;color: #333;font-weight: bold;} .footer-ewm{} .footer-ewm img{width:113px;} .footer-ewm p{text-align: center;color: #333;font-size: 14px;} @media (max-width: 1259px) { .footer-info{padding-left: 40px;padding-right: 30px;} } @media (max-width: 1199px) { .footer-ewm{margin-left: 20px;} } @media (max-width: 991px) { #footer-cen{background:#F8F8F8} .footer-info{border-right: 0;} .footer-ewm{margin: 0;} .footer-right{width: 100%;} } @media (max-width: 767px) { #footer-cen{border: 0;text-align: center;padding-bottom:60px;} } @media (max-width: 750px) { #footer-cen{padding-top:25px} .footer-info{padding: 0 10px;} } @media (max-width: 690px) { .footer-other{float: none;padding-right:0;padding-top:0;border-right:0;} .footer-info{float: none;display: inline-block;} .footer-logo img{margin:0 auto;} } #roll {width: 40px;height: 40px;display: none;background: #000;position: fixed;right: 20px;bottom: 60px;z-index: 150;overflow: hidden;transition: all .2s ease-in-out 0s;cursor: pointer;border-radius: 50%;} #roll:hover {background: #283f8b;} #roll_top {width: 40px;height: 40px;display: block;background: url(http://www.rhgp123.com/templates/default/images/images/gotop.png) no-repeat;transition: all .2s ease-in-out 0s;} #roll_top:hover {background: url(http://www.rhgp123.com/templates/default/images/images/gotop.png) no-repeat;} .footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #283f8b;text-align: center;} .footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;} .footer-bottom a i{font-size:24px;display: block;} .glyphicon-envelope:before{content: "\2709";font-size: 28px !important;font-weight:bold;} /* links */ #link{background:#f8f8f8;} .link-bg{height: 40px;line-height: 40px;} .link-bg a{margin:0 15px;display:inline-block;} /* 内页样式 */ #ZoomBox{background: #fff;} .nybg{/*background: #F5F5F5;*/} .bsbg{background: #FFFFFF;} #sidebar{text-align: center;margin: 20px 0;} #sidebar >li{margin: 8px 10px;position:relative;} #sidebar>li>a{display:block;height: 45px;line-height: 44px;text-align: center;color: #666;border: 1px solid #aaa;font-size: 16px;} #sidebar>li:hover>a, #sidebar >li.cur{background: #283f8b; color: #fff;/* border: 1px solid #283f8b; */} #sidebar>li:hover>a, #sidebar >li.cur>a{color:#fff;} .rhny_menu{position:absolute;left:0;top: 45px;width:100%;background: rgba(227, 225, 225, 0.8);z-index:999;visibility:hidden;line-height:40px; display:block;} .rhny_menu li{font-size:14px;color:#4b4b4b;height:40px;border-bottom:1px #fff dashed;} .rhny_menu li a{color:#4b4b4b;display:block;} .rhny_menu li:hover{background:#283f8b;color:#fff;} .rhny_menu li:hover a{color:#fff} #sidebar>li:hover .rhny_menu {visibility:visible;} @media (min-width: 768px) { #sidebar>li{display: inline-block;} #sidebar>li>a{width:150px; overflow:hidden;} } @media (max-width:767px) { #sidebar>li{display: inline-block;} #sidebar>li>a{width: 157px;font-size:13px;} } @media (min-width:370px) { #sidebar>li{display: inline-block;} #sidebar>li>a{width:150px; overflow:hidden;} } @media (max-width:360px) { #sidebar>li>a{width:135px;font-size:12px;} } /*@media (max-width: 767px) { .common #sidebar{display: flex;} .common #sidebar li{flex: 1;} .nycase #sidebar{display: block;} .nycase #sidebar li{display: inline-block;margin-bottom: 5px;} .nycase #sidebar li a{padding: 0 10px;} }*/ .tablesaw td, .tablesaw th {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: .5em .7em;} .nyjc{} .nyjc-til{padding:15px;border-radius: 10px 10px 0 0;color:#fff;background: #005da2} .nyjc-til p{font-size: 24px;} .nyjc-til i{display: block;height: 1px;width: 90px;background: #fff;margin:10px 0;} #sidebar1{background: #fff;} #sidebar1 li{margin-top: 10px;} #sidebar1 li:first-child{margin-top: 0px;} #sidebar1 li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;color: #666;background: #eee;} #sidebar1 li.cur a, #sidebar1 li:hover a{background: #005da2;color: #fff;} #sidebar1 dt{margin-top: 10px;font-weight: normal;font-size: 16px;line-height: 40px;height: 40px;padding-left: 20px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: left;color: #666;background: #eee;cursor: pointer;} #sidebar1 dt:first-child{margin-top: 0px;} #sidebar1 dt>a{color: #666;display: block;font-size: 16px;} #sidebar1 dt.cur, #sidebar1 dt:hover{background: #005da2;color: #fff;} #sidebar1 dt.cur a,#sidebar1 dt:hover a{color:#fff;} #sidebar1 dd{display: none;} #sidebar1 dd a{display: block;line-height: 35px;border-bottom: 1px dashed #ddd;background: url(http://www.rhgp123.com/templates/default/images/images/iyuan.png) 5px center no-repeat;padding-left: 25px;margin-bottom: 5px;position: relative;color: #333;} #sidebar1 dd a.cur, #sidebar1 dd a:hover{background: url(http://www.rhgp123.com/templates/default/images/images/iyuan_on.png) 5px center no-repeat;color:#283f8b;} .nyjc-crcrumbs{border-bottom: 1px solid #ddd;background: url(http://www.rhgp123.com/templates/default/images/images/nav_tb.png) left 6px no-repeat;padding-left: 20px;color: #808080;margin-bottom: 15px;line-height: 25px;padding-bottom: 10px;} .nyjc-crcrumbs a{color: #808080;} .nyjc-crcrumbs a:hover{color: #283f8b;} .crumbs{padding-left:20px;background: url(http://www.rhgp123.com/templates/default/images/images/nav_tb.png) left no-repeat;line-height: 25px;padding-top:10px;padding-bottom:10px;} .nyprolist{padding: 30px 0;} .nypro{padding:15px;} .nypro-img{border:1px solid #e6e6e6;overflow: hidden;} .nypro-img img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nypro-ul li{margin-bottom: 15px} .nypro-ul li p{background: #fff;text-align: center;height: 35px;line-height: 35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:0;padding:0 10px;} .nypro-ul li:hover .nypro-img{border-color:#283f8b;} .nypro-ul li:hover .nypro-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .nypro-ul li:hover p{color:#283f8b;} @media (max-width: 991px) { .nyprolist{padding: 2px 0 15px;} } @media (max-width: 500px) { .nypro{padding:10px;} } .showpro-list-img{border:1px solid #eee;} .showpro-list-img img{width: 100%} .showpro-right h2{font-size: 18px;font-weight: bold;border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 10px;margin-top: 0} .showpro-right p{color: #666;line-height: 25px;margin-bottom: 10px;} .showpro-rem p{color:#283f8b;font-weight: bold;} .showpro-rem ul{} .showpro-rem ul li a{border:1px solid #eee;display: block;} .showpro-rem ul li:hover>a{border-color: #283f8b} .showpro-rem ul li a+a{border:0;display:block;line-height:35px;height:35px;padding:0 10px;text-align:center;background:#fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .showpro-rem ul li:hover a+a{color:#283f8b} .showpro-con{margin-top: 20px;} .showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;} .showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;} .showpro-con ul li.on{background: #283f8b;color:#fff;} .showpro-con ul li:last-child{margin-right: 0;} .showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;} /*.showpro-details div{margin-bottom: 10px;}*/ .showpro-details img{max-width: 100%;} .showpro-det{display: none;} @media (max-width: 767px) { .showpro-right{margin-top: 10px;} } @media (max-width: 450px) { .showpro-con ul{display: flex} .showpro-con ul li{flex:1;padding:0;font-size: 14px;} .showpro-details{font-size: 14px;} .showpro-details td{padding:5px;} } #nyimg{padding:10px 0} .nyimg-ul{overflow: hidden;} .nyimg-ul li{margin-bottom: 30px;padding: 0 10px;} .nyimg-ul li .nyimg-div{background: #fff;} .nyimg-ul li .nyimg-div a{display: block;overflow: hidden;border:1px solid #D9D9D9;} .nyimg-ul li .nyimg-div img{margin:0 auto;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nyimg-ul li .nyimg-a{padding:0 5px;overflow: hidden;line-height: 40px;display: block;font-size: 14px;color: #333;text-align: center;text-overflow:ellipsis;white-space: nowrap;} .nyimg-ul li .nyimg-div a+a{border:0} .nyimg-ul li:hover .nyimg-div img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .nyimg-ul li:hover .nyimg-a{color: #283f8b;} .nymenu{width: 0;height: calc(100% - 50px);position: fixed;z-index: 90;top: 0;background: rgba(0,0,0,0.3);} .nymenu>a{position: fixed;left: 0;bottom: 100px;width: 30px;text-align: center;padding: 5px;background: #283f8b;color: #fff;z-index: 95;} .nymenu-con{position: fixed;overflow-y: auto;top: 0;right: -280px;width: 280px;padding: 15px 25px 25px;height: calc(100% - 50px);background-color: #283f8b;color:#fff;-webkit-transition: all 0.3s ease-in-out;-moz-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-in-out;z-index: 100; } .nymenu-con h3{font-size: 18px;font-weight: bold;line-height: 40px;border-bottom: 1px dashed #fff;margin-bottom: 10px;} .nymenu-con dl{margin-bottom: 0;} .nymenu-con dl a{color: #fff;} .nymenu-con dl dt, .nymenu-con dl dt a{display: block;font-size: 16px;line-height: 40px;} .nymenu-con dl dd{padding-left: 10px;} .nymenu-con dl dd a{display: inline-block;margin: 3px 10px;} .nymenu-con>a{float: right;color: #fff;position: relative;top:8px;z-index: 102;font-size: 18px;} .nymenu-con.on{left: 0;} #showimg{padding: 10px;} .showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;} .showimg-top h1{line-height: 1.5;color: #333;text-align: center;font-size:26px;margin-bottom:5px} .showimg-top span{margin-right: 10px;} .showimg-top span{font-size: 14px;color: #a3afb7;} .showimg-img{margin-top: 15px;margin-bottom: 15px;text-align:center;} .showimg-img img{max-width: 100%;} .showimg-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 15px;font-weight: 300;padding: 0 10px;border-bottom: 1px solid #F0F2F5;text-align: justify;padding-bottom:10px;} .showimg-con img{max-width: 100%;} .showimg-page{padding-top: 15px;overflow: hidden;} .showimg-page>div[class^="col-"]{padding: 0 10px;} .showimg-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showimg-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ #nyimg{} .nyimg-ul li{margin-bottom: 20px;} .showimg-top h2{ font-size:16px;} .showimg-top h1{font-size: 20px;} .showimg-con{padding:0;font-size:14px !important;} .page-header h3{font-size:16px;margin:0;} .xgred li{padding: 0} } #nynew{padding-top: 15px;padding-bottom: 15px;} #nynew .container>div[class^="col-"]{padding: 0 10px;} #nynew .container>div:first-child{border-right: 1px solid #eee;} .nynews-ul{overflow: hidden;} .nynews-ul li.nynews-li{padding: 0 0 15px 0;margin-bottom: 25px;} .nynews-ul li.nynews-li:nth-of-type(even) .nynews-img{/*float: right;*/} .nynews-img{} .nynews-img a{display: block;border: 1px solid #ccc;} .nynews-img img{width:100%;} .nynews-img a:hover{border: 1px solid #283f8b;} .nynews-date {color: #333;line-height: 20px;font-size: 12px;margin-top:20px;} .nynews-date span{float: left;margin-right:20px;} .nynews-date p{float: left;margin: 0;} .nynews-date i{margin-right: 5px;} .nynews-con h3{font-size: 18px;font-weight: 400;text-transform: uppercase;line-height: 32px;letter-spacing: 1px;margin-top: 0px;margin-bottom:0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-bottom:10px;} @media (max-width:991px) { #nynew .container>div:first-child{border: 0;} .nynews-con{margin: 10px 0;} } @media (max-width:767px) { #nynew{padding-top: 15px;padding-bottom: 15px;} .nynews-con h3{ font-size:16px; font-weight:bold;padding-bottom:0} .nynews-img{padding: 0;} .nynews-con{padding: 0;} } .nynews-con p.nynews-desp{color: #666;font-size: 14px;line-height: 25px;margin: 10px 0;height: 50px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .nynews-con a.nynews-more{text-decoration: none;color: #ffffff;font-size: 15px;padding: 7px;background: #283f8b;width: 120px;display: block;float:right;text-align: center;letter-spacing: 1px;font-weight: 600;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} .nynews-con a.nynews-more:hover{background: #000;color: #fff;} .hotnews{padding:0 10px;margin-bottom: 20px;} .hotnews p{font-size: 18px;color: #fff;line-height: 50px;background:#283f8b;text-align:center;} .hotnews p span{font-size:14px;} .hotnews-bor{border:1px solid #eee;padding:5px 20px} .hotnews a{display: block;font-size: 14px;line-height: 35px;padding-left: 15px;background:url(http://www.rhgp123.com/templates/default/images/images/iyuan.png) no-repeat left;background-size:8px;} .hotnews a:hover{background:url(http://www.rhgp123.com/templates/default/images/images/iyuan_on.png) no-repeat left;} .hotpros{padding:0 10px;} .hotpros p{font-size: 18px;color: #fff;line-height: 50px;background:#283f8b;text-align:center;} .hotpros p span{font-size:14px;} .hotpros-bor{border:1px solid #eee;padding:10px} .hotpros a{display:inline-block;margin:5px 5px;width:100%;font-size:15px; line-height:40px;border-bottom:1px #ccc dashed;text-align:left;padding-left:20px; background:url(http://www.rhgp123.com/templates/default/images/images/iyuan.png)no-repeat left;} .hotpross a:hover{color#283f8b;font-weight:bold;} #shownews{padding: 15px 10px;} #shownews .container>div[class^="col-"]{padding: 0 10px;} #shownews .container>div:first-child{border-right: 1px solid #eee;} .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom:10px} .shownews-top span{margin-right: 10px;} .shownews-top span{font-size: 14px;color: #a3afb7;} .shownews-img{margin-top: 25px; text-align:center} .shownews-img img{max-width: 100%;} .shownews-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 15px;font-weight: 300;padding: 10px;border-bottom: 1px solid #F0F2F5;text-align: justify;} .shownews-con img{max-width: 100%;} .shownews-page{padding-top: 30px;overflow: hidden;} .shownews-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .shownews-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:991px) { #shownews .container>div:first-child{border:0;} .sdsd{padding: 0px;} } @media (max-width:767px){ .shownews-top h1{ font-size:20px;} .shownews-top h2{ font-size:16px;} .shownews-con{padding:0;font-size:14px !important} } #pageshow {padding: 0px;} .show-dateil{font-size: 15px;line-height: 1.8;text-align:justify;} .show-dateil img{max-width: 100%;height:auto!important;} .showmap img{max-width: none;} @media (max-width:767px){ #pageshow {padding: 10px;} .show-dateil,.show-dateil *{font-size:14px !important} #dituContent{height: 400px !important} } /*相关推荐*/ .xgred{overflow: hidden;} .xgred .xgred-con{line-height: 40px;border-bottom:1px #ccc dashed;overflow: hidden;} .xgred .xgred-con a{font-size: 14px;color: #4b4b4b;display: block;float: left;width: calc(100% - 90px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .xgred .xgred-con em{float: right;font-size: 13px;color: #ccc;line-height: 40px;margin-right: 10px;} .xgred .xgred-con a:hover{color: #283f8b} /*全站搜索*/ #searchlist{} #searchlist li{ padding-left:10px; margin-bottom:6px; line-height:1.5;} #searchlist ul{ list-style:none; padding:0px; margin:0px;} #searchlist ul li{ padding:3px 5px; margin-bottom:5px;} #searchlist ul li img{ display:none;} #searchlist .search_title{ display:block; padding:2px 0px;} #searchlist .search_title a{ font-size:14px; color:#12C; text-decoration:underline;} #searchlist .search_title em{ color:#c00; text-decoration:underline; font-style:normal;} #searchlist .search_detail{ display:block; } #searchlist .search_detail a{ text-decoration:underline; color:#12C;} #searchlist .search_content em{ color:#c00; font-style:normal;} #searchlist .search_updatetime{ display:block; margin-top:5px; color:green;} #searchlist a:hover{ text-decoration:underline;} /*在线客服*/ .diyos {position: fixed;width: 54px;right: 0;top: 15%;z-index: 1000000;} .diyos ul {list-style: none;margin: 0;padding: 0;} .diyos ul li {width: 54px;height: 54px;background: #283f8b;float: left;position: relative;border-top:1px solid #333;} .diyos ul li:first-child{ border-top:0;} .diyos ul li:hover{ background:#0087db;} .diyos ul li .sidebox {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background:#283f8b;} .diyos ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li.sideewm {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li .sideewmshow{width: 150px;position:absolute; top:0; left:-151px; z-index:120; display:none;} .diyos ul li.sideewm:hover .sideewmshow{ display:block;} .diyos ul li img {float: left;} /* 内页banner */ .nybanner>div{background-position: top center;background-repeat: no-repeat;background-size: cover;} @media (max-width: 700px){ .nybanner>div{height: 260px !important;} } @media (max-width: 580px){ .nybanner>div{height: 180px !important;} } @media (max-width: 420px){ .nybanner>div{height: 160px !important;} } @media (max-width: 374px){ .nybanner>div{height: 135px !important;} } /* 标签 */ .pro_key{line-height: 35px;border-top: dashed 1px #d7d7d7;margin-top: 5px;font-size: 14px;} /*翻页样式*/ .metpager_1{ text-align:center;} .metpager_2{ text-align:center;} .metpager_3{ text-align:center;} #flip{line-height: 25px;} .digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;} .digg4 .disabledfy{ font-family: Tahoma, Verdana;} .metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;} .metpager_4 a:hover { border:1px solid #009; color:#000;} .metpager_4 a:active {border:1px solid #009; color:#000;} .metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;} .metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;} .metpager_5 a,.metpager_5 span.miy{ padding:2px 8px 2px 8px; color:#283f8b; display: inline-block; } .metpager_5 a:hover { color:#fff; background-color:#283f8b;} .metpager_5 a:active { color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#283f8b; text-decoration:none;display: inline-block;} .metpager_5 span.disabled { padding:2px 8px 2px 8px; margin:2px; color:#333;display: inline-block;} .metpager_6{ color:#ff6500; } .metpager_6 a,.metpager_6 span.miy{ border:1px solid #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(http://www.rhgp123.com/templates/default/images/images/page/page6.jpg);} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:2px 5px 2px 5px; background:url(http://www.rhgp123.com/templates/default/images/images/page/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(http://www.rhgp123.com/templates/default/images/images/page/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(http://www.rhgp123.com/templates/default/images/images/page/page7_2.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(http://www.rhgp123.com/templates/default/images/images/page/page7_2.gif) #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;} .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;} .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} /*案例导航样式*/ .nav_case1 { overflow: hidden; display: none; position: absolute; z-index: 999; width: 1030px; left: 589px; transform: translateX(-100%); background: rgba(255,255,255,0.9); padding-top: 20px; border-top: 2px #283f8b solid; text-align: center;} .nav_case1 .nav_case { float: left; width: 25%; display: block; margin-bottom: 10px; overflow: hidden; } .nav_case1 .nav_case>div { padding:0 10px; display: block; overflow: hidden;} .nav_case1 .nav_case div a { display: block; overflow: hidden; } .nav_case1 .nav_case div a dt{ float: left; width: 40%; } .nav_case1 .nav_case div a img { width: 100%; display: block; } .nav_case1 .nav_case div a .desc { width: 60%; float:left; display: block; margin-top: 10px; padding-left: 10px;} .nav_case1 .nav_case div a h3 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; color: #283f8b;} .nav_case1 .nav_case div a .des { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 12px; color: #666;margin-top: 10px; } .nav_case1 .nav_case div a:hover .des { color: #283f8b; } .nav>li:hover>.nav_case1 { display: block; } /*新闻导航样式*/ .nav_news1 { overflow: hidden; display: none; position: absolute; z-index: 999; width: 1030px; left: 479px; transform: translateX(-100%); background: rgba(255,255,255,0.9); padding-top: 20px; border-top: 2px #283f8b solid; text-align: center;} .nav_news1 .nav_news { float: left; width: 25%; display: block; margin-bottom: 10px; overflow: hidden;} .nav_news1 .nav_news>div { padding:0 10px; display: block; overflow: hidden;} .nav_news1 .nav_news div a { display: block; overflow: hidden; } .nav_news1 .nav_news div a dt{ float: left; width: 40%; } .nav_news1 .nav_news div a img { width: 100%; display: block; } .nav_news1 .nav_news div a .desc { width: 60%; float:left; display: block; margin-top: 10px; padding-left: 10px;} .nav_news1 .nav_news div a h3 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; color: #283f8b;} .nav_news1 .nav_news div a .des { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 12px; color: #666;margin-top: 10px; } .nav_news1 .nav_news div a:hover .des { color: #283f8b; } .nav>li:hover>.nav_news1 { display: block; } @media ( max-width: 1260px) { .nav_case1 { width: 980px; left: 509px; } .nav_news1 { width: 980px; left: 393px; } } @media ( max-width: 1199px) { .nav_case1 { width: 780px; left: 395px; } .nav_news1 { width: 780px; left: 303px; } } /*加项单页*/ .jx_dy { float: right; padding:5px 0 10px 0; } .jx_dy a { float: left; margin-right: 20px; font-size: 14px; color: #333; } .jx_dy a:last-child { margin-right: 0px; position: relative; } .jx_dy a:last-child::after { position: absolute; content: '|'; font-size: 14px; color: #999; top: 0; left: -10px; } /*en*/ .en_top { padding:20px 0; background: #fff; position: fixed; width: 100%; height: 110px; z-index: 999; box-shadow: 0px 5px 5px rgba(0,0,0,0.1);} .en_b { width: 100%; height: 110px; display: block;} .en_top .en_top_l { float: left; } .en_top .en_top_l dt { display: block; overflow:hidden } .en_top .en_top_l dt img { width: 100%; display: block; } .en_top .en_top_r { float: right; } .en_top .en_top_r a { float: left; margin-left: 20px; width: 150px; line-height: 50px; text-align: center; display: block; border: 2px solid #283f8b; border-radius: 6px; font-size: 14px; color: #333; font-weight: bold; margin-top: 5px;} .en_top .en_top_r a:hover { color: #283f8b; } .en_ban { overflow: hidden; } .en_ban dt { display: block; overflow:hidden } .en_ban dt img { width: 100%; display: block; } .en_main{ background: #f5f5f5; display: block; } .en_main .en_lx { display: block; margin-top: 80px; overflow: hidden; } .en_main .en_lx div.col-sm-4 { padding:0 15px; } .en_main .en_lx div .en_lx_nr { background: #fff; padding:40px 20px 20px 20px; height: 266px; } .en_main .en_lx div .en_lx_nr dt { margin: 0 auto; width: 100%; display: block; } .en_main .en_lx div .en_lx_nr dt img { margin: 0 auto;max-width: 100%; display: block; } .en_main .en_lx div .en_lx_nr p { font-size: 20px; text-align: center; line-height: 2; color: #344781;} .en_main .en_lx div .en_lx_nr span { font-size: 14px; color: #454545; text-align: center; line-height: 1.6; margin-top: 10px; display: block; } .en_main .en_lx div .en_lx_nr span:hover { color: #283f8b; } .en_about { background: #fff; margin-top: 60px; display: block; padding:40px; margin-left: 15px; margin-right: 15px; border-radius: 10px; box-shadow: 0px 5px 50px #ddd; } .en_about dt { display: block; overflow: hidden; } .en_about dt img { display: block; width: 100%; } .en_about .desc { font-size: 16px; color: #5d6975; text-align: left; line-height: 1.8; margin-top: 30px; font-family: 'arial'; } .en_ly { background: #fff; margin-top: 60px; display: block; padding:40px; margin-left: 15px; margin-right: 15px; border-radius: 10px; box-shadow: 0px 5px 50px #ddd; overflow: hidden;margin-bottom: 80px; } .en_ly .en_ly_bt { text-align: center; display: block; } .en_ly .en_ly_bt p { font-family: 'arial'; font-weight: 700; font-size: 42px; line-height: 50px; color: #283f8b; } .en_ly .en_ly_bt span { font-family: 'arial'; font-weight: 400; font-size: 15px; color: #4d4d4d; text-align: left; display: block; margin-top: 10px; line-height: 1.8;} .en_ly .main-form { margin-top: 40px; } .en_ly .main-form span input{ padding: 0 20px; width: 100%; background: #fff; font-size: 14px; color: #9faebe; border: 1px solid #ddd; border-radius: 4px;margin-bottom: 20px; display: block; line-height: 60px; height: 60px;} .en_ly .main-form textarea { border-radius: 4px;vertical-align: middle;width: 100%;padding: 16px 20px;font-weight: 400;background-color: #fff;text-transform: inherit;border: 1px solid rgba(119,119,119,.2);font-size: 14px;outline: none;line-height: inherit;line-height: 24px;text-transform: none;letter-spacing: 0; } .en_ly .main-form .sendd { text-align: center; margin: 0 auto; display: block; margin-top: 30px; } .en_ly .main-form .send { text-align: center; width: 100%; line-height: 56px; background: #283f8b; color: #fff; display: block; margin: 0 auto; border-radius: 4px; } .en_foot { overflow: hidden; display: block; height: 110px; background: url(http://www.rhgp123.com/templates/default/images/images/en_foot.png)no-repeat center; width: 100%; background-size: 100%;} .en_foot p { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 40px;} .en_foot span { font-size: 13px; color: rgba(255,255,255,0.6); line-height: 2; } @media ( max-width: 991px) { .en_main .en_lx div .en_lx_nr { height: 300px; } } @media ( max-width: 767px) { .en_top .en_top_r a { width: 90px; } .en_main .en_lx div .en_lx_nr { margin-bottom: 20px; } .en_about { padding:20px; margin-top: 30px; } .en_main .en_lx { margin-top: 40px; } .en_ly { padding:20px; } } @media( max-width: 500px) { .en_top { height: 80px; } .en_b { height: 80px; } .en_top .en_top_r a { width: 54px; line-height: 40px; font-size: 12px; font-weight: normal;} .en_top .en_top_l dt img { width: auto; height: 50px; } .en_top { padding:10px 0; } .en_ly .en_ly_bt p { font-size: 30px; line-height: 40px;} } @media( max-width: 350px) { .en_top .en_top_r a { margin-left: 5px; border: 1px solid #283f8b; line-height: 36px; } .en_top .en_top_l dt img { height: 44px; } .en_ly .en_ly_bt p { font-size: 24px; } } /*login*/ .en_longin { padding: 13.33vmin 0 26.67vmin; overflow: hidden; background: #f5f5f5; } .login-box { width: 85%; margin: 20.27vmin auto;border-radius: 4vmin;padding: 8vmin 8vmin 10.67vmin; background-color: #fff;box-shadow: 0 0 5.6vmin 0 rgba(179,136,168,.35); overflow: hidden;} .en_longin .logo { width: 100%; margin: 0 auto; } .en_longin .logo img { max-width: 100%; display: block; margin: 0 auto; } .en_longin .login-title { font-size: 24px; margin: 2vmin 0 1.2vmin 0;font-weight: bold; color: #283f8b; text-align: center; } .en_longin .login-box p { text-align: center; color: #ccc; font-size: 2.5vmin; margin: 1.5vmin 0 3vmin 0; } .en_longin .loginbox-input { outline: 0; border-radius: .53vmin; background-color: #fff; border: 1px solid #E5E5E5;font-size: 3.73vmin;-moz-appearance: none;appearance: none;padding: 3.2vmin 0 3.2vmin 3.73vmin;margin-bottom: 4.8vmin;width: 100%;font-size: 16px; font-weight: normal;color: #999; } .en_longin .login-btn { border: none; color: #fff; padding: 4.27vmin 0; font-size: 4.27vmin; margin-top: 5.53vmin; text-align: center; border-radius: 6.4vmin; display: block;background-color: #1552a5; width: 100%; } .en_longin .lg-input-label { color: #696969;font-size: 3.2vmin; } .lg-input-check { width: 30px; height: 30px;outline: 0; border-radius: .53vmin; border: 1px solid #E5E5E5; font-size: 3.73vmin; display: block;} .en_longin .cl-primary { font-size: 20px; margin-top: 30px; color: #283f8b; } .en_longin .cl-primary:first-child { float: left; } .en_longin .cl-primary:last-child { float: right; } .en_longin label { display: block; max-width: auto; } .en_longin label img { display: inline; vertical-align: middle; width: 120px; } /*regiser*/ .en_regiser { padding: 13.33vmin 0 26.67vmin; overflow: hidden; background: #f5f5f5; } .login-box { width: 85%; margin: 10vmin auto;border-radius: 4vmin;padding: 8vmin 8vmin 10.67vmin; background-color: #fff;box-shadow: 0 0 5.6vmin 0 rgba(179,136,168,.35); overflow: hidden;} .en_regiser .logo { width: 100%; margin: 0 auto; } .en_regiser .logo img { max-width: 100%; display: block; margin: 0 auto; } .en_regiser h2 {font-size: 4vmin;margin: 2vmin 0 3vmin 0;font-weight: bold;color: #283f8b;text-align: center;} .en_regiser .loginbox-input{ outline: 0;border-radius: .53vmin;background-color: #fff;border: 1px solid #E5E5E5;font-size: 3.73vmin;-moz-appearance: none;appearance: none;padding: 2.5vmin 0 2.5vmin 3.73vmin;margin-bottom: 2vmin;width: 100%;font-size: 16px;font-weight: normal;color: #999; } .en_regiser .login-btn { border: none;color: #fff;padding: 4.27vmin 0;font-size: 4.27vmin;margin-top: 8.53vmin;text-align: center;border-radius: 6.4vmin;display: block;background-color: #1552a5;width: 100%; } .en_regiser .cl-primary { font-size: 3.73vmin; color: #1552a5; display: block; text-align: center; line-height: 3;} .nav li a.case_more { text-align: center; font-size: 14px; color: #283f8b; margin-bottom: 10px; display: block; } .en_regiser input:nth-child(6) { width:40%;float:left; margin-right: 10px; } .en_regiser button { padding:13px;vertical-align: middle; border: 1px solid #ddd; margin-top: 9px; } .yyzz1 { } .yyzz { } @media ( max-width: 767px) { .en_regiser button { padding:9px; } } /*项目查询*/ .xmcx {padding: 3vmin 0 5vmin 0;overflow: hidden; background: #f5f5f5;} .xmcx h2 { font-size: 6.4vmin;text-align: center; margin-bottom: 10.13vmin; color: #283f8b; margin-bottom: 4.0vmin; font-size: 4.4vmin; font-weight: bold;} .xmcx .loginbox-input{outline: 0;border-radius: .53vmin;background-color: #fff;border: 1px solid #E5E5E5;font-size: 3.73vmin;-moz-appearance: none;appearance: none;padding: 3.2vmin 0 3.2vmin 3.73vmin;margin-bottom: 4.8vmin;width: 100%; font-size: 16px; font-weight: normal;color: #999;} .xmcx .login-btn { border: none; color: #fff; padding: 4.27vmin 0; font-size: 4.27vmin; margin-top: 2.53vmin; text-align: center; border-radius: 6.4vmin; display: block; background-color: #1552a5; width: 100%; } .xmzl { display: none; } .xmzl span { font-weight: normal; } .basicInformation { margin-top: 1.6vmin; padding: 5.33vmin 0; line-height: 12.27vmin; overflow: hidden; } .basicInformation li:not(:last-child) { height: 13.87vmin; line-height: 13.87vmin } .basicInformation li div { float: left; display: inline-block !important; min-width: 20% !important; font-size: 4.27vmin; font-weight: 500; color: #999; } .cl-primary-dark { color: #1552a5;font-size: 4.8vmin;font-weight: 700; } .basicInformation li p { font-size: 4vmin;margin-left: 8vmin;margin-left: 8vmin; } .about-boxfill1 { padding: 5.6vmin 4.27vmin;background-color: #fff; }