Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 6
div, ul, li, span, p, img, h1, h2, h3, h4, h5, h6, dl, dt, dd {
margin: 0px;
padding: 0px;
list-style: none;
border: 0px;
}
/*公共样式部分*/
body {
color: #666;
margin: 0 auto;
background-color: #fff;
font-family: "Microsoft YaHei";
overflow-x: hidden;
font-size: 14px;
}
#copy {
display: none;
}
a {
color: #666;
text-decoration: none;
}
a:hover {
color: #C40D23;
text-decoration: none;
border-bottom-style:
}
.page {
margin: 0 auto;
width: 1400px
}
.bg {
width: 100%;
min-width: 1400px;
}
.fl {
float: left;
}
.fr {
float: right;
}
/*左右浮动清除*/
.clear {
clear: both;
height: 0px;
overflow: hidden;
}
/*间隙*/
.top10 {
padding-top: 10px;
}
.top15 {
padding-top: 15px;
}
.top20 {
padding-top: 20px;
}
.top30 {
padding-top: 30px;
}
.top40 {
padding-top: 40px;
}
.top50 {
padding-top: 50px;
}
.top60 {
padding-top: 60px;
}
.top70 {
padding-top: 70px;
}
.top80 {
padding-top: 80px;
}
.top90 {
padding-top: 90px;
}
.top100 {
padding-top: 100px;
}
.w1200 {
width: 1400px;
margin: 0 auto;
}
/*英文样式*/
.font_en {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: normal;
}
/*公共标题样式*/
.t {
text-align: center;
}
.t p {
font-size: 36px;
color: #333; font-weight:bold
}
.t span {
display: block;
font-size: 18px;
line-height: 40px;
letter-spacing: 0px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase
}
.nt {
text-align: center;
}
.nt p {
font-size: 30px;
color: #333;
font-weight: bold
}
.nt span {
display: block;
font-size: 16px;
line-height: 40px;
letter-spacing: 3px;
}
#allleft {
width: 100%;
height: 46px;
}
.allleft {
width: 1200px;
margin: 30px auto 0 auto;
height: 46px;
}
.allleft ul {
padding-left: 400px;
}
.allleft ul li a {
width: 100px;
height: 16px;
display: block;
float: left;
font-size: 16px;
color: #414141;
line-height: 16px;
text-align: center;
margin-right: 0px;
border-right: 1px #CCC solid;
margin-left: 0px;
}
.allleft ul li:last-child a {
width: 100px;
height: 16px;
display: block;
float: left;
font-size: 16px;
color: #414141;
line-height: 16px;
text-align: center;
margin-right: 0px;
border-right: 0px #CCC solid;
margin-left: 0px;
}
.allleft ul li a.cur {
color: #2F3841;
}
.allleft ul li a:hover {
color: #064894;
}
#newsdh {
width: 100%;
height: 46px;
}
.newsdh {
width: 1200px;
margin: 30px auto 0 auto;
height: 46px;
}
.newsdh ul {
padding-left: 450px;
}
.newsdh ul li a {
width: 100px;
height: 16px;
display: block;
float: left;
font-size: 16px;
color: #414141;
line-height: 16px;
text-align: center;
margin-right: 0px;
border-right: 1px #CCC solid;
margin-left: 0px;
}
.newsdh ul li:last-child a {
width: 100px;
height: 16px;
display: block;
float: left;
font-size: 16px;
color: #414141;
line-height: 16px;
text-align: center;
margin-right: 0px;
border-right: 0px #CCC solid;
margin-left: 0px;
}
.newsdh ul li a.cur {
color: #2F3841;
}
.newsdh ul li a:hover {
color: #064894;
}
/*抬头*/
.head_bg {
background: url(../images/topbg.jpg)no-repeat center;
height: 140px;
}
.logo {
margin-top: 24px;
}
.logo img{ width:250px;
}
.name {
margin-top: 40px;
margin-left: 20px;
border-right: 1px #eee solid;
padding-right: 20px;
}
.name p {
font-size: 24px;
font-weight: bold;
color: #222;
}
.name p:nth-child(1) {
letter-spacing: 5px;
}
.name_l {
font-size: 20px;
line-height: 26px;
color: #b0b0b0;
margin-top: 38px;
margin-left: 15px;
border-left: 1px #eee solid;
padding-left: 20px;
}
.name_l t {
color: #C40D23;
}
.head_tel {
background: url(../images/tel.png)no-repeat center left;
padding-left: 58px;
margin-top: 42px;
}
.head_tel p {
font-size: 15px;
color: #333;
}
.head_tel span {
display: block;
color: #C30E21;
font-weight: bold;
font-size: 28px;
}
/*导航*/
.nav {
background: #232323;
height: 50px;
width: 100%;
line-height: 50px;
position: relative;
}
.nav .NavCeshi > li {
float: left;
width: 11.1%;
}
.nav .NavCeshi > li > a {
color: #fff;
font-size: 16px;
display: block;
position: relative;
z-index: 3;
text-align: center;
line-height:52px;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
padding:0px 0;
}
.nav .NavCeshi > li > a > .en {
line-height: 20px;
display: block;
font-size: 13px;
text-transform: capitalize;
color: #bfd7f3;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.nav .block {
position: absolute;
display: block;
background: #C30E21;
height: 5px;
top: -5px;
overflow: visible !important;
}
.nav .NavCeshi > li:hover > a, .nav .NavCeshi > li.navcurrent > a {
color: #C30E21;
}
.nav .NavCeshi > li:hover > a .en, .nav .NavCeshi > li.navcurrent > a .en {
color: #C30E21;
}
.nav .block:after {
content: '';
display: block;
width: 0;
height: 0;
border-width: 5px 5px 0px 5px;
border-style: solid;
border-color: transparent transparent transparent #C30E21;
position: absolute;
right: -10px;
}
.erji_menu {
display: none;
position: absolute;
top: 80px;
left: 0;
width: 100%;
-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1) inset;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1) inset;
background: #fff;
text-align: center;
z-index: 3333;
}
.erji_menu > ul {
padding: 30px 0
}
.erji_menu > ul:after {
content: '';
display: block;
clear: both;
}
.erji_menu > ul > li {
display: inline-block;
padding: 0 15px;
color: #454545
}
.erji_menu > ul > li a {
display: block;
font-size: 17px;
line-height: 30px;
}
.erji_menu > ul > li a i {
display: block;
width: 30px;
height: 30px;
margin: 0 auto;
background-size: 30px;
}
.erji_menu > ul > li:hover a i {
background-position-y: -60px;
}
.erji_menu > ul > li:hover a {
color: #C40D23
}
.erji_menu > ul > li.about_eMenw1 a i {
background-image: url(../uploadfile/image/20200429/20200429184819_892790573.png);
}
.erji_menu > ul > li.about_eMenw2 a i {
background-image: url(../uploadfile/image/20200429/20200429184819_892790573.png);
}
.erji_menu > ul > li.about_eMenw3 a i {
background-image: url(../uploadfile/image/20200429/20200429184819_892790573.png);
}
.erji_menu > ul > li.about_eMenw4 a i {
background-image: url(../uploadfile/image/20200429/20200429184819_892790573.png);
}
.erji_menu > ul > li.about_eMenw5 a i {
background-image: url(../uploadfile/image/20200429/20200429184819_892790573.png);
}
.erji_menu > ul > li.about_eMenw6 a i {
background-image: url(../uploadfile/image/20200429/20200429184819_892790573.png);
}
.erji_menu > ul > li.about_eMenw7 a i {
background-image: url(../uploadfile/image/20200429/20200429184819_892790573.png);
}
.erji_menu > ul > li.about_eMenw8 a i {
background-image: url(../uploadfile/image/20200429/20200429184819_892790573.png);
}
.erji_menu > ul > li.about_eMenw9 a i {
background-image: url(../uploadfile/image/20200429/20200429184819_892790573.png);
}
.erji_menu > ul > li.about_eMenw10 a i {
background-image: url(../uploadfile/image/20200429/20200429184819_892790573.png);
}
.erji_menu > ul > li.about_eMenw11 a i {
background-image: url(../uploadfile/image/20200429/20200429184819_892790573.png);
}
/*幻灯片*/
.tp-caption lft {
top：600px;
left: 300px;
}
/*搜索*/
.search_nbg {
width: 100%;
min-width: 1200px;
height: 72px;
margin: 0 auto;
position: absolute;
top: 570px;
background: #fff;
border-bottom: 1px solid #edeeef;
}
.search {
height: 72px;
border-bottom: 1px solid #edeeef;
}
.keywords {
line-height: 72px;
}
.keywords span {
font-size: 14px;
color: #C40D23;
}
.keywords a {
font-size: 14px;
color: #666666;
}
.keywords a:hover {
color: #C40D23;
}
#infoname {
margin: 0;
height: 40px;
line-height: 40px;
padding-left: 54px;
color: #b9bcc1;
background: url(../images/ssdot.png) no-repeat 16px;
width: 215px;
font-size: 14px;
height: 72px;
border: none;
border-left: 1px solid #edeeef;
}
#search_r li:nth-child(2) {
width: 75px;
height: 72px;
background: #C40D23;
}
#search_r li:nth-child(2) input {
border: none;
margin: 20px 21.5px;
}
#search_r li {
float: left;
}
/*产品中心*/
.prod_bg {
background: url(../images/sjsbg.jpg)repeat #292826;
height: 950px;
}
.ny_prod_bg {
background: #FFF;
}
.prod_l {
height: 50px;
line-height: 50px;
width: 130px;
background: #C40D23;
color: #fff;
font-size: 20px;
background-image: url(../images/cppic.png);
background-repeat: no-repeat;
background-position: 30px center;
background-size: 26px;
padding-left: 70px;
font-weight: 100;
}
.prod_a {
background: #fff;
height: 50px;
width:1400px;
}
.prod_a a {
display: block;
float: left;
line-height: 50px;
font-size: 18px;
width:25%;
text-align: center; background:url(../images/linex.jpg) right center no-repeat;
}
.prod_a a:nth-child(4) {
background: none;
}
.prod_r a {
height: 50px;
width: 49px;
background: #fff;
text-align: center;
line-height: 50px;
font-size: 36px;
font-weight: lighter;
color: #ccc;
display: block;
}
.prod_d > table > tbody > tr > td {
display: block;
width: 290px;
height: 265px;
position: relative;
padding-left: 0px!important;
float: left;
margin-left: 13px;
margin-bottom: 20px;
overflow: hidden;
}
.prod_d > table > tbody > tr > td > br {
display: none;
}
.prod_d > table > tbody > tr > td > span {
background: #FFF;
margin-top: 0px;
display: block;
position: absolute;
width: 310px;
height: 55px;
bottom: 0px;
right: 0px;
background: #fff);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.prod_d > table > tbody > tr > td > span a {
font-size: 14px;
text-align: center;
line-height: 55px;
color: #333;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.prod_dh {
width: 100%;
background: rgba(0, 0, 0, 0.4);
height: 100%;
position: absolute;
bottom: 0;
left: -110%;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.prod_dh a {
display: block;
color: #fff;
font-size: 16px;
padding-top: 28%;
letter-spacing: 100px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.prod_dh p {
height: 22px;
line-height: 22px;
border-radius: 10px;
border: 1px solid #fff;
-webkit-transition: all 0.3s 0.3s;
transition: all 0.3s 0.3s;
padding: 1px 15px;
margin: 15px auto;
display: block;
font-size: 13px;
color: #fff;
font-weight: 100;
width: 70px;
text-align: center;
position: relative;
bottom: -180px;
letter-spacing: 0px;
}
.prod_d > table > tbody > tr > td:hover span {
bottom: -100%;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.prod_d > table > tbody > tr > td:hover span a {
letter-spacing: 100px;
-webkit-transition: all 0s ease 0.5s;
transition: all 0s ease 0.5s;
}
.prod_d > table > tbody > tr > td:hover > .prod_dh {
left: 0;
}
.prod_d > table > tbody > tr > td:hover > .prod_dh p {
left: 0;
bottom: 0;
}
.prod_d > table > tbody > tr > td:hover > .prod_dh a {
letter-spacing: 0px;
}
.prod_d > table > tbody > tr > td:nth-child(1) {
margin-left: 0px;
}
/*首页产品*/
.product_list {
overflow: hidden;
*margin-bottom: 38px;
}
.product_list ul {
width: 100%;
}
.product_list li {
width: 270px; height:302PX;
float: left;
margin-right: 15px;
margin-bottom:15px;
position: relative;
border-radius: 0px;
transition: all .5s;
overflow: hidden
}
.product_list li:nth-child(1) {
width: 520px; height:620px
}
.product_list li:nth-child(4) {
margin-right: 0;
}
.product_list li:nth-child(7) {
margin-right: 0;
}
.product_list li .img {
width: 100%;
height: 302px;
border-radius: 0px;
}
.product_list li:nth-child(1) .img {
width: 100%;
height: 620px;
border-radius: 0px;
}
.product_list li .img img {
width: 100%;
height: 100%;
display: block;
border-radius: 0px;
}
.product_list li .txt {
position: absolute;
left: 0;
bottom: -60px;
height: 60px;
background: url(../images/bg_6.png) repeat;
width: 100%;
border-radius: 0px;
color: #fff;
transition: all .5s;
}
.product_list li .txt h3 {
font-size: 18px;
font-weight: 100;
line-height: 60px;
text-align: center;
transition: all .5s;
}
.product_list li .txt h4 {
font-size: 16px;
font-weight: 100;
line-height: 60px;
text-align: center;
transition: all .5s;
}
.product_list li .txt span {
margin: 0 auto;
margin-top: 10px;
display: block;
text-align: center;
line-height: 33px;
border-radius: 0px;
opacity: 0;
transition: all .5s; width:80%;
}
.product_list li:hover {
text-align: center;
box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1);
}
.product_list li:hover .txt {
background: url(../images/bg_6b.png) repeat;
height: 100%;
border-radius: 0px;
bottom: 0px;
}
.product_list li:hover .txt h3 {
padding-top: 80px;
font-size: 18px;
font-weight: 100;
line-height: 40px;
}
.product_list li:nth-child(1):hover .txt h3 {
padding-top: 189px;font-size: 20px;
}
.product_list li:hover .txt h4 {
padding-top: 10px;
font-size: 18px;
font-weight: 100;
line-height: 24px;
}
.product_list li:hover .txt span {
opacity: 1;
}
/*产品列表*/
.ny_product_list {
overflow: hidden;
*margin-bottom: 38px;
}
.ny_product_list ul {
width: 100%;
}
.ny_product_list li {
width: 365px;
float: left;
margin-right: 52px;
margin-bottom: 0px;
position: relative;
border-radius: 0px;
transition: all .5s;
overflow: hidden
}
.ny_product_list li:nth-child(3n) {
margin-right: 0;
}
.ny_product_list li .img {
width: 100%;
height: 300px;
border-radius: 0px;
}
.ny_product_list li .img img {
width: 100%;
height: 100%;
display: block;
border-radius: 0px;
}
.ny_product_list li .txt {
left: 0;
bottom: -60px;
height: 60px;
width: 100%;
border-radius: 0px;
color: #333;
transition: all .5s;
}
.ny_product_list li .txt h3 {
font-size: 18px;
font-weight: 100;
line-height: 60px;
text-align: center;
transition: all .5s;
}
.ny_product_list li .txt span {
margin: 0 auto;
margin-top: 20px;
display: block;
border: 1px solid #fff;
text-align: center;
width: 123px;
height: 33px;
line-height: 33px;
border-radius: 0px;
opacity: 0;
transition: all .5s;
}
/*.ny_product_list li:hover { text-align: center; box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1); }
.ny_product_list li:hover .txt {position: absolute;background: url(../images/bg_6b.png) repeat;height: 100%;border-radius: 0px; bottom:0px ;color: #fff}
.ny_product_list li:hover .txt h3 { padding-top: 89px; }
.ny_product_list li:hover .txt span {opacity: 1;}*/
/*品质*/
.proadv {
height: 740px;
background: url(../images/fapic.png)no-repeat center top;
}
.paul {
margin-top: 40px;
}
.paul dl.fr {
text-align: right;
}
.paul dl dt p {
float: left;
}
.paul dl.fr p {
float: right;
}
.paul dl dt {
height: 165px; width:350px
}
.paul dl dt p:nth-child(1) {
width: 92px;
height: 95px;
line-height: 100px;
background: url(../images/faicobg.png) no-repeat center;
color: #dde4f3;
font-family: Arial, Helvetica, sans-serif;
font-size: 38px;
font-weight: bold;
text-align: center;
position: relative;
}
.paul dl dt p:nth-child(1):after {
content: '';
display: block;
width: 11px;
height: 56px;
background: url(../images/faline.png) no-repeat center;
margin: -4px 0px 0px 40px;
}
.paul dl dt p:nth-child(2) {
font-size: 15px;
color: #828891;
margin: 20px 10px 0px 0px;
line-height: 26px;
}
.paul dl dt p:nth-child(2) span {
display: block;
font-size: 28px;
color: #303b49;
font-weight: bold;
margin-bottom: 25px;
}
.paul dl.fr p:nth-child(2) {
margin: 20px 10px 0px 0px;
}
/*.paul dl dt p:nth-child(1):before {
content: '';
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 0px;
background: url(../images/faicobghover.png) no-repeat center;
transition: all 0.5s ease;
}*/
/*.paul dl dt:hover p:nth-child(1):before {
height: 100%;
}
.paul dl dt:hover p:nth-child(1) {
color: #fff;
background: none;
}*/
.paul dl dt p:nth-child(1) i {
position: relative;
z-index: 3;
}
.proadv_b {
height: 144px;
background: url(../images/zxbg.png)no-repeat center;
}
.proadv_b p {
float: left;
padding-top: 30px;
}
.proadv_b p t {
font-size: 16px;
}
.proadv_b p b {
font-size: 30px;
color: #C40D23;
}
.proadv_b p span {
display: block;
font-size: 16px;
color: #333;
line-height: 40px;
}
.proadv_b a {
display: block;
float: right;
width: 256px;
height: 70px;
line-height: 78px;
text-align: center;
color: #fff;
font-size: 16px;
background: url(../images/zxbgx.png)no-repeat center bottom;
padding-top: 30px;
}
/*优势*/
.adv {
}
.adv_titl p:nth-child(1) {
font-size: 60px;
color: #fff;
font-weight: 400;
height: 95px;
line-height: 95px;
background: url(../images/ysen.png) no-repeat center;
text-align: center;
letter-spacing: 2px;
}
.adv_titl p:nth-child(2) {
font-size: 22px;
color: #fff;
font-weight: lighter;
opacity: 0.8;
margin-top: 5px;
text-align: center;
}
.advtab li {
float: left;
width: 50%;
height: 100px;
transition: all 0.5s ease;
line-height: 100px;
color: #222222;
font-size: 30px;
font-weight: lighter;
position: relative;
cursor: pointer;background: #EAECEB;
}
.advtab li:nth-child(2) {
background: #F6F6F6;
}
/*.advtab li:before {
content: '';
display: block;
width: 100%;
height: 0px;
position: absolute;
top: 0px;
left: 0px;
transition: all 0.5s ease;
background: #EAECEB;
transition: all 0.5s ease;
z-index: 1;
}*/
.advtab li.cur:before, .advtab li:hover:before {
height: 100%;
}
.advtab li p {
position: relative;
z-index: 3; text-align:center;
}
.advtab li.cur, .advtab li:hover {
font-weight: normal;
}
/*.advtab li:after {
content: '';
display: block;
position: absolute;
background: url(../images/yspic.png) no-repeat left top;
z-index: 2;
transition: all 0.5s ease;
}
.advtab li:nth-child(1):after {
width: 40px;
height: 55px;
background-position-x: 0px;
top: 24px;
left: 34px;
}*/
.advtab li:nth-child(2):after {
width: 49px;
height: 50px;
background-position-x: -49px;
top: 25px;
left: 29px;
}
.advtab li:nth-child(3):after {
width: 38px;
height: 44px;
background-position-x: -111px;
top: 28px;
left: 28px;
}
.advtab li:nth-child(4):after {
width: 43px;
height: 45px;
background-position-x: -167px;
top: 25px;
left: 30px;
}
.advtab li:hover:after, .advtab li.cur:after {
transform: rotateY(360deg);
background-position-y: -70px;
}
.advcon ul {
display: none;
position: relative;
height: 500px;
background: #fff;
}
.advcon ul:nth-child(1) {
display: block;
}
.advcon {
margin-top: 9px;
position: relative;
}
.advwa>p:nth-child(1) {
font-size: 26px;
color: #C40D23;
margin-bottom: 5px;
color: #666;
}
.advlist {
padding: 10px;
}
.advlist li {
float: left;
margin: 0 10px 20px 0px;
background: #f0f0f0;
padding: 14px 20px;
width: 545px;
height: 120px;
;
}
.advlist li:nth-child(2n) {
float: left;
margin: 0 0px 20px 0px;
background: #f0f0f0;
padding: 14px 20px;
width: 545px;
}
.advlist li h2 {
font-size: 25px;
color: #252525;
line-height: 45px;
font-weight: normal;
margin-bottom: 10px;
}
.advlist li p {
font-size: 14px;
color: #6d6d6d;
line-height: 25px;
font-weight: normal
}
.adv_tit p {
float: left;
}
.adv_tit p:nth-child(1) {
font-family: 'Arial';
font-size: 65px;
color: #C40D23;
margin-bottom: 0px;
}
.adv_tit p:nth-child(2) {
height: 59px;
width: 2px;
background: #C30E21;
margin: 15px;
}
.adv_tit p:nth-child(2) span {
display: block;
width: 100%;
height: 30px;
background: #0046d3;
animation: waves 2s linear 0s infinite alternate;
-webkit-animation: waves 2s linear 0s infinite alternate;
}
.yiyong_list {
overflow: hidden;
*margin-bottom: 38px;
}
.yiyong_list ul {
width: 100%;
}
.yiyong_list li {
width:415px;
float: left;
margin-right: 70px;
margin-bottom: 10px;
position: relative;
border-radius: 0px;
transition: all .5s;
overflow: hidden
}
.yiyong_list li:nth-child(3n) {
margin-right: 0;
}
.yiyong_list li .img {
width: 100%;
border-radius: 0px;
}
.yiyong_list li .img img {
width: 100%;
height: 100%;
display: block;
border-radius: 0px;
}
.yiyong_list li .txt {
height: 80px;
width: 100%;
color: #333;
transition: all .5s;
}
.yiyong_list li .txt h3 {
font-size: 18px;
font-weight: 100;
line-height: 80px;
text-align: center;
transition: all .5s;
}
.yiyong_list li .txt span {
margin: 0 auto;
margin-top: 20px;
display: block;
border: 1px solid #fff;
text-align: center;
width: 123px;
height: 33px;
line-height: 33px;
border-radius: 0px;
opacity: 0;
transition: all .5s;
}
.yiyong_list li:hover {
text-align: center;
box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1);
}
.yiyong_list li:hover .txt h3 {
padding-top: 0px;
}
.yiyong_list li:hover .txt span {
opacity: 1;
}
.rmlp_list {
overflow: hidden;
*margin-bottom: 38px;
}
.rmlp_list ul {
width: 100%;
}
.rmlp_list li {
width:415px;
float: left;
margin-right: 70px;
margin-bottom: 10px;
position: relative;
border-radius: 0px;
transition: all .5s;
overflow: hidden
}
.rmlp_list li:nth-child(3n) {
margin-right: 0;
}
.rmlp_list li .img {
width:403px;
border-radius: 0px; border:4px #f0f0f0 solid;;
}
.rmlp_list li .img img {
width: 100%;
height: 100%;
display: block;
border-radius: 0px;
}
.rmlp_list li .txt {
height: 80px;
width: 100%;
color: #333;
transition: all .5s;
}
.rmlp_list li .txt h3 {
font-size: 18px;
font-weight: 100;
line-height: 80px;
text-align: center;
transition: all .5s;
}
.rmlp_list li .txt span {
margin: 0 auto;
margin-top: 20px;
display: block;
border: 1px solid #fff;
text-align: center;
width: 123px;
height: 33px;
line-height: 33px;
border-radius: 0px;
opacity: 0;
transition: all .5s;
}
.rmlp_list li:hover {
text-align: center;
/* box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1);*/
}
.rmlp_list li:hover .txt h3 {
padding-top: 0px;
}
.rmlp_list li:hover .txt span {
opacity: 1;
}
/*动画*/
@-webkit-keyframes waves {
10% {
height: 20%;
}
20% {
height: 60%;
}
40% {
height: 40%;
}
50% {
height: 100%;
}
100% {
height: 50%;
}
}
@keyframes waves {
10% {
height: 20%;
}
20% {
height: 60%;
}
40% {
height: 40%;
}
50% {
height: 100%;
}
100% {
height: 50%;
}
}
.adv_tit p:nth-child(3) {
font-size: 32px;
color: #222;
font-weight: bold;
margin-top: 10px;
}
.adv_tit p:nth-child(3) span {
display: block;
text-transform: uppercase;
font-size: 18px;
color: #999;
font-weight: lighter;
}
.advword {
clear: both;
margin-top: 20px;
width: 467px;
}
.advword p {
position: relative;
padding-left: 14px;
font-size: 15px;
color: #5d5e60;
line-height: 35px;
}
.advword p:after {
content: '';
display: block;
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: #C30E21;
top: 15px;
left: 0px;
}
.advwa {
width: 575px;
padding: 55px 0px 0px 65px;
}
.advjt {
width: 68px;
height: 68px;
cursor: pointer;
}
.abb_ri {
background: #C30E21 url(../images/ico01.png) no-repeat right center;
}
.abb_le {
background: #C40D23 url(../images/ico01.png) no-repeat left center;
margin-right: 1px;
}
.acll_b {
position: absolute;
width: 645px;
left: 64px;
top: 350px;
}
.acll_b i::before, .acll_b i::after {
content: '';
position: absolute;
}
.acll_b i::before {
width: 25%;
;
height: 3px;
background: #C40D23;
z-index: 2;
transition: 600ms ease;
left: 33px;
margin-top: -1px;
left: 98px;
top: 15px;
}
.acll_b.line00 i::before {
width: 25%;
transition: 600ms ease;
}
.acll_b.line01 i::before {
width: 50%;
transition: 600ms ease;
}
.acll_b.line02 i::before {
width: 75%;
transition: 600ms ease;
}
.acll_b.line03 i::before {
width: 100%;
transition: 600ms ease;
}
.acll_b i::after {
width: 357px;
height: 1px;
background: #e7e3e3;
left: 68px;
z-index: 1;
top: 16px;
left: 98px;
}
.acll_b i em:nth-child(1) {
color: #C40D23;
}
.acll_b i {
font-size: 30px;
font-family: Arial, Helvetica, sans-serif;
color: #C30E21;
letter-spacing: 1px;
}
.acll_b i {
display: block;
width: 375px;
position: relative;
margin-top: 15px;
}
/*应用*/
.app_bg {
background: #f5f5f5;
padding-bottom: 70px;
}
.ind_nr {
width: 100%;
}
.ind_nr table {
display: block;
text-align: center;
}
.ind_nr>table>tbody {
width: 100%;
display: inline-block;
}
.ind_nr>table>tbody>tr {
display: block;
}
.ind_nr>table>tbody>tr+tr {
margin-top: 26px;
text-align: center;
}
.ind_nr>table>tbody>tr>td {
display: inline-block;
overflow: hidden;
padding: 0px !important;
}
.ind_nr>table>tbody>tr>td>br {
display: none;
}
.ind_nr>table>tbody>tr>td+td {
margin-left: 1.5%;
}
.ind_nr>table>tbody>tr>td>a {
overflow: hidden;
display: block;
}
.ind_nr>table>tbody>tr>td>a>img {
overflow: hidden;
width: 387px;
height: auto;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.ind_nr>table>tbody>tr>td:hover a>img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.ind_nr>table>tbody>tr>td>div {
margin: 0px !important;
padding: 0px !important;
position: relative;
width: 100%;
display: block;
height: 62px;
-webkit-transition: 500ms ease-out;
transition: 500ms ease-out;
}
.ind_nr>table>tbody>tr>td>div::after {
position: absolute;
top: 0px;
left: 0px;
width: 0;
height: 100%;
background: #C40D23;
content: '';
z-index: 1;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.ind_nr>table>tbody>tr>td:hover div::after {
width: 100%;
}
.ind_nr>table>tbody>tr>td:hover div>a {
color: #fff;
padding: 24px 48px;
}
.ind_nr>table>tbody>tr>td:hover div>a::after {
right: 140px;
color: #fff;
}
.ind_nr>table>tbody>tr>td>div>a {
float: left;
position: relative;
width: 100%;
text-align: left;
padding: 24px 0px;
z-index: 2;
-webkit-transition: 0.5s;
transition: 0.5s;
font-size: 16px;
}
.ind_nr>table>tbody>tr>td>div>a::after {
position: absolute;
content: '+查看详情';
top: 24px;
right: 0px;
font-size: 15px;
-webkit-transition: 500ms;
transition: 500ms;
color: #1a1a1a;
}
/*设备*/
#featured {
overflow: hidden;
height: 568px;
position: relative;
margin: 0;
}
#featured .slide {
position: absolute;
z-index: 1;
padding: 6px 6px 25px;
}
#featured .active {
z-index: 2;
padding: 6px 6px 25px;
}
#featured .description {
display: none;
position: absolute;
bottom: -70px;
left: 204px;
width: 322px;
height: 55px;
font-size: 16px;
background: #C40D23;
border-radius: 50px;
text-align: center;
line-height: 55px;
}
#featured .description, #featured .description h2 {
color: #fff;
font-weight: normal;
}
#featured .additional {
display: none;
background: url(../images/dot.png);
position: absolute;
top: 6px;
left: 6px;
width: 731px;
height: 468px;
}
#featured .active .description {
display: block !important;
}
#featured a.prevslide, #featured a.nextslide {
display: block;
width: 30px;
height: 40px;
position: absolute;
top: 200px;
text-indent: -9999px;
}
#featured a.prevslide {
background: url(../images/leftjt.png) no-repeat;
left: 29px;
}
#featured a.nextslide {
background: url(../images/rightjt.png) no-repeat;
right: 30px;
}
#featured a.featured-zoom, #featured a.featured-more {
display: block;
width: 40px;
height: 43px;
position: absolute;
text-indent: -9999px;
top: 150px;
}
.container {
text-align: left;
margin: 0 auto;
width: 1020px;
position: relative;
}
/*定制*/
.custom {
background: #f5f5f5;
width: 100%;
min-width: 1200px;
height: 494px;
}
.custom_l {
color: #333;
width: 490px;
margin-top: 103px;
font-size: 18px;
font-weight: lighter;
}
.custom_l p {
font-size: 30px;
}
.custom_l span {
font-size: 40px;
display: block;
margin: 5px 0 20px 0;
}
.custom_l b {
color: #C40D23;
}
.custom_l em {
width: 40px;
height: 5px;
display: block;
background: #C40D23;
margin: 20px 0px;
}
.custom_r {
margin-top: 80px;
text-align: center;
width: 1200px;
padding-top: 40px;
}
.left {
padding: 0px;
float: left;
min-height: 365px;
width: 262px;
margin-right: 10px;
background: #FFF;
border-radius: 8px;
padding: 18px 15px;
}
.left:nth-child(4) {
margin-right: 0px;
}
.left dl {
margin: 0;
padding: 0;
}
.left dl dd {
text-align: left;
font-size: 18px;
line-height: 28px;
color: #064894;
font-family: microsoft yahei;
margin: 0 0 60px 0;
padding: 0;
text-align: center;
background: url(../images/titbg.png) center bottom no-repeat;
padding-bottom: 20px;
}
.left dl dt {
text-align: left;
font-size: 14px;
color: #8F8F8F;
font-family: microsoft yahei;
line-height: 24px;
font-weight: normal;
width: 130px;
margin: 0 auto
}
.left dl dt p {
margin: 0;
padding: 0;
}
/*
.custom_r li {
float: left;
width: 210px;
height: 339px;
background: #fff;
margin-right: 40px;
border-radius: 15px;
font-size: 16px;
}*/
.call_l a {
display: block;
background: #222;
width: 168px;
height: 43px;
line-height: 43px;
text-align: center;
font-size: 18px;
color: #fff;
}
.call_l a:hover {
color: #C40D23;
}
.custom_r li span {
line-height: 30px;
}
.call_r {
margin-left: 14px;
}
.call_d {
margin-top: 40px;
}
.tubb {
background: url(../images/qian.png)no-repeat;
width: 46px;
height: 46px;
margin: 60px auto 29px auto;
}
.custom_r li:last-child {
margin-right: 0px !important;
}
.custom_r li p {
font-size: 24px;
font-weight: bold;
color: #222;
}
.custom_r li em {
background: #C40D23;
display: block;
width: 36px;
height: 1px;
margin: 20px auto;
}
.custom_r li:hover {
background: #C40D23;
}
.custom_r li:hover p, .custom_r li:hover span {
color: #fff;
}
.custom_r li:hover em {
background: #fff;
}
.custom_r li:hover .tubb {
background: url(../images/qian1.png)no-repeat;
}
/*简介*/
.com_bg { min-height:700px;
}
.com_w {
padding: 60px 0 0 0px; width:880px;
float:left
}
.com_w h2 {
font-size: 24px;
font-weight: bold;
color: #333;
padding: 20px 0 0px 0; text-align:left
}
.com_w p {
font-size: 24px;
font-weight: bold;
color: #333;
padding: 0px 0 30px 0; text-align:left
}
.com_w .com_txt {
font-size: 16px;
line-height: 34px; min-height:300px; text-align:left
}
.com_w a {
font-size: 16px;
}
.com_img {
padding: 60px 0 0 0px; width:400px;
height: 330px; float: right
}
.com_img img{ width:100%
}
.com_b {
padding-left: 0px;
}
.com_b a {
display: block;
float: left;
color: #fff;
width: 150px;
text-align: center;
position: relative;
}
.com_b a+a {
margin-left: 55px;
}
.com_b a p {
font-size: 16px;
line-height: 32px;
padding-top: 40px;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.com_b a p:before {
content: "";
display: block;
width: 60px;
height: 60px;
margin: 0 auto;
background-image: url(../images/ico02.png);
background-repeat: no-repeat;
position: relative;
z-index: 1;
}
.com_b a:nth-child(1) p:before {
background-position: 0 0;
}
.com_b a:nth-child(2) p:before {
background-position: -60px 0;
}
.com_b a:nth-child(3) p:before {
background-position: -120px 0;
}
.com_b a:after {
content: "";
display: block;
width: 18px;
height: 18px;
background: #2d77cb;
position: absolute;
border-radius: 100%;
top: 42px;
right: 50px;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.com_b a:hover::after {
right: 40px;
top: 40px;
}
.com_b a:hover p {
letter-spacing: 3px;
font-weight: bold;
}
/*新闻*/
.news_cont {
width: 1200px;
}
.news_cont ul {
width: 502px;
margin: 0 auto;
height: 42px;
}
.news_cont ul a {
width: 158px;
height: 42px;
background: #aaa;
float: left;
line-height: 42px;
text-align: center;
margin-left: 14px;
display: block;
color: #fff;
font-size: 16px;
}
.news_cont ul a:nth-child(1) {
margin-left: 0px;
}
.news_cont ul a.on {
background: #C40D23;
}
.news_box {
margin-top: 20px;
}
/*.news_cont .news_div_item:nth-child(1) {
width: 590px;
height: 544px;
margin-top: 20px;
float: left;
margin-right: 20px;
background: #fff;
}
.news .news_div_item:nth-child(1) {
cursor: pointer;
}
.news_cont .news_div_item:nth-child(1) {
position: relative;
}
.news_cont .news_div_item:nth-child(1) .news_div_item_date {
position: absolute;
right: 0;
top: 440px;
width: auto;
height: 20px;
display: block;
font-size: 14px;
line-height: 20px;
font-family: 'Arial';
}
.news_cont .news_div_item:nth-child(1) .news_div_item_year, .news_div_item_month, .news_div_item_day {
float: left
}
.news_cont .news_div_item:nth-child(1) .news_div_item_content {
position: absolute;
top: 425px;
width: 590px;
left: 0px;
}
.news_cont .news_div_item:nth-child(1) .news_div_item_pic {
position: absolute;
}
.news_cont .news_div_item:nth-child(1) .news_div_item_pic img {
width: 590px;
height: 408px;
}
.news_cont .news_div_item:nth-child(1) .news_div_item_a {
font-size: 18px;
color: #333;
width: 100%;
height: 120px;
line-height: 50px;
display: block;
position: absolute;
z-index: 3;
}
.news_cont .news_div_item:nth-child(1) .news_div_item_body {
font-size: 15px;
color: #666;
margin-top: 46px;
line-height: 24px;
}
.news_cont .news_div_item:nth-child(1) .news_div_item_body:after {
content: '';
width: 56px;
height: 1px;
background: #dcdfe1;
display: block;
position: relative;
top: 43px;
-webkit-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.news_cont .news_div_item:nth-child(1) .news_div_item_a:hover {
color: #C40D23;
}
.news_cont .news_div_item:nth-child(1):hover .news_div_item_body:after {
width: 100%;
background: #C40D23;
}*/
.news_cont .news_div_item_year {
float: left
}
.news_cont .news_div_item {
margin-top: 20px;
position: relative;
width: 590px;
background: #f5f5f5;
margin: 20px auto 0 auto;
overflow: hidden;
padding: 20px;
}
.news_cont .news_div_item img {
width: 180px;
height: 125px;
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
}
.news_cont .news_div_item:hover img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: -webkit-transform 0.6s ease 0s;
transition: transform 0.6s ease 0s;
}
.news_cont .news_div_item_date {
position: absolute;
bottom: 28px;
right: 249px;
font-family: 'Arial';
color: #666;
width: 300px;
text-align: left
}
.news_cont .news_div_item_pic {
position: absolute;
}
.news_cont .news_div_item_pic img {
width: 238px;
height: 166px;
}
.news_cont .news_div_item_content {
position: absolute;
width: 365px;
left: 240px;
top: 25px;
}
.news_cont .news_div_item_content p {
font-size: 14px;
line-height: 26px;
color: #858584
}
.news_cont .news_div_item_a {
font-size: 16px;
color: #333;
width: 100%;
height: 135px;
display: block;
position: absolute;
z-index: 3;
}
.news_cont .news_div_item_a:hover {
color: #C40D23;
}
.news_cont .news_div_item_body {
font-size: 14px;
color: #666;
font-weight: lighter;
margin-top: 26px;
line-height: 22px;
}
.news .tempWrap {
width: 1200px !important;
}
.news_list {
width: 1200px;
}
.news_list li {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #eaeaea;
background: #f5f5f5;
;
overflow: hidden;
padding: 20px;
width: 600px;
height: 300px;
}
.news_list li ._date {
float: left;
width: 250px;
background: #f5f5f5;
text-align: center;
height: 150px;
font-family: arial;
color: #008F68;
overflow: hidden
}
.news_list li ._date img {
width: 250px;
height: 150px;
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
}
.news_list li ._date:hover img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: -webkit-transform 0.6s ease 0s;
transition: transform 0.6s ease 0s;
}
.news_list li ._date span {
display: block;
}
.news_list li ._date ._d1 {
font-size: 44px;
line-height: 46px;
padding-top: 20px;
}
.news_list li ._nr {
float: left;
width: 67%;
margin-left: 3%;
}
.news_list li ._nr1 {
width: 100%;
}
.news_list li ._title {
font-size: 18px;
font-weight: bold;
color: #375060;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 35px;
}
.news_list li ._title a {
color: #f00;
}
.news_list li ._title a:hover {
color: #FFA903;
}
.news_list li ._tools {
color: #b4b4b4;
margin: 3px 0;
}
.news_list li ._tools .ion {
margin-left: 0;
}
.news_list li ._tools span {
padding-right: 15px;
}
.news_list li ._sum {
line-height: 24px;
height: 80px;
overflow: hidden;
color: #565656;
font-size: 14px
}
.news_list li a:hover {
padding-bottom: 10px;
}
.news_list li a:hover ._title {
color: #f00;
}
.news_list li a:hover ._date {
background: #008F68;
color: #fff;
}
/*友情链接*/
.links {
height: 82px;
line-height: 82px;
background: #C40D23;
}
.links p:nth-child(1) {
font-size: 16px;
color: #fff;
padding-left: 35px;
background: url(../images/linkpic.png) no-repeat left center;
margin-right: 15px;
}
.links p:nth-last-child(1) a {
font-size: 14px;
color: #fff;
}
.links p:nth-last-child(1) a:hover {
text-decoration: underline;
}
/*版权*/
.copyright {
background: #2e2e2e;
}
.crcenter {
}
.crcenter .crp {
font-size: 16px;
color: #d5d5d5;
position: relative; line-height:28px; margin-left:30px; border-left:1px #989898 solid; padding:30px;
}
/*.crcenter .crp:after {
content: '';
display: block;
position: absolute;
bottom: 0px;
left: 0px;
width: 24px;
height: 2px;
background: #999999;
}*/
.kslj a {
display: block;
line-height: 35px;
font-size: 14px;
color: #999999;
}
.kslj a:hover {
color: #fff;
}
.kslj li {
float: left;
}
.kslj li+li {
margin-left: 65px;
}
.kslj dl {
float: left;
}
.kslj dl+dl {
margin-left: 50px;
}
.kslj {
padding-top: 40px;
}
.crconcat {
margin-left: 0px;
padding: 40px 0px; width:470px;
}
.crconcat dl p {
font-size: 14px;
color: #999999;
line-height: 45px;
padding-left: 37px; float:left; margin-left:30px;
}
.crconcat dl p:nth-child(1) {
background: url(../images/ico001.png) no-repeat left center;
}
.crconcat dl p:nth-child(2) {
background: url(../images/ico002.png) no-repeat left center;
}
.crconcat dl p:nth-child(3) {
background: url(../images/ico003.png) no-repeat left center;
}
.crconcat dl p:nth-child(4) {
background: url(../images/addpic.png) no-repeat left center;
}
.crcode {
padding-top: 40px;
}
.crcode li {
float: left;
}
.crcode li+li {
margin-left: 20px;
}
.crcode li img {
width: 140px;
height: 140px;
}
.crcode li p {
margin-top: 15px;
font-size: 14px;
color: #666666;
text-align: center;
}
.end{ margin-top:30px; padding-top:30px; border-top:1px #616161 solid;
}
.end, .end a {
line-height:48px;
font-size: 14px;
color: #999999; height:70px;
}
.end p a { padding:0 10px;
}
.end a:hover {
text-decoration: underline;
color: #fff;
}
.html_left {
width: 1300px;
float: none;
display: inline-table
}
.html_right {
width: 269px;
float: right;
background: #f4f4f4;
padding: 0 28px;
}
.html_cont {
width: 1400px;
margin: 0 auto;
}
.html_left li {
border-bottom: 1px solid #e6e5e5;
overflow: hidden;
padding-bottom: 20px;
margin-bottom: 20px;
}
.cont_img {
width: 182px;
height: 128px;
display: block;
float: left;
overflow: hidden;
}
.cont_img img {
transition: all .5s cubic-bezier(0.4, 0, 0.2, 1);
transform: scale(1, 1);
width: 182px;
}
.cont_title h2 {
font-size: 24px;
font-weight: 400;
margin: 10px 0 10px;
height: 40px;
line-height: 40px;
float: left;
}
.cont_title {
font-size: 14px;
border-bottom: 1px #CCCCCC solid;
margin-top: 20px;
;
}
.go_home a {
color: #888;
padding: 0 5px;
}
.go_home a:hover {
color: #06328c;
}
.go_home {
float: right;
color: #888;
margin: 10px 0 10px;
height: 40px;
line-height: 40px;
}
.go_home i {
color: #ccc;
}
.img_text {
}
.img_text h3 {
font-size: 22px;
margin: 10px 0;
display: block;
line-height: 38px;
overflow: hidden;
font-weight: 400;
text-align: center
}
.img_text span {
font-size: 14px;
line-height: 28px;
text-align: center
}
.img_text1 {
color: #4e4e4e;
height: 44px;
overflow: hidden;
margin-bottom: 10px;
}
.img_data {
color: #b2b2b2;
font-size: 13px;
}
.html_left li a:hover img {
transform: scale(1.1, 1.1);
}
.details_cont2 {
background: #f9f9f9 url(../images/img14.jpg) no-repeat right top; /*padding: 70px 50px;*/
padding: 119px 50px;
}
.details_cont2 p {
margin-bottom: 20px;
color: #272727;
line-height: 25px;
font-size: 15px;
text-align: justify;
}
.details_cont2 p.font20 {
font-size: 20px;
}
.details_cont2 p.p_right {
text-align: right;
}
.details_cont3 {
line-height: 30px;
font-size: 16px;
color: #272727;
margin-bottom: 20px;
text-align: justify;
padding: 0px;
width: 1400px;
margin: 0 auto
}
.details_cont3 dt{ width:80px; font-size:16px; line-height:35px; float:left; height:40px; margin-bottom:10px; color:#6d6d6d}
.details_cont3 dd{ width:640px; font-size:16px; line-height:35px; border:1px #CCCCCC solid;float:left;height:40px; padding-left:20px}
.details_cont3 dd a{ margin-right:10px; cursor: pointer; color:#6d6d6d}
.details_cont3 dd a:hover{font-size:16px; color:#000}
.details_cont3 p {
line-height: 40px;
font-size: 16px;
color: #272727; font-weight:normal;
}
.details_cont3 table {
border-top: 1px #f1f1f1 solid;
border-right: 1px #f1f1f1 solid;
}
.details_cont3 td {
line-height: 30px;
font-size: 16px;
color: #272727;
border-left: 1px #f1f1f1 solid;
border-bottom: 1px #f1f1f1 solid;
padding-left: 10px;
}
.details_cont3 h3 {
font-size: 22px;
margin: 10px 0;
display: block;
line-height: 38px;
overflow: hidden;
font-weight: bold;
text-align: center
}
.details_cont3 span {
font-size: 14px;
line-height: 28px;
display: block;
text-align: center;
width: 100%;
margin-bottom: 30px;
}
.details_cont3 img {
border-radius: 0px;
margin: 0 auto; margin-right:20px;
}
/* 客服样式*/
.y-kefu-box {
position: fixed;
right: 0;
top: 20%;
z-index: 9999;
font-size: 13px;
}
.y-kefu-box img {
display: block;
width: 100%;
height: auto;
}
.y-kefu-box01 .icon {
display: block;
background: url(../images/icon03.png) no-repeat;
margin: 0 auto 6px;
}
.y-kefu-box01 {
width: 54px;
color: #666;
text-align: center;
}
.y-kefu-box01 .kf-close-btn {
width: 27px;
height: 27px;
background-position: -5px -115px;
position: relative;
cursor: pointer;
}
.y-kefu-box01 .kf-close-btn:before {
content: '';
display: block;
width: 1px;
height: 12px;
background-color: #C40D23;
position: absolute;
bottom: -12px;
left: 13px;
z-index: 1;
}
.y-kefu-box01 .kf-close-btn:before {
content: '';
display: block;
width: 1px;
height: 12px;
background-color: #C40D23;
position: absolute;
bottom: -12px;
left: 13px;
z-index: 1;
}
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div {
display: block;
width: 52px;
padding: 8px 0 12px;
background-color: #fff;
border-left: solid 1px #efefef;
border-top: solid 1px #efefef;
border-right: solid 1px #efefef;
position: relative;
border-bottom: 1px #efefef solid;
}
.y-kefu-box01 .show-status {
position: relative;
}
.y-kefu-box01 .show-status .kf-zixun {
background-color: #C40D23;
border-color: #C40D23;
color: #fff;
margin: 10px 0 7px;
}
.y-kefu-box01 .show-status .kf-zixun {
background-color: #C40D23;
border-color: #C40D23;
color: #fff;
margin: 10px 0 7px;
}
.y-kefu-box01 .kf-zixun {
border-radius: 2px;
}
.y-kefu-box01 .kf-zixun i {
width: 21px;
height: 22px;
background-position: -5px -5px;
}
.y-kefu-box01 .kf-mobile {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.y-kefu-box01 .kf-mobile>i {
width: 18px;
height: 18px;
background-position: -5px -32px;
}
.y-kefu-box01 .kf-mobile:hover>i {
background-position: -30px -32px;
}
.y-kefu-box01 .kf-weChat>i {
width: 22px;
height: 19px;
background-position: -5px -55px;
}
.y-kefu-box01 .kf-weChat:hover>i {
background-position: -30px -55px;
}
.y-kefu-box01 .kf-email {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.y-kefu-box01 .kf-email>i {
width: 18px;
height: 14px;
background-position: -5px -80px;
}
.y-kefu-box01 .kf-email:hover>i {
background-position: -30px -80px;
}
.y-kefu-box01 .back-top i {
width: 13px;
height: 11px;
background-position: -5px -98px;
}
.y-kefu-box01 .back-top:hover i {
background-position: -30px -98px;
}
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top {
border-bottom: solid 1px #efefef;
}
.y-kefu-box01 .back-top {
margin-top: 20px;
border-radius: 2px;
left: 55px;
}
.y-kefu-box01 .hver:hover {
background-color: #C40D23;
border: 1px #C40D23 solid;
}
.y-kefu-box01 .hver:hover>p {
color: #fff;
}
.y-kefu-box01 .kf-zixun1 {
border-radius: 2px;
}
.y-kefu-box01 .kf-zixun1 i {
width: 21px;
height: 22px;
background-position: -5px -180px;
}
.y-kefu-box01 .kf-zixun1:hover>i {
background-position: -30px -180px;
}
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos {
background-color: #fff;
border: solid 1px #efefef;
position: absolute;
right: 90px;
z-index: 2;
border-radius: 2px;
display: none;
}
/*咨询热线*/
.y-kefu-box01 .mobile-infos {
width: 260px;
text-align: left;
top: 0;
}
.y-kefu-box01 .mobile-infos>div {
padding: 20px 0 20px 45px;
position: relative;
}
.y-kefu-box01 .mobile-infos>div i {
width: 15px;
height: 15px;
background-position: -52px -32px;
position: absolute;
top: 22px;
left: 20px;
z-index: 2;
}
.y-kefu-box01 .mobile-infos .online1 {
border-bottom: solid 1px #efefef;
}
.y-kefu-box01 .mobile-infos span {
color: #b9b9b9;
}
.y-kefu-box01 .mobile-infos p {
color: #C40D23;
font-size: 18px;
}
y-kefu-box .right {
width: 12px;
height: 12px;
position: absolute;
right: -12px;
top: 24px;
}
y-kefu-box .right-arrow1, y-kefu-box .right-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-top: 6px transparent dashed;
border-right: 6px transparent dashed;
border-bottom: 6px transparent dashed;
border-left: 6px white solid;
overflow: hidden;
}
y-kefu-box .right-arrow1 {
left: 1px;
border-left: 6px #efefef solid;
}
y-kefu-box .right-arrow2 {
border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box {
width: 151px;
height: 178px;
top: -60px;
}
.y-kefu-box01 .y-ewm-box>div {
width: 151px;
height: 178px;
}
.y-kefu-box01 .y-ewm-box img {
width: 115px;
height: 114px;
margin: 20px auto 10px;
}
.y-kefu-box01 .y-ewm-box .y-ewm-img1 {
width: 150px;
border-right: solid 1px #efefef;
}
.y-kefu-box01 .y-ewm-box .right {
top: 84px;
}
/*email*/
.y-kefu-box01 .y-email-infos {
padding: 28px 20px 28px 45px;
color: #b9b9b9;
text-align: left;
bottom: 0;
width: 170px;
}
.y-kefu-box01 .y-email-infos p {
color: #C40D23;
font-size: 16px;
}
.y-kefu-box01 .y-email-infos>i {
width: 18px;
height: 13px;
background-position: -52px -80px;
position: absolute;
left: 15px;
top: 30px;
}
.y-kefu-box01 .y-email-infos .right {
top: 55px;
}
.y-kefu-box01 .hide-status {
width: 54px;
height: 65px;
background-color: #f55b1b;
position: absolute;
top: 37px;
left: 55px;
z-index: 9;
}
.y-kefu-box01 .hide-status .kf-zixun {
padding: 10px 0 7px;
color: #fff;
cursor: pointer;
}
/*在线留言*/
#bodycontent #tianxieone, #bodycontent #tfour, #bodycontent #liuyanshenming {
border-top: #eee 1px solid !important;
border-left: #eee 1px solid !important;
border-right: #eee 1px solid !important;
width: 1198px !important;
}
#bodycontent #lytijiao {
border: #eee 1px solid !important;
width: 1198px !important;
}
#bodycontent #tianxieone #tianxietwo {
width: 120px;
float: left;
text-align: right;
padding: 5px 0;
}
#bodycontent #tianxieone #tianxiethree {
width: 1056px;
float: left;
text-align: left;
padding: 5px 0;
}
input, textarea {
outline: none;
border: none;
}
#chakantwo {
width: 1400px !important;
height: 65px !important;
text-align: left;
font-size: 0;
}
#chakantwo a {
display: inline-block;
width: 120px;
height: 42px;
line-height: 42px;
border: 1px solid #eee;
text-align: center;
}
#chakantwo a+a {
margin-left: 2px;
}
#tfive textarea {
width: 1070px !Important;
}
/*分页*/
.pages_info {
margin: 30px auto 0px auto !important;
width: 900px !important;
}
.page_total, .pages_box a, .page_jump {
display: inline-block;
vertical-align: middle;
padding: 0 14px;
height: 36px;
border-radius: 36px;
background: #eee;
line-height: 36px;
border: 1px solid #eee;
font-size: 13px;
cursor: pointer;
}
.pages_box a {
margin-left: 10px;
color: #666;
}
.pages_box a.page_curr, .pages_box a:hover {
background: #C40D23;
color: #fff;
font-size: 13px;
}
.page_jump {
margin-left: 10px;
}
/*上一页下一页样式*/
.psh_box {
margin: 50px auto !important;
}
.pshangxia {
padding: 10px 40px;
background: #f5f5f5;
border: 1px #ccc solid;
}
/*自定义*/
.pro_list_box {
font-size: 0;
}
.pro_list_box+.pro_list_box .dgweb_list_item {
margin-top: 25px;
}
.dgweb_list_item_pic, .dgweb_list_item_pic img {
width: 100%;
height: auto;
}
.dgweb_list_item_pic {
overflow: hidden;
height: auto !important;
}
.dgweb_list_item_pic img {
transition: 0.6s;
}
.dgweb_list_item:hover .dgweb_list_item_pic img {
transform: scale(1.2);
transition: 0.6s;
}
.dgweb_list_item {
width: 32% !important;
display: inline-block;
vertical-align: top;
border: 1px solid #e9e9e9;
overflow: hidden;
}
.dgweb_list_item+.dgweb_list_item {
margin-left: 1.3%;
}
.dgweb_list_item_a {
padding: 0 !important;
position: relative;
}
.dgweb_list_item_a:before {
content: '';
width: 100%;
height: 1px;
background: #e9e9e9;
position: absolute;
top: 0;
left: 0;
}
.dgweb_list_item_a a {
display: block;
line-height: 52px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.content_image {
text-align: center;
}
.content_image>img {
height: auto !important;
}
/*内页新闻文章样式*/
.xw {
font-size: 14px;
line-height: 30px;
text-indent: 2em;
}
/*nban*/
.nban {
width: 100%;
height: 350px;
position: relative;
}
.nban:before {
content: '';
width: 100%;
height: 100%;
background: rgba(22,16,7,0.5);
position: absolute;
top: 0;
left: 0;
}
.nban .page {
position: relative;
height: 350px;
}
.nban_txt {
width: 100%;
position: absolute;
top: 50%;
left: 0;
margin-top: -39px;
text-align: center;
}
.nban_txt span {
font-size: 52px;
font-weight: bold;
color: #fff;
letter-spacing: 5px;
display: inline-block;
animation: nbanA 2s infinite;
}
.nban_txt span:nth-child(2) {
animation-delay: 0.2s;
}
.nban_txt span:nth-child(3) {
animation-delay: 0.4s;
}
.nban_txt span:nth-child(4) {
animation-delay: 0.6s;
}
.nban_txt span:nth-child(5) {
animation-delay: 0.8s;
}
.nban_txt span:nth-child(6) {
animation-delay: 1s;
}
.nban_txt span:nth-child(7) {
animation-delay: 1.2s;
}
.nban_txt p.desc {
display: block;
color: #fff;
font-size: 16px;
margin-top: 10px;
letter-spacing: 3px;
background: url(../images/line.jpg) no-repeat center;
background-clip: content-box;
-webkit-background-clip: text;
color: transparent;
animation: moveBg 10s linear infinite;
-webkit-animation: moveBg 10s linear infinite;
}
@keyframes nbanA {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0px);
}
}
@keyframes moveBg {
0% {
background-position: 0% 30%;
}
100% {
background-position: 100% 50%;
}
}
/*内页*/
.body_bix {
overflow: hidden;
}
#webdh, p.desc, #bodycon #left, .pcontent_title_h4 {
display: none;
}
/*栏目小导航*/
.mianbxContent {
height: 50px !important;
line-height: 50px !important;
font-size: 16px !important;
text-align: left !important;
background-color: #eee;
width: 1200px !important;
text-indent: 2em;
transition: 0.1s all;
background: url(../images/wzicon.jpg) no-repeat 0px 14px;
position: relative;
margin: 120px auto 20px !important;
width: 100%;
font-weight: 100;
color: #666;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
}
.mianbxContent:hover {
background-position: 0px -27px;
}
.mianbxContent::after, .mianbxContent:after {
content: '';
position: absolute;
display: block;
height: 40px;
width: 200px;
top: 0;
right: 0;
}
.mianbxContent a {
font-size: 15px !important;
color: #666;
}
.strong_title {
display: none;
}
#bodycon {
padding-bottom: 30px;
margin-top: 0px;
}
/*新闻列表页排版*/
.nswsfenlei_2019 {
margin: 0 auto;
width: 446px;
margin-bottom: 20px;
margin-top: 30px;
height: 46px;
}
.nswsfenlei_2019 li {
width: 146px;
height: 44px;
border: 1px solid #d9d9d9;
float: left;
text-align: center;
margin-right: -1px;
line-height: 44px;
-webkit-transition: all .5s;
transition: all .5s;
text-decoration: none;
background: #fff;
}
.nswsfenlei_2019 li a {
display: block;
font-size: 15px;
color: #333;
text-decoration: none;
}
.nswsfenlei_2019 li a:hover {
color: #FFF;
}
.nswsfenlei_2019 li:hover, .curNewsType_2019 {
background-color: #C40D23 !important;
}
.curNewsType_2019 a {
color: #fff !important;
}
.nswsfenlei_2019 li:first-child {
border-radius: 30px 0 0 30px;
}
.nswsfenlei_2019 li:last-child {
border-radius: 0 30px 30px 0;
}
.news_box_lbm {
width: 1200px !important;
}
.news_2019 {
width: 1200px !important;
height: 200px;
position: relative;
margin-bottom: 30px !important;
background: #FFF;
transition: .45s;
border: 3px solid #f5f5f5;
}
.news_2019:hover {
border: 3px solid #C40D23;
}
.news_img_2019 {
display: none;
}
.news_nor_2019 {
text-align: left;
position: absolute;
left: 163px;
top: 32px;
width: 1010px;
height: 107px;
}
.news_nor_2019 a {
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.news_biaoti_2019 a {
display: block;
font-size: 16px;
font-weight: bold;
height: 38px;
line-height: 20px;
border-bottom: 1px solid #c8c8c8;
}
.news_miaou_2019 {
line-height: 28px;
color: #888;
margin-top: 10px;
}
.news_time_2019 {
width: 90px;
height: 140px;
background: url(../images/timepic.png) 35px 24px no-repeat #a9a9a9;
position: absolute;
left: 33px;
top: 30px;
color: #FFF;
font-family: Arial;
transition: 0.5s;
}
.news_2019:hover .news_time_2019 {
background: url(../mages/timepic.png) 35px 24px no-repeat #C40D23;
}
.news_ny_day_2019 {
font-size: 30px;
font-weight: bold;
position: absolute;
top: 64px;
left: 26px;
}
.news_ny_year_2019 {
position: absolute;
top: 91px;
left: 15px;
}
.news_ny_year_1_2019 {
position: absolute;
top: 91px;
left: 48px;
}
.news_ny_month_2019 {
position: absolute;
top: 91px;
left: 55px;
}
.news_ny_month_1_2019 {
display: none;
}
.news_more_2019 {
padding-left: 30px;
height: 21px;
line-height: 21px;
position: absolute;
top: 120px;
left: 0;
background: url(../images/lj.png) no-repeat;
}
/*产品分类*/
.pro_all_class {
width: 1200px !important;
height: auto !important;
margin: 0 auto !important;
padding-bottom: 30px;
padding-top: 10px;
overflow: hidden;
font-size: 0px;
line-height: 0px;
border-bottom: none !important;
}
.pro_all_class>div a:first-child {
display: none;
}
.pro_all_class a {
float: left;
display: block;
width: 131px;
height: 60px;
line-height: 60px;
overflow: hidden;
text-align: center;
font-size: 16px;
color: #fff;
background: #333;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: blink;
}
.pro_all_class a+a {
margin-left: 2px;
}
.pro_all_class a:nth-child(2) {
margin-left: 0 !important;
}
.pro_all_class a:hover {
background: #C40D23;
color: #fff;
}
.pro_all_class strong {
background: #C40D23;
color: #fff;
display: block;
}
.total_2019 {
margin-left: 220px;
}
/*产品展示*/
.pro_one_box {
width: 23.5% !important;
position: relative;
margin-left: 2%;
margin-bottom: 20px;
}
.pro_one_box:nth-child(1) {
margin-left: 0px;
}
.pro_pic {
width: 100% !important;
height: auto !important;
padding: 0 !important;
}
.pro_pic a {
display: block;
position: relative;
}
.pro_pic a img {
width: 100% !important;
height: auto !important;
}
.pro_name {
padding: 0 !important;
width: 100% !important;
height: 100px !important;
background: #f5f5f5;
margin-top: 4px;
position: relative;
}
.pro_name a {
font-size: 18px;
color: #333;
display: block;
padding: 20px;
text-align: left;
height: 50px;
background: url(../images/sj.png) no-repeat 20px 60px;
position: relative;
z-index: 2;
}
.pro_one_box:hover .pro_name a {
background: url(../images/sj1.png) no-repeat 20px 60px;
}
.pro_pic a:before, .pro_pic a:after {
content: "";
display: block;
position: absolute;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-mz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0.8;
}
.pro_pic a:before {
content: "+";
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
top: 42%;
left: 42%;
font-size: 20px;
font-weight: 100;
color: #fff;
border: 1px #fff solid;
border-radius: 100%;
z-index: 2;
}
.pro_pic a:after {
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0 ,0,0,0.3);
}
.pro_one_box:hover .pro_pic a:before, .pro_one_box:hover .pro_pic a:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.pro_name:after {
width: 0;
height: 100px;
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #C40D23;
transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-webkit-transition: all linear 0.3s;
}
.pro_one_box:hover .pro_name:after {
width: 100%;
}
.pro_one_box:hover .pro_name a {
color: #fff;
}
.detail_title, .pcontent_title_h4 {
display: none;
}
.pro_detail_box {
background: #fff;
overflow: hidden;
border: none !important;
margin-top: 20px !important;
}
.pro_detail_rel_hd {
font-size: 0;
padding: 0 !important;
}
.pro_detail_rel_hd strong {
font-size: 16px;
display: inline-block;
vertical-align: top;
width: 180px;
height: 62px;
line-height: 62px;
text-align: center;
color: #fff;
padding-left: 36px;
background: #C40D23 url(../images/ad.png) no-repeat 22px center;
}
.pro_detail_rel_item {
margin-top: 12px !important;
padding-bottom: 15px;
}
.pro_detail_rel_item>div {
display: inline-block;
float: none !important;
width: 291px !important;
padding: 0px !important;
}
.pro_detail_rel_item>div+div {
margin-left: 12px;
}
#bodycontent {
border: none !important;
}
.pshangxia_box {
margin-top: 20px !important;
}
/*联系我们*/
.in_contact {
box-shadow: 0 0 20px #eee;
padding: 50px;
background: #fff;
border-radius: 20px;
}
.in_contact .cont-tit {
width: 100%;
line-height: 38px;
padding-bottom: 22px;
border-bottom: 1px solid #e5e5e5;
font-size: 18px;
color: #666
}
.in_contact ul {
width: 100%
}
.in_contact ul:after {
content: '';
clear: both;
display: block;
}
.in_contact li {
float: left;
width: 33.33%;
padding: 40px 1% 0 2.5%;
border-left: 1px solid #e5e5e5;
box-sizing: border-box;
min-height: 400px;
}
.in_contact li:first-child {
border-left: none
}
.in_contact li img {
margin-bottom: 5px
}
.in_contact li h2 {
font-size: 30px;
color: #000;
line-height: 48px;
margin-bottom: 12px;
font-weight: normal;
}
.in_contact li p {
font-size: 14px;
color: #555;
line-height: 35px;
}
.in_contact li p a {
font-size: 15px;
color: #555;
line-height: 35px;
}
.in_contact li p a:hover {
color: #C40D23;
}
.in_contact li dl {
width: 100%;
padding-top: 20px
}
.in_contact li dd {
float: left;
width: 28%;
margin-right: 5%;
}
.in_contact li img {
max-width: 100%;
height: auto;
}
.in_contact li dd p {
font-size: 15px;
color: #666;
line-height: 20px;
text-align: center;
}
.in_contact li h3 {
font-size: 24px;
color: #000;
line-height: 61px
}
.in_contact li .ban {
position: relative
}
.in_contact li .box {
background: #f5f5f5;
padding: 30px 0 35px;
position: absolute;
top: 90px;
left: -10%;
opacity: 0;
filter: alpha(opacity=0)
}
.in_contact li .box h4 {
font-size: 24px;
color: #000;
line-height: 43px;
padding-left: 10%;
margin-bottom: 6px
}
.in_contact li .box p {
font-size: 14px;
color: #666;
line-height: 30px;
padding: 0 10%
}
.in_contact li .box:after {
border-bottom: 13px solid #f5f5f5;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
position: absolute;
top: -13px;
left: 13%;
content: "";
width: 0;
height: 0
}
.my-map {
margin: 0 auto;
width: 100%;
height: 470px;
}
.my-map .icon {
background: url(../images/wzpicx.png) no-repeat;
}
.my-map .icon-cir {
height: 31px;
width: 28px;
}
.my-map .icon-cir-red {
background-position: -11px -5px;
}
.amap-container {
height: 100%;
}
/*公司简介*/
.page-title .left {
position: relative;
height: 630px;
width: 390px;
}
.page-title .en {
font-size: 30px;
text-transform: capitalize;
display: block;
line-height: 40px;
padding: 20px 0 0;
}
.page-title .cn {
font-size: 30px;
line-height: 40px;
padding: 0 0 30px;
font-weight: normal;
}
.pic-plus {
box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);
}
.intro-num {
position: absolute;
bottom: 0;
left: 0;
background-color: #C40D23;
width: 390px;
height: 142px;
}
.intro-num li {
display: inline-block;
text-align: left;
width: 148px;
float: left;
margin-left: 38px;
padding-top: 8px;
}
.intro-num li p {
color: #fff;
font-size: 16px;
display: block;
line-height: 10px;
}
.intro-num li p i {
display: inline-block;
font-size: 34px;
color: #fff;
font-family: arial;
font-weight: bold;
font-style: normal;
vertical-align: middle;
line-height: 40px;
padding-bottom: 5px;
padding-right: 3px;
}
.jianjie_right {
width: 690px;
padding: 60px;
box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);
height: 490px;
padding-top: 50px;
}
.tit {
font-size: 32px;
font-weight: normal;
display: block;
line-height: 30px;
padding-bottom: 40px;
border-bottom: 1px solid #f3edf0;
margin-bottom: 30px;
color: #C40D23;
}
.des {
line-height: 30px;
font-size: 15px;
}
.des p {
padding-bottom: 12px;
}
.des img {
width: 220px;
margin-right: 4px;
border: 1px solid #eee;
margin-top: 26px;
}
.abt_img {
width: 600px;
height: 450px;
}
.abt {
width: 560px;
line-height: 34px;
color: #333;
font-size: 15px;
}
.abt p {
font-size: 28px;
font-weight: bold;
margin: 10px 0;
}
.abt .font_en {
font-size: 18px;
color: #ccc;
margin-bottom: 10px;
display: block;
}
.strength_cc ul li:nth-child(1) {
background: none;
}
.strength_cc ul li:nth-child(4) {
width: 300px;
}
.strength_cc li:nth-child(3) b {
left: 222px;
}
.strength_cc li:nth-child(4) b {
left: 222px;
}
.strength_cc {
background: #fff;
width: 1200px;
height: 193px;
box-shadow: 0 0 25px #eee;
margin: 85px 0px;
}
.counter {
font-size: 60px;
font-weight: bold;
color: #C40D23 !important;
}
.ngrhjg {
font-size: 18px;
color: #C40D23 !important;
}
.counter {
font-size: 60px;
font-weight: bold;
color: #222;
}
.jdygkdn {
margin-top: 54px;
}
.jdygkdn p {
color: #cecece;
line-height: 36px;
}
.ngrhjgn {
font-size: 18px;
color: #666;
}
.bd {
margin-top: 70px;
}
.jianjie3 td {
padding-left: 0px !important;
position: relative;
float: left;
margin-top: 30px;
width: 380px;
height: 285px;
margin-right: 16px;
}
.jianjie3 td div {
background: rgba(0,0,0,0.6);
position: absolute;
bottom: 0px;
width: 380px;
height: 40px;
padding: 0 !important;
}
.jianjie3 td div a {
color: #fff;
font-size: 16px;
line-height: 40px;
}
.jianjie3 tr {
display: block;
}
.jianjie3 tr:nth-child(2) {
margin-top: 30px;
}
.jianjie3_botto img {
display: block;
margin: 0 auto;
padding: 35px 0 60px 0;
}
.jianjie_bt_dz3 {
padding: 70px 0 45px 0;
}
.jianjie_bt p {
font-size: 36px !important;
color: #000 !important;
text-align: center;
margin-bottom: 20px;
}
.jianjie_bt span {
width: 44px;
height: 5px;
background: #C40D23;
display: block;
margin: 0 auto;
}
.jianjie_bt2 p {
color: #fff !important;
padding-top: 110px;
}
.jianjie_bt1 {
padding-top: 96px;
}
.jianjie_bt3 {
padding: 60px 0 40px 0;
}
.content {
width: 1200px;
margin: 0 auto;
font-family: "Microsoft Yahei";
}
.profile_info {
overflow: hidden;
position: relative;
float: right;
}
.mCSB_inside > .mCSB_container {
margin-right: 15%;
}
.profile_des {
width: 550px;
line-height: 28px;
}
.profile_des p {
padding-bottom: 20px;
}
.mCustomScrollbar {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom;
}
.jianjie4 td img {
border: 1px solid #eee;
}
.jianjie4 td > div a {
font-size: 16px;
}
.Introduction_Features {
background: #C40D23;
height: 120px;
width: 390px;
text-align: center;
font-size: 16px;
color: #fff;
}
.Introduction_Features span {
display: block;
color: #fff;
font-size: 22px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
padding-top: 28px;
}
/*企业文化*/
.culture {
margin: 0 auto;
width: 1200px;
margin-top: 60px;
}
.culture1 {
float: left;
width: 300px;
padding-top: 13px;
background: url(../images/12.png) 163px 30px no-repeat;
line-height: 34px;
font-size: 15px;
}
.culture1 span {
font-size: 32px;
line-height: 36px;
font-weight: bold;
color: #333;
font-weight: normal;
}
.culture1 em {
display: block;
font-family: Tw Cen MT;
font-size: 22px;
line-height: 50px;
}
.culture2 {
float: right;
width: 900px;
}
.culture2 dl {
width: 185px;
float: left;
margin-left: 40px;
}
.culture2 dt {
width: 185px;
height: 213px;
overflow: hidden;
}
.culture2 dt img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.culture2 dl:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.culture2 dd {
height: 70px;
padding-top: 20px;
text-align: center;
color: #FFF;
line-height: 24px;
font-size: 15px;
background: #C40D23;
}
.tp-hide-revslider, .tp-caption.tp-hidden-caption {
overflow: visible;
display: none !important;
}
.tp-caption {
z-index: 1;
}
.tp-caption-demo .tp-caption {
position: relative !important;
display: inline-block;
margin-bottom: 10px;
margin-right: 20px !important;
}
.tp-caption.medium_grey {
position: absolute;
color: #fff;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 20px;
line-height: 20px;
font-family: Arial;
padding: 2px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color: #888;
white-space: nowrap;
}
.tp-caption.small_text {
position: absolute;
color: #fff;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 14px;
line-height: 20px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.medium_text {
position: absolute;
color: #fff;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 20px;
line-height: 20px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.large_bold_white_25 {
font-size: 55px;
line-height: 65px;
font-weight: 700;
font-family: "Open Sans";
color: #fff;
text-decoration: none;
background-color: transparent;
text-align: center;
text-shadow: #000 0px 5px 10px;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none;
}
.tp-caption.medium_text_shadow {
font-size: 25px;
line-height: 25px;
font-weight: 600;
font-family: "Open Sans";
color: #fff;
text-decoration: none;
background-color: transparent;
text-align: center;
text-shadow: #000 0px 5px 10px;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none;
}
.tp-caption.large_text {
position: absolute;
color: #fff;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 40px;
line-height: 40px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.very_large_text {
position: absolute;
color: #fff;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 60px;
line-height: 60px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
letter-spacing: -2px;
}
.tp-caption.very_big_white {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 60px;
line-height: 60px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
padding: 0px 4px;
padding-top: 1px;
background-color: #000;
}
.tp-caption.very_big_black {
position: absolute;
color: #000;
text-shadow: none;
font-weight: 700;
font-size: 60px;
line-height: 60px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
padding: 0px 4px;
padding-top: 1px;
background-color: #fff;
}
.tp-caption.modern_medium_fat {
position: absolute;
color: #000;
text-shadow: none;
font-weight: 800;
font-size: 24px;
line-height: 20px;
font-family: "Open Sans", sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.modern_medium_fat_white {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 24px;
line-height: 20px;
font-family: "Open Sans", sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.modern_medium_light {
position: absolute;
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 24px;
line-height: 20px;
font-family: "Open Sans", sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.modern_big_bluebg {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 30px;
line-height: 36px;
font-family: "Open Sans", sans-serif;
padding: 3px 10px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color: #4e5b6c;
letter-spacing: 0;
}
.tp-caption.modern_big_redbg {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 300;
font-size: 30px;
line-height: 36px;
font-family: "Open Sans", sans-serif;
padding: 3px 10px;
padding-top: 1px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color: #de543e;
letter-spacing: 0;
}
.tp-caption.modern_small_text_dark {
position: absolute;
color: #555;
text-shadow: none;
font-size: 14px;
line-height: 22px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.boxshadow {
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
color: #000;
text-shadow: none;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp-caption a {
text-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.tp-caption a:hover {
}
.tp-caption.thinheadline_dark {
position: absolute;
color: rgba(0,0,0,0.85);
text-shadow: none;
font-weight: 300;
font-size: 30px;
line-height: 30px;
font-family: "Open Sans";
background-color: transparent;
}
.tp-caption.thintext_dark {
position: absolute;
color: rgba(0,0,0,0.85);
text-shadow: none;
font-weight: 300;
font-size: 16px;
line-height: 26px;
font-family: "Open Sans";
background-color: transparent;
}
.tp-caption.medium_bg_red a {
color: #fff;
text-decoration: none;
}
.tp-caption.medium_bg_red a:hover {
color: #fff;
text-decoration: underline;
}
.tp-caption.smoothcircle {
font-size: 30px;
line-height: 75px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.498039);
padding: 50px 25px;
text-align: center;
border-radius: 500px 500px 500px 500px;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none;
}
.tp-caption.largeblackbg {
font-size: 50px;
line-height: 70px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(0, 0, 0);
padding: 0px 20px 5px;
text-shadow: none;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none;
}
.tp-caption.largepinkbg {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 300;
font-size: 50px;
line-height: 70px;
font-family: "Open Sans";
background-color: #db4360;
padding: 0px 20px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.tp-caption.largewhitebg {
position: absolute;
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 50px;
line-height: 70px;
font-family: "Open Sans";
background-color: #fff;
padding: 0px 20px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.tp-caption.largegreenbg {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 300;
font-size: 50px;
line-height: 70px;
font-family: "Open Sans";
background-color: #67ae73;
padding: 0px 20px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.tp-caption.excerpt {
font-size: 36px;
line-height: 36px;
font-weight: 700;
font-family: Arial;
color: #ffffff;
text-decoration: none;
background-color: rgba(0, 0, 0, 1);
text-shadow: none;
margin: 0px;
letter-spacing: -1.5px;
padding: 1px 4px 0px 4px;
width: 150px;
white-space: normal !important;
height: auto;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none;
}
.tp-caption.large_bold_grey {
font-size: 60px;
line-height: 60px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(102, 102, 102);
text-decoration: none;
background-color: transparent;
text-shadow: none;
margin: 0px;
padding: 1px 4px 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_thin_grey {
font-size: 34px;
line-height: 30px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(102, 102, 102);
text-decoration: none;
background-color: transparent;
padding: 1px 4px 0px;
text-shadow: none;
margin: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.small_thin_grey {
font-size: 18px;
line-height: 26px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(117, 117, 117);
text-decoration: none;
background-color: transparent;
padding: 1px 4px 0px;
text-shadow: none;
margin: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.lightgrey_divider {
text-decoration: none;
background-color: rgba(235, 235, 235, 1);
width: 370px;
height: 3px;
background-position: initial initial;
background-repeat: initial initial;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none;
}
.tp-caption.large_bold_darkblue {
font-size: 58px;
line-height: 60px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(52, 73, 94);
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_bg_darkblue {
font-size: 20px;
line-height: 20px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(52, 73, 94);
padding: 10px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_bold_red {
font-size: 24px;
line-height: 30px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(227, 58, 12);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_light_red {
font-size: 21px;
line-height: 26px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(227, 58, 12);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_bg_red {
font-size: 20px;
line-height: 20px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(227, 58, 12);
padding: 10px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_bold_orange {
font-size: 24px;
line-height: 30px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(243, 156, 18);
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_bg_orange {
font-size: 20px;
line-height: 20px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(243, 156, 18);
padding: 10px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.grassfloor {
text-decoration: none;
background-color: rgba(160, 179, 151, 1);
width: 4000px;
height: 150px;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none;
}
.tp-caption.large_bold_white {
font-size: 58px;
line-height: 60px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_light_white {
font-size: 30px;
line-height: 36px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.mediumlarge_light_white {
font-size: 34px;
line-height: 40px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.mediumlarge_light_white_center {
font-size: 34px;
line-height: 40px;
font-weight: 300;
font-family: "Open Sans";
color: #ffffff;
text-decoration: none;
background-color: transparent;
padding: 0px 0px 0px 0px;
text-align: center;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_bg_asbestos {
font-size: 20px;
line-height: 20px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(127, 140, 141);
padding: 10px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_light_black {
font-size: 30px;
line-height: 36px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(0, 0, 0);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.large_bold_black {
font-size: 58px;
line-height: 60px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(0, 0, 0);
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.mediumlarge_light_darkblue {
font-size: 34px;
line-height: 40px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(52, 73, 94);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.small_light_white {
font-size: 17px;
line-height: 28px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.roundedimage {
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none;
}
.tp-caption.large_bg_black {
font-size: 40px;
line-height: 40px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(0, 0, 0);
padding: 10px 20px 15px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.mediumwhitebg {
font-size: 30px;
line-height: 30px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(0, 0, 0);
text-decoration: none;
background-color: rgb(255, 255, 255);
padding: 5px 15px 10px;
text-shadow: none;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none;
}
.tp-caption.medium_bg_orange_new1 {
font-size: 20px;
line-height: 20px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(243, 156, 18);
padding: 10px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.boxshadow {
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 19px;
line-height: 19px;
font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp_inner_padding {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
max-height: none !important;
}
/*.tp-caption { transform:none !important}*/
/*********************************
- SPECIAL TP CAPTIONS -
**********************************/
.tp-caption .frontcorner {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;
left: -40px;
top: 0px;
}
.tp-caption .backcorner {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;
right: 0px;
top: 0px;
}
.tp-caption .frontcornertop {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;
left: -40px;
top: 0px;
}
.tp-caption .backcornertop {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;
right: 0px;
top: 0px;
}
/******************************
- BUTTONS -
*******************************/
.tp-simpleresponsive .button {
padding: 6px 13px 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
height: 30px;
cursor: pointer;
color: #fff !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important;
font-size: 15px;
line-height: 45px !important;
background: #279FBB;
font-weight: bold;
letter-spacing: -1px;
}
.tp-simpleresponsive .button.big {
color: #fff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
font-weight: bold;
padding: 9px 20px;
font-size: 19px;
line-height: 57px !important;
background: url("../images/gradient/g40.png") repeat-x top;
}
.tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover {
background-position: bottom, 15px 11px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tp-simpleresponsive .button {
padding: 4px 8px 3px;
line-height: 25px !important;
font-size: 11px !important;
font-weight: normal;
}
.tp-simpleresponsive a.button {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tp-simpleresponsive .button {
padding: 2px 5px 2px;
line-height: 20px !important;
font-size: 10px !important;
}
.tp-simpleresponsive a.button {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
}
/* BUTTON COLORS */
.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green {
background-color: #21a117;
-webkit-box-shadow: 0px 3px 0px 0px #104d0b;
-moz-box-shadow: 0px 3px 0px 0px #104d0b;
box-shadow: 0px 3px 0px 0px #104d0b;
}
.tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue {
background-color: #1d78cb;
-webkit-box-shadow: 0px 3px 0px 0px #0f3e68;
-moz-box-shadow: 0px 3px 0px 0px #0f3e68;
box-shadow: 0px 3px 0px 0px #0f3e68;
}
.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red {
background-color: #cb1d1d;
-webkit-box-shadow: 0px 3px 0px 0px #7c1212;
-moz-box-shadow: 0px 3px 0px 0px #7c1212;
box-shadow: 0px 3px 0px 0px #7c1212;
}
.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange {
background-color: #ff7700;
-webkit-box-shadow: 0px 3px 0px 0px #a34c00;
-moz-box-shadow: 0px 3px 0px 0px #a34c00;
box-shadow: 0px 3px 0px 0px #a34c00;
}
.tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey {
background-color: #555;
-webkit-box-shadow: 0px 3px 0px 0px #222;
-moz-box-shadow: 0px 3px 0px 0px #222;
box-shadow: 0px 3px 0px 0px #222;
}
.tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey {
background-color: #888;
-webkit-box-shadow: 0px 3px 0px 0px #555;
-moz-box-shadow: 0px 3px 0px 0px #555;
box-shadow: 0px 3px 0px 0px #555;
}
/****************************************************************
- SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -
******************************************************************/
/*.tp-simpleresponsive { -webkit-perspective: 1500px;
-moz-perspective: 1500px;
-o-perspective: 1500px;
-ms-perspective: 1500px;
perspective: 1500px;
}*/
/**********************************************
- FULLSCREEN AND FULLWIDHT CONTAINERS -
**********************************************/
.fullscreen-container {
width: 100%;
position: relative;
padding: 0;
}
.fullwidthbanner-container {
width: 100%;
position: relative;
padding: 0;
overflow: hidden;
}
.fullwidthbanner-container .fullwidthbanner {
width: 100%;
position: relative;
}
/************************************************
- SOME CAPTION MODIFICATION AT START -
*************************************************/
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */
position: absolute;
visibility: hidden;
font-size:1.4em -webkit-font-smoothing: antialiased !important;
}
.tp-simpleresponsive img {
max-width: none;
}
/******************************
- IE8 HACKS -
*******************************/
.noFilterClass {
filter: none !important;
}
/******************************
- SHADOWS -
******************************/
.tp-bannershadow {
position: absolute;
margin-left: auto;
margin-right: auto;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 {
background: url("../assets/shadow1.png") no-repeat;
background-size: 100% 100%;
width: 890px;
height: 60px;
bottom: -60px;
}
.tp-bannershadow.tp-shadow2 {
background: url("../assets/shadow2.png") no-repeat;
background-size: 100% 100%;
width: 890px;
height: 60px;
bottom: -60px;
}
.tp-bannershadow.tp-shadow3 {
background: url("../assets/shadow3.png") no-repeat;
background-size: 100% 100%;
width: 890px;
height: 60px;
bottom: -60px;
}
/********************************
- FULLSCREEN VIDEO -
*********************************/
.caption.fullscreenvideo {
left: 0px;
top: 0px;
position: absolute;
width: 100%;
height: 100%;
}
.caption.fullscreenvideo iframe, .caption.fullscreenvideo video {
width: 100% !important;
height: 100% !important;
display: none
}
.tp-caption.fullscreenvideo {
left: 0px;
top: 0px;
position: absolute;
width: 100%;
height: 100%;
}
.tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video {
width: 100% !important;
height: 100% !important;
display: none;
}
.fullscreenvideo .vjs-loading-spinner {
visibility: none;
display: none !important;
width: 0px;
height: 0px;
}
.fullscreenvideo .vjs-control-bar.vjs-fade-out, .fullscreenvideo .vjs-control-bar.vjs-fade-in, .fullscreenvideo .vjs-control-bar.vjs-fade-out.vjs-lock-showing, .fullscreenvideo .vjs-control-bar.vjs-fade-in.vjs-lock-showing {
visibility: hidden !important;
opacity: 0 !important;
display: none !important;
width: 0px;
height: 0px;
overflow: hidden;
}
.fullcoveredvideo.video-js, .fullcoveredvideo video {
background: transparent !important;
}
.fullcoveredvideo .vjs-poster {
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
/********************************
- DOTTED OVERLAYS -
*********************************/
.tp-dottedoverlay {
background-repeat: repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
.tp-dottedoverlay.twoxtwo {
background: url("../assets/gridtile.png")
}
.tp-dottedoverlay.twoxtwowhite {
background: url("../assets/gridtile_white.png")
}
.tp-dottedoverlay.threexthree {
background: url("../assets/gridtile_3x3.png")
}
.tp-dottedoverlay.threexthreewhite {
background: url("../assets/gridtile_3x3_white.png")
}
/********************************
- DOTTED OVERLAYS ENDS -
*********************************/
/************************
- NAVIGATION -
*************************/
/** BULLETS **/
.tpclear {
clear: both;
}
.tp-bullets {
z-index: 1000;
position: absolute;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
-webkit-transform: translateZ(5px);
}
.tp-bullets.hidebullets {
/*! -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
/*! -moz-opacity: 0; */
/*! -khtml-opacity: 0; */
/*! opacity: 0; */
}
.tp-bullets.simplebullets.navbar {
border: 1px solid #666;
border-bottom: 1px solid #444;
background: url("../assets/boxed_bgtile.png");
height: 40px;
padding: 0px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.tp-bullets.simplebullets.navbar-old {
background: url("../assets/navigdots_bgtile.png");
height: 35px;
padding: 0px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.tp-bullets.simplebullets.round .bullet {
cursor: pointer;
position: relative;
bottom: 0;
background: #fff;
width: 15px;
height: 15px;
margin-right: 0px;
float: left;
margin-top: 0px;
margin-left: 8px;
border-radius: 50px;
transition: 0.3s all ease;
opacity: 0.4;
filter: alpha(opacity=40);
}
.tp-bullets.simplebullets.round .bullet.last {
margin-right: 3px;
}
.tp-bullets.simplebullets.round-old .bullet {
cursor: pointer;
position: relative;
background: url("../images/bullets.png") no-Repeat bottom left;
width: 23px;
height: 23px;
margin-right: 0px;
float: left;
margin-top: 0px;
}
.tp-bullets.simplebullets.round-old .bullet.last {
margin-right: 0px;
}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet {
cursor: pointer;
position: relative;
background: url("../assets/bullets2.png") no-Repeat bottom left;
width: 19px;
height: 19px;
margin-right: 0px;
float: left;
margin-top: 0px;
}
.tp-bullets.simplebullets.square .bullet.last {
margin-right: 0px;
}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet {
cursor: pointer;
position: relative;
background: url("../assets/bullets2.png") no-Repeat bottom left;
width: 19px;
height: 19px;
margin-right: 0px;
float: left;
margin-top: 0px;
}
.tp-bullets.simplebullets.square-old .bullet.last {
margin-right: 0px;
}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet {
cursor: pointer;
position: relative;
background: url("../assets/bullet_boxed.png") no-Repeat top left;
width: 18px;
height: 19px;
margin-right: 5px;
float: left;
margin-top: 0px;
}
.tp-bullets.simplebullets.navbar .bullet.first {
margin-left: 0px !important;
}
.tp-bullets.simplebullets.navbar .bullet.last {
margin-right: 0px !important;
}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet {
cursor: pointer;
position: relative;
background: url("../assets/navigdots.png") no-Repeat bottom left;
width: 15px;
height: 15px;
margin-left: 5px !important;
margin-right: 5px !important;
float: left;
margin-top: 10px;
}
.tp-bullets.simplebullets.navbar-old .bullet.first {
margin-left: 0px !important;
}
.tp-bullets.simplebullets.navbar-old .bullet.last {
margin-right: 0px !important;
}
.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
opacity: 1;
filter: alpha(opacity=100);
width: 40px;
background: #fff
}
/*************************************
- TP ARROWS -
**************************************/
.tparrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
-webkit-transform: translateZ(5px);
}
.tparrows.hidearrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-leftarrow {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../images/left.png) no-Repeat top left;
width: 40px;
height: 40px;
}
.tp-rightarrow {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../images/right.png) no-Repeat top left;
width: 40px;
height: 40px;
}
.tp-leftarrow.round {
z-index: 100;
cursor: pointer;
position: relative;
background: url("../images/small_left.png") no-Repeat top left;
width: 19px;
height: 14px;
margin-right: 0px;
float: left;
margin-top: 0px;
}
.tp-rightarrow.round {
z-index: 100;
cursor: pointer;
position: relative;
background: url("../images/small_right.png") no-Repeat top left;
width: 19px;
height: 14px;
margin-right: 0px;
float: left;
margin-top: 0px;
}
.tp-leftarrow.round-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url("../images/arrow_left.png") no-Repeat top left;
width: 26px;
height: 26px;
margin-right: 0px;
float: left;
margin-top: 0px;
}
.tp-rightarrow.round-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url("../images/arrow_right.png") no-Repeat top left;
width: 26px;
height: 26px;
margin-right: 0px;
float: left;
margin-top: 0px;
}
.tp-leftarrow.navbar {
z-index: 100;
cursor: pointer;
position: relative;
background: url("../assets/small_left_boxed.png") no-Repeat top left;
width: 20px;
height: 15px;
float: left;
margin-right: 6px;
margin-top: 12px;
}
.tp-rightarrow.navbar {
z-index: 100;
cursor: pointer;
position: relative;
background: url("../assets/small_right_boxed.png") no-Repeat top left;
width: 20px;
height: 15px;
float: left;
margin-left: 6px;
margin-top: 12px;
}
.tp-leftarrow.navbar-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url("../assets/arrowleft.png") no-Repeat top left;
width: 9px;
height: 16px;
float: left;
margin-right: 6px;
margin-top: 10px;
}
.tp-rightarrow.navbar-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url("../assets/arrowright.png") no-Repeat top left;
width: 9px;
height: 16px;
float: left;
margin-left: 6px;
margin-top: 10px;
}
.tp-leftarrow.navbar-old.thumbswitharrow {
margin-right: 10px;
}
.tp-rightarrow.navbar-old.thumbswitharrow {
margin-left: 0px;
}
.tp-leftarrow.square {
z-index: 100;
cursor: pointer;
position: relative;
background: url("../assets/arrow_left2.png") no-Repeat top left;
width: 12px;
height: 17px;
float: left;
margin-right: 0px;
margin-top: 0px;
}
.tp-rightarrow.square {
z-index: 100;
cursor: pointer;
position: relative;
background: url("../assets/arrow_right2.png") no-Repeat top left;
width: 12px;
height: 17px;
float: left;
margin-left: 0px;
margin-top: 0px;
}
.tp-leftarrow.square-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url("../assets/arrow_left2.png") no-Repeat top left;
width: 12px;
height: 17px;
float: left;
margin-right: 0px;
margin-top: 0px;
}
.tp-rightarrow.square-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url("../assets/arrow_right2.png") no-Repeat top left;
width: 12px;
height: 17px;
float: left;
margin-left: 0px;
margin-top: 0px;
}
.tp-leftarrow.default {
z-index: 100;
cursor: pointer;
position: relative;
background: url(http://login.114my.cn/memberpic/0430191/uploadfile/image/20181214/20181214110327_1042258761.png) no-Repeat 0 0;
width: 40px;
height: 40px;
}
.tp-rightarrow.default {
z-index: 100;
cursor: pointer;
position: relative;
background: url(http://login.114my.cn/memberpic/0430191/uploadfile/image/20181214/20181214111042_1278895567.png) no-Repeat 0 0;
width: 40px;
height: 40px;
}
.tp-leftarrow:hover, .tp-rightarrow:hover {
background-position: bottom left;
}
/****************************************************************************************************
- TP THUMBS -
*****************************************************************************************************
- tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)
- .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)
*****************************************************************************************************/
.tp-bullets.tp-thumbs {
z-index: 1000;
position: absolute;
padding: 3px;
background-color: #fff;
width: 500px;
height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
margin-top: -50px;
}
.fullwidthbanner-container .tp-thumbs {
padding: 3px;
}
.tp-bullets.tp-thumbs .tp-mask {
width: 500px;
height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
overflow: hidden;
position: relative;
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
width: 5000px;
position: absolute;
}
.tp-bullets.tp-thumbs .bullet {
width: 100px;
height: 50px; /* THE DIMENSION OF A SINGLE THUMB */
cursor: pointer;
overflow: hidden;
background: none;
margin: 0;
float: left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img {
width: 100%;
}
/************************************
- TP BANNER TIMER -
*************************************/
.tp-bannertimer {
width: 100%;
height: 10px;
background: rgba(0,0,0,0.08);
position: absolute;
z-index: 200;
top: 0px;
}
.tp-bannertimer.tp-bottom {
bottom: 0px;
height: 5px;
top: auto;
}
/***************************************
- RESPONSIVE SETTINGS -
****************************************/
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets {
display: none
}
.responsive .tparrows {
display: none;
}
}
/******************************
- HTML5 VIDEO SETTINGS -
********************************/
.vjs-tech {
margin-top: 1px
}
.tp-caption .vjs-default-skin .vjs-big-play-button {
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
width: 40px;
height: 40px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: none;
box-shadow: none;
text-shadow: none;
line-height: 30px;
vertical-align: top;
padding: 0px;
}
.tp-caption .vjs-default-skin .vjs-big-play-button:before {
position: absolute;
top: 0px;
left: 0px;
line-height: 40px;
text-shadow: none !important;
color: #fff;
font-size: 18px;
}
.tp-caption .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
box-shadow: none;
-webkit-box-shadow: none;
}
/*********************************************
- BASIC SETTINGS FOR THE BANNER -
***********************************************/
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a {
text-decoration: none;
}
.tp-simpleresponsive ul {
list-style: none;
padding: 0;
margin: 0;
}
.tp-simpleresponsive >ul >li {
list-stye: none;
position: absolute;
visibility: hidden;
}
/* CAPTION SLIDELINK **/
.caption.slidelink a div, .tp-caption.slidelink a div {
width: 3000px;
height: 1500px;
background: url("../images/coloredbg.png") repeat;
}
.tp-loader {
background: url("../images/loader.gif") no-repeat 10px 10px;
background-color: #fff;
margin: -22px -22px;
top: 50%;
left: 50%;
z-index: 10000;
position: absolute;
width: 44px;
height: 44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-transparentimg {
content:"url("../images/transparent.png")"
}
.tp-3d {
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%;
}
.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
zoom: 1;
}
.fgs-list { width:100%; margin:0 auto }
.fgs-list li{ padding-bottom:25px; margin-bottom:25px; background:url(../images/inews_jt.png) no-repeat right; overflow:hidden; }
.fgs-list li ._date{ float:left; width:600px; background:#f5f5f5; text-align:center; height:400px;font-family:arial; color:#008F68;}
.fgs-list li ._date_box{ float:left; width:600px; text-align:center; height:395px;font-family:arial; color:#008F68;overflow:hidden;}
.fgs-list li ._date img{ width:600px; height:395px; -webkit-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s; overflow:hidden }
.fgs-list li ._date:hover img{ -webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: -webkit-transform 0.6s ease 0s;
transition: transform 0.6s ease 0s; overflow:hidden }
.fgs-list li ._date span{ display:block;}
.fgs-list li ._date ._d1{ font-size:44px; line-height:46px; padding-top:20px;}
.fgs-list li ._nr{ float:left; width:750px; margin-left:50px;}
.fgs-list li ._nr dd{ text-align:right; font-size:16px; line-height:33px; width:100%}
.fgs-list li ._nr1{ width:100%;}
.fgs-list li ._title{ font-size:18px; font-weight: 400; color:#2b2b2b; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; line-height:35px; }
.fgs-list li ._title a{ color:#064894; }
.fgs-list li ._title a:hover{ color:#FFA903; }
.fgs-list li ._tools{ color:#b4b4b4; margin:3px 0;}
.fgs-list li ._tools .ion{ margin-left:0;}
.fgs-list li ._tools span{ width:20px; border-top:2px #e4e4e4 solid; display:block; margin-top:15px;}
.fgs-list li ._sum{ line-height:24px; height:50px; overflow:hidden;color:#565656; font-size:14px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden; }
.fgs-list li a:hover{ padding-bottom:10px; }
.fgs-list li a:hover ._title{ color:#064894; }
.fgs-list li a:hover ._date{ background:#008F68; color:#fff; }
nav {
padding:0px;
position: relative; z-index:999;
margin:0 auto;
}
nav ul {
list-style-type:none;
margin:0;
padding:0;
}
nav ul li {
position: relative; display: block; width: 160px; height: 52px; float: left; display: inline; text-align: center; vertical-align: middle; line-height:52px; font-family:"微软雅黑"; font-size:16px;
}
/* sub navigation */
nav li ul {
position:absolute;
left:0;
top:50px; /* make this equal to the line-height of the links (specified below) */
}
nav li li {
position:relative;
margin:0;
display:block;
}
nav li li ul {
position:absolute;
top:0;
left:130px; /* make this equal to the width of the sub nav above */
margin:0;
}
nav ul li ul{ background: rgba(0,0,0,0.3); padding-bottom:10px;
}
nav ul li ul li{
position: relative; display: block; width: 160px; height: 40px; float: left; display: inline; text-align: center; vertical-align: middle; line-height: 40px; border-bottom:1px #f1f1f1 solid; border-left:none; border-right:none; margin-left:8px;
}
nav ul li ul li a{ height: 40px; line-height: 40px;font-family:"微软雅黑"; }
nav ul li ul li a:hover{ height: 40px; line-height: 40px;color:#333 }
/* style all links */
nav a {
line-height:50px;
padding:0 0px;
margin:0px;
}
nav a {
color:#fff;
text-decoration:none;
display:block;
}
nav a:hover,
nav a:focus,
nav a:active { }
/* style sub level links */
nav li li a {
margin:0px;
padding:0;
}
nav li li:last-child a {
border-bottom:none;
}
/* hide sub menu links */
ul.sub-menu {
display:none;
}
/* show arrows for dropdowns */
.nav li.dropdown > a {
background:url('../images/arrow-down.png');
background-position:right 25px;
background-repeat:no-repeat;
}
.nav li.dropdown > a:hover {
background:url('../images/arrow-down.png');
background-position:right 25px;
background-repeat:no-repeat;
}
.nav li li.dropdown > a {
background-image:url('../images/arrow-right1.png');
background-position:right 16px;
background-repeat:no-repeat;
}
/*新闻资讯*/
.index_news{width:100%;overflow: hidden;margin-top: 0px;margin-bottom: 5px; padding-top:50px;}
.index_news .title{width:748px;height: 96px;margin: 0px auto 60px;padding-top: 2px;box-sizing: border-box;}
.index_news .title h3{font-size:36px; line-height:45px; color: #313234; font-weight:700;text-align: center;}
.index_news .title h3 span{color:#7B0002; font-size: 30px; font-weight: 500;}
.index_news .title p{font-size: 18px; color: #635C52; margin-top: 8px; text-align: center; margin-top: 16px;}
.index_news .list{width:393px; height: auto; display: block; overflow: hidden; float: left; margin-right: 60px;}
.index_news .list:last-child{margin-right: 0;}
.index_news .list h2{font-size: 16px; line-height:35px; color: #333}
.index_news .list h2 a{font-size: 16px; line-height:35px; color: #333}
.index_news .list p{font-size: 14px; line-height:25px; color: #666}
.index_news .list.img1{ width:100%; height: 600px; display: block; overflow: hidden;}
.index_news .list.img1 img{width:100%; height: 600px;;transform: scale(1);transition: all .5s;}
.index_news .list .img{ width:100%; height: 150px; display: block; overflow: hidden;}
.index_news .list .img img{width:100%;height: 100%;transform: scale(1);transition: all .5s;}
.index_news .list .img:hover img{transform: scale(1.05);}
.news_list_title{width:100%; height: auto; display: block; overflow: hidden; padding: 10px 0px;}
.news_list1_l{width:342px; float: left; height: 100%;}
.news_list1_l img{ float: left;}
.news_list1_l h4{ font-size:15px; color: #555; font-weight: bold;}
.news_list1_l p{ font-size: 12px; color:#999}
.news_list1_l div{ margin-left: 40px;}
.news_list1_l div p{width:100%;height: 20px;line-height: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition: all .5s;}
.news_list1_l div h4{width:100%;height: 20px;line-height: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition: all .5s;}
.news_list_title .jia{ float: right; width:14px; height: 14px; margin-top: 10px;}
.index_news .list ul{width:100%; height: auto; display: block; overflow: hidden; margin-top: 10px;}
.index_news .list ul li{height: 30px;line-height: 30px;display: block;overflow: hidden;transition: all .5s;}
.index_news .list ul li p{width: 100%;height: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 16px;color: #645D53;float: left;transition: all .5s;}
.index_news .list ul li time{float: right;font-size: 12px;color:#999;transition: all .5s;}
.index_news .list ul li:hover p{ color: #7B0002;}
.index_news .list ul li:hover{background: url(../lx.png) no-repeat left;}
.index_news .list ul li:hover time{color: #7B0002;}
.news_list_title:hover h4,.news_list_title:hover p{color: #7B0002;}
.equ{ background:url(../images/hbbg.jpg) center bottom no-repeat; height:700px;}
.i-13{width:1140px; height:auto; padding-bottom:30px; margin-left:260px;}
.hzlogo{ width:1400px; margin:0 auto}
.i-13 ul{ height:auto; margin:0 auto}
.i-13 ul li{width:180px; height:90px; border:3px solid #F7F7F7; margin-right:3px; margin-bottom:13px;float:left; transition:all .4s; -o-transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s}
.i-13 ul li:nth-child(6n){ margin-right:0px;}
.i-13 ul li img{width:180px; height:90px;; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:alpha(opacity=100); opacity:1 transition:all .4s; -o-transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s}
.i-13 ul li:hover img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter:alpha(opacity=60); opacity:0.6; }
.vr{ background:url(../images/vrbg.jpg) center top no-repeat; height:600px; padding-top:70px;}
.vrleft{ width:350px; float:left; margin-right:50px;}
.vr_box{ width:280px; background:#333; padding:30px;}
.vr_box h2{ color:#FFF; font-size:26px; line-height:40px; font-family: Georgia, "Times New Roman", Times, serif; text-transform:uppercase}
.vr_box p{ color:#FFF;font-size:25px; line-height:40px;}
.vr_box1{ width:280px; margin:30px auto}
.vr_2wm{ width:120px; margin:35px;;}
.vr_2wm img{ width:100%;;}
.vrright{ width:880px; float:left; font-size:18px; color:#FFF; line-height:35px; padding:40px 50px 40px 40px;}
.ndh{ width:1400px; margin:0 auto; height:50px;}
.ndh_left{width:200px;}
.ndh_left h2{float:left; text-align:left; display:block; font-size:30px; line-height:30px; color:#333}
.ndh_left p{float:left; text-align:left;font-size:20px; line-height:30px;}
.ndh_right{float:right; text-align:left; margin-top:0px;}
.ndh_right a{ font-size:16px; margin:0 10px;height:35px;line-height:35px; display:block; float:left; }
.ndh_right span{ margin:10px 0px 0;float:left; width:7px; }
.ndh_right a.cur{ font-size:16px;border-bottom:1px #CCCCCC solid;height:35px; line-height:35px;}
DIV.black {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px;PADDING-BOTTOM: 10px; MARGIN: 0px auto 25px auto; COLOR: #a0a0a0; PADDING-TOP: 10px; TEXT-ALIGN: center
}
DIV.black A {
BORDER: #c00 1px solid; COLOR: #000; MARGIN-RIGHT: 3px; font-size:14px; font-family: "宋体"; TEXT-DECORATION: none; border-radius:0px; padding:6px 10px;}
DIV.black A:hover {
BORDER: #f0f0f0 1px solid; background:#c00; COLOR: #ffffff; font-size:14px; font-family: "宋体"; BACKGROUND-COLOR: #c00; border-radius:0px;padding:6px 10px;}
DIV.black A:active {
BORDER: #f0f0f0 1px solid; font-size:14px; font-family: "宋体";COLOR: #ffffff; BACKGROUND-COLOR: #c00; border-radius:0px; padding:6px 10px;}
DIV.black SPAN.current {
BORDER: #c00 1px solid; font-size:14px; font-family: "宋体";PADDING: 5px; FONT-WEIGHT: bold; COLOR: #ffffff; MARGIN-RIGHT: 3px; BACKGROUND-COLOR: #c00; border-radius:0px; padding:6px 10px;}
DIV.black SPAN.disabled {
BORDER: #c00 1px solid; PADDING-RIGHT: 5px; font-size:14px; font-family: "宋体";PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; border-radius:50px; border-radius:0px; padding:6px 10px;
}
.gy-list li{ padding-bottom:25px; margin-bottom:25px; background:url(../images/line0.jpg) bottom left repeat-x; overflow:hidden; }
.gy-list li ._date{ float:left; width:425px; background:#f5f5f5; text-align:center; height:280px;font-family:arial; color:#008F68; overflow:hidden }
.gy-list li ._date img{ width:425px; height:280px; -webkit-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;}
.gy-list li ._date:hover img{ -webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: -webkit-transform 0.6s ease 0s;
transition: transform 0.6s ease 0s;}
.gy-list li ._date span{ display:block;}
.gy-list li ._date ._d1{ font-size:44px; line-height:46px; padding-top:20px;}
.gy-list li ._nr{ float:left; width:65%; margin-left:3%; text-align:left}
.gy-list li ._nr1{ width:100%;}
.gy-list li ._title{ font-size:18px; font-weight: normal; color:#375060; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; line-height:35px;text-align:left; padding-left:20px;; background:#DBDBDB; width:60%}
.gy-list li ._title a{ color:#f00; }
.gy-list li ._title a:hover{ color:#FFA903; }
.gy-list li ._tools{ color:#b4b4b4; margin:3px 0;}
.gy-list li ._tools .ion{ margin-left:0;}
.gy-list li ._tools span{ padding-right:15px;}
.gy-list li ._sum{ line-height:30px; height:230px; overflow:hidden;color:#565656; font-size:15px }
.gy-list li a:hover{ padding-bottom:10px; }
.gy-list li a:hover ._title{ color:#f00; }
.gy-list li a:hover ._date{ background:#CB0101; color:#fff; }
.hbcl_list {
overflow: hidden;
*margin-bottom: 38px;
}
.hbcl_list ul {
width: 100%;
}
.hbcl_list li {
width:262px;
float: left;
margin-right: 80px;
margin-bottom: 10px;
position: relative;
border-radius: 0px;
transition: all .5s;
}
.hbcl_list li:nth-child(4n) {
margin-right: 0;
}
.hbcl_list li .img {
width: 100%; border:1px #eee solid; ;
border-radius: 0px;
}
.hbcl_list li .img img {
width: 100%;
height: 100%;
display: block;
border-radius: 0px;
}
.hbcl_list li .txt {
height:40px;
width: 100%;
color: #333;
transition: all .5s;
}
.hbcl_list li .txt h3 {
font-size: 16px;
font-weight: 100;
line-height:40px;
text-align: center;
transition: all .5s;
}
.hbcl_list li .txt span {
margin: 0 auto;
margin-top: 20px;
display: block;
border: 1px solid #fff;
text-align: center;
width: 123px;
height: 33px;
line-height: 33px;
border-radius: 0px;
opacity: 0;
transition: all .5s;
}
.hbcl_list li:hover {
text-align: center;
}
.hbcl_list li:hover .txt h3 {
padding-top: 0px;
}
.hbcl_list li:hover .txt span {
opacity: 1;
}
.case-list {
width: 100%;
margin-top: 30px;
}
.case-list-ul {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.case-list-ul li {
margin-right:40px;
margin-bottom:33px;
width: 305px;
height: 305px;
border: 1px solid #ddd;
padding: 5px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.case-list-ul li:nth-child(4n) {
margin-right:0px;
margin-bottom:33px;
width: 305px;
height: 305px;
border: 1px solid #ddd;
padding: 5px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.img-box {
display: block;
width: 277px;
height:154px;
overflow: hidden;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
margin: auto;
}
.img-box img {
width: 100%;
height: 154px;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-ms-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
}
.user-img {
position: relative;
display: block;
width:130px;
height: 30px;
text-align:center;
margin: -18px auto 0; font-size:20px; background:#FFF
}
.user-img a{
font-size:20px;
}
.user-img img {
width: 67px;
height: 67px;
border: 3px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.case-list-ul dl {
text-align:left;
padding: 10px; font-size: 16px; line-height:28px;
font-weight: normal;
}
.img-box:hover img {
/* -webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);*/
}
a:hover {
text-decoration: none;
}
.case-xq {
width: 100%;
height: auto;
display: table;
background-color: #f8f8f8;
position: relative;
}
.cases_nei_center {
width: 1200px;
height: auto;
margin: auto;
display: table;
position: relative;
box-shadow: #ccc 0px 0px 10px 0px;
}
.cases_nei_center_on {
width: 100%;
height: 537px;
border: 1px solid #e3e3e3;
background-color: #fff;
display: table;
}
.cases_nei_center_on {
width: 100%;
height: 537px;
border: 1px solid #e3e3e3;
background-color: #fff;
display: table;
}
.cases_nei_center_on_img {
width: 700px;
height: 500px;
margin-left: 37px;
float: left;
}
.cases_nei_center_on_p {
width: 360px;
float: left;
margin-left: 40px;
}
.cases_nei_center_on_p_hr {
width: 100%;
height: 1px;
background-color: #e3e3e3;
margin-top: 10px;
margin-bottom: 10px;
}
.cases_nei_center_on_p_on {
font-size: 26px;
margin-top: 40px;
margin-bottom: 30px;
}
.cases_nei_center_on_p_to {
font-size: 15px;
color: #868686;
margin-bottom: 5px;
}
.cases_nei_center_on_p_so {
font-size: 15px;
color: #868686;
line-height: 30px;
}
.cases_nei_design_kefu {
width: 100%;
height: 130px;
display: table;
}
.cases_nei_design_kefu_on {
width: 66px;
height: 66px;
float: left;
margin-top: 28px;
margin-left: 37px;
}
.cases_nei_design_kefu_on img {
width: 100%;
height: 100%;
}
.cases_nei_design_kefu_to {
width: 200px;
float: left;
margin-top: 32px;
margin-left: 15px;
}
.cases_nei_design_kefu_to_p1 {
font-size: 22px;
color: #272727;
}
.cases_nei_design_kefu_to_p2 {
font-size: 15px;
color: #868686;
margin-top: 5px;
}
.cases_nei_design_kefu_zixun {
width: 150px;
height: 45px;
border-radius: 45px;
border: 1px solid #cccccc;
font-size: 18px;
line-height: 45px;
text-align: center;
float: right;
margin-top: 38px;
margin-right: 110px;
color: #272727;
}
.cases_nei_cen {
width: 1200px;
height: 760px;
display: table;
position: relative;
margin: auto;
}
.cases_nei_cen_zuo {
width: 773px;
height: 100%;
background-color: #fff;
float: left;
box-shadow: #ccc 0px 0px 10px 0px;
}
.cases_nei_cen_for {
width: 700px;
height: 500px;
margin-left: 37px;
}
.cases_nei_cen_for img {
width: 100%;
height: 100%;
}
/*首页产品*/
.lc_list {
overflow: hidden;
*margin-bottom: 38px;
}
.lc_list ul {
width: 100%;
}
.lc_list li {
width: 390px; height:390px;
float: left;
margin-right: 100px;
margin-bottom:35px;
position: relative;
border-radius:50%;
transition: all .5s;
overflow: hidden
}
.lc_list li:nth-child(3n) {
margin-right: 0;
}
.lc_list li .img {
width: 100%;
height: 390px;
border-radius: 0px;
}
.lc_list li .img img {
width: 100%;
height: 100%;
display: block;
border-radius: 0px;
}
.lc_list li .txt {
position: absolute;
left: 0;
bottom: 0px;
height: 100%;
background: url(../images/bg_6.png) repeat;
width: 100%;
border-radius: 0px;
color: #fff;
transition: all .5s;
}
.lc_list li .txt h3 {
font-weight: 100;
line-height: 60px;
text-align: center;
transition: all .5s; padding-top: 100px;
font-size: 22px;
font-weight: 100;
line-height: 40px;
}
.lc_list li .txt h4 {
font-size: 16px;
font-weight: 100;
line-height: 60px;
text-align: center;
transition: all .5s; padding-top: 10px;
font-size: 18px;
font-weight: 100;
line-height: 24px;
}
.lc_list li .txt span {
margin: 0 auto;
margin-top: 10px;
display: block;
text-align: center;
line-height: 33px;
border-radius: 0px;
opacity: 1;
transition: all .5s; width:80%;padding-top:40px; font-size:18px; color:#CACACA
}
/*.lc_list li:hover {
text-align: center;
box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1);
}
.lc_list li:hover .txt {
background: url(../images/bg_6b.png) repeat;
height: 100%;
border-radius: 0px;
bottom: 0px;
}
.lc_list li:hover .txt h3 {
padding-top: 80px;
font-size: 18px;
font-weight: 100;
line-height: 40px;
}
.lc_list li:hover .txt h4 {
padding-top: 10px;
font-size: 18px;
font-weight: 100;
line-height: 24px;
}
.lc_list li:hover .txt span {
opacity: 1;
}*/
.titlex{width:748px;height:46px;margin: 0px auto 60px;padding-top: 2px;box-sizing: border-box;}
.titlex h3{font-size:36px; line-height:45px; color: #313234; font-weight:700;text-align: center;}
.titlex h3 span{color:#7B0002; font-size: 30px; font-weight: 500;}