@charset "utf-8";
body,html{
margin: 0px;
padding: 0px;
font-family: "微软雅黑";
font-size: 14px;
line-height: 1.42857143;
color: #393939;
}
.main img{
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p {
line-height: 1.42857143;
font-family: "微软雅黑";
margin: 0px;
padding: 0px;
}
a:link,
a:visited {
color: #555;
text-decoration: none;
}
ul {
padding: 0px;
height: auto;
overflow: hidden;
}
ul li {
list-style: none;
}
/*内页banner*/
.f_banner,
.f_banner img {
width: 100%;
}
.f_banner {
height: 300px;
overflow: hidden;
}
/*内页公用*/
.index_ld_tag{
padding: 5px 0px;
margin-bottom: 15px;
}
.crumbs {
width: 100%;
padding: 16px;
margin-bottom: 10px;
background: #f1f1f1;
color:#606060;
font-size: 16px;
float: left;
}
.crumbs p{
display: inline-block;
color:#606060;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.crumbs>span{
float: right;
color:#5f5f5f;
font-size: 12px;
padding-left:25px;
line-height: 20px;
background: url(../images/crumbs_bg.png) no-repeat left;
overflow:hidden;
text-overflow:ellipsis;
max-width:80%;
}
.product-top{
margin-top:40px;
margin-bottom:45px;
}
.product-top>p{
text-align: center;
}
.product-top ul.product-nav{
text-align: center;
margin-top:30px;
margin-bottom: 40px;
background: url(../images/nav_bg.png) no-repeat center;
}
.product-top ul.product-nav li{
display: inline-block;
padding:11px 0px;
}
.product-top ul.product-nav li:last-child{
border-right:1px solid #e6e6e6;
}
.product-top ul.product-nav li a{
padding:10px 17px;
color: #7e7e7e;
background: #fff;
box-sizing: border-box;
border-left: 1px solid #e6e6e6;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
}
.product-top ul.product-nav li a:hover{
background: #e50212;
color: #fff;
}
.product-top .product-desc{
background: #f2f2f2;
padding-right:5px;
}
.product-top .product-desc .desc-left{
display: inline-block;
width:32%;
}
.product-top .product-desc .desc-left img{
max-width:100%;
}
.product-top .product-desc .desc-right {
display: inline-block;
width: 65%;
float: right;
}
.product-top .product-desc .desc-right p{
width:100%;
font-size: 14px;
color: #949494;
margin-top:30px;
line-height: 24px;
}
.product-top .product-desc .desc-right img{
max-width: 100%;
margin-top:24px;
}
.index_tab_active1 a {
color: white;
}
.newsrelated ul li{
transition: .8s;
}
.newsre_title{
width: 100%;
padding: 7px 0px;
margin-bottom: 10px;
border-bottom: 2px solid #cd1e25;
}
.newsrelated ul li:hover .news_right{
box-shadow: 4px 4px 6px 2px rgba(0,0,0,0.8);
background:rgb(205, 30, 37);
}
.newsrelated .momomo a,.newsrelated .momomo span{
transition: .6s;
}
.newsrelated ul li:hover .news_info p a,.newsrelated ul li:hover .momomo a,.newsrelated ul li:hover .momomo span{
color: #fff;
}
.newsrelated .news_right{
padding: 8px 0px;
padding-left: 5px;
transition: .8s;
}
.newsrelated .momomo{
width: 63%;
}
/*icon图标*/
@font-face {
font-family: 'iconfont_nj'; /* project id 299137 */
src: url('//at.alicdn.com/t/font_me2855fvriyq4cxr.eot');
src: url('//at.alicdn.com/t/font_me2855fvriyq4cxr.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_me2855fvriyq4cxr.woff') format('woff'),
url('//at.alicdn.com/t/font_me2855fvriyq4cxr.ttf') format('truetype'),
url('//at.alicdn.com/t/font_me2855fvriyq4cxr.svg#iconfont') format('svg');
}
@font-face {
font-family: 'iconfont'; /* project id:"187148" */
src: url('//at.alicdn.com/t/font_02hfh50nta0b2o6r.eot');
src: url('//at.alicdn.com/t/font_02hfh50nta0b2o6r.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_02hfh50nta0b2o6r.woff') format('woff'),
url('//at.alicdn.com/t/font_02hfh50nta0b2o6r.ttf') format('truetype'),
url('//at.alicdn.com/t/font_02hfh50nta0b2o6r.svg#iconfont') format('svg');
}
@font-face {
font-family: 'iconfont_footer'; /* project id 325027 */
src: url('//at.alicdn.com/t/font_cfzl3onswxdjwcdi.eot');
src: url('//at.alicdn.com/t/font_cfzl3onswxdjwcdi.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_cfzl3onswxdjwcdi.woff') format('woff'),
url('//at.alicdn.com/t/font_cfzl3onswxdjwcdi.ttf') format('truetype'),
url('//at.alicdn.com/t/font_cfzl3onswxdjwcdi.svg#iconfont') format('svg');
}
.iconfont_footer {
font-family: iconfont_footer;
font-style: normal;
}
.iconfont_nj {
font-family: iconfont_nj;
font-style: normal;
}
.m_footer{
display: none;
}
/*移动端底部图标开始*/
.m_footer a.m_foot_btn img{
max-width: 100%;
width:26px;
margin:2px;
}
.m_footer a{
font-size: 0;
}
/*移动端底部图标结束*/
/*icon图标引用*/
.iconfont {
font-family: "iconfont";
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
/*header部分开始*/
.header_meta{
width: 100%;
height: 36px;
line-height: 36px;
overflow: hidden;
margin: 0px auto;
background: #e8e8e8;
}
.top_left{
width: 50%;
height: 36px;
line-height: 36px;
font-family: "微软雅黑";
float: left;
font-size: 12px;
color: #666;
}
.page_c a {
display: block;
text-align: left;
color: #333;
font-size: 14px;
margin-bottom: 5px;
}
.list_img img{
width:100%;
}
.top_right{
width: 50%;
height: 36px;
line-height: 36px;
float: right;
}
.tag a{
padding:4px 10px;
border-radius: 3px;
transition: 0.6s;
}
.tag a:hover{
background: #0079c8;
color:#fff;
}
.tag_main{
display: block;
}
.tag_main h2{
display: inline-block;
font-size: 18px;
font-weight: bold;
padding: 10px 0;
margin: 0;
width: 60px;
text-align: center;
background: #104fa1;
color: #fff;
margin-bottom: 10px;
}
.tag_main ul li{
float: left;
margin: 0 18px 18px 0;
}
.tag_main ul li a{
padding: 0 11px;
height: 34px;
line-height: 34px;
border: 1px solid #cfcfcf;
font-size: 14px;
display: block;
color: #888;
text-align: center;
float: left;
}
.function {
display: block;
text-align: center;
margin-right:2px;
padding: 15px 0;
}
.function a{
display: inline-block;
padding:5px 10px;
border:1px solid #c1c1c1;
margin:2px;
box-sizing: border-box;
}
.function a:hover{
color:#fff;
padding:6px 11px;
background: #0079c8;
border:none;
}
.function a.active{
color:#fff;
padding:6px 11px;
background: #0079c8;
border:none;
}
.index_hezuo .container{
width: 1200px;
}
.p_news_list li:hover samp{
color: #fff !important;
}
.p_news_list li:hover a{
color:#555 !important;
}
.list img{
}
.pro_t dl dd a:hover{
background: #3F87C1;
color: white;
}
.page_c {
padding-top: 5px;
border-top: 1px solid #cdcdcd;
}
.top_right span{
display: block;
float: right;
}
.top_right span p{
display: inline-block;
height: 36px;
line-height: 36px;
font-size: 16px;
color: #666;
}
.logo_l{
float: left;
width: 70%;
}
.productsdetailinfo .left div p a img{
width:100%;
}
.logo_l h1{
margin: 0px;
}
.logo_img,.logo_wel{
display: inline-block;
float: left;
}
.qow{
font-size: 14px;
color:#b4b4b4;
}
.logo_img{
margin-right: 2%;
}
.logo_wel{
border-left: 1px solid #cdcdcd;
padding-left: 2%;
}
.logo_wel h5{
font-size: 20px;
font-weight: bold;
margin:0px;
padding-top: 5px;
color: #093051;
}
.logo_wel h5 font{
font-size: 20px;
color: #f19f10;
}
.logo_wel p{
font-size: 14px;
color: #093051;
}
.level1 li:hover a{
color:white;
}
.logo_r{
float: right;
width: 30%;
margin-top: 22px;
}
.footer_info_img{
display:none;
}
.logo_tel,.logo_erwei{
float: right;
}
.index_tab_active1 {
display: block;
padding: 0px 0px;
color: #fff;
background: #0079c8;
}
.top_right span a{
font-size: 12px;
height: 36px;
line-height: 36px;
display: inline-block;
padding: 0px 5px;
}
.you_img img{
width: 100%;
}
.logo{
width: 100%;
min-height: 105px;
background: #fff;
padding-top: 10px;
}
.logo_tel{
margin-right: 15px;
}
.logo_tel h5{
font-size: 15px;
font-weight: bold;
;
margin: 0px;
padding-top: 20px;
}
.logo_tel h5 i{
font-size: 16px;
margin-right: 1rem;
}
.logo_tel p{
color: #ff5a00;
font-size: 16px;
font-weight: bold;
margin: 0px;
}
header {
width: 100%;
background: #e8e8e8;
z-index: 99;
}
.navbar {
height: 70px;
transition: .6s;
border-radius: 0px;
margin-bottom: 0px;
border: 0px;
background: -webkit-linear-gradient(bottom,#0079c8,#008ed0);
background: -o-linear-gradient(bottom,#0079c8,#008ed0);
background: -mos-linear-gradient(bottom,#0079c8,#008ed0);
background: -moz-linear-gradient(bottom,#0079c8,#008ed0);
background: linear-gradient(bottom,#0079c8,#008ed0);
}
.logo {
height: 70px;
line-height:70px;
}
.navbar-header a:focus {
color: #fff;
}
.nav {
line-height: 50px;
height: 70px;
}
.nav li a {
display: block;
padding: 20px 16px;
color: #fff;
font-size: 16px;
font-family: "微软雅黑";
font-weight: 400;
}
.nav li a:focus,
.nav li a:hover {
background: #890005;
color: #fff;
transition: .3s;
}
.navbar-collapse{
width:1100px;
margin:0 auto;
}
/*header部分结束*/
.index_main{
width: 100%;
background: #fff;
}
.main_box{
width: 1100px;
overflow: hidden;
margin: 0 auto;
}
.index_left{
width: 20%;
float:left;
}
.index_left_img{
width:100%;
margin-top:30px;
}
.index_left_img .lianxi{
margin-bottom:0;
height:322px;
}
.index_left_img .lianxi p{
line-height:26px;
}
.index_right{
width: 77%;
margin-left: 3%;
float: right;
}
.pro_t_bott{
background: #235cad;
width: 100%;
overflow: hidden;
text-align: center;
margin-bottom: 30px;
}
.for_top{
width: 100%;
padding: 45px 0px;
}
.fot_li{
width: 20%;
float: left;
min-height: 150px;
transition: .5s;
padding: 80px 0px 0px 0px;
}
.fot_li:hover{
transform: rotateY(-360deg);
}
.fot_li h5{
text-align: center;
font-size: 14px;
margin: 0px;
font-weight: bold;
}
.fot_li p{
font-size: 12px;
margin: 0px;
text-align: center;
}
.fot_top_li1{
background: url(../images/for_top1.gif) no-repeat center;
}
.fot_top_li2{
background: url(../images/for_top2.gif) no-repeat center;
}
.fot_top_li3{
background: url(../images/for_top3.gif) no-repeat center;
}
.fot_top_li4{
background: url(../images/for_top4.gif) no-repeat center;
}
.fot_top_li5{
background: url(../images/for_top5.gif) no-repeat center;
}
.index_boxtop{
width: 100%;
overflow: hidden;
padding: 30px 0px;
}
.index_tit{
width: 100%;
overflow: hidden;
text-align: center;
}
.index_tit_top{
width: 100%;
overflow: hidden;
text-align: center;
}
.index_tit_top samp{
float: left;
display: inline-block;
border: 1px dashed #b2b2b2;
height: 1px;
margin-top: 22px;
width: 44%;
}
.index_tit_top h3{
float: left;
font-size: 30px;
font-weight: bold;
color: #2f9300;
margin: 0px 10px;
}
.index_tit p{
font-size: 14px;
margin-top: 5px;
}
/*百度地图开始*/
.sitemap p{
font-size: 18px;
line-height: 18px;
padding-top: 20px;
border-top: 1px solid #ececec;
color: #393939;
margin: 10px 0px;
margin-top:20px;
}
.sitemap ul li a{
border: 1px #cecece solid;
border-radius: 5px;
color: #a5a5a5;
margin-right: 5px;
display: inline-block;
padding: 5px 10px;
}
.sitemap ul li:first-of-type {
margin-left: 0;
}
.sitemap ul li {
float: left;
margin-top:10px;
}
.sitemap p a{
font-size: 18px;
}
/*百度地图结束*/
/*我们的优势*/
.index_youshi{
width: 100%;
height: auto;
padding-top: 30px;
background: #e7ffdc;
}
.you_ee{
position: relative;
transition: .5s;
}
.in_you_main{
width: 100%;
overflow: hidden;
}
.in_you_tit{
width: 100%;
padding: 57px 0px;
background: #e5e5e5;
margin-bottom: 67px;
text-align: center;
}
.in_you_tit img{
margin: 0px auto;
}
.you_til,.you_tir{
width: 100%;
}
.you_t1{
background: url(../images/you_1.png) no-repeat;
left: -100%;
}
.you_t3{
background: url(../images/you_3.png) no-repeat;
left: -100%;
}
.you_t4{
left: -100%;
margin-top: 40px;
background: url(../images/you_4.png) no-repeat;
}
.you_t2{
margin-top: 40px;
left: -100%;
background: url(../images/you_2.png) no-repeat;
}
.you_ti_t1{
color: #2f9300;
padding-left: 140px;
font: 600 22px/25px 微软雅黑;
padding-top: 15px;
font-size: 30px;
}
.in_you_main_ri{
width: 40%;
float: right;
margin-top: 20px;
}
.in_you_main_ri img{
margin-bottom: 70px;
}
.in_you_main_le{
float: left;
width: 56%;
}
.index_abouts{
width: 100%;
overflow: hidden;
background: url(../images/abouts_img.png) no-repeat top;
}
.index_newss{
margin-top: 30px;
}
.index_aboutbox{
width: 45%;
float: right;
overflow: hidden;
}
.index_aboutbox h2{
color: white;
}
.index_aboutbox p{
font-size: 14px;
color: white;
}
.about_con img{
float: left;
margin-right: 10px;
margin-top: 5px;
}
.index_titbox{
width: 100%;
overflow: hidden;
padding: 30px 0px;
}
.home_news{
width: 29%;
margin: 0 2%;
overflow: hidden;
}
.title{
overflow: hidden;
}
.index_tit_top2 samp{
width: 40%;
}
.about_con h3{
font-size: 20px;
color: white;
margin-bottom: 0px;
margin-top: 10px;
}
.about_con p{
font-size: 30px;
font-weight: bold;
line-height: 26px;
color: #ffae00;
}
.you_ti_t1 span{
font: 200 14px/25px "Arial";
color: #999999;
padding-left: 10px;
}
.you_ti_t2{
color: rgb(51, 51, 51);
margin: 20px 0px 0px 170px;
font: 400 14px/30px 微软雅黑;
}
.you_ti_t2 ul li{
width: 100%;
display: inline-block;
padding-left: 25px;
background: url(../images/tit.png) 0px 9px no-repeat;
font: 400 14px/30px 微软雅黑;
}
.cr{
color: rgb(255,0,0);
}
/*我们的优势结束*/
/*banner开始*/
/*banner结束*/
.index_s_ban {
width: 100%;
height: 188px;
background: url(../images/nei.jpg) no-repeat center;
}
.index_s_ban1 {
width: 100%;
height: 188px;
background: url(../images/nei2.png) no-repeat center;
}
.i_tel {
float: right;
width: 20%;
padding: 54px 0px 0px 10px;
}
.i_tel p {
color: rgb(255, 255, 255);
font: 600 18px/21px 微软雅黑;
}
.i_tel .i_inq {
background: url(../images/more1.jpg) no-repeat;
width: 105px;
height: 31px;
margin: 15px 0 0 15px;
}
/*内容开始*/
.index_pro {
width: 100%;
padding: 20px 0px;
overflow: hidden;
background: #7b7676;
}
.index_title h2 {
margin: 0px;
display: block;
font-size: 40px;
font-weight: bold;
color: #fff;
line-height: 1;
}
.index_about{
width: 100%;
height: auto;
overflow: hidden;
padding: 70px 0px;
}
.in_about_img,.in_about_info{
width: 50%; float: left;
}
.in_about_img img{
width: 100%;
}
.faMu_top{
text-align: center;
background:url(../images/jiao.png) top right #0079c8 no-repeat;
overflow: hidden;
padding: 8px 0px;
width:100%;
}
.faMu_top span{
font-size: 14px;
color: white;
}
.faMu_top p{
font-size: 22px;
color: white;
}
.faMu_top p span{
display: block;
text-align:center;
}
.in_about_info{
padding-left: 5%;
font-size: 14px;
line-height: 24px;
}
.pro_t{
border: 1px solid #186abc;
margin-bottom: 30px;
}
.more_b{
float: right;
margin-top: 15px;
width: 150px;
height: 40px;
text-align: center;
line-height: 40px;
color: #c9c9c9;
transition: .6s;
border: 1px solid #c9c9c9;
font-size: 14px;
}
.more_a{
width: 150px;
height: 40px;
text-align: center;
line-height: 40px;
color: #e60013 !important;
transition: .6s;
margin: 0px auto;
border-radius: 5px;
border: 1px solid #e60013;
font-size: 14px;
display: inline-block;
}
.more{
width: 100%;
text-align: center;
}
.more_b:hover,.more_a:hover{
background: #e60013;
color: #fff !important;
border: 1px solid #e60013;
}
.index_pro_tie {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
padding: 0px 3%;
background: rgba(227, 36, 51, 0.8);
color: #fff;
opacity: 0;
transition: .8s;
}
.index_pro_tie em{
font-size: 18px;
color: #fff;
padding: 5px 0px;
display: inline-block;
border-bottom: 5px solid #fff;
}
.index_pro_tie a {
text-align: center;
font-size: 24px;
padding: 5% 0px;
width: 100%;
color: #fff;
display: block;
}
.index_pro_tie p{
color: #fff;
}
.index_pro ul li:hover .index_pro_tie {
opacity: 1;
}
.index_pro ul li:hover img {
transform: scale(1.2);
transition: .6s;
}
/*内容结束*/
/*新闻开始*/
.index_news {
width: 100%;
height: auto;
overflow: hidden;
padding: 50px 0px 30px 0px;
background-size: cover;
}
.in_news_main{
width: 100%;
overflow: auto;
}
.in_news_main:first-of-type{
margin-right: 5%;
}
.news_more{
float: right;
padding-top: 3px;
}
.title{
padding: 5px 0px;
position: relative;
border-bottom:2px solid #808080;
}
.title p{
float: left;
font-size: 20px;
margin-bottom: 0px;
font-weight: bold;
color: #2f9300;
}
.title a{
float: right;
font-size: 16px;
margin-top: 6px;
}
.home_news{
float: left;
}
.home_news li{
width: 100%;
overflow: hidden;
margin: 5px 0px;
padding-left: 10px;
background: url(../images/listdian.png) no-repeat left;
}
.index_geyin{
width: 100%;
overflow: hidden;
padding-top:30px ;
}
.index_anli{
width: 100%;
overflow: hidden;
padding: 30px;
}
.in_ye_main{
width: 100%;
padding-top: 30px;
}
.in_ye_main ul {
width: 900%;
position: relative;
left: 0px;
}
.in_ye_main ul li {
width: 378px;
float: left;
margin: 0px 10px;
background: #fff;
transition: .6s;
background: #eeeeee;
}
.in_ye_main ul li p {
margin-bottom: 0px;
}
.in_ye_main ul li span {
width: 100%;
display: block;
overflow: hidden;
text-align: center;
border-bottom: 1px dashed #bfbfbf;
}
.english {
padding: 10px;
color: #bfbfbf;
font-size: 10px;
}
.ye_info {
font-size: 16px;
color: white!important;
display: inline-block;
padding: 5px 45px;
margin-top: 30px;
margin-bottom: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: #2f9300;
transition: .6s;
}
.in_ye_main ul li p img{
width: 100%;
}
.index_geyin img{
width: 100%;
}
.home_news li a{
float: left;
font-size: 14px;
width: 73%;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.home_news li span{
float: right;
font-size: 14px;
}
.title h2{
display: inline-block;
font-size: 20px;
margin: 0px;
}
.title h2 span{
font-size: 12px;
margin-left: 5px;
}
.main .left{
width:21%;
padding-left: 0px;
}
.main .right{
width: 77%;
margin-left:3%;
}
.news_img_l{
width: 45%;
float: left;
overflow: hidden;
}
.m_logo{
display: none;
width: 50%;
}
.new_img_r{
width: 55%;
float: left;
padding-left: 5%;
}
.newsimage{
display: block;
height: auto;
overflow: hidden;
margin: 10px 0px;
}
.new_img_r h5{
margin: 0px;
margin-bottom: 10px;
}
.new_img_r h5 a{
font-size: 16px;
}
.new_img_r p{
display: inline-block;
color: #acacac;
line-height: 15px;
word-break: break-word;
}
.news_list
{
height: auto;
overflow: hidden;
margin: 15px 0px;
}
.news_list:hover .news_time{
transform: rotateY(360deg);
background: rgba(0,0,0,0.6);
}
.news_list:hover .new_info{
background: rgba(0,0,0,0.6);
color: #fff !important;
border-bottom: 1px solid rgba(0,0,0,0.6);
}
.new_info{
display: inline-block;
height: 45px;
line-height: 45px;
width: 86%;
text-indent: 8px;
transition: .8s;
overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
color: #000 !important;
border-bottom: 1px solid #cdcdcd
}
.news_main{
width: 100%;
height: auto;
overflow: hidden;
}
.news_time{
width: 12%;
text-align: center;
height: auto;
overflow: hidden;
float: left;
transition: .6s;
margin-right: 2%;
background: #e60013;
}
.news_time samp{
font-size: 20px;
color: #fff;
font-weight: bold;
margin: 0px;
font-family: "微软雅黑";
}
.news_time p{
color: #fff;
margin: 0px;
}
.undex_red{
position: absolute;
bottom: -1px;
left: 0px;
background: #e60013;
width: 15%;
height: 2px;
}
/*新闻结束*/
/*我们的服务开始*/
.index_fuwu {
width: 100%;
padding-bottom: 6%;
}
.i_fuwu_title {
text-align: center;
margin: 0px 0px 50px 0px;
}
.i_fuwu_title h2 {
color: rgba(0, 0, 0, 0.8);
font-size: 42px;
}
.i_fuwu_title p {
font-size: 24px;
}
.i_fuwu_ul {
height: auto;
overflow: hidden;
}
.i_fuwu_ul li {
text-align: center;
padding: 20px 0px;
transition: .6s;
margin: 10px 0px;
}
.i_fuwu_ul li span {
font-size: 86px;
border-radius: 50%;
padding: 20px;
transition: .6s;
color: rgba(0, 0, 0, 0.8);
border: 5px solid rgba(0, 0, 0, 0.8);
}
.i_fuwu_ul li h3 {
font-size: 16px;
}
.i_fuwu_ul li:hover {
transform: rotateY(360deg) scale(1.2);
background: rgba(0, 0, 0, 0.8);
color: #fff;
}
.i_fuwu_ul li:hover span {
color: #fff;
border-color: #fff;
}
.i_fuwu_so {
width: 100%;
text-align: center;
margin-top: 30px;
}
/*我们的服务结束*/
/*产品中心开始*/
.pduct_t{
width: 217px;
height: 40px;
display: inline-block;
text-align: center;
line-height: 40px;
font-size: 16px;
margin-right: 16px;
color: #343434;
transition: .5s;
border: 1px solid #343434;
}
.pduct_main{
width: 204%;
margin-top: 40px;
transition: .8s;
left: 0px;
position: relative;
height: auto;
overflow: hidden;
}
.in_picc ul li{
padding: 2px;
position: relative;
overflow: hidden;
}
.in_picc ul li p{
margin-bottom: 0px;
}
.in_picc ul li p img{
transition: .4s;
}
.index_f_ban{
width: 100%;
height: auto;
overflow: hidden;
}
.index_f_ban img{
width: 100%;
}
.in_picc ul li:hover .pro_div{
top: 0px;
}
.in_picc ul li:hover img{
transform: scale(1.2);
}
.pro_div{
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
left: 0px;
font-size: 36px;
padding: 2px;
line-height: 200px;
transition: .6s;
top: -100%;
background: rgba(230,0,19,0.6);
color: #fff !important;
text-align: center;
}
.pro_div:hover,
.pro_div:focus{
color: #fff;
}
.in_picc ul li img{
width: 100%;
}
.index_pduct .container{
overflow: hidden;
}
.news_product,.featured_product{
width: 50%;
float: left;
}
.in_pduct_tit{
text-align: center;
}
.pduct_t:hover{
border: 1px solid #e60013;
background: #e60013;
color: #fff;
}
.index_pduct{
width: 100%;
padding: 20px 0px;
overflow: hidden;
}
.in_tit{
width: 100%;
height: 40px;
margin-bottom: 30px;
}
.tit_l{
width: 36%;
float: left;
background: url(../images/in_tit_bo.gif) repeat-x 0px 15px;
height: 40px;
}
.in_tit_for{
float: left;
width: 28%;
height: 40px;
text-align: center;
}
.in_tit_for b,.in_tit_for p{
float: left;
}
.in_tit_for b{
height: 40px;
padding: 5px 14px;
}
.in_tit_for p{
margin: 0px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
.in_depatmen{
overflow: hidden;
width: 100%;
height: auto;
border-radius: 15px;
border: 2px solid #393939;
}
.in_depatmen p{
width: 100%;
text-align: center;
display: inline-block;
height: 54px;
line-height: 54px;
background: #393939;
color: #fff;
font-size: 24px;
}
.in_depatmen .level1 li{
padding-left: 35px;
background: url(../images/lef_pro.png) -5px no-repeat;
background-size: contain;
}
.in_pduct_left{
margin-top: 80px;
}
.in_depatmen .level1 li a{
display: inline-block;
width: 100%;
height: 50px;
transition: .5s;
line-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
}
.in_depatmen .level1 li:hover{
background: rgba(227, 36, 51, 0.8);
}
.in_depatmen .level1 li:hover a{
color: #fff;
}
.index_product_tit{
width: 60%;
display: block;
margin: 0px auto;
height: auto;
overflow: hidden;
}
.index_product_tit a{
display: inline-block;
float: left;
width: 50%;
text-align: center;
height: 54px;
line-height: 48px;
font-size: 18px;
color: #393939;
border: 2px solid #393939;
transition: .6s;
}
.index_product_tit a:first-of-type{
border-radius: 10px 0px 0px 10px;
}
.index_product_tit a:last-of-type{
border-radius: 0px 10px 10px 0px;
}
.index_product_main{
width: 200%;
height: auto;
overflow: hidden;
transition: .6s;
}
.news_pro,.featured_product{
width: 50%;
float: left;
}
.home_products{
height: auto;
overflow: hidden;
width: 100%;
}
.home_ppics {
float: left;
width: 100%;
overflow: hidden;
height: auto;
}
.home_ppics ul {
height: auto;
overflow: hidden;
padding-top:10px;
padding-left:1%;
}
.ptxts ul{
height: auto;
overflow: hidden;
}
.ptxts li{
float: left;
width: 31%;
margin: 5px 1%;
margin-bottom: 10px;
overflow: hidden;
position: relative;
transition: .5s;
background: #fff;
}
.home_ppics li{
float: left;
width: 31%;
margin: 5px 1%;
margin-bottom: 10px;
overflow: hidden;
position: relative;
transition: .5s;
background: #fff;
}
.home_ppics li p{
width: 100%;
margin: 0px auto;
margin-bottom:44px;
margin-top:0px;
}
.ptxts li p{
width: 100%;
margin: 0px auto;
margin-top:0px;
}
.home_ppics li p a{
display: block;
}
.home_ppics li p a img {
width:100%;
max-height:220px;
transition: .8s;
}
@media only screen and (max-width: 769px) and (min-width: 320px){
.home_ppics li p a img{
max-height:300px;
}
}
@media only screen and (max-width: 415px) and (min-width: 320px){
.home_ppics li p a img{
height:140px;
}
}
.ptxts li p a{
display: block;
}
.home_ppics li span{
position:absolute;
width:100%;
bottom: 7px;
}
.ptxts li span{
position:absolute;
width:100%;
bottom: 7px;
}
.index_f_about{
width: 100%;
overflow: hidden;
margin-top: 60px;
}
.index_f_aboutbox{
width: 1100px;
padding: 0;
margin:0 auto;
}
.index_f_aboutboxC{
float: left;
width:100%;
}
.index_f_aboutboxC .aboutbox-title{
float: left;
width:100%;
margin-bottom:26px;
}
.index_f_aboutboxC .aboutbox-title p:first-of-type{
text-align: center;
font-size: 24px;
line-height: 50px;
border-bottom: 1px solid #eeeeee;
background: url(../images/boxtitle_bg.png) no-repeat center bottom;
}
.index_f_aboutboxC .aboutbox-title span{
display: block;
text-align: center;
font-size: 14px;
margin-top:3px;
}
.aboutbox{
text-align: center;
}
.aboutbox p.box-title{
display: block;
color: #717074;
font-size: 16px;
border-bottom: 1px dashed #717074;
margin: 0 30px 57px 0;
height: 40px;
line-height: 40px;
text-align: left;
}
.aboutbox .box01{
display: inline-block;
width:40%;
float: left;
background: url("../images/box01bg.png") no-repeat 160px bottom;
}
.aboutbox .box01 .box-con{
}
.aboutbox .box01 .box-con ul{
width:100%;
padding:0 30px;
}
.aboutbox .box01 .box-con ul li{
width:100%;
float: left;
margin-bottom: 50px;
}
.aboutbox .box01 .box-con ul li>span{
display: inline-block;
float: left;
width:100px;
height: 26px;
line-height: 26px;
border-radius: 13px;
border: 1px solid #393939;
color: #393939;
}
.aboutbox .box01 .box-con ul li p{
display: inline-block;
float: left;
text-align: left;
font-size: 14px;
line-height: 26px;
margin-left:80px;
}
.aboutbox .box01 .box-con ul li p span{
font-size: 18px;
color: #007bc9;
font-weight: bold;
}
.aboutbox .box01 .box-con ul li p i{
color: #007bc9;
font-style: normal;
}
.aboutbox .box02{
display: inline-block;
width:30%;
float: left;
}
.aboutbox .box02 ul{
width:100%;
}
.aboutbox .box02 ul li{
width:75%;
padding-left: 85px;
margin-bottom: 20px;
padding-bottom: 23px;
}
.aboutbox .box02 ul li:nth-child(1){
background: url(../images/box2_icon01.png) no-repeat;
}
.aboutbox .box02 ul li:nth-child(2){
background: url(../images/box2_icon02.png) no-repeat;
}
.aboutbox .box02 ul li:nth-child(3){
background: url(../images/box2_icon03.png) no-repeat;
}
.aboutbox .box02 ul li p:first-of-type{
font-size: 16px;
line-height: 30px;
text-align: left;
}
.aboutbox .box02 ul li p:nth-of-type(2){
font-size: 12px;
line-height: 20px;
text-align: left;
color: #848484;
}
.aboutbox a.learnmore{
display: block;
width: 138px;
height: 37px;
margin: 40px auto 0;
line-height: 37px;
border: 1px solid #393939;
color: #393939;
text-align: center;
}
.aboutbox a.learnmore:hover{
text-decoration: none;
background: #007bc9;
color: #fff;
border-color: #007bc9;
}
.aboutbox .box03{
display: inline-block;
width:30%;
float: left;
}
.aboutbox .box03 ul{
width:100%;
}
.aboutbox .box03 ul li{
width:100%;
float: left;
padding-bottom: 45px;
background: url(../images/box3_libg.png) no-repeat 40px bottom;
}
.aboutbox .box03 ul li:last-child{
background: none;
}
.aboutbox .box03 ul li i{
display: inline-block;
float: left;
width:80px;
height:26px;
border: 1px solid #393939;
color: #393939;
font-style: normal;
border-radius: 13px;
line-height: 26px;
font-size: 16px;
margin-top:7px;
}
.aboutbox .box03 ul li p{
display: inline-block;
float: left;
width:180px;
text-align: left;
padding-left: 10px;
line-height: 20px;
}
.aboutbox .box03 ul li p span{
color: #007bc9;
}
.aboutbox p.about-link{
text-align: center;
margin-top:20px;
}
.aboutbox p.about-link a{
display: inline-block;
padding:7px 30px;
background: #008fd1;
border: 1px solid #008fd1;
color: #fff;
margin:10px;
transition: 0.6s;
}
.aboutbox p.about-link a:hover{
color: #008fd1;
background: #fff;
}
.aboutbox img{
max-width: 100%;
margin-top: 20px;
}
#myCarouselabout{
float: right;
width:100%;
}
#myCarouselabout .carousel-indicators{
bottom: -70px;
left:0;
margin-left:0;
width:auto;
}
#myCarouselabout .carousel-indicators li{
background: #cfcfcf;
border: none;
margin:0;
}
#myCarouselabout .carousel-indicators li.active{
width:10px;
height:10px;
background: #0079c8;
border: none;
}
#myCarouselabout .carousel-inner{
float: right;
width:573px;
}
#myCarouselabout .carousel-inner .item{
width:100%;
}
.index_f_aboutle{
float: left;
overflow: hidden;
width: 47.5%;
}
.index_f_aboutbot{
width: 100%;
overflow: hidden;
float: left;
padding-left: 48%;
}
.index_f_aboutbot a{
display: block;
float: left;
width:44px;
height:44px;
background: url( ../images//more.png);
transition: 0.3s;
}
.index_f_aboutbot a:hover{
background: url( ../images/more2.png);
}
.news_gongg li:hover a{
color: #f29801;
}
.index_f_aboutri{
float: left;
width: 47.5%;
padding:70px;
padding-right:0;
}
.index_f_aboutri h3{
font-size: 35px;
color: #f29801;
margin: 0px;
font-weight: bold;
}
.index_f_aboutri h3 font{
font-size: 25px;
color: #666666;
}
.index_f_newsbox .index_titi{
padding-left: 0px;
}
.index_f_aboutri p{
margin-top:40px;
font-size: 14px;
color: #8c9398;
line-height: 24px;
white-space: pre-wrap;
}
.hp_class p a img{
transform: scale(1.2);
}
.pro_newclass {
position: absolute;
height: 100%;
top: 0px;
background: rgba(0, 0, 0, 0.8);
color: #393939;
padding-top: 40%;
font-size: 24px;
color: #fff !important;
}
.index_gondying{
width: 100%;
height: auto;
overflow: hidden;
background: url(../images/gongy_img.png) no-repeat;
padding: 20px 0px;
}
.gongying{
width: 60%;
overflow: hidden;
text-align: center;
margin: 0 auto;
}
.gongying h3{
font-size: 25px;
color: white;
margin-bottom: 20px;
}
.gongying p{
font-size: 14px;
color: white;
}
.index_tit_top1 samp{
width: 42%;
}
.gongying a{
display: inline-block;
padding: 10px 45px;
color: #093051;
font-size: 16px;
margin-top: 28px;
background: white;
border-radius: 3px;
}
.index_tit h2{
font-size: 30px;
color: #2f9300;
font-weight: bold;
}
.home_ppics li span a {
width: 100%;
text-align: center;
display: block;
height:auto;
transition: .3s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
color: #fff;
background: #0079c8;
padding: 8px 0px;
}
.ptxts li span a {
width: 100%;
text-align: center;
display: block;
height:auto;
transition: .3s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
color: #fff;
background: #0079c8;
padding: 8px 0px;
}
.home_ppics li{
border: 2px solid white;
padding-buttom:14px;
box-shadow: 0 0 8px #dbdbdb;
}
.ptxts li{
border: 2px solid white;
padding-buttom:14px;
box-shadow: 0 0 8px #dbdbdb;
}
.home_ppics li:hover{
border: 2px solid #0079c8;
}
.ptxts li:hover{
border: 2px solid #0079c8;
}
.home_ppics li:hover img{
transform: scale(1.2);
}
.ptxts li:hover img{
transform: scale(1.2);
}
.ptxts li p a img {
transition: .3s;
}
.pro_l {
float: left;
}
.pro_r {
float: right;
}
.main {
width: 1100px;
margin: 0px auto;
}
.sort p,
.markermenu p,
.maintitle p {
text-align: center;
height: 60px;
line-height: 60px;
background: url(../images/jiao.png) top right #0079c8 no-repeat;
color: #fff;
font-size: 20px;
margin-bottom: 5px;
}
.markermenu,.sort{
margin: 0px auto;
height: auto;
padding: 0px;
}
.p_news,.pac_t,.p_news,.p_call{
width: 100%;
margin-bottom: 30px;
}
.p_news{
background: #f0f0f0;
margin-top: 30px;
padding-bottom: 5px;
}
.p_news ul li{
padding:0 15px;
}
.pac_tit,.p_news_t,.p_news_t,.p_call_t{
text-align: center;
height: 60px;
line-height: 60px;
background: #0079c8;
color: #fff;
font-size: 20px;
margin-bottom: 5px;
}
.p_call_list p img{
width: 100%;
}
.p_call_list{
padding: 0px 3%;
}
.p_call_list ul li{
padding: 7px 0px;
}
.p_news_list ul li{
list-style: none;
padding: 0px;
width: 100%;
height: auto;
overflow: hidden;
border-bottom: 1px #e6e6e6 solid;
color: #333333;
cursor: pointer;
}
.index_boxtop_le{
width: 24%;
float: left;
padding-right: 2%;
}
.index_boxtop_ri{
width: 100%;
float: left;
background: #f0f0f0;
}
.index_f_news{
width: 100%;
overflow: hidden;
margin-top: 30px;
}
.index_f_newsbox{
width: 100%;
overflow: hidden;
margin-top: 20px;
border:1px solid #d2d2d2;
padding: 15px;
}
.index_f_news_le{
width: 59%;
overflow: hidden;
border:1px solid #d2d2d2;
margin-right: 3%;
padding: 10px;
float: left;
}
.index_f_news_lebott{
width: 100%;
overflow: hidden;
}
.index_f_news_lebott ul li{
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.newsimages{
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
.newsimages_ri h4 a{
font-size: 15px;
color: #404040;
font-weight: bold;
}
.newsimages_ri p{
font-size: 14px;
color: #808080;
width: 85%;
}
.newsimages_le{
width: 36%;
margin-right: 4%;
overflow: hidden;
float: left;
}
.newsimages_ri{
width: 60%;
overflow: hidden;
float: right;
}
.index_f_news_ri{
width: 38%;
overflow: hidden;
border:1px solid #d2d2d2;
float: right;
padding: 6px;
}
.news_gongg li{
margin: 2px 0px;
overflow: hidden;
width: 100%;
}
.index_f_news_lebott ul li a{
font-size: 14px;
color: #808080;
}
.index_f_news_lebott ul li:hover a{
color: #f29801;
}
.index_f_news_lebott ul li span{
font-size: 14px;
color: #808080;
}
.index_titi1 p{
font-size: 16px !important;
margin-left: 0px !important;
}
.index_titi1{
border: none !important;
}
.index_titi1 p font{
font-size: 14px !important;
}
.news_gongg{
width: 100%;
overflow: auto;
}
.news_gongg li a{
float: left;
width: 70%;
font-size: 14px;
color: #737373;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news_gongg li span{
float: right;
display: inline-block;
width: 30%;
font-size: 14px;
color: #737373;
}
.pro_t dl{
padding: 0px 5%;
margin-bottom: 0px;
margin-top: 10px;
}
.pro_t dl dt a{
display: block;
padding: 8px 15px;
font-size: 16px;
text-align: left;
color: white;
background:#0159a0;
border-radius: 4px;
}
.index_f_pro{
width: 100%;
overflow: hidden;
}
.level1{
padding: 0px 15px;
}
.index_tab_active1{
border-radius:4px ;
}
.index_titi{
width: 100%;
overflow: hidden;
border: 1px solid #d2d2d2;
padding: 7px 0px;
padding-left: 15px;
}
.index_titi p a{
font-size: 16px;
margin-bottom: 0px;
color: #014691;
float: left;
line-height: 30px;
}
.index_titi p{
font-size: 20px;
margin-bottom: 0px;
color: #014691;
float: left;
}
.index_titi p font{
font-size: 16px;
color: black;
line-height: 30px;
}
.souye{
color: #404040 !important;
}
.index_a{
display: inline-block;
font-size: 15px;
color: #737373;
float: right;
margin-right: 15px;
margin-top: 5px;
}
.index_titi a font{
color: #104fa1;
font-size: 15px;
}
.pro_t dl dd a{
display: block;
padding: 6.5px 10px;
font-size: 15px;
text-align: left;
transition: .3s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.lianxi{
width: 100%;
overflow: hidden;
margin-bottom: 30px;
background: #f0f0f0;
padding-bottom: 20px;
}
.lainxi_top{
width: 100%;
overflow: hidden;
text-align: center;
padding: 10px 0px;
background: #0079c8;
height:78px;
color: #fff;
font-size: 22px;
font-weight: bold;
line-height: 58px;
position: relative;
}
.lainxi_top:before{
content: "";
display: inline-block;
width:28px;
height:28px;
background: url(../images/lianxiicon.png) no-repeat;
position: relative;
top:5px;
}
.lainxi_top span{
font-size: 14px;
color: white;
}
.lainxi_top p{
font-size: 25px;
color: white;
margin-bottom: 0px;
}
.lianxi_bott{
width: 100%;
overflow: hidden;
text-align: center;
padding-top:15px;
}
.lianxi_bott p{
color:#777777;
text-align: left;
padding:0 10px;
font-size: 12px;
line-height: 20px;
}
.p_news_list ul li a{
float: left;
transition: .3s;
display: inline-block;
width: 82%;
padding-left: 5%;
overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
}
.p_news_list ul li:hover a{
color: #f000;
}
.p_news_list ul li .n_time{
float: right;
font-family: "微软雅黑";
font-size: 12px;
width: 18%;
}
.news_pac,.news_pac1,.p_news_list{
width: 100%;
padding: 0px 1%;
}
.news_pac li,.news_pac1 li{
list-style: none;
margin-bottom: 15px;
}
.news_pac li span,.news_pac1 li span{
display: block;
text-align: center;
}
.news_pac_box{
width: 100%;
height: 404px;
overflow: hidden;
}
.news_pac li p a img,.news_pac1 li p a img{
width: 100%;
}
.left,.right{
float: left;
}
.right{
padding-left:0;
}
.main{
margin: 0 auto;
}
.markermenu ul li,.sort ul li {
background: #f1f1f1;
margin: 2.5px 0;
}
.markermenu ul li a,.sort ul li a {
font-size: 14px;
display: inline-block;
padding: 8.5px 15px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.ppics ul li {
text-align: center;
width: 31.3%;
float: left;
margin: 0 1%;
}
.rel_list {
display: block;
margin-top: 15px;
}
.rel_list_title {
font-size: 18px;
padding: 5px 0px;
border-bottom: 2px solid #393939;
margin-bottom: 15px;
}
.rel_list ul li {
float: left;
height: auto;
overflow: hidden;
width: 49%;
margin: 5px 0;
padding: 5px 0;
transition: .6s;
border-bottom: 1px dashed #e5e5e5;
}
.rel_list ul li:nth-child(odd){
margin-right: 2%;
}
.rel_list ul li a {
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
float: left;
width: 90%;
white-space: nowrap;
font-size: 14px;
color: #666;
}
.rel_list ul li samp {
display: inline-block;
width: 10%;
float: left;
text-align: right;
font-size: 12px;
color: #a2a2a2;
}
.x_news_time {
width: 10%;
float: left;
text-align: center;
height: auto;
overflow: hidden;
}
.x_news_time b {
display: block;
padding: 5px 0px;
text-align: center;
color: #fff;
background: #0079c8;
font-size: 25px;
}
.bdshare-button-style1-16{
width: 100% !important;
text-align: left;
margin: 6px 0 !important;
}
.bdshare-button-style1-16 a {
float:none !important;
}
.foot_list ul li .bdshare-button-style1-16{
width: 100% !important;
text-align: left;
margin: 6px 0 !important;
}
.actives {
color: #2f9300 !important;
}
.actives {
display: block !important;
}
.in_news_title {
display: block;
margin: 20px auto;
width: 80%;
}
.in_news_title ul {
display: table;
text-align: center;
margin: 0px auto;
}
.in_news_title ul li {
float: left;
margin: 10px 17px;
display: inline-block;
font-size: 16px;
color: #787878;
}
.in_news_main {
display: block;
}
.in_news_main_l {
width: 50%;
float: left;
}
.in_news_main_l ul {
display: none;
}
.in_news_main_l ul li {
display: block;
padding: 6px 10px 12px 10px;
height: auto;
overflow: hidden;
transition: .6s;
min-height: 60px;
border-bottom: 1px solid #eeeeee;
}
.in_news_main_l ul li:hover {
transform: rotateX(360deg);
background: #2f9300;
}
.in_news_main_l ul li:hover h5 a, .in_news_main_l ul li:hover p, .in_news_main_l ul li:hover .in_news_list_time, .in_news_main_l ul li:hover .in_news_list_more {
color: #fff;
}
.in_news_list_l {
display: inline-block;
width: 80%;
float: left;
}
.in_news_list_l h5 {
margin: 0px;
}
.in_news_list_l h5 a {
display: block;
font-size: 16px;
color: #5d5c5c;
line-height: 1.8;
}
.in_news_list_l p {
display: block;
font-size: 14px;
color: #a2a2a2;
}
.in_news_list_r {
display: inline-block;
width: 17%;
float: left;
margin-left: 3%;
position: relative;
text-align: right;
}
.in_news_list_r .in_news_list_time {
display: block;
font-size: 12px;
color: #a2a2a2;
}
.in_news_list_r .in_news_list_more {
position: absolute;
bottom: -36px;
font-size: 12px;
color: #a2a2a2;
width: 100%;
display: block;
}
.in_news_main_r {
width: 48%;
float: left;
margin-right: 2%;
text-align: center;
}
.in_news_main_r img {
width: 100%;
}
.x_news_time h5 {
padding: 5px 0px;
display: block;
border-top: 0px;
text-align: center;
font-size: 14px;
color: #fff;
margin: 0px;
background: #0079c8;
}
.ptxts ul{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
overflow: visible;
}
.ptxts ul li {
margin: 10px 0;
position: relative;
overflow: hidden;
width: 32%;
margin-right: 2%;
padding-right: 0px;
}
.ptxts ul li:nth-child(3n){
margin-right: 0;
}
.sr-bdimgshare .bdimgshare-content,.sr-bdimgshare-black .bdimgshare-bg{
display: none !important;
}
.ptxts ul li p {
margin-bottom:44px;
height: auto;
}
.pro_new_div {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: -100%;
transition: .9s;
color: #fff;
}
.moeq:hover .pro_new_div{
top: 0px;
}
.moeq{
padding: 0px;
margin: 10px 1%;
width: 23%;
overflow: hidden;
}
.pro_more a,
.pro_zx a,
.pro_new_div span {
color: #fff;
}
.pro_new_div span {
display: block;
padding: 0px 15px 0px 15px;
height: 100%;
}
.pro_new_div span a{
color: #fff;
display: inline-block;
height: 100%;
width: 100%;
padding-top: 30%;
text-align: center;
}
.pro_new_div_a{
color: #fff;
text-align: center;
display: block;
}
.pro_new_div_btn{
display: inline-block;
width: 50%;
font-size: 8px;
text-align: center;
padding: 3px 0px;
font-family: "微软雅黑";
color: #fff;
border: 1px solid #fff;
border-radius: 5px;
}
.ptxts ul li p a{
text-align: center;
}
.ptxts ul li p a img {
max-width: 100%;
transition: .8s;
max-height:220px;
}
.pro_fo_t {
text-align: center;
width: 100%;
display: block;
font-size: 11px;
color: #666 !important;
padding: 5px 0px;
text-indent:5px;
overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
}
.ptxts ul li dl {
height: auto;
overflow: hidden;
}
.ptxts ul li dl dd:first-of-type a {
border-radius: 5px 0px 0px 5px;
}
.ptxts ul li dl dd:last-of-type a {
border-radius: 0px 5px 5px 0px;
}
.ptxts ul li dl dd a {
text-align: center;
display: block;
padding: 10px;
color: #fff;
}
.pro_new_div dl {
position: relative;
bottom: -63%;
}
.ptxts ul li dl dd,
.pro_new_div dl dd {
width: 50%;
float: left;
}
/*单页样式结束*/
/*单页样式开始*/
/*合作客户开始*/
.index_hezuo{
width: 100%;
background: #e5e5e5;
padding: 75px 0px 44px 0px;
}
.in_hezuo_tit{
width: 100%;
text-align: center;
margin-bottom: 66px;
}
.in_hezuo_tit h3{
font-size: 13px;
font-weight: bold;
margin-bottom: 0px;
}
.in_hezuo_tit p{
font-size: 12px;
}
.index_hezuo ul li{
float: left;
width: 178px;
height: 178px;
background: #fff;
transition: .6s;
transform: rotateZ(45deg);
margin: 38px;
text-align: center;
overflow: hidden;
}
.index_hezuo ul li:hover{
transform: rotateY(-180deg) rotateZ(45deg);
}
.index_hezuo ul{
padding-left: 6%;
}
.index_hezuo ul:last-of-type{
transform: translate(127px,-120px)
}
.index_hezuo ul li img{
transform: rotateZ(-45deg) translate(-37px,30px);
}
/*合作客户结束*/
/*产品中心结束*/
.pageNav {
text-align: center;
padding: 20px 0px;
}
/*公司简介开始*/
.company ul li {
width: 100%;
padding-bottom: 10px;
}
.company ul li p {
float: left;
display: block;
}
/*公司简介结束*/
/*新闻动态开始*/
.news_left {
width: 35%;
float: left;
}
.news_left em {
display: inline-block;
float: left;
text-align: center;
padding: 5px 20px 5px 10px;
transition: .3s;
border-radius: 50%;
}
.list ul {
height: auto;
overflow: hidden;
}
.list ul li {
margin-bottom:10px;
}
.news_left em b {
display: block;
font-size: 36px;
line-height: 0.8;
margin-top: 2px;
}
.news_info {
float: left;
width:86%;
margin-left: 5%;
}
.news_info h4 {
margin-bottom: 3px;
overflow: hidden;
margin-top: 0px;
white-space: nowrap;
text-overflow: ellipsis;
}
.news_info h4 a {
font-size: 16px;
color: #3e3e3e;
}
.qow {
font-size: 14px;
}
.news_img{
width: 26%;
float: left;
}
.news_img img{
width: 100%;
}
.news_right {
width: 100%;
float: left;
padding:10px;
background: #f3f3f3;
}
.momomo{
position: absolute;
bottom: 15px;
width: 66%;
}
.sort ul li a {
font-size: 14px;
display: inline-block;
padding: 8px 15px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.about img{
width: 100% !important;
}
.sort ul {
height: auto;
overflow: hidden;
}
.sort ul li:hover{
background: url(../images/to.png) 95% center no-repeat #0079c8;
}
.sort ul li:hover a{
color: #fff;
}
.newstitle {
font-size: 24px!important;
color: #808080;
text-align: center;
margin-bottom: 10px;
line-height: 1.46;
}
.newsdetail dl dt {
text-align: center;
border-bottom: 1px solid #cdcdcd;
color: rgb(57, 57, 57);
font-weight: normal;
}
.newsdetail dl dt.pr{
text-align: right;
padding-right: 30px;
}
.newsdetail dl dt p{
display: inline-block;
}
.newsdetail dl dd p {
width: 100%;
margin: 10px auto;
}
.in_tel1 {
width: 100%;
background: url(../images/left7.jpg) 2px center no-repeat;
height: 182px;
margin-top: 3px;
background-size: contain;
}
/*新闻动态结束*/
/*友情链接开始*/
.links {
width: 100%;
background: url(../images/link.png) no-repeat center top #fcfcfc;
float: left;
padding-bottom: 20px;
}
.links p{
width: 1200px;
margin: 0 auto;
padding: 0 20px 10px;
margin-top: 65px;
height: auto;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
border: 1px solid #d9d9d9;
border-top: 0;
transform: translate(-1px,-5px);
}
.links p a{
display: inline-block;
margin-right: 5px;
transition: .3s;
font-size: 12px;
color: #666;
}
.links p a:hover{
color: #007bc9;
}
/*友情链接结束*/
/*底部开始*/
footer {
width: 100%;
padding: 30px 0px 30px 0px;
background: #007bc9;
float: left;
}
.foot_logo h5{
height: auto;
overflow: hidden;
margin: 0px;
}
.foot_logo p{
text-align: center;
}
.foot_logo p a{
font-size: 30px;
font-weight: bold;
color: #e60013;
text-align: center;
}
.foot_logo p a i{
font-size: 30px;
color: #f00;
margin-right: 5%;
}
.foot_list .footnav{
margin-top: 10px;
padding-bottom: 15px;
}
.foot_list div.img{
display: none;
}
.foot_list .footnav .footnav-list{
padding: 5px 0px;
font-size: 13px;
color: white;
display: inline-block;
margin-right: 70px;
}
.foot_list .footnav .footnav-list li{
background: none;
margin:0;
display: inline-block;
margin-right:60px;
}
.foot_list .footnav .footnav-list li a{
color: #fff;
}
.foot_list .footnav .footnav-list li a:hover{
text-decoration: underline;
}
.foot_list .footnav .footnav-list a{
color: #999999;
font-size: 14px;
padding:0;
}
.f_logo_img{
display: block;
width: 100%;
text-align: center;
}
.page{
padding: 0px;
}
.foot_er p a{
font-size: 20px;
font-weight: bold;
color: #2F9300;
}
.foot_er p i{
font-size: 20px;
color: #2F9300;
margin-right: 5px;
}
.faMu{
border: 1px solid #dcdcdc;
margin-bottom: 0px;
overflow: hidden;
padding:10px;
padding-bottom:33px;
}
.foot_meta{
overflow: hidden;
}
.foot_meta {
display: inline-block;
}
.foot_meta a{
height: 36px;
line-height: 36px;
font-size: 14px;
color: white;
display: inline-block;
text-align: center;
}
.foot_ul em,
.foot_ul p,
.foot_ul p span,
.foot_ul p samp,
.foot_ul p a,
.foot_ul em a,
.foot_ul li h5 {
color: #fff;
}
.foot_ul p a:first-of-type{
margin-right: 20px;
}
.foot_ul li h5 {
font-size: 32px;
}
.foot_ul em a {
font-size: 28px;
}
.foot_ul p,
.foot_ul p a {
font-size: 14px;
}
.d_logo{
display: none;
}
.d_ditu{
display: block;
}
/*底部结束*/
/*产品内页开始*/
.productsdetailinfo{
background: #f1f1f1;
padding-top:10px;
position: relative;
}
.productsdetailinfo .left {
display: inline-block;
width: 37%;
padding:5px;
}
.productsdetailinfo .left div {
text-align: center;
}
.productsdetailinfo .right {
width: 100%;
margin-left: 4%;
float: right;
background: #f1f1f1;
}
.productsdetailinfo .right>img{
max-width:40%;
}
.productsdetailinfo .right>img{
margin:1%;
margin-top:0;
padding:10px;
border: 1px solid #e3e3e3;
float: left;
}
.productsdetailinfo .right ul{
width:55%;
float: right;
margin-right: 2%;
}
.productsdetailinfo .right ul li p img{
float: none;
max-width:100%;
}
.info dl dt, .inq_title {
font-size: 18px;
padding: 5px 0px;
border-bottom: 1px solid #eee;
margin-bottom: 15px;
color: #999;
}
.ppics ul li {
text-align: center;
}
#photo1 p {
text-align: center;
}
.productsdetailinfo .left div p {
padding: 2px;
}
.for_wo {
display: block;
color: #999 !important;
margin-top: 5px;
text-align: center;
}
.productsdetailinfo .left ul li {
display: inline-block;
float: left;
margin-right: 2px;
}
.ppics ul li p a img {
width: 100%;
height: 100%;
}
.productsdetailinfo .right ul li{
font-size: 14px;
color:#393939;
}
.productsdetailinfo .right ul li.tag{
margin-top:10px;
}
.productsdetailinfo .right ul li p {
padding: 5px 0 0 0;
line-height: 20px;
clear: both;
position: relative;
}
.productsdetailinfo .right ul li p.cat-name{
color:#0079c8;
font-size: 20px;
}
.productsdetailinfo .right ul li h1.p-title{
font-size: 14px;
text-align: center;
display: inline-block;
}
.productsdetailinfo .right ul li p.p-model{
font-size: 14px;
color:#0079c8;
text-align: center;
display: inline-block;
}
.productsdetailinfo .right ul li p.p-add{
font-weight: normal;
text-align: center;
}
.productsdetailinfo .right ul li.p-desc{
border-top:1px dashed #a4a4a4;
margin-top:15px;
}
.productsdetailinfo .right ul li.p-desc p{
font-weight: normal;
}
.productsdetailinfo .right ul li p b {
display: inline-block;
width: 14%;
margin-right: 2px;
font-size: 14px;
color: #999;
}
.productsdetailinfo .right ul li p span {
display: inline-block;
}
.productsdetailinfo .right .pro-content{
width:100%;
float: left;
background: #fff;
margin-top:10px;
}
.productsdetailinfo .right .pro-content ul{
width:100%;
margin-left: 0;
padding:10px;
margin-right:0;
}
.abstract {
line-height: 1.6;
font-size: 14px;
color: #999;
}
.abstract p b {
font-size: 14px;
color: #999;
margin-bottom: 3px;
}
.productsdetailinfo .right .product_show_more {
display: block;
margin-top: 15px;
height: auto;
overflow: hidden;
}
.productsdetailinfo .right .product_show_more .more_p_a {
padding: 10px 25px;
display: inline-block;
float: left;
margin-right: 20px;
color: #fff;
font-size: 16px;
background: rgba(252,2,21,1);
}
.productsdetailinfo .right .product_show_more .more_p_b {
padding: 10px 25px;
display: inline-block;
float: left;
color: #fff;
font-size: 16px;
background: rgba(1, 159, 233,1);
}
.productsdetailinfo .right .product_show_more .more_p_a:hover {
background: rgba(252,2,21,.6);
}
.productsdetailinfo .right .product_show_more .more_p_b:hover {
background: rgba(1, 159, 233,.6);
}
/*产品内页结束*/
.clear {
clear: both;
width: 100%;
height: 0px;
}
/*在线咨询开始*/
.inque_t {
font-size: 18px;
padding: 10px 0px;
border-bottom: 5px solid #393939;
margin-bottom: 15px;
}
.inq_sub {
width: 100%;
margin: 0px auto;
text-align: center;
margin: 10px 0px;
}
.inq_btn {
width: 15%;
height: 36px;
line-height: 36px;
color: #fff;
text-align: center;
font-size: 16px;
border: 0px;
}
.sub_btn {
margin-right: 5px;
border-radius: 5px 0px 0px 5px;
}
.res_btn {
border-radius: 0px 5px 5px 0px;
}
/*在线咨询结束*/
.contactus_img{
width: 100%;
overflow: hidden;
}
.contactus_img img{
}
/*子页banner*/
.z_banner,
.z_banner img {
width: 100%;
overflow: hidden;
margin: 0px auto;
}
/*返回顶部按钮*/
.returnTop {
position: fixed;
right: 15px;
bottom: 50px;
z-index: 99998;
cursor: pointer;
width: 40px;
height: 37px!important;
text-align: center;
white-space: normal;
font-size: 14px;
line-height: 17px;
padding-top: 3px;
color: #fff;
opacity: 1;
display: inline-block;
background: url(../images/Img/ss.png) no-repeat -42px center #666;
;
}
#dituContent,
.BMap_mask {
width: 100% !important;
}
/*JQuery动画样式*/
.index_pro .index_title,.index_pro ul{
transform: translateX(-100%);
transition: .8s;
}
.index_title{
text-align: center;
}
.container{
overflow: hidden;
}
.foot_meta{
width: 100%;
height: 36px;
line-height: 36px;
background:#2f9300;
}
/*响应式内容样式*/
@media only screen and (max-width: 768px) and (min-width: 320px){
.logo_img img{
width:100%;
}
.productsdetailinfo .right>img{
max-width:97%;
}
}
@media only screen and (max-width: 400px) and (min-width: 320px){
.logo_img img{
width:100%;
margin-top: 6px;
}
}
@media only screen and (min-width: 100px) and (max-width: 320px) {
.foot_ul p:first-of-type a{
width: 100% !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 769px) {
.info p img,.newsdetail img{
width: 100% !important;
height: auto !important;
}
.index_ld_tag{
display:none;
}
.m_logo span {
text-align: right;
float: none;
display: table-cell;
height: 57px;
vertical-align: middle;
width: 50%;
}
.m_logo span img {
width: 96%;
}
.footer_info_img{
display:block;
}
.footer_info_img img{
width:100%;
}
.logo_img{
width: 50%;
display: block;
margin-right: 0px;
vertical-align: middle;
height:57px;
padding:10px 0;
}
.moeq{
width: 48%;
}
.news_right{
padding-bottom: 0px;
}
.list ul li{
margin-top: 5px;
padding: 0;
}
.x_news_time b{
padding: 0px;
}
.list_img{
width: 48% !important;
text-align: center;
}
.x_news_time h5{
padding: 0px;
}
.index_titi p a,.index_titi p,.index_titi p font{
font-size: 13px;
}
.index_left,.index_f_aboutle,.newsimages_le{
display: none;
}
.index_titi .index_a{
display: none;
}
.index_right,.main_box,.index_f_aboutri,.index_f_news_le,.newsimages_ri,.newsimages_ri p,.index_f_news_ri{
width: 100%;
}
.index_f_news_le{
margin-bottom: 15px;
}
.foot_list ul li{
padding:0px;
line-height: 25px;
}
.foot_list ul li font{
display:block;
width:100%;
line-height: 25px;
}
.footer_info_img h5 {
display: block;
margin-bottom: 10px;
text-align: center;
font-size: 20px;
color: #fff;
font-weight: 300;
}
.footer_info_img {
display: block;
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.index_f_newsbox{
padding: 0px;
border: none;
}
.advantage{
background: #f5f5f5;
}
.cont_l{
display: block;
}
.contactus_img{
display: none;
}
.momomo span{
margin-right: 25px;
}
.index_f_aboutri h3{
font-size:30px;
}
#kefubtn{
display: none;
}
.productsdetailinfo .right{
margin-left: 0px;
}
.x_news_time {
width: 20%;
}
.news_info{
width: 78%;
}
.in_news_title ul li{
margin: 10px 15px !important;
}
.rel_list{
display: none;
}
.in_news_title{
width: 100%;
}
.index_boxtop_le,.in_news_main_r{
display: none;
}
.index_boxtop_ri,.in_news_main_l{
width: 100%;
padding-top:5px;
}
.in_news_list_l h5 a {
line-height: 1.4;
font-size: 14px;
}
.in_news_list_r .in_news_list_time {
line-height: 2.4;
}
.in_news_list_r .in_news_list_more {
bottom: -20px;
}
.in_news_list_l {
width: 74%;
}
.in_news_list_r {
width: 23%;
}
.home_ppics li{
width: 48%;
}
.ptxts li{
width: 48%;
}
.index_tit_top samp,.in_you_main_ri,.index_geyin{
display: none;
}
.in_you_main_le{
width: 100%;
}
.you_ee{
background: none !important;
}
.you_ti_t1{
padding: 0px;
}
.foot_logo{
margin-top: 20px;
margin-bottom: 15px;
}
.you_ti_t2{
margin: 20px 0px 0px 0px;
}
.index_anli,.about_con{
display: none;
}
.home_news{
width: 96%;
}
.index_aboutbox h2,.index_aboutbox p{
color: black;
margin-top: 0px;
}
.index_aboutbox{
width: 100%;
}
.index_abouts{
padding: 0px;
background: none;
}
.gongying{
width: 100%;
}
.gongying a{
margin-top: 0px;
}
.gongying h3{
margin-bottom: 0px;
}
.index_gondying{
padding-bottom: 20px;
padding-top: 0px;
}
.index_tit_top h3{
float: none;
}
.productsdetailinfo .right ul li p b{
width: auto !important;
margin-right: 10px;
}
.pro_t{
margin-bottom: 0px;
}
.home_ppics,.left, .right{
padding: 0px;
}
.foot_ul p a:first-of-type{
margin: 0px;
}
.you_img{
display: none;
}
.you_til, .you_tir {
width: 100%;
}
.index_youshi{
background: none;
}
.in_you_main{
padding-top: 50px;
}
.markermenu ul li a, .sort ul li a{
font-size: 14px;
text-align:center !important;
}
.m_footer{
display: block;
height: 50px;
position: fixed;
bottom: 0px;
width: 100%;
left: 0px;
z-index: 999;
background:rgb(1, 70, 145);
}
.faMu_top{
display:none;
}
.foot_meta{
display: none;
}
.productsdetailinfo .left{
display: block;
width: 100%;
}
.left{
width:100% !important;
}
.level1 li a{
text-align:center !important;
padding: 10px 0 !important;
}
.p_news,.lianxi{
display:none;
}
.sort p, .markermenu p, .maintitle p{
display: none;
}
.index_tab_active1{
width:100% !important;
}
.ptxts ul li{
width: 48%;
}
.m_foot_btn {
width: 20%;
float: left;
height: 50px;
display: block;
text-align: center;
border-right: 1px solid #fff;
}
.m_foot_btn i{
color: #fff;
margin-right: 5px;
}
.m_foot_btn i {
color: #fff;
display: block;
font-size: 20px;
}
.m_foot_btn span {
display: block;
text-align: center;
color: #fff;
font-size: 12px;
}
.m_logo{
display: block;
width:100%;
}
.navbar {
margin: 0px;
height: auto;
top: 0px;
z-index: 999;
width: 100%;
}
.level1{
padding: 0 !important;
margin: 0 !important;
}
.level1 li{
margin: 0 !important;
border-radius: 0px;
}
.index_tab_active1{
padding: 0px;
}
.index_tab_active1 a{
display: block;
padding: 15px 0px;
color: #fff;
background: #bfbfbf;
}
.slidebtnbanner{
bottom: 0px !important;
}
.ban{
height: 100px;
}
.foot_ul p:first-of-type a{
width: 45%;
float: left;
}
.foot_ul p:last-of-type a{
width: auto;
display: inline;
font-size: 12px;
}
.header_meta{
display: none;
}
.logo img {
width: 100%;
}
.navbar-header a {
float: right;
margin: 0px;
padding: 0px;
}
.for_top,.tit_l,.index_hezuo{
display: none;
}
.in_tit_for{
width: 100% !important;
}
.pduct_t{
width: 50%;
margin-right: 0px;
float: left;
}
.index_about{
padding: 30px 0px;
}
.in_about_img, .in_about_info{
width: 100%;
}
.in_you_tit{
padding: 17px 0px;
margin-bottom: 0px;
}
.in_you_tit img{
width: 100%;
}
.in_about_info{
padding-left: 0px;
font-size: 12px;
line-height: 20px;
}
.foot_ul p,
.foot_ul p a {
font-size: 14px;
text-align: center;
height: auto;
overflow: hidden;
width: 100%;
display: block;
}
.foot_ul p a span,
.foot_ul p span,
.foot_ul p samp,
.foot_ul p a samp {
width: 75%;
display: inline-block;
float: left;
font-family: "微软雅黑";
font-size: 14px;
}
.foot_ul p a span,
.foot_ul p span {
text-align: right;
width: 25%;
}
.foot_ul p a samp,
.foot_ul p samp {
text-align: left;
}
.navbar-header a i {
font-size: 40px;
color: #fff;
}
.navbar-collapse {
padding: 0px;
position: fixed;
top: 61px;
bottom: 0px;
width: 100%;
z-index: 99;
background: rgba(0,0,0,0.8);
}
.d_logo{
display: block;
}
.new_list li{
padding: 15px 0px;
margin: 0px;
}
.d_ditu{
display: none;
}
.new_list li div a{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.slidebtnbanner li{
height: 10px !important;
line-height: 10px !important;
font-size: 0px;
}
.nav {
width: 100%;
height: auto;
margin: 0px;
}
.nav li:nth-of-type(1){
display: block;
}
.nav li:nth-of-type(2){
display: block;
}
.nav li:nth-of-type(3){
display: block;
}
.nav li:nth-of-type(4){
display: block;
}
.nav li:nth-of-type(5){
display: block;
}.nav li:nth-of-type(6){
display: block;
}
.nav li:nth-of-type(7){
display: block;
}
.nav li:nth-of-type(8){
display: block;
}
.nav li {
height: 40px;
width: 25%;
float: left;
display: none;
}
.nav li:hover {
border-bottom: 1px dashed #d54e4e;
}
.nav li:hover a {
background: #fff;
color: #d54e4e;
transition: .3s;
}
.news_l {
text-align: left;
}
.index_title p,
.news_title p,
.pro_title p {
font-size: 15px;
}
.news_title h2,
.index_title h2,
.pro_title h2 {
font-size: 30px;
}
.index_news {
background: none;
padding: 30px 0px 25px 0px;
}
.news_main .in_tit_for b{
width: 30%;
}
.new_list li em {
margin-right: 10%;
}
.slidepicbanner li img {
width: 100%;
}
.you_ti_t1 span{
display: none;
}
.i_fuwu_ul li {
padding: 5px 0px;
}
.i_fuwu_ul li span {
font-size: 64px;
padding: 10px;
}
.i_fuwu_ul li h3 {
font-size: 14px;
}
.pro_l,
.pro_r {
font-size: 24px;
padding: 10% 0px;
}
.pageNav{
padding: 5px 0px;
}
.main {
width: 100%;
margin: 0px;
}
.markermenu ul li,
.m_news_title ul li {
width: 48%;
}
.news_left em b {
font-size: 26px;
}
.ptxts ul li dl dd a {
font-size: 12px;
}
.sj_s2 {
font-size: 8px;
}
.news_left em {
padding: 0px;
border-radius: 0px;
}
.news_left em b {
transform: skew(17deg) translateX(-5px);
}
.productsdetailinfo .right {
width: 100% !important;
}
.inq_btn {
width: 45%;
}
.newsimage{
display: none;
}
.carousel-indicators{
display: block;
bottom: 0;
}
.main .right{
width: 100%;
min-height: 400px;
}
.qow{
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
height: 20px;
}
.in_tit_for b{
width: 44%;
}
.in_tit_for b img{
width: 100%;
}
.in_tit_for p{
line-height: 28px;
}
.in_tit{
margin-bottom: 0px;
}
.index_s_ban,
.in_tel1,
.index_s_ban1 {
display: none;
}
.inquiry ul {
width: 100% !important;
}
.newsdetail dl dd center img,
#dituContent,
.BMap_mask {
width: 100% !important;
}
.nav li a {
padding: 0px!important;
display: block;
height: 40px;
line-height: 40px;
font-size: 16px;
color: #fff;
text-align: center;
}
.foot_ul li {
text-align: center;
}
.foot_ul li h5 {
font-size: 32px;
color: #222;
width: 100%;
display: block;
margin: 0px auto;
background: #fff;
}
.links {
display: none;
}
.foot_ul em a {
border-bottom: 2px solid #fff;
}
.foot_ul em {
margin-bottom: 25px;
display: inline-block;
}
.foot_ul p {
font-size: 12px;
}
.index_pduct .container{
padding: 0px;
}
.index_product_tit a{
font-size: 14px;
}
.in_pro_li{
width: 33.33333%;
}
.foot_er{
display: none;
}
.in_news_main{
width: 100%;
}
.hotline{
display: none;
}
.sort ul li{
width: 48%;
}
.index_pro{
padding: 0px;
}
.new_list li em b{
font-size: 1.667em;
}
.news_time{
width: 15%;
}
.new_info{
width: 83%;
}
.new_list li em{
width: 37%;
margin-right: 0px;
}
.new_list li div{
width: 57%;
min-height: auto;
}
.new_list li div a{
padding: 2px 0px;
}
.index_product_main{
width: 206%;
}
.in_depatmen{
margin-bottom: 20px;
}
.navbar{
background: none;
}
.nav li a{
background: #0079c8;
}
.in_depatmen .level1 li{
padding-left: 0px;
background: none;
background-size: contain;
width: 25%;
float: left;
}
.in_depatmen .level1 li a{
text-align: center;
}
.new_list li div p{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.our_kehu,.in_depatmen,.m_news_title,.m_news_title,.sort{
display: none;
}
.slidebtnbanner{
left: 40% !important;
}
.in_pduct_left{
margin-top: 0px;
}
.foot_logo h5{
text-align: center;
width: 100%;
margin: 0px auto;
}
.f_logo_img{
margin-bottom: 0px;
}
.f_logo_img img{
width: 100%;
}
footer{
padding-top:0px;
padding-bottom: 50px;
}
}
/*以上是小屏响应式*/
/*以下是中屏响应式*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
.index_tit_top samp{
width: 42%;
}
.logo_img img{
width:73%;
}
.pro_t dl dd a{
padding: 10px 0px !important;
}
.news_gongg li{
margin: 4px 0px;
}
.news_gongg li a{
width: 68%;
}
.news_gongg li span{
width: 32%;
}
}
@media (min-width:768px) {
.main_box,
.main{
width: 750px
}
}
@media (min-width:992px) {
.main_box,
.main{
width: 970px
}
}
@media (min-width:1100px) {
.main_box,
.main{
width:1100px
}
}
@media only screen and (min-width: 768px) and (max-width: 1438px) {
.navbar {
margin: 0px;
}
.p_news_list ul li a{
width: 77%;
}
.p_news_list ul li .n_time{
width:21%
}
.tit_l{
width: 33%;
}
.in_tit_for{
width: 34%;
}
.in_picc ul li{
width: 25%;
}
.index_hezuo ul li{
width: 145px;
height: 145px;
}
.footer_info_img{
display:black;
}
.index_hezuo ul:first-of-type{
transform: translateX(0px);
}
.index_hezuo ul li img{
transform: rotateZ(-45deg) translate(-36px,13px);
}
.index_hezuo ul:last-of-type{
transform: translate(112px,-114px);
}
.qow{
overflow: hidden;
display: block;
height:40px;
}
.logo {
height: 70px;
line-height: 70px;
}
.foot_logo{
width: 34%;
}
.foot_er{
width: 22%;
}
.links_t{
width: 10%;
}
.foot_er p{
text-align: center;
}
.foot_er img {
width: 60%;
margin: 0px auto;
}
.newsdetail dl dd center im {
width: 100%;
}
.ban{
height: 350px;
}
.foot_er {
text-align: center;
}
.logo a img,
.slidepicbanner li a img {
width: 100%;
}
.i_tel,
.in_tel1,
.index_s_ban1 {
display: none;
}
}
.moeq1 {
padding: 10px;
margin: 10px 0;
width: 100%;
overflow: hidden;
border-bottom: 1px dashed #dadada;
}
.moeq1 p {
width: 28%;
float: left;
display: block;
overflow: hidden;
}
.moeq1 img {
width: 100%;
}
.moeq1 .moss1 {
width:70%;
float: right;
display: block;
padding: 0px 5px;
text-align: left;
}
.moss_name {
font-size: 20px;
color: #000;
margin-bottom: -3px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.moeq1 h5 {
display: block;
font-size: 14px;
padding: 0px;
margin:2px 0;
max-height:75px;
overflow:hidden;
line-height: 1.8;
color: #606060;
}
.cipcs_more {
display: block;
text-align: left;
}
.cipcs_more a:nth-of-type(1) {
background: #bfbfbf;
}
.cipcs_more a {
width: 124px;
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
color: #fff;
transition: .6s;
}
.cipcs_more a:nth-of-type(2) {
background: #676363;
}
.cipcs_more a:hover {
opacity: .6;
}
.list_img {
width: 31%;
float: left;
margin: 10px 1% 0px 1% !important;
padding: 0px 0px !important;
text-align: center;
}
.list_img p{
width: 100%;
margin-top: 10px;
margin-top: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news_info{
margin-left: 1% !important;
}
.list_img p a{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size: 14px;
}
.pro_t dl dt a{
padding: 5px 15px !important;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.pro_t dl dd a{
padding: 8px 15px !important;
}
.index_titi p{
font-size: 16px !important;
line-height: 27px;
}
.pro_t dl{
margin-top: 5px !important;
}
@media only screen and (min-width: 767px) and (max-width: 770px){
.moeq1 h5{
margin-bottom: 30px !important;
white-space: inherit !important;
margin-top: 20px !important;
}
.cipcs_more a{
width: 25% !important;
}
.bdsharebuttonboxz{
width: 19% !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 769px){
.moeq1 h5{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 10px;
margin-top: 0px;
}
.moeq1 p{
width: 35%;
}
.moeq1 .moss1{
width:63%;
}
.moss_name{
margin-bottom: 0px;
font-size: 16px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.cipcs_more a {
width: 40%;
height: 28px;
line-height: 28px;
font-size: 12px;
}
}
.list img {
}
.container{
padding: 0px;
}
.in_ld_tags_title {
display: block;
padding: 3px 5px;
;
color: black;
border: 1px solid #dadada;
font-size: 16px;
margin-bottom: 0px;
}
.index_ld_tag {
padding: 5px 0px;
margin-bottom: 15px;
}
.in_ld_links_list {
display: block;
border: 1px solid #dadada;
}
.in_ld_links_list a {
display: inline-block;
padding: 5px;
font-size: 14px;
color: #373737;
float: left;
}
.pro_t dl {
margin: 2.5px !important;
display: inline-block !important;
width: 210px !important;
}
.level1{
margin: 0px;
}
.level1 li{
text-align: center;
}
.level1 li.active{
border-radius:0 ;
background:url(../images/to.png) no-repeat 95% center #0079c8;
}
.level1 li.active a{
color:#fff;
}
.level1 div.index_tab_fide{
height:0;
overflow: hidden;
transition: 0.8s;
}
.level1 li a{
font-size: 14px;
display: inline-block;
padding:7.5px 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.level1 li:hover a{
color: #c72318;
}
.container{
padding: 0px;
}
.in_ld_tags_title {
display: block;
padding: 3px 5px;
color: black;
border: 1px solid #dadada;
font-size: 16px;
margin-bottom: 0px;
}
.in_ld_links_list {
display: block;
width:100%;
border: 1px solid #dadada;
float: left;
margin-top:40px;
margin-bottom:15px;
padding:10px;
}
.in_ld_links_list ul {
margin: 0px;
}
.in_ld_links_list span{
display: inline-block;
padding: 5px;
font-size: 14px;
color: #373737;
float: left;
}
.in_ld_links_list a {
display: inline-block;
padding: 5px;
font-size: 14px;
color: #373737;
}
.in_ld_links_list span:last-child{
display: none;
}
.pro_t dl {
margin: 2.5px !important;
display: inline-block !important;
width: 210px !important;
}
.level1{
margin: 0px;
margin-top:5px;
}
.level1 li{
text-align: center;
}
.level1 li a{
font-size: 14px;
display: inline-block;
padding:8px 15px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.level1 li:hover a{
color: #c72318;
}
/*08.0511*/
.showcase{
margin-top:65px;
background: #f8f8f8;
padding-top:36px;
padding-bottom:56px;
}
.p_title{
}
.p_title>a{
float: left;
font-size: 0;
}
.p_title>a:hover i{
background: #e50212;
}
.p_title>a i{
display: inline-block;
width:6px;
height:6px;
border-radius: 6px;
background: #000;
margin-right:3px;
transition-delay: 0.1s;
transition: 0.3s;
}
.p_title>a i:nth-child(2){
transition-delay: 0.2s;
}
.p_title>a i:nth-child(3){
transition-delay: 0.3s;
}
.p_title .case-title{
width:90%;
float: right;
}
.p_title .case-title img{
float: right;
}
.p_title .case-title p{
font-size: 14px;
margin-top:20px;
line-height: 24px;
color: #949494;
float: right;
text-align: right;
}
/*产品细节展示样式开始*/
.details{
width:100%;
float: left;
margin-top:30px;
}
.details .details_C{
width:1100px;
margin:0 auto;
}
.details .details_C .details_title{
width:590px;
margin:0 auto;
}
.details .details_C .details_title h3{
font-weight: bold;
width:100%;
text-align: center;
color:#3a3a3a;
}
.details .details_C .details_title p{
width:100%;
text-align:center;
line-height: 22px;
color:#999999;
font-size: 12px;
margin:16px 0;
}
.details .details_C .details_title i{
display: block;
width:20px;
height:6px;
background: #0079c8;
margin:0 auto;
}
.details .details_C .details_main{
position: relative;
width:100%;
float: left;
margin-top:8%;
}
.details .details_C .details_main .datails_main_l{
display: inline-block;
width:36%;
margin-right:20%;
float: left;
}
.details .details_C .details_main .datails_main_r{
display: inline-block;
width:36%;
float: right;
}
.details .details_C .details_main .details_mian_img{
position: absolute;
top:-20%;
left:50%;
margin-left: -63px;
}
.details .details_C .details_main .datails_main_l ul{
}
.details .details_C .details_main ul li{
cursor: pointer;
}
.details .details_C .details_main .datails_main_l ul li{
float: right;
margin-bottom: 35px;
transition: 0.8s;
}
.details .details_C .details_main .datails_main_l ul li:hover{
margin-right: 50px;
}
.details .details_C .details_main .datails_main_l ul li img{
float: right;
}
.details .details_C .details_main .datails_main_l ul li p{
float: right;
width:200px;
color:#565656;
font-size: 16px;
text-align: right;
margin-top:5px;
margin-right:20px;
font-weight: 600;
}
.details .details_C .details_main .datails_main_l ul li p:nth-child(even){
margin-top:15px;
}
.details .details_C .details_main .datails_main_l ul li p:nth-child(odd){
color:#c9c9c9;
font-size: 14px;
font-weight: normal;
}
.details .details_C .details_main .datails_main_r ul{
}
.details .details_C .details_main .datails_main_r ul li{
float: left;
margin-bottom: 35px;
transition: 0.8s;
}
.details .details_C .details_main .datails_main_r ul li:hover{
margin-left: 50px;
}
.details .details_C .details_main .datails_main_r ul li img{
float: left;
}
.details .details_C .details_main .datails_main_r ul li p{
float: left;
width:200px;
color:#565656;
font-size: 16px;
margin-top:5px;
margin-left: 20px;
font-weight: 600;
}
.details .details_C .details_main .datails_main_r ul li p:nth-child(even){
margin-top:15px;
}
.details .details_C .details_main .datails_main_r ul li p:nth-child(odd){
color:#c9c9c9;
font-size: 14px;
font-weight: normal;
}
/*安全与品质案例开始*/
.case{
width:100%;
position: relative;
float: left;
height:300px;
background: url(../images/caseti.png) center;
margin-top:40px;
}
.case a{
width:44px;
height: 44px;
background: url(../images/more02.png);
position: absolute;
left:50%;
margin-left: -22px;
top:65%;
transition: 0.8s;
}
.case a:hover{
background: url(../images/more4.png);
}
.showcase{
width:100%;
float: left;
}
.showcase .case_main{
width:1100px;
margin: 0 auto;
}
.aboutbox-title{
}
.aboutbox-title p:first-of-type{
text-align: center;
font-size: 24px;
line-height: 50px;
border-bottom: 1px solid #eeeeee;
background: url(../images/boxtitle_bg.png) no-repeat center bottom;
}
.aboutbox-title span{
display: block;
text-align: center;
font-size: 14px;
margin-top: 3px;
color: #393939;
}
.news .news_content .aboutbox-title p{
}
.news .news_content .aboutbox-title span{
display: block;
text-align: center;
font-size: 14px;
margin-top: 3px;
width:100%;
float: none;
border: none;
padding:0;
line-height: normal;
}
.aboutbox-title p:nth-of-type(2){
font-size: 14px;
color: #717171;
line-height: 20px;
text-align: center;
margin-top:8px;
}
.showcase .case_main .case_main_list{
float: left;
width:100%;
position:relative;
margin-top:35px;
}
.showcase .case_main .case_main_list ul{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
overflow: visible;
}
.showcase .case_main .case_main_list ul li{
display: inline-block;
width: 24%;
transition: 0.8s;
margin-right: 1%;
border: 5px solid #fff;
border-radius: 5px;
box-shadow: 0 0 5px #fff;
background: #f1f1f1;
margin-bottom: 10px;
}
.showcase .case_main .case_main_list ul li a{
position: relative;
display: block;
background: #007bc9;
}
.showcase .case_main .case_main_list ul li a span{
display: block;
overflow: hidden;
}
.showcase .case_main .case_main_list ul li a span img{
width: 100%;
height: 180px;
transition: 0.8s;
}
.showcase .case_main .case_main_list ul li a p:first-of-type{
width: 100%;
text-align: center;
padding: 5px 0;
background: #0079c8;
color: #fff;
margin-top: 1px;
transition: 0.8s;
white-space: nowrap;
font-size: 14px;
}
.showcase .case_main .case_main_list ul li a p:nth-of-type(2){
width:100%;
padding:0 2%;
background: #0079c8;
line-height: 16px;
color: #fff;
text-align: center;
padding-top:5px;
padding-bottom: 5px;
height: 42px;
margin-bottom: 5px;
}
.showcase .case_main .case_main_list ul li:hover{
border: 5px solid #007bc9;
}
.showcase .case_main .case_main_list ul li:hover a span img{
transform: scale(1.1);
}
.case_main_list #myCarousel{
width:100%;
}
.case_main_list #myCarousel .carousel-indicatorss ol{
list-style:none;
}
.case_main_list #myCarousel .carousel-indicatorss li{
width:12px;
height:12px;
border-radius:12px;
border:2px solid #c9cbca;
display:inline-block;
float:left;
margin:2px;
cursor:pointer;
}
.case_main_list #myCarousel .carousel-indicatorss li.active{
border:2px solid #c9cbca;
background-color:#212024;
position:relative;
}
#oi{
overflow: hidden;
width:100%;
}
#oi .carousel-inner{
width:auto;
height:234px;
overflow:hidden;
position:relative;
white-space: nowrap;
left:0;
transition:0.8s;
}
.case_main_list #myCarousel .carousel-inner .item{
display:inline-block;
float:left;
width:260px;
margin-left:15px;
position:relative;
padding-top:5px;
padding-bottom:5px;
padding-right:3px;
}
.case_main_list #myCarousel .carousel-inner .item img{
max-width:100%;
}
.case_main_list #myCarousel .carousel-inner .item a{
position:relative;
display: inline-block;
border:5px solid #fff;
transition:0.8s;
position:relative;
border-radius:4px;
box-shadow:0 0 3px #999;
}
.case_main_list #myCarousel .carousel-inner .item a p{
width:100%;
text-align:center;
padding:5px 0;
background:#0079c8;
color:#fff;
position:absolute;
bottom:5px;
white-space:nowrap;
}
.case_main_list #myCarousel .carousel-inner .item a span{
display:block;
width:100%;
overflow:hidden;
}
.case_main_list #myCarousel .carousel-inner .item a img{
margin:0 auto;
width:100%;
max-width:363px;
height:180px;
transition:0.6s;
margin-bottom:33px;
}
.case_main_list #myCarousel .carousel-inner .item a:hover{
border:5px solid #0079c8;
}
.case_main_list #myCarousel .carousel-inner .item a:hover img{
transform:scale(1.1);
}
.case_main_list #myCarousel .carousel-inner .item a h3{
width:100%;
text-align:center;
font-size:16px;
margin-top:15px;
}
.case_main_list #myCarousel .carousel-inner .item a i{
display:block;
width:33px;
height:3px;
background:#0079c8;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
}
.case_main_list #myCarousel .carousel-indicatorsss li{
list-style: none;
cursor: pointer;
}
.case_main_list #myCarousel .carousel-indicatorsss li:hover{
background: #ffae00;
}
.case_main_list #myCarousel .carousel-indicatorsss .pre{
position:absolute;
left:-30px;
margin:0 auto;
padding:0;
top:50%;
width:30px;
height:30px;
background: #0079c8;
border: none;
border-radius: 0;
color: #fff;
font-size: 22px;
text-align: center;
line-height: 30px;
}
.case_main_list #myCarousel .carousel-indicatorsss .next{
position:absolute;
right:-45px;
margin:0 auto;
padding:0;
top:50%;
width:30px;
height:30px;
background: #0079c8;
border: none;
border-radius: 0;
color:#fff;
font-size: 22px;
text-align: center;
line-height: 30px;
}
/* 联系我们样式 */
.contactus{
width:100%;
height:250px;
background:url(../images/contact_bg.png);
line-height:200px;
margin-top:0px;
}
.contactus .contactus-con{
width:1100px;
height:250px;
margin:0 auto;
}
.contactus .contactus-con .contactus-left{
display: inline-block;
float: left;
width:100%;
margin-top:40px;
}
.contactus .contactus-con .contactus-left p:first-child{
font-size: 42px;
font-family: "思源黑体 CN";
font-weight: bold;
color:#fff;
}
.contactus .contactus-con .contactus-left p:nth-child(2){
margin-top:10px;
font-size: 26px;
color: #fff;
font-family: "思源黑体 CN Light";
}
.contactus .contactus-con .contactus-right{
display: inline-block;
float: left;
width:30%;
margin-top:70px;
}
.contactus .contactus-con .contactus-right p:first-child{
font-size: 24px;
color: #fff;
padding-left:40px;
background: url(../images/ljlxicon.png) no-repeat left center;
}
.contactus .contactus-con .contactus-right p:first-child span{
font-size: 14px;
}
.contactus .contactus-con .contactus-right p:nth-child(2){
margin-top:30px;
}
.contactus .contactus-con .contactus-right p:nth-child(2) a{
display: inline-block;
margin-right:11px;
width:88px;
height:34px;
background: #ffae00;
text-align: center;
line-height: 34px;
color: #fff;
transition: 0.6s;
cursor: pointer;
border: 1px solid #ffae00;
}
.contactus .contactus-con .contactus-right p:nth-child(2) a:hover{
text-decoration: none;
background: none;
border: 1px solid #e3e3e3;
}
/*以下是荣誉资质*/
.honor{
width:100%;
padding-top:36px;
}
.honor .honor-con{
width:1100px;
margin:0 auto;
}
.honor .honor-con .list-title{
margin-top:70px;
margin-bottom: 40px;
}
.honor .honor-con .list-title img{
}
.honor .honor-con .list-title span{
display: inline-block;
height:29px;
line-height: 29px;
float: right;
}
.honor .honor-con .list-title span:hover i{
background: #e50212;
}
.honor .honor-con .list-title span i{
display: inline-block;
width:6px;
height:6px;
border-radius: 6px;
background: #000;
margin-right:3px;
transition: 0.3s;
transition-delay: 0.1s;
}
.honor .honor-con .list-title span i:nth-child(2){
transition-delay: 0.2s;
}
.honor .honor-con .list-title span i:nth-child(3){
transition-delay: 0.3s;
}
.honor .honor-con .honor-list{
width:100%;
margin-top:30px;
}
.honor .honor-con .honor-list ul{
width:100%;
display: flex;
justify-content: flex-start;
}
.honor .honor-con .honor-list ul li{
display: inline-block;
width:24%;
transition:0.8s;
margin-right: 1.3%;
background: #fff;
}
.honor .honor-con .honor-list ul li:last-child{
margin-right: 0;
}
.honor .honor-con .honor-list ul li span{
display:block;
overflow:hidden;
}
.honor .honor-con .honor-list ul li img{
max-width:100%;
height:180px;
transition:0.8s;
}
.honor .honor-con .honor-list ul li:hover{
border: 5px solid #0079c8;
}
.honor .honor-con .honor-list ul li:hover img{
transform:scale(1.1);
}
/*以上是荣誉资质*/
/* 新闻列表 */
.news{
width:100%;
float:left;
margin-top:30px;
background: #f3f3f3;
padding-bottom:40px;
padding-top:36px;
}
.news .news_content{
width:1100px;
margin:0 auto;
}
.news .news_content .list-title{
margin-top:60px;
margin-bottom: 30px;
}
.news .news_content .list-title>a{
width:auto;
float: right;
padding:0;
background: none;
border-bottom: none;
}
.news .news_content .list-title a span{
display: inline-block;
height: 29px;
width:auto;
padding:0;
line-height: 29px;
float: right;border-bottom: none;
}
.news .news_content .list-title a span:hover i{
background: #e50212;
}
.news .news_content .list-title a span i{
display: inline-block;
width: 6px;
height: 6px;
border-radius: 6px;
background: #000;
margin-right: 3px;
transition: 0.3s;
transition-delay: 0.1s;
}
.news .news_content .list-title a span i:nth-child(2){
transition-delay: 0.2s;
}
.news .news_content .list-title a span i:nth-child(3){
transition-delay: 0.3s;
}
.news-page{
margin-top:30px;
}
.news .news_content .industry{
width:47%;
margin-left:1%;
margin-right:2%;
float:left;
padding-bottom: 26px;
}
.news .news_content .company{
width:47%;
margin-left:2%;
margin-right:1%;
float:left;
padding-bottom: 26px;
}
.news .news_content .question {
width: 98%;
float: left;
margin-top:20px;
padding-bottom: 26px;
margin-left: 1%;
border-top:1px solid #f3cfa1;
border-bottom:1px solid #f3cfa1;
}
.news .news_content .question>img{
width:89px;
float: left;
margin-top:2px;
}
.news .news_content .question #a1{
display: inline-block;
float: right;
width:90%;
overflow: hidden;
height:200px;
}
.news .news_content .question .quest-list{
width:100%;
height:200px;
float: left;
}
.news .news_content .question .quest-list .quest-item{
float: left;
}
.news .news_content .question .quest-list .quest-item a{
display: block;
width: auto;
background: none;
border: none;
padding:0;
line-height: 30px;
}
.news .news_content .question .quest-list .quest-item span{
display: block;
width: 100%;
text-align: left;
height: 41px;
overflow: hidden;
text-overflow: ellipsis;
}
.news .news_content a{
display:inline-block;
float:left;
width:75%;
padding-left:8%;
background: url(../images/dian.png) no-repeat 4% 50%;
color:#5a5a5a;
font-size:14px;
line-height:40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px dashed #a7a7a7;
}
.news .news_content span{
display:inline-block;
float:left;
width:25%;
text-align:right;
color:#929292;
padding-right:1%;
font-size:14px;
line-height: 40px;
border-bottom: 1px dashed #a7a7a7;
}
.news .news_content h2{
color: #111111;
font-size: 20px;
font-weight: 500;
background: url(../images/c6t.png) repeat-x bottom;
height: 60px;
padding-left: 14px;
margin-bottom: 20px;
}
.news .news_content h2:before{
display: inline-block;
content: "";
width:4px;
height:19px;
background: #008fd1;
position: relative;
left:-14px;
top:2px;
}
.news .news_content h2 b{
font-weight: normal;
color: #999999;
font-size: 14px;
text-transform: uppercase;
}
.news .news_content h2 a{
display: block;
float: right;
width: 49px;
height: 30px;
background: none;
padding:0;
border: none;
line-height: 30px;
}
.news .news_content h2 a i.iconmore{
display: inline-block;
width:13px;
height:13px;
background: url(../images/iconmore.png) no-repeat;
margin-left: 3px;
margin-top:3px;
position: relative;
top:1px;
}
.news .news_content .news-item{
width:100%;
float: left;
height:41px;
overflow: hidden;
transition: 0.8s;
}
.news .news_content .active a{
background: #fff !important;
border-bottom: none;
}
.news .news_content .active i a:hover{
color:#e50212;
}
.news .news_content .active span{
background: #fff !important;
border-bottom: none;
}
.news .news_content .active>span{
color:#fff;
}
.news .news_content .news-item.active{
height:125px;
}
/*写真*/
.xiezhen{
width:100%;
float: left;
padding-top:70px;
background: #fff;
}
.xiezhen .xiezhen-con{
padding-bottom: 40px;
width:1100px;
margin:0 auto;
text-align: center;
}
.xiezhen .xiezhen-con a{
display: block;
width:320px;
height:47px;
background: #0079c8;
color: #fff;
text-align: center;
line-height: 47px;
margin:0 auto;
font-size: 16px;
border-radius: 5px;
transition: 0.8s;
}
.xiezhen .xiezhen-con a:hover{
text-decoration: none;
background: #ffae00;
}
.xiezhen .xiezhen-con a span{
font-size: 28px;
}
/*证书 荣誉资质*/
.certificate{
width:100%;
float: left;
}
.certificate .certificate-content{
width:1100px;
margin:0 auto;
position:relative;
}
.certificate .certificate-content .certificate-main{
float: left;
margin-top:46px;
position: relative;
}
.certificate .certificate-content .certificate-main i{
cursor: pointer;
}
.certificate .certificate-content .certificate-main i:hover{
opacity: 0.8;
}
.certificate .certificate-content .certificate-main i.toleft{
position:absolute;
width:30px;
height:30px;
background: url(../images/left.png);
z-index: 20;
top:40%;
left:-90px;
}
.certificate .certificate-content .certificate-main i.toright{
position:absolute;
width:30px;
height:30px;
background: url(../images/right.png);
z-index: 20;
top:40%;
right:-90px;
}
.certificate .certificate-content .certificate-main .in_opti_main{
}
.certificate .certificate-content .certificate-main .in_opti_main{
width:100%;
overflow-x:hidden;
}
.certificate .certificate-content .certificate-main .in_opti_main ul{
width:300%;
position:relative ;
left:0;
transition: 0.8s;
}
.certificate .certificate-content .certificate-main .in_opti_main ul li{
display: inline-block;
float: left;
margin-left: 10px;
height:200px;
}
.certificate .certificate-content .certificate-main .in_opti_main ul li a img{
height:200px;
}
/*底部*/
.foot_list{
position: relative;
}
.foot_list p a{
color:#fff;
}
.foot_list p a:hover{
text-decoration: underline;
}
.foot_list div.img{
position: absolute;
right:0;
top:8%;
z-index: 10;
}
.foot_list div.img img{
max-width:120px;
}
.foot_list div.img span{
display: block;
color:#fff;
text-align: center;
margin-top:4px;
}
.index_ld_tag{
padding: 5px 0px;
margin: 15px 0px;
}
.level1 li:hover a {
color: white;
}
.level1 li:hover {
background: #186abc;
}
.more_img img{
max-width: 100%;
height: auto !important;
}
.foot_list{
}
.foot_list .footerlogo{
width: 24%;
float: left;
padding-top: 20px;
}
.foot_list .footerlogo img{
max-width: 100%;
height: auto;
}
.foot_list .footerinfo{
width: 55%;
float: left;
padding-left: 5%;
padding-top: 10px;
}
.foot_list .footerinfo p{
margin-bottom: 6px;
overflow: hidden;
height: auto;
font-size: 14px;
color: #fff;
}
.foot_list .footerimg{
float: right;
text-align: right;
}
.foot_list .footerimg img{
max-width: 100%;
height: auto;
}
/*产品列表*/
.page .product .index_right{
width:100%;
}
/*成功案例*/
.p_news .p_news_list ul{
}
.p_news .p_news_list ul li{
}
.p_news .p_news_list ul li a{
display:block;
width:100%;
padding-left:30px;
overflow:hidden;
}
.p_news .p_news_list ul li a img{
display: block;
max-width: 200px;
width:100%;
margin-left:-20px;
margin-top:8px;
}
.p_news .p_news_list ul li{
padding:7px 0;
height:36px;
transition:0.6s;
}
.p_news .p_news_list ul li a.active img{
display: block;
margin-bottom: -15px;
}
.p_news .p_news_list ul li:nth-child(1) a{
background: url(../images/1.png) no-repeat 10px 0;
}
.p_news .p_news_list ul li:nth-child(2) a{
background: url(../images/2.png) no-repeat 10px 0;
}
.p_news .p_news_list ul li:nth-child(3) a{
background: url(../images/3.png) no-repeat 10px 0;
}
.p_news .p_news_list ul li:nth-child(4) a{
background: url(../images/4.png) no-repeat 10px 0;
}
.p_news .p_news_list ul li:nth-child(5) a{
background: url(../images/5.png) no-repeat 10px 0;
}
.p_news .p_news_list ul li:nth-child(6) a{
background: url(../images/6.png) no-repeat 10px 0;
}
.p_news .p_news_list ul li:nth-child(7) a{
background: url(../images/7.png) no-repeat 10px 0;
}
.p_news .p_news_list ul li span{
display: inline-block;
float: left;
width:16px;
height:16px;
background: #aeaeae;
color:#fff;
margin-top: 4px;
text-align: center;
}
.p_news .p_news_list ul li a{
display: inline-block;
float: left;
margin-top: 4px;
}
.p_news .p_news_list ul li a:hover{
color:#0079c8!important;
}
.p_news .p_news_list ul li.active a{
color:#0079c8;
}
/*产品详情*/
.info{
width:100%;
margin-top:8px;
margin-bottom: 0px;
}
.infoo{
width:100%;
margin-top:20px;
margin-bottom: 0;
height:80px;
background: #0079c8;
float: left;
}
.infoo p{
text-align: center;
color:#fff;
line-height: 48px;
}
.infoo h3{
text-align: center;
color:#fff;
margin-top:-10px;
font-weight: normal;
font-size: 18px;
}
.parts{
width:100%;
}
.parts ul{
}
.parts ul li{
display: inline-block;
width:33%;
padding-left: 8%;
float: left;
height:230px;
}
.parts ul li img{
margin:12px 0;
}
.parts ul li p{
font-size: 16px;
color: #353535;
}
.parts ul li p:last-child{
font-size: 14px;
color: #c9c9c9;
}
.imgs{
width:100%;
text-align: center;
}
.imgs img{
margin:20px 0;
}
/*新闻推荐*/
.tuijian {
width:100%;
padding:15px;
box-sizing: border-box;
}
.tuijian .tuijian-mian{
background: #f3f3f3;
padding:10px;
}
.tuijian h3{
color: #555555;
font-size: 18px;
line-height: 40px;
background: url(../images/h3.png) 0 bottom no-repeat;
font-weight: 400;
}
.tuijian ul{
margin-top:16px;
}
.tuijian ul li{
display: inline-block;
width:45%;
padding:5px 0px;
border-bottom: 1px dashed #cdcdcd;
margin-left:5px;
margin-right: 5px;
background: url(../images/lead.png) 0 50% no-repeat;;
}
.tuijian ul li:nth-child(2n){
margin-left: 55px;
}
.tuijian ul li a{
float: left;
margin-left: 15px;
color: #898989;
width:70%;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media only screen and (max-width: 751px) and (min-width: 320px){
.xiangguan .xiangguan-mian ul li{
width:48%!important;
margin-bottom: 0!important;
}
.tuijian ul li a{
width:62%;
}
.certificate .certificate-content .certificate-main{
margin-top:34px;
width:100%;
}
.home_ppics ul{
padding-top:0;
}
.home_ppics li{
margin-bottom:4px;
}
}
.tuijian ul li span{
float: right;
color: #898989;
}
.more_img{
font-size: 14px;
color:#898989;
}
/*产品相关*/
.xiangguan{
background: #fff;
float: right;
width:100%;
}
.xiangguan .xiangguan-mian{
}
.xiangguan .xiangguan-mian h3{
padding:5px;
border-bottom:1px solid #cdcdcd;
font-size: 20px;
}
.xiangguan .xiangguan-mian ul{
width:100%;
padding-bottom:5px;
}
.xiangguan .xiangguan-mian ul li{
margin: 10px 1%;
position: relative;
overflow: hidden;
width: 31.33%;
padding: 0px;
border: 2px solid white;
box-shadow: 0 0 8px #dbdbdb;
transition: .5s;
background: #fff;
float: left;
}
.xiangguan .xiangguan-mian ul li:hover{
border: 2px solid #0079c8;
}
.xiangguan .xiangguan-mian ul li:hover a img{
transform: scale(1.2);
}
.xiangguan .xiangguan-mian ul li p{
overflow: hidden;
height: auto;
margin-bottom: 0px;
width: 100%;
margin: 0px auto;
}
.xiangguan .xiangguan-mian ul li p a{
display: block;
}
.xiangguan .xiangguan-mian ul li a img{
width: 100%;
transition: .6s;
}
.xiangguan .xiangguan-mian ul li span{
position: absolute;
width: 100%;
bottom: 14px;
box-sizing: border-box;
}
.xiangguan .xiangguan-mian ul li span a{
width: 100%;
text-align: center;
display: block;
height: auto;
transition: .3s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
color: #fff;
background: #0079c8;
padding: 8px 0px;
}
/* kss移动端开始 */
@media only screen and (max-width: 992px) and (min-width: 320px){
.total{
display:none;
}
.logo_img img{
width:100%;
max-width:367px;
}
.advantage{
display:none;
}
.index_f_about{
display:none;
}
.details{
display:none;
}
.case{
display:none;
}
.contactus{
display:none;
}
.navbar{
background:#fff;
padding-bottom:2px;
}
/*依稀是导航条*/
@media only screen and (max-width: 1025px) and (min-width: 320px){
.navbar-default .navbar-brand{
display: inline-block;
float: left;
width:50%;
margin-left:10px;
margin-top:10px;
}
.navbar-default .navbar-brand img{
max-width:100%;
max-height:42px;
}
}
/*以下是产品列表*/
/*首页产品列表*/
.home_ppics ul{
padding-left: 0;
}
/*产品中心产品列表*/
.ptxts ul{
padding-left:0;
}
/*产品详情*/
@media only screen and (max-width: 375px){
.productsdetailinfo .right ul{
padding-left:1%;
}
}
/*成功案例列表*/
.main .right{
margin-left:0;
}
.news_right{
border-radius: 4px;
}
.tuijian .tuijian-mian{
border-radius: 2px;
}
/*新闻列表*/
.list ul li{
padding:2px;
}
/* 以下是成功案例 */
.showcase .case_main{
width:100%;
}
.showcase .case_main .case_main_list{
margin-top:30px;
}
.case_main_list #myCarousel{
padding-bottom:30px;
}
.case_main_list #myCarousel .carousel-inner{
width:810%;
}
.case_main_list #myCarousel .carousel-indicatorss{
display:none;
}
.case_main_list #myCarousel .carousel-inner .item{
width:8.5%;
margin-left:0.6%;
}
.case_main_list #myCarousel .carousel-inner .item a{
padding:10px 5px;
background:#f5f5f5;
border-radius:2px;
}
.news{
margin-top:10px;
}
.news .news_content{
width:100%;
}
.news .news_content .industry{
width:100%;
margin:0;
}
.news .news_content .company{
width:100%;
margin:0;
margin-top:10px;
}
.news .news_content .question{
width:100%;
margin:0;
margin-top:10px;
}
/* 以上是成功案例 */
/* 以下是荣誉资质 */
.certificate .certificate-content{
width:100%;
}
.certificate .certificate-content .certificate-main i{
display:none;
}
.certificate .certificate-content .certificate-main .in_opti_main ul{
width:1000%;
}
.certificate .certificate-content .certificate-main .in_opti_main ul li{
}
/* 以上是荣誉资质 */
footer{
float:left;
padding:5px;
margin-bottom:54px;
border-radius: 4px;
}
footer .container{
display:block;
}
footer .container .footer_info_img{
display: none;
}
footer .container ul{
display: none;
}
footer .container div.img{
display: none;
}
footer .container p{
padding-left:10px;
}
.certificate{
margin-bottom: 20px;
}
/*to top*/
.returnTop{
bottom:80px;
right:5px;
}
/*m_footer*/
.m_footer{
background: #0066a7;
}
/*以下推荐新闻*/
.tuijian ul li:nth-child(2n){
margin-left: 5px;
}
.tuijian ul li{
width:90%;
}
/*以上推荐新闻*/
.item-hover{
opacity: 0;
}
/* 大屏 */
@media only screen and (max-width: 992px) and (min-width: 768px){
.logo_img{
height:80px;
}
.news .news_content img{
margin:0;
margin-left:5%;
}
}
/* 大屏结束 */
.bdsharebuttonboxz{
width:180px!important;
}
}
@media only screen and (max-width: 992px){
.logo {
display: none;
}
}
@media only screen and (min-width: 993px){
.navbar-toggle{
display: none;
}
.collapse{
display: block;
}
}
@media only screen and (max-width: 1100px){
.certificate .certificate-content .certificate-main i{
display: none;
}
.navbar-collapse{
width:100%;
}
.advantage>div{
width:100%;
}
.index_f_about{
display: none;
}
.details .details_C{
width:100%;
}
.showcase .case_main{
width:100%;
}
.news .news_content{
width:100%;
}
.right{
margin-left: 9px;
}
.certificate .certificate-content{
width:100%;
}
/*导航汉堡包*/
@media only screen and (max-width: 992px){
.nav{
height:auto;
}
#example-navbar-collapse{
width:100%;
position: fixed;
background:rgba(0,0,0,0.64);
right:0px;
z-index:1000;
}
.navbar-nav > li{
display: block;
width:100%;
border-bottom:1px solid #fff;
}
.suspend{
display: none;
}
}
}
@media only screen and (max-width: 1100px) and (min-width: 769px){
.certificate .certificate-content .certificate-main .in_opti_main ul{
width:300%;
}
.certificate .certificate-content .certificate-main .in_opti_main ul li{
}
}
@media only screen and (max-width: 1100px){
.productsdetailinfo .right ul{
width:100%;
margin-right:0;
}
}
/* kss移动端结束 */
.productsdetailinfo .right ul li.purchase{
}
.productsdetailinfo .right ul li.purchase a{
display: inline-block;
width:158px;
height:44px;
margin:5px;
margin-left: 10px;
float: left;
overflow: hidden;
}
.productsdetailinfo .right ul li.purchase a img{
margin:0;
max-width:100%;
}
.productsdetailinfo .right ul li.purchase>p{
display: inline-block;
clear: none!important;
width:167px;
height:40px;
background: url(../images/proview_05.jpg) no-repeat;
margin:5px;
margin-left:10px;
float: left;
padding-top:0;
}
.productsdetailinfo .right ul li.purchase>p>span {
width:100%;
text-align: center;
margin-left:14px;
color: #e98f1b;
font-size: 16px;
background: none;
-webkit-text-fill-color: #e98f1b;
float: left;
height:30px;
line-height: 30px;
margin-top:12px;
}
/* 轮播点 */
@media only screen and (max-width: 769px) and (min-width: 320px){
ol.carousel-indicators{
display:none;
}
}
/* m_cp产品导航*/
.listnav{
width:100%;
background:#f0f0f0;
overflow:scroll;
padding:5px 0;
height:42px;
display:none;
}
@media only screen and (max-width: 769px) and (min-width: 320px){
.listnav{
display:block;
}
}
.listnav .listnav-con{
margin:0;
white-space:nowrap;
width:2000%;
height:32px;
}
.listnav .listnav-con ul{
margin:0;
display:inline-block;
float:left;
}
.listnav .listnav-con li{
display:inline-block;
float:left;
margin:0 5px;
padding:5px;
}
.listnav .listnav-con li.active{
border:1px solid #0079c8;
border-radius:8px;
}
.listnav .listnav-con li a{
font-size:14px;
}
/* 通知条 */
.total{
width:100%;
padding:0;
background:#f0f0f0;
margin-bottom:30px;
}
.total .total-con{
width:1100px;
margin:0 auto;
height:70px;
}
.total .total-con:before{
display:table;
content:"";
}
.total .total-con .total-left{
display:inline-block;
width:70%;
float:left;
line-height:70px;
}
.total .total-con .total-left span{
width: 80%;
float: left;
line-height: 70px;
font-size: 14px;
color: #555;
}
.total .total-con .total-left span a:hover{
text-decoration: underline;
}
.total .total-con .total-left span img{
max-width:100%;
margin-right:8px;
}
.total .total-con .total-left .total-list{
width:80%;
height:70px;
overflow:hidden;
}
.total .total-con .total-left .total-list ul{
width:100%;
position:relative;
top:0;
transition:0.8s;
}
.total .total-con .total-left .total-list ul li a:hover{
text-decoration:underline;
}
.total .total-con .total-right{
display:inline-block;
float:right;
width:28%;
padding:17px 0;
}
.total .total-con .total-right form{
position:relative;
float: right;
}
.total .total-con .total-right form select{
position:absolute;
right:23%;
top:8px;
border:none;
outline:none;
}
.total .total-con .total-right form input{
width: 200px;
height: 35px;
line-height: 35px;
font-size: 12px;
color: #9e9e9e;
text-indent: 5px;
outline: none;
float:right;
border:none;
margin-right:4px;
}
.total .total-con .total-right form button{
width: 52px;
float: right;
height: 35px;
line-height: 35px;
text-align: center;
padding: 0;
font-size: 13px;
color: #fff;
border: 1px solid #0079c8;
background: #0079c8;
transition: .5s;
}
.total .total-con .total-right form button:hover{
color:#0079c8;
background:#fff;
}
@media only screen and (max-width: 1100px) and (min-width: 320px){
.total{
width:100%;
}
.total .total-con{
width:100%;
}
}
/*
选择我们*/
.choose{
width:100%;
padding-top:36px;
}
.choose .choose-con{
width:1100px;
margin:0 auto;
padding-bottom: 50px;
}
.choose .choose-con .choose-title{
width:100%;
}
.choose .choose-con .choose-title strong{
padding-bottom: 8px;
display: block;
width:100%;
text-align: center;
font-size: 40px;
color: #0079c8;
background: url(../images/fourcharacteristics.png) no-repeat center bottom;
}
.choose .choose-con .choose-title p{
width:100%;
text-align: center;
height:44px;
line-height: 44px;
font-size: 22px;
font-weight: bold;
color: #0079c8;
margin-top:20px;
}
.choose .choose-con .choose-list{
margin-top:50px;
width:100%;
}
.choose .choose-con .choose-list .chooselist-left{
width:48%;
display: inline-block;
}
.choose .choose-con .choose-list .chooselist-left img{
}
.choose .choose-con .choose-list .chooselist-left div{
margin-bottom:50px;
padding-left:70px;
}
.choose .choose-con .choose-list .chooselist-left div:first-child{
background: url(../images/chooseicon_bg01.png) no-repeat left top;
}
.choose .choose-con .choose-list .chooselist-left div:nth-child(2){
background: url(../images/chooseicon_bg02.png) no-repeat left top;
}
.choose .choose-con .choose-list .chooselist-right{
width:48%;
float: right;
display: inline-block;
}
.choose .choose-con .choose-list .chooselist-right div{
margin-bottom:50px;
padding-left: 70px;
}
.choose .choose-con .choose-list .chooselist-right div:nth-child(2){
background: url(../images/chooseicon_bg03.png) no-repeat left top;
}
.choose .choose-con .choose-list .chooselist-right div:nth-child(3){
background: url(../images/chooseicon_bg04.png) no-repeat left top;
}
.choose .choose-con .choose-list img{
max-width:100%;
margin-bottom:50px;
}
.choose .choose-con .choose-list strong{
display: block;
padding:10px 0;
font-size: 22px;
color: #0079c8;
width:100%;
background: url(../images/strong_bg.png) bottom no-repeat;
}
.choose .choose-con .choose-list strong span{
font-size: 12px;
color: #bebebe;
font-family: Euphemia;
font-weight: normal;
}
.choose .choose-con .choose-list p{
color:#6d6c6c;
margin-top:10px;
line-height: 20px;
padding-left:30px;
background: url(../images/chooselist_bg.png) no-repeat left 8px;
}
.item-hover{
position: absolute;;
margin:0 auto;
width:100%;
height:180px;
background: -webkit-linear-gradient(left top,rgba(229,2,18,0.7),rgba(255,174,0,0.7));
background: -o-linear-gradient(left top,rgba(229,2,18,0.7),rgba(255,174,0,0.7));
background: -moz-linear-gradient(left top,rgba(229,2,18,0.7),rgba(255,174,0,0.7));
background: linear-gradient(to right top, rgba(229,2,18,0.7), rgba(255,174,0,0.7));
display:none;
top:0;
transition: 0.8s;
z-index:10;
border:6px solid #000;
}
.case_main_list #myCarousel .carousel-inner .item-hover>p{
font-size:16px;
text-align: center;
width:100px;
height:60px;
margin:0 auto;
margin-top:50px;
color:#fff;
padding-top:40px;
background:url(../images/xiangqing.png) no-repeat top;
}
.case_main_list #myCarousel .carousel-inner .item a:hover .item-hover{
display:block;
}
.honor .honor-con .honor-list ul{
padding:5px 3px;
}
.honor .honor-con .honor-list ul li{
border:5px solid #fff;
border-radius: 5px;
box-shadow: 0 0 5px #999;
}
.honor .honor-con .honor-list ul li a .item-hover>p{
font-size:16px;
text-align: center;
width:100px;
height:60px;
margin:0 auto;
margin-top:50px;
color:#fff;
padding-top:40px;
background:url(../images/xiangqing.png) no-repeat top;
}
.honor .honor-con .honor-list ul li a{
position: relative;
display: block;
background:#fff;
box-shadow: 0 0 1px #e4e4e4;
}
.honor .honor-con .honor-list ul li a p:first-of-type{
width: 100%;
text-align: center;
padding: 5px 0;
background: #f7f7f7;
color: #909090;
margin-top: 3px;
transition: 0.8s;
white-space: nowrap;
font-size: 14px;
}
.honor .honor-con .honor-list ul li a p:nth-of-type(2){
width: 100%;
padding: 0 2%;
background: #f7f7f7;
line-height: 16px;
color: #909090;
text-align: center;
padding-bottom: 5px;
height: 26px;
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*推荐*/
.tuijiancase{
width:100%;
background: #f1f1f1;
padding-top:20px;
padding-bottom:40px;
float: left;
}
.tuijiancase .tuijiancase-con{
width:1100px;
margin:0 auto;
}
.tuijiancase .tuijiancase-con p.tuijian-title{
font-size: 18px;
font-weight: bold;
color: #555555;
padding:10px 0;
background: url(../images/tuijiancase_title.png) no-repeat bottom left;
}
.tuijiancase .tuijiancase-con ul{
width:100%;
display: flex;
justify-content: flex-start;
margin-top:10px;
}
.tuijiancase .tuijiancase-con ul li{
display: inline-block;
width:25%;
padding:3px 5px;
}
.tuijiancase .tuijiancase-con ul li a{
display:block;
border:5px solid #fff;
box-shadow:0 0 3px #999;
border-radius:4px;
transition:0.8s;
}
.tuijiancase .tuijiancase-con ul li a:hover{
border:5px solid #0079c8;
}
.tuijiancase .tuijiancase-con ul li img{
max-width: 100%;
transition: 0.8s;
margin-bottom:7px;
}
.tuijiancase .tuijiancase-con ul li a:hover img{
transform:scale(1.1);
}
.tuijiancase .tuijiancase-con ul li span{
display: block;
width:100%;
text-align: left;
white-space: nowrap;
color:#313131;
position:relative;
overflow:hidden;
}
.tuijiancase .tuijiancase-con ul li p{
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
padding:5px 0;
background:#0079c8;
color:#fff;
text-align:center;
position:relative;
bottom:6px;
}
#myCarouselnews{
display: inline-block;
width: 65%;
float: right;
}
#myCarouselnews .item{
}
#myCarouselnews .item p:first-child{
font-size: 18px;
color:#404040;
margin-top:30px;
}
#myCarouselnews .item p:nth-child(2){
font-size: 12px;
color: #818181;
margin-top:15px;
padding-bottom:15px;
border-bottom: 1px solid #e1e1e1;
}
#myCarouselnews .item p:nth-child(3){
height:90px;
overflow: hidden;
padding-top:10px;
line-height: 24px;
font-size: 14px;
}
#myCarouselnews{
}
#myCarouselnews .carousel-indicators{
right:0;
width:120px;
bottom:-20px;
left: auto;
}
#myCarouselnews .carousel-indicators li{
width:10px;
height:10px;
background: #8e8e8e;
border: none!important;
border-radius: 0;
}
#myCarouselnews .carousel-indicators li.active{
background: #e50212;
margin:1px;
}
/*茂秋mobile*/
@media only screen and (max-width: 1100px) and (min-width: 320px){
.choose .choose-con{
width:100%;
}
.contactus .contactus-con{
width:100%;
}
.honor .honor-con{
width:100%;
}
.xiezhen .xiezhen-con{
width:100%;
}
}
@media only screen and (max-width: 769px) and (min-width: 320px){
.news .news_content .industry{
border-bottom: none;
}
.news .news_content .company{
margin-top:20px;
border-bottom: none;
}
.news .news_content .question{
margin-top:20px;
border-bottom: none;
}
.news{
background: #fff;
padding-bottom:0;
}
}
@media only screen and (max-width: 415px) and (min-width: 320px){
.choose .choose-con .choose-list .chooselist-left{
width:100%;
}
.choose .choose-con .choose-list .chooselist-right{
width:100%;
}
.honor .honor-con .honor-list ul{
flex-wrap: wrap;
}
.choose .choose-con{
padding-bottom:0;
}
.choose .choose-con .choose-list .chooselist-left img{
display: none;
}
.choose .choose-con .choose-list .chooselist-right{
margin-top:0;
}
.choose .choose-con .choose-list .chooselist-right img{
display: none;
}
.choose .choose-con .choose-list{
margin-top:0;
}
.xiezhen{
padding-top:50px;
}
.honor .honor-con .honor-list ul li{
width:49%;
margin-top:8px;
}
.choose .choose-con .choose-list .chooselist-left div{
margin-bottom:20px;
}
.choose .choose-con .choose-list .chooselist-left div{
background-size: 50px!important;
background-position-x: 10px!important;
background-position-y: 10px!important;
}
.choose .choose-con .choose-list .chooselist-right div{
background-size: 50px!important;
background-position-x: 10px!important;
background-position-y: 10px!important;
}
.news .news_content .list-title{
margin-top:20px;
}
.choose{
padding-top:30px;
}
.honor .honor-con .list-title img{
max-width: 80%;
}
.news .news_content .news-item.active{
height:41px;
}
.news .news_content .news-item.active a{
background: url(../images/dian.png) no-repeat 7% 50%!important;
border-bottom: 1px dashed #a7a7a7;
}
.news .news_content .news-item.active span{
background: none!important;
color: #929292;
border-bottom: 1px dashed #a7a7a7;
}
.news .news_content .industry{
border-radius: 4px;
}
.news .news_content .company{
border-radius: 4px;
}
.news .news_content .question{
border-radius: 4px;
}
.honor .honor-con .list-title{
margin-bottom:30px;
}
.choose .choose-con .choose-list .chooselist-right div:nth-child(2){
margin-bottom:20px;
}
.xiezhen .xiezhen-con img{
max-width:100%;
}
.choose .choose-con .choose-title p{
font-size: 17px;
margin-top:0;
}
.honor .honor-con .honor-list ul li img{
height:auto;
max-width: 100%;
}
.choose .choose-con .choose-title p{
line-height: 20px;
}
.choose .choose-con .choose-title strong{
font-size: 35px;
}
}
@media only screen and (max-width: 1100px) and (min-width: 320px){
.tuijiancase .tuijiancase-con{
width:100%;
}
.product-top .product-desc .desc-right img{
margin-top:5px;
}
}
@media only screen and (max-width: 769px) and (min-width: 320px){
.main{
width:100%;
}
.product-top .product-desc .desc-right p{
height:48px;
overflow: hidden;
}
.ptxts ul li{
margin-left:1%;
margin-right:1%;
}
.foot_list .footnav{padding:0;margin:0;}
}
@media only screen and (max-width: 415px) and (min-width: 320px){
.product-top ul.product-nav{
display: none;
}
.crumbs p{
display: none;
}
.product-top>p img{
margin-top:10px;
margin-bottom:10px;
}
.product-top .product-desc .desc-right img{
display: none;
}
.product-top .product-desc .desc-right p{
margin-top:14px;
}
.product-top{
margin:0;
margin-bottom:10px;
}
.ptxts ul li{
margin-top:5px;
margin-bottom:5px;
}
.tuijiancase .tuijiancase-con ul{
flex-wrap: wrap;
}
.tuijiancase .tuijiancase-con ul li{
width:50%;
}
.right .list ul li .news_right .news_info h4{
margin-top:10px!important;
}
.right .list ul li .news_right .news_info p.qow{
line-height: 20px;
}
}
@media only screen and (max-width: 375px) and (min-width: 320px){
.right .list ul li .news_right .news_info p.qow{
height:20px!important;
}
}
@media only screen and (max-width: 769px) and (min-width: 320px){
.product-top{
display: none;
}
.right .list ul{
margin-top:5px;
}
.right .list ul li .news_right .news_info p.qow{
height:46px!important;
}
.tuijiancase{
padding-bottom: 20px;
}
.page .list{
padding:0 2%;
}
}
@media only screen and (max-width: 415px) and (min-width: 320px){
.crumbs>span{
float: left;
max-width:100%;
}
.right .list ul li .news_right > a{
display: none;
}
.right .list ul li .news_right .news_info{
width:77%!important;
margin-right: 0 !important;
}
.right .list ul li .news_right .case_info{
width: 98%!important;
}
.right .list ul li{
margin-bottom:0px!important;
margin-top:0px!important;
padding-bottom:10px!important;
}
.right .caselist ul{
margin-top:0;
}
.right .caselist ul li{
padding-bottom: 8px!important;
}
.right .list ul li .news_right .date{
height:90px!important;
}
.right .list ul li .news_right .news_info h4 {
margin-top: 20px!important;
}
.right .list ul li .news_right .news_info p.qow{
line-height: 23px;
}
}
@media only screen and (max-width: 415px) and (min-width: 320px){
.right .list ul li .news_right .date{
width:19%!important;
}
}
@media only screen and (max-width: 325px) and (min-width: 320px){
.right .list ul li .news_right .date{
width:20%!important;
}
.right .list ul li .news_right .date p{
font-size: 36px!important;
}
}
@media only screen and (max-width: 415px) and (min-width: 320px){
.right .list ul li .news_right>a.acon{
height:150px!important;
line-height: 150px!important;
}
.right .list ul{
padding-top:5px;
}
}
@media only screen and (max-width: 769px) and (min-width: 320px){
}
/*以下是工程案例*/
.right .page .list-case ul{
background: #f1f1f1;
padding-bottom: 5px;
}
.right .page .list-case ul li{
display: inline-block;
float: left;
width: 32%;
margin-left: 1%;
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
}
.right .page .list-case ul li .news_right{
padding: 0;
width: 100%;
vertical-align: middle;
background: #fff;
border: 2px solid rgba(216,38,44,0);
transition: 0.6s;
box-sizing: border-box;
overflow: hidden;
}
.right .page .list-case ul li .news_right>a{
width:100%;
}
.right .page .list-case ul li .news_right>a.acon{
display: block;
float: left;
width: 100%;
height: auto;
text-align: center;
line-height: 220px;
}
.right .page .list-case ul li .news_right>a.acon img{
display: inline-block;
width: auto!important;
max-width: 100%;
transition: 0.8s;
max-height: 220px;
vertical-align: middle;
}
.right .page .list-case ul li .news_right a.title {
display: block;
width: 100%;
background: #0079c8;
color: #fff;
border: none;
text-align: center;
font-size: 14px;
position: relative;
bottom: 7px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.right .page .list-case ul li .news_right:hover {
border: 2px solid #0079c8;
}
.right .page .list-case ul li .news_right:hover a.acon img{
transform: scale(1.2);
}
@media only screen and (max-width:769px) and (min-width:320px){
.markermenu{
width:100%;
}
.markermenu ul.level1{
}
.markermenu ul.level1 li{
display: inline-block;
width:auto;
padding:5px 15px;
border: 1px solid #0079c8;
border-radius: 8px;
margin-right:5px!important;
margin-left:5px!important;
}
.markermenu ul.level1 li a{
padding:0!important;
}
.right .page .list-case ul li{
width:48%;
margin-right:1%;
}
.tuijiancase .tuijiancase-con ul{
margin-top:10px;
}
.crumbs p{
display: none;
}
}
@media only screen and (max-width: 325px) and (min-width: 320px){
.right .page .list-case ul li .news_right>a.acon{
height: 130px!important;
line-height: 130px!important;
}
.right .list ul li{
padding-bottom: 5px!important;
}
}
.about p{
line-height: 1.42857;
color: rgb(137, 137, 137);
font-size: 14px;
}
.contact ul{
display: block;
float: left;
width:100%;
font-size: 16px;
color: #898989;
line-height: 1.42857;
margin-bottom: 0;
}
.contact ul p{
margin:5px 0;
}
.contact{
padding:0 2%;
}
.about{
padding:0 2%;
}
@media only screen and (min-width:1100px){
.navbar-nav > li > a{
background: url(../images/su.png) no-repeat right 50%;
}
}
@media only screen and (max-width: 769px) and (min-width: 320px){
.xiezhen{
display: none;
}
}
/*案例展示*/
.index_f_about{
margin-top:30px;
padding-top:30px;
background: #f3f3f3;
}
.showcase{
background: #007bc9;
}
.showcase .aboutbox-title p:first-of-type{
color: #fff;
}
.showcase .aboutbox-title span{
color: #cbcbcb;
}
.showcase .aboutbox-title p:nth-of-type(2){
color: #fff;
}
.showcase .case_main .case_main_list{
width:100%;
}
.showcase .case_main .case_main_list .carousel-inner{
width: 100%;
display: block;
overflow: visible;
}
.showcase .case_main .case_main_list .carousel-inner .item{
display: inline-block;
background: #fff;
width:23%;
margin-left:1%;
margin-right:1%;
float: left;
padding-bottom: 10px;
position: relative;
transition: 0.6s;
top:0;
border: 2px solid #fff;
box-shadow: 0px 8px 18px 2px #0065a5;
}
.showcase .case_main .case_main_list .carousel-inner .item:hover{
top:-8px;
}
.showcase .case_main .case_main_list .carousel-inner .item a img{
transition: 0.8s;
}
.showcase .case_main .case_main_list .carousel-inner .item:hover a img{
transform: scale(1.1);
}
.showcase .case_main .case_main_list .carousel-inner .item a{
display: block;
}
.showcase .case_main .case_main_list .carousel-inner .item a span{
display: block;
width:100%;
overflow: hidden;
}
.showcase .case_main .case_main_list .carousel-inner .item p{
display: block;
width: 100%;
text-align: center;
padding:0 1%;
}
.showcase .case_main .case_main_list .carousel-inner .item p:first-of-type{
font-size: 14px;
line-height: 40px;
color: #3a3a3a;
margin-top:5px;
}
.showcase .case_main .case_main_list .carousel-inner .item p:nth-of-type(2){
line-height: 20px;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
}
.logo_wel {
width: 50%;
margin-top: 17px;
}
.logo_wel strong {
display: block;
font-size: 20px;
color: #333333;
font-weight: normal;
margin-bottom: 5px;
}
.logo_wel span {
display: block;
font-size: 14px;
color: #333;
}
footer .container .footer_top_nav{
display: block;
width:100%;
}
footer .container .footer_top_nav ul{
width:100%;
padding-bottom: 15px;
border-bottom: 1px solid #45adef;
margin-bottom: 15px;
}
footer .container .footer_top_nav ul li{
display: inline-block;
float: left;
}
footer .container .footer_top_nav ul li a{
color: #fff;
margin-right:40px;
margin-left: 20px;
}
.mapimg {
width:100%;
margin-top:30px;
margin-bottom: 20px;
}
.mapimg img{
max-width: 100%;
}
.page img{
max-width: 100%;
}
@media only screen and (max-width:1100px) and (min-width:320px){
.links p{
width:100%;
}
.foot_list .footerimg{
display: none;
}
.foot_list .footerinfo p{
font-size: 13px;
margin-bottom: 4px;
}
.foot_list .footerinfo{
width:76%;
}
.navbar-nav > li{
width:120px;
}
.page img{
height:auto!important;
}
.productsdetailinfo .right ul li p img{
height:auto!important;
}
}
@media only screen and (max-width:769px) and (min-width:320px){
.navbar-nav > li{
width:100%;
}
.honor{
padding-top: 0;
}
.choose .choose-con{
padding-bottom: 0;
}
.foot_list .footerlogo{
width:27%;
}
.foot_list .footerinfo{
width:73%;
}
.choose .choose-con .choose-list strong{
padding:0;
}
.choose .choose-con .choose-list .chooselist-left div{
margin-bottom: 30px;
}
.honor .honor-con .honor-list ul{
flex-wrap: wrap;
}
.honor .honor-con .honor-list ul li{
width:49%;
margin-bottom: 10px;
}
.honor .honor-con .honor-list ul li:nth-child(2n){
margin-right:0;
}
.honor .honor-con .honor-list ul li span{
text-align: center;
}
.honor .honor-con .honor-list ul li img{
max-width: 100%!important;
}
footer .container p{
padding-left:0;
}
}
@media only screen and (max-width:768px) and (min-width:320px){
.foot_list .footerlogo{
display: none;
}
.foot_list .footerinfo{
width:100%;
padding-left: 0;
}
.choose .choose-con .choose-list p{
padding-left: 20px;
}
.honor .honor-con .honor-list{
margin-top: 10px;
}
.honor .honor-con .honor-list ul{
width:100%;
justify-content: space-around;
}
.honor .honor-con .honor-list ul li{
width:48%;
margin: 0;
margin-bottom: 8px;
}
.news{
padding-top:0;
}
.choose{
padding-top:20px;
}
.aboutbox-title p:nth-of-type(2){
height:60px;
overflow: hidden;
text-overflow: ellipsis;
}
.choose .choose-con .choose-list .chooselist-right div{
margin-bottom: 20px;
}
.right .page .list-case ul{
margin-bottom: 0;
}
.mapimg{
padding: 0 2%;
box-sizing: border-box;
}
.sitemap{
padding:0 2%;
}
}
@media only screen and (max-width:325px) and (min-width: 320px){
.news .news_content a{
width:70%;
}
.news .news_content span{
width:30%;
font-size: 13px;
}
}
/*index 关于我们*/
.aboutbox .about_img{
display: inline-block;
width:50%;
float: left;
}
.aboutbox .about_img img{
max-width: 100%;
margin-top:0;
}
.aboutbox .about_info{
display: inline-block;
width:48%;
text-align: left;
color: #5a5a5a;
margin-left: 2%;
}
.aboutbox .about_info p{
line-height: 1.5em;
text-indent: 2em;
}
.aboutbox .about_info a{
display: inline-block;
float: right;
padding: 5px 15px;
background: #777;
color: #fff;
margin-top:6px;
font-size: 12px;
margin-right: 20px;
border: 1px solid #777;
transition: 0.6s;
}
.aboutbox .about_info a:hover{
color: #5a5a5a;
background: none;
}
.productsdetailinfo .right .pro-content a{
color: #0079c8;
}
.newspage a{
color: #0079c8;
}
.newsdetail dl dt.pr a{
color: #555;
}
/*相关产品*/
.tuijiancase .tuijiancase-con ul li:nth-child(n+5){
display: none;
}
.tuijiancase .tuijiancase-con ul.procon li img{
margin-bottom: 0;
}
.tuijianpro{
padding-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
background: #fff;
}
@media only screen and (max-width: 415px ) and (min-width: 320px){
.tuijiancase .tuijiancase-con p.tuijian-title{
padding:0;
padding-left: 5px;
box-sizing: border-box;
}
.tuijianpro{
padding-bottom: 10px;
}
}
.ImTable{
margin-top:20px;
}
.suspend {
width: 40px;
height: 198px;
position: fixed;
top: 240px;
right: 0;
overflow: hidden;
z-index: 9999;
}
.suspend dl {
width: 120px;
height: 198px;
border-radius: 25px 0 0 25px;
padding-left: 40px;
box-shadow: 0 0 5px #e4e8ec;
}
.suspend dl dt {
width: 40px;
height: 198px;
background: url(../images/suspend.png);
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.suspend dl dd.suspendQQ {
width: 120px;
height: 66px;
background: #ffffff;
}
.suspend dl dd.suspendTel {
width: 120px;
height: 66px;
background: #ffffff;
}
.suspend dl dd.suspendQQ a {
width: 120px;
height: 66px;
display: block;
background: url(../images/suspend.png) -40px 0;
overflow: hidden;
}
.suspend dl dd.suspendTel a {
width: 120px;
height: 66px;
display: block;
background: url(../images/suspend.png) -40px -66px;
overflow: hidden;
}
.suspend dl dd.suspendTel.qq3 a{
background: url(../images/suspend.png) -40px -132px;
}