*,html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6,p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption,input,
tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output,ruby, section, summary,time, mark, audio, video
{ font-family: "Arial,Helvetica,sans-serif";list-style-type: none;margin:0;padding:0;position: relative;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
color: inherit;
background-color: inherit;
border-color: inherit;
}
b{
}
@font-face {
font-family:'dtmsans';
src:url(../font/dtmsans.ttf);
font-weight: normal;
font-style: normal;
}
.font-dt{font-family:'dtmsans';}
html,body{overflow-x:hidden;overflow:inherit;color: #3e3e3e;font-size: 16px;}
a{color:#333;font-size: 14px;}
a:hover,a:focus{color:inherit;text-decoration:none;}
.ct{text-align: center;}
.cr{text-align: right;}
.cl{text-align: left;}
.fw{font-weight: bold;}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f26{font-size:26px}
.f30{font-size:30px}
.f32{font-size:32px}
.f35{font-size:35px}
.fl{float: left;}
.fr{float: right;}
.ovef{overflow: hidden;}
.pos{position: relative;}
.fbai{color:#FFFFFF}
.nofw{font-weight: normal;}
.clear{clear:both}
.mt5{margin-top: 5px;}
.lh22{line-height: 22px;}
.nomgr{margin-right: 0;}
.nopdr{padding-right:0;}
.mgt{margin-top: 20px;}
.red{color: #bf2a2f;}
.lv{color: #70b11f;}
.huang{color:#a4865f;}
.yse{color: #f4870a;}
.xieti{ font-style:oblique;}
.fhei{color:#000000}
.pdt{padding-top: 60px;}
.nomgr{margin-right: 0;}
.f44{font-size:44px}
.pd{padding:30px 15px ;}
.pt60{padding-top: 60px;}
.nopdz>*{padding: 0;}
.lh25{line-height: 25px;}
.lh30{line-height: 30px;}
.c3{color: #333333;}
i{font-style: normal;}
.curs{cursor: pointer;}
.f16w{font-size: 16px; font-weight: bold;color:#333333;}
img{max-width: 100%;}
.diandiandian{overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.duohangdian{-webkit-line-clamp: 2; /*用来限制在一个块元素显示的文本的行数*/
display: -webkit-box; /*必须结合的属性，将对象作为弹性伸缩盒子模型显示*/
-webkit-box-orient: vertical; /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式*/
overflow: hidden;}
.daxie{text-transform: uppercase;}
.mg15{margin-left: -15px;margin-right: -15px;}
.mg2{margin-left: -2%;margin-right: -2%;}
.posa{position: absolute;top: 0;left: 0;}
.clearfix{zoom:1;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.icon{background: url(../images/icon.png) no-repeat 0 0;}
.more{display: inline-block;border: 1px solid #00a2e9;border-radius:13px;padding:0 25px;background: #00a2e9;color: #fff;transition: all 0.3s ease-in-out;font-size: 12px;font-family: arial;text-transform: uppercase;line-height:30px;}
.more:hover{background:#FFFFFF;color:#00a2e9;}
.animates{
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;transition: all 0.3s ease-in-out;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999999; opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999999;opacity:1;
}
input:-ms-input-placeholder{
color: #999999;opacity:1;
}
input::-webkit-input-placeholder{
color: #999999;opacity:1;
}
header{
height: 80px;
background: #fff;
box-shadow: 0 1px 4px #666;
-webkit-box-shadow: 0 1px 4px #666;
-moz-box-shadow: 0 1px 4px #666;
-ms-box-shadow: 0 1px 4px #666;
-o-box-shadow: 0 1px 4px #666;
position: relative;
z-index: 30;
}
.logoBox img{
height:34px;
max-width: inherit;
margin-top:15px;
}
.onv-nav .navbar-nav li.slideInRight>a{
font-size: 16px;
height: 80px;
line-height: 92px;
}
.onv-nav .navbar-nav li.slideInRight{
padding: 0 10px;
height: 80px;
position: static;
}
.onv-nav.navbar-collapse.collapse{
display: inline-block !important;
padding: 0;
margin-left: 60px;
}
.searchBtn{
width: 50px;
height: 50px;
background: url("../images/onv_search.png") no-repeat center;
cursor: pointer;
display: inline-block;
border: none;
}
.language a{
line-height: 45px;
width: 40px;
display: inline-block;
vertical-align: middle;
font-size: 18px;
text-align: center;
cursor: pointer;
}
.language a.cur{
background: #E60011;
border-radius: 4px;
color: #fff;
}
.tprice{
color:#F70000;
font-size:20px;
margin-top:20px;
}
.loginWarp{
margin-top: 50px;
}
.numBox{
position: relative;
border: 1px solid #666;
}
.numBox .number{
width: 48px;
height: 48px;
border: none;
text-align: center;
line-height: 48px;
float: left;
}
.setNum{
float: left;
width: 40px;
text-align: center;
border-left: 1px solid #666;
}
.setNum button{
display: block;
width: 100%;
line-height: 24px;
height: 24px;
text-align: center;
border: none;
background: #f5f5f5;
outline: none;
}
.setNum button+button{
border-top: 1px solid#666;
}
.loginBox{
margin-left: 20px;
}
.loginBox a{
display: inline-block;
width: 180px;
height: 50px;
border: 1px solid #F70000;
background-color: #fff;
color: #F70000;
font-size: 18px;
text-align: center;
line-height: 48px;
}
.loginBox .addCar{
background: #F70000;
color: #fff;
margin-left: 20px;
}
.searchInputDiv{
height: 50px;
width: 350px;
border-radius: 4px;
border: 1px solid #CCCCCC;
position: absolute;
top: 104px;
z-index: 100;
left: 50%;
transform: translateX(-50%);
display: none;
}
.searchInputDiv form{
padding-right: 100px;
position: relative;
}
.xztj-list .pic{
display:flex;
justify-content:center;
align-items:center;
height:300px;
}
.pro_listy{
display: none;
margin-bottom:15px;
}
.pro_listy li{
float: left;
width: auto;
margin: 0 5px;
margin-bottom:10px;
}
.pro_listy a{
display: block;
background: #fff;
color: #333;
border: 1px solid #ccc;
border-radius: 4px;
text-align: center;
line-height: 28px;
padding: 0 5px;
}
.pro_listy li.cur a{
background: #ff0000;
color: #fff;
border-color: #ff0000;
}
.searchInput{
width: 100%;
text-indent: 10px;
border: none;
height: 50px;
}
.searchSubmitBtn{
border: none;
width: 100px;
text-align: center;
line-height: 50px;
position: absolute;
top: 0;
right: 0;
background: #E60012;
color: #fff;
}
.onv-title{
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transition: all 0.5s;
width: 100%;
text-align: center;
}
.onv-title div{
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
width: 80%;
margin: 0 auto;
}
.onv-title div a{
font-size: 16px;
font-weight: bold;
color:#fff;
display:block;
}
.onv-title .onv-txt{
font-size: 14px;
white-space: nowrap;
}
.row{
margin-right: -15px;
margin-left: -15px;
}
.index_jianjie{
margin-top: 50px;
}
.index_jianjie_list{
padding: 0 5px;
}
.index_jianjie_row{
margin-left: -5px;
margin-right: -5px;
}
.index_jianjie_mark{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 30px 20px;
transition: all 0.5s;
opacity: 0;
}
.big-border{
padding: 5px 6px;
border: 1px solid #fff;
width: 100%;
height: 100%;
}
.samll-border{
border: 1px solid #fff;
width: 100%;
height: 100%;
}
.index_jianjie_list:hover{
box-shadow: 0 1px 4px #666;
-webkit-box-shadow: 0 1px 4px #666;
-moz-box-shadow: 0 1px 4px #666;
-ms-box-shadow: 0 1px 4px #666;
-o-box-shadow: 0 1px 4px #666;
z-index: 10;
}
.index_jianjie_list:hover .index_jianjie_mark{
opacity: 1;
background: rgba(0,0,0,0.3);
}
.index_jianjie_list:hover .onv-title{
bottom: 50%;
transform: translateY(50%) translateX(-50%);
-webkit-transform: translateY(50%) translateX(-50%);
-moz-transform: translateY(50%) translateX(-50%);
-ms-transform: translateY(50%) translateX(-50%);
color: #fff;
}
.index_common_box{
background: #fff;
padding: 75px 0 120px;
}
.index_common_box .index_title{
text-align: center;
}
.index_common_box .index_title h3{
font-family: "Georgia";
font-size: 24px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.index_common_box .index_title span{
display: inline-block;
width: 70px;
height: 4px;
background: #E60011;
}
.index_products .list{
height: 330px;
}
.index_products .list .pic{
width: 100%;
height: 80%;
display: flex;
justify-content:center;
flex-direction:column;
padding: 0 50px;
overflow: hidden;
border: 2px solid #e8e8e8;
border-bottom: 0;
}
.index_products .list .pic img{
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.index_products .list a{
display: block;
color: #444;
font-size: 17px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
padding-bottom: 5px;
color: #fff;
border-bottom: 1px solid #fff;
}
.index_products .list .lcdd{
display: block;
cursor: pointer;
/* position: absolute;
top: 220px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%); */
padding: 5px 30px;
border: 0px solid #8C8C8C;
background: #8e8e8e;
width: 100%;
height: 20%;
}
.index_products .list .lc-txt{
display: block;
color: #fff;
padding-top: 5px;
/* position: absolute;
top: 280px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%); */
font-size: 14px;
}
.index_products .list:hover a{
/* border-color: #EC434F; */
color: #EC434F;
color: #fff;
background: #8e8e8e;
}
.index_products .list:hover img{
transform: scale(1.2);
-webkit-transform: scale(1.1);
}
.index_products .list .lcbox{
position: relative;
height: 330px;
}
.index_products .list:hover .lcbox{
border: 0px solid #E1E1E1;
box-shadow: 0 2px 10px 0px #999;
-webkit-box-shadow: 0 2px 10px 0px #999;
-moz-box-shadow: 0 2px 10px 0px #999;
-ms-box-shadow: 0 2px 10px 0px #999;
-o-box-shadow: 0 2px 10px 0px #999;
}
.index_products{
margin-top: 50px;
}
.about_vidoe video{
background: #000;
}
.index_about{
background: url("../images/index_contact_bg.jpg") no-repeat center;
background-size: cover;
padding: 25px 0;
}
.index_about .index_title {
text-align: center;
margin-bottom: 30px;
}
.index_about .index_title h3{
font-family: "Georgia";
font-size: 24px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.index_about .index_title span{
display: inline-block;
width: 70px;
height: 4px;
background: #E60011;
}
.index_about_txt{
padding-top: 10px;
}
.index_about_txt .onv_title h3{
font-size: 24px;
font-family: "Georgia";
text-transform: capitalize;
}
.index_about_txt .onv_title span{
height: 4px;
width: 140px;
background: #000000;
display: block;
margin-top: 15px;
}
.index_about_txt .onv_txt{
padding: 30px 0 40px;
font-family: "Georgia";
}
.index_about_info_title div{
color: #E60011;
font-size: 24px;
font-family: "Georgia";
display: inline-block;
vertical-align: bottom;
font-weight: bold;
line-height: 1;
}
.index_about_info_title span{
color: #E60011;
font-weight: bold;
font-size: 14px;
font-family: "Georgia";
display: inline-block;
vertical-align: bottom;
}
.index_about_info_txt{
color: #666;
font-size: 12px;
line-height: 16px;
margin-top: 5px;
}
.index_contact_btn{
display: block;
width: 230px;
height: 60px;
background: #E60011;
color: #fff;
text-align: center;
line-height: 60px;
margin-top: 70px;
font-family: "Georgia";
font-weight: bold;
font-size: 24px;
text-transform: uppercase;
}
.index_contact_btn:hover{
color: #fff;
}
.index_common_box .index_title .index_txt{
font-size: 16px;
font-family: "Georgia";
text-align: center;
color: #999999;
padding-top: 20px;
width: 90%;
margin: 0 auto;
}
.banner.owl-theme .owl-controls{
position: absolute;
top: 50%;
width: 100%;
}
.banner .owl-controls .owl-nav div{
position:absolute;
top:50%;
width:64px;
height:64px;
background:url(../images/lcleft.png) no-repeat center;
left:70px;
margin-top:-32px;
font-size:22px;
font-weight: bold;
font-family: "宋体";
line-height:30px;
text-align:center;
}
.banner .owl-controls .owl-nav .owl-next{
left:inherit;
right:70px;
background-image: url(../images/lcright.png);
}
.index_newPro_banner img{
width: 100%;
}
.index_newPro_banner{
margin: 45px 0 80px;
}
.index_newPro_list .row{
margin-left: -5px;
margin-right: -5px;
}
.index_newPro_item{
padding: 0 5px;
}
.index_newPro_item .onv_url{
width: 300px;
max-width: 90%;
line-height: 45px;
position: absolute;
bottom: 6%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
background: #EFF9FF;
color: #363636;
font-size: 22px;
text-align: center;
}
.index_newPro_item:hover .onv_url{
background: #FF1817;
color: #fff;
}
.index_newPro_item:hover img{
transform: scale(1.1);
}
.index_newPro_item .pic{
overflow: hidden;
}
.index_newPro_item:hover{
box-shadow: 0 2px 5px 0px #999;
-webkit-box-shadow: 0 2px 5px -2px #999;
-moz-box-shadow: 0 2px 5px -2px #999;
-ms-box-shadow: 0 2px 5px -2px #999;
-o-box-shadow: 0 2px 5px -2px #999;
}
.newProducts{
padding-bottom: 45px;
padding-top:0px;
}
.index_contact{
padding: 40px 0 70px;
}
.index_contact_info li{
padding-left: 25px;
font-size: 16px;
font-family: "Georgia";
margin: 5px 0;
position: relative;
}
.index_contact_info li:before{
position: absolute;
width: 20px;
height: 20px;
content: '';
background: url("../images/contact_icon.jpg") no-repeat 0px 0px;
top: 0;
left: 0;
}
.index_contact_info li:nth-child(2):before{
background-position: 0px -26px;
}
.index_contact_info li:nth-child(3):before{
background-position: 0px -50px;
}
.index_contact_info li:nth-child(4):before{
background-position: 0px -80px;
}
.index_contact_info li:nth-child(5):before{
background-position: 0px -107px;
}
.index_contact_info li:nth-child(6):before{
background-position: 0px -107px;
}
#mymap{
width: 100%;
height: 300px;
border: 1px solid #999999;
}
.anchorBL{
display: none !important;
}
.footer-top{
height: 80px;
background: #F2F2F2;
}
.footer-share{
padding-top: 24px;
}
.footer-share a{
display: inline-block;
width: 32px;
height: 32px;
background: url("../images/share01.png") no-repeat center;
background-size: 32px 32px;
vertical-align: middle;
margin: 0 4px;
}
.footer-share .share-fb{
background-image: url("../images/share02.png");
}
.footer-share .share-gg{
background-image: url("../images/share03.png");
}
.footer-share .share-tw{
background-image: url("../images/share04.png");
}
.footer-share .lapl{
background-image: url("../images/lctel.png");
}
.footer-share .share-qq{
background-image: url("../images/share-qq001.jpg");
}
.footer-share .share-tel{
background-image: url("../images/share-tel002.jpg");
}
.footer-share .share-bd{
background-image: url("../images/share-bd003.jpg");
}
.footer-share .share-gzh{
background-image: url("../images/share-gzh004.jpg");
}
.footer-share .share-wb{
background-image: url("../images/share-wb005.jpg");
}
.footer-share .share-yk{
background-image: url("../images/share-yk006.jpg");
}
.footer-logo{
padding-top: 20px;
}
.footer-logo img{
max-width: 200px;
}
.footer_link{
padding-top: 45px;
}
.footer_link_list+.footer_link_list{
border-left: 1px solid #D0D0D0;
}
.footer_link_title{
font-size: 20px;
color: #333;
margin-bottom: 20px;
}
.footer_link_item a{
display: inline-block;
color: #666;
}
.footer_link_item{
margin-bottom: 5px;
}
.footer-down{
padding: 30px 0;
border-top: 1px solid #D0D0D0;
position: relative;
}
.Keep_onrecord{
font-size: 14px;
color: #333;
}
.footer-nav li{
float: left;
margin: 0 15px;
}
.footer-nav li a{
font-size: 14px;
color: #333;
}
.scrollTopBtn{
width: 80px;
height: 40px;
background: #E60011 url("../images/scrolltop.png") no-repeat center;
cursor: pointer;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -40px;
}
.screen-column{
color: #666666;
font-size: 14px;
position: relative;
padding-left: 120px;
border-bottom: 1px solid #e0e0e0;
overflow: hidden;
}
.screen-type{
background: #f0f0f0;
width: 120px;
float: left;
padding: 10px 5px;
line-height: 26px;
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.screen-item{
line-height: 26px;
padding: 0 5px;
float: left;
margin-right: 20px;
cursor: pointer;
}
.screen-item.cur{
background: #E60012;
color: #fff;
min-width: 46px;
text-align: center;
}
.screen-list{
float: left;
width:-webkit-calc(100% - 120px);
width:-moz-calc(100% - 120px);
width:calc(100% - 120px);
padding: 10px 20px;
padding-right: 0;
}
.screen-column:first-child .screen-list{
padding: 10px 20px;
padding-right: 0;
}
.screenBox{
border: 1px solid #e0e0e0;
border-bottom: 0px;
margin-top: 30px;
margin-bottom: 50px;
}
.product-item figure{
background-color: #eee;
display: block;
line-height: normal;
overflow: hidden;
position: relative;
}
.product-item figcaption{
display: block;
color: #5d5d5d;
font-size: 14px;
line-height: normal;
margin-top: 14px;
transition: 350ms;
margin-bottom: 14px;
height: 38px;
overflow: hidden;
text-align: center;
}
.product-item:hover figcaption{
color: #eb6123;
}
.product-item figure mark{
position: absolute;
left: 0;
top: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
background: rgba(235,97,35,.2);
background: #eb6123\9;
filter: alpha(opacity=20);
z-index: 20;
opacity: 0;
transform: skewX(45deg);
visibility: hidden;
transition: 360ms;
}
.product-item:hover figure mark{
opacity: 1;
transform: skewX(0);
visibility: visible;
}
.product-item figure img{
display: block;
width: 100%;
height: auto;
transition: 424ms linear;
}
.product-item:hover figure img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}
.product-item figure mark:before{
content: "";
width: 100%;
height: 0%;
border-left: 3px solid #eb6123;
border-right: 3px solid #eb6123;
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
transition: 320ms;
}
.product-item:hover figure mark:before{
height: 100%;
transition: 330ms 200ms;
}
.product-item figure mark:after{
content: "";
width: 0%;
height: 100%;
border-top: 3px solid #eb6123;
border-bottom: 3px solid #eb6123;
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
transition: 320ms;
}
.product-item:hover figure mark:after{
width: 100%;
transition: 330ms 200ms;
}
.product-item figure mark b{
display: block;
width: 46px;
height: 46px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -23px;
margin-top: -23px;
z-index: 30;
}
.product-item figure mark b:before{
content: "";
width: 100%;
height: 1px;
background: #eb6123;
position: absolute;
left: 0;
top: 23px;
transform: translateX(-200px);
-webkit-transform: translateX(-200px);
-moz-transform: translateX(-200px);
}
.product-item:hover figure mark b:before{
transition: 355ms 180ms;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
}
.product-item figure mark b:after{
content: "";
width: 1px;
height: 100%;
background: #eb6123;
position: absolute;
left: 23px;
top: 0;
transform: translateY(-200px);
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
}
.product-item:hover figure mark b:after{
transition: 355ms 240ms;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}
.product-item{
margin-bottom: 7.5px;
height:280px;
}
.product-item .box{
box-shadow: 0px 0px 15px rgba(75, 75, 75, 0.2);
}
.onv-pages .page-first ,.onv-pages .page-last{
display: none;
}
.onv-pages{
margin: 30px 0;
}
.onv-pages li{
float: left;
position: relative;
left: 0;
top: 0;
margin-right: 8px;
}
.onv-pages li a{
display: block;
width: 30px;
height: 30px;
color: rgba(102, 102, 102, 1);
border-width: 0;
border-style: solid;
border-color: rgba(255,255,255,0);
background-color: rgba(242, 242, 242, 1);
text-align: center;
padding-top: 0;
line-height: 30px;
}
.onv-pages .page-prev,.onv-pages .page-next{
padding-right: 20px;
padding-left: 20px;
width: auto;
}
.onv-pages li a.pageCur{
background: #ff0000 !important;
color: #ffffff !important;
}
.pro-detail{
padding-top: 70px;
}
.pro-left .pro-title{
font-size: 28px;
color: #555;
margin-bottom: 20px;
}
.pro-left .pro-type{
font-size: 16px;
color: #777777;
margin-bottom: 20px;
}
.pro-left .pro-jianjie{
font-size: 14px;
color: #777777;
line-height: 28px;
padding-top: 35px;
border-top: #e0e0e0 1px solid;
word-break: initial;
}
.pro-left .pro-formBtn{
height: 46px;
line-height: 46px;
margin: 0px;
padding: 0 20px;
text-align: center;
border: #c0c0c0 1px solid;
background: none;
font-size: 14px;
color: #999999;
display: inline-block;
cursor: pointer;
}
.pro-xian{
width: 100%;
height: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgba(240,240,240,1);
opacity: 1;
margin-top: 10px;
margin-bottom: 10px;
}
.pro-left .pro-formBtn:hover{
background: #F70000;
color: #fff;
}
.pro-left .box{
width: 555px;
}
.pro-list{
width: 600px;
}
.pro-list.owl-theme .owl-controls{
text-align: left;
top: 0;
}
.pro-list.owl-theme .owl-dots .owl-dot span{
width: 10px;
height: 10px;
background: #C0C0C0;
margin: 0 3px;
}
.pro-list.owl-theme .owl-dots .owl-dot.active span{
background: #F70000;
}
.pro-jiben{
padding-bottom: 30px;
margin-bottom: 20px;
}
.pro-nav-main{
display: none;
padding: 20px;
min-height: 300px;
padding-bottom: 60px !important;
}
.pro-nav-main table{
width:100% !important;
}
.pro-nav-main table td,.pro-nav-main table th{
padding: 5px !important;
}
.pro-nav-main table *{
/*font-weight: normal;*/
}
.pro-nav-main img{
font-size: 0 !important;
color: transparent !important;
height:auto;
}
.pro-nav-main p,.pro-nav-main p span{
line-height:28px !important;
text-indent: 0 !important;
}
.pro-nav-main p{
margin-left:0 !important;
}
.pro-nav li{
color: #999999;
margin: 0 25px;
line-height: 45px;
float: left;
cursor: pointer;
}
.pro-nav li.cur{
color: #F70000;
border-bottom: 1px solid #F70000;
}
.pro-nav-main.cur{
display: block;
}
.pro-jiben>.col-md-6{
float: right;
}
.pro-orther{
background: #F5F5F5;
padding: 30px 0;
}
.pro-orther-title{
text-align: center;
border-bottom: 1px solid #E0E0E0;
margin-bottom: 30px;
display:none;
}
.pro-orther-title div{
font-size: 20px;
color: #666;
line-height: 40px;
padding:0 15px 20px;
border-bottom: 2px solid #F70000;
display: inline-block;
}
.pro-file-box .list .box{
background: #fff;
padding: 0 20px;
}
.pro-file-box .title{
line-height: 50px;
color: #777777;
font-size: 14px;
padding-left: 30px;
padding-right: 30px;
background: url('../images/files-uploading_pdf.png') no-repeat 0px center;
position: relative;
}
.pro-file-box .onv-download{
width: 24px;
height: 50px;
background: url("../images/xqa_09.jpg") no-repeat 0 center;
position: absolute;
top: 0;
right: 0;
}
.pro-related-list .item{
cursor: pointer;
text-align: center;
}
.pro-related-list .title{
padding: 10px 0;
}
.pro-related-products{
padding-top: 0px;
}
.case-list .pic{
overflow: hidden;
height: 280px;
width: 100%;
}
.case-list .pic img{
width: 100%;
transform: scale(1);
transition: all 0.5s;
}
.caseMain .location{
padding: 30px 0 10px;
border-bottom: 1px solid #D0D0D0;
margin-bottom: 50px;
}
.case-list .title{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
font-size: 16px;
padding-left: 20px;
height: 50px;
line-height: 50px;
background: rgba(0, 0, 0, 0.65);
color: #fff;
}
.case-list .box{
position: relative;
}
.case-list .item{
margin-bottom: 20px;
cursor: pointer;
}
.case-list .item:hover img{
transform: scale(1.1);
}
.caseSulotion{
padding: 50px 0 100px;
}
.caseSulotion .pro-orther-title div{
font-size: 30px;
padding-bottom: 50px;
}
.case-sulotion-tip{
color: rgb(102, 102, 102);
}
.case-characteristic .pic{
padding: 20px 0;
text-align: center;
}
.onvzheng{
padding: 40px 0;
}
.onv-lctitle{
font-size: 20px;
position: relative;
line-height: 40px;
margin-bottom: 20px;
}
.onv-lctitle::after{
z-index: 9999;
position: absolute;
width: 27px;
bottom: 0;
display: block;
background: #e24000;
height: 2px;
content: "";
left: 0;
transition: all ease .3s;
-webkit-transition: all ease .3s;
}
.onv-lccontant *{
font-size: 14px;
line-height: 26px;
font-family: Microsoft Yahei,Arial,Verdana,sans-serif;
color: #707070 !important;
}
.case-characteristic .box{
border: #d0d0d0 1px solid;
border-radius: 5px;
height: 100%;
}
.case-characteristic h5{
font-size: 18px;
color: #f70000;
font-weight: bold;
margin-bottom: 20px;
}
.case-characteristic .xian{
display: inline-block;
width: 90%;
height: 1px;
background: #d0d0d0;
text-indent: -9999px;
}
.case-characteristic .item{
text-align: center;
height: 370px;
transition: all 1s;
position: relative;
bottom: 0;
cursor: pointer;
}
.case-characteristic .content{
padding-left: 20px;
padding-right: 20px;
color: #666666;
font-size: 13px;
line-height: 26px;
}
.case-characteristic{
margin-top: 15px;
}
.case-characteristic .item:hover{
bottom: 8px;
}
.casePain{
background: #F1F1F1;
padding: 70px 0;
}
.casePain .pro-orther-title div{
font-size: 30px;
}
.casePain .pro-orther-title{
margin-bottom: 60px;
}
.case-pain-left img{
width: 100%;
}
.pain-list{
padding-left: 160px;
position: relative;
}
.pain-icon{
position: absolute;
top: 0;
left: 0;
}
.pain-right .title{
color: #e13737;
font-size: 18px;
padding-bottom: 10px;
position: relative;
}
.pain-right .title:before{
position: absolute;
top: 12px;
left: -14px;
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
background: #707070;
}
.pain-right .content{
color: #666666;
font-size: 14px;
line-height: 28px;
}
.pain-list{
padding-bottom: 20px;
}
.caseContent img{
max-width: 100%;
}
.hotProduct .pro-orther-title div{
font-size: 30px;
}
.hotProduct{
padding: 100px 0 30px;
}
.hotProMain .pic img{
width: 100%;
}
.hotProMain .title{
text-align: center;
font-size: 16px;
color: rgba(51,51,51,1);
padding: 0 20px;
height: 40px;
}
.hotProMain .item{
margin-bottom: 20px;
}
.hotProMain .item:hover .title{
color: rgba(87,177,173,1);
}
.case-demand-title{
font-size: 30px;
margin-bottom: 60px;
text-align: center;
color: #555;
font-weight: bold;
}
.case-demand{
padding: 60px;
}
.case-demand-list .item{
padding-left: 56px;
position: relative;
margin-bottom: 30px;
}
.case-demand-list .demand-icon{
position: absolute;
top: 0;
left: 0;
}
.case-demand-list .content{
color: #666;
padding-left: 20px;
font-size: 14px;
}
.case-topology{
padding-bottom: 70px;
}
.case-program{
background: #F5F5F5;
}
.case-program-list .item{
background: #fff;
margin-bottom: 40px;
}
.case-program-list .item h5{
font-size: 18px;
color: #555555;
font-weight: bold;
padding-bottom: 28px;
}
.case-program-list .item .content{
font-size: 14px;
color: #666666;
line-height: 22px;
}
.item-txt{
padding-left: 50px;
padding-right: 50px;
padding-top: 20px;
}
.item-ban .pic img{
width: 100%;
}
.case-program-list .item:nth-child(2n) .item-ban{
float: right;
}
.case-program,.case-background{
padding: 60px 0 30px;
}
.case-solution-title{
font-size: 30px;
color: rgb(85, 85, 85);
text-align: center;
margin-bottom: 40px;
}
.case-solution-txt{
font-size: 14px;
color: rgb(102, 102, 102);
}
.case-solution{
padding: 30px;
width: 80%;
margin: 0 auto;
}
.case-sulotion-main-title{
font-size: 20px;
color: rgb(247, 0, 0);
text-align: center;
margin-bottom: 40px;
}
.case-sulotion-main{
padding: 60px 0;
background: #F5F5F5;
}
.case-sulotion-main .txt,.case-Program2 .txt,.case-back-txt{
font-size: 14px;
color: rgb(102, 102, 102);
margin-bottom: 30px;
}
.case-Program2{
padding: 60px 0;
}
.case-Program2-title{
text-align: center;
color: #555;
font-size: 30px;
font-weight: bold;
margin-bottom: 40px;
}
.case-Program2-con .item{
font-size: 14px;
color: rgb(102, 102, 102);
}
.case-Program2-con .item-txt{
padding-top : 200px;
}
.case-Program2 .txt{
width: 66%;
margin: 0 auto;
margin-bottom: 30px;
}
.pageTop{
position: relative;
}
.aboutNav{
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.3);
}
.aboutNav li{
display: inline-block;
margin-left: 20px;
margin-right: 20px;
height: 60px;
}
.aboutNav li a{
display: block;
line-height: 60px;
font-size: 14px;
color: #fff;
}
.aboutNav li.cur{
border-bottom: #e60012 4px solid;
}
.aboutNav li:hover{
border-bottom: #e60012 4px solid;
}
.shuzi{
position: absolute;
top: 200px;
left: 50%;
transform: translateX(-50%);
}
.shuzi li{
float: left;
width: 25%;
text-align: left;
margin-bottom: 100px;
min-height: 86px;
}
.shuzi h5{
font-size: 44px;
color: #fff;
font-weight: normal;
}
.shuzi .f1{
float: left;
width: 25%;
text-align: left;
margin-bottom: 100px;
min-height: 86px;
}
.shuzi .right span{
font-size: 30px;
color: #fff;
}
.shuzi .right .gd-count{
font-size: 50px;
}
.shuzi .right p{
color: #fff;
text-align: left;
font-size: 16px;
padding-left: 5px;
}
.shuzi .f1 span{
display: inline-block;
width: 60px;
height: 1px;
background: #fff;
margin-top: 10px;
}
.footer-appk{
display:none;
}
.shuzi .left{
float: left;
width: 10%;
}
.shuzi .right{
float: right;
width: 80%;
text-align: left;
}
.shuzi .left img{
padding-top: 15px;
max-width: inherit;
}
.aboutC{
background: #F0F0F0;
padding: 50px 0;
}
.aboutC-kaitou{
background: #fff;
margin-bottom: 30px;
padding: 40px 80px;
}
.aboutC-kaitou .title{
color: #707070;
font-size: 30px;
text-align: center;
margin-bottom: 70px;
}
.aboutC-kaitou .txt{
font-size: 14px;
line-height: 2;
}
.aboutC-list{
background: #fff;
}
.aboutC-list .item-txt{
padding: 40px 0 0 40px;
}
.aboutC-list .item .title,.aboutC-teshu .title{
font-size: 20px;
color: rgb(68, 68, 68);
position: relative;
margin-bottom: 50px;
}
.aboutC-list .item .title:before,.aboutC-teshu .title:before{
position: absolute;
bottom: -20px;
width: 40px;
height: 1px;
background: #F70000;
left: 0;
content: '';
}
.xiaolist+.xiaolist{
margin-top: 30px;
}
.aboutC-list .item.col-sm-6:first-child{
padding-left: 0;
}
.aboutC-list .item.col-sm-6:last-child{
padding-right: 0;
}
.aboutC-list{
margin: 0;
margin-bottom: 30px;
}
.aboutC-list:nth-child(2n+1) .item{
float: right;
}
.aboutC-qaun{
position: relative;
}
.ab-main{
position: absolute;
bottom: 0px;
left: 0;
}
.ab-main .txt{
padding-left: 20px;
width: 80%;
line-height: 26px;
color: #fff;
font-size: 14px;
}
.ab-main .ab-shuzi{
width: 20%;
color: #fff;
font-size: 48px;
position: relative;
bottom: 20px;
text-align: center;
}
.ab-main .ab-shuzi span{
font-size: 56px;
color: #fff;
font-weight: bold;
}
.aboutC img{
cursor: pointer;
}
.aboutC-qaun,.aboutC-fen{
margin-bottom: 30px;
position: relative;
}
.aboutC-fen .title{
position: absolute;
bottom: 40px;
left: 40px;
color: #fff;
font-size: 20px;
}
.aboutC-teshu .col-sm-4{
padding: 40px 0 0 40px;
}
.aboutC-teshu .txt{
line-height: 2;
color: rgb(102, 102, 102);
font-size: 14px;
}
.aboutC-teshu .sbte{
margin-top: 50px;
}
.aboutC-teshu .sbte span{
font-size: 48px;
color: #f70000;
}
.aboutC-teshu .sbte .gd-count{
font-size: 56px;
color: #f70000;
font-weight: bold;
}
.aboutC-teshu .sbte p{
font-size: 14px;
color: #f70000;
padding-left: 5px;
}
.aboutC-teshu{
background: #fff;
margin: 0;
margin-bottom: 30px;
}
.aboutC-teshu .col-sm-8{
padding-left: 0;
}
.aboutC-teshu .col-sm-4{
padding-right: 0;
}
.aboutC .pic{
overflow: hidden;
}
.aboutC .pic img{
transform: scale(1);
transition: all 0.8s;
}
.aboutC .pic:hover img{
transform: scale(1.1);
}
.shuziH .right{
float: right;
width: 80%;
text-align: left;
}
.shuziH .right span{
font-size: 30px;
color: #333;
}
.shuziH .right .gd-count{
font-size: 50px;
}
.shuziH .right p{
color: #333;
text-align: left;
font-size: 16px;
padding-left: 5px;
}
.shuziH{
position: absolute;
top: 200px;
left: 137px;
width: 674px;
max-width: 100%;
display:none;
}
.shuziH li{
float: left;
width: 25%;
text-align: left;
}
#focus_Box{
position: relative;
width: 1000px;
height: 308px;
margin: 0px auto;
}
#focus_Box li{
position: absolute;
top: 146px;
left: 137px;
cursor: pointer;
border-radius: 4px;
}
.honorPics .pic img{
height: 380px;
width: 100%;
}
.honorPics .list{
margin-bottom: 20px;
}
.honorPics .pic{
border: #eee 1px solid;
}
.onvHonor{
background: #ECEEEB;
padding: 60px 0;
position: relative;
}
.onvHonorMain>.title{
color: #444;
font-size: 30px;
text-align: center;
margin-bottom: 40px;
}
#focus_Box{
margin-bottom: 70px;
}
.onvHonorMain{
background: #fff;
padding: 70px 0;
}
.honor-list.owl-theme .owl-controls{
position: absolute;
top: 50%;
width: 100%;
}
.honor-list.owl-theme .owl-controls .owl-nav div{
position: absolute;
width: 50px;
height: 80px;
top: 0;
left: -50px;
font-size: 70px;
color: #E5E5E5;
text-align: center;
line-height: 80px;
font-family: "宋体";
}
.honor-list{
width: 800px;
margin: 0 auto;
}
.honor-list.owl-theme .owl-controls .owl-nav div.owl-next{
left: inherit;
right: -50px;
}
.honor-list.owl-theme .owl-controls .owl-nav div:hover{
color: rgba(105,192,188,1);
}
.newsShow{
background: #ECEEEB;
padding: 40px 0;
}
.news-list{
background: #fff;
padding: 30px;
margin-bottom: 40px;
}
.news-title{
color: #f70000;
font-size: 26px;
padding-bottom: 20px;
border-bottom: 1px solid #E0E0E0;
margin-bottom: 25px;
}
.news-txt{
word-wrap: break-word;
word-break: normal;
font-size: 14px;
color: #707070;
line-height: 2;
}
.news-list:nth-child(2n) .news-b{
float: right;
}
.onvContact{
background: #ECEEEB;
padding: 40px 0;
}
.reset_style a, .resetHtmlCssStyle .reset_style a{
text-decoration: none!important;
color: #00E;
}
.contact-massage .tip{
background: red;
font-size: 16px;
color: #fff;
padding: 0 20px;
line-height: 40px;
display: inline-block;
}
.contact-massage{
margin-top: 50px;
}
.contact-form{
border: 1px solid #e0e0e0;
padding: 30px 20px;
}
.onv-contact .contact-form{
border: none;
width: 860px;
margin: 0 auto;
}
.onv-contact .stay_input_list textarea,.onv-contact .stay_input_list input,.onv-contact .submitBtn button{
width: 600px;
}
.onv-contact .stay_input_list textarea{
height: 150px;
}
.stay_input_list div{
float: left;
width: 120px;
font-size: 12px;
line-height: 30px;
text-align: right;
padding-right: 15px;
}
.stay_input_list input{
float: left;
line-height: 30px;
border: 1px solid #d0d0d0;
padding: 0 5px;
font-size: 12px;
width: 330px;
}
.stay_input_list{
margin-bottom: 20px;
}
.stay_input_list textarea{
width: 330px;
height: 80px;
padding: 10px 5px;
font-size: 12px;
}
.submitBtn button{
border: none;
text-align: center;
width: 134px;
line-height: 40px;
background: red;
color: #fff;
font-size: 14px;
margin-left: 120px;
}
.proMark{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 99999999;
}
.proMark i{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: absolute;
top: 0;
left: 0;
}
.proMark .contact-form{
position: absolute;
width: 500px;
background: #fff;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
border-radius: 4px;
padding-top: 20px;
}
.proMark .contact-form .title{
background: red;
color: #fff;
font-size: 16px;
padding: 0 20px;
display: inline-block;
line-height: 40px;
}
.proMark .contact-form .xian{
height: 1px;
width: 100%;
background: #e0e0e0;
margin: 15px 0 20px;
}
.closeBtn{
position: absolute;
top: 20px;
right: 15px;
cursor: pointer;
}
.xth{
position: absolute;
top: 0;
left: 50%;
margin-top: 90px;
height: 0;
z-index: 999999999;
width: 1920px;
margin-left: -990px;
background: #fff;
transition: 1s;
display: none;
box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.5), 0px 0px 15px rgba(75, 75, 75, 0.3);
}
.onv-nav .navbar-nav li.slideInRight:hover .xth{
height: auto !important;
display: block;
}
.xth .phf{
width: 1200px;
margin: auto;
transition: 1s;
height: 0;
text-align: left;
}
.xth .phf>h5{
font-size: 15px;
padding-left: 12px;
line-height: 28px;
background: url(../images/dsf_03.jpg) no-repeat 0px center;
color: #fff;
height: 30px;
margin-top: 20px;
margin-bottom: 15px;
height: 15px;
background: none;
margin: 0 0 20px;
display:none;
}
.xth .poe{
padding-top: 0;
}
.xth .poe li{
width: 16.66%;
text-align: center;
float: left;
margin-bottom: 40px;
padding: 0 5px;
}
.xth .poe li a{
color: #666666;
font-size: 14px !important;
text-decoration: none;
padding-left: 0px;
display: block;
}
.xth .poe li img{
display: block;
}
.xth .poe span{
color: #666666;
font-size: 14px;
}
.xth .poe span a{
color: #666666;
font-size: 14px !important;
text-decoration: none;
overflow: hidden;
line-height: 2;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
padding: 0 10px;
}
.logoBox,.searchBox,.language{
padding-top: 8px;
}
.logoBox{
overflow: hidden;
height: 80px;
}
.searchBox,.language{
padding-top: 16px;
}
.xth .cp .left{
float: left;
width: 100%;
height: auto;
margin-right: 20px;
}
.xth .cp .clear,.xth .poe .clear{
line-height: 0;
width: 100%;
height: 15px !important;
clear: both;
font-size: 0px;
overflow: hidden;
}
.xth .poe .clear{
margin-bottom: 10px;
}
.xth .cp li{
float: left;
width: 20%;
height: auto;
overflow: hidden;
margin-bottom: 10px;
margin-top: 0px !important;
transition: 0.5s;
display: block;
}
.xth .cp .cptp{
width: 200px;
height: 120px;
background: #ebebeb;
margin: auto;
min-height: inherit !important;
}
.xth .cp .cptp a{
display: block;
font-size: 13px !important;
color: #666;
line-height: 28px !important;
font-weight: normal;
position: relative;
text-align: center;
}
.xth .cp .cptp a img{
padding-top: 20px;
}
.xth .cp .left h5{
width: 100%;
text-align: center;
margin-bottom: 0px;
padding-bottom: 0px;
background: none;
padding-left: 0px;
padding-top: 20px;
}
.xth .pfh{
width: 1200px;
margin: auto;
transition: 1s;
height: 0;
text-align: left;
}
.navbar-nav .phf .pic,.xth .poe li{
overflow: hidden;
}
.navbar-nav .poe .pic{
height: 115px;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
overflow: hidden;
background: #F5F5F5;
}
.navbar-nav .phf .pic img{
transition: all 1s;
transform: scale(1);
}
.navbar-nav .phf .pic:hover img{
transform: scale(1.1);
}
.searchTop{
background: #EEEEEE;
padding: 40px 0;
}
.searchPb{
border: 1px solid rgba(228,228,228,1);
padding-right: 100px;
position: relative;
width: 660px;
margin: 0 auto;
}
.searchPb .searchInput{
line-height: 48px;
text-indent: 10px;
border: none;
}
.searchHr{
background: #FBFAFB;
}
.searchHr div{
float: left;
line-height: 40px;
}
.searchShow .headline{
width: 50%;
padding-left: 10px;
}
.searchShow .type{
width: 10%;
}
.searchShow .time{
width: 20%;
}
.searchTip{
background: red;
color: #fff;
padding: 0 20px;
line-height: 45px;
display: inline-block;
}
.searchMain{
border: 1px solid #f0f0f0;
padding: 20px;
}
.searchuu li div{
float: left;
line-height: 40px;
height: 40px;
}
.searchuu li div a{
line-height: 40px;
}
.searchuu li:hover{
background: #FDFCFF;
}
.searchuu li div:hover a{
color: #65beba;
}
.searchuu li{
padding-left: 20px;
position: relative;
}
.searchuu li:before{
position: absolute;
top: 5px;
left: 10px;
content: '>';
font-family: "宋体";
font-size: 20px;
}
.accordion{
height: 570px;
overflow: hidden;
}
.accordion-DIV {
/* width:98%;
height:482px; */
overflow: hidden;
padding-left: 1%;
padding-right: 1%;
}
.accordion-DIV > .accordion {
/* border:$defaultBorder; */
}
.accordion {
clear: both;
overflow: hidden;
}
.accordion img{
height: 570px;
width: auto;
max-width: inherit;
}
.accordion [data-name=accordion] {
border: thin solid #efefef;
}
.accordion .accordion-li {
float: left;
color: #333;
border-right: none;
overflow: hidden;
width: 100px;
transition: width 1.5s;
position: relative;
cursor: pointer;
}
.accordion .accordion-li .accordion-img {
border: thin solid #efefef;
}
.accordion .accordion-li:last-child {
border-right: thin solid #efefef;
}
.accordion .accordion-li::before {
content: "";
display: block;
position: absolute;
background-color: white;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.2;
transition: all 0.5s;
}
.accordion .accordion-li .accordion-description {
content: "";
display: block;
position: absolute;
background-color: white;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.7;
transition: all 0.5s;
top: inherit;
bottom: 50%;
height: 50%;
margin-bottom: -135px;
padding: 1.5%;
}
.accordion .accordion-li .accordion-content, .accordion .accordion-li .accordion-title, .accordion:hover .accordion-li li.active .accordion-title, .accordion:hover li.active .accordion-li .accordion-title {
opacity: 0;
transition: all 0.5s;
margin-top: 15px;
text-shadow: 0px 0px 1px #e0f9ff;
}
.accordion .accordion-li .accordion-title {
font-size: xx-large;
font-weight: bold;
}
.accordion .accordion-li .accordion-icon {
position: absolute;
left: 50%;
top: 50%;
width: 43.2px;
margin-left: -21.6px;
margin-top: -20px;
font-size: 40px;
z-index: 10;
opacity: 1;
transition: opacity 2.5s;
}
.accordion:hover li {
width: 100px;
transition: width 1.5s;
}
.accordion:hover li.active {
/* width:600px !important; */
transition: width 0.5s;
}
.accordion:hover li.active::before {
opacity: 0;
}
.accordion:hover li.active .accordion-icon {
opacity: 0;
transition: opacity .2s;
}
.accordion:hover li.active .accordion-description {
content: "";
display: block;
position: absolute;
background-color: white;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 1;
transition: all 0.5s;
/*background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
!* Safari 5.1 - 6.0 *!
background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
!* Opera 11.1 - 12.0 *!
background: -moz-linear-gradient(rgba(255, 255, 255, 0), white);
!* Firefox 3.6 - 15 *!
background: linear-gradient(rgba(255, 255, 255, 0), white);*/
background: rgba(255,255,255,0.8) !important;
height: 103px;
width: 100%;
top: inherit;
bottom: 165px;
margin-top: 0;
padding-left: 210px;
}
.accordion:hover li.active .accordion-description .panicon{
position: absolute;
width: 200px;
height: 100%;
top: 0;
left: 0;
background: red url("../images/onvsoluicon01cur.png") no-repeat center;
}
.accordion:hover li.active .accordion-description .panicon.onvsoluicon02cur{
background-image: url("../images/onvsoluicon02cur.png");
}
.accordion:hover li.active .accordion-description .panicon.onvsoluicon03cur{
background-image: url("../images/onvsoluicon03cur.png");
}
.accordion:hover li.active .accordion-description .panicon.onvsoluicon04cur{
background-image: url("../images/onvsoluicon04cur.png");
}
.accordion:hover li.active .accordion-content, .accordion:hover li.active .accordion-title {
opacity: 1 !important;
transition: all 0.8s;
font-size: 14px;
color: #666;
opacity: 1;
}
.accordion:hover li.active .accordion-title{
font-size: 20px;
font-family: "Georgia";
margin-top: 5px;
color: #333;
}
.accordion.verticality {
clear: both;
overflow: hidden;
}
.accordion.verticality .accordion-li {
width: 100%;
float: inherit;
border: thin solid #efefef;
height: 100px;
transition: height .6s;
border-bottom: none;
}
.accordion.verticality .accordion-li .accordion-description {
left: 50%;
bottom: 0;
width: 30%;
height: 95%;
margin-bottom: 0px;
margin-top: auto;
margin-left: -224px;
transition: all .8s;
}
.accordion.verticality .accordion-li .accordion-img {
width: 100%;
}
.accordion.verticality .accordion-li:last-child {
border-bottom: thin solid #efefef;
}
.accordion.verticality .accordion-li.active {
width: 100% !important;
transition: height .6s;
}
.accordion.verticality .accordion-li.active::before {
opacity: 0;
}
.accordion.verticality .accordion-li.active .accordion-icon {
opacity: 0;
transition: all 0.5s;
}
.accordion.verticality .accordion-li.active .accordion-description {
margin-left: 0;
width: 98%;
height: 50%;
top: inherit;
bottom: 0;
left: 0;
opacity: 1;
padding-top: 1.5%;
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
/* Safari 5.1 - 6.0 */
background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
/* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(rgba(255, 255, 255, 0), white);
/* Firefox 3.6 - 15 */
background: linear-gradient(rgba(255, 255, 255, 0), white);
transition: height .8s;
}
.accordion.verticality .accordion-li.active .accordion-description .accordion-title, .accordion.verticality .accordion-li.active .accordion-description .accordion-content, .accordion.verticality .accordion-li.active .accordion-description .accordion-title {
opacity: 1;
transition: opacity 1s;
}
.accordion .ver-toggle {
display: none;
}
.accordion .accordion-img {
display: block;
}
.accordion a {
display: block;
background-color: white;
width: 100%;
height: 100%;
}
.accordion{
margin-top: 30px;
}
.accordion .accordion-li .accordion-icon{
width: 60px;
height: 60px;
background: url("../images/onvsoluicon01.png") no-repeat center;
margin-top: -30px;
margin-left: -30px;
}
.accordion .accordion-li .accordion-icon.onvsoluicon02{
background-image: url("../images/onvsoluicon02.png");
}
.accordion .accordion-li .accordion-icon.onvsoluicon03{
background-image: url("../images/onvsoluicon03.png");
}
.accordion .accordion-li .accordion-icon.onvsoluicon04{
background-image: url("../images/onvsoluicon04.png");
}
.footer_link_list{
height: 250px;
}
.xth .phf .solu{
padding-top: 30px;
}
.xth .phf .solu li p a{
display: block;
font-size: 14px !important;
padding-left: 0px;
text-align: center;
color: #666;
line-height: 30px;
}
.xth .phf .solu .pics img{
width: 100%;
}
.xth .phf .solu .dute{
text-align: left;
min-height: 200px;
}
.xth .phf .solu .dute .box{
background: #eee;
padding-top: 30px;
padding-left: 20px;
min-height: 200px;
}
.xth .phf .solu .dute h5{
width: auto;
font-size: 14px;
font-weight: bold;
color: #f70000;
border: none;
background: none;
padding-left: 0px;
margin: 30px 0 10px;
}
.xth .phf .solu .dute a{
display: block;
font-size: 14px !important;
padding-left: 0px;
line-height: 28px;
color: #666;
}
.youce{
position: fixed;
top: 50%;
right: 0;
background: #E6212B;
z-index: 100;
margin-top:-100px;
}
.youce .box{
background: #fff;
padding: 15px 0;
text-align: center;
min-width: 60px;
cursor: pointer;
}
.youce .box h5{
font-family: 'Times New Roman';
font-size: 14px;
color: #E6212B;
margin-top: 8px;
white-space: nowrap;
}
.pan-skypeBox h5{
white-space: nowrap;
margin-bottom: 10px;
}
.youce .box i{
display: block;
width: 30px;
height: 37px;
margin: 0 auto;
}
.youce .pan-skypeBox{
position: absolute;
bottom: 0px;
left: 101%;
box-shadow: 0px 0px 5px 2px #ccc;
background: #fff;
padding: 0 10px 0 0;
}
.pan-skypeBox li{
line-height: 37px;
padding-left: 30px;
background: url("../images/onv5.png") no-repeat 5px center;
white-space: nowrap;
text-align: left;
min-width: 100px;
}
.youce .pan-skype i{
background: url("../images/onv5.png") no-repeat center;
}
.youce .pan-contact i{
background: url("../images/onv6.png") no-repeat center;
}
.youce .pan-contact{
margin-bottom: 0px;
}
.youce .pan-contact+.pan-contact{
}
.youce .pan-skype.box{
border-top: 1px solid #EAEAEA;
}
.youce .box:hover{
background: #E6212B;
}
.youce .box:hover p{
color: #fff;
}
.youce .pan-contact:hover i{
background-image: url("../images/onv7.png");
}
.youce .box:hover .pan-skypeBox{
left: inherit;
right: 100%;
}
.searchuu li div{
float: none;
height: auto;
line-height: inherit;
text-align: center;
}
.searchuu li:before{
display: none;
}
.searchuu li{
padding-left: 15px;
}
.searchuu li .pic{
height: 200px;
overflow: hidden;
}
.searchuu li .pic img{
width: 100%;
}
.searchuu li div a{
line-height: 40px;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.searchShow .headline{
width: 100%;
}
.baoxiu{
background: #F0F0F0;
padding:30px 0 40px;
}
.baoxiudiv{
background: #fff;
padding: 50px 100px;
}
.baoxiudiv *{
line-height: 28px;
font-size: 13px;
color: #666;
}
.baoxiudiv h5,.baoxiudiv h5 *{
color: #f70000;
font-size: 14px;
font-weight: bold;
}
.baoxiudiv h5{
margin: 10px 0;
}
.baoxiudiv h5 img{
margin-right: 10px;
}
.xiazaituijian{
background: #fff;
margin: 0;
margin-bottom: 80px;
}
.xiazaituijian .pic img{
width: 100%;
}
.xiazaituijian .title{
padding: 10px 0;
padding-right: 20px;
background: url("../images/xqa_09.jpg") no-repeat right top 12px;
}
.xiazai-zu .box ul{
background: #fff;
padding: 5px 5px 0;
}
.xiazai-list{
margin-bottom: 40px;
}
.xiazai-zu .box li a{
display: block;
line-height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
padding-right: 30px;
background: url("../images/xqa_09.jpg") no-repeat right center;
}
.xiazai-zu .box li{
padding: 10px 0;
border-bottom: #e0e0e0 1px solid;
}
.xiazai-zu .title{
font-size: 24px;
color: #444;
line-height: 40px;
margin-bottom: 10px;
}
.xiazai-zu .title .lc-more{
display: block;
float: right;
line-height: 40px;
color: #f70000;
}
.xiazainav{
background: #F2F2F2;
padding: 15px 0 20px;
}
.xiazainav li a{
display: block;
background: #fff;
font-size: 16px;
color: #444;
line-height: 40px;
padding: 0 15px;
transition: all 0.5s ease-in-out;
}
.xiazainav li{
float: left;
margin-right: 10px;
}
.xiazainav li a:hover{
background: #ff0000;
color: #fff;
}
.xiazaialllist .xiazaiul li{
padding: 10px 0;
border-bottom: #e0e0e0 1px solid;
}
.xiazaialllist .xiazaiul li a{
display: block;
line-height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
padding-right: 30px;
background: url("../images/xqa_09.jpg") no-repeat right center;
}
.xiazaialllist{
padding-top: 20px;
}
.onvvideonav{
padding: 40px 0;
}
.onvvideonav li{
float: left;
margin-right: 10px;
}
.onvvideonav li a{
display: block;
font-size: 16px;
color: #444;
padding: 0 15px;
line-height: 40px;
border: 1px solid #eee;
}
.onvvideonav li a:hover{
color: rgba(69,165,161,1);
}
.onvvideonav li a.cur{
color: rgba(69,165,161,1);
}
.onvvideoAll .box{
border: 1px solid #E4E4E4;
}
.onvvideoAll .txt{
background: #fff;
padding: 5px 20px 10px;
}
.onvvideoAll .pic img{
width: 100%;
}
.onvvideoAll .title{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 16px;
line-height: 24px;
}
.onvvideoAll .time{
color: #999;
font-size: 14px;
line-height: 21px;
}
.onvvideoAll .list{
margin-bottom: 20px;
cursor: pointer;
}
.onvvideoAll .pic{
position: relative;
}
.onvvideoAll .pic .mark{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,.5) url("../images/play.png") no-repeat center;
transition: all 0.5s;
opacity: 0;
}
.onvvideoAll .pic:hover .mark{
opacity: 1;
}
.onvvideoAll .pic .mark:before{
content: '';
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%,-50%);
}
.videoPlay{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 9999;
}
.videoPlay>i{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.5);
}
.videoPlay .vide_show{
width: 50%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.videoPlay .vide_show video{
width: 100%;
height: auto;
}
.vide_show .closebtn{
width: 40px;
height: 40px;
position: absolute;
top: 0;
right: -40px;
background: url("../images/close.png") no-repeat center;
cursor: pointer;
}
.youce .box .pan-skypeBox h5{
color: #444;
font-size: 16px;
font-family: inherit;
text-align: left;
display:none;
}
.searchPageBox{
padding: 40px 0;
}
.onvqnaTop .title{
color: #444444;
font-size: 24px;
line-height: 40px;
margin-bottom: 10px;
}
.onvqnaTop .onvqnaTop-main{
background: #fff;
padding: 15px;
}
.onvqnaTop-main .pic img{
width: 100%;
}
.onvqnaTop-main .pic{
margin-bottom: 10px;
}
.onvqnaTop-main li{
padding: 10px 0;
border-bottom: #e0e0e0 1px solid;
}
.onvqnaTop-main li a{
line-height: 30px;
font-size: 14px;
color: #777;
padding-left: 25px;
background: url("../images/wenhao_15.jpg") no-repeat 0px center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 60%;
}
.onvqnaMain{
background: #F0F0F0;
padding: 70px 0;
}
.newsqna-list{
background: #fff;
padding: 15px;
margin-bottom: 20px;
}
.newsqna-list div{
font-size: 13px;
color: #666;
line-height: 24px;
padding-left: 25px;
position: relative;
}
.newsqna-list div.qna-q{
color: #e46713;
font-size: 14px;
line-height: 21px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 70%;
margin-bottom: 10px;
}
.newsqna-list div:before{
position: absolute;
width: 16px;
height: 16px;
top: 0;
left: 0;
content: 'Q';
margin-top: 5px;
background: #ff782f;
color: #fff;
text-align: center;
line-height: 16px;
}
.newsqna-list div.qna-a:before{
content: 'A';
background: #3ebb2b;
}
.newsqna-list div.qna-a{
white-space: normal;
word-wrap: break-word;
word-break: break-all;
}
.onvqna-all{
background: #fff;
margin-top: 40px;
}
.onvqna-all li{
padding: 15px 0;
padding-left: 25px;
position: relative;
border-bottom: #e0e0e0 1px solid;
cursor: pointer;
}
.onvqna-all li:before{
position: absolute;
top: 15px;
left: 10px;
line-height: 30px;
content: ' > ';
font-size: 20px;
font-family: "宋体";
font-weight: bold;
}
.onvqna-all .qnatitle,.onvqna-all .qna-daan{
font-size: 16px;
color: #444;
position: relative;
padding-left: 25px;
line-height: 30px;
}
.onvqna-all .qna-daan{
margin-bottom: 0;
color: #999;
line-height: 24px;
display: none;
font-size: 14px;
margin-top: 10px;
}
.onvqna-all .qnatitle:before,.onvqna-all .qna-daan:before{
position: absolute;
top: 5px;
left: 0;
width: 20px;
height: 20px;
color: #fff;
background: rgba(237, 90, 90, 1);
color: #fff;
text-align: center;
line-height: 20px;
content: 'Q';
}
.onvqna-all .qna-daan:before{
background: rgba(0, 102, 0, 1);
content: "A";
top: 0;
}
.onvqnaMain .onv-pages li a{
background: #fff;
}
.newsBody{
background: #ccc;
padding: 30px 0 80px;
}
.newsBody .title{
font-size: 16px;
color: #333;
line-height: 40px;
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: #d0d0d0 1px solid;
}
.lunbolist .pic img{
height: 100%;
width: auto;
transition: all 0.5s;
}
.lunbolist .pic{
width: 40%;
overflow: hidden;
height: 300px;
}
.lunbolist .txt{
width: 60%;
padding-left: 40px;
}
.lunbolist{
background: #fff;
padding: 20px;
}
.lunbolist .newstitle{
font-size: 22px;
color: #666;
cursor: pointer;
}
.lunbolist .pic:hover img{
transform: scale(1.1);
}
.lunbolist .time{
font-size: 14px;
color: #666;
margin: 20px 0 15px;
}
.lunbolist:hover .newstitle{
color: #f70000;
}
.lunbolist .abstract{
font-family: "Microsoft Yahei";
white-space: normal;
text-align: justify;
color: rgba(102,102,102,1);
font-size: 14px;
line-height: 26px;
vertical-align: top;
word-break: break-all;
}
.lunbolist .letgo{
float: left;
padding: 0px;
border: none;
width: 50px;
min-width: auto;
margin-top: 20px;
height: 50px;
background: #F60100;
border-radius: 50%;
text-align: center;
line-height: 50px;
font-family: "宋体";
color: #fff;
cursor: pointer;
font-size: 24px;
font-weight: bold;
}
.newsLunbo .owl-theme .owl-controls{
position: absolute;
right: 10px;
top: inherit;
bottom: 20px;
}
.newsLunbo .owl-theme .owl-dots .owl-dot span{
background: #E4E4E4;
margin: 5px;
}
.newsLunbo .owl-theme .owl-dots .owl-dot.active span{
background: #F70000;
}
.newsLunbo .owl-theme .owl-dots .owl-dot{
display: none;
}
.newsLunbo .owl-theme .owl-dots .owl-dot:nth-child(1){
display: inline-block;
}
.newsLunbo .owl-theme .owl-dots .owl-dot:nth-child(2){
display: inline-block;
}
.newsLunbo .owl-theme .owl-dots .owl-dot:nth-child(3){
display: inline-block;
}
.newsAll{
margin-top: 30px;
}
.newsAll .newslist{
padding: 0 10px;
margin-bottom: 30px;
}
.newsAll .newslist .box{
background: #fff;
padding: 20px;
}
.newsAll .newslist .pic img{
width: 100%;
transition: all 0.5s;
}
.newsAll .newslist .pic{
overflow: hidden;
height: 200px;
display: flex;
display:-webkit-flex;
justify-content:center;
align-items:center;
}
.newsAll .newslist .newstitle{
font-size: 15px;
color: #666;
margin-bottom: 5px;
line-height: 30px;
}
.newsAll .newslist .time{
color: #999;
font-size: 14px;
line-height: 18px;
}
.newsAll .newslist .abstract{
font-size: 15px;
color: #666;
}
.newsAll .newslist .link{
padding-top: 20px;
margin-top: 20px;
font-size: 14px;
color: #f70000;
border-top: #e0e0e0 1px solid;
display: block;
}
.newsAll .newslist .pic:hover img{
transform: scale(1.1);
}
.onv-pages.bai li a{
background: #fff;
}
.newsBody.newsBai{
background: #fff;
}
.newsBai .lunbolist{
border: 1px solid #f0f0f0;
}
.newsBai .newsAll .newslist .box{
border: 1px solid #f0f0f0;
}
.articleBody{
padding: 30px 0 50px;
border-bottom: 1px solid rgba(240,240,240,1);
}
.articleBody .title{
text-align: center;
font-size: 30px;
line-height: 40px;
padding: 0 60px 20px;
border-bottom: 1px solid rgba(240,240,240,1);
margin-bottom: 15px;
}
.articleBody .abstract{
border: 1px solid rgba(228,228,228,1);
background: rgba(252,251,253,1);
padding: 5px 10px;
margin-bottom: 20px;
font-size: 14px;
color: #999999;
line-height: 26px;
}
.shangxia{
padding-top: 20px;
padding-bottom: 50px;
}
.shangxia div{
color: #999;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.shangxia div a{
color: #666;
font-size: 14px;
}
.shangxia div a:hover{
text-decoration: underline;
}
.onvqnaMain{
margin-top: 40px;
border: 1px solid rgba(228,228,228,1);
background: #fff;
padding: 10px 35px;
margin-bottom: 80px;
}
.onvqnaMain .title{
text-align: center;
font-size: 20px;
line-height: 40px;
margin-bottom: 10px;
}
.onvqnaMain .qna-view{
text-align: right;
display: block;
padding-left: 20px;
color: #999;
font-size: 14px;
}
.onvqnaMain .qna-view span{
color: #444;
}
.onvqnaMain-top{
padding-bottom: 5px;
border-bottom: 1px solid rgba(240,240,240,1);
}
.qna-content{
padding: 10px;
min-height: 200px;
border-bottom: 1px solid rgba(240,240,240,1);
}
.onvqnaMain .shangxia{
padding-bottom: 20px;
}
.accordion .accordion-li .accordion-content, .accordion .accordion-li .accordion-title, .accordion:hover .accordion-li li.active .accordion-title, .accordion:hover li.active .accordion-li .accordion-title{
text-shadow:none !important;
}
.erClass{
display:none;
background: #f5f5f5;
}
.erClass a{
text-indent: 30px;
}
header.cur{
background: rgba(255,255,255,0.7);
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
}
.xth{
margin-top: 80px;
box-shadow:0 1px 4px #666 inset,0px 10px 10px rgba(75,75,75,0.3);
}
.language .language_link{
width: 32px;
height: 32px;
display: block;
background: url("../images/lc-yuyan3.png") no-repeat center;
margin-top: 9px;
float: right;
}
.language .language_link.czn{
background-image: url("../images/lc-yuyan3.png");
}
.language .lc-email{
font-size: 14px;
line-height: 60px;
color: #333;
float: left;
width: auto;
}
.language{
padding-left: 0;
}
.youce .box{
font-size: 14px;
padding: 15px 10px;
padding: 0;
width: 50px;
height: 37px;
}
.pan-contact .pan-skypeBox li:first-child{
background-image: url("../images/icon_addressbook_fil.png");
display:none;
}
.pan-contact .pan-skypeBox li:last-child{
background-image: url("../images/icon_cmail.png");
}
.pan-contact .pan-skypeBox li{
background-size: 20px;
}
.onv-nav .navbar-nav li.slideInRight>a:hover{
color: #E60012;
}
.onv-nav .navbar-nav li.slideInRight{
height: 80px;
}
.xth .poe li:hover a,.xth .cp li:hover a,.xth .phf .solu .dute a:hover,.xth .phf .solu li:hover p a{
color: #E60012;
}
.pro-nav li{
margin: 0 5px;
background: #E3E3E3;
border-radius: 5px 5px 0 0;
border: 1px solid #E3E3E3;
padding: 0 15px;
line-height: 40px;
}
.pro-nav{
border-bottom: 1px solid #999999;
overflow: hidden;
}
.pro-nav li.cur{
border-bottom: #E3E3E3;
}
.pro-nav ul{
position: relative;
top: 2px;
}
.xth .poe li{
float: none;
display: inline-block;
max-width: 16%;
}
.xth .phf{
height: auto;
}
.xth .phf ul{
text-align: center;
}
.xth .cp li{
float: none;
display: inline-block;
max-width: 19.5%;
}
.xth .cp .clear ,.xth .poe .clear{
max-width: 100%;
}
.product-item figcaption{
height: 26px;
line-height: 26px;
margin: 0;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 8px;
}
#rollnews {
height: 44px;
line-height: 44px;
overflow: hidden;
width: 80%;
float: left;
display: inline-block;
}
#rollnews .content {
height: 50px;
line-height: 50px;
overflow: hidden;
}
#rollnews .title {
width: 80%;
float: left;
display: inline-block;
}
#rollnews .time {
width: 20%;
line-height: 50px;
font-size: 12px;
text-align: right;
color: #999;
float: left;
display: inline-block;
}
.indexNewsL .news_btn{
float: right;
display: block;
width: 50px;
height: 50px;
position: relative;
right: 0px;
}
.indexNewsL .news_btn a{
width: 22px;
display: block;
height: 22px;
border: 1px solid #999999;
border-radius: 11px;
position: absolute;
}
.indexNewsL .news_btn a.up{
top: 14px;
left: 0px;
background: url("../images/lcnewsp.png") no-repeat center;
background-size: 12px 6px;
}
.indexNewsL .news_btn a.down{
top: 14px;
right: 0px;
background: url("../images/lcnewsn.png") no-repeat center;
background-size: 12px 6px;
}
.indexNewsL{
background: rgba(240, 240, 240, 1);
}
.onv-nav .navbar-nav .slideInRight.iwantto>a{
display: inline-block;
width: 106px;
height: 30px;
background: #ccc;
line-height: 30px;
text-align: center;
color: #656565;
font-size: 14px !important;
border-radius: 3px;
font-weight: bold;
}
.onv-nav .navbar-nav .slideInRight.iwantto{
padding: 0;
padding-top: 32px;
}
.onv-nav .navbar-nav .slideInRight.iwantto:hover>a{
color: #E60012;
}
.xth .fpx{
padding: 30px 0 40px;
}
.xth .fpx .pic{
float: left;
width: 45%;
}
.xth .fpx .pic img{
max-width: 100%;
}
.xth .fpx .lclinkdiv{
width: 55%;
float: left;
padding-left: 10px;
}
.xth .fpx .lclinkdiv a{
display: block;
position: relative;
font-size: 12px;
padding-left: 10px;
line-height: 32px;
color: #666;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xth .fpx .lclinkdiv a:after{
content: "";
display: block;
position: absolute;
right: -2px;
top: 50%;
margin-top: -1px;
width: 2px;
height: 2px;
border-radius: 50%;
background-color: #000;
}
.diyik{
width: 40px;
height: 140px;
background-color: red;
display: flex;
align-items: center;
position: relative;
flex-wrap: wrap;
cursor:pointer;
}
.diyik:hover .dierk{
left: inherit;
right: 100%;
}
.diyik>i{
color: #fff;
font-size: 16px;
font-family: "宋体";
display: block;
text-align: center;
width:100%;
}
.diyik .title{
color: #fff;
font-size: 16px;
padding: 0px 10px;
text-align: center;
}
.dierk{
position: absolute;
top: 0;
left: 41px;
background-color: #fff;
width: 220px;
border:1px solid #ddd
}
.dierk .up{
padding:20px;
border:1px solid #ddd;
}
.dierk .up .name{
padding-left: 40px;
position: relative;
color: #000;
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
width:100%;
}
.dierk .up .name i{
position: absolute;
background:url(../images/tel01.png) no-repeat center;
width: 30px;
height: 30px;
top: 0;
left: 0;
}
.dierk .up .tel{
color: #000;
font-size: 20px;
font-weight: bold;
}
.dierk .zh{
padding: 20px 0;
border:1px solid #ddd;
}
.dierk .zh li div{
width: 50%;
float: left;
font-size: 14px;
line-height: 30px;
color: #999;
}
.dierk .zh li .left{
text-align: right;
}
.dierk .zh li .left i{
display: inline-block;
width: 12px;
height: 12px;
background:url(../images/qq02.png) no-repeat center;
}
.dierk .zh li .left.kf i{
background:url(../images/tel02.png) no-repeat center;
}
.dierk .dm{
padding: 20px 0;
}
.dierk .dm div{
color: #999;
font-size: 14px;
width: 50%;
float: left;
}
.dierk .dm .left{
text-align: right;
}
.dierk .dm i{
display: inline-block;
width: 12px;
height: 12px;
background:url(../images/time02.png) no-repeat center;
}
.xth .fpx .teshu .pic{
width: 130px;
text-align: center;
}
.xth .fpx .teshu .pic:hover img{
transform: scale(1);
}
.xth .fpx .lclinkdiv a:hover{
color: #E60012;
}
.footer-top{
background: #F8F8F8;
}
.footer-zhong{
background: #F2F2F2;
}
.footer-down{
background: #F8F8F8;
padding: 20px 0;
}
.footer-share{
padding: 0;
}
.footer-contact li{
float: left;
margin: 0 20px;
}
.footer-contact li .lc-title{
color: #333;
font-size: 14px;
}
.footer-contact{
margin-top: 17px;
}
header .nav{
height: 80px;
padding-right: 0;
text-align: center;
}
.footer-contact .lc-mark{
position: absolute;
bottom: 120%;
background: #fff;
border-radius: 4px;
box-shadow: 0 0 10px 2px #666;
min-width: 150px;
left: 50%;
transform: translateX(-50%);
z-index: 30;
white-space: nowrap;
padding: 15px;
display: none;
}
.footer-contact .lc-mark:after{
position: absolute;
content: '';
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: #fff transparent transparent transparent;
top: 100%;
left: 50%;
margin-left: -10px;
margin-top: -5px;
}
.headertidai{
height: 60px;
width: 100%;
display: none;
background: #fff;
}
.footer-contact a{
display: block;
}
.footer-contact a:hover .lc-mark{
display: block;
}
.owl-carousel .owl-item img{
width:100%;
}
.appFocusBox,.honor-list.apphonor-list{
display:none;
}
.appNav{
float: right;
padding-top: 10px;
padding-right: 15px;
display: none;
}
.appNav .appNavBtn{
background:url('../images/lccaidan.png') no-repeat center;
cursor: pointer;
width:40px;
height:40px;
}
.appNavUl{
position: absolute;
right: 0px;
width: auto;
background: #fff;
box-shadow: 0 2px 5px 0px #666;
padding: 5px 10px;
display: none;
}
.appNavUl a{
display: block;
line-height: 30px;
text-align: left;
border-bottom: 1px solid #eee;
white-space: nowrap;
}
.loginwarp{
background: #F5F5F5;
position: relative;
padding: 60px;
}
.loginwarp .loginBox{
margin: 50px auto;
padding: 30px 0;
overflow: hidden;
width: 500px;
}
.loginNav{
text-align: center;
margin-bottom: 30px;
}
.loginNav div{
width: 180px;
height: 50px;
display: inline-block;
font-weight: bold;
font-size: 16px;
line-height: 50px;
text-align: center;
margin:0 15px;
cursor: pointer;
}
.loginNav .cur{
border-bottom: 1px solid #333;
}
.tanList{
margin-bottom: 20px;
}
.tanList label{
display: block;
font-size: 14px;
margin-bottom: 8px;
}
.tanList .taninput{
height: 40px;
width: 100%;
display: block;
border: 1px solid #ddd;
text-indent: 10px;
background: transparent;
}
.tanBtn button{
background: #CD3301;
color: #fff;
border: none;
height: 40px;
line-height: 40px;
text-align: center;
width: 120px;
font-size: 16px;
display: inline-block;
margin-right: 30px;
outline: none;
}
.tanBtn .jizhu{
display: inline-block;
}
.tanBtn .jizhu input{
width: 14px;
margin-top: 0;
height: 14px;
display: inline-block;
vertical-align: middle;
}
.tanBtn .jizhu label{
font-size: 14px;
color: #333;
font-weight: normal;
}
.loginBox .wangji{
font-size: 14px;
margin-top: 20px;
}
.tzhuce{
display: none;
}
@media screen and (min-width: 1400px){
.container {
width: 1200px;
}
}
@media screen and (max-width: 1200px){
.product-item {
height: 233px;
}
}
@media screen and (max-width: 600px){
.loginwarp{
padding: 30px 10px;
}
.loginwarp .loginBox{
display: block;
margin: 0;
width: 100%;
}
.loginNav div{
width: 100px;
font-size: 14px;
height: 30px;
line-height: 30px;
}
.tanList label{
font-size: 13px;
font-weight: normal;
}
.tanList .taninput{
height: 30px;
font-size: 12px;
}
.tanList{
margin-bottom: 10px;
}
.tanBtn button{
width: 80px;
height: 30px;
font-size: 12px;
line-height: 30px;
margin-right: 20px;
}
.tanBtn .jizhu label{
font-size: 12px;
}
.loginBox .wangji{
font-size: 12px;
}
.numBox .number{
width: 30px;
height: 30px;
line-height: 30px;
}
.setNum{
width: 30px;
}
.setNum button{
height: 15px;
line-height: 15px;
}
.loginBox a{
width: 80px;
height: 30px;
line-height: 30px;
font-size: 12px;
}
.xztj-list .pic{
height:auto;
display:block;
}
.pro_listy{
display:block;
}
.screenBox{
border:none;
}
.youce{
background:none;
}
.youce .box{
background: rgba(255,255,255,0)
}
.product-item {
height: auto;
}
.banner .owl-controls .owl-nav div{
display:none;
}
#gMapPanel_UwpAKUWMDYfN{
width: 90% !important;
height:200px !important;
}
.gmnoprint{
display:none !important;
}
.caseHotProduct .pro-orther-title div{
font-size: 18px;
line-height: 24px;
}
.caseHotProduct{
margin-bottom: 30px;
}
.caseHotProduct .title{
font-size: 14px;
}
.newsLunbo .owl-loaded{
height: 430px;
}
.lunbolist .newstitle{
font-size: 16px;
padding-top: 10px;
}
.lunbolist .letgo{
font-size: 20px;
line-height: 30px;
width: 30px;
height: 30px;
}
.newsShow{
padding: 0;
}
.news-title{
font-size: 16px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.news-list{
padding: 20px 15px;
}
.aboutC-kaitou .title{
font-size: 16px;
padding: 15px 0;
margin-bottom: 0px;
}
.screen-item{
line-height: 36px;
}
.screen-item.cur{
background: #8c8888;
}
.product-item figure{
height: 200px;
background-color: #fff;
}
.searchuu li div a{
text-align: center;
}
.product-item figure img{
position: relative;
bottom: 50px;
height: 100%;
width: auto;
margin: 0 auto;
bottom: 0;
}
.logoBox img{
height: auto;
max-width: 180px;
}
header {
height: 60px;
padding-top: 0px;
padding-left: 0px;
}
.logoBox, .searchBox, .language{
padding: 0;
padding-top: 5px;
}
.logoBox{
width: auto;
padding-right: 0;
padding-top: 6px;
height: 54px;
overflow: hidden;
padding-left: 20px;
}
header .nav,.language .lc-email{
display: none;
}
.searchBox{
width: 17%;
width:auto;
}
#rollnews .time{
display: none;
}
#rollnews .title{
width: 100%;
}
.index_jianjie{
margin-top: 0px;
}
.youce .box h5{
display:none;
}
.youce .pan-skypeBox{
bottom:inherit;
top:0;
}
.pan-contact .pan-skypeBox li:first-child{
display:none;
}
.index_jianjie_list .index_jianjie_mark{
opacity: 1;
}
.index_jianjie_list .onv-title{
bottom: 50%;
transform: translateY(50%) translateX(-50%);
-webkit-transform: translateY(50%) translateX(-50%);
-moz-transform: translateY(50%) translateX(-50%);
-ms-transform: translateY(50%) translateX(-50%);
color: #fff;
}
.index_common_box{
padding: 20px 0;
}
.index_contact_btn{
width: 160px;
line-height: 40px;
height: 40px;
margin: 0 auto;
margin-bottom: 30px;
font-size: 16px;
margin-top: 30px;
}
.about_vidoe video{
height: 186px;
}
.accordion .accordion-li{
float: none;
margin-bottom: 20px;
overflow: hidden;
width: 100% !important;
}
.accordion .accordion-li .accordion-img{
width: 100%;
height: auto;
}
.accordion .accordion-li .accordion-content, .accordion .accordion-li .accordion-title, .accordion:hover .accordion-li li.active .accordion-title, .accordion:hover li.active .accordion-li .accordion-title{
opacity: 1;
}
.accordion .accordion-li .accordion-title{
font-size: 14px;
margin-top: 0;
}
.accordion .accordion-li .accordion-content{
font-size: 12px;
margin-top: 0;
}
.accordion .accordion-li .accordion-description{
height: auto;
bottom: 0;
margin-bottom: 0;
}
.accordion{
height: auto;
}
.accordion [data-name=accordion]{
border: none;
}
.footer_link_list{
width: 50%;
float: left;
}
.Keep_onrecord{
float: right;
width: 100%;
text-align: center;
}
.footer-share{
float: left;
width: 100%;
text-align: center;
}
.scrollTopBtn{
display: none;
}
.footer-down{
padding: 5px 0;
}
.aboutNav{
position: static;
background: #fff;
}
.aboutNav li a{
color: #333;
line-height: 36px;
}
.aboutNav li.cur{
border-bottom: 2px solid #fff;
}
.aboutNav li:hover{
border-bottom: 2px solid #fff;
}
.aboutNav li.cur a{
color: #F70000;
}
.aboutNav li{
height: 42px;
padding: 0 10px;
display: block;
float: none;
margin: 0;
background: #ECECEC;
border-bottom: 2px solid #fff;
}
.aboutNav ul{
text-align: left;
overflow-x: auto;
white-space: nowrap;
padding: 10px 5px;
border-bottom: 2px solid #666;
}
.newsBody{
padding: 10px 0 20px;
}
.newsBody .title{
padding-left: 10px;
margin-bottom: 0;
padding-bottom: 0;
}
.lunbolist .pic{
width: 100%;
height: auto;
}
.lunbolist .txt{
width: 100%;
padding: 0;
}
.newsAll{
margin-right: 0;
margin-left: 0;
}
.articleBody .title{
font-size: 20px;
padding: 0;
padding-bottom: 20px;
line-height:30px
}
.articleBody{
padding: 30px 10px 50px;
overflow: hidden;
}
.articleBody img{
width: 100% !important;
height: auto !important;
}
.articleBody table{
width: 100% !important;
}
html,body{
height: auto;
overflow-x: hidden;
}
.shangxia{
padding: 20px;
}
.screen-column{
padding-left: 0;
}
.screen-type{
position: static;
width: 100%;
}
.screen-column:first-child .screen-list{
padding-left: 0;
}
.screen-item{
float: none;
margin-right: 0;
}
.screen-list{
width: 100%;
padding: 10px;
padding-left: 0;
display:none;
}
.pro-list,.pro-jiben>.col-md-6,.pro-left .box{
width:100%;
}
.pro-list.owl-theme .owl-controls{
text-align: center;
}
.pro-left .pro-title{
font-size: 20px;
}
.pro-jiben>.pro-left{
margin-top:20px;
}
.pro-nav li.cur{
border-bottom: 1px solid #fff;
}
.pro-nav li{
display: block;
float: none;
width: 100%;
background: #ECECEC;
border-radius: 0;
color: #333;
border: 1px solid #fff;
margin: 0;
}
.pro-nav ul{
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
padding: 0 5px;
}
.pro-related-list .item{
padding: 0 10px;
font-size: 14px;
}
.pro-related-list .title{
font-size: 14px;
}
.caseSulotion{
padding: 20px 10px 40px;
}
.case-characteristic .item{
transition: none;
position: static;
margin-bottom:15px;
}
.pain-list{
padding-left: 60px;
}
.pain-icon img{
width:40px;
}
.hotProduct{
padding:0;
}
.case-demand{
padding: 20px 10px;
}
.case-demand-list,.case-demand-list .row{
margin:0;
}
.case-demand-list .row{
padding:0;
}
.case-demand-list .item{
padding-right: 0;
}
.case-topology{
padding-bottom: 30px;
}
.case-program{
padding-top: 10px;
}
.item-txt{
padding:20px 10px;
}
.case-program-list .row{
margin:0;
}
.case-background{
padding: 20px 10px 30px;
}
.case-background img{
width:100% !important;
height:auto !important;
}
.case-solution{
width:100%;
padding:0;
}
.case-sulotion-main {
padding: 30px 10px;
}
.case-Program2 .txt{
width:100%;
padding:0 10px;
}
.case-Program2-con .item-txt,.case-Program2-con .item{
padding:0 10px;
}
.case-Program2 .row{
margin:0;
}
.shuzi{
display:none;
}
.aboutC{
padding:0 10px;
background: #fff;
}
.aboutC-kaitou{
padding:0;
}
.aboutC-list .item-txt,.aboutC-teshu .col-sm-4{
padding:20px 10px;
}
.ab-main{
position: static;
}
.ab-main .txt{
padding: 10px;
width: 100%;
color: #333;
}
.ab-main .ab-shuzi{
padding: 10px;
width: 100%;
color: #333;
text-align: left;
}
.ab-main .ab-shuzi span{
color: #333;
font-size: 40px;
}
.aboutC-teshu .sbte{
margin-top: 20px;
}
.aboutC-teshu .sbte .gd-count{
font-size: 40px;
color: #333;
}
.aboutC-teshu .sbte span{
font-size: 30px;
color: #333;
}
.aboutC-teshu .sbte p{
color: #333;
}
.appFocusBox{
display: block;
padding:0 10px;
margin-bottom: 30px;
}
.appFocusBox li .pic img{
width: 100%;
}
.appFocusBox li{
margin-bottom: 10px;
width: 50%;
float: left;
padding: 0 5px;
}
#focus_Box{
display: none;
}
.onvHonorMain{
padding: 20px 0;
}
.honor-list{
width: auto;
}
.honor-list{
display: none;
}
.honor-list.apphonor-list{
display: block;
padding: 0 30px;
}
.onvHonor .row{
margin: 0;
}
.apphonor-list.owl-theme .owl-controls .owl-nav div.owl-next{
left: inherit;
right: 30px;
}
.apphonor-list.owl-theme .owl-controls .owl-nav div{
font-size: 40px;
width: 30px;
height: 60px;
line-height: 60px;
left: -30px;
font-family: "宋体";
font-weight: bold;
}
.onvContact{
padding: 30px 10px;
}
.stay_input_list div{
text-align: left;
}
.contact-form{
padding: 20px 10px;
}
.submitBtn{
text-align: center;
}
.submitBtn button{
margin-left: 0px;
}
.baoxiudiv{
padding: 30px 15px;
}
.downloadall{
padding: 0 10px;
}
.xiazainav{
padding: 10px;
}
.onvvideonav{
padding: 10px;
background: #F2F2F2;
}
.xiazainav li,.onvvideonav li{
width: 48%;
margin-right: 4%;
font-size: 12px;
margin-bottom: 10px;
}
.xiazainav li a,.onvvideonav li a{
padding: 0 5px;
font-size: 14px;
}
.xiazainav li:nth-child(even),.onvvideonav li:nth-child(even){
margin-right: 0;
}
.onvvideonav li{
background: #fff;
}
.xiazaialllist{
padding: 20px 10px;
}
.searchPb{
width: 90%;
margin: 0 auto;
padding-right: 60px;
}
.searchSubmitBtn{
width: 60px;
font-size: 12px;
line-height:38px;
}
.searchPb .searchInput{
line-height: 38px;
font-size: 12px;
height: 40px;
}
.onvqnaMain{
margin-top: 0px;
padding: 20px 10px;
}
.onvqnaMain .container{
padding:0px;
}
.index_jianjie_list{
margin-bottom: 5px;
padding: 30px 30px 0;
}
.appNav{
display: block;
}
.index_common_box .index_title h3{
font-size: 16px;
}
.index_products{
margin-top:0;
}
.index_products .list .pic{
padding: 0px;
height: 70%;
}
.index_products .list .lcdd{
height: 30%;
}
.index_products .list .lcbox{
height: 200px;
}
.index_products .list a{
position: static;
transform: translateX(0%);
-webkit-transform: translateX(0%);
left:0;
padding: 5px;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/* border:none; */
}
.index_products .list{
height: auto;
margin-bottom: 20px;
}
.index_products .list .lc-txt{
position: static;
transform: translateX(0%);
-webkit-transform: translateX(0%);
font-size: 12px;
}
.index_products .list:hover .lcbox{
box-shadow: none;
-webkit-box-shadow: none;
}
.index_products .list:hover img{
transform: scale(1);
-webkit-transform: scale(1);
}
.index_about .index_title h3{
font-size: 16px;
}
.index_about_txt .onv_title h3{
font-size: 14px;
}
.accordion{
margin-top: 0px;
}
.newProducts{
padding-top: 0;
}
.index_newPro_banner{
margin: 20px 0;
}
.accordion .accordion-li .accordion-icon{
display: none;
}
.accordion .accordion-li .accordion-description{
opacity: 0.9;
position: static;
}
.index_newPro_item .onv_url{
font-size: 16px;
text-align: center;
padding: 0 20px;
white-space: nowrap;
max-width: 100%;
width: 100%;
transform: translateX(0%);
-webkit-transform: translateX(0%);
position: static;
display: block;
margin-bottom: 20px;
}
.footer_link {
padding-top: 0px;
}
.footer_link_title{
font-size: 16px;
margin-bottom: 0;
font-family: arial !important;
}
.footer_link_item{
float: left;
margin-right: 5px;
margin-bottom: 2px;
}
.footer_link_list{
width: 100%;
height: auto;
padding: 5px 10px;
}
.footer_link_list ul{
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.footer-contact{
display:none;
}
.footer-down{
padding: 25px 0;
}
.footer-share{
margin-bottom: 20px;
}
.searchBtn{
background-image: url(../images/onvsouso.png);
width: 30px;
}
.searchInputDiv{
top: 64px;
left: 5%;
position: fixed;
width: 90%;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
.searchTop .searchPageBox{
padding-bottom:0;
}
.searchuu li .pic{
height:auto;
}
.searchBox .searchInputDiv form{
padding-right: 60px;
}
.searchBox .searchInputDiv .searchInput{
height: 38px;
}
.searchInputDiv{
height: 40px;
}
.language .language_link{
float: right;
}
.pro-nav-main{
overflow-x: auto;
}
.pro-nav-main table{
width:100% !important;
margin: 0 !important;
}
.pro-nav-main table *{
font-size:12px !important;
}
.header.cur{
background: rgba(255,255,255,1);
overflow: auto;
}
.appNavUl{
width: 100%;
max-height:500px;
overflow-y:scroll;
}
.header.cur .appNavUl{display:none;}
.appNavUl a{
line-height: 40px;
}
.pro-detail{
padding-top: 20px;
}
.pro-left .pro-title{
margin-bottom: 10px;
}
.pro-left .pro-jianjie{
padding-top: 15px;
}
.pro-jiben{
margin-bottom: 0px;
}
.pro-file-box .list .box,.pro-related-list .title{
padding: 0;
}
.pro-file-box .title{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.pro-nav-main{
padding:10px;
min-height: 60px;
}
.footer-logo{
padding-top: 0px;
}
.footer-top{
height: 50px;
padding:0 10px;
}
.pro-file-box {
margin-right: -5px;
margin-left: -5px;
}
.proMark .contact-form{
width:90%;
position: fixed;
}
.stay_input_list textarea{
width: 100%;
height: 81px;
}
.stay_input_list input{
width: 100%;
}
.proMark{
position: absolute;
}
.stay_input_list{
margin-bottom: 0px;
}
.proMark .submitBtn button{
margin-top:10px;
}
.searchBox{
position: relative;
left: 30px;
margin-left: 0px;
margin-right: 15px;
height: 54px;
}
.indexNewsL{
padding:0 10px;
}
.onvHonor{
padding-top:20px;
}
.language{
position: relative;
left: 30px;
width: auto;
}
.index_jianjie_mark{
padding: 26px 16px;
}
.onv-title div a{
font-size: 14px;
}
.headertidai{
height: 60px;
}
.index_newPro_banner img{
width: 191%;
max-width: inherit;
transform: translate(-21%);
}
.footer-logo img{
max-width: 190px;
margin-top: 0px;
}
.footer_link_list+.footer_link_list{
border-left:none;
}
.footer-down{
border:none;
}
.footer_link_item a{
font-family: arial !important;
}
.onvHonorMain>.title,.case-demand-title,.case-solution-title,.case-Program2-title{
font-size: 20px;
margin-bottom: 10px;
}
.caseMain .location{
display:none;
}
.caseContent{
padding: 20px 10px;
}
.caseContent img{
width: 150%;
transform: translateX(-18%);
max-width: inherit;
}
.case-back-txt{
margin-bottom: 30px;
}
.case-Program2 .row .pic{
text-align: center;
padding: 20px 0;
}
.case-Program2 .row .pic img{
width: 200px;
}
.case-Program2{
padding-top:20px;
}
.pain-right .title{
font-size: 14px;
}
.pain-right .content{
line-height: 22px;
}
.case-background img{
transform: translateX(-17%);
-webkit-transform: translateX(-17%);
-moz-transform: translateX(-17%);
-o-transform: translateX(-17%);
width: 143% !important;
max-width: inherit;
}
#pcarousel{
display:none;
}
.footer-appk{
display:block;
padding-top: 18px;
padding-right: 0px;
}
.footer-appk div{
font-size:12px;
color:#333;
text-align: right;
}
.footer-appk a{
color:#333;
font-size:12px;
display: block;
line-height: 30px;
}
}
@media screen and (max-width: 350px){
.searchBox{
left: 0px;
}
.searchBtn,.searchBox{
margin-right: 0px;
}
.language{
left: 0px;
}
}