/*初始化样式*/
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-size:15px; 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:#5383ed;text-decoration:none;outline:none;}
p {margin: 0;}
label{max-width:inherit;}
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;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
dt{font-weight: normal;}
/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.flex{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.flexd{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.hp{overflow:hidden; -moz-box-shadow: 1px 1px 3px #eee;box-shadow: 1px 1px 3px #eee; font-size:13px; padding:9px 0;}
.hp .hk a{display:inline-block; margin-left:5px; margin-right:5px;}
.hp .hk a:hover{color:#006cc5; text-decoration:underline;}
.hp .hk span{margin-left:5px;}
.hp .hk a:last-child{margin-right:0;}
.hp .hk span#m_count{margin-left:0;}
/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}
#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}
/*头部样式*/
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 113px;}
.top2 .k2{
margin-top: 8px;
font-size: 35px;
color: #5383ed;
line-height: 54px;
background: url(../image/sdw_05.png) no-repeat left center;
padding-left: 63px;
font-family: 'Arial';
margin-left: 20px;
font-weight: 600;
padding-top: 30px;
}
.topLink{color: #fff;}
.topLink a{color: #fff;}
.logowz{margin-top: 33px;}
.content{width:1200px; margin-left:auto; margin-right:auto;}
/* 导航样式 */
#menu {
background-color: #5383ed;position: relative;z-index: 9999;
}
.x-menu {
display: flex;
justify-content: space-between;
align-items: center;
}
.x-menu>li {
position: relative;
width: 180px;
}
.x-menu>li>a {
display: block;
font-size: 16px;
color: #ffffff;
white-space: nowrap;
line-height: 50px;
height: 50px;
text-align: center;
}
.x-menu>li>a:hover {
background-color: #1c6cd8;
}
.x-menu>li.active>a {}
.x-menu>li:after {
content: '';
position: absolute;
z-index: 100;
width: 100%;
left: 0;
/*height: 40px;*/
opacity: 0;
top: 100%;
}
.x-menu>li:hover .x-sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
background: #fff;
}
.x-sub-menu {
position: absolute;
z-index: 99;
width: 100%;
left: 0%;
top: 50px;
background: #fff;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.x-sub-menu>li {
/* padding: 0 0.9rem; */
}
.x-sub-menu>li>a {
display: block;
text-align: center;
line-height: 2;
font-size: 14px;
color: #666666;
line-height: 2.6;
}
.x-sub-menu>li>a:hover {
background: #1c6cd8;
color: #fff;
}
.x-sub-menu:after {
content: '';
width: 0;
height: 0;
line-height: 0;
font-size: 0;
overflow: hidden;
border-width: 10px;
cursor: pointer;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #fff transparent;
border-top: none;
position: absolute;
top: -10px;
left: 50%;
margin-left: -10px;
z-index: 99;
display: none;
}
.search{
background: #f6f6f6;
}
.search h3{
float: left;
font-size: 14px;
color: #333;
font-weight: 600;
line-height: 78px;
}
.search h3 span a{
font-size: 14px;
color: #666;
font-weight: 500;
margin-left: 15px;
}
.search h3 span a:hover{
color: #5383ed;
}
.sch{
float: right;
padding: 14px 0;
}
.sch #formsearch{
width: 395px;
background: #fff;
border-radius: 30px;
border: solid 1px #ddd;
line-height: 45px;
}
.sch #formsearch input{
border: none;
background:none;
outline: none;
}
.sch #formsearch #keyword{
width: 335px;
float: left;
padding-left: 20px;
}
.sch #formsearch #s_btn{
width: 50px;
background: url(../image/d2d53fd0218488c5ecbfece8e61b845e0909adfc.png)no-repeat center;
float: right;
}
.fullSlide{ width:100%; position:relative; height:650px; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important; height:650px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:650px;}
.fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:60px; line-height:60px; text-align:center;
_background:#000; _filter:alpha(opacity=60);
}
.fullSlide .hd ul{ text-align:center; padding-top:5px; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:40px; height:4px; margin:5px; background:url(../image/tg_flash_p.png) -70px 0; overflow:hidden;
line-height:9999px;
}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev, .fullSlide .next { position: absolute; z-index: 30; display: block; }
.fullSlide .prev { top: 50%; left: 10px; margin-top:-22px; }
.fullSlide .next { top: 50%; right: 10px; margin-top:-22px; }
.fullSlide .prev a, .fullSlide .next a { display: block; width: 50px; height: 44px; overflow: hidden; background: url(../image/ico_prevnext.png) no-repeat scroll 0 0; _background-image: url(../image/ico_prevnext_ie6.png); }
.fullSlide .prev a { background-position: 0 -12px; }
.fullSlide .prev a:hover { background-position: 0 -92px; }
.fullSlide .next a { background-position: 0 -172px; }
.fullSlide .next a:hover { background-position: 0 -252px; }
.product{
padding-top: 60px;
padding-bottom: 30px;
}
.title{
text-align: center;
}
.title h3{
font-size: 57px;
font-weight: 400;
color: #000;
}
.title p{
font-size: 18px;
color: #000;
margin-top: 10px;
position: relative;
z-index: 1;
padding: 0 13px;
}
/*.title p:after{ content: '';
position: absolute;
height:1px;
width:100%;
background:#ccc;
top:11px;
left:0;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}*/
.pro-show{
margin-top: 60px;
}
.pro-cfn{
float: left;
width: 22.6%;
}
.pro-cfn h3{
text-align: center;
background: #5383ed;
font-size: 30px;
color: #fff;
padding: 21px 0;
position: relative;
}
.pro-cfn h3 span{
display: block;
font-size: 14px;
opacity: .5;
text-transform: uppercase;
margin-top: 5px;
}
.pro-cfn h3::after{
position: absolute;
content: '';
height: 1px;
width: 100%;
background: #fff;
bottom: 2px;
left: 0;
}
.pro-name{
background: #f8f8f8;
padding: 0 15px;
padding-bottom: 30px;
}
.pro-name > ul >li > a{
display: block;
font-size: 20px;
color: #333;
line-height: 56px;
border-bottom: solid 1px #ddd;
border-bottom-style: dashed;
padding-left: 45px;
background: url(../image/c5329cd94329335407853d08bb02835b98b3235e.png)no-repeat 10px center;
}
.pro-name > ul >li > a:hover{color: #5383ed;}
.cfn-menu{
padding-left: 35px;
margin-top: 15px;
}
.cfn-menu li a{
display: block;
font-size: 16px;
color: #777;
line-height: 35px;
padding-left: 15px;
background: url(../image/613d8aabd2d27393239971f85d828019f464a3e2.png)no-repeat left center;
}
.cfn-menu li a:hover{
color: #5383ed;
}
.pro-list{
float: right;
width: 100%;
}
.pro-list ul li{
float: left;
width: 30.69%;
margin-left: 25px;
}
.pro-list ul li a{
display: block;
}
.pro-list ul li a .pro-img{
overflow: hidden;
}
.pro-list ul li a .pro-img img{
width: 380px; height:416px;
transition: 600ms;
}
.pro-list ul li a h4{
text-align: center;
line-height: 50px;
height: 50px;
margin-bottom: 10px;
font-size: 16px;
color: #555;
font-weight: normal;
overflow:hidden;
}
.pro-list ul li a:hover h4{
color: #5383ed;
}
.pro-list ul li a: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);
}
.showimg img{display:block; margin-left:auto; margin-right:auto;}
.bow{background: url("../picture/pit_01.jpg") no-repeat top center; height: 143px; color: #fff; padding-top: 15px; overflow: hidden; margin-top: 70px;}
.bow h3{font-size: 35px; text-align: center; font-weight: 400; margin-top: 5px;}
.bow span{font-size: 50px; font-weight: 600;}
.hew{overflow: hidden; margin-top: 50px;}
.heq02{position: relative; padding-left: 83px; max-width: 458px;}
.heshu{position: absolute; left: 0; top: -10px; font-size: 60px; font-weight: 600; color: #5383ed;}
.yikes h4{font-size: 30px;}
.yikes span{font-size: 18px; display: inline-block; background: #5383ed; color: #fff; padding: 3px 10px; margin-top: 10px;}
.yikes ul{margin-top: 25px;}
.yikes ul li{background: url("../picture/pit_05.jpg") no-repeat top 8px left; color: #565656; padding-left: 28px; line-height: 35px;}
.heq{width: 1100px; margin-left: auto; margin-right: auto; overflow: hidden;}
.zihw{overflow: hidden; margin-bottom: 75px;}
.quality{
background: url(../image/fw_13.jpg)no-repeat center center;
padding-top: 60px;
padding-bottom: 56px;
}
.quality .title h3{
color: #fff;
}
.quality .title p{
color: #fff;
opacity: 1;
}
.qua-list{
margin-top: 50px;
}
.qua-con:first-child{
margin-left: 0;
}
.qua-con{
float: left;
border: solid 6px #fff;
border-bottom: none;
margin-left: 29px;
width: 23.23%;
}
.qua-con .qua-img{
overflow: hidden;
}
.qua-con .qua-img img{
width: 278px; height:180px;
}
.qua-con h3{
background: #fff;
text-align: center;
font-size: 20px;
color: #333;
font-weight: normal;
line-height: 50px;
}
.qua-text{
text-align: center;
color: #fff;
margin-top: 45px;
}
.qua-text p{
font-size: 22px;
font-weight: 300;
}
.qua-text h4{
font-size: 40px;
font-weight: 600;
margin-top: 20px;
}
.qua-text h5 p{
font-size: 18px;
line-height: 42px;
width: 765px;
background: #00612f;
border-radius: 30px;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
}
.reason{
padding-top: 65px;
padding-bottom: 88px;
background: #f1f1f1;
}
.title h3 span{
color: #5383ed;
font-style: oblique;
margin-right: 15px;
}
.title h3 span.nw{color: #343434; font-weight: 600; font-size: 40px; padding-left: 10px; font-style: normal;}
.ron-show{
margin-top: 65px;
position: relative;
}
.ron-cfn{
float: left;
border-right: solid 2px #ddd;
background: #fff;
}
.ron-cfn ul li{
display: block;
padding-top: 15px;
width: 245.64px;
height: 149.75px;
padding-bottom: 20px;
cursor: pointer;
transition: all .5s ease;
text-align: center;
}
.ron-cfn ul li .img{height: 60px;line-height: 60px;}
.ron-cfn ul li .img2{display: none;}
.ron-cfn ul li.cur .img1{display: none;}
.ron-cfn ul li.cur .img2{display: inline-block;}
.ron-cfn ul li+li{
border-top: solid 1px #ddd;
}
.ron-cfn ul li h3{
text-align: center;
font-size: 24px;
color: #333;
margin-top: 5px;
font-weight: 600;
}
.ron-cfn ul li h3 span{
display: block;
font-size: 13px;
opacity: .5;
margin-top: 10px;
text-transform: uppercase;
font-weight: 500;
font-family: Arial;
}
.ron-cfn ul li.cur{
background:#5383ed;
}
.ron-cfn ul li.cur h3{
color: #fff;
}
.ron-list{
position: absolute;
width: 1336px;
height: 100%;
top: 0;
left: 248px;
}
.ron-con{
display: none;
}
.ron-exp{
float: left;
padding-left: 50px;
background: #fff;
padding-top: 60px;
padding-right: 55px;
padding-bottom: 59px;
width: 578.48px;
height: 599px;
}
.ron-exp h3{
font-size: 34px;
color: #333;
position: relative;
}
.ron-exp h3::after{
position: absolute;
content: '';
height: 4px;
width: 65px;
background: #ddd;
left: 0;
bottom: -30px;
}
.ron-exp h3 span{
margin-bottom: 5px;
display: block;
font-size: 18px;
font-family: Arial;
text-transform: uppercase;
opacity: .5;
}
.ron-exp .con{
font-size: 16px;
color: #888;
line-height: 2;
margin-top: 90px;
height: 170px;
}
.ron-exp .con p:last-child{
margin-top: 20px;
}
.ron-exp .p1{
font-size: 16px;
color: #999;
padding-left: 45px;
background: url(../image/1fff2f4ad32a8f968e3f1cbe3534ecfea7bba622.png)no-repeat left center;
line-height: 26px;
margin-top: 75px;
}
.ron-tel{
margin-top: 20px;
}
.ron-tel .tel{
float: left;
}
.ron-tel a{
float: right;
display: block;
width: 135px;
line-height: 48px;
font-size: 15px;
color: #fff;
text-align: center;
background: url(../image/039556144a1d4f30e569a28a2e025e7da1064c08.png)no-repeat 20px center #5383ed;
padding-left: 35px;
border-radius: 4px;
}
.ron-tel a:hover{
background: url(../image/039556144a1d4f30e569a28a2e025e7da1064c08.png)no-repeat 20px center #333;
}
.ron-img{
float: left;
overflow: hidden;
width: 755.54px;
height: 599px;
}
.tech{
/* background: url(../images/tech.png)no-repeat bottom center; */
padding-top: 65px;
padding-bottom: 100px;
position: relative;
}
.tech-con{
position: relative;
z-index: 3;
}
.tech-list{
margin-top: 45px;
}
.tech-list ul li:first-child{
margin-left: 0;
}
.tech-list ul li{
cursor: pointer;
float: left;
border: solid 1px #ddd;
text-align: center;
padding-top: 30px;
width: 138px;
height: 170px;
position: relative;
margin-left: 19.4px;
}
.tech-list ul li .tech-img{
}
.tech-list ul li .tech-img img{
max-width: 100%;
}
.tech-list ul li .tech-img .img2{
display: none;
}
.tech-list ul li:hover .tech-img .img2{
display: block;
}
.tech-list ul li:hover .tech-img .img1{
display: none;
}
.tech-list ul li h3{
font-size: 16px;
color: #333;
margin-top: 20px;
}
.tech-list ul li p{
font-size: 12px;
color: #aeaeae;
margin-top: 5px;
font-family: Arial;
text-transform: uppercase;
}
.tech-list ul li span{
position: absolute;
width: 40px;
color: #999;
background: #eeeeee;
line-height: 24px;
font-size: 16px;
font-family: Arial;
font-weight: 600;
text-align: center;
display: block;
bottom: -12px;
left: 34%;
}
.tech-list ul li:hover span{
background: #5383ed;
color: #fff;
}
.tech-list ul li:hover h3{
color: #5383ed;
}
.tech-list ul li:hover{
border: solid 1px #5383ed;
}
/* 关于我们 */
.about{
overflow: hidden;
}
.about .title{ margin-bottom: 50px;}
.abt-img{
float: right;
border: solid 3px #fff;
width: 446px;
}
.abt-img img{
max-width: 100%;
}
.abt-con{
float: left;
width: 650px;
}
.abt-con h3{
font-size: 25px;
font-weight: 600;
color: #5383ed;
}
.abt-con span{
font-size: 24px;
text-transform: uppercase;
opacity: .5;
display: block;
margin-top: 10px;
}
.abt-text{
font-size: 16px;
line-height: 2;
margin-top: 20px;
overflow: hidden;
}
.abt-con a{color: #fff; display: block; margin-top: 30px; width: 128px; height: 34px; background: #5383ed; text-align: center; line-height: 34px; float: right;}
.abt-con a:hover{background: #3a66c9;}
.abt-cfn{
margin-top: 20px;
}
.abt-cfn a{
float: left;
width: 158px;
line-height: 54px;
font-size: 16px;
color: #333;
text-align: center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
margin-left: 20px;
background: #ffffff;
display: flex;justify-content: center;flex-wrap: nowrap;display: -webkit-flex;
}
.abt{margin-left: 13px;}
.abt-cfn a:hover{
color: #fff;background: #333333;
}
.abt-cfn a .img2{display: none;}
.abt-cfn a:hover .img1{display: none;}
.abt-cfn a:hover .img2{display: inline-block;}
.workshop{
background: #f4f4f4;
/*padding-top: 43px;
padding-bottom: 50px;*/
}
.wkp-list{
margin-left: -10px;
margin-right: -10px;
}
.wkp-list ul li{
margin: 0 10px;
}
.wkp-list ul li .wkp-img{
overflow: hidden;
}
.wkp-list ul li .wkp-img img{
max-width: 100%;
}
.wkp-list ul li h3{
text-align: center;
font-size: 16px;
color: #555;
background: #e5e5e5;
line-height: 45px;
font-weight: normal;
}
.wkp-list ul li:hover h3{
background: #5383ed;
color: #fff;
}
.mt-40{padding-top:40px; overflow:hidden;}
/*内页*/
.n_tit h3{ font-size:32px; color:#333; text-align:center; position:relative; padding-bottom:20px; margin-bottom:30px; font-weight:700;}
.n_tit h3:after{ content: '';
position: absolute;
height:2px;
width:50px;
background:#5383ed;
bottom:0;
left:50%;
margin-left:-25px;
z-index: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.n_tex{font-size:15px; line-height:30px; color:#666; overflow:hidden; padding-bottom:50px;}
.n_tex img{max-width:100%;}
/*新闻页*/
.xw1{overflow:hidden; margin-top:30px;}
.xw1 li {
height: 140px;
margin: 0px 20px 20px;
}
.xw1 li a {
background: #f2f2f2;
display: block;
padding: 25px 15px;
overflow:hidden;
}
.xw1 li .sj1 {
width: 162px;
height: 90px;
padding-left: 34px;
font-weight: bolder;
box-sizing: border-box;
font-size: 14px;
color: #5383ed;
float: left;
border-right: 1px solid #dcdcdc;
}
.xw1 li .sj1 h1 {
font-size: 30px;
line-height: 42px;
margin-bottom: 0px;
font-weight: bolder;
margin: 10px 0 0;
}
.xw1 li .sj1 p {
border-bottom: 2px solid #5383ed;
display: table;
}
.xw1 li .xw_z {
float: left;
margin: 0px 20px;
width: 800px;
height: 90px;
color: #747474;
font-size: 12px;
line-height: 22px;
}
.xw1 li .xw_z h1 {
font-size: 16px;
color: #313131;
font-weight: bolder;
line-height: 30px;
margin-bottom: 6px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 1;
-moz-box-orient: vertical;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.xw1 li .xw_z h2 {
font-size: 12px;
line-height: 22px;
height: 44px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 2;
-moz-box-orient: vertical;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.xw1 li a:hover {
background: #5383ed;
color:#fff;
}
.xw1 li a .jt {
background: url(../image/jt3.png) no-repeat center center;
float: right;
width: 37px;
height: 90px;
margin-right: 30px;
}
.xw1 li a:hover .sj1,.xw1 li a:hover .xw_z,.xw1 li a:hover .xw_z h1{color:#fff;}
.xw1 li:last-child{margin-bottom:0;}
.page{text-align:center; margin-top:40px; overflow: hidden; margin-bottom:50px;}
.page a,.page span{display:inline-block; padding:8px 10px; border:solid 1px #eee; text-align:center; font-size:15px; color:#454545; margin:0 3px;}
.page a:hover,.page span{ background:#5383ed; color:#fff; border:solid 1px #5383ed;}
.topnav a{display:inline-block; width:136px; height:40px; border:solid 1px #5383ed; font-size:16px; color:#5383ed; margin-left:5px; margin-right:5px; line-height:38px; margin-bottom: 10px;}
.topnav a:hover,.topnav a.actid{ background:#5383ed; color:#fff; border:solid 1px #5383ed;}
.topnav{text-align:center;}
.chanw{overflow: hidden; margin-top: 44px;}
.fwy li{
float: left;
width: 386px;
margin-left: 20px;
}
.fwy li a{
display: block;
}
.fwy li a .pro-img{
overflow: hidden;
}
.fwy li a .pro-img img{
width: 386px; height:281px;
transition: 600ms;
}
.fwy li a h4{
text-align: center;
line-height: 50px;
height: 50px;
margin-bottom: 10px;
font-size: 16px;
color: #555;
font-weight: normal;
overflow:hidden;
}
.fwy li a:hover h4{
color: #5383ed;
}
.fwy li a: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);
}
.fwy{margin-left: -20px; margin-top: 50px;}
.zhkn{background: url("../picture/hy_53.jpg") no-repeat top center; overflow: hidden; padding: 40px 0 50px 0;}
.zhwe{color: #fff;}
.zhwe h3{font-size: 32px; font-weight: 400; margin-bottom: 25px;}
.zhwe h4{font-size: 25px; font-weight: 400; margin-top: 25px;}
.zhwe p{font-size: 21px; background: url("../picture/fdian.png") no-repeat center left; padding-left: 65px; margin-top: 25px;}
.zhwe p span{font-size: 37px; font-weight: 600;}
/*详情页*/
.titled h2{ font-size:32px; color:#333; margin-bottom: 18px; font-weight:700;}
.titled{text-align:center; border-bottom:solid 1px #ddd; padding-bottom:25px; overflow:hidden;}
.titled p{color:#666; margin-top:10px; font-size:15px;}
.tufont{line-height:30px; min-height:80px;}
.tufontd{color: #666; line-height:30px; font-size:15px; margin-top:30px;}
.tufontd img{max-width:100%; display: block; margin-left: auto; margin-right: auto;}
.tufontd a{font-weight: 600; color: #5383ed;}
.textd{color: #999; line-height:28px; margin-top:30px; margin-bottom:50px; font-size:14px;}
.textd a:hover{color:#5383ed;}
.tuimg img{display:block; margin-left:auto; margin-right:auto; max-width:100%;}
.tuimg{overflow:hidden; padding-top:30px;}
/*案例*/
.anlie{overflow:hidden;}
.anlie ul li{width:289px; float:left; margin-left:14px;}
.anlie ul li a{display:block; overflow:hidden;}
.anlie ul li a img{width:287px; height:273px; display:block; border: solid 1px #eee}
.anlie ul li a h4{height:50px; font-size:16px; text-align:center; line-height:50px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 1;
-moz-box-orient: vertical;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.anlie ul {margin-left:-14px;}
.anlie ul li a:hover{color:#5383ed;}
.anlie{margin-top:30px;}
/*案例*/
.anlie02{overflow:hidden;}
.anlie02 ul li{width:289px; float:left; margin-left:14px;}
.anlie02 ul li a{display:block; overflow:hidden;}
.anlie02 ul li a img{width:289px; height:209px; display:block;}
.anlie02 ul li a h4{height:50px; font-size:16px; text-align:center; line-height:50px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 1;
-moz-box-orient: vertical;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.anlie02 ul {margin-left:-14px;}
.anlie02 ul li a:hover{color:#5383ed;}
.anlie02{margin-top:30px;}
/*荣誉*/
.anlie03{overflow:hidden;}
.anlie03 ul li{width:289px; float:left; margin-left:14px;}
.anlie03 ul li a{display:block; overflow:hidden;}
.anlie03 ul li a img{width:289px; height:408px; display:block;}
.anlie03 ul li a h4{height:50px; font-size:16px; text-align:center; line-height:50px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 1;
-moz-box-orient: vertical;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.anlie03 ul {margin-left:-14px;}
.anlie03 ul li a:hover{color:#5383ed;}
.anlie03{margin-top:30px;}
/*联系我们*/
.lxw_box{overflow:hidden; padding-bottom:60px;}
.lxw_box .xfl{width:440px; float:left;}
.lxw_box .xfl ul li{border: solid 1px #eee; border-radius: 60px; height: 57px; line-height: 55px; font-size: 16px; color: #666; padding-left: 30px; margin-top: 21px;}
.xfr #map{width:728px; height:312px; border:solid 1px #eee;}
.xfr{width:730px; float:right;}
.liab_k{overflow:hidden; padding-top:35px;}
.lxw_box .xfl ul li:nth-child(1){margin-top:0;}
.xfr #map img{max-width:inherit;}
/*在线留言*/
.tops{overflow:hidden; margin-left:-30px;}
.tops .form-control{
background: #fff;
border: 1px solid #c0bec0;
width: 435px;
height: 48px;
line-height: 48px;
padding-left: 15px;
font-size: 14px;
color: #bbbbbb;
float: left;
margin-left:30px;
}
.topb textarea{
border: 1px solid #c0bec0;
width: 903px;
height: 200px;
font-size: 14px;
color: #757575;
padding: 15px;
}
.btn-default {
width: 280px;
font-size: 16px;
height: 50px;
text-align: center;
display: block;
background: #5383ed;
border-radius: 5px;
color: #fff;
margin: 40px auto 60px auto;
}
.btn-default:hover{background: #5383ed; color: #fff;}
.bdf{width:937px; margin-left:auto; margin-right:auto; margin-top:30px;}
.ts{text-align:center;font-size: 16px;color: #636363;}
.tops .form-group{float:left; margin-bottom: 30px;}
.more{text-align: center;}
.more a{display: inline-block; border: solid 2px #fff; background: #5383ed; color: #fff; font-size: 16px; padding: 14px 50px; border-radius: 100px;}
.more a:hover{background:#1c6cd8; color:#fff;}
.quality .more a{border: solid 2px #fff; background: none; color: #fff;}
.quality .more{margin-top: 50px;}
.news{
padding-top: 65px;
padding-bottom: 100px;
}
.new-show{
margin-top: 35px;
}
.new-cfn ul{
text-align: center;display: flex;justify-content:center;flex-wrap: nowrap;display: -webkit-flex;
}
.new-cfn ul li{
width: 202px;
margin-left: 20px;
background: #f4f4f4;
cursor: pointer;
display: flex;justify-content: center;flex-wrap: nowrap;display: -webkit-flex;
}
.new-cfn ul li .img{line-height: 64px; display:inline-block;}
.new-cfn ul li .img2{display: none;}
.new-cfn ul li.cur .img1{display: none;}
.new-cfn ul li.cur .img2{display: inline-block;}
.new-cfn ul li.cur{background: #5383ed;}
.new-cfn ul li h3{
line-height: 64px;
font-size: 22px;
text-align: center;
margin-left: 13px;
display:inline-block;
color:#333;
}
.new-cfn ul li.cur h3{
color: #fff;
}
.new-con{
margin-top: 55px;
}
.new-list{
display: none;
}
.new-top{
float: left;
width: 710px;
}
.new-hot{
float: left;
width: 47%;
margin-left: 6%;
}
.new-hot:first-child{
margin-left: 0;
}
.new-hot a{
display: block;
}
.new-hot .new-img{
overflow: hidden;
}
.new-hot .new-img img{
max-width: 100%;
}
.new-hot .new-text{
padding-top: 30px;
}
.new-hot .new-text h3{
font-size: 18px;
color: #333333;
overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
font-weight: normal;
}
.new-hot .new-text .text{
margin-top: 20px;
font-size: 14px;
color: #999;
line-height: 1.8;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.new-hot .new-text span{
display: block;
font-size: 14px;
color: #888;
line-height: 28px;
background: url(../image/b0d925c3e402e92a41dc129ea86d833d85251332.png)no-repeat right center;
margin-top: 30px;
}
.new-hot a:hover .new-text h3{
color: #5383ed;
}
.new-hot a:hover .new-text span{
background: url(../image/a15491ccaaf2b22c0b7f0b00b9283d360074f158.png)no-repeat right center;
}
.new-rem{
float: right;
width: 450px;
}
.new-rem ul li{
border: solid 1px #ddd;
margin-top: 30px;
padding: 20px 0;
}
.new-rem ul li:first-child{
margin-top: 0px;
}
.new-rem ul li a{
display: block;
}
.new-rem ul li a h4{
float: left;
text-align: center;
width: 90px;
font-size: 14px;
font-family: Arial;
color: #666;
font-weight: 500;
height: 100%;
border-right: solid 1px #ddd;
}
.new-rem ul li a h4 span{
display: block;
font-size: 40px;
margin-bottom: 10px;
font-weight: 600;
color: #555;
}
.new-rem ul li a:hover h4 span{
color: #5383ed;
}
.new-rem ul li a .rem-con{
float: left;
width: 70%;
padding-left: 23px;
}
.rem-con h3{
font-size: 18px;
color: #333;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.rem-con p{
font-size: 14px;
color: #999;
line-height: 1.8;
margin-top: 5px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.new-rem ul li a:hover .rem-con h3{
color: #5383ed;
}
.new-rem ul li:hover{
border: solid 1px #5383ed;
}
/* å‹æƒ…链接 */
.link{
background: #333;
padding: 20px 0;
border-bottom: solid 1px #555;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ft-link{
overflow: hidden;
}
.link span{
font-size: 17px;
background: url(../image/c7619243f450eac66cde09031f7cf77731bb0f4c.png)no-repeat left center;
color: #fff;
padding-left: 35px;
line-height: 24px;
display: inline-block;
}
.ft-link a{
font-size: 14px;
color: #999;
line-height: 24px;
margin-left: 15px;
}
.ft-link a:hover{
color: #5383ed;
}
/* 底部 */
.foot{
padding: 0 50px;
background: url(../image/50ccb41a792de9109ac11f40a2bf78e0625aa839.png)no-repeat center bottom;
}
.footed{
background: #333;
padding-top: 50px;
padding-bottom: 50px;
}
.erweifr{float:right;}
.ft-cfn{
float: left;
width: 578px;
}
.ft-cfn dl{
float: left;
margin-left: 5.6vw;
}
.ft-cfn dl:first-child{
margin-left: 0;
}
.ft-cfn dl dt{
font-size: 17px;
color: #fff;
font-weight: 500;
margin-bottom: 10px;
}
.ft-cfn dl dd a{
font-size: 14px;
color: #a4a4a4;
line-height: 2;
}
.ft-cfn dl dd a:hover{
color: #1c6cd8;
}
.ft-con{
float: right;
width: 452px;
}
.ft-con h3{
color: #fff;
font-size: 30px;
font-family: Arial;
}
.ft-con h4{
color: #fff;
font-size: 20px;
font-family: Arial;
}
.ft-con .text{
font-size: 14px;
color: #b0b0b0;
line-height: 2;
margin-top: 15px;
}
.ft-tact{
margin-top: 40px;
}
.ft-tact span:first-child{
margin-left: 0;
background: url(../image/a0b85e623698c4d28d01e74c028810c4f1d365e8.png)no-repeat center;
position: relative;
}
.ft-tact span{
float: left;
display: block;
height: 46px;
width: 46px;
margin-left: 20px;
cursor: pointer;
}
.ft-tact span a{
display: block;
height: 46px;
width: 46px;
}
.ft-tact span:nth-child(2){
background: url(../image/992d8c52f3569991fc6dd1f31158bf6348a4c634.png)no-repeat center;
position: relative;
}
.ft-tact span:nth-child(3) a{
background: url(../image/8157c43d2abbc076c2032b5d6fc435ace73eb297.png)no-repeat center;
}
.ft-tact span:nth-child(4) a{
background: url(../image/355e5ce00e8b89b0a85dc2bcc71b5e1e87f7ce08.png)no-repeat center;
}
.ft-tact span:nth-child(4) a:hover,
.ft-tact span:nth-child(3) a:hover{
opacity: .5;
}
.ft-tact span:first-child p{
opacity: 0;
position: absolute;
width: 100px;
top: -105px;
left: -30px;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.ft-tact span:nth-child(2) p{
opacity: 0;
position: absolute;
width: 100px;
top: -105px;
left: -30px;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.ft-tact span:first-child p img,
.ft-tact span:nth-child(2) p img{
max-width: 100%;
}
.ft-tact span:first-child:hover p,
.ft-tact span:nth-child(2):hover p{
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
/*内页*/
/* 友情链接 */
.c-link {
padding: 20px 0;
font-size: 14px;
color: #2a333c;
line-height: 24px;
}
.c-link .con {
display: flex;
flex-wrap: wrap;
position: relative;
}
.c-link span {
cursor: pointer;
display: block;
}
.c-link dd{
width:calc(100% - 70px)
}
.c-link .sec {
display: none;
position: absolute;
bottom: 100%;
left: 0;
background: rgba(255,255,255,.6);
padding: 10px;
min-width:120px;
}
.c-link a {
color: #2a333c;
padding: 0 4px;
font-size: 14px;
line-height: 24px;
}
/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.bodx{width: 217px; background: #fff; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0 10px;}
.bodx a{display: block; overflow: hidden; text-align: left; line-height: 50px; border-bottom: solid 1px #dadada; background: url("../picture/jy_03.png") no-repeat center left 13px; padding-left: 28px;}
.page-product-inquiry a{color: #fff;}
.prbpx{margin-top: 40px;}
@media (max-width: 992px) {
body {
padding-top: 60px;
padding-bottom: 50px;
}
}
.nxw{overflow: hidden; margin-top: 38px;}
.zhpho{background: #5383ed; color: #fff; overflow: hidden; padding: 23px 0;}
.zhpho img{display: block; margin-left: auto; margin-right: auto;}
.zhpho span{font-size: 23px; font-style: oblique; display: block;}
.prufr{width: 935px; overflow: hidden;}
.prufr ul li{width: 289px; float: left; margin-left: 30px; margin-bottom: 25px;}
.prufr ul li a{display: block; overflow: hidden;}
.prufr ul li a img{border: solid 1px #eee; transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; width: 289px; height: 258px;}
.prufr ul li a p{display: block; font-size: 18px; text-align: center; margin-top: 15px;}
.prufr ul{margin-left: -30px;}
.prufr ul li a: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);}
.nx01{width: 350px; float: left;}
.nxtit{overflow: hidden;}
.nxtit h4{font-size: 18px; color: #5383ed; font-weight: 600; border-bottom: solid 5px #5383ed; padding-bottom: 5px; display: inline-block;}
.nxtit span{color: #c2c2c0; font-size: 14px; margin-left: 40px; text-transform: uppercase;}
.nxtit a{display: block; float: right; font-size: 13px; color: #c2c2c0; text-transform: uppercase; margin-top: 5px;}
.nxlun ul li a{display: block; overflow: hidden;}
.nxlun ul li h4{background: url("../image/piw_01.png") no-repeat top left; padding-left: 35px; font-weight: 400;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.nxlun ul li p{background: url("../image/piw_02.png") no-repeat top left; padding-left: 35px; margin-top: 5px; font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.nxlun ul li a:hover h4{color: #5383ed;}
.nxlun ul li a:hover p{color: #666;}
.nxlun ul li{margin-bottom: 33px;}
.nxlun ul li:last-child{margin-bottom: 0;}
.nxlun{margin-top: 20px;}
.nx02{width: 385px; float: left; margin-left: 40px;}
.ndlun ul li a{display: block; overflow: hidden; position: relative; padding-right: 130px; background: url("../picture/lan_03.png") no-repeat bottom center; padding-bottom: 7px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.ndlun ul li a span{position: absolute; right: 0; top: 0; font-size: 14px; color: #353535;}
.ndlun ul li{margin-bottom: 20px;}
.ndlun{margin-top: 20px;}
.ndlun ul li a:hover{color: #5383ed;}
.prbox{background: url("../picture/gv_07.jpg") no-repeat top center; overflow: hidden;}
.prbpx{overflow: hidden;}
.prulf{background: #5383ed; overflow: hidden; width: 242px; color: #fff; text-align: center; padding-bottom: 2px;}
.titlk span{font-size: 18px;}
.titlk h4{font-size: 30px; font-weight: 600; margin-top: 15px;}
.titlk{padding: 25px 0; overflow: hidden;}
#toolbar{position: fixed; right: 17px; bottom: 10%; z-index: 10; cursor: pointer;}
.sdwh{overflow: hidden; border-bottom: solid 1px #9c9c9c; padding-bottom: 20px;}
.sdwh a{font-size: 18px; padding: 0 40px;}
.footer{overflow: hidden; background: #f7f7f7; padding-top: 40px;}
.footer .fofl01{width: 471px; background: url("../picture/jh_07.png") no-repeat center center; text-align: center; color: #403e3e; overflow: hidden; padding: 58px 0 139px 0;}
.footer .fofl02{width: 444px; text-align: center; padding-top: 58px; overflow: hidden;}
.footer .fofl01 h4{font-size: 18px; font-weight: 600;}
.footer .fofl01 p{font-size: 18px; line-height: 25px;}
.footer .fofl03{width: 178px; background: url("../picture/bg_13.jpg") no-repeat center center; height: 181px; overflow: hidden; margin-top: 40px;}
.footer .fofl03 img{display: block; width: 146px; height: 146px; margin-top: 19px; margin-left: 19px;}
.footer .fofl02 a{margin-right: 10px;}