@charset "utf-8";/*初始化样式*/
html{width:100%;height: 100%;font-size:100px; }
body{ padding:0; height: 100%; margin:0 auto; zoom:1;font-size:0.14rem;line-height:0.24rem;font-family:"Arial","sans-serif","微软雅黑","宋体";color:#333;/*设置宽度*/width:100%; background-color:#fff; }
ul,li,form, dl,dt,dd, div{ padding: 0; margin: 0; }
.ul,.ul li{ list-style:none; }
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0; margin:0;}
p{ margin:0; }
b,strong{ font-weight: bold; }
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
body.hide{ overflow: hidden; }
/*强制去除表单自带的样式*/
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/ }
/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/***隐藏商桥***/
#nb_icon_wrap{ display: none!important;}
/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;}
figure,figcaption{ margin:0; padding:0;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
/*百度分享弹框*/
.bd_weixin_popup{ box-sizing: content-box; }
img{ border:none; border:0; vertical-align:top; max-width: 100%; }
span{ outline: none; }
strong{ font-weight: bold; }
a{ color:#333333; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); outline: none; }
a:link,a:visited,a:focus{outline:none;text-decoration: none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#0278dc;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;overflow-x: hidden;}
[data-lw^=a-][data-lw*=-li]{ transition-timing-function:linear; -webkit-transition-timing-function:linear; -moz-transition-timing-function:linear; -ms-transition-timing-function:linear; -o-transition-timing-function:linear; }
[data-lw^=a-][data-lw*=-ea]{ transition-timing-function:ease; -webkit-transition-timing-function:ease; -moz-transition-timing-function:ease; -ms-transition-timing-function:ease; -o-transition-timing-function:ease; }
[data-lw^=a-][data-lw*=-ei]{ transition-timing-function:ease-in; -webkit-transition-timing-function:ease-in; -moz-transition-timing-function:ease-in; -ms-transition-timing-function:ease-in; -o-transition-timing-function:ease-in; }
[data-lw^=a-][data-lw*=-eo]{ transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; }
[data-lw^=a-][data-lw*=-io]{ transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out; -ms-transition-timing-function:ease-in-out; -o-transition-timing-function:ease-in-out; }
[data-lw^=a-][data-lw*=-all]{ transition-property:all; -webkit-transition-property:all; -moz-transition-property:all; -ms-transition-property:all; -o-transition-property:all; }
[data-lw^=a-][data-lw*=-s3s]{ transition-duration:.3s; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -ms-transition-duration:.3s; -o-transition-duration:.3s; }
.animate5s{ transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
.animate3s{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.textover{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.textovers{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.t-center{ text-align: center; }
.t-left{ text-align: left; }
.t-right{ text-align: right; }
.x-half{ transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.y-half{ transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.xy-half{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.bg0{ background-color: #ffffff; }
.bg1{ background-color: #f6f6f6; }
.bg2{ background-color: #f8f8f8; }
.bg3{ background-color: #f1f1f1; }
.colr_main{ color:#0278dc; }
.colr0{ color:#fff; }
.colr1{ color:#000; }
.colr2{ color:#333; }
.colr3{ color:#666; }
.colr4{ color:#777; }
.colr5{ color:#888; }
.colr6{ color:#999; }
.o-hide{ overflow: hidden; }
.imgBox{ overflow: hidden; }
.imgBox img{ display: block; transform: scale(1); }
.imgh:hover img{ transform: scale(1.08); }
.Br5{ border-radius: 5px; -webkit-border-radius: 5px; }
.vmd{ display: inline-block; vertical-align: middle; }
/*清楚浮动*/
.clear{ clear:both; height:0; overflow:hidden;}
.clearfix:after{ content: "."; display: block; height: 0; visibility: hidden; clear: both; font-size: 0;}
.clearfix { zoom: 1; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#aaaaaa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#aaaaaa;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#aaaaaa;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#aaaaaa;
}
/*初始化样式*/
.f_l{ float: left; display: inline-block; }
.f_r{ float: right; display: inline-block; }
.container{ margin:0 auto; padding-left: 0.15rem; padding-right: 0.15rem; }
/**动画**/
*[data-animation]{ opacity: 0; }
.animated{ opacity: 1; }
/**导航**/
body{}
#header{ position: fixed; left: 0; top: 0; background: #fff; width: 100%; z-index: 999; }
#header .top{ background:#f2f2f2; font-size: 0.12rem; color:#555555; line-height: 0.3rem; }
#header .top .phone{ font-weight: bold; }
#header .top .phone:hover{ font-size: 0.14rem; }
#header .top .phone .icon{ display: inline-block; vertical-align: middle; height: 0.14rem; width: 0.14rem; background:url(../images/icon_h_1.png) no-repeat center/contain; margin-right: 0.08rem; }
#header .top .language{ color:#555555; font-size: 0.14rem; margin-left: 0.1rem; padding-left: 0.1rem; border-left:0.01rem solid #cecece; }
#header .top .language:hover{ color:#0278dc; }
#header .bot{ padding:0.25rem 0; }
#header .logo{ display: block; font-size: 0; line-height: 0; }
#header .logo img{ display: inline-block; vertical-align: middle; }
#header .logo .con{ display: inline-block; vertical-align: middle; position: relative; padding-left: 0.15rem; margin-left: 0.15rem; }
#header .logo .con:before{ content: ""; display: block; position: absolute; left: 0; height: 90%; top:5%; width: 1px; background:#dddddd; }
#header .logo .big{ font-size: 0.18rem; color:#333333; font-weight: bold; line-height: 0.22rem; }
#header .logo .small{ font-size: 0.14rem; line-height: 0.18rem; color:#555555; }
#header .r_con{}
#header .Menu{ display: inline-block; vertical-align: middle; font-size: 0; }
#header .Menu li{ display: inline-block; vertical-align: middle; font-size: 0.16rem; line-height: 2em; position: relative; }
#header .Menu li .title{ color:#333; display: block; }
#header .Menu li .title:hover{ color:#0278dc; }
#header .Menu .lib{ display: none; }
.SmallHeader #header{ box-shadow: 0 0 0.12rem rgba(0,0,0,0.05); }
#PhoneMenus{ display: none; }
/**友情链接**/
#FriendLinks{ padding-top:0.3rem; padding-bottom:0.35rem; background-color: #222222; }
#FriendLinks .Box{ position: relative; padding-left: 0.95rem; font-size: 0; line-height: 0; min-height: .42rem; }
#FriendLinks .aBox{ margin-left: -0.15rem; }
#FriendLinks .title{ position: absolute; left: 0; width: 0.95rem; border-right: 1px solid #393939; color:#fff; }
#FriendLinks .en{ font-size: 0.14rem; line-height: 1.2em; opacity: 0.2; padding-bottom: 0.1rem; text-transform: uppercase; }
#FriendLinks .cn{ font-size: 0.16rem; line-height: 1em; font-weight: bold; }
#FriendLinks a{ display: inline-block; vertical-align: middle; font-size: 0.14rem; line-height: 1.8em; color:#999999; margin-left: 0.45rem; }
#FriendLinks a:hover{ color:#0278dc; }
/**底部**/
#footer{ color:#777777; font-size: 0.14rem; background: #222222; }
#footer a{ color:#777777; }
#footer .Bot a:hover,
#footer a:hover{ color:#0278dc; }
#footer .Top{ border-top:1px dashed #393939; border-bottom:1px dashed #393939; padding:0.4rem 0; }
#footer .Top .ul{}
#footer .Top li{ float: left; display: inline-block; width:18.92%; padding-right: 2%; }
#footer .Top .title{ color:#fff; font-size: 0.18rem; line-height: 1.4em; padding-bottom: 0.1rem; }
#footer .Top .aBox{ line-height: 1.4em; }
#footer .Top .aBox .a{ padding:0.04rem 0; }
#footer .Top .li4{ padding-right: 0; }
#footer .Top .contact{}
#footer .Top .contact .p{ padding-left: 0.26rem; position: relative; }
#footer .Top .contact .icon{ position: absolute; left: 0; display: inline-block; width: 0.16rem; height: 0.24rem; vertical-align: middle; }
#footer .Top .contact .phone+a:hover{ font-size: 0.16rem; }
#footer .Top .contact .phone{ background:url(../images/icon_f_1.png) no-repeat center; }
#footer .Top .contact .mail{ background:url(../images/icon_f_2.png) no-repeat center; }
#footer .Top .contact .address{ background:url(../images/icon_f_3.png) no-repeat center; }
#footer .Top .codeBox{ float: right; width: 17.28%; padding:0; text-align: center; font-size: 0; }
#footer .Top .codeBox .wid{ width: 50%; padding:0 0.04rem; font-size: 0.14rem; display: inline-block; }
#footer .Top .codeBox .txt{ padding-top: 0.05rem; }
#footer .Bot{ padding:0.25rem 0; color:#777; }
#footer .Bot a{ color:#777; }
#footer .Bot .icp{ margin: 0.15rem; }
#footer .Bot .sitemap{ margin-right: 0.15rem; }
#footer .Bot .f_r{ display: none; }
.f_share #footer .Bot .f_r{ display: inline-block; }
div.bdsharebuttonbox{ display: inline-block; vertical-align: middle; position: relative; top: -0.02rem; padding-left:0.12rem; margin-left: 0.1rem; }
div.bdsharebuttonbox a{ display: inline-block; vertical-align: middle; float: none; height: 0.26rem; width: 0.26rem; border:0.01rem solid #777; border-radius: 50%; margin:0; margin:0 0 0 0.06rem; }
div.bdsharebuttonbox .bds_tsina{ background-image:url(../images/icon_share_1.png); background-position:center 6px; }
div.bdsharebuttonbox .bds_weixin{ background-image:url(../images/icon_share_2.png); background-position:center 6px; }
div.bdsharebuttonbox .bds_sqq{ background-image:url(../images/icon_share_3.png); background-position:center 6px; }
div.bdsharebuttonbox .bds_more{ background-image:url(../images/icon_share_4.png); background-position:6px 8px; }
div.bdsharebuttonbox a:hover{ border-color: #0278dc; background-position-y: -32px; }
div.bdsharebuttonbox .bds_more:hover{ background-position-y: -34px; }
/**悬浮框**/
#f_nav{ z-index: 99; position: fixed; top:50%; margin-top: -1.35rem; right: 0.1rem; }
#f_nav .Box{ text-align: center; font-size: 0.12rem; }
#f_nav .Box .iBox{ display: block; background-color: #333333; color:#fff; position: relative; padding:0.13rem 0.05rem 0.1rem; width: 0.75rem; }
#f_nav .Box .qBox{}
#f_nav .Box .iBox:hover{ background-color: #0278dc; }
#f_nav .Box .icon{ display: block; width: 0.32rem; height: 0.28rem; background-position: center; background-repeat: no-repeat; margin:0 auto; }
#f_nav .Box .qq{ background-image: url(../images/icon_nav1.png); }
#f_nav .Box .qq2{ background-image: url(../images/icon_nav5.png); }
#f_nav .Box .webchat{ background-image: url(../images/icon_nav2.png); }
#f_nav .Box .phone{ background-image: url(../images/icon_nav3.png); }
#f_nav .Box .QTank{ display: block; position: absolute; right:100%; top:0; height: 100%; width: 1.4rem; padding-top: 0.1rem; padding-left:0.15rem; padding-right:0.15rem; background:#0278dc; display: none; }
#f_nav .Box .QTank:before{ content: ""; height: 50%; width: 100%; position: absolute; left: 0; top:0; background:#188aea; }
#f_nav .Box .QTank a{ display: block; font-size: 0.14rem; line-height: 0.28rem; color:#fff; position: relative; z-index: 2; }
#f_nav .Box .QTank a:before{ content: ""; display: inline-block; width: 0.2rem; height:0.28rem; background:url(../images/icon_nav5.png) no-repeat center/contain; margin:0 0.06rem 0 0; float: left; }
#f_nav .Box .code{ display: none; position: absolute; top:0; margin-right: 0.08rem; right: 100%; width: 1.6rem; padding:0.12rem; border-radius: 0.05rem; border:0.01rem solid #eee;/* overflow: hidden;*/ background-color: #fff; }
#f_nav .Box .code:after{ display: block; content: ""; position: absolute; top:20%; right: -0.16rem; border:0.08rem solid transparent; border-left-color:#fff; }
#f_nav .Box .code img{ display: block; width: 100%; }
#f_nav .Box .p_number{ display: block; position: absolute; right:100%; top:0; height: 100%; width: 2.2rem; padding-top: 0.1rem; padding-left:0.1rem; padding-right:0.1rem; background:#0278dc; display: none; }
#f_nav .Box .p_number:before{ content: ""; height: 50%; width: 100%; position: absolute; left: 0; bottom:0; background:#188aea; }
#f_nav .Box .p_number a{ display: block; font-size: 0.16rem; line-height: 0.28rem; color:#fff; position: relative; z-index: 2; }
#f_nav .Box .p_number a:before{ content: ""; display: inline-block; width: 0.25rem; height:0.28rem; background:url(../images/icon_nav3.png) no-repeat center/contain; margin:0 0.06rem 0 0; float: left; }
#f_nav .Box .top{ padding:0; cursor: pointer; display: none; }
.SmallHeader #f_nav .Box .top{ display: block; }
#f_nav .Box .RBox{ display: block; height: 0.28rem; background:url(../images/icon_nav4.png) no-repeat center; }
#f_nav .Box .iBox:hover .QTank{ display: block; }
#f_nav .Box .iBox:hover .code{ display: block; }
#f_nav .Box .iBox:hover .p_number{ display: block; }
/**视频弹框**/
.TankVideoBox{ position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 9999; background-color: rgba(0,0,0,0.2); display: none; cursor: pointer; }
.TankVideoBox .VideoBox{ position: absolute; }
.TankVideoBox iframe{ position: absolute; }
.TankVideoBox .VideoBox .exit{ display: block; position: absolute; height: 30px; width: 30px; top: -30px; right: -30px; }
.TankVideoBox .VideoBox .exit:before{ content: ""; display: block; height: 80%; width: 2px; position: absolute; left: 50%; margin-left: -1px; top: 10%; background-color: #fff; transform: rotate(45deg); }
.TankVideoBox .VideoBox .exit:after{ content: ""; display: block; height: 80%; width: 2px; position: absolute; left: 50%; margin-left: -1px; top: 10%; background-color: #fff; transform: rotate(-45deg);}
.TankVideoBox .VideoBox video{ display: block; width: 100%; }
#bsBox,#bsBox *{ box-sizing: content-box; }
@keyframes backanim{
0%{
background-position: 80%;
}
100%{
background-position: 5%;
}
}
/***公用***/
.AutoTitle{ text-align: center; position: relative; margin:3.57% 0; }
.AutoTitle .En{ font-size: 0.8rem; line-height: 1em; opacity: 0.1; font-weight: bold; text-transform: uppercase; font-family: "微软雅黑"; }
.AutoTitle .Cn{ position: absolute; left: 0; width: 100%; top: 0.3rem; font-size: 0.3rem; line-height: 1.2em; font-weight: bold; }
.AutoTitle .word{ margin:0; font-size: 0.14rem; line-height: 0; padding-top: 0.06rem; }
.AutoTitle1{}
.AutoTitle1 .cn{ font-size: 0.24rem; line-height: 1.4em; color:#0278dc; font-weight: bold; display: inline-block; vertical-align: middle; padding-top: 0.37rem; padding-left: 0.25rem; padding-right: 0.25rem; position: relative; margin:0; }
.AutoTitle1 .cn:before{ content: ""; position: absolute; left: 0; top:0; height: 100%; width: 55%; background-color: #e5f1fb; }
.AutoTitle1 .cn span{ position: relative; }
.AutoTitle1 .en{ padding-left: 0.25rem; font-size: 0.16rem; color:#0278dc; line-height: 1.4em; opacity: 0.5; text-transform: uppercase; }
.AutoTitle2{ padding:2.91% 0 2.08%; font-size: 0.24rem; color:#333333; line-height: 1.4em; }
.AutoTitle2>div{ line-height: 0; }
.AutoTitle2 .line{ display: inline-block; margin:0; background-color: #0278dc; height: 0.02rem; width: 2em; vertical-align: middle; }
.MoreBox{ display: inline-block; font-size: 0.14rem; line-height: 0.34rem; background-color: transparent; color: #333; border:0.01rem solid #dddddd; padding:0 0.14rem; }
.MoreBox i{ display: inline-block; vertical-align: middle; width: 0.15rem; height: 0.07rem; background:url(../images/jt1_1.png) no-repeat center; margin-left:0.06rem; }
.MoreBox:hover{ background-color: #0278dc; border-color:#0278dc; color:#fff ; }
.MoreBox:hover i{ background-image:url(../images/jt1_1_hover.png); }
.MoreBox1{ font-size: 0.16rem; color:#b63c3c; line-height: 1.6em; }
.MoreBox1 .icon{ display: inline-block; vertical-align: middle; margin-right: 0.2rem; height: 0.24rem; width: 0.24rem; background:#b63c3c url(../images/icon_1.png) no-repeat center; border-radius: 50%; margin-top: -0.03rem; transition: all 0.3s; }
.MoreBox1:hover .icon{ background-color: #0278dc; }
.MoreBox1:hover{ color:#0278dc; }
.MoreBox2{ font-size: 0; line-height: 0; }
.MoreBox2 .a{ font-size: 0.14rem; color:#777777; line-height: 1.6em; }
.MoreBox2 .icon{ display: inline-block; vertical-align: middle; margin-right: 0.1rem; height: 0.24rem; width: 0.24rem; background:#b63c3c url(../images/icon_1.png) no-repeat center; border-radius: 50%; margin-top: -0.03rem; transition: all 0.3s; }
.MoreBox2:hover .icon{ background-color: #0278dc; }
.MoreBox2:hover{ color:#0278dc; }
.MoreBox2:hover .a{ color:#0278dc; }
/**轮播**/
.swiperBox{ position: relative; }
.PNBtnBox{}
.PNBtnBox .Btn{ z-index: 9; display: block; position: absolute; height: 0.4rem; width: 0.4rem; border-radius: 50%; background-color: rgba(0,0,0,0.4); background-position: center; background-repeat: no-repeat; top:50%; margin-top: -0.2rem; opacity: 0; }
.PNBtnBox .Prev{ left: 0; margin-left: -0.2rem; background-image: url(../images/icon_jt_1_1.png); transform: translateX(0.35rem); }
.PNBtnBox .Next{ right: 0; margin-right: -0.2rem; background-image: url(../images/icon_jt_1_2.png); transform: translateX(-0.35rem); }
.PNBtnBox .Btn:hover{ background-color: rgba(2,120,220,0.9); }
.swiperBox:hover .PNBtnBox .Btn{ opacity: 1; transform: translateX(0); }
/**Banner图片**/
#IndexBan{ overflow: hidden; }
#IndexBan img{ width: 100%; display: block; }
#IndexBan .swiper-slide{ opacity: 0.6;}
#IndexBan .swiper-slide-active{ opacity: 1;}
#IndexBan .pc{ display: block;}
#IndexBan .phone{ display: none;}
#IndexBan .none{ display: none;}
#IndexBan .point{ position: absolute; bottom: 0.25rem; left: 0; z-index: 5; width: 100%; }
.point{ text-align: center; font-size: 0; line-height: 0; }
.point .swiper-pagination-bullet{ height: 0.12rem; width: 0.12rem; background:#fff; opacity: 1; margin:0 0.05rem; border-radius: 0; border-radius: 50%; vertical-align: middle; }
.point .swiper-pagination-bullet-active{ background:#018bff; }
#AutoBanner{ position: relative; overflow: hidden; }
#AutoBanner .pc img,
#AutoBanner .phone img{ display: block; max-width: 100%; margin:0 auto; /*animation: scaleAnim 5s ease forwards;*/ }
#AutoBanner .pc{ display: block; }
#AutoBanner .phone{ display: none; }
#AutoBanner .word{ display: block; position: absolute; width:90%; left: 50%; top: 50%; text-align: center; }
#AutoBanner .word img{ width: auto; }
#AutoBanner .cn{ margin-bottom: 0.1rem; }
#AutoBanner .en{ font-size: 0.14rem; line-height: 1.2em; color:#777777; }
@keyframes scaleAnim{
0%{
-webkit-transform: scale(1);
transform: scale(1);
}
100%{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
/**面包屑二级菜单**/
#Location{ background-color: #f1f1f1; }
#Location .loca{ font-size: 0; line-height: 0; border-bottom: 1px solid #eff3fc; background-color: #fff; }
#Location .loca .icon{ display: inline-block; vertical-align: middle; width: 0.14rem; height: 0.12rem; background:url(../images/icon_home.png) no-repeat center; margin-right: 0.05rem; }
#Location .loca a{ display: inline-block; vertical-align: middle; font-size: 0.14rem; line-height: 0.6rem; color:#999999; }
#Location .loca .jt{ display: inline-block; vertical-align: middle; font-size: 0.14rem; line-height: 0.6rem; color:#999999; font-style: normal; margin:0 0.08rem; }
#Location .loca span{ display: inline-block; vertical-align: middle; font-size: 0.14rem; line-height: 0.6rem; color:#999999; }
#Location .loca a:hover{ color:#0278dc; }
#Location .r_menu{ font-size: 0; line-height: 0; background: #fff; margin:2.14% 0 2.5%; border-bottom: 1px solid #0278dc; text-align: center; }
#Location .r_menu a{ display: inline-block; vertical-align: middle; font-size: 0.16rem; line-height: 1.6em; color:#333333; position: relative; text-align: center; width: 2.15rem; padding:0.24rem 0.15rem; }
#Location .r_menu a:hover{ background-color:#0278dc; color:#fff; }
#Location .r_menu a .icon{ display: none; position: relative; }
#Location .r_menu a .icon img{ display: block; }
#Location .r_menu a .icon .hover{ position: absolute; left: 0; top: 0; opacity: 0; }
#Location .r_menu a .txt{ display: block; font-size:inherit; }
#Location .r_menu a .txt h1{ font-size: inherit; line-height: inherit; margin:0; }
#Location .r_menu a:hover .icon .img{ opacity: 0; }
#Location .r_menu a:hover .icon .hover{ opacity: 1; }
#Location .r_menu a.on{ background-color: #0278dc; color:#fff; }
#Location .r_menu a.on .icon .img{ opacity: 0; }
#Location .r_menu a.on .icon .hover{ opacity: 1; }
/**搜索框**/
.Search{ display: inline-block; vertical-align: middle; position: relative; padding-right: 0.6rem; width: 4.55rem; }
.Search .select{ position: absolute; left: 0; top:0; height: 100%; line-height: 0.4rem; padding:0 0 0 0.05rem; }
.Search .Key{ height: 0.4rem; line-height: 0.38rem; border:1px solid #dddddd; border-right: 0 none; padding:0 0.2rem 0 0.65rem; display: block; width: 100%; font-size: 0.14rem; }
.Search .submit{ display: block; position: absolute; right: 0; top:0; height: 100%; width: 0.6rem; background:#0278dc url(../images/icon_h_2.png) no-repeat center; }
.Search .submit:hover{ background-color: #2498f9; }
.en .Search{ padding-right: 0.7rem; }
.en .Search .select{ width:0.7rem; }
.en .Search .Key{ padding-left: 0.75rem; }
/**首页**/
#IndexBlock1{}
#IndexBlock1 .TabHead{ font-size: 0; line-height: 0; text-align: center; margin-bottom: 0.1rem; }
#IndexBlock1 .TabHead .span{ width: 12.5%; display: inline-block; vertical-align: middle; font-size: 0.16rem; font-weight: bold; color:#333333; padding:0 0.1rem; line-height: 0.44rem; cursor: pointer; position: relative; }
#IndexBlock1 .TabHead .span+.span:before{ content: ""; display: block; position: absolute; left: 0; top:50%; height: 1em; margin-top: -0.5em; width: 0.01rem; background-color: #dddddd; }
#IndexBlock1 .TabHead .on{ color:#fff; background-color: #0278dc; }
#IndexBlock1 .TabHead .on:before,
#IndexBlock1 .TabHead .on+.span:before{ opacity: 0; }
#IndexBlock1 .TabHead .MoreBox1{ text-align: right; color:#b63c3c; padding-right: 0; }
#IndexBlock1 .TabHead .MoreBox1:hover{ color:#0278dc; }
#IndexBlock1 .TabCon{ padding-bottom: 3.57%; }
#IndexBlock2{ background:url(../images/img/ind_back1.jpg) no-repeat center/cover; }
#IndexBlock2 .partner{ padding:3.57% 0 3.8%; }
#IndexBlock2 .p_tit{ font-size: 0.2rem; font-weight: bold; color:#333333; }
#IndexBlock2 .list3{ padding-top: 0.15rem; }
#IndexBlock2 .MoreBox2{height: 0;z-index: 2; position: relative; top: -0.2rem;}
#IndexBlock2 .MoreBox2 .a{ line-height: 0.46rem; background: rgba(0,0,0,0.4); padding:0 0.15rem; border-radius: 0.06rem; display: inline-block; color:#fff; }
#IndexBlock2 .swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: linear; /*之前是ease-out*/
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
margin: 0 auto;
}
#IndexBlock3{ background:url(../images/img/ind_back2.jpg) no-repeat center/cover; }
#IndexBlock3 .TabCon{}
#IndexBlock3 .TabCon .imgBox{ width: 50%; }
#IndexBlock3 .TabCon .r_cont{ width: 50%; padding:3.21% 3.21% 1.5% 3.21%; }
#IndexBlock3 .TabCon .cont{ position: relative; padding:7% 0.4rem 4%; }
#IndexBlock3 .TabCon .cont:before{ position: absolute; left:0; top:0; content: ""; display: block; width: 0.34rem; height: 0.22rem; background:url(../images/icon_2_1.png) no-repeat center; }
#IndexBlock3 .TabCon .cont:after{ position: absolute; bottom:0; right:0; content: ""; display: block; width: 0.34rem; height: 0.22rem; background:url(../images/icon_2_2.png) no-repeat center; }
#IndexBlock3 .title{ font-weight: bold; color:#333333; font-size: 0.26rem; padding-bottom: 0.04rem; }
#IndexBlock3 .title .num{ font-size: 0.56rem; font-family: "微软雅黑"; }
#IndexBlock3 .longtitle{ color:#0278dc; opacity: 0.2; font-size: 0.2rem; line-height: 1.2em; font-weight: bold; text-transform: uppercase; }
#IndexBlock3 .text{ font-size: 0.16rem; color:#333333; line-height: 1.8em; padding-top: 0.25rem; min-height: 9em; }
#IndexBlock3 .MoreBox2{ display: inline-block; vertical-align: middle; }
#IndexBlock3 .TabBox{ }
#IndexBlock3 .TabHead{ clear: both; font-size: 0; line-height: 0; text-align: center; width: 11rem; margin:0 auto; max-width: 100%; position: relative; top: -0.65rem; }
#IndexBlock3 .TabHead .span{ display: inline-block; vertical-align: middle; font-size: 0.16rem; line-height: 1.4em; color:#fff; width: 20%; background-color: #0278dc; padding:0.3rem 0; position: relative; }
#IndexBlock3 .TabHead .span .Sbox{ padding:0 0.1rem; }
#IndexBlock3 .TabHead .span+.span .Sbox{ border-left: 1px dashed #fff; }
#IndexBlock3 .TabHead .span.on .Sbox,
#IndexBlock3 .TabHead .on+.span .Sbox{ border-left-color:transparent; }
#IndexBlock3 .TabHead .span.on{ background-color: #014884; }
#IndexBlock3 .TabHead .span.on:before{ content: ""; display: block; position: absolute; border:0.12rem solid transparent; border-bottom: 0.07rem solid #014884; border-top:0 none; left: 50%; margin-left: -0.12rem; top:-0.07rem; }
#IndexBlock4{}
#IndexBlock4 .Box{ padding-bottom: 3.92%; }
#IndexBlock4 .Img{ width: 38.57%; }
#IndexBlock4 .r_con{ width: 57.14%; }
#IndexBlock4 .cn{ font-size: 0.24rem; line-height: 1.2em; color:#0278dc; font-weight: bold; display: block; }
#IndexBlock4 .en{ font-size: 0.16rem; line-height: 1.4em; color:#0278dc; opacity: 0.5; }
#IndexBlock4 .cont{ font-size: 0.16rem; line-height: 2em; color:#555555; -webkit-line-clamp: 3; margin:0.2rem 0; }
#IndexBlock4 .MoreBox2{ display: inline-block; vertical-align: middle; }
#IndexBlock4 .Nums{ font-size: 0; line-height: 0; text-align: center; padding:7% 0 4.37%; }
#IndexBlock4 .Nums .li{ display: inline-block; width: 25%; vertical-align: middle; }
#IndexBlock4 .Nums .li+.li{ border-left: 1px dashed #dddddd; }
#IndexBlock4 .num{ font-size: 0.3rem; line-height: 1.2em; color:#0278dc; font-weight: bold; }
#IndexBlock4 .txt{ font-size: 0.14rem; line-height: 1.2em; color:#777777; padding-top: 0.05rem; }
#IndexBlock4 .swiperBox{}
#IndexBlock4 .AboutImgs{ width: 100%; overflow: hidden; }
#IndexBlock4 .AboutImgs img{ display: block; width: 100%; }
#IndexBlock5{ background:url(../images/img/ind_back3.jpg) no-repeat center/cover; }
#IndexBlock5 .TabBox{ padding-bottom: 3.92%; }
#IndexBlock5 .TabHead{ text-align: center; font-size: 0; line-height: 0; }
#IndexBlock5 .TabHead .span{ font-size: 0.16rem; line-height: 2.4em; padding:0 0.2rem; color:#000000; background: #fff; display: inline-block; vertical-align: middle; margin:0 0.05rem; }
#IndexBlock5 .TabHead .on{ color:#fff; background-color: #0278dc; }
#IndexBlock5 .TabCon li{ background: #fff; display: inline-block; float: left; width: 29.64%; margin-top: 1.445%; padding:2.85%; position: relative; }
#IndexBlock5 .TabCon li:before{ display: block; content: ""; position: absolute; left: 0; top: 0; height: 0.02rem; width: 0; background-color: #0278dc; transition: all 0.3s ease-in-out; }
#IndexBlock5 .TabCon li:nth-child(3){ float: right; width: 37.85%; }
#IndexBlock5 .TabCon li:nth-child(2),
#IndexBlock5 .TabCon li:nth-child(5){ margin-left: 1.445%; }
#IndexBlock5 .TabCon .Box{ display: block; }
#IndexBlock5 .TabCon .MoreBox2{ display: none; padding-top: 0.01rem; }
#IndexBlock5 .TabCon .imgBox{ display: none; margin-bottom: 0.25rem; }
#IndexBlock5 .TabCon li:nth-child(3) .imgBox{ display: block; }
#IndexBlock5 .TabCon li:nth-child(3) .cont{ display: none; }
#IndexBlock5 .TabCon li:nth-child(3) .MoreBox2{ display: block; }
#IndexBlock5 .TabCon .title{ font-size: 0.18rem; line-height: 1.4em; color:#333333; font-weight: bold; }
#IndexBlock5 .TabCon .other{ font-size: 0.14rem; line-height: 0.2rem; color:#777777; padding:0.1rem 0 0.2rem; border-bottom: 1px dashed #dddddd; margin-bottom: 0.13rem; }
#IndexBlock5 .TabCon .other .span{}
#IndexBlock5 .TabCon .other .icon{ display: inline-block; vertical-align: middle; height: 0.2rem; width: 0.22rem; margin-top: -0.03rem; margin-right: 0.03rem; }
#IndexBlock5 .TabCon .other .time{ background: url(../images/icon_3.png) no-repeat left center; }
#IndexBlock5 .TabCon .other .look{ background: url(../images/icon_4.png) no-repeat left center; margin-left: 0.4rem; }
#IndexBlock5 .TabCon .cont{ font-size: 0.14rem; line-height: 1.6em; height: 3.2em; color:#777777; }
#IndexBlock5 .TabCon li:hover:before{ width: 100%; }
#IndexBlock5 .TabCon .Box:hover .title{ color:#0278dc; }
/**搜索栏目**/
#SearchBlock{}
#SearchBlock .Box{ border-bottom: 1px dashed #eeeeee; padding:0.25rem 0 0.2rem; }
#SearchBlock .l_con{}
#SearchBlock .word{}
#SearchBlock .word .en{ font-size: 0.12rem; line-height: 0.18rem; color:#777777; }
#SearchBlock .word .cn{ font-size: 0.18rem; line-height: 0.22rem; color:#333333; font-weight: bold; }
#SearchBlock .aBox{ border-left: 1px solid #dddddd; padding-left: 0.2rem; margin-left: 0.2rem; font-size: 0; line-height: 0; }
#SearchBlock .aBox a{ display: inline-block; vertical-align: middle; font-size: 0.14rem; color:#777777; line-height: 0.18rem; }
#SearchBlock .aBox a+a{ margin-left: 0.3rem; }
#SearchBlock .aBox a:hover{ color:#0278dc; }
/**分页**/
.PageBox{ padding:0.55rem 0.1rem; text-align: center; font-size: 0; line-height: 0; }
.PageBox a{ font-size: 0.14rem; line-height: 0.38rem; color:#999999; display: inline-block; vertical-align: middle; margin:0.02rem 0.1rem; transition:all 0.3s; padding:0 1.1em; border:0.01rem solid #cccccc; font-family: "微软雅黑"; border-radius: 0.03rem; }
.PageBox a.on{ color:#fff; background-color: #0278dc; border-color: #0278dc; }
.PageBox a:hover{ color:#fff; background-color: #0278dc; border-color: #0278dc; }
.PageBox .num{ display: inline-block; vertical-align: middle; }
.PageBox .prev,
.PageBox .next{ text-indent: 9999em; overflow: hidden; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-color: #959595; border:0 none; }
.PageBox .prev{ background-image: url(../images/icon_jt1_1.png); }
.PageBox .next{ background-image: url(../images/icon_jt1_2.png); }
/**列表**/
.list1{ margin:0 -0.05rem; text-align: center; }
.list1 .li{ padding:0.05rem; }
.list1 .Box{ display: block; border:0.01rem solid #eef3fc; }
.list1 .li_tit{ font-size: 0.16rem; color:#555555; line-height: 0.6rem; padding:0 0.1rem; }
.list1 .Box:hover{ border-color: #2e9af5; }
.list1 .Box:hover .li_tit{ color:#fff; background-color: #2e9af5; }
.list2{ font-size: 0; line-height: 0; }
.list2 .li{ display: inline-block; font-size: 0.14rem; vertical-align: middle; float: none; }
.list2 .Box{ background-color: #fff; display: block; }
.list2 .cont{ padding:0.3rem; }
.list2 .li_tit{ font-size: 0.16rem; line-height: 1.2em; color:#333333; font-weight: bold; }
.list2 .word{ font-size: 0.14rem; line-height: 1.4em; color:#777777; margin-top: 0.13rem; padding-top: 0.13rem; border-top: 1px dashed #dddddd; height: calc(2.8em + 0.13rem);}
.list2 .Box:hover .li_tit{ color:#0278dc; }
.list2 .VideoPlay{}
.list2 .VideoPlay .imgBox{ position: relative; }
.list2 .VideoPlay .imgBox:before{ transition: all 0.3s; display: block; content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%; background:transparent url(../images/icon_play.png) no-repeat center/0.6rem auto; z-index: 2; display: none; }
.list2 .VideoPlay:hover .imgBox:before{ background-color: rgba(0,0,0,0.2) }
.list3{}
.list3 .Box{ display: block; }
.list3 .Box img{ width: 100%; }
.list4{ margin:-0.07rem -0.05rem; text-align: center; }
.list4 li{ padding:0.07rem 0.05rem; }
.list4 .Box{ border:1px solid #eef3fc; display: block; transition: all 0.3s; }
.list4 .Box img{ margin:0 auto; }
.list4 .title{ font-size: 0.16rem; line-height: 0.64rem; color:#555555; padding:0 0.15rem; }
.list4 .Box:hover{ border-color:#2e9af5; }
.list4 .Box:hover .title{ color:#fff; background-color:#2e9af5; }
.list5{ margin-top:3.21%; }
.list5 .li{ border-bottom:1px dashed #dfdfdf; padding-bottom: 3.125%; }
.list5 .li+.li{ margin-top: 3.125%; }
.list5 .Box{ display: block; }
.list5 .imgBox{ float: left; display: inline-block; width: 3.35rem; margin-right: 1.875%; }
.list5 .cont{ overflow: hidden; padding-top: 0.05rem; }
.list5 .time{ font-size: 0.14rem; color:#999999; line-height: 1.4em; }
.list5 .title{ font-size: 0.2rem; color:#333333; line-height: 1.4em; margin:0.05rem 0 0.15rem; }
.list5 .word{ font-size: 0.14rem; color:#666666; line-height: 1.8em; margin-bottom: 0.25rem; }
.list5 .Box:hover .title{ color:#2e9af5; }
/***关于我们***/
#AboutBlock1{}
#AboutBlock1 .Box{ padding:3.21% 0 3.92%; }
#AboutBlock1 .Box:after{ content: ""; display: block; clear: both; height: 0; }
#AboutBlock1 .r_img{ width: 50%; }
#AboutBlock1 .r_img img{ display: block; width: 100%; }
#AboutBlock1 .l_con{ width: 50%; padding-right: 5%; }
#AboutBlock1 .cont{ font-size: 0.14rem; color:#555555; line-height: 2.1em; margin-top: 0.25rem; }
#AboutBlock2{ background-color: #f8f8f8; }
#AboutBlock2 .AutoTitle1{ padding:3.92% 0 2.5%; }
#AboutBlock2 .SBox{ overflow: hidden; }
#AboutBlock2 .swiper-slide{}
#AboutBlock2 .swiper-slide .Box{ display: inline-block; float: left; width: 19.64285%; position: relative; color:#fff; margin-left: 0.47%; }
#AboutBlock2 .swiper-slide .Box img{ width: 100%; }
#AboutBlock2 .swiper-slide .Box:nth-child(2),
#AboutBlock2 .swiper-slide .Box:nth-child(3),
#AboutBlock2 .swiper-slide .Box:nth-child(4){ margin-bottom: 0.36%; }
#AboutBlock2 .swiper-slide .Box:first-child{ width: 39.64285%; margin-left: 0; margin-bottom: 0; }
#AboutBlock2 .swiper-slide .mark{ display: flex; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); text-align: center; justify-content: center; align-items: center; opacity: 0; padding:0.15rem; }
#AboutBlock2 .swiper-slide .icon{ display: inline-block; width: 0.29rem; height: 0.29rem; vertical-align: middle; background:url(../images/icon_search.png) no-repeat center/contain; margin-bottom: 0.08rem; }
#AboutBlock2 .swiper-slide .txt{ font-size: 0.16rem; line-height: 1.4em; color:#ffffff; }
#AboutBlock2 .Box:hover .mark{ opacity: 1; }
#AboutBlock2 .BotBox{ font-size: 0; line-height: 0; padding:2.85% 0; }
#AboutBlock2 .BotBox .Btn{ display: inline-block; vertical-align: middle; height: 0.4rem; width: 0.4rem; background-color:rgba(0,0,0,0.4); background-repeat: no-repeat; background-position: center; border-radius: 50%; }
#AboutBlock2 .BotBox .Btn:hover{ background-color: rgba(2,120,220,0.9); }
#AboutBlock2 .BotBox .Prev{ background-image: url(../images/icon_jt1_1.png); }
#AboutBlock2 .BotBox .Next{ background-image: url(../images/icon_jt1_2.png); }
#AboutBlock2 .points{ display: inline-block; vertical-align: middle; margin:0 0.3rem; }
#AboutBlock2 .points span{ height: 0.12rem; width: 0.12rem; margin:0 0.06rem; }
/**产品中心**/
#LRBox{ padding-bottom: 0.25rem; }
#LRBox .padBox{ padding-top: 3.21%; }
#LRBox .L_cont{ width: 2.6rem; margin-right: 2.85%; }
#LRBox .L_cont li+li{ margin-top: 0.05rem; }
#LRBox .L_cont li h1{ font-size: inherit; line-height: inherit; margin:0; }
#LRBox .L_cont li .li_tit{ background-color: #d3d3d3; position: relative; display: block; padding:0.2rem 0.2rem 0.16rem; }
#LRBox .L_cont li .cn{ font-size: 0.18rem; line-height: 1.2em; color:#333333; }
#LRBox .L_cont li .en{ font-size: 0.12rem; line-height: 1.6em; color:#333333; opacity: 0.45; text-transform: uppercase; }
#LRBox .L_cont li .icon{ display: block; position: absolute; height: 100%; width: 0.25rem; top:0; right: 0.2rem; background:url(../images/icon_jt2_1.png) no-repeat right center; }
#LRBox .L_cont li .lib{ display: none; }
#LRBox .L_cont li .lib .a{ display: block; background-color: #f8f8f8; font-size: 0.14rem; line-height: 0.2rem; color:#777777; padding:0.2rem 0.2rem; }
#LRBox .L_cont li .lib .tit{ position: relative; padding-left: 0.16rem; }
#LRBox .L_cont li .lib .tit:before{ content: ""; display: block; position: absolute; left: 0; height: 0.2rem; top:0; width: 0.1rem; background:url(../images/icon_point.png) no-repeat left center; }
#LRBox .L_cont li .li_tit:hover,
#LRBox .L_cont li.on .li_tit{ background-color: #0278dc; }
#LRBox .L_cont li .li_tit:hover .cn,
#LRBox .L_cont li .li_tit:hover .en,
#LRBox .L_cont li.on .li_tit .cn,
#LRBox .L_cont li.on .li_tit .en{ color:#fff; }
#LRBox .L_cont li .li_tit:hover .icon,
#LRBox .L_cont li.on .li_tit .icon{ background-image:url(../images/icon_jt2_1_h.png); }
#LRBox .L_cont li.on .li_tit .icon{ background-image:url(../images/icon_jt2_2_h.png); }
#LRBox .L_cont li .lib .a:hover,
#LRBox .L_cont li .lib .this{ background-color: #fff; color:#0278dc; }
#LRBox .L_cont li .lib .a:hover .tit:before,
#LRBox .L_cont li .lib .this .tit:before{ background-image: url(../images/icon_point_h.png); }
#LRBox .R_cont{ overflow: hidden; }
/**产品详情页**/
.Pro_info{}
.Pro_info .Top{}
.Pro_info .Top .Img{ width: 4.25rem; margin-right: 4.54%; }
.Pro_info .Top .Big{ margin-bottom: 0.1rem; }
.Pro_info .Top img{ display: block; width: 100%; }
.Pro_info .Top .PBox{ position: relative; }
.Pro_info .Top .PBox .Btn{ position: absolute; top:0; height: 100%; width: 0.24rem; background-color:#f8f8f8; background-repeat: no-repeat; background-position: center; z-index: 2; cursor: pointer; }
.Pro_info .Top .PBox .Btn:hover{ background-color: #d6d6d6; }
.Pro_info .Top .PBox .Prev{ left:0; background-image: url(../images/icon_jt3_1.png); }
.Pro_info .Top .PBox .Next{ right:0; background-image: url(../images/icon_jt3_2.png); }
.Pro_info .Top .SBox{ margin:0 0.33rem; overflow: hidden; }
.Pro_info .Top .SBox .imgBox{ cursor: pointer; position: relative; }
.Pro_info .Top .SBox .imgBox:before{ content: ""; display: block; position: absolute; left: 0; top:0; right: 0; bottom: 0; border:0.02rem solid #0278dc; opacity: 0; z-index: 2; transition: all 0.3s; }
.Pro_info .Top .SBox .on .imgBox:before{ opacity: 1; }
.Pro_info .Top .r_cont{ overflow: hidden; }
.Pro_info .Top .title{ margin:0; font-size: 0.3rem; line-height: 1.2em; color:#333333; margin-bottom: 0.2rem; }
.Pro_info .Top .des{ font-size: 0.14rem; line-height: 1.8em; color:#777777; }
.Pro_info .Top .cs{ border-top:1px dashed #dddddd; border-bottom:1px dashed #dddddd; padding:0.25rem 0; margin:0.3rem 0 0.4rem; }
.Pro_info .Top .c_tit{ font-size: 0.16rem; line-height: 1.4em; color:#555555; font-weight: bold; margin-bottom: 0.1rem; }
.Pro_info .Top .table{ font-size: 0.14rem; line-height: 1.6em; color:#777777; margin-bottom:0; }
.Pro_info .Top .table table{ width: 100%; margin:0; }
.Pro_info .Top .table td{ padding:0.04rem 0; }
.Pro_info .Top .ypsq{ display: inline-block; font-size: 0.16rem; line-height: 0.5rem; padding:0 0.3rem; background-color: #0278dc; color:#fff; }
.Pro_info .Top .ypsq:hover{ background-color: #44a0ef; }
.Pro_info .A_tit{ background-color: #d3d3d3; color:#333333; line-height: 0.54rem; padding:0 0.25rem; margin:5% 0 0.1rem; }
.Pro_info .A_tit .cn{ font-size: 0.2rem; font-weight: bold; }
.Pro_info .A_tit .en{ font-size: 0.14rem; opacity: 0.5; padding-left: 0.07rem; text-transform: uppercase; }
.Pro_info .Bot{ border-bottom: 1px solid #dddddd; padding:0.1rem 0 5%; }
.Pro_info .Bot .cont{ font-size: 0.16rem; line-height: 2em; color:#777777; }
.Pro_info .Bot .cont table{ /*min-width: 100%;*/ width: auto; max-width: 100%; }
.Pro_info .Bot .cont table tr{ width: 100%; }
.Pro_info .Bot .cont table td{ padding:0 0.1rem; /*width:50%;*/ }
.Pro_info .list4{ padding-bottom: 5%; }
#ProTank{ position: fixed; left:0; top:0; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 99999; }
#ProTank .Box{ position: absolute; left: 50%; top:50%; margin-left: -4.3rem; margin-top: -2.7rem; background-color: #fff; width: 8.6rem; }
#ProTank .Box .exit{ display: block; position: absolute; right: 0.1rem; top:0.1rem; height: 0.44rem; width: 0.44rem; background:#0278dc url(../images/icon_exit1.png) no-repeat center/0.22rem auto; cursor: pointer; transform: rotate(0); border-radius: 50%; }
#ProTank .Box .exit:hover{ background-color: #2493f1; }
#ProTank .pad{ padding:6.3% 8.7% 7.5%; }
#ProTank .title{ font-size: 0.24rem; color:#333333; line-height: 1.4em; }
#ProTank .longtitle{ font-size: 0.14rem; line-height: 1.6em; color:#777777; margin-bottom: 0.2rem; }
#ProTank .form{ display: block; margin:0 -0.1rem; font-size: 0; line-height: 0; }
#ProTank .label{ display: inline-block; vertical-align: middle; padding:0.05rem 0.1rem; font-weight: normal; width: 100%; margin:0; position: relative; }
#ProTank .label .l_box{ border:1px solid #dddddd; border-radius: 0; }
#ProTank .wid1{ width: 50%; }
#ProTank .tit{ font-size: 0.14rem; line-height: 0.54rem; color:#777777; float: left; display: inline-block; min-width: 0.65rem;text-align: right; text-align: right; }
#ProTank .tip{ display: inline-block; vertical-align: middle; width: 0.15rem; color:#ff0000; text-align: center; }
#ProTank .inputBox{ overflow: hidden; }
#ProTank .label .input{ line-height: 0.54rem; color:#666; font-size: 0.14rem; width: 100%; display: block; padding:0 0.15rem 0 0; }
#ProTank .label .l_box .select{ position: absolute; left: -1px; top: 100%; width: 100%; max-height: 400%; overflow-y: auto; cursor: pointer; z-index: -1; opacity: 0; background-color: #fff; margin-top: 0; line-height: 0.36rem; border:1px solid #ccc; box-sizing: content-box; padding:0.08rem 0; height: auto; }
#ProTank .label .select li.on{ color:#fff; background-color: #0278dc; }
#ProTank .label .select li:hover{ color:#fff; background-color: #2e98f1; }
#ProTank .label .ons .select{ z-index: 2; opacity: 1; }
#ProTank .inputBox .textarea{ height: 1.6rem; line-height: 1.6em; padding:0.15rem 0.15rem 0.15rem 0; }
#ProTank .product{ position: relative; }
#ProTank .product .icon{ position: absolute; right: 0; top:0; display: block; height: 100%; width: 0.35rem; cursor: pointer; background: url(../images/icon_jt2_1.png) no-repeat center; }
#ProTank .product .input{ padding-right: 0.35rem; }
#ProTank .word{ font-size: 0.14rem; line-height: 0.46rem; color:#777777; }
#ProTank .word a{ color:#0278dc; text-decoration: underline; }
#ProTank .submit{ font-size: 0.16rem; line-height: 0.5rem; padding:0 0.35rem; display: inline-block; color:#fff; background-color: #0278dc; border:0 none; }
#ProTank .submit:hover{ background-color: #2f97ef; }
/**工厂展示**/
#FactoryList{ font-size: 1rem; }
#FactoryList .loaded .imgBox img{ max-width: 100%; }
#FactoryList .ul1{ padding:3.21% 0; margin:-0.1rem -0.15rem; position: relative; overflow: hidden; }
#FactoryList .ul1 img{ width: 100%; display: block; }
#FactoryList .ul1 .Box{ display: block; text-align: center; cursor: default; }
#FactoryList .ul1 li{ float: left; display: inline-block; width: 33.33%; padding:0.1rem 0.15rem; }
#FactoryList .ul1 .txt{ font-size: 0.16rem; line-height: 1.2em; padding:0.1rem 0.1rem; color:#333; }
#FactoryList .ul1 .imgBox{ position: relative; }
#FactoryList .ul1 .imgBox:after{ display: none; content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(2,120,220,0.75); transition: all 0.5s ease-in-out; transform: scale(0.98); }
#FactoryList .ul1 .imgBox:hover:after{ opacity: 1; transform: scale(1); }
/**新闻**/
#NewsList{ font-size: 1rem; }
/**新闻详情**/
#AutoInfo{}
#AutoInfo .Back{ box-shadow: 0 0 0.15rem rgba(0,0,0,0.05); padding:2.91%; margin:3.21% 0 6%; margin:-2.5% 0 6%; position: relative; }
#AutoInfo .title{ font-size: 0.24rem; color:#333333; line-height: 1.2em; text-align: center; margin-bottom: 1%; font-weight: bold; }
#AutoInfo .longtitle{ font-size: 0.14rem; color:#777777; line-height: 1.6em; text-align: center; }
#AutoInfo .longtitle span{ display: inline-block; }
#AutoInfo .longtitle .time{ background:url(../images/icon_date.png) no-repeat left center; padding-left: 0.27rem; }
#AutoInfo .longtitle .look{ background:url(../images/icon_look.png) no-repeat left center; padding-left: 0.27rem; margin-left: 2em; }
#AutoInfo .cont{ padding:2.5% 0 4.5%; border-top: 0.01rem dashed #dddddd; border-bottom: 0.01rem dashed #dddddd; margin-bottom: 3%; margin-top: 3%; }
#AutoInfo .word{ font-size: 0.14rem; color:#555555; line-height: 1.8em; }
#AutoInfo .word img{ height: auto!important; }
#AutoInfo .other{ padding-bottom: 1.5%; }
#AutoInfo .other .f_l{ max-width: 60%; }
#AutoInfo .other a{ display: inline-block; color:#555555; font-size: 0.14rem; line-height: 0.3rem; }
#AutoInfo .PNBox a{ padding:0 0.18rem; padding:0; display: block; }
#AutoInfo .PNBox a i{ display: inline-block!important; font-style: normal; transition:all 0.3s ease-in-out; background-size: 0!important; padding:0!important; }
#AutoInfo .PNBox .prev{ margin-right: 0.05rem; }
#AutoInfo .PNBox .prev i{ padding-left: 0.25rem; background:url(../images/icon_jt5.png) no-repeat left center; }
#AutoInfo .PNBox .next i{ padding-right: 0.25rem; background:url(../images/icon_jt6.png) no-repeat right center; }
#AutoInfo .PNBox a:hover{ /*color:#fff; background-color: #0278dc;*/ color:#0278dc; }
#AutoInfo .PNBox .prev:hover i{ background-image: url(../images/icon_jt5_h2.png); background-position: 10% center; }
#AutoInfo .PNBox .next:hover i{ background-image: url(../images/icon_jt6_h2.png); background-position: 90% center; }
#AutoInfo .other .Return{ line-height: 0.4rem; padding:0; }
#AutoInfo .other .Return span{ display: block; padding-left:0.2rem; background:url(../images/icon_jt7.png) no-repeat left center; transition: all 0.3s; }
#AutoInfo .other .Return:hover{ color:#fff; background-color: #0278dc; padding:0 0.18rem; }
#AutoInfo .other .Return:hover span{ transform:translateX(0.02rem); background-image:url(../images/icon_jt7_h.png); }
/**FAQ常见问题**/
#FaqTop{ padding-top: 2.5%; padding-bottom: 4.16%; }
#FaqBlock .ul{ padding-bottom: 5.41%; }
#FaqBlock .ul li{ background-color: #fff; position: relative; padding:2.88% 4% 2.88% 2.08%; }
#FaqBlock .ul li+li{ margin-top:1.25%; }
#FaqBlock .ul li:after{ content: ""; display: block; position: absolute; bottom:0; left: 0; height: 0.02rem; width: 0; background-color: #0eb4b1; transition: all 0.3s ease-in-out; }
#FaqBlock .ul .top{ position: relative; padding-left: 0.52rem; padding-right: 0.2rem; font-size: 0.18rem; line-height: 1.4em; color:#333333; display: block; }
#FaqBlock .ul .top .num{ position: absolute; left: 0; display: block; color:#0278dc; font-weight: bold; }
#FaqBlock .ul .icon{ position: absolute; top:0; right: 0; width: 0.15rem; height: 1.4em; display: block; background:url(../images/icon_jt8_1.png) no-repeat center; cursor: pointer; display: none; }
#FaqBlock .ul .on .icon{ background-image: url(../images/icon_jt8_2.png); }
#FaqBlock .ul li .a:hover{ color:#0278dc; }
#FaqBlock .ul .bot{ margin-top: 3%; padding-top: 1.66%; border-top:0.01rem solid #dddddd; font-size: 0.16rem; color:#555555; line-height: 1.8em; max-height: 3.6em; display: block; border-top: 0 none; padding-top: 0; margin-top: 1%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#FaqBlock .ul li:hover{ box-shadow: 0 0 0.15rem rgba(0,0,0,0.1); }
#FaqBlock .ul li:hover .icon{ background-image: url(../images/icon_jt8_1_h.png); }
#FaqBlock .ul li.on:hover .icon{ background-image: url(../images/icon_jt8_2_h.png); }
/**联系我们**/
#ContacBlock1{}
#ContacBlock1 .AutoTitle2{ padding-bottom: 0; }
#ContacBlock1 .Box{ position: relative; min-height: 30%; margin:1% 0 4.16%; }
#ContacBlock1 .l_con{ width: 38.33%; padding-top: 2%; }
#ContacBlock1 .l_con .cn{ font-size: 0.24rem; line-height: 1.4em; color:#0278dc; }
#ContacBlock1 .l_con .en{ font-size: 0.16rem; line-height: 1.4em; color:#0278dc; opacity: 0.5; margin-bottom: 5%; }
#ContacBlock1 .r_img{ position: absolute; right: 0; top:0; height: 100%; width: 56.25%; }
#ContacBlock1 .r_img #Map{ width: 100%; height: 100%; border:0.03rem solid #ddd; overflow: hidden; }
#Map img{ max-width: 999px; }
#ContacBlock1 .ul{ font-size: 0.16rem; }
#ContacBlock1 .ul li{ position: relative; clear: both; }
#ContacBlock1 .ul li+li{ margin-top: 0.1rem; }
#ContacBlock1 .ul .icon{ float: left; height: 0.54rem; width: 0.54rem; border-radius: 50%; background-repeat: no-repeat; background-position: center; margin-right: 0.15rem; transition: all 0.3s; }
#ContacBlock1 .ul .cont{ padding-top: 0.07rem; overflow: hidden; }
#ContacBlock1 .ul .tit{ color:#666666; line-height: 1.2em; }
#ContacBlock1 .ul .word{ color:#000000; line-height: 1.2em; }
#ContacBlock1 .ul .address{ background-image: url(../images/icon_contact1.png); }
#ContacBlock1 .ul .tel{ background-image: url(../images/icon_contact2.png); }
#ContacBlock1 .ul .tel2{ background-image: url(../images/icon_contact5.png); }
#ContacBlock1 .ul .mail{ background-image: url(../images/icon_contact3.png); }
#ContacBlock1 .ul .mailcode{ background-image: url(../images/icon_contact4.png); }
#ContacBlock1 .ul li:hover .icon{ background-color: #0278dc; }
#ContacBlock1 .ul li:hover .address{ background-image: url(../images/icon_contact1_h.png); }
#ContacBlock1 .ul li:hover .tel{ background-image: url(../images/icon_contact2_h.png); }
#ContacBlock1 .ul li:hover .tel2{ background-image: url(../images/icon_contact5_h.png); }
#ContacBlock1 .ul li:hover .mail{ background-image: url(../images/icon_contact3_h.png); }
#ContacBlock1 .ul li:hover .mailcode{ background-image: url(../images/icon_contact4_h.png); }
#ContacBlock2{ background:#f5f5f5; }
#ContacBlock2 .AutoTitle2{ padding-bottom: 3.5%; }
#ContacBlock2 .form{ display: block; margin-bottom: 7.9%; }
#ContacBlock2 .wid{ width: 49.16%; }
#ContacBlock2 .label{ display: block; width: 100%; padding:0; position: relative; }
#ContacBlock2 .label+.label{ margin-top: 0.2rem; }
#ContacBlock2 .label .la_tit{ font-size: 0.16rem; line-height: 0.6rem; color:#444; position: absolute; left: 0; top:0; padding:0 0.1rem; font-weight: normal; }
#ContacBlock2 .label .tips{ color:#f00; }
#ContacBlock2 .label.on .tips{ display: none; }
#ContacBlock2 .input{ display: block; width: 100%; line-height: 0.6rem; height: 0.6rem; padding:0 0.15rem 0 1rem; border:0.01rem solid #e8e8e8; background-color: #fff; font-size: 0.16rem; color:#666666; font-weight: normal; }
#ContacBlock2 .textarea{ height: 2.2rem; }
#ContacBlock2 .input:focus{ box-shadow: 0 0 0.1rem rgba(2,120,220,0.2); }
#ContacBlock2 .submit{ display: block; width: 100%; line-height: 0.6rem; height: 0.6rem; padding:0 0.15rem; border:0 none; background-color: #0278dc; font-size: 0.16rem; color:#fff; font-weight: normal; text-align: center; }
#ContacBlock2 .submit:hover{ background-color: #288de2; }
#ContacBlock2 input::-webkit-input-placeholder{
color:#666666;
}
#ContacBlock2 input::-moz-placeholder{ /* Mozilla Firefox 19+ */
color:#666666;
}
#ContacBlock2 input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color:#666666;
}
#ContacBlock2 input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#666666;
}
/**硅胶案例**/
#CaseList{ background-color: #f1f1f1; }
#CaseList .list2{/* padding-top: 3.21%;*/ margin-top: -0.05rem; margin-left: -0.1rem; margin-right: -0.1rem; }
#CaseList .list2 .li{ padding:0.05rem 0.1rem; }
#CaseList .imgBox{ position: relative; }
#CaseList .imgBox::before { content: ""; display: block; width: 100%; padding-top: 62%; }
#CaseList .imgBox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#CaseList .imgBox .mark{ position: absolute; display: flex; height: 100%; width: 100%; left: 0; top:100%; background:rgba(0,0,0,0.7); text-align: center; align-items: center; justify-content: center; color:#fff; font-size: 0.2rem; line-height: 1.4em; flex-wrap: wrap; overflow: hidden; }
#CaseList .imgBox .mark .div{ max-width: 90%; }
#CaseList .imgBox .title{ position: relative; padding:0 2em; width: 100%; }
#CaseList .VideoPlay .imgBox .title{ margin-bottom: 1em; }
#CaseList .imgBox .title:before{ content: ""; display: block; position: absolute; left: 0; width: 1em; top:50%; height: 1px; margin-top: -0.5px; background-color: #fff; }
#CaseList .imgBox .title:after{ content: ""; display: block; position: absolute; right: 0; width: 1em; top:50%; height: 1px; margin-top: -0.5px; background-color: #fff; }
#CaseList .VideoPlay .imgBox .icon{ display: block; height: 0.41rem; width: 0.41rem; margin:0 auto; background:url(../images/icon_play1.png) no-repeat center/contain; }
#CaseList .Box:hover .imgBox .mark{ top:0; }
/**网站地图**/
#SiteMapBlock{ background:url(../images/img/map.jpg) no-repeat center/cover; }
#SiteMapBlock .title{ font-size: 0.26rem; color:#333333; line-height: 1.2em; margin:0; padding:2.98% 0 0.17rem; border-bottom: 0.01rem solid #ccc; margin-bottom: 3.33%; }
#SiteMapBlock .ul{ padding-bottom: 2.41%; }
#SiteMapBlock .ul li{ margin-bottom: 3% }
#SiteMapBlock .ul .li_type{ font-size: 0.2rem; line-height: 1.4em; margin-bottom:0.3rem; }
#SiteMapBlock .ul .li_type a{ color:#333; }
#SiteMapBlock .ul a{ color:#555; display: inline-block; }
#SiteMapBlock .ul a:hover{ color:#0278dc; }
#SiteMapBlock .ul .aBox{}
#SiteMapBlock .ul .lib36 .div{ display: block; }
#SiteMapBlock .ul .div{ padding-top: 0.02rem; padding-bottom: 0.02rem; }
#SiteMapBlock .ul .div a{ padding-left: 0.13rem; font-size: 0.15rem; line-height: 1.2em; position: relative; }
#SiteMapBlock .ul .div a:before{ content: ""; display: block; height: 0.06rem; width: 0.06rem; border-radius: 50%; background:#555555; position: absolute; left: 0; top:0.06rem; }
#SiteMapBlock .ul .div a:hover:before{ background-color:#0278dc; }
#SiteMapBlock .title{ font-size: 0.2rem; padding-bottom: 0.1rem; }
#SiteMapBlock .ul li{ border-bottom: 0.01rem solid #ccc; margin:0.15rem; padding:0 0 0.15rem; }
#SiteMapBlock .ul .div{ display: inline-block; }
#SiteMapBlock .ul .li_type{ margin-bottom: 0.05rem; }
#SiteMapBlock .ul .aBox{ margin:0 -0.07rem; }
#SiteMapBlock .ul .div{ margin:0 0.07rem; }
#SiteMapBlock .ul .lib{}
#SiteMapBlock .ul .lib .a{ display: inline-block; }
#SiteMapBlock .ul .lib .a a{ display: block; padding-left: 0; margin-left: 0.13rem; font-size: 0.12rem; color:#999; }
#SiteMapBlock .ul .lib .a a:before{ display: none; }
@media (min-width: 769px) {
body{ max-width: 19.2rem; }
/**头部**/
}
@media only screen and (min-width: 992px){
}
@media only screen and (min-width: 1230px){
/****/
body{ padding-top:1.32rem; }
.container{ width: 12.3rem; }
/**头部**/
#header .top{ height: 0.3rem; overflow: hidden; }
#header .r_con{ padding-top: 0.15rem; }
#header .r_con .container{ padding:0; width: auto; }
#header .Menu li{ transition: all 0.3s; }
#header .Menu li+li{ margin-left: 0.4rem; }
.IndexBody #header .Menu li+li{ margin-left: 0.5rem; }
#header .Menu li .title:after{ content: ""; display: block; position: absolute; left: 0; width: 0; height: 0.02rem; background-color: #0278dc; margin-top: 0.28rem; transition: all 0.3s ease-in-out; }
#header .Menu li .title:hover:after,
#header .Menu .on .title:after{ width: 100%; }
#header .SearchShow .Menu li .title:hover:after,
#header .SearchShow .Menu .on .title:after{ width: 0; }
#header .Menu .lib{ display: block; position: absolute; left: 50%; margin-left: -0.8rem; width: 1.6rem; text-align: center; background-color: #f4f4f4; border-top:0.3rem solid #fff; font-size: 0.14rem; transform: scale(0); margin-top: -0.1rem; opacity: 0; transition: margin 0.3s ease-in-out,opacity 0.3s; }
#header .Menu li:hover .lib{ margin-top: 0; opacity: 1; transform: scale(1); }
#header .Menu .lib a{ padding:0.07rem 0.1rem; display: block; color:#000; position: relative; }
#header .Menu .lib .a{ position: relative; }
#header .Menu .lib .a:before{ content: ""; display: block; position: absolute; left: 0; top:50%; height: 0; width: 100%; background-color: #0278dc; transition: all 0.3s; }
#header .Menu .lib .a:hover:before{ height: 100%; top: 0; }
#header .Menu .lib .a:hover a{ color:#fff; }
#header .Menu .lib .a+.a{ border-top: 0.01rem solid rgba(0,0,0,0.1); }
.IndexBody #header .Search{ display: none; }
#header .Search{ position: absolute; top:-0.3rem; right: 0; z-index: 2; width: 3.5rem; height: 100%; padding-left: 0.6rem; /*background:#fff url(../images/icon-srch.png) no-repeat 15px 50%;*/ opacity: 0; transform: scale(0); transition: top 0.3s ease-in-out,opacity 0.3s ease-in-out; background: #fff; }
#header .Search .select{ display: block; width: 0.6rem; position: absolute; left:0; top:0; line-height: 0.52rem; height: 0.52rem; font-size: 0.16rem; padding-left: 0.05rem; }
#header .Search .Key{ border:0 none; height: 0.52rem; line-height: 0.52rem; padding:0 0.45rem 0 0; font-size: 0.16rem; }
#header .Search .submit{ display: none; }
#header .Search .exit{ display: block; position: absolute; height: 100%; width: 0.3rem; top:0; right: 0.15rem; cursor: pointer; background:url(../images/close1.png) no-repeat center; }
#header .r_con .container{}
#header .bot>.container{ position: relative; }
#header .SearchShow .Search{ top:100%; opacity: 1; transform: scale(1); margin-top: 0.25rem; }
.IndexBody #header .SearchBtn{ display: none; }
#header .SearchBtn{ height: 0.32rem; width: 0.32rem; background:url(../images/icon_h_2_2.png) no-repeat center; position: relative; margin-left: 0.45rem; cursor: pointer; }
#header .SearchBtn:hover{ background-image: url(../images/icon_h_2_2_h.png); }
#header .SearchBtn:before{ content: ""; display: block; position: absolute; left: -0.2rem; height: 50%; top: 25%; width: 1px; background-color: #d4d4d4; }
.SmallHeader #header .bot{ padding:0.1rem 0; }
.SmallHeader #header .Menu li{ font-size: 0.15rem; }
.SmallHeader #header .Menu li+li{ margin-left: 0.4rem; }
.SmallHeader #header .Menu li .title:after{ margin-top: 0.15rem; }
.SmallHeader #header .Menu li:hover .lib{ border-top-width: 0.17rem; }
.SmallHeader.IndexBody #header .Menu li+li{ margin-left: 0.5rem; }
.SmallHeader #header .SearchShow .Search{ margin-top: 0.05rem; }
/**首页**/
#IndexBlock2 .swiperBox:hover+.MoreBox2,
#IndexBlock2 .MoreBox2:hover{ display: block; }
#IndexBlock2 .MoreBox2{ display: none; }
#IndexBlock5 .TabCon li:nth-child(3) .imgBox img{ height:2.14rem; }
}
@media only screen and (min-width: 1450px){
.container{ width: 14.3rem; }
/**头部导航**/
.IndexBody #header .Menu li+li{ margin-left: 0.6rem; }
#header .Menu li+li{ margin-left: 0.5rem; }
/**首页**/
#IndexBlock5 .TabCon .other{ padding:0.15rem 0 0.25rem; margin-bottom: 0.21rem; }
#IndexBlock5 .TabCon li:nth-child(3) .imgBox img{ height:2.49rem; }
/**产品详情页**/
.Pro_info .Top .title{ font-size: 0.36rem; margin-bottom: 0.35rem; }
}
@media only screen and (min-width: 1550px){
/**首页**/
/**底部**/
}
@media only screen and (max-width: 1230px){
body{ padding-top:0.6rem; padding-top: 0; }
/**头部导航**/
#header{ position: relative; }
#header .l-word{ display: none; }
#header .top{ height: 0; }
#header .top .phone{ display: none; }
#header .top .language{ position: absolute; right: 0.15rem; top:0.15rem; border:0 none; }
#header .logo img{ height: 0.32rem; }
#header .logo .big{ font-size: 0.14rem; }
#header .logo .small{ font-size: 0.12rem; }
#header .bot{ padding:0.1rem 0; }
#header .PhoneMenu{ display: none; }
.PhoneMenu{ display: block; margin:0 auto; width: 0.32rem; /*background: #0278dc;*/ padding:0.07rem 0.07rem; padding:0; position: relative; border-radius: 0.05rem;/* margin-top: 0.11rem;*/ }
.PhoneMenu i{ display: block; background: #0278dc; height: 0.03rem; opacity: 1; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.PhoneMenu i+i{ margin-top:0.05rem; }
#header .Search{ display: block; float: none; width: 100%; padding-right: 0.4rem; }
#header .Search .select{ display: block; width: 0.6rem; position: absolute; left:0; top:0; line-height: 0.4rem; height: 0.4rem; font-size: 0.14rem; padding-left: 0.05rem; }
#header .Search .Key{ padding:0 0.1rem; padding-left: 0.6rem; }
#header .Search .submit{ width: 0.4rem; }
#header.en .Search{ padding-right: 0.7rem; }
#header.en .Search .select{ width:0.7rem; }
#header.en .Search .Key{ padding-left: 0.75rem; }
#header .r_con{ position: fixed; background-color: rgba(255,255,255,0.99); left: 0; top: 0.91rem; top:0; padding:0.15rem 0 0; right: 0; bottom: 0; overflow-y: auto; opacity: 0; transform:scaleX(0); -webkit-transform:scaleX(0); -ms-transform:scaleX(0); -moz-transform:scaleX(0); -o-transform:scaleX(0); border-top: 0.02rem solid #0278dc; }
#header .Menu{ padding:0; display: block; width: 100%; text-align: center; }
#header .Menu li{ display: block; float: none; border-bottom: 0.02rem solid #0278dc; font-size:0.18rem; }
#header .Menu li+li{ margin:0; }
#header .Menu li .title{ margin:0; font-size: 0.2rem; padding:0.1rem 0; color:#666; }
#header .Menu li .title:after{ width: 100%; left: 0; top:auto; bottom: 0; }
#header .Menu li .title .icon{ display: inline-block; padding-right: 0.3rem; background: url(../images/icon_jt2_1.png) no-repeat right top 0.12rem; }
#header .Menu li .title.click .icon{ background: url(../images/icon_jt2_2.png); }
#header .Menu .lib{ background-color: rgba(0,0,0,0.04); line-height: 2.9em; }
#header .Menu .lib .a+.a{ border-top:1px solid #0278dc; }
.PhoneShow .PhoneMenu .i1{ transform: rotate(45deg) translate(0.06rem,0.05rem); -webkit-transform: rotate(45deg) translate(0.06rem,0.05rem); -ms-transform: rotate(45deg) translate(0.06rem,0.05rem); -moz-transform: rotate(45deg) translate(0.06rem,0.05rem); -o-transform: rotate(45deg) translate(0.06rem,0.05rem); }
.PhoneShow .PhoneMenu .i2{ opacity: 0; }
.PhoneShow .PhoneMenu .i3{ transform: rotate(-45deg) translate(0.06rem,-0.05rem); -webkit-transform: rotate(-45deg) translate(0.06rem,-0.05rem); -ms-transform: rotate(-45deg) translate(0.06rem,-0.05rem); -moz-transform: rotate(-45deg) translate(0.06rem,-0.05rem); -o-transform: rotate(-45deg) translate(0.06rem,-0.05rem); }
.PhoneShow #header .r_con{ opacity: 1; transform:scaleX(1); -webkit-transform:scaleX(1); -ms-transform:scaleX(1); -moz-transform:scaleX(1); -o-transform:scaleX(1); }
#PhoneMenus{ display: block; position: fixed; width:100%; left:0; bottom: 0; z-index: 999; background: #fff; }
#PhoneMenus .container{ display: flex; align-items: center; justify-content: center; text-align: center; }
#PhoneMenus a{ padding:0.1rem; width: 33.33%; }
#PhoneMenus .PhoneMenu{ margin:0.03rem auto; }
#PhoneMenus img{ display: block; margin:0 auto; width: 0.26rem; }
/**底部**/
#footer{ padding-bottom: 0.7rem; }
/***公用***/
.AutoTitle{}
.AutoTitle .En{ font-size: 0.6rem; }
.AutoTitle .Cn{ font-size: 0.26rem; top: 0.2rem; }
.AutoTitle .word{ line-height: 1em; padding-top: 0; }
.MoreBox1 .icon{ margin-right: 0.1rem; }
.MoreBox2{}
.MoreBox2 .a{ font-size: 0.14rem; color:#777777; line-height: 1.6em; }
.MoreBox2 .icon{ display: inline-block; vertical-align: middle; margin-right: 0.1rem; height: 0.24rem; width: 0.24rem; background:#b63c3c url(../images/icon_1.png) no-repeat center; border-radius: 50%; margin-top: -0.03rem; transition: all 0.3s; }
.MoreBox2:hover .icon{ background-color: #0278dc; }
.MoreBox2:hover{ color:#0278dc; }
.MoreBox2:hover .a{ color:#0278dc; }
.swiperBox{ position: relative; }
.swiperBox:hover .PNBtnBox{ display: block; }
.PNBtnBox{ display: none; }
.PNBtnBox .Btn{ z-index: 9; display: block; position: absolute; height: 0.4rem; width: 0.4rem; border-radius: 50%; background-color: rgba(0,0,0,0.4); background-position: center; background-repeat: no-repeat; top:50%; margin-top: -0.2rem; }
.PNBtnBox .Prev{ left: 0; margin-left: -0.2rem; background-image: url(../images/icon_jt_1_1.png); }
.PNBtnBox .Next{ right: 0; margin-right: -0.2rem; background-image: url(../images/icon_jt_1_2.png); }
/**面包屑二级菜单**/
#Location .loca a{ line-height: 0.5rem; }
#Location .loca .jt{ line-height: 0.5rem; }
#Location .loca span{ line-height: 0.5rem; }
/**首页**/
#IndexBlock3 .TabCon .cont:before,
#IndexBlock3 .TabCon .cont:after{ height: 0.2rem; width: 0.28rem; background-size: contain; }
#IndexBlock3 .title .num{ font-size: 0.34rem; }
#IndexBlock3 .title{ font-size: 0.2rem; }
#IndexBlock3 .longtitle{ font-size: 0.18rem; }
#IndexBlock3 .text{ line-height: 1.5em; padding-top: 0.15rem; }
#IndexBlock3 .TabBox{ padding-bottom: 3.57%; }
#IndexBlock3 .TabHead{ top: 0; }
#IndexBlock3 .TabHead .span{ padding:0.2rem 0; }
#IndexBlock4 .cont{ line-height: 1.6em; }
#IndexBlock4 .Nums{ padding:0.15rem 0; }
#IndexBlock4 .num{ font-size: 0.26rem; }
#IndexBlock5 .TabCon li{ padding:2.2%; }
#IndexBlock5 .TabCon .other{ padding:0.1rem 0; }
#IndexBlock5 .TabCon li:nth-child(3) .imgBox img{ height:1.74rem; }
/**友情链接**/
#FriendLinks a{ margin-left: 0.3rem; }
/**列表**/
.list4 .title{ line-height: 0.5rem; }
/**悬浮框**/
#f_nav{ display: none; }
/**轮播**/
.PNBtnBox{ display: block; }
/**关于我们**/
#AboutBlock1 .r_img{ width: 100%; display: block; float: none; }
#AboutBlock1 .l_con{ width: 100%; padding-right: 0; padding-top: 0.25rem; }
#AboutBlock1 .cont{ margin-top: 0.1rem; }
#AboutBlock2 .swiper-slide .txt{ font-size: 0.14rem; }
#AboutBlock2 .BotBox .Btn{ width: 0.34rem; height: 0.34rem; }
#AboutBlock2 .points{ margin:0 0.12rem; }
#AboutBlock2 .points span{ height: 0.1rem; width: 0.1rem; margin:0 0.04rem; }
/**资质认证**/
#FactoryList .ul1{ margin-top: -0.04rem; margin-left:-0.04rem; margin-right:-0.04rem; }
#FactoryList .ul1 li{ width: 25%; padding:0.04rem; }
/**分页**/
.PageBox{ padding:0.35rem 0; }
.PageBox .num{ padding:0 0.04rem; }
.PageBox a{ margin-left:0.02rem; margin-right:0.02rem; }
/**产品中心**/
#LRBox .L_cont{ width: 2rem; }
/**产品详情页**/
.Pro_info .Top .Img{ width: 3.4rem; }
.Pro_info .Top .title{ font-size: 0.24rem; margin-bottom: 0.1rem; }
.Pro_info .Top .cs{ padding:0.15rem 0; margin:0.25rem 0; }
.Pro_info .Top .c_tit{ margin-bottom: 0.05rem; }
.Pro_info .Top .table td{ padding:0; }
.Pro_info .Top .ypsq{ font-size: 0.14rem; line-height: 0.4rem; }
.Pro_info .A_tit{ line-height: 0.42rem; }
.Pro_info .A_tit .cn{ font-size: 0.16rem; }
.Pro_info .Bot .cont{ line-height: 1.6em; }
#ProTank .Box{ margin-left: -3.6rem; margin-top: -2.7rem; width: 7.2rem; }
#ProTank .Box .exit{ height: 0.3rem; width: 0.3rem; background-size: 0.16rem auto; }
#ProTank .form{ margin:0 -0.05rem; }
#ProTank .label{ padding:0.05rem; }
#ProTank .title{ font-size: 0.2rem; }
#ProTank .longtitle{ margin-bottom: 0.1rem; }
#ProTank .tit{ line-height: 0.44rem; }
#ProTank .label .input{ line-height: 0.44rem; }
#ProTank .select{ height: 0.44rem; }
#ProTank .inputBox .textarea{ height: 1.2rem; padding-top:0; }
#ProTank .word{ font-size: 0.14rem; line-height: 0.46rem; color:#777777; }
#ProTank .word a{ color:#0278dc; text-decoration: underline; }
#ProTank .submit{ font-size: 0.14rem; line-height: 0.4rem; padding:0 0.3rem; }
/**新闻详情**/
#AutoInfo .title{ font-size: 0.2rem; margin-bottom: 0.1rem; }
/**联系我们**/
#ContacBlock1 .Box{ margin:3% 0 6%; }
#ContacBlock1 .l_con{ width: 100%; padding:0; margin-bottom: 4%; }
#ContacBlock1 .l_con .cn{ font-size: 0.2rem; }
#ContacBlock1 .l_con .en{ margin-bottom: 0.15rem; }
#ContacBlock1 .r_img{ width: 100%; height: 3rem; position: relative; }
#ContacBlock2 .wid{ width: 100%; }
#ContacBlock2 .label+.label{ margin-top: 0.15rem; }
#ContacBlock2 .textarea{ margin-top: 0.15rem; }
/**案例**/
#CaseList .imgBox .mark{ font-size: 0.16rem; }
#CaseList .imgBox .icon{ width: 0.3rem; height: 0.3rem; }
}
@media only screen and (max-width: 992px){
/**底部**/
#FriendLinks{ padding:0.2rem 0; }
#FriendLinks .Box{ padding-left: 0; min-height: 0; }
#FriendLinks .en{ padding-bottom: 0.05rem; }
#FriendLinks .title{ position: static; border:0 none; margin-bottom: 0.1rem; }
#FriendLinks a{ margin-left: 0.15rem; }
#footer .Top{ padding:0.25rem 0 0.1rem; }
#footer .Top li{ display: none; }
#footer .Top .codeBox{ display: block; width: 2.2rem; margin:0 auto; float: none; }
#footer .Bot{ padding:0.15rem 0; }
#footer .Bot .f_l{ padding-bottom:0.05rem; }
#footer .Bot .f_l,
#footer .Bot .f_r{ display: block; width: 100%; text-align: center; }
#footer .Bot .f_r{ display: none; }
.f_share #footer .Bot .f_r{ display: block; }
/***公用***/
.AutoTitle .At img{ height: 0.4rem; }
.AutoTitle2{ font-size: 0.18rem; line-height: 1.6em; }
/**面包屑二级菜单**/
#Location .loca a{ line-height: 0.44rem; }
#Location .loca .jt{ line-height: 0.44rem; }
#Location .loca span{ line-height: 0.44rem; }
#Location .r_menu a{ font-size: 0.14rem; width: 33.33%; padding:0.1rem; }
/**首页**/
#SearchBlock .l_con,
#SearchBlock .r_con{ width: 100%; }
#SearchBlock .r_con{ padding-top: 0.1rem; }
#SearchBlock .Search{ width: 100%; }
#IndexBlock1 .TabHead .span{ width: 14.28%; font-size: 0.14rem; }
#IndexBlock1 .TabHead .MoreBox1{ display: none; }
#IndexBlock3 .TabCon .imgBox{ display: none; }
#IndexBlock3 .TabCon .r_cont{ width: 100%; }
#IndexBlock3 .TabCon .cont{ padding:0.25rem; }
#IndexBlock3 .title{ font-size: 0.16rem; padding-bottom: 0; }
#IndexBlock3 .title .num{ font-size: 0.22rem; }
#IndexBlock3 .text{ min-height: 0; padding:0.05rem 0 0.1rem; }
#IndexBlock3 .TabCon .cont:before,
#IndexBlock3 .TabCon .cont:after{ width: 0.22rem; }
#IndexBlock4 .Img{ width: 100%; }
#IndexBlock4 .Img img{ width: 100%; }
#IndexBlock4 .r_con{ width: 100%; padding-top: 0.2rem; }
#IndexBlock4 .cont{ margin:0.1rem 0; }
#IndexBlock4 .MoreBox2{ display: none; }
#IndexBlock5 .TabCon li:nth-child(3) .imgBox img{ height:1.6rem; }
/**列表**/
.list1{ margin:0 -0.04rem; }
.list1 .li{ padding:0.04rem; }
.list1 .li_tit{ font-size: 0.14rem; line-height: 0.4rem; }
.list2 .cont{ padding:0.2rem; }
.list4{ margin:-0.03rem; }
.list4 li{ padding:0.03rem; }
.list4 .title{ line-height: 0.44rem; font-size: 0.14rem; }
/**公用**/
.AutoTitle .En{ font-size: 0.4rem; margin-bottom: 0.05rem; }
.AutoTitle .Cn{ font-size: 0.2rem; top:0.1rem; }
.AutoTitle1 .cn{ font-size: 0.2rem; padding-top: 0.2rem; }
/**联系我们**/
#ContacBlock1 .ul{ font-size: 0.14rem; }
#ContacBlock1 .ul .icon{ margin-right: 0.05rem; height: 0.46rem; width: 0.44rem; background-size: 0.28rem auto; }
#ContacBlock2 .label+.label{ margin-top: 0.05rem; }
#ContacBlock2 .label .la_tit{ font-size: 0.14rem; line-height: 0.48rem; height: 0.48rem; }
#ContacBlock2 .input{ line-height: 0.48rem; height: 0.48rem; font-size: 0.14rem; padding-left: 0.8rem; }
#ContacBlock2 .textarea{ margin-top: 0.05rem; height: 1rem; }
#ContacBlock2 .submit{ height: 0.48rem; line-height: 0.48rem; }
/**关于我们**/
#AboutBlock1 .cont{ line-height: 1.8em; }
#AboutBlock2 .swiper-slide .icon{ height: 0.24rem; }
#AboutBlock2 .swiper-slide .Box{ width: 24.2%; margin-left: 1%; }
#AboutBlock2 .swiper-slide .Box:first-child{ width: 49.6%; margin-left: 0; }
#AboutBlock2 .swiper-slide .Box:nth-child(2),
#AboutBlock2 .swiper-slide .Box:nth-child(3){ margin-bottom: 1%; }
#AboutBlock2 .swiper-slide .Box:nth-child(4){ margin-bottom: 0; }
/**资质认证**/
#FactoryList .ul1 li{ width: 33.33%; }
/**产品详情页**/
.Pro_info .Top .Img{ width: 100%; float: none; display: block; margin:0; }
.Pro_info .Top .title{ font-size: 0.2rem; margin-top: 0.25rem; }
.Pro_info .Top .des{ line-height: 1.6em; }
.Pro_info .Bot .cont img{ height: auto!important; }
.Pro_info .Bot .cont .tableBox{ overflow-y: auto; }
/**网站地图**/
#SiteMapBlock .ul li:nth-child(3n+1){ clear: both; }
#SiteMapBlock .ul .li_type{ margin-bottom: 0.15rem; }
/**FAQ常见问题**/
#FaqBlock .topt .title{ font-size: 0.2rem; line-height: 1.4em; }
#FaqBlock .ul .top{ padding-left: 0.45rem; }
}
@media only screen and (max-width: 769px){
/**底部**/
/**首页**/
#SearchBlock .aBox{ display: block; margin-left: -0.15rem; padding-left: 0; border-left: 0 none; padding-top: 0.05rem; }
#SearchBlock .aBox a,
#SearchBlock .aBox a+a{ margin-left: 0.15rem }
#IndexBlock1 .TabHead .MoreBox1{ display:inline-block; text-align:center; padding:0 0.1rem; }
#IndexBlock1 .TabHead .MoreBox1 .icon{ display:none; }
#IndexBlock1 .TabHead .span{ width: 25%; }
#IndexBlock1 .TabHead .span:nth-child(5):before{ display: none; }
#IndexBlock2 .list3{ padding-top: 0.1rem; }
#IndexBlock2 .MoreBox2{height: auto; position: static; padding-top: 0.15rem; }
#IndexBlock2 .MoreBox2 .a{ line-height: 0.36rem; }
#IndexBlock3 .TabHead .span{ font-size: 0.14rem; }
#IndexBlock3 .TabHead .span .Sbox img{ width: 0.25rem; }
#IndexBlock4 .Nums{ padding:0.15rem 0 0.3rem; margin:0 -0.08rem; }
#IndexBlock4 .Nums .li{ width: 50%; padding:0 0.08rem; }
#IndexBlock4 .Nums .li:nth-child(1),
#IndexBlock4 .Nums .li:nth-child(2){ margin-bottom: 0.2rem; }
#IndexBlock4 .Nums .li:nth-child(3){ border:0 none; }
#IndexBlock5 .TabCon{ padding-top: 0.1rem; }
#IndexBlock5 .TabCon .cont { height: auto; }
#IndexBlock5 .TabCon li{ width: 100%; margin-left: 0; }
#IndexBlock5 .TabCon li:nth-child(3){ width: 100%; }
#IndexBlock5 .TabCon li:nth-child(3) .imgBox{ display: none; }
#IndexBlock5 .TabCon li:nth-child(3) .imgBox img{ height:auto; }
#IndexBlock5 .TabCon li:nth-child(2),
#IndexBlock5 .TabCon li:nth-child(5){ margin-left: 0; }
#IndexBlock5 .TabCon .other{ padding:0.08rem 0; margin-bottom: 0.1rem; }
#IndexBlock5 .TabCon li:nth-child(3) .MoreBox2{ display: none; }
#IndexBlock5 .TabCon li:nth-child(3) .cont{ display: block; }
/**列表**/
.list2 .cont{ padding:0.15rem; }
.list2 .word{ margin-top: 0.1rem; padding-top: 0.1rem; }
.list2 .VideoPlay .imgBox:before{ background-size: 0.32rem auto; }
.list5 .imgBox{ width: 2.35rem; }
.list5 .title{ font-size: 0.18rem; margin-bottom: 0; }
.list5 .word{ line-height: 1.6em; margin-bottom: 0.1rem; }
.list5 .more{ display: none; }
.swiperBox{}
.swiperBox .Prev{ margin-left: -0.15rem; }
.swiperBox .Next{ margin-right: -0.15rem; }
/**公用**/
.AutoTitle1 .cn{ font-size: 0.18rem; padding-top: 0.1rem; }
/**分页**/
.PageBox{ padding:0.3rem 0; }
.PageBox a{ font-size: 0.12rem; line-height: 0.3rem; padding:0 0.9em; }
.PageBox .prev,
.PageBox .next{ background-size: 0.05rem auto; height: 0.3rem; width: 0.3rem; }
/**Banner图片**/
#IndexBan .pc{ display: none; }
#IndexBan .phone{ display: block; }
#IndexBan .point{ bottom:0.2rem; }
.point .swiper-pagination-bullet{ height: 0.1rem; width: 0.1rem; margin:0 0.03rem; }
/**公共Banner**/
#AutoBanner .pc{ display: none; }
#AutoBanner .phone{ display: block; }
#AutoBanner .title{ font-size: 0.22rem; }
#AutoBanner .ltitle{ font-size: 0.14rem; }
/**视频弹框**/
.TankVideoBox .VideoBox{ transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
.TankVideoBox .VideoBox .exit{ top: -30px; right: 0; }
/**面包屑二级菜单**/
#Location{ border-bottom: 0 none; position: relative; }
#Location .loca{ border-bottom: 1px solid #eff3fc; float: none; display: block; }
#Location .loca a{ line-height: 0.4rem; }
#Location .loca .jt{ line-height: 0.4rem; }
#Location .loca span{ line-height: 0.4rem; }
#Location .r_menu{ float: none; display: block; text-align: center; }
#Location .r_menu a{ line-height: 0.2rem; font-size: 0.16rem; }
#Location .r_menu a .icon{ width: 0.4rem; }
#Location .PSmenu{ position: absolute; top:0.05rem; right: 0.15rem; display: block; height: 0.3rem; width: 0.5rem; border-radius: 0.02rem; background:#0278dc url(../images/icon_jt2_1_h.png) no-repeat center 55%; }
#Location .PSmenu.click{ background-image: url(../images/icon_jt2_2_h.png); background-position: center 45%; }
/**关于我们**/
#AboutBlock1 .Box{ /*padding:0.25rem 0;*/ }
#AboutBlock1 .l_con{ padding-top: 0.15rem; }
#AboutBlock1 .cont{ line-height: 1.6em; }
#AboutBlock2 .swiper-slide .icon{ height: 0.2rem; }
#AboutBlock2 .swiper-slide .Box{ width: 32.65%; margin-left: 1%; }
#AboutBlock2 .swiper-slide .Box:first-child{ width: 66.35%; }
#AboutBlock2 .swiper-slide .Box:nth-child(2){ margin-bottom: 1%; }
#AboutBlock2 .swiper-slide .Box:nth-child(3){ margin-bottom: 0; }
#AboutBlock2 .AutoTitle1{ padding-top: 0.25rem; }
#AboutBlock2 .BotBox{ padding:0.2rem 0; }
#AboutBlock2 .BotBox .Btn{ width: 0.3rem; height: 0.3rem; }
#AboutBlock2 .points span{ margin:0 0.03rem; }
/**资质证书**/
#FactoryList .ul1{ /*margin:0.21rem 0 0.25rem;*/ }
#FactoryList .ul1 li{ width: 50%; }
/**产品中心**/
#LRBox{ padding-bottom: 0; }
#LRBox .L_cont{ width: 100%; float: none; display: none; margin:0 0 0.25rem; }
#LRBox .L_cont li+li{ margin-top: 0.03rem; }
#LRBox .L_cont li .li_tit{ padding:0.15rem 0.15rem 0.1rem; }
#LRBox .L_cont li .cn{ font-size: 0.16rem; }
#LRBox .L_cont li .en{ font-size: 0.14rem; line-height: 1.2em; }
#LRBox .L_cont li .lib{ padding:0.1rem 0; background-color: #f8f8f8; }
#LRBox .L_cont li .lib .a{ padding:0.1rem 0.15rem; }
#ProTank .Box{ margin-left: 0; margin-top: -2.5rem; left: 5%; width: 90%; }
#ProTank .Box .exit{ top:0.1rem; margin:0; background-color: #0278dc; left:auto; right: 0.1rem; }
#ProTank .title,
#ProTank .longtitle{ }
#ProTank .longtitle{ line-height: 1.4em; }
#ProTank .pad{ padding:0.25rem; }
#ProTank .form{ margin:0; }
#ProTank .label{ padding:0.02rem 0; }
#ProTank .title{ font-size: 0.18rem; }
#ProTank .label{ width: 100%; }
#ProTank .label .input,
#ProTank .tit{ line-height: 0.4rem; }
/**联系我们**/
#ContacBlock1 .ul .icon{ width: 0.4rem; height: 0.4rem; background-size: 0.26rem; }
#ContacBlock1 .ul .cont{ padding-top: 0; }
/**硅胶案例**/
#CaseList{}
#CaseList .list2{ margin-top: -0.03rem; margin-left: -0.03rem; margin-right: -0.03rem; }
#CaseList .list2 .li{ padding:0.03rem 0.03rem; }
/**FAQ常见问题**/
#FaqBlock .topt .title{ font-size: 0.18rem; line-height: 1.2em; }
#FaqBlock .ul li{ padding:0.15rem; }
#FaqBlock .ul .top{ font-size: 0.16rem; padding-left: 0.3rem; line-height: 1.2em; }
#FaqBlock .ul .icon{ height: 1.2em; }
#FaqBlock .ul .bot{ font-size: 0.14rem; line-height: 1.6em; max-height: 3.2em; }
/**网站地图**/
#SiteMapBlock .title{ font-size: 0.2rem; padding-bottom: 0.1rem; }
#SiteMapBlock .ul li{ border-bottom: 0.01rem solid #ccc; margin:0.15rem; padding:0 0 0.15rem; }
#SiteMapBlock .ul .div{ display: inline-block; }
#SiteMapBlock .ul .li_type{ margin-bottom: 0.05rem; }
#SiteMapBlock .ul .aBox{ margin:0 -0.07rem; }
#SiteMapBlock .ul .div{ margin:0 0.07rem; }
}
@media only screen and (max-width: 580px){
/**列表**/
.list5 .imgBox{ width: 1.8rem; }
.list5 .MoreBox2{ display: none; }
}
@media only screen and (max-width: 500px){
}
@media only screen and (max-width: 400px){
}