@charset "utf-8";
/* CSS Document */
/* Reset */
* {
margin: 0;
padding: 0;
}
a:link,
a:visited,
a:hover,
a:active {
text-decoration: none;
cursor: pointer;
color: #fff;
}
a:hover,
a:active {
color: #fff;
}
body {
font: 14px "Microsoft Yahei", "Thmano", "Arial";
color: #fff;
background: #fff;
line-height: 26px;
min-width: 1200px;
}
img {
border: 0px;
}
li {
list-style: none;
float: left;
}
input,
textarea,
select {
font: 12px/1.5 "Microsoft Yahei", "Thmano", "Arial";
color: #999;
outline: 0;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.clearfix {
*+height: 1%;
}
.index-top {
position: relative;
min-width: 1200px;
/* max-height: 500px;
min-height: 200px; */
}
.index-nav {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 60px;
background: rgb(14, 13, 13, 0.3);
line-height: 60px;
}
.index-son {
background-color: rgb(97, 94, 94, 0.98);
display: none;
}
.index-nav>div {
width: 1150px;
margin: 0 auto;
display: flex;
justify-content: space-between;
position: relative;
}
.index-nav>div a:hover {
color: rgb(212, 14, 14);
}
.index-nav>div ul li:hover {
background-color: rgba(143, 138, 138, 0.98);
}
.morepro {
width: 100%;
position: absolute;
background-color: rgba(97, 94, 94, 0.98);
top: 60px;
left: 0;
}
.morepro>div {
display: flex;
flex-wrap: wrap;
width: 1150px;
margin: 0 auto;
}
.morepro ul {
width: 230px;
}
.morepro ul .p {
text-align: left;
margin-left: 10px;
line-height: 60px;
height: 50px;
font-size: 16px;
width: 200px!important;
border-bottom: 1px solid burlywood;
}
.morepro ul li {
text-align: left!important;
margin-left: 10px;
width: 220px!important;
overflow: hidden;
height: 40px;
line-height: 40px;
}
.morepro1 {
width: 100%;
position: absolute;
top: 70px;
left: 0;
background-color: rgb(97, 94, 94, 0.98);
z-index: 99999999999;
}
.morepro1>div {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
width: 1150px;
}
.morepro1 ul {
width: 230px!important;
text-align: left;
z-index: 99999999999;
}
.morepro1 ul a {
display: inline;
}
.morepro1 ul a:hover {
color: red;
}
.morepro1 ul .p {
text-align: left;
margin-left: 10px;
line-height: 60px;
height: 50px;
font-size: 16px;
width: 200px!important;
border-bottom: 1px solid burlywood;
}
.morepro1 ul li {
text-align: left!important;
margin-left: 10px;
width: 220px!important;
overflow: hidden;
height: 40px;
line-height: 40px;
}
.index-nav>div ul li {
width: 120px;
text-align: center;
}
.index-nav>div ul li:hover {
/* background-color: rgb(0, 0, 0, 0.5); */
}
.index-nav>div ul li:hover .index-son {
display: block;
}
.index-con {
width: 800px;
padding-top: 50px;
margin: 0 auto;
text-align: center;
height: 300px;
}
.index-ce {
width: 1100px;
margin: 30px auto;
text-align: center;
}
.index-ce>div {
display: flex;
width: 100%;
margin-top: 30px;
justify-content: space-between;
}
.index-ce>div>div {
width: 200px;
height: 300px;
text-align: center;
}
.index-ce>div h4 {
color: #666666;
font-size: 18px;
margin-top: 15px;
}
.index-ce>div p {
color: #666666;
font-size: 16px;
margin-top: 15px;
}
.index-ter {
width: 100%;
margin-top: 50px;
height: 630px;
background-color: #F7F7F7;
}
.index-ter .cen {
display: flex;
justify-content: space-between;
margin-top: 35px;
}
.index-ter .cen>div {
width: 350px;
height: 150px;
border: 1px silver solid;
display: flex;
justify-content: space-between;
padding: 1px;
}
.index-ter .cen>div a {
color: rgb(31, 30, 30);
font-size: 12px;
}
.index-ter .cen>div img {
margin-top: 40px;
}
a:hover {
color: #2D91EC;
}
.index-ter .cen>div:hover {
border: 2px solid #2D91EC;
padding: 0px;
}
.index-ter .cen>div a:hover {
color: #2D91EC;
}
.index-ter .cen>div:hover>div>div {
display: block;
}
.index-ter .cen>div>div {
width: 45%;
height: 100%;
position: relative;
}
.index-ter .cen>div>div>div {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
}
.index-ter .cen>div ul {
width: 55%;
margin-top: 8px;
color: silver;
}
.index-ter .cen>div ul h4 {
text-align: left;
color: black;
height: 30px;
font-weight: 550px;
font-size: 16px;
}
.index-ter .cen>div ul li {
float: none;
text-align: left;
height: 20px;
}
.index-ter>div {
width: 1100px;
text-align: center;
margin: 20px auto;
}
.index-ter .index-case {
width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.index-ter .index-case .case1 {
width: 270px;
}
.index-ter .index-case .case2 {
width: 810px;
height: 470px;
position: relative;
}
.index-ter .index-case .case2 p {
position: absolute;
width: 790px;
height: 55px;
left: 0;
bottom: 0px;
line-height: 55px;
background: rgb(48, 46, 46, 0.7);
text-align: left;
padding-left: 20px;
}
.index-ter .index-case .case2 p span {
position: absolute;
top: 0;
right: 0;
height: 55px;
width: 80px;
text-align: center;
background-color: #2D91EC;
}
.index-ter .index-case .case1 a {
width: 250px;
padding-left: 20px;
display: block;
height: 70px;
text-align: left;
background-color: white;
color: black;
margin-bottom: 10px;
font-family: 微软雅黑;
}
.swiper-container {
width: 1100px;
height: 300px;
color: black;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* 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;
}
.index-ter .index-case .case1 .a {
color: silver;
}
.index-ter .index-case .case1 li {
float: none;
height: 35px;
}
.index-ter .index-case .case1 #active,
.index-ter .index-case .case1 #active .a {
background-color: #2D91EC;
color: white;
}
.index-ter .index-case .case1 a:hover,
.index-ter .index-case .case1 a:hover .a {
background-color: #2D91EC;
color: white;
}
.clear {
clear: both;
}
#baiduMap {
border: 2px solid #222c50;
}
/*head*/
.head {
width: 100%;
}
.head .top {
height: 96px;
width: 1000px;
margin: 0 auto;
}
.head .logo {
margin-top: 10px;
}
.head .logo a {
display: block;
float: left;
}
.head .logo .logo-r {
border-left: 1px solid #bababa;
padding-left: 15px;
margin-left: 15px;
float: left;
height: 60px;
padding-top: 5px;
}
.head .logo h3 {
font-size: 22px;
color: #cf1209;
}
.head .logo h4 {
font-size: 18px;
color: #222c50;
}
.head .tel {
height: 50px;
margin-top: 23px;
text-align: right;
padding-right: 74px;
background: url(/template/yiqi/images/tel.png) no-repeat right center;
color: #222c50;
font-size: 18px;
line-height: 18px;
}
.head .tel span {
color: #d90000;
font-weight: bold;
font-size: 30px;
display: block;
line-height: 28px;
line-height: 32px;
}
.head .nav {
height: 70px;
width: 100%;
/* background: url(/template/yiqi/images/nav-bg.png); */
background-color: #2D91EC;
position: relative;
}
.head .nav ul {
width: 1000px;
margin: 0 auto;
}
.head .nav #nav li {
position: relative;
z-index: 20;
}
.head .nav #nav li:hover,
.head .nav #nav li.cur {
background: url(/template/yiqi/images/nav-hover.jpg) no-repeat center center;
background-size: 100% 100%;
}
.head .nav #nav li.index {
/* background: url(/template/yiqi/images/home.png) no-repeat center center; */
}
.head .nav #nav li>a {
width: 142px;
height: 70px;
display: block;
text-align: center;
line-height: 70px;
}
.head .nav #nav dl {
position: absolute;
z-index: 99;
width: 100%;
background: rgb(97, 94, 94, 0.98);
top: 70px;
left: 0;
display: none;
}
.head .nav #nav dd a {
display: block;
height: 40px;
line-height: 40px;
width: 100%;
text-align: center;
}
.head .nav #nav dd a:hover {
background: #cf120a;
}
/*banner*/
.banner {
width: 100%;
overflow: hidden;
position: relative;
height: 500px;
background: #222c50;
}
.banner ul {
position: absolute;
height: 500px;
}
.banner li {
width: 100%;
height: 500px;
float: left;
text-align: center;
}
.banner .tip,
.minbanner .tip {
position: absolute;
bottom: 16px;
left: 50%;
margin-left: 420px;
width: 88px;
height: 12px;
z-index: 10;
}
.banner .tip em,
.minbanner .tip em {
display: block;
height: 16px;
width: 16px;
background: url(/template/yiqi/images/banner-tip.png) no-repeat 0 -30px;
float: left;
margin: 0 5px;
cursor: pointer;
float: left;
}
.banner .tip .cur,
.minbanner .tip .cur {
background: url(/template/yiqi/images/banner-tip.png) no-repeat 0 0;
}
/*minbanner*/
.minbanner {
height: 400px;
width: 100%;
overflow: hidden;
position: relative;
background: #222c50;
}
.minbanner ul {
height: 400px;
}
.minbanner li {
width: 100%;
height: 400px;
position: relative;
overflow: hidden;
z-index: 10;
}
.minbanner li img {
position: absolute;
left: 50%;
margin-left: -960px;
height: 400px;
width: 1920px;
z-index: 10;
}
.banneryy {
background: url(/template/yiqi/images/main-top.png) no-repeat center top;
height: 20px;
width: 100%;
}
/*ks*/
.kswrap {
width: 100%;
height: 54px;
background: #2D91EC;
}
.kn {
height: 54px;
width: 1000px;
margin: 0 auto;
}
.kn .list {
height: 54px;
line-height: 54px;
width: 700px;
}
.kn .list span {
float: left;
}
.kn .box {
height: 24px;
width: 500px;
overflow: hidden;
position: relative;
float: left;
margin: 15px 5px;
}
.kn .box ul {
position: absolute;
top: 0;
left: 0;
line-height: 24px;
width: 100%;
}
.kn .box li {
height: 24px;
width: 100%;
}
.kn .search {
width: 236px;
height: 28px;
line-height: 28px;
margin-top: 16px;
}
#SearchTxt {
width: 188px;
padding-left: 16px;
border: none;
background: #fff;
height: 27px;
line-height: 27px;
float: left;
}
#Searchs {
width: 27px;
height: 27px;
background: url(/template/yiqi/images/tip.png) no-repeat -1px -260px;
border: none;
float: left;
margin-left: 4px;
cursor: pointer;
}
/*main*/
.main {
width: 100%;
padding: 52px 0 42px;
}
/*product*/
.pro {
width: 1000px;
/* height:550px; */
margin: 0 auto;
}
.prolist {
width: 250px;
}
.prolist .title {
width: 100%;
height: 98px;
background: url(/template/yiqi/images/left.png) no-repeat;
text-align: center;
}
.prolist .title h3 {
height: 98px;
line-height: 98px;
font-size: 24px;
font-weight: bold;
}
.prolist .sidenav {
width: 100%;
padding-bottom: 43px;
background: url(/template/yiqi/images/left.png) no-repeat -250px bottom;
}
.prolist ul {
width: 100%;
background: url(/template/yiqi/images/left-repeat.jpg) repeat-y;
padding: 16px 0 12px;
}
.prolist li {
height: 40px;
line-height: 40px;
margin: 6px 0 0 16px;
width: 214px;
border: 1px solid #ababab;
position: relative;
z-index: 2;
}
.prolist li:hover,
.prolist li.cur {
background: url(/template/yiqi/images/left-li.jpg) repeat-x;
border: none;
width: 216px;
height: 42px;
}
.prolist li:hover a,
.prolist li.cur a {
color: #fff;
}
.prolist li a {
display: block;
height: 42px;
width: 100%;
text-align: center;
color: #222c50;
}
.prolist li a:hover {
color: #fff;
}
.prolist li .drop {
width: 200px;
background: rgb(97, 94, 94, 0.98)!important;
position: absolute;
left: 216px;
display: none;
top: 0;
text-align: center;
}
.prolist li .drop dd {
display: block;
height: 30px;
}
.prolist li .drop a {
display: block;
height: 30px;
line-height: 30px;
color: #fff;
}
.prolist li .drop a:hover {
background: #df120f;
}
.prolist .func {
width: 100%;
height: 160px;
background: url(/template/yiqi/images/left.png) no-repeat -500px 0;
}
.prolist .func .tel {
width: 172px;
padding-left: 50px;
padding-top: 48px;
margin: 0 auto;
height: 46px;
font-size: 20px;
line-height: 26px;
}
.prolist .func .tel span {
font-weight: bold;
}
.prolist .func a {
display: block;
height: 24px;
line-height: 24px;
width: 98px;
border: 2px solid #fff;
float: left;
background: #222C50;
text-align: center;
margin-left: 15px;
margin-top: 20px;
}
.prolist .func a:hover {
background: #fff;
color: #212c52;
}
.title1 {
width: 100%;
height: 62px;
background: url(/template/yiqi/images/title-bg.png) no-repeat center top;
text-align: center;
}
.title1 h3 {
font-size: 26px;
color: #da0c0c;
line-height: 1.4;
}
.title1 h6 {
font-size: 24px;
color: #222c50;
font-weight: normal;
text-transform: uppercase;
}
/*proshow*/
.proshow {
width: 734px;
}
.proshow ul {
width: 100%;
}
.proshow li {
width: 230px;
height: 214px;
background: #d8d8d8;
margin: 12px 7px 0;
}
.proshow li .img {
width: 224px;
height: 164px;
margin: 3px auto 0;
display: block;
position: relative;
overflow: hidden;
}
.proshow li img {
width: 224px;
height: 164px;
position: absolute;
}
.proshow li .topic {
height: 44px;
width: 100%;
overflow: hidden;
}
.proshow li .topic span {
display: block;
width: 100%;
height: 44px;
line-height: 44px;
text-align: center;
color: #323b5b;
}
.proshow li .more {
display: none;
height: 44px;
width: 73px;
background: url(/template/yiqi/images/tip.png) no-repeat 0 -300px;
margin-top: 3px;
}
.proshow li:hover {
background: #323b5b;
}
.proshow li:hover span {
color: #fff;
text-align: left;
margin-left: 10px;
width: 130px;
float: left;
}
.proshow li:hover .more {
display: block;
float: right;
}
/*mintel*/
.mintel-wrap {
width: 100%;
height: 124px;
background: #212d50;
margin-top: 60px;
}
.mintel {
width: 1000px;
height: 124px;
margin: 0 auto;
}
.mintel img {
margin-top: -20px;
float: left;
}
.mintel .tel {
float: left;
margin-top: 30px;
}
.mintel .tel {
font-size: 25px;
}
.mintel .tel span {
display: block;
font-size: 36px;
font-weight: bold;
line-height: 36px;
}
.mintel .func {
float: right;
margin-top: 32px;
}
.mintel .func h6 {
font-size: 16px;
font-weight: bold;
line-height: 30px;
}
.mintel .func a {
display: block;
height: 24px;
width: 98px;
border: 3px solid #fff;
float: left;
margin-right: 10px;
text-align: center;
line-height: 24px;
background: url(/web/20220106172909im_/about:blank);
}
.mintel .func a:hover {
background: #fff;
color: #212d50;
}
/*case*/
.case-wrap {
width: 100%;
height: 470px;
background: #f1f1f1;
margin-top: 52px;
}
.case {
width: 1000px;
margin: 0 auto;
padding-top: 34px;
}
.case .scroll {
position: relative;
height: 272px;
width: 1000px;
overflow: hidden;
margin-top: 22px;
}
.case ul {
position: absolute;
height: 272px;
}
.case li {
width: 248px;
height: 272px;
background: #fff;
text-align: center;
color: #0a0c02;
margin-right: 2px;
}
.case li .topic {
height: 73px;
width: 100%;
padding-top: 13px;
}
.case li .topic h6 {
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}
.case li .topic h4 {
background: url(/template/yiqi/images/case-title.png) no-repeat center center;
}
.case li .topic h4 a {
font-weight: normal;
color: #222c50;
}
.case li .topic .more {
display: block;
width: 11px;
height: 11px;
background: url(/template/yiqi/images/case-more.jpg) no-repeat;
margin: 8px auto 0;
}
.case li:hover .more {
background: url(/template/yiqi/images/case-hover.jpg) no-repeat;
}
.case li .img {
width: 248px;
height: 186px;
display: block;
}
.case li img {
width: 248px;
height: 186px;
}
.case .tip {
width: 100px;
height: 26px;
margin: 28px auto 0;
}
.case .tip a {
display: block;
height: 26px;
width: 46px;
float: left;
margin-right: 3px;
}
.case .tip .btn-l {
background: url(/template/yiqi/images/tip.png) no-repeat 0 -50px;
}
.case .tip .btn-l:hover {
background: url(/template/yiqi/images/tip.png) no-repeat 0 -81px;
}
.case .tip .btn-r {
background: url(/template/yiqi/images/tip.png) no-repeat -56px -50px;
}
.case .tip .btn-r:hover {
background: url(/template/yiqi/images/tip.png) no-repeat -56px -81px;
}
/*about*/
.about {
width: 1000px;
height: 310px;
padding-top: 68px;
margin: 0 auto;
}
.about .img {
height: 240px;
width: 320px;
border: 2px solid #da0e0b;
position: relative;
left: 20px;
top: 20px;
}
.about .img img {
height: 240px;
width: 320px;
position: absolute;
top: -20px;
left: -20px;
}
.about .cont {
width: 626px;
height: 268px;
}
.about .title2 {
height: 52px;
background: url(/template/yiqi/images/title-bottom.png) repeat-x 0 40px;
}
.about .title2 .tt {
padding-left: 40px;
background: #fff url(/template/yiqi/images/tip.png) no-repeat -60px -120px;
height: 60px;
width: 140px;
}
.about .title2 h3 {
font-size: 26px;
color: #da0c0c;
line-height: 26px;
}
.about .title2 h6 {
font-size: 24px;
font-weight: bold;
color: #222c50;
}
.about .title2 h6 span {
color: #da0c0c;
}
.about p {
line-height: 28px;
color: #666;
margin-top: 30px;
}
.about .more {
width: 106px;
height: 42px;
line-height: 42px;
text-align: center;
background: #222c50;
display: block;
float: right;
}
.about .more:hover {
background: #da0c0c;
}
/*news*/
.news {
width: 1000px;
height: 550px;
margin: 0 auto;
}
.news .title1 {
margin-bottom: 32px;
}
.news .scroll {
height: 408px;
width: 460px;
background: #212d50;
border: 4px solid #212d50;
position: relative;
}
.news .box {
height: 344px;
width: 100%;
position: relative;
overflow: hidden;
}
.news .box ul {
position: absolute;
top: 0;
left: 0;
height: 344px;
}
.news .box li,
.news .box li img {
width: 460px;
height: 344px;
}
.news .tip {
width: 84px;
height: 15px;
margin: 28px auto 0;
}
.news .tip em {
width: 15px;
height: 15px;
background: url(/template/yiqi/images/tip.png) no-repeat 0 -120px;
display: block;
float: left;
margin: 0 5px;
cursor: pointer;
}
.news .tip em.cur,
.news .tip em:hover {
background: url(/template/yiqi/images/tip.png) no-repeat -21px -120px;
}
.news .btn-l,
.news .btn-r {
position: absolute;
top: 356px;
display: block;
height: 44px;
width: 22px;
}
.news .btn-l {
background: url(/template/yiqi/images/tip.png) no-repeat;
left: 70px;
}
.news .btn-r {
background: url(/template/yiqi/images/tip.png) no-repeat -51px 0;
right: 70px;
}
.newslist {
width: 500px;
height: 416px;
}
.newslist li {
width: 100%;
height: 126px;
margin-bottom: 20px;
}
.newslist li:hover .cont {
background: url(/template/yiqi/images/list-cur.png) no-repeat left top;
}
.newslist li img {
height: 126px;
width: 168px;
float: left;
}
.newslist li .cont {
width: 306px;
padding-left: 24px;
float: left;
border: 1px solid #e2e2e2;
border-left: none;
height: 124px;
}
.newslist li h5 {
font-size: 18px;
font-weight: bold;
color: #2b3e80;
line-height: 58px;
}
.newslist li h5 a {
color: #2b3e80;
}
.newslist li h5 a:hover {
color: #da0c0c;
}
.newslist li p {
color: #343434;
}
.title3 {
padding-left: 26px;
height: 36px;
background: url(/template/yiqi/images/tip.png) no-repeat -60px -200px;
}
.title3 h3 {
font-size: 18px;
font-weight: bold;
line-height: 18px;
}
.title3 h6 {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
/*foot*/
.foot {
width: 100%;
height: 250px;
background-color: rgb(63, 61, 61);
}
.foot h4 {
text-align: center;
font-size: 22px;
line-height: 30px;
padding-top: 40px;
}
.foot h5 {
font-size: 16px;
margin-bottom: 15px;
}
.foot .foot-nav {
width: 1000px;
margin: 0 auto;
margin-top: 30px;
display: flex;
justify-content: space-between;
}
.foot .foot-nav>div {
width: 400px;
}
.foot .foot-nav .nav li {
width: 130px;
}
.foot .foot-nav .phone li {
width: 200px;
}
.sitecopyright {
width: 1000px;
padding-top: 20px;
margin: 0 auto;
text-align: center;
}
.foot-link {
width: 100%;
height: 50px;
line-height: 50px;
background-color: #F7F7F7;
color: black;
}
.foot-link a {
color: black;
}
.foot-link p a {
margin-right: 20px;
}
.foot-link p {
display: inline-block;
width: 990px;
height: 50px;
overflow: hidden;
}
.foot-link>div {
width: 1200px;
margin: 0 auto;
height: 50px;
display: flex;
justify-content: space-between;
}
.foot-link>div span {
font-size: 16px;
}
.links,
.keywords {
padding-top: 46px;
background: url(/template/yiqi/images/bottom-line.png) no-repeat left 24px;
height: 260px;
padding-left: 36px;
}
.links {
width: 260px;
}
.keywords {
width: 300px;
}
.links ul,
.keywords ul {
margin-top: 10px;
}
.links li {
width: 118px;
margin-right: 10px;
height: 30px;
line-height: 30px;
}
.links li a:hover {
font-weight: bold;
}
.keywords li {
width: 140px;
margin-right: 10px;
height: 30px;
line-height: 30px;
}
.keywords li a:hover {
font-weight: bold;
}
.copy-wrap {
width: 100%;
height: 66px;
background: #141a2d;
}
.copy {
width: 1000px;
height: 58px;
margin: 0 auto;
padding: 4px 0;
}
.copy p {
width: 900px;
float: left;
line-height: 26px;
}
.copy .gotop {
float: right;
height: 16px;
width: 34px;
text-align: center;
background: url(/template/yiqi/images/tip.png) no-repeat -37px -258px;
padding-top: 24px;
margin-top: 14px;
text-transform: uppercase;
}
/*page*/
.page {
width: 1010px;
margin: 0 auto;
min-height: 400px;
padding: 10px 0 30px;
}
.page .right .nodata {
background: url(/template/yiqi/images/No-data2.jpg) no-repeat;
height: 400px;
}
.page .right {
width: 740px;
min-height: 400px;
color: #666;
}
.page .right p {
padding: 10px;
line-height: 26px;
color: #666;
}
.title4 {
width: 100%;
height: 40px;
line-height: 40px;
border-bottom: 2px solid #222c50;
}
.title4 h3 {
color: #323b5c;
}
.title4 a {
color: #666;
}
.title4 a:hover {
color: #da0c0c;
}
.page .sitepath {
line-height: 40px;
}
/* listNews */
.listNews {
margin-top: 16px;
overflow: hidden;
}
.listNews li.item {
width: 100%;
border-bottom: 1px dashed #d0d0d0;
}
.listNews li.item a {
float: left;
height: 30px;
margin: 6px 0;
line-height: 30px;
padding-left: 10px;
border-left: 0px solid #222c50;
display: block;
color: #666;
}
.listNews li.item a:hover {
color: #222c50;
}
.listNews li.item span {
float: right;
margin-right: 10px;
color: #7e7e7e;
margin-top: 14px;
}
/* listNews2 */
.listNews2 {
margin-top: 16px;
overflow: hidden;
padding-right: 20px;
}
.listNews2 li {
float: left;
padding: 10px 0;
width: 100%;
border-bottom: 1px dotted #ddd;
}
.listNews2 li .img {
float: left;
width: 150px;
height: 110px;
border: 2px solid #cccccc;
background: #FFF;
}
.listNews2 li .img img {
width: 150px;
height: 110px;
}
.listNews2 li .img:hover {
border: 2px solid #222c50;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.listNews2 li .wd {
width: 546px;
float: right;
}
.listNews2 li .tit {
height: 25px;
font-size: 14px;
line-height: 20px;
color: #1b7200;
}
.listNews2 li .tit a {
color: #666;
}
.listNews2 li .tit a:hover {
color: #222c50;
}
.listNews2 li .mark {
height: 20px;
color: #999;
}
.listNews2 li .summary {
line-height: 22px;
height: 66px;
overflow: hidden;
}
.listNews2 li .summary a.more {
margin-left: 15px;
color: #222c50;
}
.listNews2 li .summary a.more:hover {
text-decoration: underline;
}
/* pageNews */
.pageNews {
padding: 0 20px;
}
.pageNews .tit {
font-size: 18px;
line-height: 24px;
padding: 15px 0;
text-align: center;
}
.pageNews .mark {
height: 30px;
line-height: 30px;
text-align: center;
margin-bottom: 20px;
color: #999;
border-bottom: 1px dashed #ccc;
border-top: 1px dashed #ccc;
}
.pageNews .mark span,
.pageNews .main .mark a.msg {
margin: 0 7px;
}
.pageNews .mark .font a {
margin: 0 3px;
color: #ccc;
}
.pageNews .mark .font a:hover,
.pageNews .main .mark .font a.cur {
color: #222c50;
}
.pageNews .mark a.msg {
width: 40px;
height: 20px;
line-height: 20px;
display: inline-block;
background: url(/template/yiqi/images/web/t.png) -31px 0 no-repeat;
color: #1b7200;
}
.pageNews .photo {
overflow: hidden;
text-align: center;
margin-bottom: 20px;
}
.pageNews .photo img {
max-width: 580px;
padding: 5px;
border: 1px solid #ccc;
background: #FFF;
}
.pageNews .info {
margin-bottom: 40px;
}
.pageNews .info img {
max-width: 652px;
}
.pageNews .info p {
margin-bottom: 10px;
line-height: 2;
text-indent: 2em;
}
.relatedLink {
width: 696px;
height: 40px;
border: 1px solid #c8c8c8;
line-height: 40px;
padding: 0 10px;
margin: 0 auto;
}
.relatedLink .prevLink {
float: left;
}
.relatedLink .nextLink {
float: right;
}
.relatedLink a {
color: #666;
}
.relatedLink a:hover {
color: #222c50;
}
/* pageProduct */
.pageProduct {
margin-top: 16px;
padding: 10px;
}
.pageProduct .photo {
width: 410px;
float: left;
}
.pageProduct .photo img {
width: 400px;
height: 300px;
display: block;
border: 1px solid #222c50;
padding: 4px;
}
.pageProduct .photo i {
display: block;
margin-bottom: 10px;
width: 410px;
height: 310px;
}
.pageProduct .photo span {
display: block;
width: 430px;
background: #efe6cd;
height: 30px;
line-height: 30px;
color: #671763;
font-weight: 700;
}
.pageProduct .m {
width: 676px;
padding: 10px 0;
}
.pageProduct div.ts {
font-size: 14px;
font-weight: 700;
height: 25px;
border-bottom: 1px solid #ddd;
}
.pageProduct div.infor {
padding-top: 10px;
margin-bottom: 10px;
line-height: 24px;
}
.pageProduct .info {
margin: 20px 0;
}
.pageProduct .wd {
float: right;
width: 280px;
height: 285px;
overflow: hidden;
padding: 10px;
}
.pageProduct .wd h1 {
font-size: 16px;
font-weight: 700;
line-height: 20px;
margin-bottom: 7px;
}
.pageProduct .wd ul {
font-size: 14px;
}
.pageProduct .wd li.item {
line-height: 36px;
float: none;
}
.pageProduct .proname {
font-size: 15px;
font-weight: 700;
}
.pageProduct .wd li.item span {
color: #393939;
margin-right: 5px;
}
.pageProduct .wd li.btn {
height: 32px;
}
.pageProduct .wd li.btn a.order {
width: 80px;
height: 32px;
line-height: 32px;
text-align: center;
display: block;
color: #FFF;
background: #222c50;
}
.pageProduct .wd li.btn a.order:hover {
background: #da0c0c;
}
.pageProduct .wd li.btn a.msg {
color: #666;
}
.err {
color: red;
}
.skeyTag {
padding: 20px;
}
/*casepage*/
.caselist {
width: 100%;
}
.caselist li {
height: 400px;
width: 260px;
margin: 6px;
}
.caselist img {
height: 340px;
width: 252px;
padding: 3px;
border: 1px solid #09224a;
display: block;
}
.caselist .topic {
background: #09224a;
height: 50px;
width: 244px;
line-height: 50px;
padding: 0 8px;
font-size: 18px;
}
.caselist .topic .order {
font-size: 12px;
text-align: center;
border: 1px solid #a2927b;
color: #a2927b;
display: block;
height: 24px;
width: 58px;
margin-top: 12px;
line-height: 24px;
float: right
}
/*翻页*/
.pager {
display: block;
height: auto;
padding: 20px 0;
text-align: center;
width: 100%;
}
.pager span,
.pager a {
display: inline-block;
border: 1px solid #a3a3a3;
color: #a3a3a3;
padding: 4px 8px;
text-decoration: none;
margin: 4px;
}
.pager a:hover {
background: #222c50;
border-color: #222c50;
text-decoration: none;
color: #fff;
}
.pager .cur {
background: #222c50;
border-color: #222c50;
font-weight: bold;
text-decoration: none;
color: #fff;
}
.pager span.dot {
background: none;
border-color: #fff;
font-weight: bold;
padding: 0;
}
.jing_main ul.t li {
float: none;
}
.baiduShare {
height: 24px;
}
.err {
color: red;
}
.skeyTag {
padding: 20px;
}
.pro {
width: 100%;
overflow: hidden;
margin-top: 20px;
}
.pro li {
width: 230px;
height: 214px;
background: #d8d8d8;
margin: 12px 7px 0;
}
.pro li .img {
width: 224px;
height: 164px;
margin: 3px auto 0;
display: block;
overflow: hidden;
text-align: center;
}
.pro li img {
height: 80px;
width: 80px;
margin-top: 42px;
}
.pro li .topic {
height: 44px;
width: 100%;
}
.pro li .topic span {
display: block;
width: 100%;
height: 44px;
line-height: 44px;
text-align: center;
color: #323b5b;
}
.pro li .more {
display: none;
height: 44px;
width: 73px;
background: url(/template/yiqi/images/tip.png) no-repeat 0 -300px;
margin-top: 3px;
}
.pro li:hover {
background: #323b5b;
}
.pro li:hover span {
color: #fff;
text-align: left;
margin-left: 10px;
width: 130px;
float: left;
}
.pro li:hover .more {
display: block;
float: right;
}
/**/
.productlist {
width: 100%;
overflow: hidden;
margin-top: 20px;
}
.productlist li {
width: 230px;
height: 214px;
background: #d8d8d8;
margin: 12px 7px 0;
}
.productlist li .img {
width: 224px;
height: 164px;
margin: 3px auto 0;
display: block;
position: relative;
overflow: hidden;
}
.productlist li img {
width: 224px;
height: 164px;
position: absolute;
}
.productlist li .topic {
height: 44px;
width: 100%;
overflow: hidden;
}
.productlist li .topic span {
display: block;
width: 100%;
height: 44px;
line-height: 44px;
text-align: center;
color: #323b5b;
}
.productlist li .more {
display: none;
height: 44px;
width: 73px;
background: url(/template/yiqi/images/tip.png) no-repeat 0 -300px;
margin-top: 3px;
}
.productlist li:hover {
background: #323b5b;
}
.productlist li:hover span {
color: #fff;
text-align: left;
margin-left: 10px;
width: 130px;
float: left;
}
.productlist li:hover .more {
display: block;
float: right;
}
/* reInformation */
.reInformation {
width: 696px;
padding: 0 10px 10px;
margin: 20px 0;
border: 1px solid #ddd;
color: #666;
font-size: 12px;
}
.reInformation a {
color: #666;
}
.reInformation a:hover {
color: #222c50;
}
.reInformation .tit {
height: 36px;
line-height: 36px;
text-align: left;
padding-top: 0px;
padding-left: 10px;
border-bottom: 1px solid #ddd;
font-size: 14px;
margin-bottom: 10px;
color: #ec2932;
}
.reInformation ul {
margin-left: 2px;
float: left;
}
.reInformation li {
float: left;
width: 200px;
text-align: center;
padding: 9px 9px 8px;
line-height: 20px;
border: 1px solid #ddd;
margin-left: 5px;
margin-right: 4px;
display: inline;
text-align: center;
}
.reInformation li img {
width: 200px;
height: 156px;
}
.reInformation li img:hover {
opacity: 0.8;
filter: Alpha(opacity=80);
}
.reInformation .g {
display: block;
width: 200px;
}
.reInformation .t {
line-height: 30px;
}
.reInformation .o,
.reInformation .o:visited {
float: right;
line-height: 30px;
color: #ec2932;
}
.reInformation .t:hover,
.reInformation .o:hover {
text-decoration: underline;
}
.reInformation li.hover {
border-color: #ec2932;
}
/*
FILE ARCHIVED ON 17:29:09 Jan 06, 2022 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 00:27:18 Jul 14, 2024.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 2.776
exclusion.robots: 0.077
exclusion.robots.policy: 0.061
esindex: 0.013
cdx.remote: 97.522
LoadShardBlock: 78.967 (3)
PetaboxLoader3.datanode: 77.192 (4)
load_resource: 70.875
PetaboxLoader3.resolve: 26.132
*/