/*初始化样式*/
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,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;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:hover,a:active,a:focus{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{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
.xypg-left-nav>li>div.left-nav-box {
padding: 10px 33px;
cursor: pointer;
}
.xypg-left-nav>li>div.left-nav-box>a {
font-size: 15px;
line-height: 20px;
color: #2e2e2e;
}
/*----- 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;}
.wh1340{max-width:1370px;margin:0 auto;padding:0 15px;}
.wh1500{max-width:1530px;margin:0 auto;padding:0 15px;}
.wh1660{max-width:1690px;margin:0 auto;padding:0 15px;}
.bxs{overflow: hidden;}
.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);}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flexs{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.flex2 {
display: flex;
align-items: center;
flex-wrap: wrap;
}
/*头部样式*/
.top2 {
width: 100%;
height: 115px;
background: rgb(255 255 255 / 0%);
/* position: absolute; */
z-index: 9999;
/* border-bottom: 1px solid #75aaeb; */
left: 0;
top: 0;
}
.logo{float:left;line-height:115px;height:115px;overflow:hidden;width:38.27%;}
.logo img{width:100%;}
/*热门搜索*/
.sou{margin: 15px 0;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
/* 导航样式 */
.x-menu{width:54%;float:right;height:59px;overflow:hidden;margin-top:28px;}
.x-menu > li {
float: left;
position: relative;
text-align:center;width:14.28%;
}
.x-menu > li > a {
display: block;
color: #000;
font-size: 16px;
transition: all .5s ease;
line-height: 59px;
position: relative;
}
.x-menu > li:hover > a {
color: #fff;
}
.x-menu > li.active > a {
}
.x-menu > li >a::after{
content: attr(data-title);
position: absolute;
top: 0;
left: 0;
transform: translateY(100%);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #0349bd;
}
.x-menu > li >a::before{
content: '';
position: absolute;
bottom: -100%;
left: 50%;
transform: translateX(-50%);
display: block;
width: 0;
height: 3px;
background-color: #0349bd;
opacity: 0;
transition: all 0.8s ease;
}
.x-menu > li:hover >a{
color: #eec507;
text-decoration: none;
transform: translateY(-100%);
}
.x-menu > li:hover >a::before{
width: 100%;
opacity: 1;
}
.x-menu > li:hover .x-sub-menu {
opacity:0;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.x-sub-menu {
position: absolute;
z-index: 99999;
width: 150%;
left: -25%;
top: 65px;
background: #fff;
padding: 10px 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.x-sub-menu > li > a {
display: block;
text-align: center;
font-size: 14px;
color: #333;
line-height:40px;
height:40px;overflow:hidden;
}
.x-sub-menu > li > a:hover {
background: #e9eaeb;
}
.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}
/*主体样式*/
.box1{}
.sylm {
text-align: center;
width: auto;
height: 100px;
margin: auto;
margin-top: 50px;
}
.sylm_e {
font-weight: bold;
font-size: 50px;
text-align: center;
color: #393939;
line-height: 46px;
display: block;
margin: auto;
}
.sylm_b {
font-size: 60px;
color: #eee;
text-align: center;
line-height: 60px;
font-weight: 100;
position: relative;
margin-top: -75px;
text-transform: uppercase;
font-family: Arial;
font-weight: bold;
z-index: -1;
}
.linx {
width: 60px;
margin: 40px auto 0;
position: relative;
}
.linx:before {
width: 60px;
height: 5px;
background: #0162bb;
margin: auto;
display: block;
content: "";
position: absolute;
}
/*分类*/
.product {
height: auto;
overflow: hidden;
}
.pro-one {
height: auto;
background: rgba(123,123,123,0.08);
padding-top: 52px;
box-sizing: border-box;
overflow: hidden;
}
.pro-one h2 {
text-align: center;
margin-bottom: 30px;
}
.pro-one h2 span {
display: block;
height: 77px;
line-height: 77px;
font-size: 60px;
color: #FF7800;
font-weight: bold;
}
.pro-one h2 span b {
color: #000000;
}
.pro-one h2 em {
display: block;
height: 40px;
line-height: 40px;
font-size: 22px;
color: rgba(0,0,0,0.66);
font-weight: normal;
}
.pro-one dl {
height: auto;
margin-top: 40px;
}
.pro-one dl dt {
width: 1000px;
height: 596px;
float: left;
margin-left: -360px;
line-height: 0;
overflow: hidden;
}
.pro-one dl dt img {
width: 100%;
}
.pro-one dl dd {
width: 700px;
height: 640px;
position: relative;
float: right;
padding: 58px 17px 0 49px;
box-sizing: border-box;
}
.pro-one dl dd .tit {
height: 163px;
}
.pro-one dl dd .tit .left {
width: 162px;
height: 162px;
background: #434343;
float: left;
padding: 10px;
box-sizing: border-box;
}
.pro-one dl dd .tit .left h4 {
width: 100%;
height: 141px;
border: 1px solid #FFF;
padding-top: 26px;
box-sizing: border-box;
}
.pro-one dl dd .tit .left h4 i {
display: block;
width: 48px;
line-height: 48px;
margin: 0 auto;
}
.pro-one dl dd .tit .left h4 i img {
width: 100%;
}
.pro-one dl dd .tit .left h4 em {
display: block;
height: 42px;
line-height: 52px;
text-align: center;
font-size: 36px;
padding-top: 10px;
color: #FFF;
font-weight: bold;
}
.pro-one dl dd .tit .rig {
width: 406px;
padding-top: 8px;
float: right;
}
.pro-one dl dd .tit .rig span {
display: block;
height: 69px;
line-height: 69px;
font-size: 24px;
color: #333333;
border-bottom: 2px solid #e3e3e3;
position: relative;
margin-bottom: 13px;
}
.pro-one dl dd .tit .rig span i {
color: #ff7800;
font-weight: bold;
}
.pro-one dl dd .tit .rig span:before {
width: 84px;
height: 2px;
background: #f8953d;
content: "";
position: absolute;
left: 0;
bottom: -2px;
}
.pro-one dl dd .tit .rig p em {
display: block;
width: 50%;
height: 29px;
float: left;
box-sizing: border-box;
font-size: 16px;
color: #333333;
line-height: 29px;
padding-left: 11px;
background: url(../images/pro-dd.png) no-repeat left;
font-weight: bold;
}
.pro-one dl dd .pro-bd {
width: 796px;
height: 269px;
background: #FFF;
border-radius: 10px;
padding: 22px 19px;
box-sizing: border-box;
position: absolute;
right: -19px;
bottom: 94px;
box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.08);
}
.pro-one dl dd .pro-bd .bd {
overflow: hidden;
}
.pro-one dl dd .pro-bd .bd ul li {
float: left;
width: 226px;
margin-right: 40px;
}
.pro-one dl dd .pro-bd .bd ul li span {
display: block;
height: 170px;
line-height: 0;
overflow: hidden;
}
.pro-one dl dd .pro-bd .bd ul li span img {
width: 100%;
transition: 1s;
}
.pro-one dl dd .pro-bd .bd ul li em {
display: block;
height: 44px;
line-height: 44px;
text-align: center;
background: #434343;
font-size: 18px;
color: #FFFFFF;
}
.pro-one dl dd .pro-bd .bd ul li:hover span img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.pro-one dl dd .pro-bd .bd ul li:hover em {
background: #FF7800;
}
.pro-two {
height: 696px;
background: rgba(123,123,123,0.08);
margin-bottom: 37px;
box-sizing: border-box;
}
.pro-two h2 {
text-align: center;
margin-bottom: 30px;
}
.pro-two h2 span {
display: block;
height: 77px;
line-height: 77px;
font-size: 60px;
color: #FF7800;
font-weight: bold;
}
.pro-two h2 span b {
color: #000000;
}
.pro-two h2 em {
display: block;
height: 40px;
line-height: 40px;
font-size: 22px;
color: rgba(0,0,0,0.66);
font-weight: normal;
}
.pro-two dl {
height: 696px;
}
.pro-two dl dt {
width: 959px;
height: 696px;
float: right;
margin-right: -360px;
line-height: 0;
overflow: hidden;
}
.pro-two dl dt img {
width: 100%;
}
.pro-two dl dd {
width: 600px;
height: 696px;
position: relative;
float: left;
padding: 58px 49px 0 0;
box-sizing: border-box;
}
.pro-two dl dd .tit {
height: 163px;
}
.pro-two dl dd .tit .left {
width: 162px;
height: 162px;
background: #434343;
float: left;
padding: 10px;
box-sizing: border-box;
}
.pro-two dl dd .tit .left h4 {
width: 100%;
height: 141px;
border: 1px solid #FFF;
padding-top: 26px;
box-sizing: border-box;
}
.pro-two dl dd .tit .left h4 i {
display: block;
width: 48px;
line-height: 48px;
margin: 0 auto;
}
.pro-two dl dd .tit .left h4 i img {
width: 100%;
}
.pro-two dl dd .tit .left h4 em {
display: block;
height: 42px;
line-height: 52px;
text-align: center;
font-size: 36px;
padding-top: 10px;
color: #FFF;
font-weight: bold;
}
.pro-two dl dd .tit .rig {
width: 306px;
padding-top: 8px;
float: left;
margin-left: 67px;
}
.pro-two dl dd .tit .rig span {
display: block;
height: 69px;
line-height: 69px;
font-size: 24px;
color: #333333;
border-bottom: 2px solid #e3e3e3;
position: relative;
margin-bottom: 13px;
}
.pro-two dl dd .tit .rig span i {
color: #ff7800;
font-weight: bold;
}
.pro-two dl dd .tit .rig span:before {
width: 84px;
height: 2px;
background: #f8953d;
content: "";
position: absolute;
left: 0;
bottom: -2px;
}
.pro-two dl dd .tit .rig p em {
display: block;
width: 50%;
height: 29px;
float: left;
box-sizing: border-box;
font-size: 16px;
color: #333333;
line-height: 29px;
padding-left: 11px;
background: url(../images/pro-dd.png) no-repeat left;
font-weight: bold;
}
.pro-two dl dd .pro-bd {
width: 796px;
height: 269px;
background: #FFF;
border-radius: 10px;
padding: 22px 19px;
box-sizing: border-box;
position: absolute;
left: -19px;
bottom: 170px;
box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.08);
}
.pro-two dl dd .pro-bd .bd {
overflow: hidden;
}
.pro-two dl dd .pro-bd .bd ul li {
float: left;
width: 226px;
margin-right: 40px;
}
.pro-two dl dd .pro-bd .bd ul li span {
display: block;
height: 170px;
line-height: 0;
overflow: hidden;
}
.pro-two dl dd .pro-bd .bd ul li span img {
width: 100%;
transition: 1s;
}
.pro-two dl dd .pro-bd .bd ul li em {
display: block;
height: 44px;
line-height: 44px;
text-align: center;
background: #434343;
font-size: 18px;
color: #FFFFFF;
}
.pro-two dl dd .pro-bd .bd ul li:hover span img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.pro-two dl dd .pro-bd .bd ul li:hover em {
background: #FF7800;
}
.pro-bot .pro-nav {
height: 83px;
}
.pro-bot .pro-nav ul li {
float: left;
height: 61px;
line-height: 61px;
width: 14%;
text-align: center;
position: relative;
}
.pro-bot .pro-nav ul li:before {
width: 1px;
height: 22px;
background: #d4d4d4;
content: "";
position: absolute;
right: 0;
top:50%;margin-top:-11px;
}
.pro-bot .pro-nav ul li a {
display: block;
font-size: 18px;
color: #666666;
}
.pro-bot .pro-nav ul li:hover {
background: url(../images/bfee34b8fed52f9d7bf853db1daea7575b14429f.jpg) no-repeat bottom center;
}
.pro-bot .pro-nav ul li:hover a {
color: #0162bb;
}
.pro-bot .pro-nav ul li:last-child:before {
display: none;
}
.pro-bot .pro-nav ul li:last-child:hover {
background: 0;
}
.pro-bot .pro-nav ul li:last-child a {
/* color: #0162bb;
background: url(../images/f6ceeb4198abd6e8cf47b6055f68e37d5d8ea65e.png) no-repeat 80%; */
}
/*cj*/
.anliroll {
margin-bottom: 70px;
}
.anliroll li {
width: 24%;
border: 1px solid #f2f2f2;
background: #eee;
border-radius: 0px 0px 10px 10px;
margin: 1% 0 0 0;
}
.anliroll li a {
display: block;
overflow: hidden;
font-size: 18px;
position: relative;
}
.anliroll li a h4 {
overflow: hidden;
}
.anliroll li a img {
margin: 0 auto;
width: 100%;
display: block;
transition: all .5s;display:block;
}
.anliroll li a ol {
background: #eee;
color: #000;
width: 100%;
z-index: 555;
transition: all .2s;
text-align: center;
font-size: 20px;
line-height: 20px;
padding: 10px;
box-sizing: border-box;
}
.anliroll li a ol i {
margin: 0 auto;
width: 70%;
display: block;
color: dimgray;
border: 1px solid #ccc;
background-color: #fff;
font-size: 15px;
line-height: 26px;
margin-top: 15px;
margin-bottom: 10px;
border-radius: 5px;font-style:normal;
}
.anliroll li a ol i em {
font-family: Impact;
color: #666;
font-size: 18px;
line-height: 20px;
}
.anliroll li:hover a ol i {
background-color: #0162bb;
border: 1px solid #065093;
color: #fff;
}
.anliroll li a:hover ol i em {
font-family: Impact;
color: #fff;
}
.anliroll li a ol a {
color: #fff;
font-size: 18px;
}
.anliroll li a:hover img {
transform: scaleX(1.1) scaleY(1.1);
}
.apic{width:100%;position:relative;}
.apic img{width:100%;display:block;}
.jstt{text-align:center;font-size: 50px;color: #343434;line-height: 50px;width:100%;left:0;bottom:47px;position:absolute;z-index:999;}
.box3{margin-top:26px;}
.gywm{font-size: 18px;color: #1c1c1c;line-height: 36px;}
.box4{margin-top:40px;}
.fw{position:relative;}
.fw .mySwiper{overflow:hidden;}
.fw .swiper-slide{text-align:center;}
.fw .swiper-slide img{width:100%;margin:0 auto;display:block;transition: all .7s;}
.fw .swiper-slide h3{color:#666;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:40px;}
.fw .swiper-button-prev{position: absolute;top:41%;left:-45px;width:30px;height:45px;opacity:1;z-index:999;background:url(../images/536b549c766f061acbf6ffb288ee6a7b6b2a0bbc.png) no-repeat;background-size:100% 100%;}
.fw .swiper-button-next{position: absolute;top:41%;right:-45px;width:30px;height:45px;opacity:1;z-index:999;background:url(../images/52d1a296dca79f09e32510cbc0dbb7478f67af66.png) no-repeat;background-size:100% 100%;}
.fw .swiper-button-prev:hover{background:url(../images/4220784cf1c5f1be7f50d792ccce2dddee84367a.png) no-repeat;}
.fw .swiper-button-next:hover{background:url(../images/caef0d9d60236423dad18dad99842a86ffdd26ee.png) no-repeat;}
.fw .swiper-slide:hover img{transform: scaleX(0.9) scaleY(0.9);}
.box44{margin-bottom:40px;margin-top:0;}
/*ys*/
.casebj {
height: auto;
background: url(../images/d0986bcc8627c0ee9600bad7fc1999bda91e04c7.jpg) no-repeat center top;
padding-top: 60px;
padding-bottom: 100px;
overflow: hidden;
font-family: "Microsoft Yahei";
box-sizing: border-box;
margin-top: 50px;
}
.til03 {
text-align: center;
display: block;
font-size: 50px;
color: #ffffff;
line-height: 64px;
height: 140px;
position: relative;
width: auto;
font-weight: bold;
}
.til03 p {
font-size: 24px;
color: #fff;
line-height: 24px;
font-weight: normal;
}
.case {
padding:40px 60px 60px;
box-sizing: border-box;
background: #fff;
overflow: hidden;
}
.index2_ul{
overflow: hidden;
width:13.96%;
background: #eceeef;float:left;
}
.index2_ul li {
padding:30px 0;
position: relative;
border-bottom: 2px solid #dadada;
box-sizing: border-box;font-size:18px;text-align:center;
}
.index2_ul li em {
width: 44px;
height: 39px;
display: block;
margin: 0px auto;
overflow: hidden;
position: relative;
box-sizing: border-box;
}
.index2_ul li a {
color: #404040;
text-decoration: none;
line-height: 35px;
}
.index2_ul li.on {
background: #0272d8;
color: #fff;
}
.index2_ul li.on em img {
position: absolute;
right: 0;
top: 0;
}
.index2_ul li.on a {
color: #ffffff;
}
.jjfa-index .swiper-container{width:81.88%;float:right;}
.jjfa-index .swiper-wrapper{position:relative;}
.jiantou {
position: absolute;
width:100%;
z-index: 999;top:34%;
}
.prev1 {background: url(../images/391a14a4ba3b264a149e95d4c1336465103dae29.png) no-repeat top center;width:27px;height:54px;left:15px;top:0;position:absolute;z-index:9999;cursor: pointer;background-size:100% 100%;
}
.next1 {
background: url(../images/993dd5c71a76012d968db8142cc6419adb4ac30b.png) no-repeat top center;
width:27px;height:54px;right:15px;top:0;position:absolute;z-index:9999;cursor: pointer;background-size:100% 100%;
}
.jjfa-index .swiper-slide{position:relative;width:100%;overflow: hidden;}
.jjfa-index .swiper-slide dt img{width:100%;display:block;}
.jjfa-index .swiper-slide dd {
box-sizing: border-box;
position: relative;
}
.jjfa-index .swiper-slide dl dd h3 {
font-weight: normal;
font-size: 20px;
color: #333333;
height: 42px;
line-height: 42px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
background: url(../images/661270e7c3c422050ed50d3b0400d10c10fe7b6e.gif) no-repeat right 0;
margin-bottom: 15px;
}
.jjfa-index .swiper-slide dl dd h3 a {
color: #333333;
}
.jjfa-index .swiper-slide dl dd p {
line-height: 24px;
overflow: hidden;
font-size: 16px;
color: #666666;
height: 48px;
width: 90%;
}
.case1 {
margin-top:30px;
}
.case1 h3 {
height: 54px;
}
.case1 h3 i {
display: inline-block;
background: url(../images/d424f454ea7d288f83f4577954f3a5b469488dd0.gif) no-repeat left center;
font-size: 22px;
color: #333;
padding-left: 12px;
height: 30px;
line-height: 30px;font-style:normal;
}
.case1 h3 span {
font-size: 14px;
color: #666666;
line-height: 30px;
font-weight: normal;
float: right;
text-decoration: none;
}
.gd .mySwiper22{overflow:hidden;}
.gd .swiper-slide{text-align:center;}
.gd .swiper-slide .img{position:relative;overflow:hidden;}
.gd .swiper-slide img{width:100%;margin:0 auto;display:block;}
.gd .swiper-slide .mask{width:100%;
height:100%;
background: rgba(0,0,0,0.5);
position: absolute;
bottom:-100%;
left: 0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;}
.gd .swiper-slide .nr{display:flex;align-items: center;justify-content: center;flex-direction:column;height:100%;}
.gd .swiper-slide .mo{
background: url(../images/9a84166ad65577afd6f0358acada3f3ee4ad5743.png) no-repeat center top;
font-size: 14px;
color: #ffffff;
text-align: center;padding-top:30px;
}
.gd .swiper-slide h4 {
border-top: 1px solid #c4c6c7;
font-weight: normal;
font-size: 16px;
color: #666666;
text-align: center;
display: block;
background: #eceeef;
box-sizing: border-box;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:50px;
}
.gd .swiper-slide:hover .mask{bottom:0;}
/* 新闻 */
.wh1390{max-width:1420px;margin:0 auto;padding:0 15px;}
.news_box {
margin: 0px auto;
padding-bottom:30px;
}
.nbc_list {
margin: 0 auto;
width: 100%;
height: auto;
overflow: hidden;
margin-top: 50px;
}
.nbcl_le {
width:48.35%;
}
.nbcl_le .news_div_item {
width: 48%;
vertical-align: top;
border: 1px solid #e6e6e6;
padding: 16px;
}
.nbcl_le .news_div_item:hover {
background-color: #f9f9f9;
box-shadow: 0 0 21px #d2d2d2;
}
.nbcl_le .news_div_item_pic img {
width: 100%;
height: auto;
margin-top: 30px;display: block;
}
.news_div_item_title a {
font-size: 18px;font-weight:bold;overflow:hidden;height:30px;display:block;line-height:30px;color:#666;
}
.nbcl_le .news_div_item:hover a {
color: #ff7800;
}
.nbcr_ri .news_div_item:hover a {
color: #23527c;
}
.nbcl_le .news_div_item_year{color:#666;font-size:14px;}
.nbcl_le .news_div_item_body {
margin-top: 20px;
line-height: 30px;
color: #68686a;
font-size: 15px;height:150px;overflow:hidden;
}
.nbcl_le .news_div_item_date, .new_more {
display: inline-block;
vertical-align: top;
font-size: 0;
margin-top: 25px;
}
.nbcl_le .news_div_item_date>div {
display: inline-block;
vertical-align: top;
color: #68686a;
}
.new_more {
width: 24px;
height: 24px;
border-radius: 24px;
border: 1px solid #9a9899;
background: url(../images/n_more.png) no-repeat right center;
float: right;
margin-top: 17px;
}
.nbcr_ri {
width: 44.96%;
}
.nbcr_ri .news_div_item_pic {
display: none;
}
.nbcr_ri .news_div_item {
font-size: 0;
border-top: 1px solid #e6e6e6;
padding: 26px 0;
position: relative;
transition: 300ms;
border-left: 1px #e6e6e6 solid;
border-right: 1px #e6e6e6 solid;
}
.nbcr_ri .news_div_item:hover {
box-shadow: 0 0 21px #d2d2d2;
z-index: 1;
transition: 300ms;
}
.nbcr_ri .news_div_item_date, .nbcr_ri .news_div_item_content {
display: inline-block;
vertical-align: top;
}
.nbcr_ri .news_div_item_date {
width: 20%;
text-align: center;
font-size: 0;
color: #0272d8;
}
.nbcr_ri .news_div_item_content {
width: 70%;
padding-left: 20px;
border-left: 1px solid #f3f3f3;
font-weight: 100;
}
.nbcr_ri .news_div_item_date>div {
font-family: Arial;
}
.nbcr_ri .news_div_item_year, .nbcr_ri .news_div_item_month {
display: inline-block;
vertical-align: top;
color: #565656;
font-size: 17px;
line-height: 39px;
}
.nbcr_ri .news_div_item_day {
font-size: 60px;
font-weight: bold;
line-height: 78px;
}
.nbcr_ri .news_div_item_body {
margin-top: 10px;
line-height: 25px;
color: #68686a;
padding-right: 20px;
font-size: 15px;
}
.nbcr_ri .news_div_item:nth-child(3) {
border-bottom: 1px #e6e6e6 solid;
}
.new_t {
float: left;
}
.new_ta {
font-size: 40px;
color: #333;
line-height: 46px;
display: block;
width: 400px;
margin: auto;
}
.new_ta span {
font-weight: bold;
}
.new_tb {
font-size: 20px;
color: #666;
line-height: 40px;
}
/*页面底部*/
/*------------foot----------*/
.h_ft {
background: url(../images/8ea506365ab197ee524106a32d9517df773ded5b.jpg) no-repeat center top;
padding-top: 74px;background-size:100% 100%;
}
.h_ft .m_fnav {
float: left;
height: 290px;width:66.42%;
}
.h_ft .m_fnav dl {
float: left;
position: relative;
}
.h_ft .m_fnav dl:before {
content: "";
position: absolute;
width: 1px;
height: 220px;
background: rgba(255,255,255,.2);
right: 0;
top: 7px;
}
.h_ft .m_fnav dl:nth-child(1) {
width:30%;
margin-right:4.48%;
}
.h_ft .m_fnav dl:nth-child(2) {
width:23%;
margin-right:4.48%;
}
.h_ft .m_fnav dl.aaa dd a{display:block;width:100%;}
.h_ft .m_fnav dl:nth-child(3) {
width:36%;
margin-right: 10px;
}
.h_ft .m_fnav dt a {
display: block;
height: 40px;
line-height: 40px;
font-size: 22px;
color: #fff;
background: url(../images/b2622e78177be45d6416dc42fcf114c79d813fe5.png) no-repeat 115px 15px;
margin-bottom: 12px;
}
.h_ft .m_fnav dd a {
width:50%;
display: block;
line-height: 32px;
font-size: 15px;
color: #888;
float: left;
}
.h_ft .m_fnav dd a:hover {
color: #ffffff;
}
.h_ft .m_fnav dl:nth-child(1) {
animation-delay: 0.1s;
}
.h_ft .m_fnav dl:nth-child(2) {
animation-delay: 0.2s;
}
.h_ft .m_fnav dl:nth-child(3) {
animation-delay: 0.3s;
}
.h_ft .f_er {
width: 240px;
height: auto;
overflow: hidden;
padding-top: 20px;
}
.h_ft .f_er li {
margin: 0 auto;
width: 113px;
padding: 10px;
background: rgba(255,255,255,.2);
text-align: center;
float: left;
}
.h_ft .f_er li img {
width: 100%;
}
.h_ft .f_er li p {
color: #fff;
font-family: "微软雅黑";
font-size: 14px;
line-height: 20px;
padding-top: 10px;
}
.f_lx {
float: right;
width:30.3%;
animation-delay: 0.4s;
}
.f_lx h3 a {
display: block;
height: 40px;
line-height: 40px;
font-size: 22px;
color: #fff;
background: url(../images/b2622e78177be45d6416dc42fcf114c79d813fe5.png) no-repeat 185px 15px;
margin-bottom: 12px;
font-weight: bold;
}
.f_lx h4 {
height: 80px;
font-size: 14px;
color: #888;
font-weight: normal;
}
.f_lx h4 b {
display: block;
font-size: 40px;
color: #ffffff;
line-height: 65px;
}
.f_lx p {
font-size: 15px;
line-height: 24px;
color: #888;
}
.copyr {
font-size: 14px;
color: #888;
border-top: 1px solid rgba(255,255,255,.2);
padding:20px 0;
}
.copyr a {
color: #888;
}
.copyr a:hover {
color: #0272d8;
}
.footer33{height:50px;}
/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}
@media (max-width:1440px) {
.jstt{font-size:40px;bottom:30px;}
}
@media (max-width:1024px) {
.x-menu > li > a{font-size:14px;}
.sylm_b{font-size:50px;}
.sylm_e{font-size:40px;}
.linx {
width: 60px;
margin:30px auto 0;
position: relative;
}
.pro-bot .pro-nav ul li a{font-size:16px;}
.anliroll li a ol{font-size:16px;}
.anliroll li a ol i{font-size:14px;width:90%;}
.jstt{font-size:30px;bottom:10px;}
.gywm{font-size:16px;line-height:32px;}
.fw .swiper-button-prev{left:-12px;}
.fw .swiper-button-next{right:-12px;}
.til03{font-size:40px;}
.til03 p{font-size:20px;}
.index2_ul li{font-size:16px;padding:20px 0;}
.jjfa-index .swiper-slide dl dd h3{font-size:16px;margin-bottom:5px;}
.jjfa-index .swiper-slide dl dd p{font-size:14px;line-height:20px;height:40px;}
.gd .swiper-slide h4{font-size:14px;line-height:45px;}
.case1 h3 i{font-size:18px;}
.news_div_item_title a{font-size:16px;}
.nbcl_le .news_div_item_body{font-size:14px;}
.nbcr_ri .news_div_item_day{font-size:50px;line-height:54px;}
.nbcr_ri .news_div_item_body{height:50px;overflow: hidden;font-size:14px;margin-top:7px;}
.nbcr_ri .news_div_item_year, .nbcr_ri .news_div_item_month{font-size:15px;}
.h_ft .m_fnav dt a{font-size:18px;}
.h_ft .m_fnav dd a{font-size:14px;}
.f_lx h3 a{font-size:18px;}
.f_lx h4 b{font-size:30px;}
.f_lx p{font-size:14px;}
.h_ft .f_er li{width:100px;}
.h_ft .f_er li p{font-size:13px;}
}
@media (max-width: 768px) {
.x-banner{margin-top:60px;}
.page-banner{margin-top:60px;}
.xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
.pro-bot .pro-nav ul li{width:20%;height:45px;line-height:45px;}
.pro-bot .pro-nav{height:auto;}
.sylm_b{font-size:40px;}
.sylm_e{font-size:30px;}
.linx {
width: 40px;
margin:30px auto 0;
position: relative;
}
.linx:before{width:40px;height:3px;}
.anliroll{margin-top:20px;}
.anliroll li{width:49%;}
.til03{font-size:30px;}
.til03 p{font-size:17px;}
.index2_ul{width:100%;}
.jjfa-index .swiper-container{width:100%;margin-top:20px;}
.index2_ul li{width:25%;float:left;}
.jiantou{top:29%;}
.case{padding:20px 30px 30px;}
.nbcl_le{width:100%;}
.nbcr_ri{width:100%;margin-top:15px;}
.sylm{height:70px;}
.anliroll{margin-bottom:35px;}
.box3{margin-top:0px;}
.casebj{margin-top:35px;}
.casebj{padding-top:30px;padding-bottom:50px;}
.nbc_list{margin-top:25px;}
.h_ft{padding-top:25px;}
.f_lx{width:100%;margin-bottom:15px;}
.f_lx h4 b{font-size:26px;line-height:50px;}
.f_lx h4{height:auto;}
.copyr{font-size:13px;}
}
.xymob-left-close-btn .icon-close:before{font-size:0;}
@media (max-width:640px) {
.page-product-detail-effect {
pointer-events: none;
}
.fw .swiper-button-prev{display:none;}
.fw .swiper-button-next{display:none;}
}
@media (max-width:425px) {
.pro-bot .pro-nav ul li{width:25%;}
.pro-bot .pro-nav ul li.last{display:none;}
.anliroll li a ol{font-size:14px;}
.anliroll li a ol i{font-size:12px;margin-top:10px;margin-bottom:5px;}
.pro-bot .pro-nav ul li a{font-size:15px;}
.gywm{font-size:14px;line-height:28px;}
.index2_ul li{font-size:14px;}
.prev1{width:20px;height:40px;}
.next1{width:20px;height:40px;}
.jiantou{top:22%;}
.index2_ul li a{line-height:29px;}
.gd .swiper-slide h4{line-height:38px;}
.news_div_item_title a{font-size:15px;}
.nbcl_le .news_div_item_year{font-size:13px;}
.nbcl_le .news_div_item_body{font-size:13px;line-height:25px;height:50px;margin-top:8px;}
.nbcl_le .news_div_item_pic img{margin-top:15px;}
.nbcr_ri .news_div_item_date{width:25%;}
.nbcr_ri .news_div_item_body{padding-right:0;font-weight:300;}
}