html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,瀹嬩綋,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.container-fluid {
max-width: 1400px;
padding: 0;
}
@media (max-width: 1460px) {
.container-fluid {
padding: 0 80px;
}
}
/*浮动*/
.fl{
float: left;
}
.fr{
float: right;
}
/*头部开始*/
.header {
height: 100px;
width: 100%;
position: absolute;
top: 0;
z-index: 100;
}
.header:before {
content: '';
width: 100%;
height: 1px;
background: #5a5858;
background: -webkit-linear-gradient(left, #5a5858, rgba(255, 255, 255, 0));
background: linear-gradient(to right, #5a5858, rgba(255, 255, 255, 0));
position: absolute;
left: 0;
bottom: 0;
}
.header .logo {
float: left;
margin-top: 15px;
margin-left: 7px;
}
.header ul {
float: right;
height: 100%;
text-align: center;
}
.header ul li {
padding: 0 10px;
display: inline-block;
}
.header ul li a {
display: block;
font-size: 18px;
color: #fff;
line-height: 93px;
padding: 0 10px;
border-top: 3px solid transparent;
}
.header ul li a:hover {
background: url(../image/topline.png) center 60px no-repeat;
-webkit-animation: cyc 0.5s;
animation: cyc 0.5s;
}
.header ul li.active a {
background: url(../image/topline.png) center 60px no-repeat;
}
@-webkit-keyframes cyc {
0% {
-webkit-transform: skew(0);
transform: skew(0)
}
20% {
-webkit-transform: skew(20deg);
transform: skew(20deg)
}
40% {
-webkit-transform: skew(0);
transform: skew(0)
}
60% {
-webkit-transform: skew(10deg);
transform: skew(10deg)
}
100% {
-webkit-transform: skew(0);
transform: skew(0)
}
}
@keyframes cyc {
0% {
-webkit-transform: skew(0);
transform: skew(0)
}
20% {
-webkit-transform: skew(20deg);
transform: skew(20deg)
}
40% {
-webkit-transform: skew(0);
transform: skew(0)
}
60% {
-webkit-transform: skew(10deg);
transform: skew(10deg)
}
100% {
-webkit-transform: skew(0);
transform: skew(0)
}
}
/*头部结束*/
/*banner开始*/
.x-banner{position: relative;}
.banbom{position: absolute;bottom: 0;z-index: 10;width: 100%}
.bannerbox {
position: absolute;
width: 100%;
bottom: 8%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
overflow: hidden;
z-index: 100;
text-align: center;
}
.bannerbox a {
height: 51px;
font-size: 26px;
color: #fff;
font-weight: bold;
line-height: 49px;
border: 1px solid transparent;
padding: 0 30px;
position: relative;
cursor: pointer;
z-index: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border-radius: 25px;
}
.bannerbox a.bannerboxfl {
float: left;
}
.bannerbox a.bannerboxfr {
float: right;
}
.bannerbox a.bannerboxfl:before {
content: '';
width: 51px;
height: 51px;
border-radius: 25px 0 0 25px;
position: absolute;
left: 0;
top: 0;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5), transparent);
background: linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent);
}
.bannerbox a.bannerboxfl:after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
position: absolute;
left: -5px;
top: 50%;
margin-top: -5px;
}
.bannerbox a.bannerboxfr:before {
content: '';
width: 51px;
height: 51px;
border-radius: 0 25px 25px 0;
position: absolute;
right: 0;
top: 0;
background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5), transparent);
background: linear-gradient(to left, rgba(255, 255, 255, 0.5), transparent);
}
.bannerbox a.bannerboxfr:after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
position: absolute;
right: -5px;
top: 50%;
margin-top: -5px;
}
.next-icon{position: relative;
width: 35px;
height: 35px;
display: inline-block;
margin-top: 20px;
border: #ffffff 1px solid;
border-radius: 50%;
}
.next-icon:before {
content: "";
width: 8px;
height: 15px;
position: absolute;
left: 50%;
margin-left: -4px;
top: 50%;
margin-top: -10px;
background: url(../image/jiantou.png) center no-repeat;
-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;
-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;
animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;
border-radius: 1.5px;
}
@keyframes scroll {
0% {
opacity: 0;
}
10% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-o-transform: translateY(0);
transform: translateY(5px);
opacity: 0;
}
}
/*banner结束*/
.index-case{padding-top:60px;margin-bottom:80px;background: url(/skin/newimages/bg-case.png) no-repeat #FFF top center;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
.pro{
padding-top: 0px;
padding-bottom: 50px;
}
.title{
text-align: center;
position: relative;
}
.title h1{
font-size: 36px;
font-weight: normal;
color: #333;
display: block;
position: relative;
z-index: 1;
line-height: 2;
}
.title h1:before{
content: "";
background: url(../image/homeoneicon01.png) center center no-repeat;
background-size: 18px;
width: 18px;
height: 18px;
display: inline-block;
margin-right: 14px;
vertical-align: top;
margin-top: 28px;
}
.title h2{
width: 100%;
text-align: center;
font-size: 16px;
line-height: 2;
color: #666;
font-weight: normal;
text-transform: uppercase;
display: inline-block;
margin-bottom: 10px;
margin-top: 6px;
}
.index-pro{margin-bottom: 50px;}
/*热销产品*/
.hot-pro {
margin-top: 30px;
margin-bottom: 45px;
}
.hot-pro li {
float: left;
width: 33.2%;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
max-height: 614px;
background-color: #fff;
}
.hot-pro .col-pro {
position: relative;
border-bottom: 1px solid #e5e5e5;
background-color: #fff;
overflow: hidden;
}
.hot-pro li:first-child {
background: #2f3854;
background: -moz-linear-gradient(top, #282e46 0%, #2f3854 100%);
background: -webkit-linear-gradient(top, #282e46 0%,#2f3854 100%);
background: -o-linear-gradient(top, #282e46 0%,#2f3854 100%);
background: -ms-linear-gradient(top, #282e46 0%,#2f3854 100%);
background: linear-gradient(to bottom, #282e46 0%,#2f3854 100%);
border-bottom: 1px solid #282e46;
}
.hot-pro li.col-pro {
width: 33.5%;
}
.hot-pro .col-pro img {
display: block;
width: 100%;
height: auto;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.hot-pro .col-pro:hover img {
margin-left: 10px;
}
.hot-pro .col-pro .text {
position: absolute;
width: 100%;
top: 25px;
left: 0;
padding: 0 30px;
}
.hot-pro .col-pro .text .tit {
display: block;
font-size: 24px;
color: #333333;
font-weight: bold;
margin-bottom: 2px;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hot-pro li.col-pro .text .tit {
font-size: 30px;
color: #ffffff;
line-height: 38px;
}
.hot-pro .col-pro .text p {
font-size: 16px;
color: #204c97;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hot-pro li.col-pro .text p {
font-size: 18px;
color: #ffffff;
line-height: 28px;
margin-bottom: 25px;
}
.hot-pro li.col-pro .text .btn-more {
display: inline-block;
font-size: 18px;
color: #ffffff;
font-weight: bold;
padding: 0 26px;
line-height: 44px;
background: #4d7dff;
background: -moz-linear-gradient(top, #3068ff 0%, #4d7dff 100%);
background: -webkit-linear-gradient(top, #3068ff 0%,#4d7dff 100%);
background: -o-linear-gradient(top, #3068ff 0%,#4d7dff 100%);
background: -ms-linear-gradient(top, #3068ff 0%,#4d7dff 100%);
background: linear-gradient(to bottom, #3068ff 0%,#4d7dff 100%);
}
.hot-pro .col-pro {
position: relative;
border-bottom: 1px solid #e5e5e5;
background-color: #fff;
overflow: hidden;
}
/*热销产品结束*/
/*优势开始*/
.mingpai {
clear: both;
position: relative;
background: url(../image/mingpaibg01.jpg) center top no-repeat #090909;
padding: 72px 0 0px;
}
.mingpai .mingpaipic {
position: relative;
/* right: 0%; */
/* bottom: 100px; */
width: 40%;
z-index: 1;
top: 16%;
float: right;
}
.mingpai .container {
margin-top: 45px;
}
.mingpai .mingpaitit {
color: #fff;
font-size: 18px;
width: 60%;
height:560px;
padding: 34px 0;
text-align:center;
display: inline-block;
position: relative;
position: relative;
background: url(../image/mingpaibg02.png) right top no-repeat;
background-size: 100%;
}
.mingpai .mingpaitit h1{
font-size: 30px;
line-height: 50px;
border: 1px solid #fff;
border-radius: 53px;
width: 330px;
margin-left: 25%;
margin-top: 4%;
}
/*.mingpai .mingpaitit:after {
content: "";
position: absolute;
right: -186px;
top: 45px;
width: 178px;
height: 8px;
background: url(/skin/images/mingpaipic03.png) right center no-repeat;
}*/
.mingpai ul {
padding: 40px 0 40px 36px;
}
.mingpai ul li {
float: left; */
text-align: center;
width: 82%;
/* margin-right: 40px; */
position: relative;
/* padding: 22px 10px; */
font-size: 16px;
}
.mingpai ul li:last-child{margin-right: 0;}
/*.mingpai ul li:after, .mingpai ul li:before {
content: "";
position: absolute;
border-style: solid;
border-color: #346bff;
}
.mingpai ul li:before {
border-width: 2px;
right: 0;
top: 0;
bottom: 5px;
left: 5px;
border-color: #214e9d;
}
.mingpai ul li:after {
border-width: 1px;
left: 0;
bottom: 0;
right: 5px;
top: 5px;
}*/
.mingpai ul li span{line-height: 48px;padding-left: 20px;}
.mingpai ul li i {
clear: both;
display: block;
text-align: center;
font-style: normal;
}
.mingpai ul li i b {
font-size: 60px;
color: #204c97;
line-height: 60px;
padding-right: 6px;
}
.mingpai .mingpaitxt {
font-size: 18px;
line-height: 32px;
padding: 0px 20px 60px 35px;
color: #333;
}
/*优势结束*/
/*产品列表开始*/
.homeone .homeonefl {
float: right;
width: 77%;
margin-top: 10px;
}
.homeone .homeonefr {
float: left;
width: 20%;
background: #104c81;
margin-bottom: 30px;
margin-top: 10px;
border-radius: 20px; padding-top: 2%;
}
.homeone .homeonefr .tel h1{
font-size: 30px;
color: #fff;
text-align: center;line-height: 80px;
}
.homeone .homeonefr .tel{
font-size: 22px;
font-weight: bold;
text-align: center;
line-height: 34px;
color: #fff;
margin-bottom: 50px;
}
.homeone .homeonefl ul li {
float: left;
width: 31.3333%;
margin-bottom: 3%;
transition: all .3s;
border:1px solid #ddd;
margin-right: 3%;margin-bottom: 4%;border-radius: 20px;background: url(../image/cpbg.jpg) repeat center;
text-align:center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.homeone .homeonefl ul li:nth-child(3n) {
margin-right: 0%;
}
.homeone .homeonefl ul li a.homeonepic {
position: relative;
overflow: hidden;
display: block; border-radius: 20px 20px 0 0;
}
.homeone .homeonefl ul li img{width: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;}
.homeone .homeonefl ul li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.homeone .homeonefl ul li a.homeonetit {
color: #0e0e0e;
font-size: 16px;
text-align: center;
padding: 0px 25px 0px 50px;
line-height: 48px;
background: url(../image/cp_t.png) no-repeat 20px;
}
.homeone .homeonefr li {
padding: 18px 32px 18px 39px;
border-right: 0px solid #eaeaea;
border-left: 0px solid #eaeaea;
position: relative;
background: url(../image/cpbg.png) no-repeat center;
}
.homeone .homeonefr li:first-child {
border-top: 0px solid #eaeaea;
}
.homeone .homeonefr li.on {background: url(../image/cpbg1.png) no-repeat center;}
.homeone .homeonefr li.on .homeonefrtxt h3{color: #082a48;}
.homeonefritem {
clear: both;
padding: 11px 0;
border-bottom: 0px solid rgba(185,188,197,.3);
}
.homeonefritem .homeonefrpic {
float: left;
}
.homeonefritem .homeonefrtxt {
/*float: right; */
/* width: 62%; */
font-size: 14px;
line-height: 20px;
/* margin-top: 28px; */
text-align: center;
/* background: url(../image/cpbg.png) no-repeat center;*/
}
.homeonefritem .homeonefrtxt h3 {
font-size: 18px;
/* padding-bottom: 10px; */
color: #fff;
/* background: url(../image/cpbg.png) no-repeat center;*/
}
.homeonefritem .homeonefrtxt a {
color: #333;
}
.homeone .homeonefr li:last-child {
border-bottom: 0px solid #eaeaea;
}
.homeone .homeonefr li:last-child .homeonefritem{border-bottom:0;}
/*.homeone .homeonefr li:after {
content: "";
border-left: 1px solid #eaeaea;
position: absolute;
right: -1px;
width: 13px;
top: -1px;
bottom: -1px;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/
.homeone .homeonefr li.on:after {
border: 0;
background: url(../image/homeoneicon06.png) right center no-repeat;
background-size: 13px 100%;
}
/*产品列表结束*/
/*关于我们开始*/
.abouttwo {
clear: both;
width: 100%;
padding: 30px 0;
overflow: hidden;
position: relative;
background: url(../image/aboutonebg1.jpg) no-repeat center top;
/*background-size: 100%;*/
}
.abouttwof{padding-top: 55px;
padding-bottom: 52px;}
.abouttwo .abouttwofl {
width: 50%;
float: left;
}
.abouttwo .abouttwofl img{width: 100%;}
.abouttwo .abouttwofr {
float: right;
position: relative;
z-index: 2;
padding-top: 3%;
width: 50%;
}
.abouttwo .abouttwofr .abouttwofrtit {
padding:8% 5%;
background: #fff;
color: #333;
font-size: 16px;
line-height: 36px;border-radius: 0 10px 10px 0;
}
.about-tit{position:relative;z-index:1;margin-bottom: 3%;}
.about-tit h2{font-size: 36px;
color: #333;
font-weight: 700;
line-height: 60px;
display: inline-block;
text-indent: 34px;}
.about-tit h2 span{font-size: 36px;
color: #d13945;
}
.about-tit h2:before{margin-right:30px}
.about-tit h2:after{margin-left:30px}
.about-tit:after{content:'';position:absolute;bottom:20px;left:36px;z-index:-1;width:100%;height:68px}
.about-tit.tit:after{background:url(../image/about-wz.png) no-repeat left center}
.about-tit.tit01:after{background:url(/skin/images/about-wz01.png) no-repeat center;left:28px}
.abouttwo .abouttwofr ul {
clear: both;
margin-left: -50%;
width: 128%;
background: #fff;
padding: 20px 0px 0px 5px;
position: relative;
}
.abouttwo .abouttwofr ul li {
float: left;
margin-left: 1.5673981191%;
width: 31.1912225705%;
}
.abouttwo .abouttwofr ul li img{width: 100%}
.abouttwo .abouttwofr ul:before {
content: '';
position: absolute;
background: url(../image/aboutthree4.png) no-repeat right center;
height: 14px;
left: -27.4294670846%;
width: 18.3385579937%;
bottom: 70px;
}
.abouttwo .abouttwofr ul li p {
clear: both;
line-height: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
color: #606470;
padding-top: 24px;
font-size: 18px;
}
.btn-show{position: relative;z-index: 0;line-height: 60px;overflow: hidden;
margin: 30px 0 27px;}
.btn-show:after{content:'';position: absolute;left: 12px;top: 50%;width: 100%;border: 1px dotted #d13945;z-index: -2;}
.btn-show i{display: inline-block;width: 40%;text-align: center;font-size: 14px; vertical-align: top;line-height:1.1;}
.btn-show .btn-line{position: relative; display: inline-block;cursor: pointer; color:#FFF;font-size:14px;width: 130px;height:48px;line-height:48px;text-align:center;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px; background: -webkit-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);background: -ms-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);background: -o-linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);background: linear-gradient(200deg, #ED3B47 0%, #0C2B47 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ED3B47, endColorstr=#0C2B47, GradientType=1 );-webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-o-box-shadow: 0px 5px 5px rgba(228,0,52,.13);box-shadow: 0px 5px 5px rgba(228,0,52,.13);-webkit-background-size: 120% 100%;-moz-background-size: 120% 100%;-ms-background-size: 120% 100%;-o-background-size: 120% 100%;background-size: 120% 100%;background-position:left center;}
.btn-show .btn-line:before{content: "";display: inline-block;position: absolute;left: -5%;top: 48%;width: 110%;height: 5px;background-color: #FFF;z-index: -1;}
.btn-show .btn-line:after{content: "";display: inline-block;position: absolute;left: -5px;top: -5px;width: 140px;height: 58px; border:1px dashed #d13945;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;}
.btn-show .btn-line:hover{color:#F43B47;background-position:right center;}
@media (min-width: 1440px){
.homethree {
padding-bottom: 95px;
margin-top: -20px;
}
}
.homethree {
padding-bottom: 40px;
padding-top: 60px;
background: url(../image/yybg.jpg) center top no-repeat;
}
.homethree .homethreetop {
clear: both;
text-align: center;
padding-top: 0px
}
.homethree .homethreetop ul {
display: inline-block;
/* background: #f4f7ff; */
border: 1px solid #fff;
overflow: hidden;
border-radius: 50px;
padding: 10px 20px;
}
.homethree .homethreetop ul li {
float: left;
text-align: center;
padding: 0 15px 0 31px;
font-size: 14px;
background: url(../image/homethreetopicon.png) left center no-repeat;
background-size: 15px
}
.homethree .homethreetop ul li a{
color:#fff;
}
.homethree .homethreetop ul li:nth-child(1) {
background: 0 0
}
.homethree .homethreebom {
margin-left: 0px;
padding-top: 47px
}
.homethree .homethreebom li {
float: left;
/* padding-left: 20px; */
margin-right: 1%;
margin-left: 1%;
width: 31%;
/* background: url(../images/homethreebg.jpg) left bottom no-repeat;
background-size: 231px*/
}
.homethree .homethreebom li:first-child{
margin-left: 0;
}
.homethree .homethreebom li:last-child{
margin-right: 0;
}
.homethree .homethreebom li .homethreepic {
clear: both;
position: relative;
margin-right: 1px
}
.homethree .homethreebom li .homethreepic img {
width: 100%
}
/*.homethree .homethreebom li .homethreepic:after,.homethree .homethreebom li .homethreepic:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
background: rgba(47,56,82,.66)
}
.homethree .homethreebom li:hover .homethreepic:after,.homethree .homethreebom li:hover .homethreepic:before {
background: rgba(199,208,231,.5)
}
*/
.homethree .homethreebom li .homethreepic:after {
right: -10px;
top: 26px;
z-index: 2
}
.homethree .homethreebom li .homethreepic:before {
right: -5px;
top: 13px;
z-index: 1
}
.homethree .homethreebom li .homethreepic .homethreepica02 {
z-index: 3;
position: relative;
overflow: hidden;
clear: both;
display: block
}
.homethree .homethreebom li .homethreepic .homethreepica02:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -100%;
width: 100%;
background: rgba(230,237,255,.8);
z-index: 1
}
.homethree .homethreebom li .homethreepic:hover .homethreepica02:after {
left: 0;
transition: all .5s;
-webkit-transition: all .5s
}
.homethree .homethreebom li .homethreepic .homethreepica02:before {
content: "";
position: absolute;
left: 150%;
top: 50%;
width: 50px;
height: 50px;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
background: url(../image/hovericon.png) center center no-repeat #fa332b;
background-size: 39px;
z-index: 2;
border: 2px solid #fa332b;
border-radius: 50%;
transition: all .5s;
-webkit-transition: all .5s
}
.homethree .homethreebom li .homethreepic:hover .homethreepica02:before {
left: 50%;
transition: all .5s;
-webkit-transition: all .5s
}
.homethree .homethreebom li .homethreepic .homethreepica01 {
position: absolute;
z-index: 4;
left: 0;
right: 0;
bottom: 0;
background: url(/skin/images/homethreeicon05.png) center top no-repeat;
background-size: 193px 67px;
height: 67px;
text-align: center;
padding: 30px 10px 0
}
.homethree .homethreebom li .homethreefr {
clear: both;
width: 100%;
position: relative;
background: #f4f5fa;
background-size: 334px;
z-index: 3;
padding: 20px 20px 40px 40px;border-radius: 20px;
}
.homethree .homethreebom li .homethreefr:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -58px;
background: url(../image/homethreebg01.png) left top no-repeat;
height: 100px;
background-size: 100%;
z-index: 10
}
.homethree .homethreebom li .homethreefr:after {
content: "";
position: absolute;
left: 23px;
top: -77px;
width: 80px;
height: 80px;
background: url(../image/homethreeicon01.png) center top no-repeat;
background-size: 80px;
border-radius: 50%;
z-index: 0
}
.ie8-hack .homethree .homethreebom li .homethreefr:after,.ie9-hack .homethree .homethreebom li .homethreefr:after {
display: none
}
.homethree .homethreebom li .homethreefr .homethreetit {
margin-bottom: 12px;
position: relative;
z-index: 11
}
.homethree .homethreebom li .homethreefr .homethreetit i {
position: absolute;
left: 0;
top: -12px;
width: 48px
}
.homethree .homethreebom li .homethreefr .homethreetit a {
color: #191919;
font-weight: 700;
font-size: 18px;
line-height: 25px
}
.homethree .homethreebom li .homethreefr .homethreetit a:hover {
color: #e60b11
}
.homethree .homethreebom li .homethreefr .homethreetxt {
clear: both;
display: block;
position: relative;
z-index: 11
}
.homethree .homethreebom li .homethreefr .homethreetxt p {
font-size: 14px;
line-height: 20px;
}
.pro-ul{margin-left: -2%;}
.pro-ul li{float: left;width: 48%;margin-left: 2%;background: url(/skin/images/index-bg1.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 32px;border-radius: 10px;margin-bottom: 32px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-ul li .pic{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 52.75%;}
.pro-ul li .pic img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.pro-ul li .text{padding-left: 36px;padding-right: 150px;position: relative;}
.pro-ul li .tit{font-size: 14px;color: #666666;line-height: 34px;}
.pro-ul li .tit a{display: inline-block;font-size: 24px;color: #03406a;font-weight: bold;margin-right: 5px;}
.pro-ul li .ability{font-size: 14px;color: #666;line-height: 24px;}
.pro-ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-ul li:hover{-webkit-box-shadow: 0 10px 20px rgba(35,77,124,0.2);-moz-box-shadow: 0 10px 20px rgba(35,77,124,0.2);-ms-box-shadow: 0 10px 20px rgba(35,77,124,0.2);-o-box-shadow: 0 10px 20px rgba(35,77,124,0.2);box-shadow: 0 10px 20px rgba(35,77,124,0.2);}
.pro-ul li .tit a:hover{color: #c3987c;}
.pro-ul li .more{display: block;position: absolute;font-size: 18px;color: #ffffff;line-height: 50px;right: 0;bottom: 0;background:#d13945;padding:0 32px 0 48px;border-radius: 28px 0 0 28px;-webkit-box-shadow: 0 2px 5px rgba(209,57,69,0.4);-moz-box-shadow: 0 2px 5px rgba(209,57,69,0.4);-ms-box-shadow: 0 2px 5px rgba(209,57,69,0.4);-o-box-shadow: 0 2px 5px rgba(209,57,69,0.4);box-shadow: 0 2px 5px rgba(209,57,69,0.4);background-size:200% 100%;}
.pro-ul li .more:hover{background-position:right center;}
.pro-ul1 li{width: 31.3%;background: url(../image/index-bg2.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border: 1px solid #f1f1f1;padding-top: 20px;}
.pro-ul1 li .tit{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 22px;color: #333;font-weight: bold;line-height: 32px;}
.pro-ul1 li .pic{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 48.89%;}
.pro-ul1 li .pic img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
/*关于我们结束*/
.contact-top{position: relative;width: 100%;}
.contact-top img{max-width: 100%;}
.main-pro {
position: absolute;
left: 0;
top: 0;
right: 0;
padding-top: 120px;
width: 100%;
}
.main-pro .page-position{color: #fff;}
.main-pro .page-position a{color: #fff;}
.index-tit{position:relative;text-align:center;z-index:1;margin-bottom:29px}
.index-tit .tit{margin-bottom:40px}
.index-tit h1{font-size:36px;color:#333;font-weight:700;line-height:60px;display:inline-block;margin-top:80px}
.tit01{margin-bottom:50px;}
.tit01 h1,.tit03 h1{font-size:36px;color:#fff;font-weight:700;line-height:60px;display:inline-block;margin-top:30px}
.index-tit h2{font-size:40px;color:#26376d;font-weight:700;line-height:60px;display:inline-block;margin-top:30px}
.index-tit h1:after,.index-tit h1:before,.index-tit h2:after,.index-tit h2:before{content:'';width:40px;height:32px;background:url(../image/index-tag.png) no-repeat center;display:inline-block}
.index-tit h1:before,.index-tit h2:before{margin-right:20px}
.index-tit h1:after,.index-tit h2:after{margin-left:20px}
.index-tit:after{content:'';position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:83px}
.index-tit.tit:after{background:url(../image/index-wz01.png) no-repeat center}
.index-tit.tit01:after{background:url(../image/index-wz05.png) no-repeat center}
.index-tit.tit02:after{background:url(../image/index-wz06.png) no-repeat center}
.index-tit.tit03:after{background:url(../image/index-wz07.png) no-repeat center}
.index-tit.tit04:after{background:url(../image/news.png) no-repeat center}
/* 关于我们 */
.n_about {
padding: 4rem 0;
}
.n_about .fl01 {
padding-bottom: 0;
}
.n_about .fl01 .left {
width: 20%;
}
.n_about .fl01 .left img{max-width: 100%;}
.n_about .fl01 .left h3 {
font-size: 2rem;
color: #333333;
margin-bottom: 2.75rem;
font-weight: bold;
}
.n_about .fl01 .left h4 {
font-size: 16px;
color: #5e5f63;
margin-bottom: 0.375rem;
letter-spacing: 1px;
}
.n_about .fl01 .left h5 {
font-family: Roboto;
font-size: 14px;
color: #bcbcbc;
margin-bottom: 2.5rem;
text-transform: uppercase;
letter-spacing: 1px;
}
.n_about .fl01 .right {
width: 80%;
padding-left: 4%;
}
.ar_article {
font-size: 16px;
color: #333;
line-height: 32px;
margin-bottom: 32px;
}
.ar_article p {
font-size: 16px;
color: #333;
line-height: 32px;
margin-bottom: 32px;
text-indent: 2em;
}
.ar_article img{margin-bottom: 32px;max-width: 100%;}
/* 关于我们 */
/* 联系头部 */
.contact-top .top-text {
width: 100%;
margin-top: 80px;
}
.top-text p {
font-size: 22px;
color: #fff;
line-height: 2em;
margin-bottom: 50px;
font-weight: bold;
}
.contact-top .top-text .qt {
overflow: hidden;
}
.more-a {
display: inline-block;
width: 160px;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
font-size: 18px;
border-radius: 4px;
background: #204c97;
background-size: 200% 100%;
background-repeat: no-repeat;
transition: background-position .6s ease;
}
.top-text .more-a {
display: inline-block;
width: 200px;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: bold;
cursor: pointer;
}
.contact-top .top-text .lx-a {
margin-right: 0;
position: relative;
z-index: 1;
display: block;
float: left;
cursor: pointer;
}
.top-text .more-a img {
margin-left: 10px;
vertical-align: middle;
margin-top: -2px;
}
.lx-tel {
display: block;
background: url(../image/lx-bg.png) no-repeat left center;
line-height: 60px;
position: relative;
margin-left: -6px;
color: #fff;
padding-left: 66px;
font-size: 28px;
font-weight: bold;
float: left;
margin-top: -1px;
cursor: pointer;
padding-right: 60px;
}
.lx-tel img {
margin-right: 20px;
margin-top: -4px;
margin-left: 4px;
}
.top-text h1, .top-text strong {
font-size: 26px;
line-height: 52px;
color: #fff;
margin-bottom: 26px;
}
}
#b_rMap{height: 600px;}
/* 联系头部 */
.ryzz0{
margin-top: 45px;
position: relative;
}
.ryzz0 .ryzz{
}
.ryzz0 .ryzz ul li{
float:left;
margin: 0 0.23%;
}
.ryzz0 .ryzz ul li img{
width: 100%;border: 1px solid #e5e5e5;
}
.ryzz .slick-prev{
position: absolute;
width: 55px;
height: 55px;
left: -50px;
top: 30%;
background: url(../image/ryzzl.png)no-repeat left center;
font-size: 0;
outline: none;
border: none;
z-index: 999;
}
.ryzz .slick-next{
position: absolute;
width: 55px;
height: 55px;
right: -50px;
top: 30%;
background: url(../image/ryzzr.png)no-repeat left center;
font-size: 0;
outline: none;
border: none;
z-index: 999;
}
.hd{position: relative;z-index: 100;}
.hd ul{text-align: center;margin-top:30px;}
.hd ul li {
display: inline-block;
width: 18%;
/*max-width: 210px;*/
background-color: #fff;
transition: all .5s ease;
margin:0 0.3%;
border: 1px solid #ccd5e9;
}
.hd ul li:hover, .hd ul li.on {
background: #204c97;
transition: all .5s ease;
}
.hd ul li a {
display: block;
line-height: 50px;
font-size: 18px;
color: #3e3e3e;
min-height: 50px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all .5s ease;
}
.hd ul li:hover a,.hd ul li.on a {
color: #fff;
transition: all .5s ease;
}
.yyly{
padding-top:60px;
padding-bottom: 60px;
background: url(../image/yylybg.jpg) no-repeat center top;
}
.yyly .xypg-case-list{margin-top:30px}
.yyly2{
margin-top: 30px;
padding: 50px;
background: url(../image/homeoneicon07.jpg);
border-radius: 8px;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.yylyt{
width: 32%;
float: left;
}
.yylyt ul li{
float: left;
width: 49%;
height: 117px;
background: #eee;
margin-bottom: 2%;
display: flex;
align-items: center;
margin-right:2%
}
.yylyt ul li:nth-child(2n){
margin-right: 0;
}
.yylyt ul li a{
display: block;
width: 100%;
text-align: center;
}
.yylyt ul li a .img1{
display: block;
margin: 0 auto;
}
.yylyt ul li a .img2{
display: none;
margin: 0 auto;
}
.yylyt ul li a h3{
font-size: 18px;
color: #666666;
font-weight: normal;
line-height: 1.5;
margin-top: 15px;
text-align:center;
}
.yylyt ul li a h3 i{
font-size: 10px;
color:#666666;display: block;font-style: normal; text-transform: uppercase;
}
.yylyt ul li.cur{
background: #204c97;
}
.yylyt ul li.cur a .img1{
display: none;
}
.yylyt ul li.cur a .img2{
display: block;
}
.yylyt ul li.cur h3,.yylyt ul li.cur h3 i{
color: #fff;
}
.yyly3{
width: 66%;
float: right;
}
.yyly3 ul li{
position: relative;
display: none;
}
.yyly3 ul li img{
width: 100%;
}
.yyly3 ul li .wz{
position: absolute;
left: 0;
bottom: 0;
text-align: left;
background: rgba(0,0,0,.5);
padding: 10px 30px;
width: 100%;
}
.yyly3 ul li .wz h3{
font-size: 24px;
color: #ffffff;
font-weight: bold;
line-height: 60px;
}
.yyly3 ul li .wz h3:after {
height: 2px;
background: #fff;
content: "";
width: 56px;
position: absolute;
top: 65px;
left: 33px;
z-index: 136;
}
.yyly3 ul li .wz h4{
font-size: 16px;
color: #ffffff;
font-weight: normal;
line-height: 44px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.foot{
background: url(../image/footbg.jpg) center top no-repeat;
padding: 55px 0 0;
}
.foot .ftnav{
margin-top: 38px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.foot .ftnav h1{
text-align: center;
font-size: 14px;
color: #666666;
font-weight: normal;line-height: 40px;
}
.foot .ftnav h1 a{
font-size: 14px;
color: #666666;
font-weight: normal;line-height: 40px;
}
.foot1 .foot2{
width: 100%;
float: left;margin-bottom: 35px;
}
.foot1 .foot2 .ftlogo{
float: left;
width: 20%;
margin-left: 12px;
}
.foot1 .foot2 .ftlogo img{
max-width: 100%;
}
.foot1 .foot2 .ftlx{
margin-right:8%;
}
.foot1 .foot2 .ftlx h1{
font-size: 20px;
color: #fff;
font-weight: bold;
line-height: 35px;
}
.foot1 .foot2 .ftlx h1:after{
content: "";
width: 36px;
height: 2px;
background: #d13945;
display: block;
border-radius: 50px;
margin-top: 14px;
}
.foot1 .foot2 .ftlx h2{
margin-top: 8px;
}
.foot1 .foot2 .ftlx h2 p{
font-size: 14px;
line-height: 40px;
font-weight: normal;
color: #a6a6a6;
}
.foot1 .foot2 .ftlx1{
width: 31.5%;
}
.foot1 .foot2 .ftlx1 h1{
font-size: 18px;
color: #fff;
font-weight: normal;line-height: 35px;
}
.foot1 .foot2 .ftlx1 h2{
margin-top: 15px;
}
.foot1 .foot2 .ftlx1 h2 p{
width: 100%;
float: left;
font-size: 14px;
line-height: 36px;
font-weight: normal;
color: #a6a6a6;
}
.foot1 .foot2 .ftlx1 h2 span{
font-size: 32px;
color: #d13945;
font-weight: bold;
}
.f_link{
font-size: 14px;
color: #eee;
font-weight: normal;
line-height: 24px;
}
.f_link a{
line-height: 36px; color: #666666;position: relative;
}
.f_link a:after{
}
.f_link a:last-child:after{
display: none;
}
.ftewm{
width: 100%;padding: 9px 0;
}
.ftewm .ftewm1{
margin-right: 4%;
font-size: 16px;
color: #ccc;
font-weight: normal;line-height: 36px;
text-align: center;
}
.ftewm .ftewm1 img{
max-width: 100%;
}
.ftewm .ftewm2{
font-size: 14px;
color: #ccc;
font-weight: normal;line-height: 36px;
text-align: center;
}
.ftewm .ftewm2 img{
max-width: 100%;
}
.footer{
background: #1b212e;
color: #666666;
font-weight: normal;
line-height: 40px;
font-size: 14px;
text-align: center;
border-top: 0px solid #4c4d4e;
}
.footer a{
color: #666666;
}
.inxprod-list li a{padding: 30px;}
.inxprod-list li .txt{font-size: 14px;}
}
.index-newsbg{position: relative;margin-top: 30px;}
/*.index-newsbg:before {
content: "";
width: 738px;
height: 738px;
background: url(/skin/images/bg-zs.png) left top no-repeat;
background-size: 100%;
display: block;
position: absolute;
left: -100px;
top: -340px;
transform: rotate(10deg);
-ms-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
-moz-transform: rotate(10deg);
z-index: -1;
}*/
.news-box .news-txt .show {
display: block;
}
.news-box .news-txt .hide {
display: none;
}
.news-box {
width: 100%;
overflow: hidden;
margin-top: 20px;
margin-bottom:60px;
}
.news-box .news-tit {
width: 10%;
float: left;
position: relative;
z-index: 1;
}
.news-box .news-tit li {
font-size: 24px;
padding: 35px 0;
cursor: pointer;
transition: all .4s;
color: #333;
}
.news-box .news-tit .active {
font-weight: 700;
position: relative;
}
.news-box .news-tit .active:before {
content: "";
width: 26px;
height: 29px;
background: url(../image/active-sjx.png) no-repeat;
display: block;
position: absolute;
top: 35px;
right: -2px;
opacity: .8;
}
.news-box .news-tit li:after {
content: "";
width: 0;
height: 4px;
background: #204c97;
display: block;
border-radius: 50px;
margin-top: 14px;
transition: all .4s;
}
.news-box .news-tit .active:after,.news-box .news-tit li:hover:after {
width: 50px;
}
.news-box .news-txt {
width: 100%;
float: right;
padding: 15px 0%;
position: relative;
}
.news-box .news-txt .show {
display: block;
}
.news-box .news-txt .list1 {
overflow: hidden;
background: #f4f5fa;
border-radius: 20px;
}
/*.container .news-box .news-txt .list1 li {
width: 45%;
background: #f6f9fe;
float: left;
margin: 15px 0 15px 5%;
border-radius: 10px;
overflow: hidden;
}*/
.news-box .news-txt .list1 li dd {
/*line-height: 30px; */
/* background: #ebf3ff; */
/* padding: 20px 25px; */
/* position: relative; */
width: 46%;
float: left;
}
.news-box .news-txt .list1 li dt {
float: left;
width: 50%;
}
.news-box .news-txt .list1 li dt h3{
font-size: 20px;
color: #333;
line-height: 165px;
height: 126px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.news-box .news-txt .list1 li dt h3 a{
line-height:20px;
}
.news-box .news-txt .list1 li dd h3 a {
width: 80%;
font-size: 18px;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: normal;
color: #333;
line-height: 1.5
}
.news-box .news-txt .list1 li dd h3 a:before {
content: "";
width: 10px;
height: 10px;
border: 1px solid #3c3d3d;
border-radius: 50%;
display: inline-block;
margin-right: 15px;
margin-bottom: 1px;
}
.news-box .news-txt .list1 li dd p {
height: 44px;
font-size: 14px;
line-height: 1.75;
color: #666;
margin-top: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-box .news-txt .list1 li dd span {
font-size: 16px;
position: absolute;
top: 15px;
right: 25px;
color: #333;
}
.news-box .news-txt .list1 li dt span {
font-size: 14px;
color: #888888;
font-weight: 500;
padding: 7px 26px;
display: inline-block;
background: url(../image/time.png) left center no-repeat;
background-size: 11px;
}
.news-box .news-txt .list1 li dt .more {
background: #d13945;
font-size: 16px;
color: #fff;
/* width: 300px; */
border-radius: 50px;
padding: 10px 45px;
display: inline-block;
font-weight: 500;
float: right;
/* border-radius: 5px;*/margin-top: 30px;
}
.news-box .news-txt .list1 li dt p {
font-size: 16px;
display: inline-block;
font-weight: normal;
line-height: 40px;
}
.news-box .news-txt .list2 {
overflow: hidden;
margin-left: -2%;
margin-top: 30px;
}
.news-box .news-txt .list2 li {
width: 48%;
float: left;
line-height: 50px;
overflow: hidden;
margin-left: 2%;
border-radius: 9px;
border: 1px solid #e6e6e6;
margin-top: 15px;
background: url(../image/cp_t.png) no-repeat 11px;
padding: 4px 25px 4px 48px;
}
.news-box .news-txt .list2 li p a {
width: 80%;
float: left;
font-size: 18px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition: all .3s;
color: #333;
}
.news-box .news-txt .list2 li p a:hover{color: #204c97;}
/*.container .news-box .news-txt .list2 li p a:before {
content: "";
width: 10px;
height: 10px;
border: 1px solid #3c3d3d;
border-radius: 50%;
display: inline-block;
margin-right: 15px;
}*/
.news-box .news-txt .list2 li span {
font-size: 16px;
color: #666;
float: right;background: url(../image/time.png) left center no-repeat;
background-size: 11px; padding-left: 20px;
}
@media screen and (max-width: 1599px){
.news-box .news-txt .list1 li dd,.news-box .news-txt .list1 li dt {
/*padding: 10px 20px;*/
}
.news-box .news-txt .list1 li dd h3 a {
font-size: 16px;
}
.news-box .news-txt .list1 li dd p, .news-box .news-txt .list1 li dt span {
font-size: 14px;
}
.news-box .news-txt .list1 li dd span {
top: 12px;
}
.news-box .news-txt .list1 li dd,.news-box .news-txt .list1 li dt {
/*padding: 10px 20px;*/
}
.news-box .news-txt .list1 li dd p, .news-box .news-txt .list1 li dt span {
font-size: 14px;
}
.news-box .news-txt .list2 li p a, .news-box .news-txt .list1 li dd h3 a {
width: 70%;
}
.news-box .news-txt .list2 li p a {
font-size: 14px;
}
.news-box .news-txt .list2 li span {
font-size: 12px;
}
}
@media (max-width: 1460px) {
.btn-show {
position: relative;
z-index: 0;
line-height: 48px;
overflow: hidden;
margin: 10px 0 0px;
}
.btn-show .btn-line {
font-size: 14px;
width: 100px;
height: 36px;
line-height: 36px;
}
.btn-show .btn-line:after {
width: 110px;
height: 46px;
}
.header ul li a{font-size: 16px;}
.header ul li{padding:0 4px;}
.bannerbox{bottom: 7%;}
.bannerbox a{font-size: 20px;}
.title h1{font-size: 32px;}
.title h2{font-size: 16px;}
.title h1:before{margin-top: 24px;}
.hot-pro li.col-pro .text .tit{font-size: 24px;}
.hot-pro li.col-pro .text p{font-size: 16px;}
.hot-pro .col-pro .text{top: 15px;}
.hot-pro .col-pro .text .tit{font-size: 20px;}
.hot-pro .col-pro .text p{font-size: 14px;line-height: 21px;}
.mingpai .mingpaipic{margin-left: -600px}
.mingpai .container{padding-left: 250px;}
.mingpai ul li i b{font-size: 48px;}
.mingpai ul li{font-size: 16px;}
.mingpai .mingpaitxt{font-size: 16px;}
.homeone .homeonefr li{padding:0 22px 0 10px;}
.homeonefritem{padding:0px 0;}
.homeonefritem .homeonefrpic{width: 34%}
.homeonefritem .homeonefrtxt h3{font-size: 14px;line-height: 25px;}
.homeone .homeonefr .tel h1 {
font-size: 20px;
}
.homeone .homeonefr .tel {
font-size: 16px;
}
.homeone .homeonefr li {
border-radius: 20px;
border: 1px solid #fff;
margin: 10px 10px;
background:#none;
}
.homeone .homeonefr li:first-child {
border-top: 1px solid #fff;
}
.homeone .homeonefr li:last-child {
border-bottom: 1px solid #fff;
}
.homeone .homeonefr li.on {
background: #fff;
}
.homeonefritem .homeonefrpic a img{width: 90%;}
.homeonefritem .homeonefrtxt{
height: 26px;
overflow: hidden;}
.homeonefritem .homeonefrtxt a{font-size: 12px;}
.homeone .homeonefl ul li a.homeonetit{font-size: 14px;height: 24px;overflow: hidden;}
.mingpai .mingpaitit:after{display: none;}
.yylyt ul li{height: 92px;}
.yylyt ul li a h3{font-size: 16px;margin-top: 10px;}
.abouttwo .abouttwofr .abouttwofrtit{padding: 4% 5% 3% 5%;
line-height: 24px;
font-size: 14px;}
.abouttwo .abouttwofr ul{margin-left: -38%;}
.abouttwo .abouttwofr{padding-top:5%;}
.contact-top .top-text{margin-top: 40px}
.top-text h1, .top-text strong{font-size: 32px;line-height: 48px;margin-bottom: 16px;}
.top-text p{font-size: 16px;line-height: 2;margin-bottom: 30px;}
.lx-tel{font-size: 24px;}
.about-tit h2 span {
font-size: 26px;
color: #d13945;
}
.about-tit h2 {
font-size: 26px;
color: #333;
font-weight: 700;
line-height: 60px;
display: inline-block;
text-indent: 34px;
}
.pro-ul1 li .tit {
font-size: 18px;
}
.mingpai .mingpaipic {
width: 44%;
}
.mingpai .mingpaitit {
height: 460px;
}
.mingpai .mingpaipic img{
width: 100%;
}
.mingpai ul li span {
line-height: 36px;
padding-left: 20px;
}
.news-box .news-txt .list1 li dd img{
/* padding: 10px 20px; */
width:100%;
}
.news-box .news-txt .list1 li dt {
padding-left: 4%;
}
.news-box .news-txt .list1 li dt h3 {
height: 76px;line-height: 76px;
}
.news-box .news-txt .list1 li dt .more {
margin-top: 2%;
}
.news-box .news-txt .list1 li dt p {
line-height: 28px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-box .news-txt .list1 li dt h3 {
font-size: 16px;
}
.news-box .news-txt .list2 {
margin-top: 30px;
}
.news-box .news-txt .list2 li {
margin-top: 16px;
}
}
@media (max-width: 1128px) {
.about-tit h2 {
font-size: 22px;
}
.about-tit h2 span {
font-size: 22px;
color: #d13945;
}
.btn-show {
position: relative;
z-index: 0;
line-height: 48px;
overflow: hidden;
margin: 10px 0 0px;
}
.btn-show .btn-line {
font-size: 14px;
width: 100px;
height: 36px;
line-height: 36px;
}
.btn-show .btn-line:after {
width: 110px;
height: 46px;
}
}
@media (max-width: 767px){
.x-banner{margin-top: 60px;}
.banbom{display: none;}
.bannerbox{bottom: 2%;}
.bannerbox a{font-size: 18px;}
.title h1{font-size: 20px;margin-bottom: 10px;font-weight: bold;}
.title h2{font-size: 14px;display: none;}
.pro{padding-top: 30px;padding-bottom: 30px;}
.hot-pro{margin-bottom: 0;margin-top: 10px;}
.hot-pro li{width: 50%;border-bottom: 0;}
.hot-pro li:nth-child(2){border-left: 1px solid #e5e5e5;}
.hot-pro li.col-pro{width: 100%;}
.hot-pro li.col-pro img{width: 60%;margin-top: -15%;float: right;}
.hot-pro .col-pro img{margin-top: 40px;}
.hot-pro .col-pro .text{padding:0 10px;}
.hot-pro .col-pro .text{top: 10px;}
.hot-pro .col-pro .text .tit{font-size: 16px;}
.hot-pro .col-pro .text p{font-size: 12px;}
.hot-pro li.col-pro .text .tit{font-size: 20px;}
.hot-pro li.col-pro .text p{font-size: 14px;}
.hot-pro li.col-pro .text .btn-more{font-size: 14px;line-height: 40px;}
.title h1:before{margin-top: 14px;background-size: 14px;width: 14px;height: 14px;}
.mingpai{padding: 30px 0}
.mingpai .mingpaipic{display: none}
.mingpai .container{padding-left: 0;margin-top: 20px;background: #fff;}
.mingpai ul li{width: 100%;
margin-right: 0%;
/* padding: 10px; */
margin-bottom: 0%;
font-size: 14px;}
.mingpai ul li span {
line-height:26px;
padding-left: 3px;
}
.mingpai ul li:nth-child(2n){margin-right: 0}
.mingpai ul li i b{font-size: 36px;line-height: 40px;}
.mingpai .mingpaitxt{font-size: 14px;padding:0 20px 30px;}
.homeone .homeonefr{width: 100%;border: 1px solid #eaeaea;margin-top:10px;margin-bottom: 10px;}
.homeone .homeonefl{width: 100%;margin-top: 0;}
.homeone .homeonefr li{width: 50%;float: left;padding:0 10px;border: 0px solid #eaeaea;}
.homeone .homeonefr li:after{display: none;}
.homeone .homeonefr li:first-child {border-top: 0px solid #eaeaea; }
.homeone .homeonefr li:nth-child(5) .homeonefritem{border-bottom: 0;}
.homeone .homeonefr li:last-child{border-bottom: 0;}
.homeonefritem .homeonefrtxt h3{font-size: 14px;padding-bottom: 0;line-height: 1.5;}
.homeonefritem .homeonefrtxt{width: 100%;text-align: center;}
.homeonefritem .homeonefrpic a img{width: 160%;margin-left: 60%;}
.homeone .homeonefl ul li{width: 49%;margin-right:2%;margin-bottom: 2%;}
.homeone .homeonefl ul li:nth-child(3n){margin-right: 2%;}
.homeone .homeonefl ul li:nth-child(2n){margin-right: 0}
.homeone .homeonefl ul li a.homeonetit{height: 48px;}
.yylyt{width: 100%;}
.yyly2{padding:0;background: unset;margin-top:0;}
.yyly3{display: none;}
.abouttwo .abouttwofr{padding-top: 0;width: 100%;}
.abouttwo .abouttwofr ul{margin-left: 0;width: 100%}
.abouttwo .abouttwofr ul li p{font-size: 14px;padding-top: 10px;}
.abouttwo{margin-bottom: 40px;}
.container .news-box{margin-top: 10px;margin-bottom: 40px;}
.pro2{margin-top:15px;}
.yyly{padding-top: 30px;padding-bottom: 30px;}
.abouttwof{padding-top: 0;}
.abouttwo .abouttwofr .abouttwofrtit{padding:20px 20px;background: #fff;color: #666;}
.ys{padding-top: 30px;padding-bottom: 30px;}
.ys0{display: none;}
.news0{margin-top: 0;margin-bottom: 60px}
.news2t{display: none;}
.news2-1-0 .news2-1-1 ul li:first-child{display: none;}
.news2-1-0{width: 100%;margin:unset;}
.news2{border: 0;}
.news1{margin-top: 0px;}
.news2-2-0 .news2-1-1 ul li:first-child{display: none;}
.news2-2-0{width: 100%;margin:unset;}
.news2-2-0:before{display: none}
.news2-1-0 .news2-1-1 ul li:last-child{border-bottom:1px solid #ddd}
.title h2:after{width: 40px;height: 2px;background:#666;}
.container .news-box .news-tit{width: 100%;float: none;}
.container .news-box .news-tit li{width: 25%;float: left;text-align: center;font-size: 16px;padding: 20px 0 10px 0;}
.container .news-box .news-tit .active:before{display: none;}
.container .news-box .news-tit li:after{margin:0 auto;margin-top: 10px;}
.container .news-box .news-txt{width: 100%;padding:0;background:none;}
.container .news-box .news-txt .list1{margin-left:0;}
.container .news-box .news-txt .list2{margin-left: 0;}
.container .news-box .news-txt .list1 li{width: 100%;margin-left:0;}
.container .news-box .news-txt .list2 li{width: 100%;margin-left: 0;}
.container .news-box .news-txt .list1 li dd span{font-size: 12px;}
.index-newsbg:before{display: none;}
.container{padding:0;}
.container-fluid {padding: 0 15px;}
.pro2 ul li{width: 49%;}
.pro2 ul li:nth-child(2n){margin-right:0;}
.product-detail-tab .product-detail-tabcon{font-size: 14px;}
.xypg-detail-con{font-size: 14px;}
.page-banner{display: none;}
.page-position{margin-top: 70px;}
.xypg-pagination a, .xypg-pagination #current{padding: 0 8px;line-height: 28px;}
.n_about .fl01 .left{display: none;}
.n_about .fl01 .right{width: 100%;padding-left: 0;}
.ar_article{font-size: 14px;line-height: 28px;margin-bottom:28px;}
.ar_article p{font-size: 14px;line-height: 28px;margin-bottom:28px;}
.ar_article img{margin-bottom:28px;}
.n_about {padding: unset;}
.contact-top{height: 400px;background-color: #0b2a5a;}
.contact-top .top-text{margin-top: 0px;}
.contact-top-img{display: none;}
.contact-top .top-text .qt a{display: none;}
.lx-tel{background-image: unset;padding-left: 0;font-size: 20px;padding-right:0;}
.lx-tel img{margin-right:0;}
#b_rMap{height: 400px}
.xymob-navbtn {width: 30px;height: 30px;}
.main-pro{padding-top: 0;}
.top-text h1, .top-text strong{font-size: 24px;line-height: 36px;}
.top-text p{font-size: 14px;}
.dhtip{display: none}
.abouttwo .abouttwofl {width: 100%;}
.about-tit:after {
content: '';
position: absolute;
bottom: -3px;
left: 23%;
z-index: -1;
width: 100%;
height: 68px;
}
.about-tit.tit:after {
background: url(../image/about-wz1.png) no-repeat left center;
}
.about-tit h2 {
font-size: 16px;
text-indent: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.about-tit h2 span { font-size: 16px;}
.about-tit {
position: relative;
z-index: 1;
margin-top: 5%;
margin-bottom: 1%;text-align: center;
}
.index-tit h1:before, .index-tit h2:before {
margin-right: 0px;
}
.index-tit h1:after, .index-tit h2:after {
margin-left: 0px;
}
.index-tit h1 {
font-size: 18px;
margin-top: 5px;
}
.index-tit.tit:after {
background: url(../image/index-wz011.png) no-repeat center;
}
.index-tit:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: 72px;
}
.index-tit h1:after, .index-tit h1:before, .index-tit h2:after, .index-tit h2:before {
content: '';
width: 40px;
height: 19px;
background: url(../image/index-tag1.png) no-repeat center;
display: inline-block;
}
.pro-ul1 li {
width: 100%;margin-left: 0%;
}
.pro-ul {
margin-left: 0%;
}
.index-tit {
margin-bottom: 10px;
}
.index-pro {
margin-bottom: 20px;
}
.index-tit.tit01:after {
background: url(../image/index-wz051.png) no-repeat center;
}
.pro-ul li .more {
line-height: 42px;
padding: 0 20px 0 28px;
}
.mingpai .mingpaitit {
color: #fff;
font-size: 18px;
width: 100%;height: 250px;
}
.mingpai .mingpaitit h1 {
font-size: 16px;
line-height: 41px;
border: 1px solid #fff;
border-radius: 53px;
width: 200px;
margin-left: 18%;
margin-top: -6%;
}
.mingpai ul {
padding: 6px 0 0 0;
font-size: 14px;width: 93%;
}
.index-tit.tit02:after {
background: url(../image/index-wz061.png) no-repeat center;
}
.index-tit.tit03:after {
background: url(../image/index-wz071.png) no-repeat center;
}
.index-tit.tit04:after {
background: url(../image/news1.png) no-repeat center;
}
.homeone .homeonefr .tel{
display:none;}
.homeone .homeonefr li {
padding-bottom: 10px;
padding-top: 10px;
border-right: 0px solid #eaeaea;
border-left: 0px solid #eaeaea;
position: relative;
background: none;
}
.homethree {
padding-top: 30px !important;margin-bottom: 30px;
}
.homethree .homethreebom li {
width: 100%;margin-bottom: 5%;
}
.homethree .homethreebom li .homethreefr {
padding: 0px 20px 20px 40px;
}
.news-box .news-txt .list1 li dd {
width: 100%;
}
.news-box .news-txt .list1 li dt {
width: 100%;
}
.news-box .news-txt .list1 li dt .more {
margin-bottom: 20px;
}
.news-box .news-txt .list1 li dt h3 {
height: 60px;
line-height: 60px;
}
.news-box .news-txt .list2 li p a, .news-box .news-txt .list1 li dd h3 a {
width: 100%;
}
.news-box .news-txt .list2 li {
background: url(../image/cp_t.png) no-repeat 2px 8px;
padding: 4px 10px 4px 31px;line-height: 26px;
}
.news0 {
margin-top: 0;
margin-bottom: 0px;
}
.news-box {
margin-top: 0px;
margin-bottom: 30px;
}
.footer {
line-height: 36px;
font-size: 12px;
padding: 14px 0;
}
.news-box .news-txt .list1 li dt p {
font-size: 14px;
}
.homeone .homeonefr li.on {
background: url(../image/cpbg1.png) no-repeat center !important;
border-radius: 26px;
}
}
@media (min-width: 768px) and (max-width:991px) {
}