@charset "utf-8";
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, font, 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, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
html, body {  width: 100%; height: 100%; -webkit-text-size-adjust: none; }
body { line-height: 1; }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
a { text-decoration: none; color: #666 }
body { font-family: Arial, Microsoft Yahei; font-weight: 300; color: #333; background: #ededed; }
#switcher { height: 54px; z-index: 99999; position: fixed; width: 100%; top: 0; background: #000; }
.center { width: 100%; padding-top: 0 }
.center ul li { display: inline; float: left; position: relative }
.logoTop, .top2 { margin-left: 30px; margin-top: 20px; color: #fff; font-weight: bold; font-family: "微软雅黑" }
.top2 { position: relative; margin-top: 16px; font-size: 12px; font-weight: normal; background-image: url(../images/2vm.png); background-repeat: no-repeat; background-position: 3px center; height: 20px; padding-left: 25px; line-height: 20px; border: 1px solid #414141; padding-right: 5px; border-radius: 5px; }
.vm { position: absolute; top: 20px; left: 0px; background-color: #fff; height: 170px; width: 150px; display: none; padding: 30px; }
.top2:hover .vm { display: block }
.logoTop a:hover { text-decoration: underline }
li.remove_frame { margin-left: 17px; float: right!important; margin-right: 30px }
li.remove_frame a { background: url(../images/cross2.png) no-repeat 0 0; width: 20px; height: 21px; display: block; margin-top: 18px; transition: all .3s ease-out 0s }
li.remove_frame a:hover { background-position: 0 -21px }
#iframe { margin-top: 0 }
.icon-monitor, .icon-tablet, .icon-mobile-1, .icon-mobile-2, .icon-mobile-3 { margin-right: 7px; margin-top: 20px; width: 17px; height: 16px; background: url(../images/mon-spr.png) no-repeat; }
.icon-monitor { margin-left: 10px; background-position: 0 0; }
.icon-tablet { background-position: -24px 0 }
.icon-mobile-1 { background-position: -49px 0 }
.icon-monitor:hover, .icon-monitor.active { background-position: 0 -16px }
.icon-tablet:hover, .icon-tablet.active { background-position: -24px -16px }
.icon-mobile-1:hover, .icon-mobile-1.active { background-position: -49px -16px }
.icon-mobile-2 { background-position: -71px 0 }
.icon-mobile-3 { background-position: -94px 0 }
.icon-mobile-2:hover, .icon-mobile-2.active { background-position: -71px -16px }
.icon-mobile-3:hover, .icon-mobile-3.active { background-position: -94px -16px }
#iframe-wrap { height: 100%; overflow: visible; position: relative; top: 54px; z-index: 50 }
.tablet-width { height: 960px!important; margin: 0 auto; padding: 175px 100px 115px 100px; width: 785px; margin-top: 40px; background: url(../images/bg-mob.png) no-repeat 0 0 }
.tablet-width iframe { height: 960px!important }
.mobile-width { height: 703px!important; margin: 0 auto; padding: 165px 115px 100px 100px; width: 1041px; margin-top: 40px; background: url(../images/bg-mob.png) no-repeat 0 -1249px }
.mobile-width iframe { height: 704px!important }
.mobile-width-2 { height: 417px!important; margin: 0 auto; padding: 125px 25px 159px 25px; width: 337px; margin-top: 40px; background: url(../images/bg-mob.png) no-repeat 0 -2217px }
.mobile-width-2 iframe { height: 416px!important }
.mobile-width-3 { height: 256px!important; margin: 0 auto; padding: 45px 115px 69px 105px; width: 497px; margin-top: 40px; background: url(../images/bg-mob.png) no-repeat -387px -2217pxoverflow: hidden; }
.mobile-width-3 iframe { height: 256px!important }
#by { overflow-y: hidden }
.top_nav{ /*height:6.4em;*/ background: #444;}

.navbar {/* background: rgba(0,0,0,.8);*/background: url(../images/top_bg.png) repeat; height:6.4em; }
.navbar .container { position: relative;  height:6.4em;}
.navbar .container .logo { margin-top:.5em;}
.logo img {  display: inline-block; padding: 8px 0; width:72%;}
.owl-theme .owl-dots { position: relative; z-index: 20; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: -2.5rem; }
.f16 { font-size: 1rem; }
#nav-menu { margin-left: 5%; float: left; }
#nav-menu .menu { font-size: 0; z-index: 1000;   }
#nav-menu .menu li.stmenu { display: inline-block; font-size: 0.875rem; line-height:6.4rem; position: relative; }
#nav-menu .menu li.stmenu a.xialaguang { display: inline-block; padding: 0 2rem; color: #fff; font-size: 18px; }
#nav-menu .menu li i { display: inline-block; margin-left: 5px; width: 1px; height: 12px; background: #fff; transform: skew(-30deg) }
a.xialaguang.navhover { background: #000; }
.children { position: absolute; width:10rem; background: rgba(0,0,0,.6); text-align: left; display: none; left: 0; top: 100%; z-index: 1000; }
.children a { color: #fff; display: block; padding: 0 2rem; }
.children li { height: 3rem; line-height: 3rem; }
.children a:hover { background: #f91e00; }
.top-dh { position: absolute; height: 2.125rem; right: 0; top: 2.1rem; background: #d80808; padding: 0 1rem; line-height: 2.125rem; color: #fff; }
.top-dh i { margin-right: 6px; }
#owl-demo { overflow: hidden; }
#owl-demo .item img { width: 100%; height: auto;display: inline-block}
.item { position: relative; z-index: 1; width: 100%;position: relative;outline: none;height: 100%;}
@media screen and (max-width: 960px) {
    .item { position: relative; z-index: 1; width: 100%;position: relative;outline: none;height: 100%;}

}



.banner_a{width:100%; height:100%; float:left; }
.banner_a img{width:100%; height:100%;position:absolute}












.item_zhao{width: 100%;height:auto;}
.item_zhao img{width:100%; height:auto;}

@media screen and (max-width: 960px) {
    .item_zhao{width: 100%;height: 92px;}
    .item_zhao img{width:100%; height:auto;}
}







.page-tit { position: absolute; font-size: 2.5rem; text-shadow: 0 2px 6px rgba(0,0,0,.8); color: #fff; z-index: 10; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.owl-theme .owl-controls { }
.top { position: relative; }
.columns-box { padding: 2rem 0; text-align: center; }
.columns-box li { width: 25%; float: left; box-sizing: border-box; padding: 0 1.5rem; }
.columns-box h2 { font-size: 1.2rem; }
.columns-box li i.iconfont { font-size: 3rem; }
.columns-box li p { font-size: 0.875rem; padding-top: .3rem;
}
.columns-box li a { display: inline-block; }
.columns-box li a:active, .columns-box li a:hover { color: #d80808; }
.nav-logo { position: absolute; right: 1rem; top:1rem; display: none; z-index: 99999; }
.nav-logo span { width:28px; height:3px; background: #fff; display: block; margin-bottom: 5px; }
.mobile-nav { height: 100%; background: #333; position: fixed; right: -200px; top: 3.3rem; width: 200px; overflow: hidden; display: none; }
.mobile-nav ul { padding: 5px 0; }
.mobile-nav a { display: block; border-bottom: 1px #999 solid; height: 40px; line-height: 40px; padding-left: 5px; color: #fff; padding: 0 25px; font-size: 15px; }
.mobile-nav a:active { background: #fff; color: #333; }
@media only screen and (max-width: 50em) {
    .cpxq-img, .cpxq-txt { width: 100%; }
    .cpxq-txt { padding-left: 0; padding-top: 1rem; }
    .product-content-body { width: 100%; }
    .product-hot { width: 100%; margin-top: 1.2rem; }
    .product-hot li { width: 50%; float: left; padding: 0 1.5rem; }
    .product-hot .case-list .item { width: 50%; float: left; }
    .top-dh { display: none; }
    #nav-menu { margin-right: 0; }
    .map { width: 100%; }
    .lx-txt { width: 100%; padding-left: 0; }
    .foot-02 { display: none; }
    footer .met-footer { width: 50%; }
    .columns-box li { width: 50%; padding: 0 1rem 1rem; }
    .abouts-imgs { width: 100%; display: block; min-height: 350px; }
    .info-list li { width: 50%; }
    .product-box figure { width: 50%; }
    .case-list .item { width: 50%; }
}
@media only screen and (min-width: 30.0625em) and (max-width: 47em) {
    .navbar { height: 3.75rem; position: relative !important; overflow: hidden; background:rgba(0,0,0,.8); }
    #nav-menu { display: none; }
    .nav-logo { display: block; }
    .logo img { width:45%; padding: 0.3rem 0; }
    .abouts-text h2.h2 { margin-bottom: 1rem; }
    .foot-01 { display: none; }
    .foot-02 { display: none; }
    footer .met-footer { width: 100%; }
    .column-nav li a { padding: .5rem 1rem;
    }
    .news-nav ul { width: 100%; }
    .input-search { width: 100%; margin-top: 0; margin-bottom: 1rem; }
    #owl-demo .item img { min-height: 15rem; }
    .value-box { background-size: cover; }
}
@media only screen and (max-width: 30em) {
    .nav-logo { display: block; }
    .top_nav{ height:3.3em;}
    .navbar { height: 3.3rem; position:fixed !important; overflow: hidden; background:rgba(0,0,0,.8); }
    #nav-menu { display: none; }
    .abouts-text h2.h2 { margin-bottom: 1rem; }
    .logo img { width:40%; padding: 0.3rem 0; }
    .abouts-imgs { width: 100%; display: block; min-height: 200px; }
    .foot-01 { display: none; }
    .foot-02 { display: none; }
    footer .met-footer { width: 100%; }
    .links { display: none; }
    .column-nav li a { display: block; }
    .column-nav li { width: 48%; }
    .product-box figure { width: 100%; }
    .product-box { margin-top: 1rem; }
    .case-list { margin-top: 0; }
    .case-list .item { width: 100%; }
    .news-nav ul { width: 100%; }
    .input-search { width: 100%; margin-top: 0; margin-bottom: 1rem; }
    dl.news-ajax dd p { max-height: 2.8125rem; }
    dl.news-ajax dt { width: 6.25rem; }
    dl.news-ajax dd { margin-left: 7.25rem; }
    dl.news-ajax { padding-bottom: 1rem; margin-bottom: 1rem; }
    .product-hot li { width: 100%; padding: 0; }
    .product-hot { padding: 1rem; }
    #owl-demo .item img { }
    .para li { width: 100%; }
    h1 { font-size: 1rem; }
}
@media only screen and (max-width: 21em) {
    dl.news-ajax dd p { max-height: 2.8125rem; }
    dl.news-ajax dt { display: none; }
    dl.news-ajax dd { margin-left: 0; }
    dl.news-ajax h2 { white-space: normal; text-overflow: clip; }
}
.tel { width:18%; background:rgba(0,0,0,.4); height:6.4em; display: block; position: absolute; right: 0; top: 0; z-index: 1000; text-align:center; }
.tel .tel_p1 i{ color:#fff; margin-right:3px; }
.tel .tel_p1{ color:#f91e00; font-weight:bold; font-size:23px; margin-top:1.3em; }
.tel .tel_p2{ color:#fff; font-size:15px; margin-top:.5em;}

.yanyu_color{ color:#f91e00 !important;}


/*首页标语*/
.biaoyu { padding: 80px 0; background: url(../images/content01_bg.jpg) center top no-repeat; background-color: transparent !important; background-attachment: fixed !important; overflow: hidden;height:480px;}
.biaoyu_con { position: absolute; z-index: 100; left: 0; top: 13%; width: 100%; }
.biaoyu01 { width: 50%; position: relative; float: right; }
.biaoyu01 img { width: 100%; display: block; }
.biaoyu_ul { width: 25%; text-align: center; background: #ededed; display: table; padding-top: 4em; padding-bottom: 4.5em; box-shadow: rgba(0,0,0,.3) 0 0 10px; -webkit-box-shadow: rgba(0,0,0,.3) 0 0 10px; -ms-box-shadow: rgba(0,0,0,.3) 0 0 10px; -o-box-shadow: rgba(0,0,0,.3) 0 0 10px; -moz-box-shadow: rgba(0,0,0,.3) 0 0 10px; float: left; border: #ddd 1px solid; }
.biaoyu_ul_01 { width: 25%; text-align: center; background: #474747; display: table; padding-top: 4em; padding-bottom: 4.5em; box-shadow: rgba(0,0,0,.3) 0 0 10px; -webkit-box-shadow: rgba(0,0,0,.3) 0 0 10px; -ms-box-shadow: rgba(0,0,0,.3) 0 0 10px; -o-box-shadow: rgba(0,0,0,.3) 0 0 10px; -moz-box-shadow: rgba(0,0,0,.3) 0 0 10px;  float: left;  border: #ddd 1px solid;}
.biaoyu_ul_li01 { font-size: 32px; color: #f91e00; margin-bottom: 1em; }
.biaoyu_ul_li01 span { font-size: 12px; display: block; margin: .3em 0; }
.biaoyu_ul_li02 { color: #666; font-size: 15px; line-height: 1.5; }
.biaoyu_ul_li03 { color: #dadada; font-size: 15px; line-height: 1.5; }
.biaoyu_ul:hover, .biaoyu_ul_01:hover { transition: .3s all; transform: scale(1.2); }
.byr_text { position: absolute; z-index: 100; right: 5%; top: 38%; }
.byr_text strong { color: #f91e00; font-size: 40px; display: block; margin-bottom: .5em; }
.byr_span01 { color: #000; background-color: #9ea4a3; text-align: right; float: right; display: table; position: relative; line-height: 1.5; }
.byr_span01 .span01_i { width: 0; height: 0; border-top: 5px solid transparent; border-right: 10px solid red; border-bottom: 5px solid transparent; float: left; position: absolute; left: -20px; bottom: 14%; }
.byr_span01 .span02_i { width: 0; height: 0; border-top: 5px solid transparent; border-right: 10px solid red; border-bottom: 5px solid transparent; float: left; position: absolute; left: -30px; bottom: 14%; }
.byr_text_1024 { display: none; }
/*首页标语*/

/*首页视频*/
.home_video { background: url(../images/video_bg.jpg) center top no-repeat fixed; padding: 260px 0 250px; overflow: hidden; background-size: cover; background-color: transparent ; width:100%;}


.section-video-link { z-index: 10; background: none; }
.section-content { position: relative; text-align: center; }
.section-content-play { display: block; margin-bottom: 35px; }
.section-content-text { font-size: 36px; color: #fff; margin-bottom: 0; }
/*首页视频*/

/*首页案例切换*/
.case_table { width: 100%; background: url(../images/case_bg.png) center top no-repeat; padding: 100px 0 100px; }
.case_title { text-align: center; color: #1d1d1d; font-size: 50px; margin-bottom: .6em; font-weight: bold; }
.case_double { width:70%; border-top: #f91e00 1px solid; border-bottom: #f91e00 1px solid; height: 4px; position: relative; display: table; margin:0 auto 5em auto; }
.case_double_p { position: absolute; padding: 2px 30px; border-radius: 30px;  -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;  -ms-border-radius: 30px;background: #f91e00; color: #fff; left: 50%; margin-left: -110px; font-size: 22px; top: -27px; z-index: 10; border: #ededed 10px solid; display:block; line-height: 26px; }
.case_double_p i { color: #fff; margin-right: 5px; }
.case_tab { width: 100%; }
.case_tab .forum { width: 100%; display: table; }
.case_tab .forum #menu2 { overflow: hidden; }
.case_tab .forum #menu2 #nav2 { display: block; width: 100%; padding: 0; margin: 0; list-style: none; margin-bottom: 32px; text-align: center; }
.case_tab .forum #menu2 #nav2 li { display: inline-table; margin: 0 10px; background: #fff; }
.case_tab .forum #menu2 #nav2 li a { display: block; text-decoration: none; text-align: center; color: #444; font-size: 14px; padding: 1.3em 1.3em; font-size: 18px; }
.case_tab .forum #menu2 #nav2 li a i { display: block; text-align: center; color: #666; font-size: 46px; margin-bottom: .3em; }
.case_tab .forum #menu2 #nav2 li a:hover { color: #333; background: #f91e00; }
.case_tab .forum #menu2 #nav2 li a:hover i { color: #333; }
.case_tab .forum #menu2 #nav2 li a.selected2 { background: #f91e00; color: #333; }
.case_tab .forum #menu2 #nav2 li a.selected2 i { color: #333; }
.case_tab .forum #menu2 #menu_con1{transition:all .6s ease-out;}



.line-middle { width: 98%; margin: auto; }
/* 图片展示*/
.fh5co-gallery .gallery-item { position: relative; overflow: hidden; display: block; z-index: 110; }
.gallery_b{ display:none;}
.fh5co-gallery .gallery-item img { position: relative; width: 100%; transition:all 0.8s ease-out; }
.fh5co-gallery .gallery-item img:hover {transform: scale(1.2);}
.fh5co-gallery .gallery-item .overlay { position: absolute; right: 0; left: 0; bottom: 0; top: 0; z-index: 11; vertical-align: middle; visibility: hidden; opacity: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; transform: rotateX(0); width:0; }
.fh5co-gallery .gallery-item .overlay h3, .fh5co-gallery .gallery-item .overlay p, .fh5co-gallery .gallery-item .overlay .bnt-case { position: relative; z-index: 12; text-align: center; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.fh5co-gallery .gallery-item .overlay h3 { color: #F4F4F4; font-size: 26px; font-weight: 700; padding-top:23%; margin-bottom: 16px; }
.fh5co-gallery .gallery-item .overlay p { color: #F4F4F4; font-size: 14px; padding: 3px 5px; }
.fh5co-gallery .gallery-item .bnt-case { width: 100px; height: 30px; line-height: 30px; cursor: pointer; display: block; font-size: 24px; margin: 30px auto; text-align: center; border: 1px solid #F4F4F4; color: #F4F4F4; ecshop: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.fh5co-gallery .gallery-item .bnt-case:hover { background: #F4F4F4; color: #D61919; }
.fh5co-gallery .gallery-item:hover .overlay { visibility: visible; opacity: 1; width:100%;transition: 0.5s; transform: rotateX(100);   }
.fh5co-gallery .gallery-item:hover .overlay:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background:rgba(231,0,18,.9);  background:rgba(0,0,0,.6); }

/* 首页案例切换 end*/

/* 设计创造价值*/
.design_value { width: 100%; background: url(../images/img_02.jpg) center top no-repeat; }
.value_img { margin-left: 5%; float: left; margin-top:1.8em; margin-bottom: 1.6em; width: 69%; }
.value_right { width: 231px; float: right; }
.value_right img { width: 100%; display: block;}
/* 设计创造价值 end*/


/*7大实用功能*/

.seven {background: url(../images/seven_bg.jpg) center top no-repeat fixed; background-size:cover;  padding: 80px 0; }
.case_title_seven{text-align: center; color: #fff; font-size: 50px; margin-bottom: .7em; font-weight: bold; }
.seven_span_110{ font-size:114px; position:relative; bottom:-15px;}
.case_double_p_seven { position: absolute; padding: 2px 30px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;  -ms-border-radius: 30px;background: #f91e00; color: #000; left: 50%; margin-left: -100px; font-size: 22px; top: -23px; z-index: 10; border: #1a1a1a 8px solid; display: block; line-height: 26px;  }
.case_double_p_seven i { margin-right: 5px; }
.seven_img{ width:100%; margin:auto;}
.seven_img img{width:100%; display:block;}
.border_8{ border:#232323 8px solid; color:#333;}
/* 7大实用功能 end*/


/*4大特效*/

.four_tx { padding:120px 0 80px 0; background: url(../images/four_tx_bg.jpg) center top no-repeat; background-size:cover; overflow: hidden; position: relative; }
.four_tx_01{width:90%; margin:80px auto; display:table;}
.ftx_01{width:48%; margin-right:1%; margin-left:1%; margin-bottom:20px; position:relative; height:86px; background:#d7d6d6; -webkit-animation-delay: 0.1s;-moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; visibility: hidden; float:left;}
.ftx_02{width:48%;  margin-right:1%; margin-left:1%;margin-bottom:20px; position:relative; height:86px; background:#d7d6d6; -webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden;float:left;}
.ftx_03{width:48%;  margin-right:1%; margin-left:1%; position:relative; height:86px; background:#d7d6d6; -webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay:0.5s; visibility: hidden;float:left;}
.ftx_04{width:48%; margin-right:1%; margin-left:1%; position:relative; height:86px; background:#d7d6d6; -webkit-animation-delay: 0.7s;-moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; visibility: hidden;float:left;}
.wow_span01{width:86px; height:86px; line-height:86px; display:block; text-align:center; color:#fff; text-shadow:rgba(0,0,0,.3) 5px 3px 0; background:#f91e00; font-size:51px; font-weight:bold; position:relative; float:left; z-index:10; }
.wow_span01:before{ content:""; width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid red; border-bottom: 5px solid transparent; position: absolute; right:-10px; top:50%; margin-top:-5px; }
.wow_div02{ font-size:24px; line-height:86px; text-align:center; color: #444; }
/* 4大特效 end*/



/* 4大招商 end*/
.four_zs { padding:120px 0 100px; background: url(../images/four_tx_bg.jpg) center top no-repeat; background-color: transparent; background-attachment: fixed; overflow: hidden;  background-size:cover; }
.four_zs strong{  float:left;width:54px;}
.four_zs strong img{  width:90%;}
.zs_center{width:280px; margin:auto;}
.zs_span01{ font-size:18px; color:#666; padding-top:1em;}
.zs_span02{ font-size:22px; color:#666; font-weight:bold; padding-top:5px;}
.zs_div{ margin:50px 0 0 0; text-align:center;}
.zs_div ul li{ width:25%; position:relative; text-align:center; float:left;}
.zs_div ul li:before{content:""; width:1px; height:50%; background:#f91e00; position:absolute; right:0; top:40%; bottom:10%;}
.b_none:before{ display:none;}

.zs_div ul li i{ font-size:45px; color:#f91e00; display:inline-block; margin:20px 0;}
.zs_div ul li p{ font-size:22px; color:#666; margin:10px 0;}
.zs_a{ font-size:22px; color:#000; padding:12px 65px; display:inline-block; margin:60px auto 0; border-radius:100px; background:#f91e00; text-align:center;}

/* 4大招商 end*/


/* 供应商链接*/

.case_tab_link { width: 100%; padding:80px 0; }
.case_tab_link .forum { width: 100%; display: table; }
.case_tab_link .forum #menu2 { overflow: hidden; }
.case_tab_link .forum #menu2 #nav2 { display: block; width: 100%; padding: 0; margin: 0; list-style: none; margin-bottom: 32px; text-align: center; }
.case_tab_link .forum #menu2 #nav2 li { display: inline-table; margin: 0 10px; }
.case_tab_link .forum #menu2 #nav2 li a { display: block; text-decoration: none; text-align: center; color: #000;  padding: 1.2em 6em; font-size: 16px; font-weight:bold; border:#ccc 1px solid; }
.case_tab_link .forum #menu2 #nav2 li a:hover { color: #fff; background: #000;  border:#000 1px solid;}
.case_tab_link .forum #menu2 #nav2 li a.selected { background: #000; color: #fff; border:#000 1px solid; }
.case_tab_link .forum #menu2 #nav2 li a.selected i { color: #333; }
.line-middle { width: 98%; margin: auto; }
.case_tab_link .forum .tags{width:96%; margin:auto;}

/* 供应商链接 end*/



/* vs*/

.vs{ padding:120px 0; background: url(../images/vs_bg.jpg) center top no-repeat; background-color: transparent; background-attachment: fixed; overflow: hidden; background-size:cover;}

/* vs end*/

/* 核心竞争力*/

.jzl{ padding:100px 0 0 0; /*background: url(../images/t66.png) center top no-repeat;*/ background-color: transparent; background-attachment: fixed; overflow: hidden; background-size:cover;}
.case_title_jzl{text-align: center; color: #999; font-size: 50px; margin-bottom: .7em; font-weight: bold; }

/* 核心竞争力 end*/

/* news*/

.home_news{ padding:120px 0; overflow: hidden;}
.home_div dl{width:30.3%; margin-right:3%; float:left; background:#fff;}
.home_div dl:hover{background:#f8f8f8;transition:all .6s ease-out;}
.home_div dl dt{ position:relative;}
.home_div dl dt img{width:100%; display:block; height: 253px; max-height:253px;}
.home_news_span{ width:70px; height:70px; font-size:12px; position:absolute; right:0; bottom:-35px; background:#2347aa; color:#8a9dd2; text-align:center; margin:0; padding:0; line-height:1; vertical-align:middle; padding-top:16px;}
.home_news_span strong{ font-size:25px; color:#fff; display:block;}
.home_div dl dd{ padding:10px;}
.home_div dl dd h4{ padding-right:75px; clear:both; font-size:14px; color:#333; margin:10px 0; height: 35px; overflow: hidden;}
.home_div dl dd p{ margin-top:10px; font-size:12px; color:#999; height:90px; overflow:hidden;}

.abouts-button {background:#f91e00; width:48px; color: #fff; margin:20px 0 10px 0; display: inline-block; transition:width 2s;-webkit-transition:width 2s; text-align:center; line-height:16px; height:16px; border-radius:100px;}
.abouts-button:hover{ width:60px; color:#fff;}
/* news end*/


/* 首页联系我们*/
.home_contact{width:100% ;background: url(../images/map_bg.jpg) center top no-repeat; background-color: transparent !important; background-attachment: fixed !important; overflow: hidden; background-size:cover; display:table;}
.hc_left{ float:left;width:50%; text-align:center;}
.hc_left img{ max-width:100%; display:inline-block; margin:auto; padding:9% 0 0 0;}
.hc_right{width:50%; float:right; background:#000000; height:100%;}
.hc_form{ padding:40px 6%; width:64%;}
.hc_form h3{ padding:30px 0; font-size:23px; color:#444;}
.hc_form label{ display:table; width:100%; margin-bottom:17px;}
.hc_form label textarea{width:100%; background:#1a1a1a; border:none; outline:none; text-indent:14px; padding-top:12px; font-size:15px; font-weight:normal; color:#666;}
.hc_form label input{/*background:rgba(255,255,255,.1);*/ background:#1a1a1a; border:none; outline:none; font-size:15px; font-weight:normal; color:#666;}
.hc_form label input:focus,.hc_form label textarea:focus{ box-shadow:rgba(249,30,0,.8) 0 0 2px;}
.hc_input01{ width:60%; margin-right:2%; float:left; height:46px; line-height:46px; text-indent:14px;}
.hc_input02{ width:38%; float:right;height:46px; line-height:46px; text-indent:14px;}
.hc_input03{ width:100%;height:46px; line-height:46px; text-indent:14px;}
.hc_input04{ width:70%;height:46px; line-height:46px; text-indent:14px;}
.label_img{width:26%; height:46px;}
.hc_form label input[type="button"]{background:#f91e00; border:none; outline:none; height:46px; line-height:46px; letter-spacing:8px; color:#fff; font-size:18px; font-weight:bold; padding:0 42px;}
.hc_form label input::-webkit-input-placeholder,.hc_form label textarea::-webkit-input-placeholder{ color:#5f5f5f;}
.hc_form label input::input-placeholder,.hc_form label textarea::input-placeholder{ color:#5f5f5f;}

/* 首页联系我们 end*/


/* link*/
.link{ padding:80px 0;}
.link a{ margin:6px 0; border-right:#ccc 1px solid; float:left; padding: 0 20px; font-size:20px; color:#666;}
.link_01{ height:45px; line-height:45px; background:#333; color:#fff; padding:0 20px; position:relative; font-size:22px; font-weight:bold; display:inline-block; clear:both; margin-bottom:20px;}
.link_01:before{ content:"LINK"; position:absolute; height:45px; line-height:45px;  right:-56px; background:#ccc; color:#fff; top:0; font-size:14px; text-align:center;}
.link_01 a{ background:#333; color:#fff; font-size:20px; folat:right; }


/* link end*/

/* bottom*/
.bottom{ text-align:center; padding:50px 0 0 0; background:#1c1c1c; color:#fff;}
.bottom img{ margin-bottom:10px; max-width:100%;}
.bottom p{ padding:2px 0; font-size: 15px;}
.bottom .container .mt20{text-align: center;}
.bottom .container .mt20 img{width:140px;height: 160px;}
.bottom .container .mt20Img{margin-right: 10px;}

.bot_nav{ background:#2f2f2f; text-align:center; padding:27px 0; margin-top:30px;}
.bot_nav a{ padding: 0 38px; border-right:#999 1px solid; display:inline-block; color:#fff;}
.bot_nav a:hover{ color:#ccc;}
.tel_bot{ display:none;}
.bot_i{ display:none !important;}
/* bottom end*/





.tips{ background:#fff; padding:20px 0;}
.tips a{ font-size:14px; margin:0 5px;}
.sub_content{ padding:50px 0;}
.sub_title,.sub_title_small{ text-align:center;}
.sub_title{ font-size:2.6em; font-weight:bold; margin:.4em auto;}
.sub_title_small{ font-size:16px; color:#999; margin-bottom:3em; display:block;}
.case_li{  width:10% }
.case_li a{ font-size:15px !important; padding:1em 0; border:#d1d1d1 1px solid;}
.case_li a.selected2{ border:#f91e00 1px solid; color:#fff !important;}


/* 案例详情页*/
.case_details{ padding:40px; background:#fff; display:table; width:100%; margin-bottom:15px;}
.det_left{width:55%; float:left; overflow: hidden;}
.det_right{width:40%; float:right; padding-top:3%;}
.det_right h3{ font-size:28px;}
.det_text{ padding:1.3em 0; border-bottom:#ddd 1px solid; font-size:14px; color:#666; line-height:1.6;}
.det_tel{ font-size:15px; margin-top:20px; color:#666;}
.det_a{ background:#f91e00; color:#fff; border-radius:100px; width:32px; height:32px;  display:block;  font-size:15px; text-align:center;box-sizing:content-box; padding:21px; border:#f8d5d3 10px solid; margin-top:10px; font-weight:bold; }

.case_details_bot{ width:100%;}
.case_bot_left{width:71.8%; float:left; background:#fff;}
.case_bot_left .cb_title{ background:#333; padding:22px; color:#f00;}
.case_bot_text{ word-break:break-all;}
.case_bot_text p{ padding:6px 0;}
/*.case_bot_text img{ max-width:100%; margin-bottom: .5em;}*/
.case_bot_text img{ width:100%; margin:0 auto .5em;}
@media screen and (max-width: 960px) {
    .case_bot_text img{ max-width:100%; margin-bottom: .5em;}

}
.case_bot_text video{ max-width:100%;}

.case_bot_text p iframe html body{ max-width:100% !important; height: 500px !important;}
.case_bot_right{width:27%; float:right; background:#fff; padding:30px 2%;}
.cb_right_title{ font-size:18px;}
.cb_right_ul{}
.cb_right_ul li{ text-align:center; width:100%; font-size:15px; display:table;}
.cb_right_ul li a{ margin:10px 0; display:block;}
.cb_right_ul li img{ width:100%; height:208px;}

.project1{ width:100%; }
/* Clear Fix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix{display:block;    overflow: hidden;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;margin:0px;display:block; width:100%; max-height:380px; overflow:hidden;}
.jqzoom img{ width:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:100%;height:auto; display:table;}
.spec-scroll{clear:both;margin-top:5px;width:100%;}
.spec-scroll .prev{float:left;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; font-family:"宋体";text-align:center; width:3%; height:64px; line-height:64px;border:1px solid #ddd;cursor:pointer;text-decoration:none;}
.spec-scroll .items{position:relative; height:70px;overflow:hidden; float: left;width:94%;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left; width:112px;text-align:center;}
.spec-scroll .items ul li img{width:102px;height:64px;}
.spec-scroll .items ul li img:hover{border:1px solid #FF6600;}





/* 案例详情页 end*/


.sub_word{ line-height:1.6; word-break:break-all; padding:10px 0; font-size:14px; color:#666;}
.sub_word p{ margin:6px 0; word-break:break-all;}
.sub_word img{ max-width:100%;}

.join{ background:#fff; margin-bottom:15px; line-height:2; font-size:14px; word-break:break-all;}
.join h3{ background:#000;}
.join h3 span{ display:inline-block; color:#fff; background:#f91e00; padding:13px 26px; font-size:14px;}
.join_01{ padding:20px 3% 10px;}
.join_bot{ padding:15px 0; border-top:#ddd 1px solid; margin-top:30px;}

.f_left{width:45%; float:left; position:relative; padding-left:3%;}
.f_left img{width:100%;}
.f_right{width:55%; float:left; position:relative; padding-top:3em; padding-left:3%;}
.f_right h5{ font-size:17px; margin:.8em 0;}
.f_right h3{ background:#000; position:relative; font-size:40px; padding:10px 15%; display:inline-block; left:-15%; color:#fff; font-weight:bold;}
.f_right h3 span{ font-size:25px;}
.f_right_text{ line-height:2; font-size:14px; color:#666; margin-top:2em;}

.zsyy{ border-bottom:#dbdbdb 1px solid; padding:40px 0; display:table; width:100%;}
.zsyy:hover{ background:#fff; transition:all .6s ease-out;}
.zsyy a{ display:block; color:#999;}
.zsyy a:hover{color:#999;}
.zsyy_dl{width:90%; margin:auto;}
.zsyy_dl dt{width:25%; float:left; margin-right:5%;}
.zsyy_dl dt img{width:100%; max-height:214px;}
.zsyy_dl dd{width:70%; float:right; text-align:center;}
.zsyy_dl dd span{ font-size:14px; color:#999; display:block; margin:.5em 0;}
.zsyy_dl dd h3{ font-size:18px; color:#333; display:inline-block; margin:1.2em auto 1.6em;}
.zsyy_dl dd .zsyy_div01{ font-size:14px; width:70%; display:inline-block; margin:auto;}

.sub_biaoti{ background:#fff; padding:35px 0; text-align:center;}
.sub_biaoti h2{ font-size:28px; color:#333;}
.sub_biaoti span{ font-size:12px; color:#ccc; display:block; margin-top:10px;}

.news{ border-top:#e2e2e2 1px solid; border-left:#e2e2e2 1px solid; border-right:#e2e2e2 1px solid; background:#fff;}
.news ul{border-bottom:#e2e2e2 1px solid; padding:20px; display:table;}
.news ul a{ display:block;}
.news ul span{ width:196px; display:inline-block; position:relative; float:left;}
.news ul span img{width:100%; display:block; max-height:156px;}
.news ul li{ margin-left:216px; position:relative;}
.news ul li h3{ font-weight:bold; font-size:22px; color:#333; margin:.3em 0 .8em 0;}
.news ul li p{ font-size:14px; margin:0 0 .8em 0;}
.news ul li span{ font-size:14px; color:#ccc;}

.sub_contact{width:100%; background:#d7d7d7; padding:80px 0;}
.contact_left{ float:left; width:50%;}
.contact_left p{ font-size:18px; color:#f91e00; margin:30px 0;}
.contact_left p strong{ display:block; font-size:32px; margin:3px 0;}
.contact_left ul li { margin:14px 0; color:#666; position:relative; padding-left:40px;}
.contact_left ul li i{ display:inline-block; width:40px; font-size:20px; position:absolute; left:0;}
.contact_right{width:50%; float:right; height:100%;}
.hc_form_01{  width:90%; float:right;}
.hc_form_01 h3{ padding:30px 0; font-size:23px; color:#444;}
.hc_form_01 label{ display:table; width:100%; margin-bottom:17px;}
.hc_form_01 label textarea{width:100%; background:rgba(255,255,255,.7); border:#cacaca 1px solid; outline:none; text-indent:14px; padding-top:12px; font-size:15px; font-weight:normal;}
.hc_form_01 label input{background:rgba(255,255,255,.7); border:#cacaca 1px solid; outline:none; font-size:15px; font-weight:normal;}
.hc_form_01 label input:focus,.hc_form_01 label textarea:focus{ box-shadow:rgba(0,0,0,.1) 0 0 2px;}
.hc_form_01 label input[type="button"]{background:#f91e00; border:none; outline:none; height:46px; line-height:46px; letter-spacing:8px; color:#fff; font-size:18px; font-weight:bold; padding:0 42px;}
.contact_input01{ width:60%; margin-right:2%; float:left; height:46px; line-height:46px; text-indent:14px;}
.contact_input02{ width:38%; float:right;height:46px; line-height:46px; text-indent:14px;}
.contact_input03{ width:100%;height:46px; line-height:46px; text-indent:14px;}
.contact_input04{ width:70%;height:46px; line-height:46px; text-indent:14px;}
.contact_weixin{width:36%; margin-top:30px;}
.contact_weixin img{ display:block; width:100%;}


.contact_map01 .container img{width:100%; padding:80px 0 20px;}
.contact_map01 p{ border-bottom:#ccc 1px solid; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; padding:15px 0; font-size:15px; color:#666;}
.contact_map01 p strong{ font-size:16px; display:block; margin:10px 0;}

.map_list { text-align:center;}
.map_list a:hover{ text-decoration:underline;}
.map_list dt{ background:#fff;}
.map_list dt a{ font-size:18px; font-weight:bold; color:#000; margin:20px 0; display:block; padding:10px 0;}
.map_list dt a:hover{ background:#f5f5f5; transition:all .3s ease-out;}
.map_list dd a{ font-size:16px; color:#666; margin:5px 20px; display:inline-block;}

.page_list a{ padding: 8px 14px; border: #ddd 1px solid; margin: 0 2px; font-size: 14px; color: #555;}
.page_list a:visited{ color: #555;}
.page_list a:hover{ color: #555;}
.page_list a:active{ color: #555;}


/* 案例详情页-轮播修改 */


.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn{ position: absolute; cursor: pointer; display: block;background: url(../images/a17.png) no-repeat;           overflow:hidden;     }
.jssora05l { background-position: -52px 5px; }
.jssora05r { background-position: -6px 5px; }
.jssora05ldn { background-position: -173px 5px; }
.jssora05rdn { background-position: -127px 5px; }
.jssort01 .w { position: absolute; top: 0px;left: 0px; width: 100%;height: 100%;}
.jssort01 .c { position: absolute; top: 0px; left: 0px; width:152px; height:90px;border: #ccc 1px solid;}
.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {width:152px;height:90px;border: #f00 2px solid;}
.jssort01 .p:hover .c, .jssort01 .pav:hover .c { top: 0px; left: 0px;width:152px; height:90px; border: #f00 2px solid;}

/* 案例详情页-轮播修改 end*/

/* 上一页*/
.c_title{ display: table;width:100%; box-sizing: border-box; padding:3%;}
.c_title a{ display:block; padding:3px 0; font-size: 15px; color: #333;}
.c_title a:hover{ text-decoration: underline;}
.c_title .title_01{ font-size:22px; color: #cc0000; margin-bottom: 10px;}
.c_title .title_01 i{ margin-right: 10px;}
.c_title .title_02{ }
.c_title .title_02 strong{color: #cc0000; font-weight: normal;}
/* 上一页 end*/

.nav{padding-left:5%; float: left;}
.nav li li a {display:inline-block;}
.nav li li a {display:block;}
.nav ul {list-style-type:none;margin:0;padding:0;}
.nav ul li { float:left;line-height:102px;display:block;font-size:0;padding:0;margin:0; position: relative;}
.nav ul li a {display:block;width:138px;height:102px;font-size:16px;text-align:center;color:#fff;text-decoration:none; position: relative;}
.nav ul table {width:100%;border-collapse:collapse;border:0;padding:0;margin:0;}
.nav ul li ul {display:none;}
.nav ul li:hover {color:#fff;}
.nav ul li a:hover,.nav ul li a:active {color:#fff;}
.nav ul li:hover ul,.nav ul li a:hover ul,.nav ul li a:active ul {display:block;width:100%;}
.nav ul li ul li {display:block;width:100%;border:none; background: url(../images/top_bg.png) repeat;}
.nav ul li ul li a{display:block;color:#fff;border:none;height:48px; line-height: 48px; }
.nav ul li table a{font-size:14px;}
.nav ul li ul li a:hover{ background-color:#f00;}
/*	.nav ul li .nav_a01::before { content: ""; width: 1px; height: 14px; background: #fff; transform: skew(-30deg); position: absolute; right: 0; top: 50%;margin-top:-7px;}*/
.nav ul li .nav_a01 i { display: inline-block;  position: absolute; right: 0; top: 0; z-index: 100; }
.case_btn1{display:none;}
.prev{ background:url(../images/next.png) no-repeat; width:46px; height: 76px; background-position: 0 0;  position: absolute; z-index: 999999; left: 4%; top: 45%; cursor: pointer; margin-top: -38px;}
.next{ background:url(../images/next.png) no-repeat; width:46px; height: 76px; background-position: -46px 0; position: absolute; z-index: 999999; right:4%; top: 45%; cursor: pointer; margin-top: -38px;}
.bottom_logo_img{width:150px}

@media screen and (max-width:1024px) {

    .case_btn1{ display:none;}
    .tel { display: none; }
    .biaoyu { padding: 3em 0; }
    .biaoyu01 { display: none; }
    .biaoyu_con { display: table; width:96%; position: relative; margin:auto; }
    .biaoyu_ul, .biaoyu_ul_01 { width: 50%; }
    .byr_text_1024 { display: block; position: relative; width: 100%; text-align: center; }
    .byr_text_1024 strong { color: #333; font-size: 38px; display: block; margin-bottom: .1em; }
    .span_1024 { color: #f91e00; }
    .byr_text_1024 .byr_span1024 { color: #999; display: block; line-height: 1.5; margin-bottom: 1em; }
    .case_tab .forum #menu2 #nav2 li a { padding: 1.3em .8em; font-size: 24px; }

    .hc_form{ width:100%;}
    .qipn_side{ display:none !important;}
}

@media screen and (max-width: 768px) {
    .case_btn1{ display:none;}
    #nav-menu { margin-left: 5%; float: left; }
    #nav-menu .menu { font-size: 0; z-index: 1000; }
    #nav-menu .menu li.stmenu { display: inline-block; line-height: 5.4rem; position: relative; }
    #nav-menu .menu li.stmenu a.xialaguang { display: inline-block; padding: 0 1rem; color: #fff; font-size: 14px; }
    #nav-menu .menu li i { display: inline-block; margin-left: 5px; width: 1px; height: 12px; background: #fff; transform: skew(-30deg) }
    .tel { display: none; }
    .case_tab .forum #menu2 #nav2 li { display: inline-table; margin: 0 5px; background: #fff; width:auto; }
    .case_tab .forum #menu2 #nav2 li a { display: block; text-decoration: none; text-align: center; color: #333; font-size: 14px; padding: 1em .8em; font-size: 18px; }
    .case_tab .forum #menu2 #nav2 li a i { display: block; text-align: center; color: #333; font-size: 32px; margin-bottom: .3em; }
    .value_img { margin-left: 0; margin-top: 1.5em; margin-bottom: 1.2em; }
    .value_right { width: 20%; }

    .ftx_01{height:86px;}
    .ftx_02{height:86px;}
    .ftx_03{height:86px;}
    .ftx_04{height:86px;}
    .wow_span01{width:86px; height:86px; line-height:86px; font-size:40px;}
    .wow_div02{ font-size:18px; line-height:86px; text-align:center; }
    .four_tx_01{ margin:0 auto;}
    .four_tx{ padding:80px 0;}
    .four_zs{ padding:60px 0;}
    .zs_center{ }
    .zs_div{ margin:30px 0 0 0;}
    .zs_span01{ font-size:24px; color:#fff; padding-top:1em; padding-bottom:.3em;}
    .zs_span02{ font-size:40px; color:#fff; font-weight:bold;}
    .zs_div ul li{ width:50%;}
    .zs_div ul li:before{content:""; width:1px; height:50%; background:#f91e00; position:absolute; right:0; top:40%; bottom:10%;}
    .zs_div ul li i{ font-size:60px;  margin:10px 0;}
    .zs_div ul li p{ font-size:24px; margin:8px 0;}
    .zs_a{ display:none;}

    .case_title { font-size:35px; margin-bottom:1em; }
    .case_double { width:98%; margin:0 auto 2.3em auto; }
    .case_double_p { left: 50%; margin-left: -96px; font-size:20px; top: -20px; z-index: 10; border: #ededed 5px solid; display: table; line-height: 26px; height:26px; }
    .case_title_seven{font-size:35px; margin-bottom: 1em; font-weight: bold; }
    .case_double_p_seven {left: 50%; margin-left: -96px; font-size:20px; top:-20px; z-index:10; border:#1a1a1a 5px solid; display:table; line-height:26px; height:26px; }
    .case_title_jzl{font-size:35px; }
    .jzl{ padding:60px 0 0 0;}
    .vs{ padding:80px 0 60px;}

    .hc_left{ display:none;}
    .hc_right{width:100%;}
    .hc_form{ width:100%;}
    .bot_nav a{ padding:0 16px; font-size:14px;}

    .case_details{width:100%; padding:1%; display:inline-block;}
    .det_left{width:100%;}
    .det_right{ width:100%;}
    .project1{ width:100%; }
    .case_bot_left{width:100%; float:none;}
    .case_bot_right{ display:none;}

    .zsyy_dl dd h3{ font-size:18px; color:#333; display:inline-block; margin:.3em auto .3em;}
    .zsyy_dl dt img{width:100%; max-height:100%;}
    .zsyy_dl dd .zsyy_div01{width:100%; }
    .qipn_side{ display:none;}
}

@media screen and (max-width:640px) {
    .case_btn1{ display:block;}
    .biaoyu { padding: 2em 0; }
    .byr_text_1024 strong { color: #333; font-size: 25px; display: block; margin-bottom: .1em; }
    .byr_text_1024 .byr_span1024 { font-size: 15px; }
    .biaoyu_ul_li01 { font-size:18px; color: #f91e00; margin-bottom: 1em; }
    .biaoyu_ul_li02 { color: #666; font-size: 12px; line-height: 1.2; }
    .biaoyu_ul_li03 { color: #dadada; font-size: 12px; line-height: 1.2; }
    .biaoyu_ul, .biaoyu_ul_01 { padding-top: 2em; padding-bottom: 2.5em; }
    .home_video { padding: 160px 0 130px; }
    .section-content-text { font-size: 22px; }
    .case_tab .forum #menu2 #nav2 li { width: 30%; display: inline-table; margin: 0 0 .3em 0; }
    .case_tab .forum #menu2 #nav2 li a { text-align: center; line-height: 40px; padding: 0; font-size: 14px; }
    .case_tab .forum #menu2 #nav2 li a i { display: none; }
    .case_tab .forum #menu2 #nav2 { margin-bottom: 12px; }
    .case_tab .forum #menu2 #nav2 li a.selected2 { color: #fff; }
    .value_img { width: 100%; margin: 1.5em 0; }
    .value_right { display: none; }
    .seven_img{ width:100%;}
    .navbar .container .logo { margin-top:0; margin-left:.5em;}
    .case_table { padding:50px 0 0; }
    .case_title { font-size:22px; margin-bottom: .6em;   }
    .case_double { width:98%; margin:0 auto 2.3em auto; }
    .case_double_p { left: 50%; margin-left: -86px; font-size:14px; top: -15px; z-index: 10; border: #ededed 5px solid; display: table; line-height: 18px; height:18px; }
    .case_title_seven{font-size:22px; margin-bottom: 1em; font-weight: bold; }
    .case_double_p_seven {left: 50%; margin-left: -86px; font-size:14px; top:-15px; z-index:10; border:#1a1a1a 5px solid; display:table; line-height:18px; height:18px; }
    .seven { padding:30px 0; }
    .seven_span_110{ font-size:48px; bottom:-10px; }
    .four_tx { padding:50px 0 30px 0; }
    .four_tx_01{ margin:40px auto; display:table;}
    .ftx_01{width:100%; margin-bottom:10px; height:50px; line-height:50px; }
    .ftx_02{width:100%; margin-bottom:10px; height:50px; line-height:50px;}
    .ftx_03{width:100%; margin-bottom:10px; height:50px; line-height:50px;}
    .ftx_04{width:100%; margin-bottom:10px; height:50px; line-height:50px;}
    .wow_span01{width:50px; height:50px; line-height:50px; font-size:25px; float:left; z-index:10; text-shadow: rgba(0,0,0,.3) 3px 3px 0 }
    .wow_span01:before{ content:""; width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid red; border-bottom: 5px solid transparent; position: absolute; right:-10px; top:50%; margin-top:-5px; }
    .wow_div02{ font-size:16px; line-height:50px; text-align:center; }
    .four_zs { padding:40px 0; }
    .zs_center{width:180px; margin:auto;}
    .zs_center strong {width:16%; margin-right:.3em;}
    .zs_center strong img{width:100%;}
    .zs_div{ margin:30px 0 0 0;}
    .zs_span01{ font-size:15px; color:#000; padding-top:1em; padding-bottom:.3em;}
    .zs_span02{ font-size:22px; color:#000; font-weight:bold; padding: 0;}

    .zs_div ul li{ width:50%;}
    .zs_div ul li:before{content:""; width:1px; height:50%; background:#f91e00; position:absolute; right:0; top:40%; bottom:10%;}
    .zs_div ul li i{ font-size:32px;  margin:2px 0;}
    .zs_div ul li p{ font-size:14px; margin:4px 0;}
    .zs_a{ display:none;}

    .case_tab_link { width: 100%; padding:30px 0; }
    .case_tab_link .forum #menu2 #nav2 { width:70%; margin:0 auto 12px auto; display:table;}
    .case_tab_link .forum #menu2 #nav2 li { width:50%; float:left; margin:0; display:inline; }
    .case_tab_link .forum #menu2 #nav2 li a { padding:.8em 0; font-size: 16px;}

    .jzl{ padding:40px 0 0 0; }
    .case_title_jzl{font-size:22px; }

    .home_news{ padding:50px 0; overflow: hidden;}
    .home_div dl{width:94%; margin:0 auto 0 auto; float:none; height:auto;}
    .home_div dl:hover{background:#f8f8f8;transition:all .6s ease-out;}
    .home_div dl dt{ position:relative;}
    .home_div dl dt img{width:100%; display:block; max-height:253px;}
    .home_news_span{ width:70px; height:70px; font-size:12px; position:absolute; right:0; bottom:-35px; background:#2347aa; color:#8a9dd2; text-align:center; margin:0; padding:0; line-height:1; vertical-align:middle; padding-top:16px;}
    .home_news_span strong{ font-size:25px; color:#fff; display:block;}
    .home_div dl dd{ padding:10px;}
    .home_div dl dd h4{ padding-right:75px; clear:both; font-size:16px; color:#333; margin:10px 0;}
    .home_div dl dd p{ margin-top:10px; font-size:14px; color:#999; height:90px; overflow:hidden;}

    .abouts-button {background:#f91e00;   width:48px;   color: #fff;   margin:20px 0 10px 0; display: inline-block; transition:width 2s;-webkit-transition:width 2s; text-align:center; line-height:16px; height:16px; border-radius:100px;}
    .abouts-button:hover{ width:60px; color:#fff;}

    .vs{ padding:50px 0;}

    .hc_left{ display:none;}
    .hc_right{ width:100%;}
    .hc_form{ padding:20px 0; width:90%; display:table; margin:auto;}
    .hc_form h3{ font-size: 18px; padding: 10px 0;}
    .link{ padding:30px 0;}
    .link a{ padding: 0 13px;}
    .bottom{ padding:60px 0 80px 0;}
    .bot_nav{ display:none;}

    .tel_bot{ display:block; width:100%; background:rgba(249,30,0,.5); text-align:center; position:fixed; left:0; bottom:0; z-index:999;}
    .bot_i{ display:none !important;}
    .tel_bot img{width:35%; display:inline-block; padding:.7em 0;}


    .tel_bot1{ display:table; width:100%; background:rgba(0,0,0,.6); box-sizing: border-box; position:fixed; left:0; bottom:0; z-index:999; padding: 7px 0; text-align: center;}
    .tel_bot1 a{width:47%; height: 2.2em; background: #f00; display: inline-block; line-height:2.2em; color: #000; font-size: 1em; font-weight: bold; margin:0 3px; }
    .tel_bot1 a i{ margin-right: 5px; font-size: 1.2em; vertical-align: middle;}



    .fh5co-gallery .gallery-item .overlay h3 { font-size:18px; font-weight: 700; padding-top:13%; }
    .b_none_computer:before{ display:none;}
    .f20{ font-size:20px !important;}
    .border_8{ border:#232323 4px solid; color:#333;}

    .case_details{width:100%; display:block;}
    .det_left{ width:100%; margin-bottom:15px; float:none;}
    .det_right{ width:96%;border-top:#ddd 1px solid; margin:auto; float:none;}
    .det_right h3{ font-size:22px; padding-top:10px;}

    .case_bot_left{width:100%; float:none;}
    .case_bot_right{ display:none;}

    .sub_title{ font-size:1.5em; font-weight:bold; margin:.4em auto;}
    .sub_title_small{ margin:0 auto .5em auto ; width:96%; font-size:14px;}
    .qipn_side{ display:none;}
    .zsyy_dl dt{ width: 100%;
        height: 250px;}
    .zsyy_dl dd{ width:100%;}

    .sub_biaoti{ width:90%; padding:20px 2%; margin:auto;}
    .sub_word{  padding:10px 4%;}

    .news ul{ padding:8px;}
    .news ul span{ width:76px; display:inline-block; position:relative; float:left;}
    .news ul span img{width:100%; display:block; max-height:66px;}
    .news ul li{ margin-left:86px; position:relative;}
    .news ul li h3{ font-size:16px;}

    .contact_left{ width:94%; display:block; float:none; margin:auto;}
    .contact_left p{ font-size:18px; color:#f91e00; margin:30px 0;}
    .contact_left p strong{ display:block; font-size:32px; margin:3px 0;}
    .contact_left ul li { margin:12px 0; color:#666;}
    .contact_left ul li i{ display:inline-block; width:40px; font-size:20px;}
    .contact_right{width:100%; float:none; height:auto; display:block;}
    .hc_form_01 { width: 94%; float:none; margin:auto;}
    .sub_content{ padding:30px 0;}
    .join{width:94%; margin:0 auto 15px auto;}
    .sub_contact{ padding:20px 0;}
    .hc_form_01 h3{ padding:50px 0 15px 0;}
    .hc_form_01 label{margin-bottom:10px;}
    .contact_map01 .container img { padding:30px 0 20px;}
    .f_left {width: 100%; float: left; position: relative; padding-left: 3%;padding-right: 3%;}
    .f_right {width:100%; float: left; position: relative; padding-top:1em; padding-left: 3%; padding-right: 3%;}
    .f_right h3{ font-size:20px; padding:10px 5%; display:inline-block; color:#fff; font-weight:bold; left:0;}
    .det_tel{ display:none;}
    .gallery_b{ display:block; position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.5); color:#fff; text-align:center; padding:.8em 0; z-index:999; font-size:14px; font-weight:normal;}
    .fh5co-gallery .gallery-item .overlay { display:none;}

    .seven { background-size:none; background-color:none; background-attachment:inherit !important; }
    .home_video {  background-size: none; background-color: none ; background-attachment: inherit !important;}
    .four_zs { background-color: none; background-attachment: inherit !important; background-size:none; }
    .vs{background-color: none; background-attachment: inherit !important;  background-size:none;}
    .jzl{background-color: none; background-attachment: inherit !important;background-size:none;}

    .sub_biaoti h2{ font-size:18px;}
    .tips{padding:12px 0;}

    /*图片小图预览列表*/

    .spec-scroll .prev,.spec-scroll .next{width:3%; height:44px; line-height:44px;}
    .spec-scroll .items{position:relative; height:70px;overflow:hidden; margin:auto;}
    .spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
    .spec-scroll .items ul li{float:left; width:73px;text-align:center;}
    .spec-scroll .items ul li img{width:70px;height:44px;}
    .spec-scroll .items ul li img:hover{border:none;}

    .case_btn1{position:fixed; z-index: 9999; left:50%; bottom:60px; margin-left: -6%; height: 80px; background:none; outline: none; border: none; width:12%; padding:0;}
    .case_btn1 img{display: block; max-width: 100%; height: auto; position:relative; animation:mymove 1s;animation-iteration-count:infinite;-webkit-animation:mymove 1s;	-webkit-animation-iteration-count:infinite;}

    @keyframes mymove{from {top:0px;}to {top:10px;}}
    @-webkit-keyframes mymove{from {top:0px;}to {top:10px;}}

    .prev{ display: none;}
    .next{ display: none;}

    .link_01{ height:30px; line-height:30px; font-size:15px;}
    .link_01:before{ content:"LINK"; position:absolute; height:30px; line-height:30px; width:40px; right:-40px; background:#ccc; color:#fff; top:0; font-size:12px; text-align:center;}
    .bottom_logo_img{width:42%; display: inline-block;}

    @media (max-device-width: 480px) and (orientation: landscape) {
    }
    @media (max-device-width: 480px) and (orientation: Portrait) {
    }


}










.qipn_side { top: 220px; background: rgba(0,0,0,0.5); background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)); background: -moz-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)); background: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)); background: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)); }
.qipn_side ul li .sidebox:hover { background: #ae1c1c; }

.qipn_side { position: fixed; width: 54px; right: 0; z-index: 9999; }
.qipn_side ul { list-style: none; padding: 0; margin: 0 }
.qipn_side ul li { width: 54px; height: 54px; float: left; position: relative; border-bottom: 1px solid rgba(0,0,0,0.2) }
.qipn_side ul li .sidebox { position: absolute; width: 54px; height: 54px; line-height: 54px; top: 0; right: 0; transition: all .3s; color: #fff; overflow: hidden }
.qipn_side ul li i.fa { float: left; width: 54px; height: 54px; line-height: 54px; text-align: center; font-size: 28px }
.qipn_side ul li .sidebox { transition: background .5s, width .2s; -moz-transition: background .5s, width .2s; -webkit-transition: background .5s, width .2s; -o-transition: background .5s, width .2s }
.qipn_side ul li .sidebox .qipn_side_whitespace { white-space: nowrap }
.qipn_side ul li:last-child { border-bottom: none }
.qipn_side.qipn_side_hide { display: none }
.qipn_side.qipn_side_left { left: 0; right: auto }
.qipn_side.qipn_side_left ul li .sidebox { left: 0; right: auto; text-align: right }
.qipn_side.qipn_side_left ul li i.fa { float: right }
.qipn_side.qipn_side_sm { width: 44px }
.qipn_side.qipn_side_sm ul li { width: 44px; height: 44px }
.qipn_side.qipn_side_sm ul li .sidebox { width: 44px; height: 44px; line-height: 44px; font-size: 13px }
.qipn_side.qipn_side_sm ul li i.fa { width: 44px; height: 44px; line-height: 44px; font-size: 22px }
.qipn_side.qipn_side_lg { width: 64px }
.qipn_side.qipn_side_lg ul li { width: 64px; height: 64px }
.qipn_side.qipn_side_lg ul li .sidebox { width: 64px; height: 65px; line-height: 65px; font-size: 15px }
.qipn_side.qipn_side_lg ul li i.fa { width: 64px; height: 65px; line-height: 65px; font-size: 34px }
.qipn_side [class*=animation-] { -webkit-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both }
@-webkit-keyframes slide-right { 0% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0)
}
    100% {
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@-o-keyframes slide-right { 0% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0)
}
    100% {
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slide-right { 0% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0)
}
    100% {
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@-webkit-keyframes slide-left { 0% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0)
}
    100% {
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@-o-keyframes slide-left { 0% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0)
}
    100% {
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slide-left { 0% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0)
}
    100% {
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.qipn_side .animation-slide-right { -webkit-animation-name: slide-right; -o-animation-name: slide-right; animation-name: slide-right }
.qipn_side .animation-slide-left { -webkit-animation-name: slide-left; -o-animation-name: slide-left; animation-name: slide-left }
@-webkit-keyframes slide-bottom { 0% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0)
}
    100% {
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@-o-keyframes slide-bottom { 0% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0)
}
    100% {
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slide-bottom { 0% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0)
}
    100% {
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.qipn_side .animation-slide-bottom { -webkit-animation-name: slide-bottom; -o-animation-name: slide-bottom; animation-name: slide-bottom }
.qipn_side_mb_body { padding-bottom: 54px !important; height: auto !important }
.qipn_side_mb_body.qipn_side_sm { padding-bottom: 44px !important }
.qipn_side_mb_body.qipn_side_lg { padding-bottom: 64px !important }
.qipn_side_mb { position: fixed; width: 100%; height: 54px; background: rgba(0,0,0,0.8); bottom: 0; left: 0; z-index: 9999; }
.qipn_side_mb ul { list-style: none; padding: 0; margin: 0 }
.qipn_side_mb li { text-align: center; border-right: 1px solid rgba(0,0,0,0.2) }
.qipn_side_mb li a { display: block }
.qipn_side_mb li i { font-size: 28px; height: 54px; line-height: 54px; color: #fff }
.qipn_side_mb li:last-child { border-right: none }
.qipn_side_mb.qipn_side_sm { height: 44px }
.qipn_side_mb.qipn_side_sm li i { font-size: 22px; height: 44px; line-height: 44px }
.qipn_side_mb.qipn_side_lg { height: 64px }
.qipn_side_mb.qipn_side_lg li i { font-size: 34px; height: 64px; line-height: 64px }
.qipn_side_mb .blocks, .qipn_side_mb [class*="blocks-"] { padding: 0; margin: 0; margin-right: -15px; margin-left: -15px; list-style: none }
.qipn_side_mb .blocks:before, .qipn_side_mb [class*="blocks-"]:before, .qipn_side_mb .blocks:after, .qipn_side_mb [class*="blocks-"]:after { display: table; content: " " }
.qipn_side_mb .blocks:after, .qipn_side_mb [class*="blocks-"]:after { clear: both }
.qipn_side_mb .blocks>li, .qipn_side_mb [class*="blocks-"]>li { position: relative; float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; margin-bottom: 22px }
.qipn_side_mb .blocks.no-space, .qipn_side_mb [class*="blocks-"].no-space { margin: 0 }
.qipn_side_mb .blocks.no-space>li, .qipn_side_mb [class*="blocks-"].no-space>li { padding-right: 0; padding-left: 0; margin-bottom: 0 }
.qipn_side_mb .blocks-2>li:nth-child(2n+3), .qipn_side_mb .blocks-3>li:nth-child(3n+4), .qipn_side_mb .blocks-4>li:nth-child(4n+5), .qipn_side_mb .blocks-5>li:nth-child(5n+6), .qipn_side_mb .blocks-6>li:nth-child(6n+7), .qipn_side_mb .block-first { clear: both }
.qipn_side_mb .blocks-100>li { width: 100% }
.qipn_side_mb .blocks-2>li { width: 50% }
.qipn_side_mb .blocks-3>li { width: 33.33333333% }
.qipn_side_mb .blocks-4>li { width: 25% }
.qipn_side_mb .blocks-5>li { width: 20% }
.qipn_side_mb .blocks-6>li { width: 16.66666667% }






@media screen and (max-width:960px) {
    .owl-wrapper-outer .item {
        position: relative;
        z-index: 1;
        width: 100%;
        height:auto;
        position: relative;
        outline: none;}


}