@charset "utf-8";
/* CSS Document */
body,html{ margin:0px; padding:0px;}
body{ overflow-x: hidden; font-family: "Source Han Sans CN"; font-size:14px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }
:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.adv_list {
position: relative;
}
.xmliucheng{width:calc(100%/9);text-align:center;float:left;}
.xmliucheng div .liuchengjt{width:auto;margin:40px 10px 0 10px;}
.xmliucheng div img{width:100px;}
.casein_con .xmliucheng p{margin-top:15px;font-size:16px;color:#000;}
.mapbg{background:url(ditubg.jpg) 100%;padding-top:60px;margin-top:60px;position:relative;}
.mapbg .mapfooter{position:absolute;bottom:0;background:rgba(0,0,0,0.4);width:100%;padding:30px 0;}
.mapbg .mapfooter .mapfooternr{width:800px;margin:0 auto;}
.mapbg .mapfooter .mapfooternr li{list-style:none;width:29%;margin-right:5%;padding-right:5%;text-align:center;float:left;border-right:1px solid #fff;}
.mapbg .mapfooter .mapfooternr li:last-child{border-right:none;margin:0;}
.mapbg .mapfooter .mapfooternr .mapshuzi{font-size:30px;color:#fff;padding-bottom:10px;}
.mapbg .mapfooter .mapfooternr .maptitle{font-size:14px;color:#fff;}
.case_index3 .jiamenglist{/* width:calc(100%/5); */border-radius: 5px;
box-shadow: 0 8px 0px #9fa0a0;padding:0;width:19%;margin:0 5px;}
.case_index3 .jiamenglist h3{color:#9fa0a0;}
.case_index3 .jiamenglist:hover{box-shadow: 0 8px 0px #000;}
.case_index3 .jiamenglist:hover h3{color:#000;}
.case_index3 .jiamenglist:hover .riqi{color:#000;}
.case_index3 .jiamenglist:hover span{background:#000;}
.case_index3 .jiamenglist .pr{padding-bottom:0;}
.case_index3 .pr .riqi{color:#9fa0a0;font-size:14px;}
.case_index3 .dailitxt{text-align:center;padding:28px 0;background:#efefef;}
.adv_list .adv_list_pic {
background: #fff;
overflow: hidden;
}
.adv_list .adv_list_pic .a_picInfo:nth-child(5){margin-right:0;}
.adv_list .adv_list_pic .a_picInfo {
float: left;
width: 197px;
height: 262px;
margin-right: 5px;
}
.pic_center {
text-align: center;
}
.pic_center img {
vertical-align: middle;
width:100%;height:100%;
}
.pic_center span {
display: inline-block;
vertical-align: middle;
height: 100%;
}
.adv_list .adv_content {
background: #000;
height: 203px;
overflow: hidden;
padding: 0 30px 0 35px;
}
.adv_list .adv_content .adv_content_title {
font-size: 22.47px;
color: #fff;
padding-top:20px;
text-align:left;
margin: 13px 0;
}
.adv_list .adv_content .adv_content_desc {
font-size: 15px;
color: #fff;
text-align:left;
line-height: 28px;
}
.shipinxq{width: 100%;
overflow: hidden;
margin: 20px auto;
text-align: center;}
.adv_list .adv_floatTitle {
position: absolute;
width: 118px;
height: 155px;
background: url(adv_ico.png) no-repeat center;
left: 58px;
top: -53px;
padding-left: 10px;
box-sizing: border-box;
}
.adv_list .adv_floatTitle .f_num {
font-size: 39.74px;
font-family: 'Adobe 黑体 Std';
color: #fff;
padding:10px 0;
text-align:left;
}
.adv_list .adv_floatTitle .f_name {
font-size: 24.47px;
font-family: 'Adobe 黑体 Std';
color: #fff;
text-align:left;
line-height: 28.5px;
padding-right: 35px;
}
.adv_nav {
height: 103px;
background: #fff;
overflow: hidden;
}
.adv_nav .adv_navItem.cur {
color: #000;
font-weight:bold;
}
.adv_nav .adv_navItem span {
font-size: 30px;
}
.adv_nav .adv_navItem {
float: left;
width: calc(100%/5);
border: 1px solid #ccc;
text-align: center;
line-height: 95px;
box-sizing: border-box;
font-size: 16px;
color: #9fa0a0;
cursor: default;
}
ul{ margin:0px; padding:0px;zoom:1;/*用于IE6*/ }
div {zoom:1;/*用于IE6,要是IE6错位,修复这个.*/}
li{ margin:0px; padding:0px;list-style:none;vertical-align:middle;float:left;}
dl,dt,dd {margin:0;padding:0;}
img{margin:0px auto;border:0;}
a {text-decoration:none;color:#000;}
a:hover {color:#034c94;}
a img{border:none;border:0;}
p,h1,h2,h3,h4,h5 {margin:0;padding:0;}
.clear {clear:both;width:100%;height:0;font-size:0px; }
/*首页新闻*/
.bnew {
padding-top: 35px;
}
.bnew .firnew {
width: 48%;
float: left;
}
.bnew .firnew a {
display: block;
}
.bnew .firnew a i {
height: 400px;
display: block;
overflow: hidden;
}
.bnew .firnew a i img {
width: 100%;
height:355px;
}
.bnew .firnew a .tit {
font-size: 16px;
padding: 15px 0;
overflow:hidden;
}
.bnew .firnew a .tit font {
width: 80%;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bnew .firnew a .tit span {
float: right;
color: #888;
}
.bnew .firnew a .info {
color: #888;
}
.bnewli {
width: 50%;
float: right;
}
.bnewli ul li {
padding: 10px 0;
width:100%;
border-bottom: 1px solid #eee;
}
.bnewli ul li:hover{background:#02b2ed;}
.bnewli ul li:hover a{color:#fff;}
.bnewli ul li:hover a p{color:#fff;}
.bnewli ul li:hover .date span{color:#fff;}
.bnewli ul li:hover .date em{color:#fff;}
.bnewli ul li .date {
width: 56px;
text-align: center;
float: left;
margin-right: 10px;
}
.bnewli ul li .date span {
font-size: 20px;
display: block;
color: #888;
}
.bnewli ul li .date em {
display: block;
font-style: normal;
color: #888;
font-size: 16px;
color: #bbb;
}
.bnewli ul li .tit {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 5px;
margin-top:3px;
}
.bnewli ul li .note {
font-size: 14px;
color: #888;
}
input,select {padding:0;margin:0; border:none;}
.wrap {width:1000px;margin:0 auto;height:auto;}
.fl {float:left;}
.fr {float:right;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.lh18 {line-height: 18px;}
.lh20 {line-height: 20px;}
.lh22 {line-height: 22px;}
.lh24 {line-height: 24px;}
.lh26 {line-height: 26px;}
.lh28 {line-height: 28px;}
.lh30 {line-height: 30px;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt80 {margin-top:80px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml40 {margin-left:40px;}
.m10 {margin:10px;_display:inline;}
.m20 {margin:20px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.mb35 {margin-bottom:35px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pt15 {padding-top: 15px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pr5 {padding-right: 5px;}
.pl5 {padding-left: 5px;}
.pt5 {padding-top: 5px;}
.pt25 {padding-top: 25px;}
.pb5 {padding-bottom: 5px;}
.p10 {padding: 10px;}
.p20 {padding:20px;}
.p5 {padding: 5px;}
.p1 {padding: 1px;}
.b {display:block;}
.in-b {display:inline-block;zoom:1;*display:inline;}
.por {position:relative;}
.poa {position:absolute;}
.ti {text-indent:-999999px;}
#no {border:none;border:0;}
.red{ color:#e40f41 !important;}
.clear{ clear:both;}
.ml3{ margin-left:3%;}
.mr3{ margin-right:3%;}
.white{ color:#fff !important;}
.bgf0{ background:#f0f0f0;}
.ml1{ margin-left:1%;}
.mr1{ margin-right:1%;}
.mt10{ margin-top:10px;}
.fn{ float:none !important;}
.mr4{ margin-right:4%;}
.pl3{ padding-left:3%;}
.pr3{ padding-right:3%;}
.strong{ font-weight:bold;}
.red{ color:#da261d;}
.blue{ color:#0080ff !important;}
.yellow{ color:#ff8800 !important;}
.grey{ color:#abaaa9 !important;}
.text-center{ text-align:center;}
.hidden{ visibility:hidden;}
.text-right{ text-align:right;}
a:hover{ text-decoration:none !important;}
.mt25{ margin-top:25px !important;}
a:focus{ text-decoration:none;}
.w100{ width:100% !important;}
.pl0{ padding-left:0px;}
.pr0{ padding-right:0px;}
.p0{ padding:0px;}
.w100{ width:100%;}
.pr{ position:relative;}
.po{ position:absolute;}
@keyframes scale01{
form{ transform:scale(1.0);}
to{ transform:scale(1.1); }
}
.scale{ overflow:hidden; }
.title {
margin: 0 0 6px;
font-size: 14px;
font-weight: 400;
text-align: center;
color: #333;
}
.cplistbox2 .pr h3{ margin: 0;
font-size: 16px;
font-weight: 400;
text-align: center;
padding:15px 0;
color: #333; }
.pr h3{ margin: 0 0 3px;
font-size: 16px;
font-weight: 400;
text-align: center;
color: #333; }
.pr .riqi {
height: 18px;
font-size: 14px;
color: #333;
text-align:center;
}
.xunpan {
width: 100%;
background: url(xunpan.jpg) no-repeat center top;
height: 200px;
color: #fff;
}
.xunpan .zixun {
width: 300px;
padding-top: 40px;
text-align: center;
}
.xunpan .zixun a {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
height: 50px;
display: block;
line-height: 50px;
color: #fff;
background: #034c94;
font-size: 20px;
}
.xunpan .zixun:hover a {
background: #02b2ed;
}
.xunpan .tel {
border: 1px solid #85878d;
height: 50px;
line-height: 50px;
color: #fff;
font-size: 26px;
text-align: center;
font-family: "AvantGardeITVbyBT Book", arial;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
margin-bottom: 20px;
}
.xunpan .tel em {
width: 25px;
height: 25px;
display: inline-block;
background-position: -100px 0;
margin-right: 10px;
background: url(icon.png) no-repeat;
vertical-align: middle;
}
.xunpan strong {
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 28px;
padding-right: 10px;
font-style: italic;
}
.xunpan p {
font-size: 20px;
}
.xunpan .bigtxt {
font-size: 40px;
padding-bottom: 20px;
padding-top: 54px;
}
.listpro:hover h3{font-size:18px;color:#034c94;}
/* .listpro:hover{ transform:scale(1.1); transition:all 0.5s ease-in-out;} */
.listpro:hover {-webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);
box-shadow: 0 15px 30px rgba(0,0,0,.1);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);-webkit-transform:scale(2.05,2.05);transform:scale(1.05,1.05);transition:all 0.5s ease-in-out;}
.pr{ position:relative;background:#fff;}
.zicaidan{background:#f8f8f8;margin-bottom:20px;}
.cplistbox2 .pr:hover{background:#034c94;}
.cplistbox2 .pr:hover a{color:#fff;}
.cplistbox2 .pr:hover h3{color:#fff;}
.cplistbox2 .pr:hover p{color:#fff;}
.pa{ position:absolute;}
.yu_lay_w:hover {-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);transform:scale(1.005);transition:all .3s ease-out}
/*菜单1*/
@keyframes run{
from{ bottom: 30px; }
to{ bottom: 20px; opacity: 0; }
}
.ban_lay{ position: absolute; top: 38%; left: 0px; right: 0px; text-align: center; }
.ban_lay h3{ font-size: 54px; color: #fff; font-weight: bold; margin-bottom: 10px; text-shadow: 1.5px 2.598px 3px rgb( 37, 15, 26 );}
.ban_lay p{font-size: 14px; color: #fff; font-weight: bold; text-shadow: 1.5px 2.598px 3px rgb( 37, 15, 26 );}
.head.active{ background: #fff; top: 0px; left: 0px; right: 0px; z-index: 100; box-shadow: 0px 0px 6px 2px #afacac; }
.head.active .img02{ display: inline-block; }
.head.active .img01{ display: none; }
.head.active .logo_w,.head.active .head_ul{ margin-top: 0px;}
.head.active .head_ul li{ position: relative; }
.img02{ display: none; }
.head.active .logo_name_w:before{ background: #dcdcdc; height: 23px; }
.more{ text-align: center; margin-top: 20px;}
.more a{ display: inline-block; color: #991e27; border-radius: 3px; padding: 10px 20px; margin-right: 10px; }
.more_name,.more_name:hover{ color: #b61a29; }
.more a:hover{background: #991e27; color: #fff;}
.head{ position: relative; z-index: 2; }
.logo_name_w{ position: relative; display: inline-block; padding-left: 20px; margin-left: 20px;}
.logo_name_w:before{ position: absolute; top: 0px; left: 0px; content: ""; display: inline-block; width: 1px; height: 35px; background: #fff; }
.head_ul{ margin-top: 0px; }
.head_ul li{ float: left; position: relative; text-align: center; }
.head_ul li a{ font-size: 16px; color: #fff; }
.head_ul > li > a{ display: block; padding: 22px 40px;}
.head_ul li a span{ font-size: 12px; color: #c2c2c2; text-transform: uppercase; }
.head_ul .icon .active a,.head_ul .icon:hover a{background:none;}
.menu_ul_p .current a{color:#02b2ed}
.head_ul .current a{background: #02b2ed;color:#fff;}
.head_ul > li.active > a,.head_ul > li:hover > a{ background: #02b2ed; }
.head_ul > li.active > a,.head_ul > li.active span,.head_ul > li:hover >a,.head_ul > li:hover span,.sec_ul li:hover a{ color: #fff; }
.head.active .head_ul li{ }
.head.active .logo_w img{ width: 122x; margin-top: 15px; }
.head_ul li:hover i{ color: #fff; }
.head.active .sec_ul{ top:66px; }
.head.active .sec_ul li{ padding: 5px 0px; }
.head_ul > li:last-of-type{ }
.head_ul > li:last-of-type:hover i{ color: #333; }
.sec_ul li a{ position: relative; z-index: 2; }
.sec_ul li:after{ content: ""; width: 0; left: 50%; position: absolute; top: 0; bottom: 0px; background: #2c333b; transition: all .2s ease-in-out;}
.sec_ul li:hover:after{ width: 100%; left: 0; }
.ban_arr{ position: absolute; left: 50%; margin-left:-12px; bottom: 25px; z-index: 10; }
.logo_w_foot{ margin-top: 0px; }
.sec_ul{display: none; position: absolute; top: 66px; left: 0px; background: #fff; min-width: 100%; background: #fff; box-shadow: 0px 3px 3px 0px #999;}
.sec_ul li{ float: none; text-align: left; padding: 5px 5px; text-align: center;}
.sec_ul li:hover{ background:#034c94;}
.sec_ul li:hover a{color:#fff !important;}
.sec_ul li a{ color: #333 !important;background:none !important; font-size: 13px;}
.head_phone,.h3_p,.tse02,.swiper-button-next01,.swiper-button-prev01,.menu_p{ display: none; }
.menu_p{ position: fixed; top: 40px; width: 100%; right: -100%;transition: all .2s ease-in-out; background: #f7f6f4; bottom: 0px; z-index: 100; padding: 0px 10px; }
.menu_ul_p li{ float: none; border-bottom: 1px solid #cecdc9; padding: 10px 0px; position: relative;}
.menu_ul_p li a{ color: #484a51; }
.menu_ul_p li span{ float: right; background: #dfdeda; width: 50px; text-align: center; line-height: 40px; top: 0px; right: 0px; height: 40px; display: inline-block; position: absolute;}
.menu_ul_p li span.btnbj{background:#000;}
.menu_ul_p li span i.jtbj{color:#fff;}
.menu_ul_p li span i{ color: #181817; }
.sec_ul_p{ margin-top: 10px; display: none; }
.sec_ul_p li{ float: none; border-bottom: none; padding: 5px 0px 5px 10px; }
.menu_ul_p li.active span{ background: #e10413; }
.menu_ul_p li.active span i{ color: #fff; }
.menu_p.active{ right: 0px; }
.head.active .sear_w i{ color: #000; }
.head.active .sear_w{ margin-top: 0px; }
.sear_w {margin-top: 45px;cursor: pointer;}
.sear_w i { color: #fff;}
.sear_pa {background: #fff;width: 200px; height: 30px; line-height: 30px;position: absolute; top: 60px; right: 0px;opacity: 0;transition: all .2s ease-in-out;}
.sear_pa input {width: 100%;height: 30px; line-height: 30px;border: 1px solid #eee;text-indent: 1em;}
.sear_pa i {cursor: pointer; position: absolute;top: -1px; right: 10px;z-index: 2;color: #000;}
.sear_pa.active {top: 45px;opacity: 1;}
.head_top_ul li { color: #7f7f7f; padding: 0px 10px; position: relative; }
.head_top_ul li:nth-child(1){ border-right: 1px solid #ececec; }
.head_top{ padding: 10px 0px 8px; border-bottom: 1px solid #ededed; transition: all .2s ease-in-out;}
.head_top img{position: absolute; top: 0px; left: 0px; right: 0px;}
.head_top p{ color: #7f7f7f; }
.head .head_sou{ font-weight: bold; font-size: 30px; }
.banner_b { padding: 0px 0px; background: #f5f5f5; }
.banner_b_ul li{ width: 14.2%; position: relative; padding: 10px 0px; text-align: center; }
.banner_b_ul li i{ color: #2c333b; font-size: 47px; transition: all .5s ease-in-out; display: inline-block;}
.banner_b_ul li:hover{ background: #e10413; color: #fff;}
.banner_b_ul li:hover span,.banner_b_ul li:hover i,.banner_b_ul li:hover em{ color: #fff;}
.banner_b_ul li span{ display: block; font-size: 16px; color: #232323; margin-top: -1px; }
.banner_b_ul li em{ font-style: normal; font-size: 23px; color: #232323; }
.banner_b_ul li:after{ content: ""; width: 1px; height: 100%; background: #e6e6e6; position: absolute; top: 0px; right: 0px;}
.banner_b_ul li:last-of-type:after{ display: none; }
.tit_wrap h3{ font-size: 30px; color: #034c94; font-weight: bold; display: inline-block; padding: 0px 10px; position: relative; z-index: 2;}
.tit_wrap span{ font-style: italic; display: block; font-size: 21px; color: #cacaca; display: inline-block; }
.tit_wrap p{ font-size: 15px; color: #cacaca; display: inline-block; background: #fff; padding: 0px 40px;position: relative; z-index: 2;}
.aboutin_w{ padding:60px 0px 96px; }
.tit_wrap span i{ font-style: normal; font-size: 60px; display:inline-block; position: relative; top: -4px; left: -10px;}
.company_ul{ display: inline-block; margin-bottom: 40px;}
.company_ul li:nth-child(2){ margin: 0px 30px; }
.company_ul li{ cursor: pointer; text-align: center;border:1px solid #85878d;border-radius:15px;padding:10px 25px;}
.company_ul li i{ font-size: 40px; color: #ccc; }
.company_ul li h3{ font-size: 17px; color: #2c333b; margin: 10px 0px; }
.company_ul li p{ color: #2c333b; }
.company_con{ font-size: 15px; color: #656565; line-height: 35px; text-align: left; }
.company_con a{ transition: all .2s ease-in-out; display: none; font-size: 15px; background: #7e7e7e; color: #fff; font-weight: bold; padding: 2px 30px; margin-top: 30px; }
.company_ul li.active i,.company_ul li.active h3,.company_ul li.active p,.company_ul li:hover i,.company_ul li:hover h3,.company_ul li:hover p{ color:#333; }
.company_con{ display: none; }
.company_con.active{ display: block; }
.proin_w{ padding: 60px 0px 0; }
.proin_ul{ margin-bottom: 25px; display: inline-block; margin-top: 0px;}
.proin_ul li{ transition: all .4s ease-in-out;margin:0 8px; cursor: pointer; font-size: 15px; color: #333;border-radius:5px;border:1px solid #034c94; font-weisght: bold; padding: 10px 30px; }
.proin_ul li a{ color:#333; }
.proin_ul2{ margin-bottom: 25px; display: inline-block; margin-top: 0px;}
.proin_ul2 li{ transition: all .4s ease-in-out;margin:0 8px; cursor: pointer; font-size: 15px; color: #333;border-radius:5px;border:1px solid #034c94; font-weisght: bold; padding: 10px 30px; }
.proin_ul2 li a{ color:#333; }
.swiper-container.on a{display: block; position: relative;}
.swiper-container.on .proin_lay{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(77,153,230); opacity: 0; padding: 40px; color: #fff;}
.proin_lay strong{ margin-bottom: 10px; display: block;}
.proin_lay p{ margin-bottom: 50px; }
.proin_lay .en_h3{ font-size: 21px; color: #fff; text-transform: uppercase; margin-bottom: 10px;}
.proin_lay .cn_h3{ font-size: 17px; margin-bottom: 30px;}
.proin_lay span{ display: block; font-size: 16px; color: #fff; }
.proin_lay .swiper-slide{ border:1px solid #f5f5f5; }
.proin_w .tit_wrap h3,.proin_w .tit_wrap p,
.kehuin_w .tit_wrap h3 ,.kehuin_w .tit_wrap p
{ background: #f5f5f5; }
.proin_ul li.active,.proin_ul li:hover{ color: #fff; background:#034c94; }
.proin_ul li.active a,.proin_ul li:hover a{ color: #fff; }
.proin_ul2 li.active,.proin_ul2 li:hover{ color: #fff; background:#034c94; }
.proin_ul2 li.active a,.proin_ul2 li:hover a{ color: #fff; }
.proin_lay strong,.proin_lay p{opacity: 0;}
.swiper-container.on a:hover .proin_lay,.swiper-container.on a:hover strong,.swiper-container.on a:hover p{ opacity: 1; }
.swiper-pagination.on .swiper-pagination-bullet{ width: 9px; height: 9px; background: #e10413; border-radius: 100%; opacity: 1;position: relative; margin: 0px 3px;}
.swiper-pagination.on .swiper-pagination-bullet-active:before{ content: ""; border:1px solid #e10413; width: 15px; height: 15px; border-radius: 100%;position: absolute; top: -3px; left: -3px; }
.proin_w .swiper-pagination.on{ left: 0px; right: 0px; bottom: 20px; }
.container_proin_w{ padding-bottom: 20px;}
.swiper-pagination.on .swiper-pagination-bullet:focus{ outline: none; }
.container_proin_w{ display: none; }
.container_proin_w.active{ display: block; }
.changjia_l span{ display: inline-block; background: #2c333b; font-size: 27px; color: #fff; width: 53px; text-align: center; line-height: 53px; z-index: 2; height: 53px; position: absolute; top: -10px; left: 20px;}
.changjia_r{ padding:35px 50px 40px 40px; }
.changjia_r h3{ font-size: 24px; color:#333333; margin-bottom: 0px; font-weight: bold; }
.changjia_r p{ color: #6f6f6f; line-height: 25px;font-size:16px;text-indent:2em;margin:10px 0;}
.changjia_w{ background: #f5f5f5; }
.adwan_w{ padding: 60px 0px 30px;background:#f5f5f5; }
.changjia_l .col-md-6{ padding: 0px; }
.casein_con{ }
.casein_con h3{ font-size: 16px; color:#222222; margin-bottom: 8px;margin-top:8px; }
.casein_con p{ color: #6f6f6f; line-height: 22px; margin-bottom: 30px;text-align:center; }
.casein_con a{ }
.casein_con img.arrow_index{ position: absolute; top: 50%; margin-top: -18px; right: -20px; z-index: 2;}
.see_con{ background: #e10413; text-align: center; }
.see_con h3{ font-size: 20px; color: #fff; margin-top: 35%; margin-bottom: 20px; transition: all .2s ease-in-out;}
.see_con h3 span{ font-size: 14px; }
.see_con .col-md-4 img{ display: inline-block; transition: all .2s ease-in-out;}
.yu_lay{ height: 115px; transition: all .2s ease-in-out; position: absolute; left: 15px; right: 15px; bottom: -200px; background: rgba(0,0,0,0.5); padding: 20px; color: #fff;}
.yu_lay h3{ font-size: 16px; margin-bottom: 20px; }
.yu_lay_w{ overflow: hidden;padding:0 5px; }
.yu_lay_w:hover .yu_lay { bottom: 0px; }
.see_con_w .col-md-8{ padding: 0;}
.see_con_w{ background: #e10413;}
.casein_con.active{ background:#e2e2e2; }
.casein_con .col-md-6{ padding: 0px; }
.case_w001{ padding:65px 40px; }
.casein_con .case_w000 .arrow_index{ transform: rotate(180deg); left: -20px; right: auto; z-index: 2;}
.casein_con .case_www .arrow_index{ right: -20px; z-index: 2; left: auto;transform: rotate(0deg); }
.case_index .col-md-6:nth-child(1){ padding-right: 5px; }
.container-fluid{width:1170px;margin:0 auto;}
.listproimg{width:1170px;margin:0 auto;}
.casein_w{ padding: 20px 0px 0; padding-bottom: 0px !important;background:#fff;}
.container_newin a{ display: block; }
.container_newin dt{ font-size: 12px; color: #545454; width: 80px; font-weight: normal; text-align: center; float: left; border-right: 1px solid #dedede; padding: 0px 10px;}
.container_newin dt span{ display: block; font-size: 46px; color: #545454; margin-bottom: 0px; }
.container_newin dd{ width: 80%; float: right; }
.container_newin dd h3{ font-size: 17px; color: #545454; margin-bottom: 20px; }
.container_newin dd p{ color: #7a7878; line-height: 25px;}
.casein_w .pagination_newin .swiper-pagination-bullet,
.kehuin_w .pagination_kehu .swiper-pagination-bullet
{ background: #e10413; }
.casein_w .pagination_newin { left: 0px; right: 0px; bottom: 3px;}
.casein_w .pagination_newin .swiper-pagination-bullet-active:before,
.kehuin_w .pagination_kehu .swiper-pagination-bullet-active:before
{border-color:#e10413; }
.kehuin_w{ background: #f5f5f5; padding: 40px 0px 80px;}
.container_kehu img{ border:4px solid #e8e8e8; }
.container_newin_w{ padding-bottom: 40px; }
.kehuin_w .pagination_kehu{ left: 0px; right:0px; bottom: -48px;}
.contactin_w{ background: #e10413; color: #fff; line-height: 25px;}
.contactin_w h3{ font-size: 22px; color: #fff; font-weight: bold; margin-bottom: 5px; }
.contactin_w p{ font-size: 15px; color: #fff; text-transform: uppercase; margin-bottom: 0px; }
.p_h3{ font-size: 36px; color: #fff; margin-bottom: 35px; }
.con_w{ background: #fff; padding: 35px 50px; }
.con_w h3{ font-size: 22px; color: #3d3d3d; margin-bottom: 20px; font-weight: normal; }
.in_w{ width: 100%; border:1px solid #dfdfdf; height: 50px; line-height: 50px; position: relative;margin-bottom: 20px;}
.in_w span{ text-align: center; display: inline-block; width: 50px; height: 50px; line-height: 50px; float: left; position: absolute; top: 0px; left: 0px; z-index: 2;}
.in_w span i{ color: #989898; font-size: 30px; }
.in_w input{ width: 100%; height: 48px; line-height: 48px; color: #989898; position: absolute; top: 0px; left: 0px; text-indent: 50px;}
.con_w select{width: 100%; height: 50px; line-height: 50px;color: #989898; border-radius: 4px; border:1px solid #dfdfdf; margin-bottom: 20px; text-indent: 10px;}
.con_w button{ border:none; border:1px solid #e10413; padding: 6px 40px; color: #e10413; background: transparent;}
.contactin_w .col-md-8{ background: url("../images/bj02.jpg"); background-size: cover; }
.con_w{ margin:35px; }
.contactin_w > .col-md-4{ padding: 60px 40px; }
.con_line{ display: inline-block; width: 154px; height: 1px; background: #fff; margin: 20px 0px 40px; }
.sha_wrap { margin:30px 0px; }
.sha_wrap .sha_w{ width: 41px; height: 41px; border:1px solid #fff; border-radius: 100%; display: inline-block; margin-right: 10px; position: relative;}
.sha_wrap .sha_w span{ display: inline-block;width: 41px; height: 41px; border-radius: 100%; text-align: center; line-height: 41px; position: absolute; top: 0px; left: 0px; z-index: 1;}
.sha_wrap .sha_w span i{ color: #fff;}
.sha_wrap .sha_w a{ background-image: none !important; padding: 0px !important; margin: 0px !important;width: 41px; height: 41px; border-radius: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; opacity: 0;}
.foot{ padding-top: 20px; background: #034c94;}
.foot_ul li{ width: 20%; color: #fff; }
.foot_ul li:nth-child(7){ width: 18.3%; }
.foot_ul li h3{ font-size: 16px; color: #fff; margin-bottom: 15px; }
.foot_ul li a{ display: block; margin-bottom: 10px;font-weight:normal; color: #fff; }
.foot_ul li a:hover{ color: #fff; }
.er_w{ display: inline-block; }
.copy{ background: #02b2ed; color: #fff; text-align: center; padding: 10px 0; }
.bain_lay {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.ban_in_lay {
position: absolute;
left: 0px;
right: 0px;
bottom: 140px;
text-align: center;
}
.ban_in_lay h3 {
font-size: 40px;
font-weight: bold;
color: #fff;
margin-bottom: 20px;
text-transform: uppercase;
}
.ban_in_lay p{ font-size: 17px; color: #fff; }
.ban_in_lay p a{ color: #fff; }
.menuinner_ul_w{ border-bottom: 1px solid #dedede; margin-bottom: 40px; }
.menuinner_ul{ display: inline-block; margin-top: -1px; margin-bottom: -5px; }
.menuinner_ul li a{ font-size: 17px; color: #9fa0a0; position: relative; }
.menuinner_ul li:first-child{ border-left: 0; }
.menuinner_ul li{ border-left: 1px solid #dcd7d7; padding: 20px 20px; }
.menuinner_ul li a:before{ content: ""; width: 0%; height: 2px; background: #fff; position: absolute; left: 0; bottom: -10px; }
.menuinner_ul li:hover a:before,.menuinner_ul li.active a:before{ width: 100%; }
.menuinner_ul li,
.menuinner_ul li a:before{
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}
.container_proin_w .product-title {
opacity: 0.8;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.container_proin_w .content-center {
width: 1170px;
margin: 0 auto 30px!important;
overflow:hidden;
}
.container_proin_w .product-title .p-title h2 {
font-weight: lighter;
color: #3d3d3d;
}
.product-title .p-title h2 span {
border-bottom: 2px solid #3d3d3d;
height: 70px;
line-height: 70px;
display: inline-block;
}
.container_proin01{overflow:hidden;}
.container_proin02{overflow:hidden;}
.cplistbox{width: 1170px;margin: auto;overflow:hidden;display:none;padding:0 10px;}
.cplistbox .xiantiao{width:25%;float:left;}
.cplistbox .listpro{width:25%;float:left;}
.cplistbox>div>a{width:95%;display:block;margin:auto;padding:20px 0;}
.cplistbox>div>a p{color:#8A8582;text-align:center;font-size:12px;}
.cplistbox>div>a:hover p{color:#333;}
.cplistbox2{width: 1170px;margin: auto;overflow:hidden;display:none;padding:0 10px;}
.cplistbox2 .xiantiao:first-child{width:33.3333%;float:left;border-bottom:1px solid #ccc;margin-top:1px;border-left:1px solid #fff;}
.cplistbox2 .xiantiao:nth-child(3){border-right:none;}
.cplistbox2 .xiantiao:nth-child(6){border-right:1px solid #fff;}
.cplistbox2 .xiantiao:nth-child(9){border-right:1px solid #fff;}
.cplistbox2 .xiantiao:nth-child(4){width:33.3333%;float:left;border-right:1px solid #ccc;border-left:1px solid #fff;border-bottom:none;}
.cplistbox2 .xiantiao:nth-child(5){width:33.3333%;float:left;border-right:1px solid #ccc;border-bottom:none;}
.cplistbox2 .xiantiao:nth-child(6){width:33.3333%;float:left;border-bottom:none;}
.cplistbox2 .xiantiao:nth-child(7){width:33.3333%;float:left;border-right:1px solid #ccc;border-left:1px solid #fff;}
.cplistbox2 .xiantiao:nth-child(10){width:33.3333%;float:left;border-right:1px solid #ccc;border-left:1px solid #fff;}
.cplistbox2 .xiantiao:nth-child(13){width:33.3333%;float:left;border-right:1px solid #ccc;border-left:1px solid #fff;}
.cplistbox2 .xiantiao{width:33.3333%;float:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.cplistbox2 .listpro{width:33.3333%;float:left;}
.cplistbox2>div>a{width:95%;display:block;margin:auto;padding:20px 0;}
.cplistbox2>div>a p{color:#8A8582;text-align:center;font-size:12px;}
.cplistbox2>div>a:hover p{color:#333;}
.cplistbox3{width: 1170px;margin: auto;overflow:hidden;display:none;padding:0 10px;}
.cplistbox3 .xiantiao:first-child{width:33.3333%;float:left;border-bottom:none;margin-top:1px;border-left:1px solid #fff;}
.cplistbox3 .xiantiao:nth-child(2){border-right:1px solid #fff;border-bottom:none;}
.cplistbox3 .xiantiao{width:33.3333%;float:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.cplistbox3 .listpro{width:33.3333%;float:left;}
.cplistbox3>div>a{width:95%;display:block;margin:auto;padding:20px 0;}
.cplistbox3>div>a p{color:#8A8582;text-align:center;font-size:12px;}
.cplistbox3>div>a:hover p{color:#333;}
.cplistbox4{width: 1170px;margin: auto;overflow:hidden;display:none;padding:0 10px;}
.cplistbox4 .xiantiao:first-child{width:33.3333%;float:left;border-bottom:none;margin-top:1px;border-left:1px solid #fff;}
.cplistbox4 .xiantiao:nth-child(2){border-right:1px solid #ccc;border-bottom:none;}
.cplistbox4 .xiantiao:nth-child(3){border-right:1px solid #fff;border-bottom:none;}
.cplistbox4 .xiantiao{width:33.3333%;float:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.cplistbox4 .listpro{width:33.3333%;float:left;}
.cplistbox4>div>a{width:95%;display:block;margin:auto;padding:20px 0;}
.cplistbox4>div>a p{color:#8A8582;text-align:center;font-size:12px;}
.cplistbox4>div>a:hover p{color:#333;}
.casein_t:hover .more01{display:block;}
.casein_t:hover .more_lay{bottom:0px;}
.listpro a{width:95%;display:block;margin:auto;padding:20px 0;}
.listpro a p{color:#8A8582;text-align:center;font-size:12px;}
.listpro a:hover p{color:#333;}
.container table td{text-align:center;}
.case_list a {
transition: all .3s ease-in-out;
}
.cplistbox .pro_list .h3 {
font-size: 16px;
color: #000000;
text-align: center;
padding: 20px 0px;
margin:0;
}
.menuinner_ul .xuan{background: #034c94; }
.menuinner_ul .xuan a{color:#fff;}
.menuinner_ul li:last-of-type{ margin-right: 0px; border-left: 1px solid #dcd7d7;}
.menuinner_ul li.active,.menuinner_ul li:hover{ background: #034c94; }
.menuinner_ul li.active a,.menuinner_ul li:hover a{ color: #fff; }
.newinner_w{ padding: 20px 0px;transition: all .2s ease-in-out;}
.newinner_w h3{ font-size: 18px; color: #4d4d4d; margin-bottom: 20px; }
.newinner_w span{ margin-bottom: 10px;}
.newinner_w p{ color: #8b8b8b; line-height: 25px; margin-bottom: 20px;}
.new_sha_w { width: 30px; height: 30px; position: relative; display: inline-block;}
.new_sha_w span{ display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; position: absolute; top: 0px; left: 0px; z-index: 1;}
.new_sha_w span i{ color: #b5b5b5; font-size: 20px;}
.new_sha_w a{ background-image: none; padding: 0px !important; margin: 0px !important; display: inline-block;position: absolute; top: 0px; left: 0px; z-index: 2; opacity: 0; }
.newinner_w:hover{ background: #eee;}
.newinner_w:hover h3{ color: #000; }
.newinner_w:hover span{ color: #000; }
.newinner_w:hover p{ color: #000; }
.newinner_w:hover i{ color: #2c333b; }
.page_ul{ display: inline-block; }
.page_ul li a{ color: #aaaaaa; display: inline-block; width: 30px; height: 30px; background: #f7f7f7; border-radius: 100%; text-align: center; line-height: 30px; }
.page_ul li{ color: #aaaaaa; padding: 0px 10px; }
.page_ul li i{ color: #aaaaaa; }
.page_ul li.active a,.page_ul li:hover a,.page_ul li:hover i{ background: #c30d23; color: #fff;}
.casein_lay{ position: absolute; left: 30px; bottom: 40px; right: 20px; z-index: 0;}
.casein_lay h3{ font-size: 21px; color: #fff; }
.casein_lay span{ font-size: 16px; color: #fff; text-transform: uppercase; }
.caseni_line{ display: inline-block; width: 90px; height: 1px; background: #fff; margin: 12px 0; }
.casein_b{ padding: 20px 15px;transition: all .2s ease-in-out;}
.casein_b h3{ font-size: 18px; color: #222222; margin-bottom: 0px;}
.casein_b p{ color: #4f4f4f; line-height:25px; border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; padding-bottom: 10px;}
.casein_b span{ color: #000000;}
.casein_b span.fl i{ color: #6f6f6f; }
.casein_b span.fr i{ color: #222222; }
.casedes_w h3{ font-size: 23px; color: #222222; text-align: center; margin-bottom: 30px;}
.casedes_w p{font-size: 15px; color: #6d6d6d; text-align: center; line-height: 30px;}
.case_banner .next_case_banner,.pro_des_wrap .next_pro_des{ width: 59px; height: 78px; background: url("../images/next.png"); right: 0px; background-size: contain; }
.case_banner .prev_case_banner,.pro_des_wrap .prev_pro_des{ width: 59px; height: 78px; background: url("../images/prev.png"); left: 0px; background-size: contain;}
.case_banner{ margin-bottom: 40px;}
.case_banner .container_case_banner{ width: 70%; }
.case_w_lay{ padding: 20px;}
.case_w_lay strong{ display: block; font-size: 14px; color: #fff; margin-bottom: 5px; }
.case_w_lay p{ color: #fff; margin-bottom: 20px;}
.pro_list .casein_lay{ left: 20px; bottom: 30px; }
.pro_span01{ font-size: 17px; color: #fff; margin: 5px 0 10px; display: block;}
.biao_p { font-size: 15px; color: #6b6b6b; padding:20px 0;; line-height: 35px; }
.biao_p i{ color: #6b6b6b; }
.biao_p span{ font-size: 21px; color: #c30d23; }
.biao_p_ul{ display: inline-block; }
.biao_p_ul li{ margin-right: 20px; float: none; margin-bottom: 10px;}
.biao_p_ul li:last-of-type{ margin-top: -8px; }
.pro_des_wrap{ margin-bottom: 40px; }
.top_pro_des_w{ margin-bottom: 10px; }
.pro_arrow{ display: none; position: absolute; left: 50%; margin-left:-8px; top: -8px; }
.thumbs_pro_des .swiper-slide-active{ border:4px solid #e10413; }
.thumbs_pro_des .swiper-slide-active .pro_arrow{ display: block;}
.pro_des_wrap .thumbs_pro_des{ overflow: initial; }
.thumbs_pro_des_w{ overflow: hidden; }
.thumbs_pro_des_w{ margin: 0px auto; }
.abin_company{ padding: 30px 0px 50px; }
.ab_tit h3 { font-size: 25px; color: #353537; font-weight: bold; }
.ab_tit p{ color: #c3c3c3; margin: 5px 0px 0; }
.ab_tit{ margin-bottom: 60px; }
.ab_tit span{ display: inline-block; width: 40px; height: 6px; background:#2c333b; margin: 0px 0px 0; }
.abin_con{ color: #5b5b5b; line-height: 25px; padding-bottom: 40px;}
.cul_l{ width:120px; text-align: center; }
.cul_l img{ display: inline-block; }
.cul_r{ width: 88%; position: relative;font-size: 17px; color: #5b5b5b; line-height: 25px; background: #fff; padding: 10px 10px 10px 0;}
.dt_div_img{ position: absolute; top: 0px; bottom: 0px; left: 0px; }
.dt_div { font-size: 18px; color: #353537; padding: 30px 0px; border-right: 1px solid #cfd3e4; text-align: center; font-weight: bold;}
.cul_r dt { width:160px; text-align: center; }
.cul_ul li{ float: none; margin-bottom: 20px;}
.cul_r p{ padding-top: 18px; line-height: 28px;}
.cul_l img{ margin-top: -13px; }
.honer_wrap{ background: url("../images/bj04.jpg"); background-size: cover; }
.honner_img{ border:1px solid #dadada; margin-bottom: -10px; }
.container_honner h3{ font-size: 16px; color: #666; text-align: center; margin-top: 20px; }
.honner_wrap{ padding-bottom: 40px; }
.honner_wrap .pagination_honner,.pagination_par{ left: 0px; right: 0px; bottom: 0px; }
.honner_wrap .pagination_honner .swiper-pagination-bullet,.container_par_w .pagination_par .swiper-pagination-bullet{ background:#a5a5a5; }
.honner_wrap .pagination_honner .swiper-pagination-bullet-active:before,.container_par_w .pagination_par .swiper-pagination-bullet-active:before,.banner .swiper-pagination_ban .swiper-pagination-bullet-active:before{ border-color:#a5a5a5; }
.container_par_w{ padding-bottom: 40px; }
.banner .swiper-pagination_ban .swiper-pagination-bullet{ background: #fff; }
.banner .swiper-pagination_ban .swiper-pagination-bullet-active:before{ border-color: #fff; }
.container_par .swiper-slide img{ border:1px solid #e8e8e8; }
.container_par .swiper-slide.active img{ border-color: #e10413; }
.map_lay{ position: absolute; top: 30%; left: 0; right: 0; bottom: 0px; text-align: center; font-size: 40px;
color: #fff;
font-weight: bolder; }
.con_phone{ box-shadow: 0px 0px 10px 0px rgb(181, 177, 177); background: #fff; margin-top: -100px; position: relative; z-index: 2; margin-bottom: 40px;padding-bottom:20px;}
.con_phone .col-md-6:nth-child(1){ padding: 50px; }
.con_phone .col-md-6 input{ width: 100%; height: 40px; line-height: 40px; margin-bottom: 10px; border-bottom: 1px solid #d3d3d3; }
.con_phone .col-md-6 textarea{ border: none; width: 100%; height: 100px; resize: none; border-bottom: 1px solid #d3d3d3;}
.con_phone .col-md-6 button{ background: #034c94;border-radius:5px; color: #fff; padding: 6px 40px; margin-top: 20px; border: none;}
.con_phone .col-md-6 h3{ font-size: 30px; text-transform: uppercase; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 20px; padding-left: 45px; padding-top: 40px;}
.con_phone .col-md-6 h3 span{ font-size: 26px; }
.mapbg{margin-top:20px;}
.contact_ul{ padding-left: 50px; margin-top: 50px; margin-bottom: 20px;}
.contact_ul li{ float: none; font-size: 18px; color: #fff; margin-bottom: 13px;}
.contact_ul li span{ }
.contact_ul li i{ color: #fff; padding-right: 10px; font-size: 21px; }
.con_er{ padding-left: 50px; color: #fff; display: inline-block; }
.con_er span{ position: absolute; right: -110px; bottom: 0px; color: #aacbdc;}
.con_phone .col-md-6:nth-child(2){ background:#2c333b; padding-bottom: 20px; }
.lianxi_list h3{ font-size: 17px; color: #2c333b; margin-bottom: 15px; font-weight: bold; }
.lianxi_list { font-size: 17px; color: #616161; line-height: 35px; margin-bottom: 40px;}
.sear_wrap {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(0,0,0,0.5);
z-index: 9999;
display: none;
}
.sear_wrap i {
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
color: #fff;
}
.sear_in {
width: 22%;
right: 20%;
position: absolute;
top: 10%;
}
.sear_wrap input {
width: 100%;
height: 35px;
line-height: 35px;
text-indent: 2em;
}
.sear_in button {
width: 100px;
text-align: center;
color: #fff;
height: 40px;
line-height: 40px;
background: #2c333b;
border: none;
position: absolute;
top: 0px;
right: 0px;
}
.swiper-pagination_ban{ left: 0px; right: 0px; }
.company_con a:hover,.casein_con a:hover{ background: #2c333b; color: #fff; border-color: #2c333b; }
.foot_p{ display: none; position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 90; background: rgba(0,0,0,0.6); padding: 10px;}
.foot_p a{ display: inline-block; background: #034c94;float:left;margin:0 1%; text-indent: 2em; font-size: 12px; color: #fff; padding: 7px 0px 10px 0; width: 31%; text-align: center; border-radius: 4px; position: relative; }
.foot_p a i{ color: #fff; font-size: 21px; }
.foot_p a span{ display: inline-block; position: absolute; top: 0px; left: -3%;}
.case_w_lay{ transition: all .2s ease-in-out; }
.container_proin_w a:hover .case_w_lay{ display: block; }
.container_proin_w a:hover .casein_lay{ z-index: 2; }
.container_proin_w .case_w_lay{ padding: 30px; }
.container_proin_w .case_w_lay strong{ margin-top: 7%; }
.see_con h3:hover,.yu_lay:hover{ text-indent: 10px; }
.see_con .col-md-4 img:hover{ margin-left: 10px; }
.container_kehu .swiper-slide.active img,.container_kehu .swiper-slide:hover img{ border: 4px solid #e10413; }
.container_newin_w{ display: none; }
.container_newin_w.active{ display: block; }
.case_banner .prev_case_banner, .pro_des_wrap .prev_pro_des,.case_banner .next_case_banner, .pro_des_wrap .next_pro_des{ width: 30px; height: 40px; }
.pro_b{ margin-top: 20px; }
.pro_b_t{ background: #c9c9c9; }
.pro_b_t_b3 { display: inline-block; font-size: 18px; color: #e10413; background:#034c94; padding: 13px 30px; color: #fff; position: relative; }
.pro_b_t_b3:before{ display: none; content: ""; background: url("../images/icon08.png"); width: 24px; height: 14px; position: absolute; left: 50%; margin-left: -12px; bottom: -14px; }
.pro_b_b{ font-size: 15px; color: #6d6d6d; line-height: 25px; padding: 40px 0px; }
.yu_lay02{ left: 0px; right: 0px;}
.case_w001{ height: 100%; display: none;}
.case_w002{ display: block; }
.case_w_lay:before,.case_w_lay:after{
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
content: '';
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s; }
.case_w_lay:before{
content: "";
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: scale(0,1);
}
.case_w_lay:after{
content: "";
border-right: 1px solid #fff;
border-left: 1px solid #fff;
transform: scale(1,0);
}
.line100 { display: none; }
.case_w_lay{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(3,143,214,0.7); opacity: 0; transition: all .2s ease-in-out;}
.case_list a{transition: all .3s ease-in-out;}
.case_list a{ display: block;}
.case_list a:hover h3{ color: #fff; }
.casein_t:hover .casein_lay{ z-index: 2; }
.casein_t:hover .case_w_lay { display: block; }
.casein_t:hover .case_w_lay:before,.casein_t:hover .case_w_lay:after{ opacity: 1;transform: scale(1,1); }
.casein_t:hover .case_w_lay{ opacity: 1; }
.logo_img { width: 122x; margin-top: 15px;}
.tit_wrap_advan:after { left: -30px; }
.case_w_lay h3{ color: #fff; }
.youshi_ul li{ float: none; margin-bottom: 10px; font-size: 16px; }
.youshi_ul li img{ margin-right: 10px; margin-top: -8px; }
.youshi_ul li i{ color: #e7515c; }
.changjia_r i.xin{ font-size: 50px; color:#2c333b; position: absolute; top: 21px; left: 55px; transition: all .2s ease-in-out; }
.changjia_r i.xin:hover{ transform: rotate(360deg); }
.changjia_r span{ font-size: 12px; color: #959595; text-transform: uppercase;}
.yu_lay h3,.yu_lay p{ color: #fff; }
.foot_ul li:last-of-type{ text-align: right; }
.foot_ul li:last-of-type h3{ text-align: center; text-indent: 20px; }
.case_spanin{ display: block; position: absolute; top: 45%; text-align: center; color: #fff; left: 0px; right: 0px; }
.case_spanin i{ font-style: normal; font-size: 18px; }
.case_index3 { padding: 0px 10px; }
.case_index6{ padding: 0px 0px; }
.newin_dd_l{ width: 60%; }
.newin_dd_r{ width: 38%; }
.yxiao_ul li{ float: none; margin-bottom: 10px;}
.brans_img img{ display: block; margin-top: 20px; margin-bottom: 20px; max-width: 100%;}
.brans_img h3{ margin: 10px 0;}
.join_span{ display: inline-block; background: #2c333b; color: #fff; border-radius: 20px; padding: 10px 30px; margin-top: 20px;}
.prodes_return{ display: inline-block; border-radius: 20px; padding:9px 30px; color: #fff; background: #e10413;}
.prodes_return i{ color: #fff;}
.prodes_return:hover{ color: #fff; }
.pro_w_lay{ position: absolute;text-align:center; width: 100%; height: 100%; left: -100%;top: -100%; background: rgba(3,143,214,0.7);font-size:16px;line-height:100px; color: #fff; padding: 40px; }
.biao_p_b{ margin-top: 94px; }
.pro_w_lay strong{ margin-bottom: 20px;}
.pro_list{ overflow: hidden; }
/* .listpro .casein_t { background:#dedede;padding:30px 0; overflow: hidden; } */
.casein_t { overflow: hidden; }
.trans{ -webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
backface-visibility: hidden; }
.index_h3{ text-align: center; color: #333;margin-top:20px; font-size: 16px; padding: 5px 0; display: block;}
.mfei{ text-align: center; }
.mfei h3{ font-size: 20px;color: rgb(51, 51, 51); line-height: 30px; margin-bottom:20px;}
.mfei p{ color: rgb(51, 51, 51); margin-bottom: 60px;}
.sec-tit h2 {
font-size:26px;
font-weight: bold;
}
.pro_list h3{ font-size: 17px; color: #000000; text-align: center; padding: 20px 0px;}
.sec-tit h3{
color: #7f7f7f;
font-size: 18px;
margin-top: 5px;
margin-bottom: 10px;
}
.contact_b p {
font-size: 16px;
color: #7a7a7a;
margin-bottom: 10px;
}
.contact_b input, .contact_b textarea {
width: 100%;
height: 48px;
line-height: 48px;
text-indent: 1em;
border: 2px solid #eeeeee;
}
.contact_b textarea {
height: 150px;
resize: none;
}
.contact_b button,.yang_btn {
transition: all .4s ease-in-out;
border: none;
font-size: 16px;
color: #fff;
background: #2c333b;
padding: 10px 50px;
margin-top: 20px;
}
.yang_w{ margin-top: 60px; }
.contact_b button:hover{background: #cd1821; }
.yang_btn:hover{ background: #cd1821;}
.contact_b button.btn_sub {
margin-right: 80px;
}
.upload {
position: relative;
display: inline-block;
background: #939393;
color: #fff;
font-size: 1.4rem;
padding: 8px 30px;
cursor: pointer;
margin-top: 20px;
}
.upload:hover{ color: #fff; }
.upload>input {
position: absolute;
overflow: hidden;
top: 0;
right: 0;
opacity: 0;
cursor: pointer;
}
.bye-clear {
overflow: hidden;
}
.leadIn>ul>li {
width: 12.5%;
float: left;
text-align: center;
padding: 3% 0;
font-size: 18px;
}
.leadIn>ul>li i{ color: #5f5f5f; font-size: 60px; display: block; margin-bottom: 10px; transition: all .5s ease-in-out;}
.leadIn {
padding-left: 3%;
padding-right: 3%;
background-color: #f9f9f9;
}
.leadIn>ul>li:hover i{ transform: rotate(360deg); }
.gulv_p{ margin-bottom: 20px; }
.tit_wrap{ width: 560px; display: inline-block; margin-bottom: 40px;}
.line02,.line01{ margin-top: 29px; }
.welcom{ font-size: 103px; color: #f5f5f5; text-align: center; font-weight: bold; text-transform: uppercase; position: absolute; left: 0px; right: 0px; bottom: -129px; z-index: -1;}
.pro_tt{ overflow: hidden; height: 90px; overflow: hidden; margin-top: -45px; position: relative; z-index: 2; border-bottom: 1px solid #e9e9e9;}
.pro_tt_l{ width: 50%; float: left; height: 90px;}
.pro_biao{ display: inline-block; }
.pro_biao h3{ font-size: 19px; color: #fff; margin-bottom: 5px; margin-top: 23px; letter-spacing: 3px; }
.pro_biao span{ font-size: 12px; color: #fff;}
.pro_biao_phone_dl{ overflow: hidden; float: right; font-weight: normal; margin-top: 18px; margin-right: 33px;}
.pro_biao_phone_dl dt{ width: 60px; float: left; margin-right: 0px; font-weight: normal;}
.pro_biao_phone_dl dt i{ color: #fff; font-size: 40px; }
.pro_biao_phone_dl dd{ float: left; font-size: 23px; color: #fff; padding-top: 13px; padding-right: 5px;}
.pro_sear{ width: 100%; background: #7f7f7f; height: 45px; line-height: 45px; position: relative;}
.pro_sear button{ width:45px; height: 45px; line-height: 45px; position: absolute; top: 0; right: 0px; border:none; background: transparent; }
.pro_sear input{ cursor: pointer; width: 100%; height: 45px; position: absolute; left: 0px; right: 0; background: transparent; text-indent: 10px; color: #fff;}
.pro_sear button i{ color: #fff; }
.pro_tt_l_in{ width: 585px;}
.pro_sear_ul,.pro_sear_ul a { font-size: 13px; color: #656565; line-height: 45px;}
.pro_sear_ul{ padding-left: 10px; }
.pro_sear_ul a { display: inline-block; margin-right: 10px; }
.abin_company_line03{ position: absolute; bottom: 0;left: 0;width:100%; }
.casedes_w{ padding-bottom: 0px; }
.case_banner_in{ width: 70%; margin-left: 15%; }
.case_banner .next_case { background-image: url("../images/next.png") !important; }
.case_banner .prev_case { background-image: url("../images/prev.png") !important; }
.case_banner .next_case:hover { background-image: url("../images/next-1.png") !important; }
.case_banner .prev_case:hover { background-image: url("../images/prev-1.png") !important; }
.case_banner .next_case, .case_banner .prev_case{ width: 60px; height: 60px; background-size: cover; z-index: 1;}
.case_banner .next_case:focus, .case_banner .prev_case:focus{ outline: none; }
.thumbs_case .swiper-slide{ border: 2px solid transparent; }
.thumbs_case .swiper-slide:before{ display: none; content: ""; background: url("../images/pro_arrow.png"); width: 17px; height: 8px; position: absolute; left: 50%; margin-left: -8.5px; top: -8px;}
.thumbs_case .swiper-slide.swiper-slide-thumb-active{border: 2px solid #e10413; }
.thumbs_case .swiper-slide.swiper-slide-thumb-active:before{ display: block; }
.case_banner_in .thumbs_case { overflow: initial; }
.case_banner_in{ overflow: hidden; }
.pedes_l{ width: 73%; }
.pedes_r{ width: 23%; }
.pedes_r_ul li{ float: none; margin-bottom: 10px; border: 3px solid transparent; position: relative;}
.pedes_r_ul li.active{ border-color: #c30d23; }
.pedes_r_ul li:before{ display: none; content: ""; background: url("../images/icon10.png"); width: 11px; height: 18px; position: absolute; left: -11px; top: 50%; margin-top: -5.5px; }
.pedes_r_ul li.active:before{ display: block;}
.biao_p h3{ text-align: left; }
.jiam_in{ background: #f5f5f5; color: #5b5b5b; line-height: 25px; overflow: hidden;}
.jiam_in .tc img{ display: block; margin: 20px auto;}
.jiam_in .col-md-6{ padding: 0; }
.jiam_in .col-md-6.word{ padding: 45px 40px; text-align: center; font-size: 15px; line-height: 28px;}
.abin_company_jm{ padding-top: 60px; }
.jmys{ border-radius: 100%; margin-bottom: 40px; transition: all .2s ease-in-out; }
.jmys img{border-radius: 100%; max-width: 100%;border: 1px solid #eee; padding: 5px; transition: all .5s ease-in-out; }
.jmys_list:hover img{ transform: rotateY(180deg); }
.jmys_list:hover .jmys img{ box-shadow: 0 0 4px 4px #ccc;}
.jmys_list{ color: #7f7f7f; line-height: 25px; text-align: center;}
.jmrx{ background: #f6f6f4; margin-top: 40px;}
.jmrx_l p{ font-size: 26px; color: #000000;}
.jmrx_l h3{ font-size: 45px; color: #ff0000; margin: 10px 0; font-weight: normal;}
.jmrx_l span{ font-size: 20px; color: #000000; }
.mian_ul li{ float: none; border-bottom: 1px solid #efeef1; }
.mian_ul{ border: 1px solid #efeef1; border-bottom: none; }
.mian_ul li a{ display: block; font-size: 16px; color: #4d4d4d; padding:11px 30px; }
.mian_ul li a i.mian_i02{ float: right; font-size: 25px; margin-top: -2px;}
.mian_ul li a i{ color: #c0c0c0; font-size: 20px; }
.mian_ul li:hover a,.mian_ul li.active a{ background: #cd1821; color: #fff;}
.mian_ul li:hover a i,.mian_ul li.active a i{ color: #fff;}
.container_par_w .next_par{ background: url("../images/next02.png"); width: 5px; height: 9px; right: 45%; }
.container_par_w .prev_par{ background: url("../images/prev02.png"); width: 5px; height: 9px; left: 45%;}
.container_par_w .next_par,.container_par_w .prev_par{ top: auto; bottom: 5px; }
.titl_en p{ display: inline-block; width: 130px; position: relative; }
.titl_en p:before{ content: ""; width: 200px; height: 2px; background: #eee; position: absolute; top: 10px; left: -200px; }
.titl_en p:after{ content: ""; width: 200px; height: 2px; background:#eee; position: absolute; top: 10px; right: -200px; }
.wenhua_w .titl_en p:before,.wenhua_w .titl_en p:after{ background: #e0dddd; }
.honner_wrap .next_honner{ background: url("../images/next03.png"); width: 15px; height: 29px; right: -50px; }
.honner_wrap .prev_honner{ background: url("../images/prev03.png"); width: 15px; height: 29px; left: -50px; }
.kehu_index_w .next_kehu{ background: url("../images/next02.png"); width: 5px; height: 9px; right: 44%; }
.kehu_index_w .prev_kehu{ background: url("../images/prev02.png"); width: 5px; height: 9px; left: 44%;}
.kehu_index_w .next_kehu,.kehu_index_w .prev_kehu{ top: auto; bottom: -43px; }
.container_newin_w{ position: relative; }
.container_newin_w .next_newin{ background: url("../images/next02.png"); width: 5px; height: 9px; right: 45%; }
.container_newin_w .prev_newin{ background: url("../images/prev02.png"); width: 5px; height: 9px; left: 45%;}
.container_newin_w .next_newin,.container_newin_w .prev_newin{ top: auto; bottom: 9px; }
.container_newin .swiper-slide{ background: #fff; padding: 10px 10px 0; }
.container_newin .swiper-slide dt{ text-align:left; width: 100%; float: none; font-size: 16px; border:none; padding: 5px 0;}
.container_newin .swiper-slide dd{ float: none; width: 100%; }
.container_newin .swiper-slide dd a{ line-height: 25px; }
.dl_more{ background:#7e7e7e; color: #c3c3c3; display: block; margin: 10px -10px 0; text-align: center; padding: 10px 0; }
.dl_more:hover{ background: #2c333b; color: #fff; }
.container_newin .swiper-slide dl{ margin-bottom: 10px; }
.container_newin .swiper-slide dl:hover a,.container_newin .swiper-slide dl:hover p{ color: #2c333b; }
.container_newin .swiper-slide:hover:before{ }
.company_con a:hover{ background: #2c333b; }
.pro_b_t span{ display: inline-block; color: #fff; margin-left: 6%; font-size: 18px; }
.pro_b_t span:nth-child(3){letter-spacing: 8px;}
.page_w{ border-top: 1px solid #eee; padding: 20px 0; margin-top: 20px;}
.page_a{ display: block; margin-bottom: 10px;}
.page_return{ display: inline-block; border-radius: 20px;padding: 9px 30px;color: #fff; background: #034c94; position: absolute; top: 10px; right: 10px;}
.page_return:hover{ color: #fff; }
.page_a:hover{ color: #e10413;}
.lianxi_list_w{ overflow: hidden; margin-bottom: 0px;}
.lianxi_list_w_in{ margin-bottom: 0px; overflow: hidden;}
.case_banner{border-bottom: 1px dashed #999; padding-bottom: 40px;}
.share_are{ display: inline-block; }
.case_des_admin{ color: #656565; margin-bottom: 20px;}
.share_are{ position: absolute; top: -4px; }
.container_mianfei_w{ padding-right: 40px; margin-top: 20px;}
.container_mianfei_w:before{ content: ""; width: 50%; height: 115%; position: absolute; top: -50px; right: 0px; background: url("../images/line03.jpg") no-repeat; }
.changjia_r:hover img,.advan_img:hover{ transform: rotate(360deg); }
.jiam_in .tc img,.advan_img{ transition: all .2s ease-in-out; }
.honner_img{ box-shadow: 0px 7px 0px 0px #ccc; margin-bottom: 30px;}
.advan_img{ float: left; margin-right: 10px;margin-top: -5px;}
.youshi_ul{ clear: both; margin-top: 30px;}
.changjia_r .adv_phone{ font-size: 19px; color: #000000; }
.adv_phone span{ font-size: 22px; color: #c30e23; font-weight: bold; }
.changjia_r .adv_phone img{ float: left; margin-right: 10px; margin-top: -10px; }
.new_time_index{ display: none; position: absolute; top: 10px; right: 10px; color: #fff; font-size: 12px; text-align: center; padding: 5px 10px; background: #2c333b;}
.new_time_index span{ font-size: 24px; font-weight: bolder; display: block;}
.dl_more{ position: relative; color: #fff; transition: all 0.5s ease 0s; }
.container_newin .swiper-slide:hover .new_time_index{ display: block; }
.container_newin .swiper-slide:hover .dl_more{ background: #2c333b; border: 0px solid ; box-shadow: 0 0 0 19px rgba(0,0,0,0.1) inset; }
.container_proin_w .next_proin01{ background: url(../images/next02.png); width: 5px; height: 9px; right: 48%;}
.container_proin_w .prev_proin01{ background: url(../images/prev02.png); width: 5px; height: 9px; left: 48%;}
.container_proin_w .next_proin01,.container_proin_w .prev_proin01{ top: auto; bottom: 25px;}
.swiper-pagination.on .swiper-pagination-bullet-active:before{ border-color: #a5a5a5;}
.swiper-pagination.on .swiper-pagination-bullet{ background: #a5a5a5; }
.container_proin_w .pagination_proin01_in { left: 0; right: 0; }
.jiam_in .tc img.pin02{ opacity: 0; width: 100%; transition: all .2s ease-in-out;}
.jiam_in .tc img.pin01{ width: 100%; transition: all .2s ease-in-out;}
.word:hover img.pin02{ opacity: 1;}
.word:hover img.pin01{ opacity: 0;}
.yang_i{ font-style: normal; font-size: 16px; color: #6b6b6b; display: block; text-align: center;}
.yang_table th{ width: 218px; border: 1px solid #d5d5d5; font-weight: normal; padding: 10px; font-size: 15px; color: #353537; background: #d5d5d5; text-align: center;}
.yang_table td{ border: 1px solid #d5d5d5; font-size: 15px; color: #353537;}
.yang_table td input{ width: 100%; height:42px; line-height: 22px; text-indent: 1em;}
.yang_table td span{ display: block; padding: 0px 10px;}
.pin01_w{ display: inline-block; width: 80px; height: 80px;}
.pin01_w img{ position: absolute; top: 0; left: 0; margin: 0px !important; }
.pro_w_lay_b { position: absolute; left: 40%;top:50%; bottom: 40px; }
.pro_w_lay_b h3{ font-size: 21px; color: #fff; padding-bottom: 15px;}
.pro_w_lay_b span{ display: block; color: #fff;}
.abin_company .company_ul li i,.abin_company .company_ul li h3,.abin_company .company_ul li p{ color: #ccc;}
.abin_company .company_ul li.active i,.abin_company .company_ul li.active h3,.abin_company .company_ul li.active p{ color: #333;}
.adwan_w .mb20.row:nth-child(3) .advan_img{ margin-top: 1px;}
.adwan_w .mb20.row:nth-child(5) .advan_img{ margin-top: -2px;}
.foot_ul li:nth-child(7) img{ width: 30px; }
.parents_inner{ padding-bottom: 30px; }
.pro_biao_phone_dl dt img{ max-width: 70%; margin-top: 10px; }
.container_proin_w02 { padding-bottom: 30px; }
.container_proin_w02 .pagination_proin01_in{ bottom: -17px; }
.fuwu_body .ab_tit{ margin-bottom: 30px; }
.er_w img{ width: 279px; }
.copy a{ color: #fff; }
.youshi_ul li p{ color: #333; text-indent: 26px;}
.page{ clear: both; }
.pro_inner_wrap{ overflow: hidden; }
.case_pro_tt .pro_biao h3 { }
.pedes_r { overflow-y: hidden; }
.leadIn>ul>li:nth-child(4) i,.leadIn>ul>li:last-of-type i{ font-weight: bold; }
/*新的*/
.casedes_w #example5{ }
#example5 .sp-thumbnail-image,.sp-image{ width: 100%; }
#example5 .sp-thumbnails .sp-thumbnail-container{ margin-bottom: 28px; }
#example5 .sp-selected-thumbnail img{border: 3px solid #c30d23; border-left: none; }
#example5 .sp-selected-thumbnail:after{ border-right: 13px solid #c30d23; }
#example5 .sp-selected-thumbnail:before{ border-left: 3px solid #c30d23; bottom: 2px; height: 100%; }
#example5 .sp-right-thumbnails.sp-has-pointer .sp-thumbnail{ left: 16px; }
.foot .foot_ul{ margin-left: -50px;}
.fuw_img02 p{ position: absolute; font-size: 22px; color: #fff; top: 34%; left:22px;letter-spacing: 2px; }
.fuw_img02 p span{ font-size: 30px; }
.foot_ul li:nth-child(7) p{ position: relative; padding: 4px 0 4px 17px;}
.foot_ul li:nth-child(7) p img{ position: absolute; top: 0; left: -11px;}
.contact_a02{ margin-top: -5px;}
.foot_ul li i{ color: #c30e23;display: inline-block; position: absolute; top: 0; left: -5px; font-size: 18px; }
.jmrx_l{ position: absolute; top: 20%; left: 0; right: 0; display: none; }
.newin_w{ padding: 60px 0 20px;}
.newinner_w02:hover{ background: #fafafa;}
.case_bottom:hover{ background: #fafafa; }
.case_bottom{ line-height: 25px; padding: 20px 0;}
.contact_ul li:nth-child(3) i{ padding-right: 5px;}
.contact_ul li:nth-child(4) i{ font-size:21px; padding-right: 10px;}
/*ysy 2019.1.22*/
.bann1_lay{ padding-top: 60px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1020px; height: 450px; background: url("../images/bj01.png"); background-size:contain; }
.bann1_lay p{ letter-spacing: 5px; font-size: 44px; color: #fff; line-height: 65px; margin-left: 208px; }
.bann2_lay{ padding-top: 70px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1020px; height: 450px; background: url("../images/bj02.png"); background-size:contain; }
.bann2_lay h3{ font-size: 45px; color: #fff; letter-spacing: 7px; margin-bottom: 110px; margin-left: 234px;}
.bann2_lay p{ font-size: 41px; color: #fff; letter-spacing: 2px; margin-left: 237px;}
.bann3_lay{ position: absolute; top: 25%; left: 10%; }
.bann3_lay h3{ font-size: 49px; color: #000; letter-spacing: 6px; }
.bann3_lay p{ font-size: 27px; color: #000; text-transform: uppercase; text-indent: 28px; margin-top: 35px;}
.bann4_lay{ position: absolute;top:28%; left: 27%; }
.bann4_lay h3{ font-size: 60px; color: #231815; letter-spacing: 3px;}
.bann4_lay > span{ display: block; font-size: 26px; color: #231815; margin: 70px 0 40px; text-indent: 95px;}
.bann4_lay p{ font-size: 22px; color: #000000; text-indent: -15px; text-transform: uppercase; letter-spacing: 4px;}
.bann2_lay h3 span,.bann4_lay h3 span{ display: inline-block;}
.rightfix {
position: fixed;
bottom: 200px;
right: 0px;
width: 60px;
border: 1px solid #dee2e7;
border-right: none;
z-index: 2;
border: 1px solid #dee2e7;
background: #fff;
}
.fix_ul li {
font-size: 16px;
color: #696d73;
text-align: center;
float: none;
position: relative;
width: 60px;
height: 50px;
line-height: 50px;
margin-bottom: 0px;
color: #fff;
}
.fix_ul li i {
font-size: 30px;
color: #034c94;
}
.fix_ul li:nth-child(2n){ background: #eaeaea;}
.right_div {
opacity: 0;
position: absolute;
right: -100px;
top: 0px;
background: #2c333b;
color: #fff; font-weight: bold;
line-height: 50px;
transition: all .2s ease-in-out;
min-width: 150px;
z-index: -1;
min-height: 50px;
}
.right_div img{ width: 150px; }
.fix_ul li:hover a{ color: #000;}
.fix_ul li:hover .right_div{ opacity: 1; right: 60px; z-index: 1;}
.fix_ul .taobao:hover{ background: none;}
.fix_ul li:hover{ background:#034c94;}
.fix_ul li:hover i{ color: #fff; }
.newin_w{ margin-top: -10px; }
.container_mianfei_w:after{
content: "";
width: 50%;
height: 84%;
position: absolute;
bottom: -50px;
right: 0px;
background: url(../images/line04.jpg) no-repeat;
}
.mian_ul li a{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
@media(max-width: 1000px){.shoujiyoushi{display:none;}}
@media(max-width: 1440px){
.menu_p{margin-top:10px;}
.casein_con .col-md-6:nth-child(1) {
padding: 26px 23px;
}
.bann1_lay p{ font-size: 37px; line-height: 55px; }
.bann3_lay p{ font-size: 20px; text-indent: 0px; text-align: center; }
.bann3_lay h3{ font-size: 38px; }
.bann4_lay > span{ margin: 54px 0 18px; text-indent: 53px;}
.bann4_lay h3{ font-size: 50px; }
.bann4_lay p{ font-size: 17px; text-indent: -19px;}
.bann3_lay{ left: 7%; }
}
@media(max-width: 1366px){
.casein_con p{ line-height: 24px; margin-bottom: 15px; }
.kehu_index_w .next_kehu{ right: 41%; }
.kehu_index_w .prev_kehu{ left: 41%; }
.foot .foot_ul{ margin-left: 0px; }
.er_w{ margin-left: -75px; }
}
@media(max-width: 1100px){
body{ padding-top: 40px; padding-bottom:51px; }
.head,.h3_pc,.ban_lay p,.more,.ban_arr,.tse01,.logo_w_foot,.head_top ,.foot{ display: none; }
.menu_p,.h3_p,.foot_p{ display: block; }
.bannerm{margin-top:20px;}
.cplistbox .listpro a{padding:10px 0;}
.head_phone{ display: block; position: fixed;border-bottom:1px solid #ccc; top: 0px; left: 0px; right: 0px; z-index: 100; padding: 10px; background: #fff; height: 60px;}
.logo_p{ position: absolute; left: 10px; right: 0px; text-align: left; top: 10px;}
.logo_p img{ display: inline-block; height: 40px;}
.menu_span{ float: right; position: absolute; top: 0px; right: 10px;z-index: 20; }
.menu_span i{ color: #034c94; font-size: 40px;}
.ban_lay h3{ font-size: 19px; font-weight: normal; line-height: 25px; }
.ban_lay {top: 33%;}
.menu_ul_p li.active span{background:#000;color:#fff;}
.banner .swiper-container_ban .swiper-pagination_ban{ margin-left: 0px; left: 0px; right: 0px; width: auto; text-align: center; }
.swiper-pagination_ban .swiper-pagination-bullet, .swiper-pagination01 .swiper-pagination-bullet{ height: 5px; }
.banner .swiper-container_ban .swiper-pagination_ban{ bottom: 20px; }
.foot_ul li{ width: 100%; }
.foot{ padding: 20px 10px; }
.foot .container,.foot .container > div{ padding: 0px; }
.foot_ul{ margin-top: 0px; }
.foot_ul li p { font-size: 12px; }
.foot_ul li{ margin-bottom: 10px; }
.banner_b_ul li{ padding: 0px 0px; }
.banner_b_ul li i{ font-size: 20px; }
.banner_b_ul li span{ font-size: 15px; }
.banner_b_ul li em{ font-size: 19px; }
.banner_b{ padding: 4px 0px; }
.changjia_r {
padding: 15px;
}
.changjia_r h3{ margin-bottom: 3px;}
.see_con h3{ margin-top: 7%; }
.see_con{ padding-bottom: 40px; }
.contactin_w .col-md-8{ padding: 20px 0px;}
.ban_in_lay h3{ font-size: 28px; margin-bottom: 10px; }
.ban_in_lay{ top: 35%;}
.cul_r{ width: 88%; }
.cul_r p{ padding-top: 10px;
line-height: 20px; }
.container_honner h3{ font-size: 12px; }
.menuinner_ul_w{ }
.newinner_w span,.newinner_w p,.newinner_w h3{ margin-bottom: 0px; font-size:16px;}
.con_phone .col-md-6{ padding: 20px; }
.contact_ul{ padding-left: 20px; margin-top: 20px; }
.con_phone .col-md-6 h3{ padding-left: 20px; padding-top: 20px; }
.contact_ul li{ font-size: 14px; }
.contact_ul li span{ font-size: 18px;color:#fff; }
.con_er{ padding-left: 20px; }
.tit_wrap h3{ font-size: 26px; }
.pro_list h3,.index_h3{ display: block; }
.changjia_r i.xin{ font-size: 50px; }
.changjia_r span{ font-size: 35px; }
.changjia_r{ padding: 1px 15px 15px 65px; }
.menuinner_ul li a{ font-size: 14px;}
.menuinner_ul li a:before{ bottom: -5px; }
.menuinner_ul li{ padding: 10px 10px; }
.pro_tt_l_in{ width: 90%; }
.pro_biao_phone_dl{ display: none; }
.honner_wrap .next_honner{ right: 10px; }
.honner_wrap .prev_honner{ left: 10px; }
.pro_b_t span{ margin-left: 5%; font-size: 16px;}
.yang_table th{ width: 100px; font-size: 14px; }
.yang_table td{ font-size: 14px; }
.con_phone .col-md-6 h3 span{ font-size: 16px; }
.con_phone .col-md-6 h3{ font-size: 21px; }
/*新的*/
.casedes_w #example5{ padding-right: 0px !important; }
#example5 .sp-selected-thumbnail:after{ top: 5px; border-right: 13px solid transparent; border-bottom:13px solid transparent; border-left:13px solid transparent; border-bottom: 13px solid #c30d23;}
#example5 .sp-selected-thumbnail:before{border-left:none; }
#example5 .sp-selected-thumbnail img{ border-left: 3px solid #c30d23; }
.dt_div{ text-align: right; padding: 30px 7px; }
.cul_r{ width: 82%; }
.zicaidan .fadeInUp {font-size:14px;float:left !important;}
}
@media(max-width: 1000px){
.pro_b_t span{ display: none; }
.fuw_img02 p{ left: 19px; font-size: 15px; }
.fuw_img02 p span{ font-size: 16px; }
.bann3_lay{ top: 24%; }
.bann3_lay h3{ font-size: 20px; }
.bann3_lay p{ font-size: 12px; text-indent: 3px; margin-top: 17px;}
.bann1_lay{ width: 500px; height: 223px;padding-top: 45px;}
.bann1_lay p{ font-size: 20px; line-height: 29px; letter-spacing: 4px;margin-left: 102px;}
.bann2_lay{ width: 500px; height: 223px;padding-top: 32px; }
.bann2_lay h3{ font-size: 25px; letter-spacing: 1px;margin-bottom: 53px;margin-left: 118px;}
.bann2_lay p{ margin-left: 118px;font-size: 19px;}
.bann4_lay{ top: 31%;left: 22%; }
.bann4_lay h3{ font-size: 30px;}
.bann4_lay > span{ margin: 22px 0 18px;text-indent: 16px;font-size: 17px; }
.bann4_lay p{ font-size: 11px;text-indent: -57px; }
.rightfix{ display: none;bottom:100px;background:rgba(188,188,188,0.5);width:40px;border:none;}
.fix_ul li i{font-weight:bold;font-size:25px;}
.fix_ul li{height:40px;width:40px;line-height:45px;}
}
#shoujigd{display:none;}
#shoujiyoushi{display:none;}
@media(max-width: 680px){
.yu_lay_w{width:49%;float:left;}
.xmliucheng div .liuchengjt{width:70%;margin:20px 10px 0 10px;}
.xmliucheng div img{width:100%;}
.jiamengliucheng{width:100% !important;}
.p-title{margin-left:10px;}
.menu_p{margin-top:10px;}
.menu_ul_p li.active span{background:#000;color:#fff;}
.fadeInUp{font-size:20px;}
.con_phone .col-md-6 input{font-weight:normal;font-size:14px;color:#333;}
.con_phone .col-md-6 textarea{font-weight:normal;font-size:14px;color:#333;}
.con_er span{display:none;}
.scroll_active{top:60px !important;}
.adv_list .adv_list_pic .a_picInfo{float: left;
width: 19%;
height: auto;
margin-right: 1%;}
.pic_center img {
vertical-align: middle;
width: 100%;
height: auto;
}
.shoujipinpai{display:block !important;}
.pcpinpai{display:none;}
.proin_w .container_proin_w{padding-bottom:0;}
.adv_list .adv_content{
background: #000;
height: 240px;
overflow: hidden;
padding:15px 15px 30px 15px;
}
.anlishoujibb{width:49% !important;margin:0;}
.anlineirongshouji{font-size:14px;}
.anlishoujibb .listpro a{ transition: all .2s ease-in-out;
font-size: 15px;
background:none;
color: #fff;
font-weight: bold;
padding: 0;
margin-top: 30px;}
.sec_ul{z-index:9999999;top:41px;}
.adv_list .adv_floatTitle{left:0;top:0;width:80px;height:120px;}
.page_return{display:none;}
.prearticle{font-size:14px;font-weight:normal;}
.adv_list .adv_floatTitle .f_num{font-size:28px;}
.adv_list .adv_floatTitle .f_name{font-size:20px;padding-right:10px;}
.case_index3 .pr .riqi{font-size:16px;}
.dailitxt h3{font-size:16px;}
.casein_con{padding:0 20px;}
.con_phone {display:none;}
.shoujilianxi{display:block !important;margin-bottom:0;}
.shoujixinwen{display:block !important;}
.pcnews{display:none;}
.adv_list .adv_list_pic .a_picInfo:nth-child(1){margin-left:1%;}
.adv_list .adv_content .adv_content_title{font-size:16px;}
.adv_list .adv_content .adv_content_desc{font-size:14px;line-height:20px;}
.container-fluid{width:100%;}
.swiper-pagination-bullet{background:#fff !important;}
.bnew .firnew{width:100%;float:none;}
.bnewli{width:100%;float:none;}
.bnew .firnew a i{height:auto;}
.changjia_r span{width:100%;overflow:hidden;display:none;}
.changjia_r h3{margin-top:10px;}
.cplistbox{width:100%;}
.cplistbox3{width:100%;}
.cplistbox4{width:100%;}
.mapbg .container{width:100% !important;}
.abin_company .container{width:100% !important;}
/*.abin_company_jm .container{width:100% !important;}*/
.mapfooternr{width:100% !important;}
.adv_bd{display:none;}
.adv_nav{display:none;}
.shoujiyoushi{display:block;}
#shoujigd{
display:block;
}
#shoujiyoushi{
display:block;
}
#diannao{display:none;}
#diannaoyoushi{display:none;}
.changjia_r{padding-left:15px;}
#example5 img{width:80% !important;height:100% !important;}
.casein_con h3{width:100%;text-align:center;}
.biao_p{margin:20px auto;width:88%;}
.neirxq{padding-top:15px;}
.shoujiproxq{padding:0 !important;}
.shoujicontent{font-size:14px;word-break:break-all;}
.pro_b_b{padding:20px 0 !important;}
.shipinxq{margin-bottom:10px;}
.shipinxq iframe{width:100% !important;height:auto !important;}
.shoujicontent img{width:100% !important;height:auto !important;}
.shoujixiangguan{display:none;}
.shoujianli{display:block !important;}
.scale{text-align:center;}
.menuinner_ul{width:100% !important;display:block !important;overflow:hidden !important;}
.changjia_w .scale .w100{width:90% !important;height:auto !important;}
.scale .w100{width:90% !important;height:120px !important;}
.cplistbox .listpro{width:50% !important;}
.xunpan{display:none;}
.banner_b,.fuw_img02 {display: none;}
.aboutshouji{ padding: 20px 0px;display:block !important; }
.aboutin_w{ padding: 20px 0px;display:none; }
.company_ul li:nth-child(2){ margin: 0px 10px; }
.company_ul li i{ font-size: 23px; }
.company_ul li h3{ font-size: 14px; margin: 0px; }
.company_ul li p{ font-size: 12px; }
.company_ul{ margin-bottom: 10px; }
.company_con{ line-height: 25px; }
.tit_wrap{ margin-bottom: 10px; }
.company_con a{ padding: 2px 40px; }
.proin_w,.adwan_w{ padding: 20px 0px; }
.tit_wrap span,.tit_wrap p{ font-size: 20px; }
.proin_ul li{ font-size: 14px; padding: 10px 30px;}
.proin_ul li:nth-child(1){ margin-top: 0px; }
.proin_ul{ margin-bottom: 10px; }
.pcanli{display:none;}
.proin_ul2 li{ font-size: 14px; padding: 10px 5px;}
.proin_ul2 li:nth-child(1){ margin-top: 0px; }
.proin_ul2{ margin-bottom: 10px; }
.changjia_w{margin-top:20px;}
.caseshouji{display:block !important;}
.anlishouji a{padding: 2px 40px;transition: all .2s ease-in-out;
font-size: 15px;
background: #7e7e7e;
color: #fff;
font-weight: bold;
padding: 10px 30px;
margin-top: 10px;}
.anlishouji{width: 90%;
overflow: hidden;
text-align: center;
margin: 0 auto 30px;}
.newshouji{ padding: 20px 0px;display:block !important;}
.company_ul li{width:47%;float:left;}
.company_con table{width:100% !important;}
.casein_w {
padding: 20px 0px;display:none;
}
.bnewli ul li{padding:5px 0;}
.bnewli ul li .date span{font-size:14px;}
.shoujibanquan{background:#f8f8f8;display:block !important;margin:20px 0 0 0;}
.copy{background:none;font-size:12px;color:#333;}
.container_proin_w{padding-bottom:20px;}
.container_proin01{padding-top:20px !important;}
.container_proin02{padding-top:20px !important;}
.bnew{padding-top:0;}
.mb20{margin-bottom:0;}
.newinner_w img {
max-width: 300px;
height: 200px;
}
.case_index .col-md-6:nth-child(1),.case_index .col-md-6:nth-child(2) {
padding:0 10px !important;
}
.casein_con img.arrow_index,.yu_lay p{ display: none; }
.yu_lay{ padding: 10px; }
.yu_lay h3{ font-size: 16px; margin: 0px; }
.container_newin a{ }
.container_newin dt span{ font-size: 30px; }
.container_newin dd{ width: 79%; }
.container_newin dt{ padding: 0px; width: 62px; }
.container_newin dd h3{ font-size: 15px; margin-bottom: 3px;}
.container_newin dd p{ line-height: 20px; font-size: 12px; }
.casein_w .proin_ul li:nth-child(1){ margin-top: 0px; }
.casein_w .proin_ul2 li:nth-child(1){ margin-top: 0px; }
.contactin_w > .col-md-4{ padding: 20px; }
.con_line{ margin: 10px 0px 20px; }
.con_w {margin: 10px; padding: 20px;}
.contactin_w .col-md-8{ padding: 10px 0px;
}
.con_w h3{ font-size: 18px; }
.in_w input,.in_w,.in_w span,.con_w select{ height: 30px; line-height: 30px; }
.in_w span i{ font-size: 20px; }
.in_w input{ height: 28px; line-height: 28px; font-size: 12px; }
.ban_in_lay h3{ font-size: 18px; margin-bottom: 3px; }
.ban_in_lay p,.ban_in_lay p a{ font-size: 12px; }
.abin_company{ padding: 20px 0 0 0; }
.dt_div_img{ display: none; }
.cul_l img{ width: 40px; margin-top: 0px; }
.cul_l { width: 44px; display: none; }
.cul_r {
width: 100%; padding: 10px;
}
.dt_div{ padding: 0px 0px; border: none; text-align: center;}
.cul_r p{ padding: 10px; }
.ab_tit h3{ font-size: 20px; }
.menuinner_ul li a{ font-size: 12px; }
.menuinner_ul li{ }
.casedes_w h3{ font-size: 18px; margin-bottom: 10px; }
.biao_p{ font-size: 12px; line-height: 24px; }
.pro_des_wrap .top_pro_des,.thumbs_pro_des_w{ width: 100%;}
.thumbs_pro_des .swiper-slide-active{ border-width: 1px; }
.menuinner_ul_w{ }
.newinner_w .col-md-4{ margin-bottom: 10px; }
.menuinner_ul_w{ margin-bottom: 20px; }
.con_phone{ margin-top: 0px; }
.con_phone .col-md-6:nth-child(1),.con_phone .col-md-6:nth-child(2){ padding: 10px; }
.con_phone .col-md-6 h3{ font-size: 18px; }
.contact_ul li{ margin-bottom: 10px; }
.lianxi_list { line-height: 20px; font-size: 14px; margin-bottom: 20px; }
.tit_wrap h3 {
font-size: 28px;
}
.tit_wrap{ height: 80px; }
.changjia_r i.xin{ top: -5px;
left: 10px; }
.ab_tit{ margin-bottom: 20px; }
.mfei h3{ font-size: 14px; line-height: 25px; }
.leadIn>ul>li{ font-size: 12px; }
.leadIn>ul>li i{ font-size: 20px; }
.pro_tt_l,.pro_tt_r{ width: 100%; }
.pro_tt{ height: initial; margin-top: 0px; }
.pro_tt_l_in{ float: left; margin-left: 5%; }
.pro_tt_l.fl{ height: 64px; }
.pro_biao h3{ margin-bottom: 3px; margin-top: 10px;}
.pedes_l,.pedes_r{ width: 100%;}
.pedes_l{ margin-bottom: 20px; }
.pedes_r_ul li{ float: left; width: 31.4%;margin-right: 10px; }
.pedes_r_ul li:last-of-type{ margin-right: 0px; }
.pedes_r_ul li:before{ transform: rotate(90deg); left: 50%; margin-left: -5.5px; top: -11px; }
.biao_p_b{ margin-top: 20px; }
.pro_b_t_b3{padding: 12px 30px; font-size: 16px; }
.abin_company_jm{ padding-top: 20px; }
.jmys{ margin-bottom: 20px; }
.jmrx .container{ padding: 50px 20px; }
.jmrx_l p{ font-size: 20px; }
.jmrx_l h3{ font-size: 35px; }
.jmrx_l span{ font-size: 14px; }
.mian_ul li a{ padding: 6px 30px; }
.welcom{ font-size: 56px; }
.line02, .line01{ width: 75px; }
.tit_wrap{ width: 300px; }
.container_newin_w .prev_newin,.kehu_index_w .prev_kehu{ left: 30px; }
.container_newin_w .next_newin,.kehu_index_w .next_kehu{ right: 3px; }
.yang_table{ width: 800px; }
.bann3_lay{ top: 14%; left: 5%; }
.bann3_lay h3{ font-size: 16px; }
.bann3_lay p{ margin-top: 5px; }
.bann1_lay p{ font-size: 14px;line-height: 21px;letter-spacing: 2px;margin-left: 61px; }
.bann1_lay{width: 300px;height: 134px; padding-top: 22px;}
.bann2_lay{ width: 300px; height: 132px;padding-top: 21px;}
.bann2_lay h3{ font-size: 15px; margin-bottom: 24px;margin-left: 72px; }
.bann2_lay p{ margin-left: 71px;font-size: 11px;}
.bann4_lay { top: 22%;left: 7%; }
.bann4_lay h3{font-size: 18px;}
.bann4_lay > span{ margin: 9px 0 0px;text-indent: 0px;font-size: 14px;}
.bann4_lay p{ font-size: 11px;text-indent: 2px;letter-spacing: 0px;}
.more01 a{color:#fff;}
}
@media(max-width: 320px){
.pedes_r_ul li{ margin-right: 7px; }
}
.menu_p{margin-top:20px;}
.pro_sear input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #fff;}
.pro_sear input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }
.pro_sear input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; }
.pro_sear input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff;}
.pro_sear input::-ms-input-placeholder { /* Microsoft Edge */ color: #fff;}
.more_lay h3 a{color:#fff;font-size:16px;}
.more01:hover{ background: #034c94; border-color: #034c94; }
.more01{transition: all .4s ease-in-out; display: none; padding: 5px 10px; border:2px solid #fff; color: #fff; position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -17px;}
.more_lay{ transition: all .4s ease-in-out; background: rgba(51,51,51,0.8); height: 60px; overflow: hidden; position: absolute; bottom: -150px; left: 0; right: 0; text-align: center; }
.more_lay h3{ color: #fff; font-size: 16px; margin-bottom: 10px;}
.more_lay p{ color: #fff; line-height: 21px; height: 40px; overflow: hidden;}
.more_lay.active{ top: 0; bottom: 0; }
.container_proin_w .swiper-slide:hover .more01{ display: inline-block;}
.container_proin_w .swiper-slide:hover .more_lay{ bottom: 0; }
.container_proin_w02 .more_lay{ height: 80px; }
#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; margin-top:20px}
#page li{ float:left; padding:5px 10px; background: #eee; margin-right:6px; color:#666; font-size:12px; list-style:none;}
#page .thisclass a{ color:#fff}
#page li a{ color:#666}
#page li.thisclass{ background-color:#2c333b; color:#FFFFFF}
#page li:hover{ background: #034c94; }
#page li:hover span{color:#fff;}
#page li.active a,#page li:hover a{ color:#fff}
.con_phone .col-md-6 h3 i{ font-size: 28px; float: left; margin-top: 7px; padding-right: 5px;}