/*初始化样式*/
html {
margin: 0;
padding: 0;
border: 0;
}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img, dl,dt,dd,ol,ul,li,fieldset,form,label,footer, header,hgroup,nav,section {
margin: 0;
padding: 0;
border: 0;
}
body {
background: #fff;
color: #666;
position: relative;
font: 12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;
vertical-align: baseline;
width: 100%;
overflow-x: hidden;
}
a {
text-decoration: none;
outline: none;
}
a:link {
color: #666;
}
a:visited {
color: #666;
}
a:hover,a:active,a:focus {
color: #3480ce;
text-decoration: none;
outline: none;
}
input {
padding: 0;
margin: 0;
font-family: 'Microsoft YaHei';
}
img {
border: none;
background: none;
vertical-align: middle;
}
ul,ol,li {
list-style-type: none;
}
select,input,img,select {
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing: 0
}
table, th, td {
vertical-align: middle
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.clearfix {
zoom:1}
.clearboth {
height: 0px;
line-height: 0px;
overflow: hidden;
clear: both;
font-size: 0px;
}
h1,h2,h3,h4 {
font-size: 12px;
font-weight: bold;
}
hr {
border: 0;
border-top: 1px solid #ccc;
height: 0;
}
/*----- Common css ------*/
.fl {
float: left;
}
.fr {
float: right;
}
.di {
_display: inline;
}
.fwn {
font-weight: normal;
}
.dib {
*display: inline;
_zoom: 1;
_display: inline;
_font-size: 0px;
}
/*滚动*/
#demo {
overflow: hidden;
width: 100%;
margin: 0 auto;
}
#indemo {
float: left;
width: 800%
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
#m_demo {
overflow: hidden;
width: 100%;
margin: 0 auto;
}
#m_indemo {
float: left;
width: 800%
}
#m_demo1 {
float: left;
}
#m_demo2 {
float: left;
}
.pos {
position: relative;
width: 1920px;
left: 50%;
margin-left: -960px;
}
.com-img {
overflow: hidden;
}
.com-img img {
transition: all 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
}
.com-img:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.roll_product {
float: left;
}
.plist {
margin-top: 56px;
}
.plist li {
margin-right: 15px;
margin-bottom: 15px;
}
.plist li:nth-child(3n) {
margin-right: 0;
}
.plist li a.img {
border: 1px solid #e5e5e5;
display: block;
}
.plist li a.img img {
width: 388px;
height: 388px;
}
.plist li h3 a {
display: block;
color: #fff;
font-size: 16px;
font-weight: normal;
}
/*头部样式*/
/*头部样式*/
#header {
height: 35px;
line-height: 35px;
border-bottom: 1px solid #e8e8e8;
font-size: 13px;
color: #666666;
letter-spacing: 1px;
}
#header a {
font-size: 13px;
color: #666666;
}
.wel {
}
.k1 {
position: relative;
}
.k1 span {
padding-left: 30px;
}
.k1 .sp1 {
background: url(404.png) no-repeat left center;
}
.k1 .sp2 {
background: url(404.png) no-repeat left center;
}
.top_center {
position: relative;
height: 85px;
color: #292929;
font-size: 20px;
border-bottom: 1px solid #e8e8e8;
}
.logo {
float: left;
line-height: 85px;
}
.top_phone {
background: url(../image/top_phone.png) no-repeat left 30px;
padding-left: 40px;
margin-top: 15px;
font: normal 20px/30px MicrosoftYaHei;
letter-spacing: 1px;
color: #292929;
}
.top2 {
height: 85px;
overflow: hidden;
border-bottom: 1px solid #e8e8e8;
}
.topLink {
float: right;
text-align: right;
position: relative;
z-index: 9999;
}
.translate {
width: 100px;
position: absolute;
left: 0;
top: 10px;
z-index: 9999;
}
.tran-in {
left: 120px;
}
.translate li {
border: 1px dashed #cccccc;
line-height: 26px;
text-align: left;
background: #fff;
}
.translate li a {
display: block;
padding-left: 10px;
background: url(../image/dot4.png) no-repeat 88% 11px;
}
.translate li a:hover {
text-decoration: none;
color: #275cea;
cursor: pointer;
}
.translate-en {
display: none;
padding: 6px;
padding-top: 0px;
}
.translate li .translate-en a {
padding-left: 0px;
text-align: center;
background: #fff;
border-bottom: 1px solid #cccccc;
}
.translate li .translate-en a:hover {
font-weight: bold;
}
.topLink .f_count {
color: #ff0000;
font-size: 13px;
font-weight: bold;
}
.topLink .k1 a {
color: #fff;
}
.topLink .k2 {
color: #074b91;
font-size: 14px;
font-family: "微软雅黑";
}
/*热门搜索*/
.ss_index {
position: relative;
height: 53px;
line-height: 53px;
background: #0095eb;
}
.hotSearch {
float: left;
height: 53px;
line-height: 53px;
font-weight: normal;
color: #fff;
}
.hotSearch a {
color: #fff;
margin-right: 10px;
}
.wd1200 {
width: 1200px;
margin: 0 auto;
}
/*导航栏样式*/
#menu {
margin-top: 5px;
}
.nav {
background-color: #3480ce;
height: 32px;
}
.nav li {
line-height: 32px;
height: 32px;
text-align: center;
width: 90px;
float: left;
position: relative;
z-index: 999;
}
.nav li a {
display: block;
line-height: 32px;
color: #fff;
height: 32px;
padding: 0;
}
.nav li a:hover {
color: #fff;
text-decoration: none;
background-color: #24588e;
}
.nav .sec {
height: 0;
background: #01557a;
color: #fff;
overflow: hidden;
z-index: 9999;
position: absolute;
top: 32px;
left: 0px;
}
.nav .sec a {
background: #01557a;
color: #fff;
height: 38px;
line-height: 38px;
width: 90px;
}
.nav .sec a:hover {
background: #042d3f;
text-decoration: none;
}
.f_link {
width: 1200px;
margin: 0 auto;
line-height: 30px;
}
/* */
.w1 {
margin-top: 46px;
}
.ptt {
text-align: center;
}
.ptt h2 {
font: normal 35px/35px MicrosoftYaHei;
color: #2c2c2c;
}
.ptt h5 {
font: normal 14px/14px MicrosoftYaHei;
color: #a4a3a3;
margin-top: 15px;
}
.ptt span {
display: block;
background: url(../image/ptt.png) center no-repeat;
margin-top: 18px;
height: 14px;
}
.probg {
margin-top: 29px;
}
.sort1 li {
line-height: 61px;
text-align: center;
background: #e7e7e7;
vertical-align: middle;
display: inline-block;
margin-bottom: 18px;
background: url(../image/xx.png) right center no-repeat;
box-sizing: border-box;
border-radius: 10px;
width: 25%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sort1 li:nth-child(4){
width: 15%;
}
.sort1 li:nth-child(3){
width: 30%;
}
.ttz {
display: none;
margin-top: 49px;
position: relative;
}
.sort1 li a {
display: block;
font-size: 16px;
color: #333333;
}
.sort1 li:hover,.sort1 li.cur {
background: #00479d;
}
.sort1 li:hover a,.sort1 li.cur a {
color: #fff;
}
.pro_list {
position: relative;
}
.pro_list li {
float: left;
margin-right: 39px;
margin-bottom: 36px;
border:1px solid #e5e5e5;
}
.pro_list li:hover{
border-color:#0095eb;
}
.pro_list li:nth-child(3n) {
margin-right: 0;
}
.pro_list li a {
display: block
}
.pro_list li .imgss {
overflow: hidden;
}
.pro_list li .imgss img {
width: 372px;
height: 275px;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.pro_list li:hover .imgss img {
-webkit-transform: scale(1.15, 1.15);
-moz-transform: scale(1.15, 1.15);
transform: scale(1.15, 1.15);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}
.pro_list li h3 {
font-weight: 400;
height: 48px;
line-height: 48px;
background: #e5e5e5;
color: #000000;
font-size: 16px;
text-align: center;
}
.pro_list li:hover h3 {
background: #0095eb;
color: #fff;
}
/* */
.ystit {
margin-top: 20px;
}
.ysbg {
background: url(../image/ysbg.png) center no-repeat;
height: 647px;
margin-top: 34px;
padding-top: 95px;
}
.ysbg ul li {
width: 284px;
height: 452px;
margin-right: 21px;
background: rgba(255, 255, 255, .15);
position: relative;
float: left;
transition: all 0.4s;
}
.ysbg ul li:last-child {
margin-right: 0;
}
.ysbg ul li .ysname {
position: absolute;
width: 284px;
height: 452px;
bottom: 0;
padding-top: 80px;
left: 0;
right: 0;
}
.ysbg ul li .yspic {
width: 82px;
height: 80px;
margin: 0 auto;
}
.ysbg ul li:nth-child(2) .yspic{
width:55px;
}
.ysbg ul li h3 {
text-align: center;
font: normal 30px/30px MicrosoftYaHei;
color: #fff;
margin-top: 40px;
}
.ysbg ul li span {
display: block;
width: 184px;
height: 2px;
background-color: #ffffff;
margin: 0 auto;
margin-top: 40px;
}
.ysbg ul li .yconsts {
font: normal 14px/30px MicrosoftYaHei;
color: #fff;
margin-top: 30px;
padding: 0 20px;
text-align: center;
}
.ysbg ul li:hover {
background-color: #007fce;
transition: all 0.4s;
}
/* */
.w2 {
margin-top: 10px;
}
.abvideo {
width: 611px;
height: 476px;
padding-top: 22px;
}
.abconts {
width: 583px;
margin-top: 53px;
}
.abconts h2 {
font: normal 40px/40px MicrosoftYaHei;
letter-spacing: 2px;
color: #222222;
}
.abconts h2 b {
font: normal 30px/30px Arial;
color: #5c5c5c;
margin-left: 12px;
}
.abconts h2::after {
display: block;
content: ' ';
width: 169px;
height: 1px;
background-color: #0095eb;
margin-top: 18px;
}
.abconts h4 {
font: normal 15px/33px MicrosoftYaHei;
color: #444444;
margin-top: 35px;
}
.abconts a {
width: 168px;
height: 46px;
background-color: #0095eb;
display: block;
text-align: center;
font: normal 16px/46px MicrosoftYaHei;
color: #fff;
letter-spacing: 2px;
margin-top: 45px;
}
/* w6 */
.w6 {
/*margin-top: 60px;*/
height: 577px;
background-color: #fafafa;
padding-top: 61px;
padding-bottom: 47px;
}
.wenda {
width: 1200px;
margin: 0 auto;
}
.wenda .hd {
width: 160px;
}
.news_list4 li {
float: left;
width: 510px;
height: 138px;
margin: 0 9px;
border: solid 2px #e5e5e5;
}
.news_list4 li h3 {
padding-top: 22px;
}
.news_list4 li h3 a {
display: block;
padding-left: 69px;
font: normal 16px/34px "Microsoft Yahei";
color: #000000;
background: url(../image/wen.png) no-repeat 31px center;
}
.news_list4 li span a {
display: block;
padding-left: 69px;
font: 400 12px/24px "Microsoft Yahei";
color: #999999;
background: url(../image/da.png) no-repeat 31px 3px;
width: 428px;
min-height:60px;
}
.news_list4 li:hover h3 a {
color: #0095eb;
}
.wenda .bd {
width: 1040px;
overflow: hidden;
}
.wenda .hd h3 {
font: normal 28px/28px "Microsoft Yahei";
color: #000000;
}
.wenda .hd p {
font: normal 16px/16px "Arial";
color: #999999;
margin-top: 11px;
margin-bottom: 50px;
}
.wenda .hd {
font-size: 0;
}
.wenda .hd a {
display: inline-block;
width: 63px;
height: 30px;
text-align: center;
line-height: 30px;
background: #dcdcdc;
margin-right: 3px;
}
.wenda .hd a:hover {
background: #0095eb;
}
.xinwen {
margin-top: 52px;
}
.xinwen ul li {
float: left;
width: 283px;
margin-right: 22px;
}
.xinwen ul li:last-child {
margin-right: 0;
}
.xinwen ul li img {
width: 275px;
height: 174px;
}
.xinwen ul li h3 {
font: normal 16px/16px MicrosoftYaHei;
color: #000000;
margin-top: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.xinwen ul li h4 {
font: normal 12px/24px MicrosoftYaHei;
color: #999999;
margin-top: 10px;
}
.xinwen ul li:hover h3 {
color: #0095eb;
}
/* */
.fjob {
background: url(../image/job.png) center no-repeat;
height: 282px;
padding-top: 80px;
text-align: center;
}
.fjob a {
display: block;
}
/* */
.footbg {
background: #1b1b1b;
height: 275px;
padding-top: 43px;
}
.fewm {
margin-left: 25px;
}
.f00 dd {
font: normal 16px/16px MicrosoftYaHei;
letter-spacing: 1px;
color: #ffffff;
}
.f00 dt {
margin-top: 23px;
}
.fewm img {
margin-right: 6px;
}
.fnav {
width: 152px;
margin-left: 85px;
}
.fnav a {
font: normal 13px/30px MicrosoftYaHei;
letter-spacing: 1px;
color: #999999;
/*float: left;*/
}
.fnav a:nth-child(2n) {
/*float: right;*/
}
.fadd {
width: 240px;
margin-left: 88px;
}
.fadd dt {
font: normal 13px/30px MicrosoftYaHei;
letter-spacing: 1px;
color: #999999;
}
.flogo {
width: 323px;
}
.fcopyright {
margin-left: 24px;
}
.fcopyright dt {
font: normal 13px/32px MicrosoftYaHei;
color: #999999;
}
.fcopyright dt a{
color: #999999;
}
.copy_right select {
background: url(../image/link.png) center no-repeat;
width: 170px;
height: 25px;
outline: none;
padding-left: 12px;
color: #999999;
font-size: 14px;
margin-top: 15px;
line-height: 22px;
}
.copy_right select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.copy_right select option {
color: #999999;
line-height: 25px;
font-size: 10px;
}
.fregion{
height: 40px;
background: #000000;
font:normal 13px/40px MicrosoftYaHei;
color: #ffffff;
}
.fregion a{
color: #ffffff;
}
/* 产品详情页面 */
.product-detail-swiper {
width: 399px;
float: left;
}
.product-detail-swiper .view {
border: 1px solid #e5e5e5;
}
.product-detail-swiper .view .swiper-slide {
outline: none;
}
.product-detail-swiper .view .slick-con {
text-align: center;
display: block;
height: 318px;
line-height: 318px;
font-size: 0;
}
.product-detail-swiper .view .slick-con img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.product-detail-swiper .view .slick-con:after {
content: "";
height: 100%;
vertical-align: middle;
display: inline-block;
}
.product-detail-swiper .preview {
margin: 0 -5px;
position: relative;
margin-top: 10px;
display: none;
}
.product-detail-swiper .preview .swiper-slide {
outline: none;
}
.product-detail-swiper .preview .swiper-slide.active-nav .slick-con {
border-color: #0095eb;
}
.product-detail-swiper .preview .slick-con {
text-align: center;
display: block;
height: 101px;
line-height: 99px;
margin: 0 5px;
border: 1px solid #e1e1e1;
font-size: 0;
}
.product-detail-swiper .preview .slick-con img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.product-detail-swiper .preview .slick-con:after {
content: "";
height: 100%;
vertical-align: middle;
display: inline-block;
}
.product-detail-swiper .preview .arrow-left,
.product-detail-swiper .preview .arrow-right {
position: absolute;
z-index: 99;
top: 50%;
margin-top: -25px;
width: 20px;
height: 50px;
background: rgba(89, 89, 89, 0.8);
text-align: center;
line-height: 50px;
color: #fff;
font-size: 20px;
}
.product-detail-swiper .preview .arrow-left {
left: 5px;
}
.product-detail-swiper .preview .arrow-right {
right: 5px;
}
.product-detail-lists {
width: calc(100% - 440px);
padding-top: 20px;
float: right;
}
.product-detail-lists h1 {
font-size: 30px;
font-weight: bold;
color: #333333;
line-height: 65px;
}
.product-detail-lists .product-detail-item li {
border-top: 1px solid #eee;
padding: 25px 0;
font-size: 18px;
color: #333333;
}
.product-detail-lists .product-detail-item li span {
font-size: 14px;
color: #666666;
}
.product-detail-lists .product-detail-inquiry {
margin-bottom: 20px;
}
.product-detail-lists .product-detail-inquiry a {
display: inline-block;
width: 80%;
line-height: 60px;
font-size: 18px;
color: #ffffff;
text-align: center;
background: #0095eb;
border-radius: 2px;
}
.product-detail-lists .product-detail-inquiry a i {
font-size: 20px;
line-height: 0;
vertical-align: -2px;
margin-right: 5px;
}
.product-detail-lists .service-number {
font-size: 14px;
color: #333333;
}
.product-detail-lists .service-number span {
font-size: 25px;
color: #b80024;
}
.icon-arrowleft:before {
content: "\e620"!important;
}
.icon-arrowright:before {
content: "\e61f"!important;
}
.changg{
max-width: 1660px;
margin: 0 auto;
padding: 0 2%;
font-family: "Microsoft Yahei";
}
.w1400{
max-width: 1460px;
margin: 0 auto;
padding: 0 2%;
font-family: "Microsoft Yahei";
}
.logo{
width: 15%;
}
.logo img{
max-width: 100%;
height: auto;
}
.handhj{
width: 70%;
}
.flex{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#formsearch2 input{background:#fff;border:1px solid #666666;float:left;width:75%;outline: none;border-right: none;}
#formsearch2 input#keyword{height:35px;line-height:35px;padding-left:4px;color:#666;}
#formsearch2 input#s_btn{width:25%;height:35px;line-height:35px;text-align:center;background:#00479d;color:#fff;border:none;cursor:pointer;}
.hangm{
width: 176px;
background: url(../image/hh1.png) left center no-repeat;
box-sizing: border-box;
padding-left: 40px;
font-size: 18px;
font-weight: 600;
font-stretch: normal;
line-height: 85px;
letter-spacing: -1px;
color: #00479d;
}
.sfg{
position: relative;
width: 19px;
height: 19px;
margin-top: 33px;
}
.sfg_a{
background: url(../image/ss.png) no-repeat;
width: 19px;
height: 19px;
cursor: pointer;
}
.sfg_b{
position: absolute;
top:40px;
width: 240px;
background: rgba(255, 255, 255, .8);
box-sizing: border-box;
padding: 6px;
right: 0px;
display: none;
z-index: 999;
}
.nei{
background: url(../image/nei.jpg) center center no-repeat;
background-size: 100% 100%;
box-sizing: border-box;
padding: 4% 0 3% 0;
overflow: hidden;
}
.xwfle{
width: 63.5%;
}
.xwfle_a{
position: relative;
line-height: 75px;
border-bottom: #e5e5e5 1px solid;
font-size: 2rem;
font-weight: 600;
font-stretch: normal;
letter-spacing: 0px;
color: #00479d;
}
.xwfle_a span{
font-size: 20px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #888888;
text-transform: uppercase;
padding-left: 2%;
}
.xwfle_a a{
position: absolute;
top:10px;
right: 0px;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #00479d;
}
.xwflegh{
margin-top: 3%;
}
.xwfleghle{
width: 60%;
}
.xwfleghle_img img{
width: 100%;
height: auto;
}
.xwfleghle li{
background: #fff;
}
.xwfleghlene{
box-sizing: border-box;
padding: 1.5% 1%;
}
.xwfleghleneshi{
width: 18%;
text-align: center;
border-right: #e5e5e5 1px solid;
}
.xwfleghleneshi_a{
font-size: 2.5rem;
font-weight: normal;
font-stretch: normal;
line-height: 45px;
letter-spacing: 0px;
color: #00479d;
}
.xwfleghleneshi_b{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
color: #00479d;
}
.xwfleghlenene{
width: 78%;
}
.xwfleghlenene_a{
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xwfleghlenene_a a{
color: #000000;
}
.xwfleghlenene_b{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
color: #666666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xwfleghrt{
width: 39%;
}
.xwfleghrt li{
box-sizing: border-box;
background: #fff;
padding: 4% 0;
border-bottom: #e5e5e5 1px solid;
cursor: pointer;
}
.xwfleghrt li:nth-child(4){
border-bottom: none;
}
.xwfleghrt .xwfleghleneshi{
width: 22%;
}
.xwfleghrt .xwfleghlenene{
width: 75%;
}
.xwfleghrt li:hover .xwfleghlenene_a a {
color: #00479d;
}
.xwfrt{
width: 35%;
}
.hdun{
margin-top: 6%;
}
.funggh{
width:28%;
line-height: 73px;
background-color: #e5e5e5;
text-align: center;
font-size: 1.5rem;
}
.fungnei{
width: 68%;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 73px;
letter-spacing: 0px;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fungnei a{
color: #000000;
}
.picMarquee-top .tempWrap li{
margin: 4% 0;
background: #fff;
}
.picMarquee-top .tempWrap{
height: 53vh!important;
overflow: hidden;
}
.picMarquee-top .tempWrap li:hover .funggh{
background: #00479d;
color: #fff;
}
.picMarquee-top .tempWrap li:hover .fungnei a{
color: #00479d;
}
.com-img{ overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
/**/
.nei1{
padding: 3.5% 0;
overflow: hidden;
}
.abggf{
align-items: center;
}
.abggfle{
width: 53%;
}
.abggfrt{
width: 44%;
}
.abggfle_a{
font-size: 3.3rem;
font-weight: normal;
font-stretch: normal;
line-height: 80px;
letter-spacing: 0px;
color: #000000;
}
.abggfle_b{
font-size: 1.8rem;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
color: #333333;
}
.abggfle_c{
box-sizing: border-box;
padding: 4% 0;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #444444;
}
.abggfle_m{
width: 160px;
line-height:37px;
border: solid 1px #00479d;
text-align: center;
font-size: 16px;
margin-top: 2%;
}
.abggfle_m a{
color: #00479d;
}
.abggfle_m:hover{
background-color: #00479d;
}
.abggfle_m:hover a{
color: #fff;
}
.rongyu{
overflow: hidden;
margin-top:5%;
}
.rongyu_img img{
width: 100%;
height: auto;
}
.abggfrt_a img{
width: 100%;
height: auto;
}
.abggfrt_a video{
max-width: 670px;
}
.abggfrtshun{
margin-top: 7%;
}
.abggfrtshun li{
width: 32%;
}
.abggfrtshun_a{
font-size: 3rem;
font-weight: 600;
font-stretch: normal;
line-height:70px;
letter-spacing: 0px;
color: #333333;
}
.abggfrtshun_b{
font-size: 17px;
font-weight: normal;
font-stretch: normal;
line-height: 50px;
letter-spacing: 0px;
color: #555555;
}
.abggfrtshun_c{
width: 90px;
height: 1px;
background-color: #dcdcdc;
}
/**/
.nei2{
background: url(../image/nei1.jpg) top center no-repeat fixed;
background-size: 100% 100%;
padding: 3% 0 4% 0;
overflow: hidden;
margin-top: 1%;
}
.yingx{
text-align: center;
color: #fff;
}
.yingx_a{
font-size: 2rem;
font-weight: 600;
font-stretch: normal;
line-height: 70px;
letter-spacing: 0px;
color: #ffffff;
}
.yingx_b{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 50px;
letter-spacing: 0px;
color: #ffffff;
}
.jiazhing {
margin-top: 2%;
}
.jiazhing li{
width: 25%;
box-sizing: border-box;
padding: 3%;
text-align: center;
border-radius: 12px;
cursor: pointer;
}
.jiazhing_img{
width: 113px;
height: 113px;
background-color: #ffffff;
margin: 0 auto;
text-align: center;
border-radius: 50%;
line-height: 100px;
}
.jiazhingnei_a{
font-size: 1.1rem;
font-weight: 600;
font-stretch: normal;
line-height: 60px;
letter-spacing: 0px;
color: #ffffff;
}
.jiazhingnei_b{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 26px;
letter-spacing: 0px;
color: #ffffff;
}
.jiazhing li:hover .jiazhing_img img{
filter: invert(13%) sepia(53%) saturate(7497%) hue-rotate(202deg) brightness(90%) contrast(104%);
}
.jiazhing li:hover{
background: #00479d;
}
/***/
.nei3{
padding: 3% 0;
overflow: hidden;
}
.chghglee{
width: 30%;
}
.chghglee_a{
font-size: 2rem;
font-weight: 600;
font-stretch: normal;
line-height: 60px;
letter-spacing: 0px;
color: #000000;
}
.chghglee_b{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0px;
color: #666666;
}
.chghgrt{
width:60%;
}
.huandkf{
overflow: hidden;
}
.huandkf_img img{
width: 100%;
height: auto;
}
.huandkfnei{
padding: 5% 4% 7% 4%;
}
.huandkfnei_a{
font-size: 22px;
font-weight: 600;
font-stretch: normal;
line-height: 45px;
letter-spacing: 0px;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.huandkfnei_a a{
color: #000000;
}
.huandkfnei_b{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 26px;
letter-spacing: 0px;
color: #444444;
box-sizing: border-box;
padding: 3% 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.huandkfnei_m{
width: 86px;
line-height: 34px;
background-color: #00479d;
text-align: center;
font-size: 12px;
text-align: center;
text-transform: uppercase;
margin-top: 6%;
}
.huandkfnei_m a{
color: #fff;
}
.swisdext{
position: absolute;
top:40%;
right: -5%;
background: url(../image/mm1.png) no-repeat;
background-size: 100% 100%;
width: 52px;
height: 141px;
outline: none;
border: none;
z-index: 9999;
}
.swipesdev{
position: absolute;
top:40%;
left: -5%;
background: url(../image/mm.png) no-repeat;
background-size: 100% 100%;
width: 52px;
height: 141px;
outline: none;
border: none;
z-index: 9999;
}
.huandkf .swiper-wrapper .swiper-slide{
background: #eeeeee;
}
.huandkf .swiper-wrapper .swiper-slide:hover{
background: #00479d;
cursor: pointer;
}
.huandkf .swiper-wrapper .swiper-slide:hover .huandkfnei_a a{
color: #fff;
}
.huandkf .swiper-wrapper .swiper-slide:hover .huandkfnei_b{
color: #fff;
}
.huandkf .swiper-wrapper .swiper-slide:hover .huandkfnei_m{
background: #fff;
}
.huandkf .swiper-wrapper .swiper-slide:hover .huandkfnei_m a{
color: #00479d;
}
.huandkf .swiper-wrapper .swiper-slide .com-img{ overflow:hidden;}
.huandkf .swiper-wrapper .swiper-slide .com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.huandkf .swiper-wrapper .swiper-slide:hover .com-img img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.chghg {
margin-bottom: 2%;
}
.tab-main{
position: relative;
}
.tabz li:hover,
.tabz li.active {
background: #00479d;
color: #fff;
}
.tabz li.active a{
color: #fff;
}
.tab-con {
position: relative;
width: 100%;
}
.tab-con .tab-main {
position: absolute;
left: 0;
top: 0;
z-index: 9;
right: 0;
}
.tab-con .tab-main {
opacity: 0;
visibility: hidden;
transition: all .5s ease;
}
.tab-con .tab-main.active {
position: static;
opacity: 1;
visibility: visible;
}
/***/
.nei4{
background: #00479d;
box-sizing: border-box;
padding: 4% 0;
overflow: hidden;
}
.heuongle{
width: 35%;
margin-top: 3%;
}
.heuongrt{
width: 62%;
background: url(../image/nnh.png) no-repeat;
background-size: 100% 100%;
height: 499px;
position: relative;
}
.heuongle_a{
font-size: 2rem;
font-weight: 600;
font-stretch: normal;
line-height: 65px;
letter-spacing: 0px;
color: #ffffff;
}
.heuongle_b{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #ffffff;
}
.heuonglegg{
margin-top: 4%;
background: #fff;
box-sizing: border-box;
padding: 6%;
}
.heuonglegg_a{
font-size: 20px;
font-weight: 600;
font-stretch: normal;
line-height: 48px;
letter-spacing: 0px;
color: #000000;
}
.heuonglegg_b{
font-size: 20px;
font-weight: normal;
font-stretch: normal;
line-height: 48px;
letter-spacing: 0px;
color: #868686;
box-sizing: border-box;
padding: 3% 0;
}
.heuonglegg_m{
width: 97px;
line-height: 37px;
border-radius: 10px;
border: solid 1px #eeeeee;
text-align: center;
font-size: 14px;
text-transform: uppercase;
}
.heuonglegg_m a{
color: #c2c2c2;
}
.heuonglegg_m:hover{
background: #00479d;
border: solid 1px #00479d;
}
.heuonglegg_m:hover a{
color: #fff;
}
.map-content .map-img .point-area {
position:absolute;
-webkit-transition:opacity .5s ease-out;
transition:opacity .5s ease-out;
width:34px;
height:34px;
visibility:visible;
opacity:1
}
.map-content .map-img .point-area span {
position:absolute;
width: 120px!important;
color: #fff;
font-size: 20px;
line-height: 46px!important;
color: #fff!important;
left: 36px!important;
}
.map-content .map-img .point-area .point-dot {
z-index:1;
background-color:#3bbdf7;
display:block;
border:1px solid #fff;
}
.map-content .map-img .point-area .point-dot.suzhou {
background-color:#fff;
border:1px solid #fff;
}
.map-content .map-img .point-area .point {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:8px;
height:8px;
margin:auto;
border-radius:50%
}
.map-content .map-img .point-area div.point {
width:100%;
height:100%
}
.map-content .map-img .point-area div.point:after {
content:"";
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-radius:50%;
border:2px solid #00cdec;
opacity:0;
-webkit-animation:ripple 4.5s ease-out 225ms infinite;
animation:ripple 4.5s ease-out 225ms infinite
}
.map-content .map-img .point-area div.suzhou:after {
border-color:#fff
}
.map-content .map-img .point-area div.point-70:after {
-webkit-animation:ripple 4.5s ease-out 1.57s infinite;
animation:ripple 4.5s ease-out 1.57s infinite
}
.map-content .map-text {
padding:10px 0;
text-align:right;
float:right
}
.map-content .map-text li {
padding:20px 10px;
position:relative
}
.map-content .map-text li .num {
position:relative;
font-size:44px;
font-weight:700;
height:44px;
padding-right:20px
}
.map-content .map-text li span {
position:absolute;
top:15px;
right:6px;
font-size:31px;
font-weight:400
}
.map-content .map-text li .txt {
font-size:16px;
line-height:74px
}
@media (max-width:1200px) {
.map-content .map-text {
width:100%;
text-align:left;
padding-top:30px
}
.map-content .map-text li {
float:left;
width:25%;
padding-bottom:0
}
.map-content .map-text li .num span {
position:static;
margin-top:-15px
}
}@-webkit-keyframes ripple {
0% {
opacity:0;
-webkit-transform:scale(.1)
}
5% {
opacity:1
}
to {
opacity:0;
-webkit-transform:scale(1)
}
}@keyframes ripple {
0% {
opacity:0;
-webkit-transform:scale(.1);
transform:scale(.1)
}
5% {
opacity:1
}
to {
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
}
.map-content{
position: relative;
}
.sddf1 {
top: 94px!important;
left: 133px!important;
z-index: 999!important;
}
.sddf2 {
top: 150px!important;
left: 127px!important;
z-index: 999!important;
}
.sddf3 {
top: 318px!important;
left: 234px!important;
z-index: 999!important;
}
.sddf4 {
top: 107px!important;
left: 620px!important;
z-index: 999!important;
}
.sddf5 {
top: 171px!important;
left: 724px!important;
z-index: 999!important;
}
.sddf6 {
top: 171px!important;
left: 724px!important;
z-index: 999!important;
}
.sddf6 {
top: 273px!important;
left: 782px!important;
z-index: 999!important;
}
.sddf7 {
top: 358px!important;
left: 812px!important;
z-index: 999!important;
}
/**/
.nei6{
background: url(../image/nei6.png) top center no-repeat;
background-size: 100% 100%;
box-sizing: border-box;
padding: 4% 0;
overflow: hidden;
}
.youshidngle{
width: 35%;
}
.youshidngle_a{
font-size: 2.7rem;
font-weight: 600;
font-stretch: normal;
line-height: 80px;
letter-spacing: 0px;
color: #000000;
}
.youshidngle_b{
font-size: 22px;
font-weight: normal;
font-stretch: normal;
line-height: 45px;
letter-spacing: 0px;
color: #333333;
}
.youshidngle_c{
background: url(../image/ghh.png) left center no-repeat;
box-sizing: border-box;
padding-left: 80px;
font-size: 28px;
font-weight: normal;
font-stretch: normal;
line-height:40px;
letter-spacing: 0px;
color: #00479d;
margin-top: 4%;
}
.youshidngrt{
width: 45%;
}
.hugnjg{
float: left;
width: 48%;
}
.hugnjg input{
background: #fff;
border-radius: 0px;
height: 53px;
line-height: 53px;
border: none;
}
.ssdfg{
float: right;
width: 48%;
}
.ssdfg input{
background: #fff;
border-radius: 0px;
height: 53px;
line-height: 53px;
border: none;
}
.neiing{
margin-top: 2%;
}
.neiing textarea{
background: #fff;
border-radius: 0px;
height: 75px;
line-height: 53px;
border: none;
}
.gdng{
float: left;
width: 60%;
margin-top: 2%;
}
.gdng input{
background: #fff;
border-radius: 0px;
height: 53px;
line-height: 53px;
border: none;
}
.gdng #checkcode {
display: inline-block;
width:65%!important;
}
.qdidnjh{
float: left;
width: 30%;
margin-top: 2%;
}
.qdidnjh .btn{
height: 53px;
line-height: 53px;
border-radius: 0px;
padding: 0px;
background: #00479d;
font-size: 16px;
}
.gufnjhle{
width: 20%;
color: #fff;
}
.gufnjhle_a img{
max-width: 100%;
height: auto;
}
.gufnjhle_b{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0px;
color: #ffffff;
margin-top: 8%;
}
.gufnjhle_c{
font-size: 1.5rem;
font-weight: 600;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0px;
color: #ffffff;
}
.gufnjhzh{
width: 65%;
}
.gufnjhrt{
width: 10%;
}
.gufnjhrt img{
max-width: 100%;
height: auto;
}
.adamkjjh{
background: #2f2f2f;
line-height: 70px;
}
.shudjhlee{
width: 60%;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
line-height: 70px;
letter-spacing: 0px;
color: #ffffff;
}
.shudjhlee a{
color: #ffffff;
}
.qudnnd{
width: 30%;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
line-height: 70px;
letter-spacing: 0px;
color: #ffffff;
text-align: right;
}
.qudnnd a{
color: #ffffff;
}
.x-layout-menu dl dd:hover a{
color: #00479d;
}
@media(max-width:1600px){
.xwfle_a{
font-size: 1.8rem;
}
.xwfle_a span{
font-size: 18px;
}
.xwfleghleneshi_a{
font-size: 2.2rem;
}
.funggh{
font-size: 1.2rem;
}
.picMarquee-top .tempWrap{
height: 61vh!important;
}
.abggfle_a{
font-size: 3rem;
}
.abggfle_b{
font-size: 1.6rem;
}
.yingx_a{
font-size: 1.8rem;
}
.chghglee_a{
font-size: 1.8rem;
}
.heuongle_a{
font-size: 1.8rem;
}
.youshidngle_a{
font-size: 2.4rem;
}
}
@media(max-width:1500px){
.xwfle_a{
font-size: 1.6rem;
}
.xwfleghleneshi_a {
font-size: 2rem;
}
.picMarquee-top .tempWrap {
height: 59vh!important;
}
.abggfle_a {
font-size: 2.5rem;
}
.abggfle_b {
font-size: 1.4rem;
}
.heuongle_a {
font-size: 1.6rem;
}
.sddf5 {
top: 171px!important;
left: 658px!important;
z-index: 999!important;
}
.sddf6 {
top: 273px!important;
left: 710px!important;
z-index: 999!important;
}
.sddf7 {
top: 358px!important;
left: 738px!important;
z-index: 999!important;
}
.youshidngle_a {
font-size: 2rem;
line-height: 60px;
}
.youshidngle_c{
font-size: 22px;
}
}
@media(max-width:1440px){
.xwfle_a {
font-size: 1.4rem;
}
.xwfle_a span {
font-size: 15px;
}
.xwfleghleneshi_a {
font-size: 1.6rem;
line-height: 40px;
}
.xwfleghlenene_a{
font-size: 16px;
}
.funggh{
font-size: 1rem;
line-height: 60px;
}
.fungnei{
font-size: 16px;
line-height: 60px;
}
.abggfle_a{
font-size: 2rem;
line-height: 60px;
}
.abggfle_b{
font-size: 1.2rem;
line-height: 30px;
}
.abggfrtshun_a{
font-size: 2.5rem;
}
.youshidngle_a {
font-size: 1.4rem;
line-height: 50px;
}
.swipesdev{
left: 0px;
}
.swisdext{
right: 0px
}
}
@media(max-width:1366px){
.x-menu > li > a{
font-size: 15px;
}
.xwfle_a{
font-size: 1.2rem;
line-height: 55px;
}
.picMarquee-top .tempWrap{
height: 54vh!important;
}
.abggfle_a{
font-size: 1.4rem;
line-height: 55px;
}
.abggfle_b{
font-size: 1rem;
}
.abggfle_m{
line-height: 45px;
}
.yingx_a {
font-size: 1.6rem;
}
.sort1 li a{
font-size: 14px;
}
.chghglee_a{
font-size: 1.4rem;
line-height: 50px;
}
.heuongrt{
height: 440px;
}
.heuongrt{
height: 440px;
}
.sddf2 {
top: 130px!important;
left: 107px!important;
z-index: 999!important;
}
.sddf3 {
top: 293px!important;
left: 202px!important;
z-index: 999!important;
}
.sddf4 {
top: 94px!important;
left: 524px!important;
z-index: 999!important;
}
.sddf5 {
top: 148px!important;
left: 599px!important;
z-index: 999!important;
}
.sddf6 {
top: 237px!important;
left: 645px!important;
z-index: 999!important;
}
.sddf7 {
top: 311px!important;
left: 670px!important;
z-index: 999!important;
}
}
@media(max-width:1200px){
.hangm{
display: none;
}
.xwfleghrt li{
padding: 2.6% 0;
}
.xwfleghleneshi_a {
font-size: 20px;
line-height: 34px;
}
.xwfleghleneshi_b{
font-size: 14px;
line-height: 30px;
}
.funggh {
font-size: 18px;
line-height: 45px;
}
.fungnei {
font-size: 16px;
line-height: 45px;
}
.picMarquee-top .tempWrap{
height: 47vh!important;
}
.abggfrtshun_a{
line-height: 60px;
}
.chghgrt {
width: 57%;
}
.chghglee_b{
font-size: 14px;
line-height: 35px;
}
.heuongrt {
height: 400px;
}
.sddf1 {
top: 79px!important;
left: 107px!important;
z-index: 999!important;
}
.sddf2 {
top: 120px!important;
left: 92px!important;
z-index: 999!important;
}
.sddf3 {
top: 255px!important;
left: 178px!important;
z-index: 999!important;
}
.sddf4 {
top: 94px!important;
left: 458px!important;
z-index: 999!important;
}
.sddf5 {
top: 135px!important;
left: 523px!important;
z-index: 999!important;
}
.sddf6 {
top: 216px!important;
left: 563px!important;
z-index: 999!important;
}
.sddf7 {
top: 283px!important;
left: 587px!important;
z-index: 999!important;
}
.heuongle_b{
font-size: 14px;
}
.heuonglegg_b{
font-size: 16px;
}
.youshidngle_c {
font-size: 18px;
}
.youshidngrt {
width: 55%;
}
}
@media(max-width:1024px){
.xwfleghleneshi_a {
font-size: 16px;
line-height: 30px;
}
.xwfleghlenene_a {
font-size: 15px;
line-height: 33px;
}
.xwfleghlenene_b{
font-size: 13px;
line-height: 30px;
}
.funggh {
font-size: 15px;
line-height: 40px;
}
.fungnei {
font-size: 15px;
line-height: 40px;
}
.abggfrtshun_b{
font-size: 14px;
line-height: 40px;
}
.abggfle_c{
font-size: 14px;
line-height: 28px;
}
.yingx_a{
font-size: 1.4rem;
line-height: 50px;
}
.chghglee {
width: 33%;
}
.sort1 li{
line-height: 45px;
}
.huandkfnei_a{
font-size: 18px;
line-height: 40px;
}
.youshidngle_c {
font-size: 15px;
}
.gdng #checkcode {
display: inline-block;
width: 55%!important;
}
.gufnjhrt{
display: none;
}
.gufnjhzh {
width: 75%;
}
}
@media(max-width:992px){
.page-wrap-right{
float: none;
width: 100%;
}
.product-detail-lists{
float: none;
width: 100%;
}
.product-detail-lists h1{
font-size: 20px;
line-height: 45px;
}
.x-banner , .page-banner{
margin-top: 60px;
}
.xwfle{
width: 100%;
}
.xwfrt{
width: 100%;
margin-top: 2%;
height: 30vh!important;
}
.abggfle{
width: 100%;
}
.abggfrt{
width: 100%;
margin-top: 2%;
}
.abggfrtshun_a{
font-size: 30px;
line-height: 45px;
}
.yingx_a {
font-size: 30px;
line-height: 45px;
}
.jiazhingnei_a{
font-size: 18px;
line-height: 50px;
}
.chghglee{
width: 100%;
}
.chghgrt{
width: 100%;
}
.heuongrt{
display: none;
}
.heuongle{
margin-top: 0px;
width: 100%;
}
.youshidngle_a{
font-size: 25px;
line-height: 45px;
}
.youshidngle{
width: 100%;
}
.youshidngrt{
width: 100%;
}
.gufnjhle_c{
font-size: 16px;
line-height: 30px;
}
.shudjhlee{
width: 100%;
text-align: center;
line-height: 30px;
}
.qudnnd{
width: 100%;
text-align: center;
line-height: 30px;
}
}
@media(max-width:500px){
.xwfle_a{
font-size: 18px;
}
.xwfleghle{
width: 100%;
}
.xwfleghrt{
width: 100%;
}
.abggfle_a{
font-size: 16px;
line-height: 30px;
}
.abggfle_b{
font-size: 14px;
line-height: 28px;
}
.abggfrtshun_b {
font-size: 12px;
line-height: 35px;
}
.abggfrtshun_a {
font-size: 25px;
line-height: 34px;
}
.yingx_a {
font-size: 19px;
line-height: 36px;
}
.jiazhing li{
width: 48%;
margin-bottom: 2%;
}
.chghglee_a {
font-size: 20px;
line-height: 45px;
}
.sort1 li{
width: 49%;
}
.sort1 li:nth-child(3){
width: 49%;
}
.sort1 li:nth-child(4){
width: 49%;
}
.swisdext , .swipesdev{
width: 30px;
height: 90px;
}
.youshidngle_a {
font-size: 17px;
line-height: 35px;
}
.youshidngle_b {
font-size: 15px;
line-height: 33px;
}
.gdng #checkcode {
display: inline-block;
width: 35%!important;
}
.gufnjh {
display: none;
}
.footbg{
display: none;
}
}
/*手机底部*/
@media (max-width:768px){
.db{display:block!important;}
}
.dbb{height:50px;}
/* 页脚 */
.footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: #0095eb;
}
.footer ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer ul li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
color: #ffffff;
line-height: 30px;padding:10px 0;
font-size: 0;
}
.footer ul li.active {
background: #00479d;
}
.footer ul li a {
display: block;color:#fff;
}
.footer ul li .iconfont {
font-size: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.footer ul li span {
display: inline-block;
vertical-align: middle;
font-size: 16px;color:#fff;
}
.footer li .icon-home{ background: url(../image/a111.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../image/a222.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../image/a333.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../image/a444.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone:before{font-size:0;}
.footer ul li a{border-right:1px solid #fff;}
.footer ul li:last-child a{border-right:none;}
/*左侧工具条*/
#toolbar {
position: fixed;
z-index: 9999;
right: 17px;
bottom: 10%;
}
#toolbar li {
margin-bottom: 3px;
font-size: 0;
width: 57px;
height: 57px;
right: 0;
position: relative;
}
#toolbar li a {
display: block;
position: absolute;
z-index: 9;
right: 0;
top: 0;
width: 57px;
height: 57px;
overflow: hidden;
background: #292e39;
-webkit-transition: all .5s ease;
transition: all .5s ease;
white-space: nowrap;
font-size: 0;
}
#toolbar li .icon-font {
display: inline-block;
vertical-align: middle;
width: 57px;
height: 57px;
background-color: #d9d9d9;
}
#toolbar li .icon-qq:after {
background-position: 0 -150px;
}
#toolbar li .icon-phone:after {
background-position: 0 -90px;
}
#toolbar li .icon-ewm:after {
background-position: 0 -30px;
}
#toolbar li .icon-message:after {
background-position: 0 -120px;
}
#toolbar li .icon-top:after {
background-position: 0 -60px;
}
#toolbar li .icon-wangwang:after {
background-position: 0 0;
}
#toolbar li .wz {
display: inline-block;
line-height: 57px;
font-size: 14px;
color: #fff;
vertical-align: middle;
padding-left: 10px;
}
#toolbar li.ewm .ewm-box {
position: absolute;
z-index: 1;
padding: 5px;
background: #292e39;
width: 110px;
right: 120%;
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .7s;
transition: all .7s;
}
#toolbar li.ewm .ewm-box p {
margin-bottom: 0;
}
#toolbar li.ewm .ewm-box img {
max-width: 100%;
}
#toolbar li.ewm .ewm-box:after {
content: '';
position: absolute;
right: -5px;
bottom: 20px;
width: 0;
height: 0;
line-height: 0;
font-size: 0;
overflow: hidden;
border-width: 5px;
cursor: pointer;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #292e39;
border-right: none;
}
#toolbar li.ewm:hover .icon {
background-position: -57px -180px;
}
#toolbar li.ewm:hover .ewm-box {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
#toolbar li.backtop {
cursor: pointer;
}
#toolbar li.backtop .iconfont {
color: #fff;
background-color: #292e39;
}
#toolbar li:hover a {
width: 200px;
}
#toolbar li:hover .icon-font {
background-color: #292e39;
}
#toolbar li:hover .icon-qq:after {
background-position: -30px -150px;
}
#toolbar li:hover .icon-phone:after {
background-position: -30px -90px;
}
#toolbar li:hover .icon-ewm:after {
background-position: -30px -30px;
}
#toolbar li:hover .icon-message:after {
background-position: -30px -120px;
}
#toolbar li:hover .icon-wangwang:after {
background-position: -30px 0;
}
#toolbar li:hover .icon-top:after {
background-position: -30px -60px;
}
@media (max-width: 990px) {
#toolbar {
display: none;
}
}
.page-position {
padding: 15px 0;
font-size: 14px;
color: #fff;
}
.page-position a {
color: #fff;
}
.page-position a:hover {
color: #ba9376;
}
.page-wrap {
background: #ffffff;
padding-bottom: 3.38541667%;
}
@media (min-width: 990px) {
.page-wrap-left {
/* float: left; */
/* width: 305px; */
/* margin-right: -0.833333%; */
}
}
.navigation a {
display: inline-block;
font-size: 14px;
color: #333333;
font-family: "Microsoft YaHei", Arial;
line-height: 26px;
border: 1px solid #cbcbcb;
margin: 0 5px;
padding: 0 8px;
}
.navigation a.previous_page {
float: left;
}
.navigation a.next_page {
float: right;
}
.navigation a:hover {
color: #fff;
border-color: #ba9376;
background: #ba9376;
}
/* 手机站 左侧导航弹出特效 */
.xymob-left-close-btn {
display: none;
}
@media (max-width: 990px) {
/* 弹出框之后 body 上增加一个禁止滚动的类*/
body.no-scroll,
html.no-scroll {
height: 100vh;
overflow: hidden;
}
.xymob-menu-click {
position: fixed;
width: 100vw;
overflow-y: scroll;
top: 0;
left: 100%;
-webkit-transition: all .5s ease;
transition: all .5s ease;
z-index: 999999;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
}
.xymob-menu-click .xypg-left-news,
.xymob-menu-click .xypg-left-keys,
.xymob-menu-click .xypg-left-contact,
.xymob-menu-click .page-message-img {
display: none;
}
.xymob-menu-click .xymob-left-close-btn {
display: block;
position: absolute;
top: 15px;
right: 15px;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 50%;
border: 1px solid #fff;
text-align: center;
background: black;
}
.xymob-menu-click .xymob-left-close-btn .icon-font {
display: block;
width: 100%;
height: 100%;
}
.xymob-menu-click .xymob-left-close-btn .icon-font:after {
background-position: -30px -300px;
}
.xymob-menu-click .xypg-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 90vh;
padding: 5vh 0;
}
.xymob-menu-click .xypg-left .xypg-left-menu {
width: 90%;
background: #fff;
}
.xymob-menu-click.click {
left: 0;
}
}
/* 内页左侧导航栏样式 */
.xypg-left-nav {
margin: 0 -1px;
}
.xypg-left-nav>li {
position: relative;
border-bottom: 1px solid #eeeeee;
}
.xypg-left-nav>li:last-child {
border-bottom: none;
}
.xypg-left-nav>li>a {
display: block;
font-size: 16px;
line-height: 22px;
color: #2e2e2e;
padding: 15px 18px;
}
.xypg-left-nav>li .first-nav-btn {
position: absolute;
z-index: 99;
width: 30px;
height: 30px;
text-align: center;
top: 10px;
right: 20px;
cursor: pointer;
background: url(../image/icon_spirit.png) 0 -240px no-repeat;
}
.xypg-left-nav>li .first-nav-btn.clicked {
background-position: 0 -270px;
}
.xypg-left-nav>li:hover>a,
.xypg-left-nav>li.clicked>a {
color: #ba9376;
}
.xypg-left-nav>li:hover .first-nav-btn,
.xypg-left-nav>li.clicked .first-nav-btn {
color: #ba9376;
}
.xypg-left-nav .xypg-left-subnav {
display: none;
padding: 0 10px;
}
.xypg-left-nav .xypg-left-subnav>li {
border-top: 1px dashed #eeeeee;
}
.xypg-left-nav .xypg-left-subnav>li>a {
padding: 8px;
display: block;
line-height: 20px;
color: #818181;
font-size: 16px;
}
.xypg-left-nav .xypg-left-subnav>li>a:hover {
color: #ba9376;
}
.xypg-left-nav .xypg-left-subnav>li.clicked>a {
color: #ba9376;
}
.xypg-left-nav .xypg-left-threenav>li>a {
padding: 5px 10px;
display: block;
font-size: 14px;
line-height: 24px;
color: #999999;
}
.xypg-left-nav .xypg-left-threenav>li>a:before {
content: '2014 ';
}
.xypg-left-nav .xypg-left-threenav>li>a:hover {
color: #ba9376;
}
.xypg-left-nav .xypg-left-threenav>li.clicked>a {
color: #ba9376;
}
@media (max-width: 990px) {
.xypg-left-nav .xypg-left-threenav {
display: block;
}
}
.xypg-pro-description {
border: 1px solid #e5e5e5;
background: #f9f9f9;
line-height: 24px;
padding: 10px;
margin-bottom: 15px;
text-indent: 2em;
}
.xypg-product-list {
margin: 0 -1.5%;
font-size: 0;
}
.xypg-product-list li {
display: inline-block;
vertical-align: bottom;
width: 30.333%;
margin: 0 1.5% 20px 1.5%;
padding: 10px 10px 0 10px;
border: 1px solid #eeeeee;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.xypg-product-list li .img {
display: block;
}
.xypg-product-list li h3 a {
display: block;
text-align: center;
font-size: 14px;
color: #5a5a5a;
line-height: 1.6;
padding: .8em 0;
}
.xypg-product-list li:hover {
border-color: #292e39;
}
.xypg-product-list .no-result {
margin: 0 1.5%;
font-size: 14px;
}
.xypg-case-list {
margin: 0 -1%;
font-size: 0;
}
.xypg-case-list li {
display: inline-block;
vertical-align: bottom;
width: 31.333%;
margin: 0 1% 10px 1%;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.xypg-case-list li .img {
display: block;
}
.xypg-case-list li h3 a {
display: block;
text-align: center;
font-size: 14px;
color: #5a5a5a;
line-height: 1.6;
padding: .8em 0;
}
.xypg-case-list li:hover h3 a {
color: #ba9376;
}
/* 内页新闻列表 */
.xypg-news-list li {
border: 1px solid #e1e1e1;
padding: 30px;
background: #fff;
margin-bottom: 35px;
-webkit-transition: all .5s;
transition: all .5s;
}
.xypg-news-list li .tit {
border-bottom: 1px solid #cbcbcb;
margin-bottom: 15px;
position: relative;
}
.xypg-news-list li .tit h3 {
padding-bottom: 15px;
font-size: 18px;
color: #565656;
font-weight: normal;
padding-right: 25%;
margin: 0;
}
.xypg-news-list li .tit .date {
position: absolute;
right: 0;
top: 0;
font-size: 14px;
color: #666666;
}
.xypg-news-list li .info {
font-size: 14px;
line-height: 2;
color: #999999;
}
.xypg-news-list li .more {
margin-top: 15px;
}
.xypg-news-list li .more span {
display: inline-block;
width: 130px;
line-height: 33px;
text-align: center;
color: #000;
font-size: 14px;
color: #666666;
border: 1px solid #e1e1e1;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.xypg-news-list li:hover {
-webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
}
.xypg-news-list li:hover .tit h3 {
color: #292e39;
}
.xypg-news-list li:hover .more span {
color: #fff;
background-color: #292e39;
}
@media (max-width: 990px) {
.xypg-news-list li .tit {
border-bottom: none;
}
.xypg-news-list li .tit h3 {
padding-right: 0;
padding-bottom: 10px;
}
.xypg-news-list li .tit .date {
position: static;
border-bottom: 1px solid #cbcbcb;
padding-bottom: 5px;
color: #999;
}
}
.xypg-album-cate {
margin: 0 -1%;
}
.xypg-album-cate li {
float: left;
width: 31.33333%;
margin: 0 1% 20px 1%;
border: 1px solid #eaeaea;
padding: 10px;
}
.xypg-album-cate li .album-img {
margin-bottom: 15px;
}
.xypg-album-cate li .album-img img {
width: 100%;
}
.xypg-album-cate li .album-title {
text-align: center;
font-size: 15px;
color: #666666;
margin-bottom: 5px;
}
.xypg-album-cate li .album-num {
font-size: 16px;
color: #333333;
text-align: center;
}
.xypg-album-cate li .album-num span {
display: inline-block;
margin-right: 5px;
}
@media (max-width: 768px) {
.xypg-album-cate li {
width: 48%;
}
}
@media (max-width: 420px) {
.xypg-album-cate {
margin: 0;
}
.xypg-album-cate li {
width: 100%;
margin: 0 0 20px 0;
}
}
.xypg-album-list {
margin: 0 -1%;
}
.xypg-album-list li {
float: left;
width: 31.33333%;
margin: 0 1% 20px 1%;
position: relative;
}
.xypg-album-list li .img {
display: block;
overflow: hidden;
}
.xypg-album-list li .img img {
width: 100%;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.xypg-album-list li h3 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
background: rgba(0, 0, 0, 0.5);
text-align: center;
color: #fff;
line-height: 40px;
font-weight: normal;
font-size: 16px;
}
.xypg-album-list li:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media (max-width: 768px) {
.xypg-album-list li {
width: 48%;
}
}
@media (max-width: 420px) {
.xypg-album-list {
margin: 0;
}
.xypg-album-list li {
width: 100%;
margin: 0 0 20px 0;
}
}
.xypg-album-list.xypg-getkey-list li {
width: 18%;
}
@media (max-width: 1200px) {
.xypg-album-list.xypg-getkey-list li {
width: 31.3333%;
}
}
@media (max-width: 768px) {
.xypg-album-list.xypg-getkey-list li {
width: 48%;
}
}
@media (max-width: 420px) {
.xypg-album-list.xypg-getkey-list {
margin: 0;
}
.xypg-album-list.xypg-getkey-list li {
width: 100%;
margin: 0 0 20px 0;
}
}
/* 下载列表页 */
.xypg-download-list .download-title {
line-height: 60px;
background: #d9d9d9;
font-size: 18px;
color: #333333;
}
.xypg-download-list .download-title span {
display: block;
float: left;
text-align: center;
width: 19%;
}
.xypg-download-list .download-title .file-name {
width: 43%;
text-align: left;
padding-left: 5%;
}
.xypg-download-list .download-item {
line-height: 50px;
}
.xypg-download-list .download-item .download-item-span {
float: left;
width: 19%;
text-align: center;
font-size: 14px;
color: #555555;
}
.xypg-download-list .download-item .download-item-span.download-item-first {
padding-left: 4%;
width: 43%;
text-align: left;
}
.xypg-download-list .download-item .download-item-span.download-item-iocn .iconfont {
margin-right: 5px;
font-size: 14px;
}
.xypg-download-list .download-item .download-item-span.download-item-iocn a {
color: #292e39;
}
.xypg-download-list .download-item .download-item-span.download-item-iocn a:hover {
text-decoration: underline;
}
.xypg-download-list .download-item:nth-child(odd) {
background: #f3f3f3;
}
.xypg-download-list .download-item .mob-download-title {
display: none;
}
@media (max-width: 768px) {
.xypg-download-list .download-title {
display: none;
}
.xypg-download-list .download-item {
border: 1px solid #ebebeb;
margin-bottom: 20px;
background: #fff !important;
}
.xypg-download-list .download-item .download-item-span {
float: none;
width: 100%;
}
.xypg-download-list .download-item .download-item-span.download-item-first {
padding-left: 0;
width: 100%;
}
.xypg-download-list .download-item .download-item-span .mob-download-title {
float: left;
display: block;
width: 130px;
padding-left: 15px;
text-align: left;
font-weight: bold;
}
.xypg-download-list .download-item .download-item-span .download-item-con {
float: right;
width: calc(100% - 130px);
text-align: right;
padding-right: 20px;
}
.xypg-download-list .download-item .download-item-span+.download-item-span {
border-top: 1px dashed #ebebeb;
}
}
/* 下招聘列表页 */
.xypg-job-list .job-name {
width: 32.5%;
padding-left: 4%;
}
.xypg-job-list .job-xlyq {
width: 32.5%;
padding-left: 4%;
}
.xypg-job-list .job-number {
width: 20%;
text-align: center;
}
.xypg-job-list .job-more {
width: 15%;
text-align: center;
}
.xypg-job-list .job-title {
line-height: 60px;
background: #292e39;
font-size: 18px;
color: #fff;
}
.xypg-job-list .job-title span {
display: block;
float: left;
font-weight: bold;
}
.xypg-job-list .job-item {
margin-top: 20px;
line-height: 60px;
background: #f8f8f8;
}
.xypg-job-list .job-item .job-item-span {
float: left;
font-size: 16px;
color: #333333;
min-height: 1px;
}
.xypg-job-list .job-item .job-item-span .job-item-con {
display: block;
}
.xypg-job-list .job-item .job-more a {
float: right;
display: block;
text-align: center;
background: #000;
width: 29px;
height: 29px;
margin: 15px 30px 0 0;
background: #9c9c9c url(../image/xypg-job-jt.png) center no-repeat;
border-radius: 50%;
}
.xypg-job-list .job-item .job-more a:hover {
background-color: #292e39;
}
.xypg-job-list .job-item .mob-job-title {
display: none;
}
@media (max-width: 768px) {
.xypg-job-list .job-title {
display: none;
}
.xypg-job-list .job-item {
border: 1px solid #ebebeb;
margin-bottom: 20px;
background: #fff !important;
line-height: 50px;
}
.xypg-job-list .job-item .job-item-span {
float: none;
width: 100%;
padding-left: 0;
font-size: 14px;
}
.xypg-job-list .job-item .job-item-span .mob-job-title {
float: left;
display: block;
width: 130px;
padding-left: 15px;
text-align: left;
font-weight: bold;
}
.xypg-job-list .job-item .job-item-span .job-item-con {
float: right;
width: calc(100% - 130px);
text-align: right;
padding-right: 20px;
}
.xypg-job-list .job-item .job-more a {
margin: 12px 0 0 0;
}
.xypg-job-list .job-item .job-item-span+.job-item-span {
border-top: 1px dashed #ebebeb;
}
}
@media (max-width: 768px) {
.xypg-product-list li {
width: 47%;
}
.xypg-case-list li {
width: 48%;
}
}
@media (max-width: 375px) {
.xypg-product-list li {
width: 97%;
}
.xypg-case-list li {
width: 98%;
}
}
/* 分页基本样式 */
.xypg-pagination {
margin-top: 20px;
text-align: center;
font-size: 0;
}
.xypg-pagination .pagin-left,
.xypg-pagination .pagin-mid,
.xypg-pagination .pagin-right,
.xypg-pagination .pagin-select {
display: inline-block;
vertical-align: middle;
}
.xypg-pagination a,
.xypg-pagination #current {
display: inline-block;
font-size: 14px;
color: #333333;
font-family: "Microsoft YaHei", Arial;
line-height: 26px;
border: 1px solid #cbcbcb;
margin: 0 5px;
padding: 0 8px;
}
.xypg-pagination #current,
.xypg-pagination a:hover {
color: #fff;
border-color: #292e39;
background: #292e39;
}
.xypg-pagination .pagin-mid {
font-size: 14px;
}
.xypg-pagination .pagin-mid .mob-pagin-mid {
display: none;
}
.xypg-pagination .pagin-select {
font-size: 14px;
}
.xypg-pagination .pagin-select select {
height: 28px;
padding: 0 8px;
margin: -1px 5px 0 5px;
}
@media (max-width: 768px) {
.xypg-pagination .pagin-mid .pc-pagin-mid {
display: none;
}
.xypg-pagination .pagin-mid .mob-pagin-mid {
display: block;
}
.xypg-pagination .pagin-mid .mob-pagin-mid span {
display: inline-block;
padding: 0 8px;
line-height: 28px;
font-size: 14px;
}
.xypg-pagination .pagin-select {
display: none;
}
}
/* 详细页分页样式 */
.paging_num {
padding: 10px 0;
}
.paging_num a {
padding: 0 7px;
text-align: center;
display: inline-block;
border: 1px dashed #e0e1dc;
color: #666;
margin-right: 8px;
}
.paging_num a.paging_hover,
.paging_num a:hover {
border-color: #ba9376;
}
/*内页详情页面公用样式*/
.xypg-detail-title {
font-size: 20px;
color: #363636;
font-weight: bold;
margin-bottom: 10px;
line-height: 1.7;
}
.xypg-detail-info-bar {
font-size: 14px;
font-family: Arial;
color: #9e9e9e;
line-height: 35px;
border-bottom: 1px dashed #cfcfcf;
margin-bottom: 20px;
}
.xypg-detail-info-bar .detail-info-time {
float: left;
margin-right: 20px;
position: relative;
padding-left: 25px;
}
.xypg-detail-info-bar .detail-info-time i {
position: absolute;
width: 20px;
height: 20px;
top: calc(50% - 10px);
left: 0;
}
.xypg-detail-info-bar .detail-info-time i:after {
opacity: .5;
background-position: 0 -360px;
}
.xypg-detail-info-bar .detail-info-numbers {
float: left;
position: relative;
padding-left: 25px;
}
.xypg-detail-info-bar .detail-info-numbers i {
position: absolute;
width: 20px;
height: 20px;
top: calc(50% - 10px);
left: 0;
}
.xypg-detail-info-bar .detail-info-numbers i:after {
opacity: .5;
background-position: 0 -330px;
}
.xypg-detail-info-bar .xypg-file-down {
float: right;
position: relative;
}
.xypg-detail-info-bar .xypg-file-down .file-down-title {
cursor: pointer;
position: relative;
padding-left: 25px;
}
.xypg-detail-info-bar .xypg-file-down .file-down-title i {
position: absolute;
width: 20px;
height: 20px;
top: calc(50% - 10px);
left: 0;
}
.xypg-detail-info-bar .xypg-file-down .file-down-title i:after {
background-position: 0 -630px;
}
.xypg-detail-info-bar .xypg-file-down .file-down-title:hover {
color: #292e39;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list {
position: absolute;
z-index: 9999;
width: 250%;
right: 0;
background: #fff;
display: none;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li {
padding: 10px 0;
border-top: 1px dashed #cfcfcf;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .icon {
float: left;
font-size: 40px;
line-height: 40px;
margin-right: 5px;
height: 40px;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con {
overflow: hidden;
line-height: 1;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p {
font-size: 12px;
margin-bottom: 0;
line-height: 20px;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a {
font-size: 12px;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a:hover {
color: #292e39;
}
.xypg-detail-con-title {
margin: 20px 0 10px 0;
}
.xypg-detail-con-title span {
display: inline-block;
font-size: 18px;
color: #292e39;
}
.xypg-detail-con {
font-size: 14px;
color: #333;
line-height: 1.7;
}
.xypg-detail-con img,
.xypg-detail-con p img {
width: auto !important;
max-width: 100%;
height: auto !important;
}
.xypg-detail-tags {
margin-top: 40px;
}
.xypg-detail-tags .tags-title {
border-bottom: 1px solid #c3c3c3;
position: relative;
}
.xypg-detail-tags .tags-title h3 {
display: inline-block;
padding: 0 30px;
font-size: 16px;
color: #292e39;
line-height: 40px;
border-bottom: 3px solid #ba9376;
margin-bottom: -1px;
}
.xypg-detail-tags .tags-title .baidu-share {
position: absolute;
right: 0;
top: 8px;
}
.xypg-detail-tags .tags-content {
padding-top: 12px;
}
.xypg-detail-tags .tags-content a {
font-size: 12px;
color: #2f2f2f;
display: inline-block;
margin-right: 9px;
background: #f4f4f4;
line-height: 28px;
padding: 0 15px;
}
.xypg-detail-tags .tags-content a:hover {
color: #ba9376;
}
.xypg-detail-url {
margin-top: 15px;
}
.xypg-detail-url a {
word-break: break-all;
}
.xypg-detail-article p {
margin: 10px 0 20px 0;
line-height: 24px;
}
.xypg-detail-pn {
margin-top: 30px;
}
.xypg-detail-pn div+div {
margin-top: 15px;
}
.xypg-detail-pn div {
line-height: 22px;
padding: 10px;
position: relative;
border: 1px solid #eeeeee;
}
.xypg-detail-pn div b {
font-size: 14px;
color: #292e39;
float: left;
font-weight: normal;
}
.xypg-detail-pn div b:after {
content: 'FF1A';
}
.xypg-detail-pn div a {
float: left;
width: 75%;
font-size: 14px;
color: #666666;
}
.xypg-detail-pn div a:hover {
color: #ba9376;
}
@media (max-width: 600px) {
.xypg-detail-pn div a {
width: 60%;
}
}
@media (max-width: 600px) {
.xypg-detail-pn div a {
width: 50%;
}
}
.xypg-detail-pn div span {
position: absolute;
right: 20px;
top: 11px;
font-size: 14px;
color: #666666;
}
/*相关产品 和 相关新闻*/
.xypg-relate {
margin-top: 45px;
}
.relate-title {
border: 1px solid #eeeeee;
font-size: 14px;
line-height: 2.857;
margin-bottom: 15px;
}
.relate-title span {
display: inline-block;
color: #ba9376;
padding: 0 1.4em;
border-right: 1px solid #eeeeee;
}
.relate-product-slick {
position: relative;
}
.relate-product-slick .owl-item {
display: block;
font-size: 0;
}
.relate-product-slick .owl-item .img {
display: block;
margin-bottom: 8px;
}
.relate-product-slick .owl-item p {
margin-bottom: 0;
padding: .5em 0;
font-size: 12px;
color: #292e39;
text-align: center;
}
.relate-product-slick .owl-item:hover p {
color: #ba9376;
}
.relate-product-slick .owl-nav button.owl-prev,
.relate-product-slick .owl-nav button.owl-next {
width: 25px;
height: 35px;
color: #fff;
font-size: 20px;
margin-top: -17.5px;
line-height: 35px;
}
.relate-product-slick .owl-nav button.owl-prev span,
.relate-product-slick .owl-nav button.owl-next span {
display: inline;
}
.xypg-relate .relate-news {
margin-top: 45px;
}
.relate-news-list li {
float: left;
width: 48%;
position: relative;
line-height: 2.143;
font-size: 14px;
color: #292e39;
}
.relate-news-list li:nth-child(even) {
float: right;
}
.relate-news-list li a {
display: block;
padding-right: 75px;
color: #666666;
}
.relate-news-list li a:before {
content: '+';
font-weight: bold;
font-size: 16px;
line-height: 1;
margin-right: 5px;
}
.relate-news-list li span {
position: absolute;
right: 0;
top: 2.5px;
width: 75px;
text-align: right;
font-size: 12px;
color: #666666;
}
.relate-news-list li:hover a {
color: #ba9376;
}
.relate-news-list li:hover a:before {
color: #ba9376;
}
.relate-news-list li:hover span {
color: #ba9376;
}
@media (max-width: 990px) {
.xypg-relate {
display: none;
}
}
/*新闻详情页*/
/*案例基本详情页*/
.xypg-case-detail .main-img {
text-align: center;
}
.xypg-case-detail .main-img img {
max-width: 100%;
}
/* 招聘详情页面 */
.xypg-jod-detail .job-detail-title {
font-size: 16px;
color: #ffffff;
background: #292e39;
line-height: 60px;
padding-left: 25px;
}
.xypg-jod-detail .job-detail-con {
background: #f8f8f8;
padding: 25px;
}
.xypg-jod-detail .job-detail-small-title {
font-size: 16px;
color: #292e39;
margin-bottom: 10px;
}
.xypg-jod-detail .job-detail-con-box {
font-size: 14px;
color: #666666;
margin-bottom: 20px;
}
.xypg-jod-detail .job-detail-btn a {
display: inline-block;
font-size: 14px;
color: #ffffff;
background: #666666;
width: 200px;
line-height: 50px;
text-align: center;
border-radius: 5px;
}
.xypg-jod-detail .job-detail-btn a:hover {
background: #292e39;
}
/* 简历提交表格 */
.job-detail-form .form-title {
border-bottom: 1px solid #ccc;
font-size: 20px;
line-height: 2.5;
}
.job-detail-form .form-info {
line-height: 2;
margin: 10px 0;
}
.job-detail-form .form-info span {
color: red;
}
.job-detail-form .red-star {
color: red;
}
.job-detail-form textarea {
resize: none;
}
.job-detail-form #checkcode {
display: inline-block;
width: 30%;
}
.job-detail-form #checkCodeImg {
vertical-align: top;
margin-left: 10px;
}
.job-detail-form #change_code {
line-height: 34px;
padding: 0 10px;
color: #292e39;
}
.job-detail-form .form-small-tit {
line-height: 2;
font-size: 16px;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}
.job-detail-form .form-prompt {
font-size: 12px;
margin-bottom: 15px;
color: #999;
}
/* 在线留言页面 */
#message-form {
font-size: 0;
}
#message-form .red-star {
color: red;
}
#message-form label {
font-size: 14px;
}
#message-form textarea {
resize: none;
}
#message-form #checkcode {
display: inline-block;
width: 30%;
}
#message-form #checkCodeImg {
vertical-align: top;
margin-left: 10px;
}
#message-form #change_code {
line-height: 34px;
padding: 0 10px;
color: #292e39;
font-size: 14px;
}
#message-form .error-info {
padding-top: 4px;
display: inline-block;
vertical-align: top;
position: absolute;
}
@media (max-width: 768px) {
#message-form .form-group {
margin-bottom: 25px;
}
#message-form .error-info {
display: block;
padding-top: 0;
float: none !important;
padding-left: 10px;
}
#message-form #change_code+.error-info {
padding-left: 0px;
margin-left: -7px;
}
}
#message-form.n-default .msg-wrap {
position: static;
}
/* 下载详情页面 */
.xypg-download-list.xypg-download-detail-list .download-title {
background: #f3f3f3;
}
.xypg-download-list.xypg-download-detail-list .download-title .file-name {
width: 35%;
}
.xypg-download-list.xypg-download-detail-list .download-title span {
width: 16.25%;
}
.xypg-download-list.xypg-download-detail-list .download-item .download-item-span {
width: 16.25%;
}
.xypg-download-list.xypg-download-detail-list .download-item .download-item-span.download-item-first {
width: 35%;
}
@media (max-width: 768px) {
.xypg-download-list.xypg-download-detail-list .download-item .download-item-span {
width: 100%;
}
.xypg-download-list.xypg-download-detail-list .download-item .download-item-span.download-item-first {
width: 100%;
}
}
/* 搜索结果页面样式 */
.xypg-search-result .search-tag {
margin-bottom: 20px;
border: 1px solid #efefef;
border-radius: 5px;
overflow: hidden;
}
.xypg-search-result .search-tag a {
display: inline-block;
vertical-align: middle;
line-height: 40px;
padding: 0 30px;
font-size: 16px;
color: #333;
}
.xypg-search-result .search-tag a:hover,
.xypg-search-result .search-tag a.on {
color: #ba9376;
}
.xypg-search-result-box {
margin-bottom: 20px;
}
.xypg-search-result-box .xypg-search-title {
border-left: 3px solid #292e39;
padding-left: 15px;
font-size: 18px;
line-height: 35px;
margin-bottom: 15px;
font-weight: bold;
}
/* 详情页面下载列表样式 */
.xypg-detail-file-dwon li {
padding: 10px 0;
border-bottom: 1px dashed #cfcfcf;
width: 50%;
float: left;
}
.xypg-detail-file-dwon li .file-icon {
float: left;
height: 40px;
width: 50px;
margin-right: 5px;
background-image: url(../image/file_icon.png);
background-repeat: no-repeat;
}
.xypg-detail-file-dwon li .file_txt {
background-position: -180px -60px;
}
.xypg-detail-file-dwon li .file_zip {
background-position: 0 0;
}
.xypg-detail-file-dwon li .file_gif {
background-position: -60px 0;
}
.xypg-detail-file-dwon li .file_doc {
background-position: -120px 0;
}
.xypg-detail-file-dwon li .file_jpg {
background-position: -180px 0;
}
.xypg-detail-file-dwon li .file_xls {
background-position: -240px 0;
}
.xypg-detail-file-dwon li .file_rar {
background-position: 0 -60px;
}
.xypg-detail-file-dwon li .file_png {
background-position: -60px -60px;
}
.xypg-detail-file-dwon li .file_pdf {
background-position: -120px -60px;
}
.xypg-detail-file-dwon li .list-con {
overflow: hidden;
line-height: 1;
}
.xypg-detail-file-dwon li .list-con p {
font-size: 12px;
margin-bottom: 0;
line-height: 20px;
}
.xypg-detail-file-dwon li .list-con a {
font-size: 12px;
}
.xypg-detail-file-dwon li .list-con a:hover {
color: #ba9376;
}
/* 自动发布 */
.xypg-detail-article .article-img {
text-align: center;
margin: 5px 0;
}
.xypg-detail-article .article-img img {
border: 1px solid #efefef;
padding: 1px;
max-width: 100%;
height: auto !important;
}
.page-product-detail-effect {
float: left;
width: 42.61%;
}
.page-product-detail-effect .big-img {
border: 1px solid #eee;
}
.page-product-detail-effect .big-img a {
display: block;
display: block;
text-align: center;
width: 100%;
height: 390px;
font-size: 0;
}
.page-product-detail-effect .big-img a img {
max-width: 100%;
max-height: 100%;
display: inline-block;
vertical-align: middle;
}
.page-product-detail-effect .big-img a:after {
content: '';
height: 100%;
display: inline-block;
vertical-align: middle;
}
.page-product-detail-right {
width: 50%;
float: right;
}
.page-product-detail-right>h1 {
font-size: 22px;
color: #0d0d0d;
margin-bottom: 20px;
}
.product-detail-item li {
font-size: 14px;
line-height: 30px;
color: #777272;
}
.product-detail-slick {
position: relative;
margin-top: 20px;
}
.product-detail-slick a.slick-item {
display: block;
text-align: center;
width: 100%;
height: 95px;
font-size: 0;
border: 1px solid #eee;
position: relative;
}
.product-detail-slick a.slick-item img {
max-width: 100%;
max-height: 100%;
display: inline-block;
vertical-align: middle;
}
.product-detail-slick a.slick-item:after {
content: '';
height: 100%;
display: inline-block;
vertical-align: middle;
}
.product-detail-slick a.slick-item.active {
border-color: #ba9376;
}
.product-detail-slick .owl-nav button {
position: absolute;
width: 27px;
height: 27px;
background: rgba(37, 37, 37, 0.6) !important;
border-radius: 50%;
text-align: center;
line-height: 27px;
top: 50%;
margin-top: -13.5px;
z-index: 9;
cursor: pointer;
opacity: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
outline: none;
border: none;
}
.product-detail-slick .owl-nav button .icon-font {
width: 100%;
height: 100%;
display: block;
}
.product-detail-slick .owl-nav button .icon-left-arrow:after {
background-position: 1px -509px;
}
.product-detail-slick .owl-nav button .icon-right-arrow:after {
background-position: -27px -240px;
}
.product-detail-slick .owl-prev {
left: 0;
}
.product-detail-slick .owl-prev:after {
background-position: 0 0;
}
.product-detail-slick .owl-next {
right: 0;
}
.product-detail-slick:hover .owl-nav button {
opacity: 1;
}
.page-product-inquiry {
margin-top: 30px;
}
.page-product-inquiry a {
font-size: 16px;
color: #ffffff;
display: inline-block;
background: #ba9376;
padding: .5em 1.875em;
border-radius: 2em;
}
.page-product-inquiry a:hover {
opacity: .8;
}
@media (max-width: 990px) {
.page-product-detail-effect {
float: none;
width: 100%;
margin-bottom: 20px;
}
.page-product-detail-right {
width: 100%;
float: none;
}
}
@media (max-width: 640px) {
.page-product-detail-effect .big-img {
height: 280px;
}
.product-detail-slick .slick-item {
height: 65px;
}
.page-product-inquiry a {
font-size: 12px;
}
.page-product-detail-right>h1 {
font-size: 16px;
margin-bottom: 15px;
}
}
.product-detail-tab {
margin-top: 50px;
}
.product-detail-tab .product-detail-tabli {
border: 1px solid #eee;
height: 40px;
line-height: 38px;
}
.product-detail-tab .product-detail-tabli li {
float: left;
width: 20%;
text-align: center;
font-size: 14px;
color: #2f2f2f;
cursor: pointer;
border-right: 1px solid #eee;
}
.product-detail-tab .product-detail-tabli li.on,
.product-detail-tab .product-detail-tabli li:visited,
.product-detail-tab .product-detail-tabli li:active {
color: #ba9376;
position: relative;
}
.product-detail-tab .product-detail-tabli li.on:before,
.product-detail-tab .product-detail-tabli li:visited:before,
.product-detail-tab .product-detail-tabli li:active:before {
content: '';
position: absolute;
left: -1px;
right: -1px;
bottom: -1px;
top: -1px;
border: 1px solid #ba9376;
}
.product-detail-tab .product-detail-tabcon {
padding: 15px 0;
}
.product-detail-tab .product-detail-tabcon img,
.product-detail-tab .product-detail-tabcon p img {
max-width: 100%;
height: auto !important;
width: auto !important;
}
@media (max-width: 768px) {
.product-detail-tab .product-detail-tabli {
height: 35px;
}
.product-detail-tab .product-detail-tabli li {
font-size: 13px;
line-height: 33px;
}
}
@media (max-width: 420px) {
.product-detail-tab .product-detail-tabli {
height: 30px;
}
.product-detail-tab .product-detail-tabli li {
font-size: 12px;
line-height: 28px;
}
}
/* 站点地图样式 */
.xypg-sitemap .map_title {
line-height: 40px;
background-color: #f5f8fa;
border: 1px solid #d6dbe1;
text-indent: 20px;
color: #666;
border-bottom: 2px solid #ccc;
font-size: 16px;
}
.xypg-sitemap .map_list {
line-height: 30px;
padding: 0 5px;
margin-top: 8px;
margin-bottom: 8px;
}
.xypg-sitemap .map_list a {
padding: 4px;
white-space: nowrap;
font-size: 14px;
color: #666;
}
.xypg-sitemap .map_list a:hover {
text-decoration: none;
color: #3b639f;
padding: 4px;
}
.xypg-sitemap .map_list .layer1 {
margin-bottom: 10px;
}
.xypg-sitemap .map_list h3 {
border-bottom: 1px dashed #ccc;
margin-bottom: 10px;
line-height: 36px;
}
.xypg-sitemap .map_list h3 a {
font-weight: normal;
}
.xypg-sitemap .map_list .layer2 a {
color: #999;
}
.xypg-sitemap .map_list .layer2 a:hover {
text-decoration: none;
color: #3b639f;
}
/* 产品封面 */
.cover-item {
margin-bottom: 20px;
border-bottom: 3px double #ccc;
}
.cover-item a {
display: block;
}
.cover-item .img {
float: left;
border: 1px solid #ddd;
padding: 1px;
}
.cover-item .img img {
width: 100%;
}
.cover-item .item-first {
margin-bottom: 20px;
position: relative;
}
.cover-item .item-first .img {
width: 30%;
margin-right: 20px;
}
.cover-item .item-first .wz {
overflow: hidden;
}
.cover-item .item-first .wz h3 {
font-size: 18px;
color: #333;
line-height: 2;
}
.cover-item .item-first .wz .info {
font-size: 14px;
line-height: 1.7;
color: #666;
}
.cover-item .item-first .wz .more {
width: 100px;
line-height: 30px;
color: #fff;
background: #666666;
font-size: 14px;
text-align: center;
position: absolute;
right: 0;
bottom: 0;
}
.cover-item .item-list a {
margin-bottom: 10px;
}
.cover-item .item-list .img {
float: none;
}
.cover-item .item-list h4 {
font-size: 14px;
color: #333;
line-height: 30px;
text-align: center;
}
@media (max-width: 768px) {
.cover-item .item-first .img {
margin-bottom: 10px;
text-align: center;
float: none;
width: 100%;
}
.cover-item .item-first .wz .more {
position: static;
margin-top: 10px;
display: block;
}
}
/* 二级封面 */
.sort_a {
overflow: hidden;
}
.sort_a .layer1 {
padding: 15px 0px;
border-bottom: 1px dashed #a7b8d4;
position: relative;
z-index: 1;
}
.sort_a .layer1 .img {
float: left;
padding: 5px;
width: 32%;
border: 1px solid #dddddd;
}
.sort_a .layer1 .img img {
width:100%;
}
.sort_a .layer1 .img_right {
width: 65%;
float: right;
}
.sort_a .layer1 .img_right h3 {
font: bold 14px/36px "Microsoft YaHei";
}
.sort_a .layer1 .img_right span {
line-height: 25px;
display: block;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.sort_a .layer1 .pro_more {
position: absolute;
right: 0px;
bottom: 15px;
width: 110px;
padding-left: 10px;
height: 28px;
line-height: 28px;
background: #666666;
color: #fff;
font: bold 24px/24px "Microsoft YaHei";
}
.sort_a .layer1 .pro_more span {
float: left;
}
.sort_a .layer1 .pro_more a {
font: normal 12px/28px "Microsoft YaHei";
color: #fff;
padding-right: 15px;
display: inline-block;
}
.sort_a .layer1 .pro_more a:hover {
text-decoration: none;
color: #faf104;
}
.sort_a .abb_product {
padding-top: 15px;
border: 1px dashed #a7b8d4;
border-top: none;
}
.productcates {
padding-top: 10px;
}
.catemore {
color: #0080d9;
margin-top: 6px;
overflow: hidden;
position: relative;
}
.catemore h2 {
width: 360px;
float: left;
font: bold 15px/36px "Microsoft YaHei";
}
.catemore a {
float: right;
font: normal 14px/36px "Microsoft YaHei";
color: #444444;
padding-right: 28px;
}
.catemore a:hover {
text-decoration: none;
color: #0080d9;
}
.product-comment-list {
position: relative;
overflow: hidden;
}
#commentList li {
padding: 10px 10px 20px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
overflow: hidden;
}
.user-column {
width: 100px;
float: left;
}
.user-column img {
height: 50px;
max-width: 50px;
border-radius: 50%;
}
.user-name {
color: #333;
padding-top: 5px;
display: block;
}
.comment-content {
margin-left: 120px;
overflow: hidden;
position: relative;
}
.comment-stars i {
width: 18px;
height: 18px;
vertical-align: middle;
background: url(../image/star-h.png) center no-repeat;
display: none;
}
.comment-stars i.shows {
display: inline-block;
}
.comment-stars span {
position: absolute;
right: 0;
top: 5px;
color: #999;
}
.comment-text {
padding: 5px 0;
line-height: 22px;
}
.comment-recovery {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dashed #ddd;
line-height: 22px;
color: #888;
}
.comment-recovery span {
color: #f90;
}
.no-content-icon {
text-align: center;
line-height: 50px;
padding-top: 40px;
color: #999;
}
.no-content-icon .iconfont {
font-size: 60px;
}
/* 商品评论页面分页样式 */
.holder {
margin: 15px 0;
text-align: center;
}
.holder a {
cursor: pointer;
margin: 0 5px;
display: inline-block;
padding: 3px 12px;
border: 1px solid #efefef;
font-size: 12px;
color: #333;
}
.holder a:hover {
background-color: #222;
color: #fff;
}
.holder a.jp-previous {
margin-right: 15px;
}
.holder a.jp-next {
margin-left: 15px;
}
.holder a.jp-current {
color: #FF4242;
font-weight: bold;
}
a.jp-current:hover {
color: #FF4242;
font-weight: bold;
}
.holder a.jp-disabled,
a.jp-disabled:hover {
color: #bbb;
}
.holder a.jp-current,
a.jp-current:hover,
.holder a.jp-disabled,
a.jp-disabled:hover {
cursor: default;
background: none;
}
.holder span {
margin: 0 5px;
}
/* 网站标签页面样式 */
.tagdescription {
border: 1px solid #ccc;
padding: 10px;
font-size: 14px;
line-height: 1.7;
background: #efefef;
margin-bottom: 20px;
margin-top: 15px;
}
.tag-all a {
background-color: #f2f2f2;
color: #666;
padding: 5px 8px;
text-decoration: none;
margin-right: 5px;
margin-bottom: 10px;
display: inline-block;
}
.tag-all a:hover {
background-color: #ddd;
}
.tag-menu {
border: 1px solid #efefef;
border-radius: 5px;
overflow: hidden;
}
.tag-menu li {
list-style-type: none;
text-align: center;
line-height: 40px;
padding: 0 20px;
float: left;
}
.tag-menu li a {
color: #666;
font-size: 16px;
}
.tag-menu li a:hover {
color: #ba9376;
}
.tag-menu li.active a {
color: #ba9376;
}
.tag-notice {
line-height: 40px;
padding: 0 10px;
margin-top: 10px;
}
.tag-item {
padding: 15px 0;
font-size: 14px;
border-bottom: 1px solid #d6dbe1;
margin-top: 10px;
color: #666;
}
.tag-item span {
color: #292e39;
}
.tag-category {
margin-bottom: 20px;
}
.tag-category span {
font-size: 16px;
color: #000;
display: inline-block;
}
.tag-category a {
display: inline-block;
line-height: 25px;
padding: 0 15px;
border: 1px solid #e1e1e1;
border-radius: 5px;
color: #333;
margin-right: 10px;
}
.tag-category a:hover {
background: #292e39;
color: #fff;
}
.tag-list-product li {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
}
.tag-list-product li:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.tag-list-product .tag-img {
width: 220px;
float: left;
margin-right: 20px;
}
.tag-list-product .tag-img .img {
display: block;
border: 1px solid #e1e1e1;
}
.tag-list-product .tag-img .img img {
width: 100%;
}
.tag-list-product .tag-wz {
overflow: hidden;
}
.tag-list-product .tag-wz h1 {
font-size: 16px;
line-height: 30px;
font-weight: bold;
margin-bottom: 5px;
}
.tag-list-product .tag-wz h1 a {
color: #000;
}
.tag-list-product .tag-wz .tab-fenli p {
width: 50%;
float: left;
font-size: 14px;
color: #333;
margin-bottom: 0;
}
.tag-list-product .tag-wz .desp {
font-size: 12px;
line-height: 2;
height: 48px;
overflow: hidden;
color: #666;
margin: 5px 0;
}
@media (max-width: 768px) {
.tag-list-product .tag-img {
width: 100%;
float: none;
text-align: center;
margin-bottom: 10px;
}
.tag-list-product .tag-img .img img {
width: auto;
max-width: 100%;
}
.tag-list-product .tag-wz .tab-fenli p {
width: 100%;
float: none;
}
}
.xytag-title {
font-size: 18px;
border-bottom: 1px solid #ccc;
line-height: 40px;
margin-bottom: 10px;
}
.xytag-recom-product ul {
margin: 0 -1%;
}
.xytag-recom-product li {
float: left;
position: relative;
width: 18%;
margin: 0 1%;
overflow: hidden;
}
.xytag-recom-product li img {
width: 100%;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.xytag-recom-product li .zz-bg {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.xytag-recom-product li .zz-bg h2 {
position: absolute;
z-index: 9;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
text-align: center;
font-size: 16px;
line-height: 30px;
color: #fff;
height: 30px;
margin: auto;
}
.xytag-recom-product li:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.xytag-recom-product li:hover .zz-bg {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.input-box {
position: relative;
}
.input-box .placeholder {
position: absolute;
z-index: 10;
color: #999;
top: 10px;
font-size: 14px;
}
#message-form .input-box .placeholder,
#job-detail-form .input-box .placeholder {
top: 8px;
}
.x-header-right .input-box .placeholder {
top: 5px;
left: 50px !important;
}
.code-group .input-box {
float: left;
width: 32.29813665%;
}
.code-group .input-box #checkcode {
float: none;
width: 100%;
}