html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
line-height: 1.15;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
margin: 0;
font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
line-height: 1.42857143;
font-size: 14px;
min-width: 1200px;
background: #fff;
color: #333;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
a {
-webkit-text-decoration-skip: objects;
background-color: transparent;
}
abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
line-height: 1.42857143;
margin: 0;
outline: none;
}
body,
button,
input,
select,
textarea {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type=button],
/* 1 */
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: .35em .75em .625em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
article,
aside,
footer,
header,
nav,
section,
figcaption,
figure,
main,
details,
/* 1 */
menu {
display: block;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
audio,
video,
canvas {
display: inline-block;
}
template,
[hidden] {
display: none;
}
.clearfix {
zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #f68100;
}
ul {
margin: 0;
list-style: none;
padding: 0;
}
.container {
width: 1200px;
margin: 0 auto;
}
.img-center {
text-align: center;
font-size: 0;
}
.img-center img {
display: inline-block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.dropdown {
position: relative;
}
.dropdown-box {
position: absolute;
left: 0;
top: 100%;
z-index: 10;
background-color: #fff;
min-width: 100%;
display: none;
overflow: hidden;
padding: 0 15px;
margin-left: -15px;
}
.dropdown-box li {
border-top: 1px solid #ddd;
text-align: center;
}
.dropdown.open .dropdown-box {
display: block;
}
.kefu {
position: fixed;
right: -170px;
top: 50%;
z-index: 900;
}
.kefu li a {
text-decoration: none;
}
.kefu li {
margin-top: 1px;
clear: both;
height: 71px;
position: relative;
}
.kefu li i {
background: url(../Images/fx.png) no-repeat;
display: block;
width: 30px;
height: 27px;
margin: 0 auto;
text-align: center;
}
.kefu li p {
height: 20px;
font-size: 14px;
line-height: 20px;
overflow: hidden;
text-align: center;
color: #fff;
margin: 0;
}
.kefu .kefu-qq i {
background-position: 4px 5px;
}
.kefu .kefu-tel i {
background-position: 0 -21px;
}
.kefu .kefu-liuyan i {
background-position: 4px -53px;
}
.kefu .kefu-weixin i {
background-position: -34px 4px;
}
.kefu .kefu-weibo i {
background-position: -30px -22px;
}
.kefu .kefu-ftop {
display: none;
}
.kefu .kefu-ftop i {
width: 33px;
height: 35px;
background-position: -27px -51px;
}
.kefu .kefu-left {
float: left;
width: 77px;
height: 47px;
position: relative;
}
.kefu .kefu-tel-right {
font-size: 16px;
color: #fff;
float: left;
height: 24px;
line-height: 22px;
padding: 0 15px;
border-left: 1px solid #fff;
margin-top: 14px;
}
.kefu .kefu-right {
width: 20px;
}
.kefu .kefu-tel-main {
background: #093e5e;
color: #fff;
height: 56px;
width: 247px;
padding: 9px 0 6px;
float: left;
}
.kefu .kefu-main {
background: #093e5e;
width: 97px;
height: 56px;
position: relative;
padding: 9px 0 6px;
float: left;
}
.kefu .kefu-weixin-pic {
position: absolute;
left: -130px;
top: -24px;
display: none;
z-index: 333;
}
.kefu-weixin-pic img {
width: 115px;
height: 115px;
}
.qinlin-header .logo {
float: left;
padding: 20px 0;
}
.qinlin-header .logo img {
display: block;
height: 70px;
width: auto;
}
.qinlin-header .text {
float: left;
font-size: 16px;
margin: 20px 0 20px 30px;
padding: 5px 0;
}
.qinlin-header .text strong {
display: block;
font-size: 26px;
}
.qinlin-header .text span {
color: #f68100;
}
.qinlin-header .tel {
float: right;
margin-top: 28px;
background: url(../Images/tel.gif) no-repeat 0 center;
padding-left: 65px;
}
.qinlin-header .tel strong {
display: block;
font-size: 28px;
line-height: 1;
}
.qinlin-header .ewm {
float: right;
margin-top: 20px;
margin-left: 50px;
}
.qinlin-header .ewm span {
float: left;
width: 20px;
text-align: center;
font-size: 12px;
color: #666;
padding: 1px 0;
}
.qinlin-header .ewm img {
float: left;
width: 70px;
height: 70px;
}
.qinlin-nav {
background-color: #e7e7e7;
}
.qinlin-nav li {
float: left;
background: url(../Images/nav_bor.gif) no-repeat left center;
padding: 0 40px;
}
.qinlin-nav li:first-child {
background-image: url(../Images/nav_ico01.gif);
}
.qinlin-nav li a {
display: block;
line-height: 60px;
font-size: 16px;
color: #333;
position: relative;
}
.qinlin-nav li a:before {
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
content: '';
-webkit-transition: all 0.3s;
transition: all 0.3s;
background-color: #f68100;
}
.qinlin-nav li a:hover:before,
.qinlin-nav>.container>ul>li.active>a:before,
.qinlin-nav>.container>ul>li.open>a:before {
width: 100%;
}
.qinlin-nav li.active>a,
.qinlin-nav li>a:hover {
color: #f68100;
}
.qinlin-nav li a span {
position: relative;
z-index: 1;
}
.qinlin-nav .dropdown-box li {
float: none;
background: none;
padding: 0;
}
.qinlin-nav .dropdown-box a {
line-height: 20px;
font-size: 14px;
padding: 10px;
margin: 0;
}
.qinlin-nav .sc {
float: right;
position: relative;
}
.qinlin-nav .sc a {
display: block;
height: 60px;
width: 40px;
background: url(../Images/s_so.gif) no-repeat center;
}
.qinlin-nav .sc form {
position: absolute;
right: 0;
top: 100%;
z-index: 10;
width: 250px;
display: none;
padding: 5px;
background-color: #e7e7e7;
}
.qinlin-nav .sc input {
float: left;
width: 190px;
height: 20px;
padding: 10px;
line-height: 20px;
border: 0;
background-color: #fff;
font-size: 14px;
}
.qinlin-nav .sc button {
width: 40px;
height: 40px;
padding: 0;
border: 0;
float: left;
cursor: pointer;
background-color: #f68100;
color: #fff;
}
.qinlin-slideBox {
height: 450px;
position: relative;
overflow: hidden;
}
.qinlin-slideBox .hd {
position: absolute;
bottom: 80px;
font-size: 0;
left: 0;
width: 100%;
text-align: center;
z-index: 2;
}
.qinlin-slideBox .hd li {
display: inline-block;
width: 60px;
height: 5px;
margin: 0 10px;
background-color: #fff;
cursor: pointer;
}
.qinlin-slideBox .hd li.on {
background-color: #f68100;
}
.qinlin-slideBox .bd,
.qinlin-slideBox .bd ul,
.qinlin-slideBox .bd li {
width: 100% !important;
height: 100% !important;
}
.qinlin-slideBox .bd li {
background: no-repeat center;
}
.qinlin-slideBox .bd li a {
display: block;
width: 100%;
height: 100%;
}
.qinlin-yy {
background: url(../Images/yin_t.png) no-repeat center;
height: 106px;
margin: -53px 0 0;
position: relative;
z-index: 3;
padding-bottom: 20px;
}
.qinlin-yy li {
float: left;
width: 200px;
background: url(../Images/yin_line.gif) no-repeat 0 center;
line-height: 106px;
text-align: center;
font-size: 0;
}
.qinlin-yy li:first-child {
background: none;
}
.qinlin-yy li i,
.qinlin-yy li span {
display: inline-block;
vertical-align: middle;
}
.qinlin-yy li i {
height: 30px;
width: 30px;
overflow: hidden;
margin-right: 10px;
}
.qinlin-yy li i img {
-webkit-transition: all .5s;
transition: all .5s;
display: block;
}
.qinlin-yy li:hover i img {
margin-top: -30px;
}
.qinlin-yy li span {
font-size: 16px;
font-weight: bold;
}
.qinlin-yy li:hover span {
color: #f68100;
}
.qinlin-section {
padding: 60px 0;
}
.qinlin-section-title {
text-align: center;
font-size: 40px;
margin-bottom: 40px;
}
.qinlin-section-title span {
display: inline-block;
position: relative;
padding: 0 30px;
font-weight: bold;
}
.qinlin-section-title span:before,
.qinlin-section-title span:after {
width: 20px;
height: 1px;
position: absolute;
content: '';
top: 50%;
background-color: #000;
}
.qinlin-section-title span:before {
right: 100%;
}
.qinlin-section-title span:after {
left: 100%;
}
.qinlin-section-title p {
margin: 0;
font-size: 20px;
}
.qinlin-section-title.white {
color: #fff;
}
.qinlin-section-title.white span:before,
.qinlin-section-title.white span:after {
background-color: #fff;
}
.qinlin-shili li {
float: left;
width: 33.333333%;
background: url(../Images/yin_ico07.png) no-repeat 20px center;
text-indent: 50px;
font-size: 16px;
line-height: 45px;
}
.qinlin-shili li:hover {
color: #f68100;
}
.qinlin-total {
margin: 40px 0 0 -73px;
}
.qinlin-total li {
width: 245px;
height: 197px;
background: url(../Images/iserve_bg.png) no-repeat 0 0;
padding: 85px 0 0;
float: left;
text-align: center;
margin-left: 73px;
}
.qinlin-total li strong {
font-size: 60px;
font-family: Impact;
line-height: 1.1;
}
.qinlin-total li small {
font-size: 16px;
padding-left: 5px;
color: #f68100;
}
.qinlin-total li p {
font-size: 18px;
margin: 5px 0 0;
}
.qinlin-total li:nth-of-type(even) {
background-position: 0 -282px;
color: #fff;
}
.qinlin-shebei li {
float: left;
width: 33.333333%;
background: url(../Images/cp_line02.gif) repeat-x #fff;
position: relative;
}
.qinlin-shebei li .text {
padding: 30px 0 0 35px;
font-size: 0;
height: 108px;
}
.qinlin-shebei li .text h4 {
margin: 0;
line-height: 40px;
font-size: 16px;
}
.qinlin-shebei li .text h4 a {
background: url(../Images/cp_ico01.png) no-repeat right center;
padding-right: 30px;
display: inline-block;
}
.qinlin-shebei li .text p {
display: inline-block;
margin: 5px 0 0;
width: 120px;
font-size: 14px;
}
.qinlin-shebei li .m img {
display: block;
width: 100%;
height: 190px;
}
.qinlin-shebei li:before {
background-color: #ddd;
content: '';
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
}
.qinlin-shebei li:last-child:before {
display: none;
}
.qinlin-shebei li:nth-of-type(1),
.qinlin-shebei li:nth-of-type(2) {
width: 33%;
}
.qinlin-shebei li:nth-of-type(1):before,
.qinlin-shebei li:nth-of-type(2):before {
display: none;
}
.qinlin-shebei li:nth-of-type(1) {
background-image: none;
}
.qinlin-shebei li:nth-of-type(2) {
background: url(../Images/cp_line01.gif) repeat-y #fff;
}
.qinlin-shebei li:hover {
background: #093e5e !important;
color: #fff;
}
.qinlin-shebei li:hover a {
color: #fff;
}
.qinlin-ban1 {
background-color: #dbdbdb;
color: #fff;
}
.qinlin-ban1 .container {
position: relative;
}
.qinlin-ban1 .i1,
.qinlin-ban1 .i2 {
position: absolute;
top: 50%;
width: 34px;
height: 34px;
margin-top: -17px;
}
.qinlin-ban1 .i1 {
left: 383px;
}
.qinlin-ban1 .i2 {
right: 383px;
}
.qinlin-ban1 .item {
float: left;
width: 400px;
background-color: #f68100;
height: 145px;
text-align: center;
}
.qinlin-ban1 .item:nth-of-type(even) {
background-color: #093e5e;
}
.qinlin-ban1 .item ul {
padding: 40px 0 0 20px;
text-align: left;
}
.qinlin-ban1 .item li {
float: left;
width: 50%;
font-size: 16px;
background: url(../Images/ban_ico01.png) no-repeat 20px center;
line-height: 36px;
text-indent: 50px;
}
.qinlin-ban1 .item h4 {
margin: 0;
font-size: 30px;
padding-top: 40px;
}
.qinlin-ban1 .item p {
margin: 10px 0 0;
font-size: 16px;
}
.qinlin-ban1 .item span {
padding-top: 15px;
display: block;
}
.qinlin-ban1 .item strong {
font-size: 20px;
display: block;
line-height: 1.1;
}
.qinlin-ban1 .item .btn {
display: inline-block;
line-height: 30px;
background-color: #fff;
padding: 0 15px;
border-radius: 15px;
margin-top: 15px;
}
.qinlin-ban1 .item .btn:hover {
color: #fff;
background-color: #093e5e;
}
.qinlin-ys {
margin-left: 500px;
padding-bottom: 30px;
}
.qinlin-ys .bd {
width: 400px;
margin: 0 auto;
padding-top: 40px;
height: 175px;
}
.qinlin-ys .bd dl {
margin: 0;
}
.qinlin-ys .bd dt {
font-size: 20px;
font-weight: bold;
text-align: center;
}
.qinlin-ys .bd dt img {
display: block;
margin: 0 auto;
}
.qinlin-ys .bd dd {
text-align: center;
line-height: 1.8;
margin: 15px 0 0;
}
.qinlin-ys .hd {
background: url(../Images/ys_line.gif) repeat-x 0 9px;
}
.qinlin-ys .hd li {
float: left;
width: 20%;
background: url(../Images/ys_k01.png) no-repeat center 0;
padding-top: 30px;
height: 111px;
text-align: center;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
.qinlin-ys .hd li i {
display: block;
height: 35px;
overflow: hidden;
margin-bottom: 8px;
}
.qinlin-ys .hd li img {
display: block;
margin: 0 auto;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.qinlin-ys .hd li.on {
background-image: url(../Images/ys_k02.png);
color: #fff;
}
.qinlin-ys .hd li.on img {
margin-top: -35px;
}
.qinlin-xinlai {
position: relative;
margin-top: -125px;
}
.qinlin-xinlai .tit {
background-color: #093e5e;
color: #fff;
width: 260px;
font-size: 48px;
padding: 40px 0 0 40px;
line-height: 1;
font-weight: bold;
height: 160px;
margin-left: 18px;
position: relative;
z-index: 1;
}
.qinlin-xinlai dl {
margin: 0;
overflow: hidden;
}
.qinlin-xinlai dt {
float: left;
width: 300px;
overflow: hidden;
height: 225px;
line-height: 225px;
}
.qinlin-xinlai dt img {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.qinlin-xinlai dt a:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.qinlin-xinlai dd {
margin-left: 370px;
padding: 25px 0 0;
}
.qinlin-xinlai dd h4 {
margin: 0;
line-height: 35px;
font-size: 20px;
font-weight: normal;
}
.qinlin-xinlai dd h5 {
margin: 5px 0 0;
line-height: 25px;
font-size: 16px;
font-weight: normal;
}
.qinlin-xinlai dd p {
color: #666;
line-height: 25px;
margin: 10px 0 0;
}
.qinlin-xinlai dd .more {
display: inline-block;
margin-top: 20px;
}
.qinlin-xinlai .arr {
position: absolute;
font-size: 0;
right: 0;
top: 58px;
}
.qinlin-xinlai .arr a {
display: inline-block;
width: 46px;
height: 46px;
background: no-repeat center;
margin-left: 20px;
}
.qinlin-xinlai .arr .prev {
background-image: url(../Images/jz_lico01.png);
}
.qinlin-xinlai .arr .prev:hover {
background-image: url(../Images/jz_lico02.png);
}
.qinlin-xinlai .arr .next {
background-image: url(../Images/jz_rico01.png);
}
.qinlin-xinlai .arr .next:hover {
background-image: url(../Images/jz_rico02.png);
}
.qinlin-hezuo {
margin-left: -35px;
}
.qinlin-hezuo li {
float: left;
width: 20%;
}
.qinlin-hezuo li a {
display: block;
margin: 35px 0 0 35px;
position: relative;
overflow: hidden;
}
.qinlin-hezuo li .img-center {
line-height: 120px;
height: 120px;
}
.qinlin-hezuo li span {
position: absolute;
left: 0;
top: 100%;
line-height: 120px;
text-align: center;
color: #fff;
background-color: rgba(9, 62, 94, 0.9);
width: 100%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.qinlin-hezuo li a:hover span {
top: 0;
}
.qinlin-pinzhi {
margin-left: -8px;
}
.qinlin-pinzhi li {
float: left;
width: 20%;
}
.qinlin-pinzhi li a {
display: block;
margin-left: 8px;
position: relative;
overflow: hidden;
}
.qinlin-pinzhi li .text {
background-color: #fff;
text-align: center;
position: relative;
z-index: 1;
height: 232px;
}
.qinlin-pinzhi li i {
display: inline-block;
background: no-repeat center;
height: 68px;
margin-top: -34px;
width: 68px;
vertical-align: middle;
}
.qinlin-pinzhi li h4 {
line-height: 50px;
background: url(../Images/pinz_line01.gif) no-repeat center bottom;
font-size: 18px;
margin: 0;
}
.qinlin-pinzhi li p {
color: #777;
line-height: 1.8;
}
.qinlin-pinzhi li .box {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
background-color: rgba(246, 129, 0, 0.9);
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.qinlin-pinzhi li .box i {
margin-top: 110px;
}
.qinlin-pinzhi li .box h4 {
background-image: url(../Images/pinz_line02.gif);
}
.qinlin-pinzhi li .box p {
color: #fff;
}
.qinlin-pinzhi li a:hover .text {
opacity: 0;
}
.qinlin-pinzhi li a:hover .box {
top: 0;
opacity: 1;
}
.qinlin-ban2 {
background: url(../Images/ban02.gif) no-repeat center 0 #f4f4f4;
height: 145px;
}
.qinlin-ban2 .tel {
float: right;
text-align: center;
padding-top: 15px;
}
.qinlin-ban2 .tel strong {
display: block;
font-size: 20px;
line-height: 1.1;
}
.qinlin-ban2 .tel .btn {
display: inline-block;
line-height: 30px;
background-color: #f68100;
padding: 0 15px;
border-radius: 15px;
margin-top: 15px;
color: #fff;
}
.qinlin-ban2 .tel .btn:hover {
background-color: #093e5e;
}
.qinlin-ban2 h4 {
margin: 0;
font-size: 30px;
padding-top: 30px;
padding-left: 205px;
}
.qinlin-ban2 h5 {
margin: 0;
font-size: 16px;
padding-left: 290px;
}
.qinlin-ban2 h5 strong {
color: #093e5e;
font-size: 24px;
}
.qinlin-news-tit {
line-height: 70px;
font-size: 20px;
}
.qinlin-news-tit small {
font-size: 14px;
}
.qinlin-news-tit .more {
float: right;
font-size: 14px;
}
.qinlin-news-l {
float: left;
padding: 14px;
background-color: #f0f0f0;
width: 182px;
}
.qinlin-news-l img {
display: block;
width: 100%;
height: auto;
}
.qinlin-news-l .tel {
background: url(../Images/news_tel.gif) no-repeat center 0;
margin-top: 35px;
padding-top: 35px;
text-align: center;
}
.qinlin-news-l .tel strong {
display: block;
font-size: 20px;
line-height: 1.1;
}
.qinlin-news-l .tel .btn {
color: #fff;
display: block;
width: 112px;
line-height: 35px;
background: url(../Images/news_btn.gif) no-repeat center;
margin: 20px auto;
}
.qinlin-news-l .tel .btn:hover {
-webkit-animation: shake 1.5s linear;
animation: shake 1.5s linear;
}
.qinlin-news-c {
float: left;
width: 506px;
border-left: 2px solid #ccc;
border-right: 2px solid #ccc;
padding: 0 40px;
margin: 0 40px;
}
.qinlin-news-c .top {
display: block;
overflow: hidden;
}
.qinlin-news-c .top img {
display: block;
width: 100%;
height: auto;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.qinlin-news-c .top:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.qinlin-news-c ul {
padding-top: 30px;
}
.qinlin-news-c li {
line-height: 45px;
border-bottom: 1px dashed #ddd;
}
.qinlin-news-c li span {
float: right;
color: #999;
}
.qinlin-news-r {
float: right;
width: 320px;
}
.qinlin-news-r dl {
margin: 0 0 25px;
}
.qinlin-news-r dt a {
display: block;
line-height: 60px;
background: url(../Images/wen02.gif) no-repeat 0 0;
padding: 0 40px 0 75px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.qinlin-news-r dd {
background: url(../Images/da.gif) no-repeat 0 0;
margin: 25px 0 0;
padding: 10px 100px 0 30px;
height: 50px;
}
.qinlin-about {
margin: 0;
}
.qinlin-about dd {
margin: 40px 0 0;
text-align: center;
}
.qinlin-about dd h4 {
margin: 0;
font-size: 16px;
}
.qinlin-about dd p {
margin: 10px 0 0;
}
.qinlin-about-2 {
font-size: 0;
text-align: center;
margin-top: 50px;
}
.qinlin-about-2 li {
display: inline-block;
font-size: 16px;
font-weight: bold;
padding: 0 20px;
}
.qinlin-about-2 li a {
display: block;
background: url(../Images/ab_k01.png) no-repeat center;
line-height: 73px;
width: 195px;
}
.qinlin-about-2 li img {
float: left;
width: 40px;
height: 40px;
margin-top: 17px;
}
.qinlin-about-2 li span {
display: block;
margin-left: 40px;
margin-right: 20px;
}
.qinlin-about-2 li a:hover {
background-image: url(../Images/ab_k02.png);
}
.qinlin-link {
padding: 10px 0 30px;
}
.qinlin-link h4 {
border-bottom: 1px solid #ddd;
margin: 0;
line-height: 55px;
font-size: 18px;
color: #093e5e;
}
.qinlin-link h4 small {
text-transform: uppercase;
font-size: 16px;
font-weight: normal;
color: #999;
}
.qinlin-link ul {
margin-left: -20px;
}
.qinlin-link li {
float: left;
margin-left: 20px;
margin-top: 20px;
}
.qinlin-footer {
background: url(../Images/f_bg.jpg) no-repeat center 0;
padding: 58px 0 0;
height: 213px;
color: #fff
}
.qinlin-footer a {
color: #c2c2c2;
}
.qinlin-footer a:hover {
color: #fff;
}
.qinlin-footer-logo {
float: left;
width: 250px;
}
.qinlin-footer-logo p {
margin: 5px 0 0;
}
.qinlin-footer-nav {
float: left;
width: 200px;
}
.qinlin-footer-nav li {
float: left;
width: 50%;
line-height: 38px;
}
.qinlin-footer-info {
float: left;
margin-left: 50px;
width: 430px;
}
.qinlin-footer-info p {
margin: 0;
line-height: 30px;
background: no-repeat 0 center;
padding-left: 28px;
}
.qinlin-footer-info p.i1 {
background-image: url(../Images/f_ico01.png);
}
.qinlin-footer-info p.i2 {
background-image: url(../Images/f_ico02.png);
}
.qinlin-footer-info p.i3 {
background-image: url(../Images/f_ico03.png);
}
.qinlin-footer-info p.i4 {
background-image: url(../Images/f_ico04.png);
}
.qinlin-footer-ewm {
float: right;
}
.qinlin-footer-ewm p {
margin: 0 0 0 20px;
float: left;
text-align: center;
}
.qinlin-footer-ewm p img {
width: 110px;
height: 110px;
display: block;
margin-bottom: 10px;
}
.qinlin-banner {
height: 350px;
background: no-repeat center;
}
.qinlin-banner a {
display: block;
width: 100%;
height: 100%;
}
.qinlin-sou {
padding: 20px 0;
border-bottom: 1px solid #ddd;
}
.qinlin-sou .hot {
float: left;
padding: 8px 0;
}
.qinlin-sou .hot a {
margin-right: 10px;
}
.qinlin-sou .hform {
float: right;
}
.qinlin-sou .hform input {
float: left;
font-size: 14px;
border: 0;
padding: 8px 10px;
line-height: 20px;
width: 240px;
}
.qinlin-sou .hform button {
border: 0;
border-bottom: 1px solid transparent;
padding: 0;
float: left;
cursor: pointer;
outline: none;
width: 49px;
height: 36px;
}
.qinlin-sou-inner {
background-color: #F2F2F2;
}
.qinlin-sou-inner .qinlin-sou {
border-bottom: 0;
}
.qinlin-sou-inner .hot {
padding: 6px 0;
}
.qinlin-sou-inner .hform {
background-color: #fff;
border-radius: 20px;
overflow: hidden;
}
.qinlin-sou-inner .hform input {
width: 240px;
background: none;
padding: 6px 15px;
}
.qinlin-sou-inner .hform button {
background: url(../Images/viskins-p1.png) no-repeat -258px -936px;
width: 30px;
height: 30px;
}
.qinlin-curmbs {
padding: 15px 0;
border-bottom: 1px dashed #dcdcdc;
margin-bottom: 20px;
}
.qinlin-curmbs span {
padding-left: 10px;
}
.qinlin-curmbs em {
font-style: normal;
padding: 0 5px;
color: #999;
}
.ct2-sd {
float: left;
width: 240px;
}
.ct2-mn {
float: right;
width: 930px;
}
.panel-sd-hd {
background-color: #093e5e;
color: #fff;
padding-bottom: 5px;
}
.panel-sd-hd h4 {
text-align: center;
border-bottom: 1px solid #fff;
margin: 0;
font-size: 24px;
padding: 20px 0;
}
.panel-sd-bd {
border: 1px solid #ececeb;
padding: 5px 10px;
border-top: 0;
}
.yunu-column h3 {
margin: 0 0 2px;
font-weight: normal;
background: url(../Images/p14-icon5.png) no-repeat right center #ececeb;
padding: 0 40px;
}
.yunu-column h3 a {
display: block;
line-height: 50px;
font-size: 18px;
color: #333;
}
.yunu-column h3.on,
.yunu-column h3:hover {
background: url(../Images/p14-icon2.png) no-repeat right center #093e5e;
}
.yunu-column h3.on a,
.yunu-column h3:hover a {
color: #fff;
}
.yunu-column li {
line-height: 50px;
border-bottom: 1px solid #fff;
}
.yunu-column li a {
display: block;
padding: 0 40px;
background-color: #ECECEC;
}
.yunu-column li.on a {
color: #093e5e;
}
.yunu-column li.on>a:after {
border-color: #093e5e;
}
.yunu-column .sub>a {
position: relative;
}
.yunu-column .sub>a:after {
content: '';
width: 8px;
height: 8px;
border: 2px solid #b8b8b8;
border-style: solid solid none none;
position: absolute;
top: 50%;
right: 32px;
margin-top: -4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.yunu-column .sub.open>a:after {
border-color: #093e5e;
}
.yunu-column .sub-box {
border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
display: none;
}
.yunu-column .sub.open .sub-box {
display: block;
}
.yunu-column .sub-box p {
margin: 0;
border-bottom: 1px solid #ECECEC;
}
.yunu-column .sub-box a {
background-color: transparent;
padding-left: 60px;
}
.qinlin-contact-z1 {
height: 140px;
background: url(../Images/contact-z1.jpg) no-repeat;
margin-bottom: 20px;
}
.qinlin-contact-z1 p {
margin: 0;
font-size: 20px;
line-height: 30px;
background: url(../Images/contact-z1_tel.png) no-repeat 74px 44px;
padding: 37px 0 0 95px;
}
.qinlin-contact-z1 span {
line-height: 30px;
font-size: 18px;
padding-left: 73px;
}
.qinlin-contact-z2 {
background-color: #093e5e;
text-align: center;
color: #fff;
padding: 20px;
margin-bottom: 20px;
}
.qinlin-contact-z2 p {
margin: 0;
}
.qinlin-contact-z2 p img {
vertical-align: middle;
margin-right: 5px;
}
.qinlin-contact-z2 span {
display: block;
font-size: 28px;
font-weight: bold;
margin-top: 10px;
line-height: 1;
}
.qinlin-pages {
text-align: center;
margin: 30px 0;
}
.qinlin-pages a {
display: inline-block;
margin: 0 3px;
border: 1px solid #ddd;
padding: 4px 12px;
border-radius: 3px;
}
.qinlin-pages a.active {
background-color: #093e5e;
border-color: #093e5e;
color: #fff;
}
.qinlin-title-1 {
border-bottom: 1px solid #ececeb;
height: 44px;
margin-bottom: 15px;
font-size: 24px;
}
.qinlin-title-1 span {
display: inline-block;
padding-bottom: 10px;
border-bottom: 1px solid #f68100;
}
.list-1 li {
border-bottom: 1px dashed #ddd;
margin-top: 15px;
padding-bottom: 15px;
overflow: hidden;
}
.list-1 li .m {
float: left;
width: 90px;
}
.list-1 li .m img {
display: block;
width: 100%;
height: auto;
}
.list-1 li .text {
margin-left: 100px;
}
.list-1 li .text h4 {
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.list-1 li .text p {
margin: 0;
font-size: 12px;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 18px;
}
.list-1 li .text span {
font-size: 12px;
color: #999;
}
.list-2 {
margin: 20px 0 0 -20px;
}
.list-2 li {
float: left;
width: 25%;
}
.list-2 li a {
display: block;
margin: 0 0 20px 20px;
border: 1px solid #ddd;
}
.list-2 li .m {
height: 162px;
line-height: 162px;
}
.list-2 li .text {
padding: 5px 20px;
}
.list-2 li h4 {
margin: 0;
font-size: 18px;
line-height: 45px;
height: 45px;
overflow: hidden;
font-weight: normal;
text-align: center;
}
.list-2 li a:hover {
border-color: #093e5e;
}
.list-2 li a:hover .text {
background-color: #093e5e;
color: #fff;
}
.list-2-1 li {
width: 25%;
}
.list-2-1 li .m {
height: 160px;
line-height: 160px;
}
.list-2-1 li h4 {
font-size: 16px;
line-height: 30px;
height: 30px;
}
.list-4 {
margin: 0 0 0 -20px;
}
.list-4 li {
float: left;
width: 25%;
}
.list-4 li a {
display: block;
margin: 0 0 20px 20px;
border: 1px solid #ececeb;
}
.list-4 li a:hover {
border-color: #093e5e;
}
.list-4 li .m {
padding: 10px;
height: 200px;
line-height: 200px;
}
.list-4 li .text {
padding: 5px 20px;
background-color: #F0F0F0;
}
.list-4 li .text h4 {
margin: 0;
font-size: 14px;
line-height: 45px;
height: 45px;
overflow: hidden;
font-weight: normal;
text-align: center;
}
.list-5 li {
margin-bottom: 15px;
}
.list-5 li a {
display: block;
border: 1px solid #ddd;
padding: 15px;
overflow: hidden;
}
.list-5 li .m {
float: left;
width: 250px;
}
.list-5 li .m img {
display: block;
width: 100%;
height: auto;
}
.list-5 li .text {
margin-left: 270px;
}
.list-5 li .text h4 {
margin: 0;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
}
.list-5 li .text h4 span {
float: right;
font-size: 12px;
color: #999;
font-weight: normal;
}
.list-5 li .text p {
color: #797979;
}
.list-5 li .text .more {
float: right;
padding: 6px 12px;
color: #fff;
background-color: #B6B6B6;
}
.list-5 li a:hover {
border-color: #093e5e;
}
.list-5 li a:hover .text h4 {
color: #093e5e;
}
.list-5 li a:hover .text .more {
background-color: #093e5e;
}
.list-5-1 li .m {
width: 380px;
}
.list-5-1 li .text {
margin-left: 400px;
}
.qinlin-infocontent {
margin-bottom: 30px;
}
.qinlin-infocontent-title {
margin-bottom: 20px;
text-align: center;
}
.qinlin-infocontent-title h1 {
margin: 0;
font-size: 24px;
}
.qinlin-infocontent-title p {
margin: 10px 0 0;
font-size: 12px;
color: #999;
}
.qinlin-infocontent-title p span {
padding: 0 5px;
}
.qinlin-infocontent-desc {
margin-bottom: 20px;
border: 1px solid #ddd;
padding: 20px;
}
.qinlin-infocontent-body {
line-height: 2;
margin-bottom: 20px;
}
.qinlin-infocontent-epx {
margin-bottom: 20px;
}
.qinlin-infocontent-epx li {
line-height: 32px;
margin-bottom: 5px;
}
.qinlin-infocontent-epx li span {
display: inline-block;
background-color: #A2A2A2;
color: #fff;
padding: 0 15px;
margin-right: 10px;
}
.qinlin-infocontent-epx li em {
float: right;
font-style: normal;
}
.qinlin-infocontent-return {
border-top: 1px solid #f68100;
line-height: 32px;
}
.qinlin-infocontent-return a {
margin-right: 10px;
}
.qinlin-infocontent-return .more {
margin: 0;
float: right;
background-color: #f68100;
color: #fff;
padding: 0 10px;
}
.qinlin-infocontent-rem {
margin-bottom: 20px;
}
.qinlin-infocontent-rem h4 {
margin: 0;
font-size: 24px;
line-height: 55px;
}
.qinlin-infocontent-rem li {
border-top: 1px dashed #dbdbdb;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 46px;
}
.qinlin-infocontent-rem li span {
float: right;
}
.qinlin-showcase {
padding: 20px;
margin-bottom: 20px;
border: 1px solid #ddd;
}
.qinlin-showcase-info {
float: right;
width: 460px;
}
.qinlin-showcase-info h1 {
margin: 0 0 15px;
font-size: 24px;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.qinlin-showcase-info p {
margin: 0;
color: #666;
height: 168px;
}
.qinlin-showcase-info .tel {
border-top: 2px solid #e6e6e6;
margin-top: 15px;
padding-top: 15px;
background: url(../Images/pc-xc-icon2.png) no-repeat 10px 15px;
height: 42px;
padding-left: 70px;
line-height: 21px;
font-size: 18px;
}
.qinlin-showcase-info .tel a {
float: right;
line-height: 42px;
padding: 0 15px;
background-color: #093e5e;
color: #fff;
}
.pc-slide {
width: 400px;
float: left;
}
.view {
border: 1px solid #ddd;
}
.view .swiper-slide .imgauto {
width: 100%;
height: 350px;
line-height: 350px;
}
.view .swiper-container {
width: 100%;
}
.preview {
width: 100%;
margin-top: 10px;
position: relative;
}
.preview .swiper-container {
width: 80%;
margin: 0 10%;
}
.preview .swiper-slide {
width: 30.33%;
padding: 5px;
}
.preview .swiper-slide .imgauto {
width: 100%;
height: 80px;
line-height: 78px;
border: 1px solid #ddd;
text-align: center;
}
.preview .swiper-slide .imgauto img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.preview .slide6 {
width: 82px;
}
.preview .arrow-left {
background: url(../Images/feel3.png) no-repeat left top;
position: absolute;
left: 10px;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 10;
}
.preview .arrow-right {
background: url(../Images/feel4.png) no-repeat left bottom;
position: absolute;
right: 10px;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 10;
}
.preview .active-nav .imgauto {
border: 1px solid #093e5e;
}
div.zoomDiv {
z-index: 999;
position: absolute;
top: 0;
left: 0;
background: #ffffff;
border: 1px solid #ddd;
display: none;
text-align: center;
overflow: hidden;
font-size: 0;
}
div.zoomMask {
position: absolute;
background: url(../Images/mask.png) repeat scroll 0 0 transparent;
cursor: move;
z-index: 1;
}
.qinlin-drst dl {
margin: 0 0 40px;
border: 1px solid #eee;
}
.qinlin-drst dt {
float: right;
width: 450px;
}
.qinlin-drst dt img {
display: block;
width: 100%;
height: auto;
}
.qinlin-drst dd {
margin: 0 450px 0 0;
padding: 60px 30px 30px;
position: relative;
}
.qinlin-drst dd span {
position: absolute;
top: -20px;
left: 20px;
text-transform: uppercase;
background: #f68100;
padding: 6px 15px;
border-radius: 5px;
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
font-weight: bold;
font-size: 20px;
color: #fff;
}
.qinlin-drst dd h4 {
margin: 0;
font-size: 28px;
color: #dbdbdb;
text-transform: uppercase;
}
.qinlin-drst dd p {
margin: 15px 0 0;
text-indent: 2em;
line-height: 1.8;
}
.qinlin-drst dl:nth-of-type(even) dt {
float: left;
}
.qinlin-drst dl:nth-of-type(even) dd {
margin: 0 0 0 450px;
}
.qinlin-drst dl:nth-of-type(even) dd span {
left: auto;
right: 20px;
}
.qinlin-drst dl:nth-of-type(even) dd h4 {
text-align: right;
}
.qinlin-ser {
margin: 0 0 20px -20px;
}
.qinlin-ser li {
float: left;
width: 33.333333%;
}
.qinlin-ser li a {
display: block;
border: 1px solid #ddd;
margin: 0 0 20px 20px;
padding: 15px;
}
.qinlin-ser li .img-center {
height: 160px;
line-height: 160px;
}
.qinlin-ser li .text {
font-weight: bold;
margin: 15px 0 0;
font-size: 16px;
}
.qinlin-ser li .text span {
float: right;
}
.qinlin-ser li a:hover {
border-color: #093e5e;
color: #093e5e;
}
.qinlin-table {
width: 100%;
border-collapse: collapse;
}
.qinlin-table td,
.qinlin-table th {
border: 1px solid #ddd;
padding: 10px;
text-align: center;
}
.qinlin-table td:first-child {
background-color: #f5f5f5;
}
.qinlin-menu-inner {
text-align: center;
margin-bottom: 20px;
}
.qinlin-menu-inner a {
float: left;
width: 14.2857142857%;
}
.qinlin-menu-inner span {
display: block;
margin-left: 1px;
background-color: #f4f4f4;
color: #333;
font-size: 18px;
line-height: 55px;
}
.qinlin-menu-inner a:hover span,
.qinlin-menu-inner a.active span {
background: url(../Images/p16-icon6.png) no-repeat center bottom #093e5e;
color: #fff;
}
.qinlin-about-1 .text {
float: left;
text-align: center;
width: 600px;
padding-top: 75px;
}
.qinlin-about-1 .text h4 {
margin: 0 0 20px;
font-size: 22px;
}
.qinlin-about-1 .text h4:after {
content: '';
display: block;
width: 105px;
margin: 10px auto 0;
background-color: #f68100;
height: 5px;
}
.qinlin-about-1 .text p {
line-height: 2;
}
.qinlin-about-1 .text .btn {
display: inline-block;
width: 110px;
line-height: 35px;
color: #fff;
background-color: #f68100;
border-radius: 5px;
}
.qinlin-about-1 .video {
width: 590px;
float: right;
}
.qinlin-about-3 {
margin: 0;
}
.qinlin-about-3 dt {
float: left;
padding: 10px;
background-color: #093e5e;
width: 588px;
}
.qinlin-about-3 dt img {
display: block;
width: 100%;
height: auto;
}
.qinlin-about-3 dd {
float: right;
width: 548px;
padding-top: 45px;
margin: 0;
}
.qinlin-about-3 dd p {
margin: 0;
line-height: 2;
text-indent: 2em;
}
.qinlin-about-3 dd ul {
overflow: hidden;
}
.qinlin-about-3 dd li {
float: left;
border-right: 1px solid #ddd;
line-height: 32px;
text-align: center;
margin-top: 20px;
width: 180px;
font-weight: bold;
}
.qinlin-about-3 dd li img {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.qinlin-about-4 {
margin: 0;
}
.qinlin-about-4 dt {
float: right;
width: 298px;
}
.qinlin-about-4 dd {
margin: 0 298px 0 0;
}
.qinlin-about-4 ul {
overflow: hidden;
}
.qinlin-about-4 li {
float: left;
border: 1px solid #ddd;
padding: 15px;
margin-right: 2px;
margin-bottom: 2px;
width: 266px;
}
.qinlin-about-4 li img {
display: block;
margin: 0 auto;
}
.qinlin-about-4 li h4 {
font-size: 16px;
margin: 15px 0;
text-align: center;
}
.qinlin-about-4 li p {
margin: 0;
color: #666;
line-height: 1.7;
height: 69px;
overflow: hidden;
}
.qinlin-about-5 .item {
height: 291px;
background: no-repeat center;
}
.qinlin-about-5 .item img {
float: right;
width: 600px;
height: 291px;
}
.qinlin-about-5 .item .text {
margin-right: 600px;
padding: 40px 30px 30px 100px;
}
.qinlin-about-5 .item .text h4 {
margin: 15px 0;
color: #f68100;
font-size: 0;
padding-bottom: 10px;
overflow: hidden;
}
.qinlin-about-5 .item .text h4 span {
display: block;
font-size: 24px;
}
.qinlin-about-5 .item .text h4:after {
content: '';
display: inline-block;
background: #f68100;
width: 50px;
height: 3px;
vertical-align: top;
}
.qinlin-about-5 .item .text p {
font-size: 16px;
color: #666;
}
.qinlin-about-5 .item .text p span {
color: #f68100;
margin-right: 10px;
}
.qinlin-about-5 .item:nth-of-type(even) img {
float: left;
}
.qinlin-about-5 .item:nth-of-type(even) .text {
margin: 0 0 0 600px;
padding-right: 100px;
padding-left: 30px;
text-align: right;
}
.qinlin-about-5 .item:nth-of-type(even) .text p span {
margin-left: 10px;
margin-right: 0;
}
.qinlin-contact li {
float: left;
width: 530px;
border-bottom: 1px dashed #e9e9e9;
padding: 0 0 14px 70px;
background: no-repeat 0 0;
line-height: 45px;
margin-bottom: 15px;
}
.qinlin-map {
height: 360px;
}
.qinlin-message {
background: url(../Images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
border: 1px solid #ddd;
padding: 50px 200px;
margin-bottom: 30px;
}
.form-group {
margin-bottom: 15px;
}
.form-label {
float: left;
line-height: 34px;
width: 120px;
text-align: right;
}
.form-label span {
color: #e50112;
}
.form-content {
margin-left: 130px;
}
.form-control {
line-height: 20px;
font-size: 14px;
border: 1px solid #ddd;
padding: 6px 12px;
width: 600px;
display: inline-block;
vertical-align: top;
font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
select.form-control {
height: 34px;
}
.form-submit {
padding: 6px 22px;
color: #fff;
background-color: #093e5e;
border: 0;
cursor: pointer;
font-size: 16px;
border-radius: 3px;
}
.form-button {
padding: 6px 22px;
color: #fff;
background-color: #767676;
border: 0;
cursor: pointer;
font-size: 16px;
border-radius: 3px;
}
#message {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1000;
transform: scale(0);
transition: .3s;
}
.messagebg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
z-index: 1001;
}
#message .m-content {
margin-top: 10%;
}
#message .m-content .m-message {
background: #fff;
width: 580px;
background: #fff;
padding: 50px;
margin: 0 auto;
position: relative;
z-index: 1002;
box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}
.m-message {
width: 494px;
margin: 48px auto 0;
}
.m-message label {
margin-bottom: 15px;
display: block;
font-size: 14px;
}
.m-message label em {
display: block;
float: right;
color: red;
height: 32px;
line-height: 32px;
}
.m-message label span {
width: 70px;
height: 34px;
line-height: 34px;
color: #2F2F2F;
float: left;
font-weight: bold;
text-align: right;
margin-right: 30px;
display: inline-block;
}
.m-message label input.inp,
.m-message label textarea,
.m-message label.code input {
width: 77%;
overflow: hidden;
height: 32px;
line-height: 32px;
border: #cccccc 1px solid;
border-radius: 3px;
padding: 0 14px;
box-sizing: border-box;
color: #555;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.m-message label input:focus,
.m-message label textarea:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(247, 150, 0, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(247, 150, 0, .6);
}
.m-message label textarea {
height: 72px;
line-height: 24px;
padding: 10px 14px;
}
.m-message label.code {
line-height: 34px;
}
.m-message label.code input {
width: 30%;
float: left;
margin-right: 30px;
}
.m-message label.code .pic {
display: inline-block;
vertical-align: top;
width: 80px;
height: 32px;
}
.m-message label.code img {
display: block;
width: 100%;
height: 100%;
}
.btn-1 input {
width: 52px;
height: 32px;
line-height: 32px;
background: #e8e8e8;
border: none;
color: #333;
margin-right: 22px;
cursor: pointer;
transition: 0.3s;
}
.btn-1 {
padding-left: 100px;
}
.btn-1 input.focus {
background: #093e5e;
color: #fff;
}
.btn-1 input.focus:hover {
background: #444;
}
.btn-1 input:hover {
background: #ccc;
}
.gduo {
height: 30px;
line-height: 30px;
background: #f7f7f7;
overflow: hidden;
margin: 15px 0px;
padding: 0 10px;
}
.gduo span {
float: right;
width: 320px;
overflow: hidden;
height: 30px;
display: block;
}
.gduo a {
font-weight: bold;
}
.pages {
text-align: center;
margin-bottom: 10px;
}
.met_pager a {
margin-right: 10px;
height: 30px;
line-height: 30px;
text-align: center;
color: #666;
background: #fff;
border-color: #ddd;
border-width: 1px;
border-style: solid;
border-radius: 3px;
padding: 5px 10px;
}
.met_pager a.Ahover {
color: #03a4ac;
}
.qinlin-infocontent-epx {
margin-bottom: 1rem;
}
.qinlin-infocontent-epx li {
line-height: 1rem;
margin-bottom: 0.75rem;
}
.qinlin-infocontent-epx li span {
background-color: #a2a2a2;
color: #fff;
padding: 0 0.25rem;
font-size: 0.6rem;
float: left;
}
.qinlin-infocontent-epx li a {
display: block;
margin-left: 2.75rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pages { clear:both; padding:20px 45px 0 0; color:#444; }
.pages a { color:#444; }
.pages a:hover { color:#f60; font-weight:bold }
.pages ul { text-align:right;list-style:none }
.pages li { display:inline; margin-left:8px;list-style:none }