html, body { line-height: 180%; font-size: 1.0em; font-family: 'Helvetica Neue', 'WenQuanYi Micro Hei', 'Microsoft Yahei', sans-serif; background: #fff; margin: 0px; height: 100%; }
li { list-style: none; }
a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #333; text-decoration: none; }
a:hover { text-decoration: none; }
a:focus, a:hover { color: #f00000; text-decoration: none; }
/* ——————————————————原始未修改开始—————————————————— */
/* 划过图片放大 */
.img-auto { display: block; overflow: hidden; }
.img-auto img { width: auto; height: auto; margin: 0px auto; transition: 600ms; }
.img-auto img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
/*导航用户注册*/
.user-panel { margin: 10px 20px 0 0px; }
.user-panel a, .user-panel a:visited, .user-panel a:link { color: #198DDD; font-size: 14px; padding: 5px 10px; text-align: center; text-decoration: none; border: 1px solid #198DDD; }
.user-panel a:hover { color: #198DDD; }
.user-panel a.top-login { color: white; background: #198DDD; }
.user-panel a:hover { background: #26c79d; color: white; border: 1px solid #26c79d; }
.shopping-box { margin: 0px auto; padding: 20px; }
.shopping-box li { margin: 10px; }
/* 幻灯文字 */
.carousel-caption { bottom: 20%; }
.carousel-caption h3 { margin-bottom: 50px; font-size: 3.0em; font-weight: bold }
.carousel-caption p { line-height: 200%; font-size: 1.2em; }
.carousel-caption .btn { margin-top: 20px; font-size: 1.0em; }



/*宽度小于等于767px*/
@media screen and (max-width: 767px) {
.carousel-caption { bottom: 10%; }
.carousel-caption h3 { margin-bottom: 30px; font-size: 1.6em; line-height: 150%; }
.carousel-caption p { font-size: 1.2em; }
.carousel-caption .btn { }
}
/* 通用 */

.blank5,.blank10,.blank20,.blank30,.blank35,.blank40,.blank50,.blank55,.blank60{float: none;clear: both;height: 5px;overflow: hidden}
.blank10{height: 10px}
.blank20{height: 20px}
.blank30{height: 30px}
.blank35{height: 35px}
.blank40{height: 40px}
.blank50{height: 50px}
.blank55{height: 55px}
.blank60{height: 60px}

.spal40{float: none;clear: both;height: 40px;overflow: hidden}
.spal55{float: none;clear: both;height: 55px;overflow: hidden}

@media screen and (max-width:767px) {
.spal40{height: 10px}
.spal55{height: 25px}
}


.title, .title-2 { padding: 50px 0px 60px 0px; text-align: center; text-transform: uppercase; }
.title h1, .title h3 a { color: #f00000; line-height: 45px; height: 45px; font-size: 40px; font-weight: normal; text-decoration: none; }
.title h3 small { display: block; clear: both; margin: 20px 0px 10px 0px; color: #a1a1a1; font-size: 10px; }
.title p, .title-index-1 p { margin: 10px auto 30px auto; line-height: 20px; color: #333; font-size: 16px; }
.title span { }
.title-2 a { font-size: 30px; }
.title-2 h3 a small { display: block; clear: both; margin: 10px 0px 10px 0px; color: #a1a1a1; font-size: 8px; }
/* position.html */
.sub_menu { margin-top: 30px; }
/* 面包屑导航 */
.breadcrumb { margin-bottom: 50px; }
.breadcrumb span { padding-right: 15px; color: #ccc; }
/* 内页文字大小按钮 */
.content_tools { float: right; margin: 30px 0px; padding: 5px 15px; background: #eee; text-align: right; font-size: 14px; }
/************* 分页 */

.pages { clear: both; margin: 0px 10px; font-size: 0.8em; color: #888; }
.pages strong, .pages span { color: #FFFFFF; display: block; float: left; height: 26px; line-height: 26px;  padding: 0px 8px; background: #337ab7; margin: 0px 3px 0px 0px; font-size: 0.8em; border-radius: 3px 3px 3px 3px; }
.pages a, .pages a { display: block; float: left; height: 24px; line-height: 24px;  padding: 0px 8px; border: 1px solid #337ab7; border-radius: 3px 3px 3px 3px; text-decoration: none; margin: 0px 3px 0px 0px; color: #337ab7; font-size: 0.8em; }
.pages strong { color: white; }
.pages span { float: right; }
#page { font-size: 0.8em; }
#page strong { padding: 5px 8px; background: #f00000; border-radius: 5px; color: white; margin-right: 15px; font-size: 0.8em; }
/* 分页 */

.page-number { position: relative; right: 0px; top: 5px; color: #FFFFFF; height: 26px; line-height: 26px; padding: 9px 20px; background: #337ab7; margin: 0px 3px 0px 0px; font-size: 0.8em; border-radius: 3px 3px 3px 3px; }
/* 正文 */
#content_text { line-height: 180%; font-size: 1.2em; }
/* 首页 */

.index-1, .index-3 { padding-bottom: 100px; background: #f8f8f8; }
.index-1 ul { overflow: hidden; }
.index-1 li { height: 350px; overflow: hidden; text-align: center; float: left; border: 1px solid transparent; position: relative; transition: 400ms; }
.index-1 li:hover { background: white; border: 1px solid #ccc; }
.index-1 .t1 { width: 100%; height: 140px; padding: 70px 0 0 0; font-size: 14px; color: #9b9797; transition: 400ms; }
.index-1 .t1 .img-auto { height: 176px; margin: 0px 0px 10px 0px; overflow: hidden; }
.index-1 .t1 a { margin: 0 0 5px 0; font-size: 18px; color: #3a3a3a; transition: 400ms; }
.index-1 .t2 { width: 100%; padding: 20px 10px 0px 10px; height: 80px; line-height: 24px; font-size: 14px; color: #fff; background: #7bc91e; position: absolute; left: 0; bottom: -80px; transition: 400ms; }
.index-1 li:hover .t1 { margin-top: -50px; }
.index-1 li:hover .t2 { bottom: 0px; }
.index-2 { padding-bottom: 80px; }
.index-2 div div { padding: 20px 30px; border: 1px solid #eee; -moz-box-shadow: 0px 0px 10px #eee; -webkit-box-shadow: 0px 0px 10px #eee; box-shadow: 0px 0px 10px #eee; border-radius: 3px; }
.index-2 div div.img-auto a { display: block; height: 100px; margin: 20px 0px; overflow: hidden; }
.index-2 div div.img-auto h4 a { height: 16px; font-size: 14px; }
.index-2 div div:hover { background: #eee; }
.index-2 div div p { font-size: 12px; color: #555; }
.index-2 div div p.date { color: #999; }
.index-3 .btn { padding: 10px 40px; border-radius: 50px; }
.index-3-left { height: 240px; overflow: auto; }
.index-3-left p { text-indent: 2em; }
.index-6 { padding: 0px 0px 100px 0px; }
.index-6 ul li { height: 124px; padding: 0px; border: 1px solid #eee; overflow: hidden; }
.index-6 ul li .img-auto { width: 89px; height: 68px; margin: 28px 50px; overflow: hidden; }
/**/
/*列表页 -文字列表*/
/**/
.list-container a { color: #333; }
.list-container p { color: #888; }
.list-container h4 { color: #000; font-weight: bold; }
.list-container .row { margin-bottom: 15px; }
.list-container .news-list { margin-bottom: 0; }
.list-border { padding: 15px; clear: both; border: 1px dotted transparent; border-bottom-color: #BBBBBB; }
.list-border-w { border: 1px dotted #BBBBBB; margin: 15px 0px; }
.list-border:hover { background: #F5F5F5; border-color: #ccc; border-radius: 5px 5px 5px 5px; }
.list-date { width: 4em; float: left; margin-right: 20px; text-align: center; }
.list-date span { display: block; width: 1em; line-height: 1em; padding-top: .1em; white-space: nowrap; font-size: 4em; color: #555; overflow: hidden; font-family: 'Times New Roman', Times, serif; }
.list-date p { clear: both; display: block; width: 4em; overflow: hidden; margin-bottom: 0; }
.news-list p, .news-list-text-pic p, .list-down p { line-height: 1.6 }
.list-down .img-auto { height: 170px; overflow: hidden; }
#projectlist.masonry { margin: 0 auto; }
#projectlist { }
.wrapper1 { margin: 0px auto; }
.projectitem1 { margin: 0px 0px 30px 0px; width: 380px; float: none; -webkit-backface-visibility: hidden;/*谷歌图片闪烁*/ -webkit-transform-style: preserve-3d; }
.projectitem1 a { position: relative; display: block; }
.projectitem1 a:hover { text-decoration: none; overflow: hidden; }
.projectitem1 a h4 { display: none; cursor: hand; text-align: center; }
.projectitem1 a:hover h4 { width: 100%; line-height: 30px; margin: 0; padding: 15px 0px; background: #333; display: block; position: absolute; bottom: 0; left: 0; color: #fff; filter: alpha(opacity=56); -moz-opacity: 0.8; opacity: 0.8; }
.projectitem1 img, .index-1 img, .index-2 img, .index-3 img, .owl-item img { -moz-box-shadow: 0px 0px 10px #888; -webkit-box-shadow: 0px 0px 10px #888; }
.projectitem1 p { line-height: 200%; font-size: 1.2em; }
/*列表页 - 右侧*/

.content-right-list h3 { font-size: 16px; }
.content-right-list ol { margin-bottom: 60px; }
.content-right-list ol li { list-style-type: decimal; font-size: 14px; line-height: 1.8 }
/* 联系我们地图页 */
.contact-us { }
.contact-us h3 { font-size: 60px; line-height: 120%; color: #CCCCCC; text-align: center; padding: 50px 0; }
.contact-us h3 span { font-weight: bold; color: #C22C45; }
.contact-us h4 { clear: both; margin: 50px auto 0; padding: 0 0 50px }
.contact-us dl { }
.contact-us dl dt { line-height: 40px; color: #CACACA; font-size: 26px; margin-bottom: 10px; }
.contact-us dl dd { color: #AEAEAE; font-size: 1.0em; }
.content-ditu { overflow: hidden; margin: 0 auto;height: 30.8em; }


@media screen and (max-width: 767px) {
.content-ditu { height: 20.8em; }
}
/* 产品页面右侧文字信息 */
.product_info { overflow: hidden }
.product_info table { color: #535353; width: 100%; }
.product_info table th { text-align: right; padding: 7px 5px; width: 120px; font-weight: normal; color: #888; }
.product_info table td { padding: 5px; color: #535353; font-size: 0.9em; }
.product_info table tr { }
.product_info strong { color: #E53F40; font-size: 30px; }
#dialog_link { margin-left: 20px; background: #236298; }
/* 滚动图片 */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; padding: 0px 50px; overflow: hidden; text-align: center; }
.owl-carousel .owl-item a.img-auto { height: 350px; overflow: hidden; }
.owl-carousel .owl-item h4 { margin: 30px 0px; font-size: 16px; }
.owl-carousel .owl-item h4 small { padding-left: 20px; font-style : oblique; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon*/
.grabbing { cursor: url(../images/index/grabbing.png) 8 8, move; }
/* fix*/
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-theme .owl-controls { margin-top: 20px; text-align: center; }
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div { color: #333; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver*/
margin: 5px; padding: 5px 15px; font-size: 20px; font-weight: bold; background: #eee; }
.owl-theme .owl-controls .owl-buttons div:hover { background: #333; color: white; }
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver*/
}
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=30);/*IE7 fix*/ opacity: 0.3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #999; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* preloading images*/
.owl-item.loading { min-height: 150px; background: url(../images/base/AjaxLoader.gif) no-repeat center center }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.content-bottom-list-more { padding: 8px 15px; background: #eee; color: #888; }
.lead { font-size: 1.0em; line-height: 1.8; }
.index-1 ul, .index-6 ul { margin: 0px; padding: 0px; }
.lead img { max-width: 100%; }
.child { display: none; }
.left-menu { line-height: 42px; border: 1px solid #ccc; border-radius: 5px; }
.left-menu ul { margin: 0px; padding: 0px; }
.left-menu ul li a { display: block; padding: 0px 0px 0px 40px; }
.left-menu ul li.two { padding-left: 10px; }
.left-menu ul li.three { padding-left: 10px; }
.left-menu ul li.four { padding-left: 10px; }
.left-menu ul li.five { padding-left: 10px; }

/*宽度大于等于768*/
@media screen and (min-width: 768px) {
.title p, .title-index-1 p { width: 600px; }
}

/*宽度小于等于767px*/
@media screen and (max-width: 767px) {
.user-panel { margin: 10px 0px 0px 0px; }
.navbar-toggle { z-index: 999; background-color: #fff; border-radius: 6px; }
.sub_menu { height: 0px; overflow: hidden; }
.index-1 li { margin-bottom: 30px; background: white; border: 1px solid #ccc; }
.index-1 li .t1 { margin-top: -50px; }
.index-1 li .t2 { bottom: 0px; }
.index-2 div div { margin-bottom: 20px; }
.index-3-left { margin-bottom: 30px; }
.content-right-list { margin-top: 60px; }
#dialog_link { margin: 20px 0px 0px 0px; }
/* 手机菜单圆形按钮颜色 */
.plug-menu { background: #ccc; }
/* 手机菜单弹出按钮颜色 */
.top_menu>li { background: #ccc; }
/* 手机菜单平铺背景颜色 */
ul.nav-pills li.active { clear: both; display: block; }
#carousel-example-generic { margin-bottom: 30px; }
.content-bottom-list-more { display: block; width: 110px; margin-bottom: 30px; }
}
/* ——————————————————原始未修改结束—————————————————— */













.index-title { padding: 0 0 30px 0; text-align: center; }
.index-title a { text-decoration: none; }
.index-title h3 { margin: 0; color: #333; }
.index-title p { color: rgb(161, 161, 161); }


/* vr大图 */

.bannerWrap { overflow: hidden; background: url(../images/base/slideWarp.png) repeat 0 0; }
section.vrWap{display: none}
.panoWarp { position: relative; width: 100%; }
.pano { height: 700px }
.vr-text { position: absolute; right: 15%; left: 15%; bottom: 60px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6) }
.vr-text h3 { margin: 0; font-size: 3em; font-weight: 700; line-height: 1; padding: 10px 0 }
.vr-text p { line-height: 2; font-size: 1.2em; margin: 0; padding: 10px 0 }
.vr-text a { display: inline-block; text-align: center; border-radius: 6px; font-size: 16px; width: 180px; height: 46px; background: #f00000; line-height: 46px; color: #fff; text-shadow: none; }
.vr-text a:hover { background-color: #d60000; }

@media screen and (max-height:786px) {
.bannerWrap { height: 100%; }
.panoWarp { height: 100%; }
.pano { height: 100%!important; }
}

@media screen and (max-width: 767px) {
.bannerWrap { display: none}
section.vrWap{display: block}
}
/* ——————————————————RL样式开始—————————————————— */
.none { display: none }
/*导航条*/
nav.navbar-fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; padding: 10px 0; min-height: 40px; border: none; border-radius: 0; background: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out }
/* logo */
a.navbar-brand { float: left; overflow: hidden; padding: 20px 0 20px 15px; height: 80px }
a.navbar-brand img { margin: 0 auto; max-width: 187px; max-height: 40px }
/* 400 */
.dianhua { float: right; padding: 20px 0; height: 80px; color: #fff; font-size: 22px; position: relative }
.dianhua span { line-height: 40px }
.dianhua i { font-style: normal; color: #fff; font-size: 10px; position: absolute; top: 6px; right: 2px }
.dianhua1 { float: right; padding: 5px 20px 5px 0; height: 50px; font-size: 22px }
.dianhua1, .dianhua1 a { color: #fff }
.dianhua1 span { line-height: 40px }
/* 栏目导航 */
.navbar-default .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; color: #fff }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; border-radius: 6px; background: rgba(255, 255, 255, 0.2); }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { border-radius: 6px; background: rgba(255, 255, 255, 0.2); color: #fff }

@media screen and (min-width: 768px) {
.servers-wap { display: none }
#navbar { float: right; padding: 0; font-size: 18px }
ul.navbar-nav li.oen { padding: 20px 1px; height: 80px }
.navbar .nav>li.oen ul.two { margin: 0 }
.navbar .nav>li.oen:hover ul.two { display: block }
.dianhua1 { display: none }
}

/*宽度小于等于991px*/
@media screen and (max-width: 991px) {
.dianhua { display: none }
}

/*宽度小于等于767px*/
@media screen and (max-width: 767px) {
.scroll-nav a.navbar-brand { padding: 5px 0 10px 15px; height: 50px }
.scroll-nav a.navbar-brand img { max-width: 148px; max-height: 40px }
.scroll-nav .oen { float: left; padding: 1px 5px }
.navbar-default .navbar-collapse { border-top: 0 solid #333; background: rgba(0,0,0,.7) }
.scroll-nav .navbar-collapse { border-top: 1px solid #ddd; background: #fff }
.navbar-default ul.navbar-nav li.oen, .scroll-nav ul.navbar-nav li.oen { padding: 10px 1px; height: 60px }
.navbar-default .navbar-collapse .navbar-nav { padding: 0 15px }
.navbar-default .oen { float: left; padding: 1px }
a.navbar-brand { padding: 5px 15px; height: 50px }
a.navbar-brand img { max-width: 148px; max-height: 40px }
}

/*宽度小于等于505px*/
@media screen and (max-width: 465px) {
.dianhua1 { display: none }
}
/*滚动效果*/
.scroll-nav .navbar-nav>li>a { color: #333 }
.scroll-nav a.navbar-brand { padding: 10px 0 10px 15px; height: 60px }
.scroll-nav a.navbar-brand img { max-width: 148px; max-height: 40px }
.scroll-nav .dianhua { padding: 10px 0; height: 60px }
.scroll-nav .dianhua span { color: #f00000 }
.scroll-nav .dianhua i { font-size: 10px; top: -4px; color: #999 }
.scroll-nav .dianhua1 { padding: 5px 20px 5px 0; height: 50px }
.scroll-nav .dianhua1 span a { color: #f00000 }
.scroll-nav .oen { padding: 10px 5px }
.scroll-nav ul.navbar-nav li.oen { padding: 10px 1px; height: 60px }
.scroll-nav .navbar-nav>.active>a, .scroll-nav .navbar-nav>.active>a:focus, .scroll-nav .navbar-nav>.active>a:hover, .scroll-nav .navbar-nav>li>a:focus, .scroll-nav .navbar-nav>li>a:hover { border-radius: 6px; background: rgba(231,231,231,0.5); color: #333 }
/*banner图*/
.bannerWarp { position: relative; overflow: hidden; height: 400px; background: url(../images/base/slideWarp.png) repeat center top; }






.bannerWarp .banner1{background:url(../../../../images/banner/s1.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner2{background:url(../../../../images/banner/s2.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner3{background:url(../../../../images/banner/s3.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner4{background:url(../../../../images/banner/s4.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner5{background:url(../../../../images/banner/s5.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner6{background:url(../../../../images/banner/s6.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner7{background:url(../../../../images/banner/s7.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner8{background:url(../../../../images/banner/s8.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner9{background:url(../../../../images/banner/s9.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner10{background:url(../../../../images/banner/s10.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner11{background:url(../../../../images/banner/s11.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner12{background:url(../../../../images/banner/s12.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner13{background:url(../../../../images/banner/s13.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner14{background:url(../../../../images/banner/s14.jpg) no-repeat 50% bottom;height:400px}
.bannerWarp .banner15{background:url(../../../../images/banner/s15.jpg) no-repeat 50% bottom;height:400px}





.bannerWarp.showshow .bannerTitle { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.bannerWarp.showshow .bannerTitle .bar { width: 134px }
.slideWarp.showshow .bannerTitle { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.slideWarp.showshow .bannerTitle .bar { width: 134px }
.slideWarp1.showshow .bannerTitle { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.slideWarp1.showshow .bannerTitle .bar { width: 134px }
.panoWarp.showshow .bannerTitle { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.panoWarp.showshow .bannerTitle .bar { width: 134px }
.swiper-slide.showshow .bannerTitle { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.swiper-slide.showshow .bannerTitle .bar { width: 134px }
.panoWarp .bannerTitle { position: absolute; left: 20%; top: 50%; margin-top: -58px; padding: 0 0 295px 0; width: 100%; opacity: 0; transform: translateX(150px); -webkit-transform: translateX(150px); transition: all 1s ease-out .3s; -webkit-transition: all 1s ease-out .3s; z-index: 1000; }
.bannerTitle { position: absolute; left: 20%; top: 50%; margin-top: -58px; opacity: 0; transform: translateX(150px); -webkit-transform: translateX(150px); transition: all 1s ease-out .3s; -webkit-transition: all 1s ease-out .3s; z-index: 1000; }
.bannerTitle .bar { background: #f00000; height: 6px; width: 0; transition: all .8s ease-out .5s; -webkit-transition: all .8s ease-out .5s; margin-top: 29px }
.bannerTitle h1 { font-size: 50px; color: #fff; text-transform: uppercase; letter-spacing: 5px; font-weight: 700; text-shadow: 0 1px 1px rgba(0,0,0,.8) }
.bannerTitle h1 b { font-size: 16px; font-weight: normal; }
.bannerTitle h1 span { font-size: 25px;font-weight:normal; letter-spacing: 0px; }
.bannerTitle h1 span.h1tel { font-family: Candara; }
.bannerTitle p { color: #fff; padding: 20px 0 0 0; letter-spacing: 5px; font-size: 1.2em; font-weight: normal; text-shadow: 0 1px 1px rgba(0,0,0,.8) }
.bannerTitle div.bT1 { color: #fff; padding: 20px 0 0 0; letter-spacing: 5px; font-size: 1.2em; font-weight: normal; text-shadow: 0 1px 1px rgba(0,0,0,.8) }
.bannerTitle div.bT2 { color: #fff; padding: 10px 0 0 0; letter-spacing: 5px; font-size: 1.2em; text-shadow: 0 1px 1px rgba(0,0,0,.8) }
.bannerTitle div.bT2 i { font-style: normal }
.bannerTitle a { display: inline-block; border-radius: 6px; font-size: 16px; width: 134px; height: 36px; background: rgba(0,0,0,.5); line-height: 36px; color: #fff; text-shadow: none; margin: 20px 0 0 0; text-align: center }
.bannerTitle a:hover { background-color: #d60000; }

@media screen and (max-width:767px) {
.bannerWarp {height: 150px; }
.bannerWarp .banner0{background:url(../../../../images/banner/s0s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner1{background:url(../../../../images/banner/s1s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner2{background:url(../../../../images/banner/s2s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner3{background:url(../../../../images/banner/s3s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner4{background:url(../../../../images/banner/s4s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner5{background:url(../../../../images/banner/s5s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner6{background:url(../../../../images/banner/s6s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner7{background:url(../../../../images/banner/s7s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner8{background:url(../../../../images/banner/s8s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner9{background:url(../../../../images/banner/s9s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner10{background:url(../../../../images/banner/s10s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner11{background:url(../../../../images/banner/s11s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner12{background:url(../../../../images/banner/s12s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner13{background:url(../../../../images/banner/s13s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner14{background:url(../../../../images/banner/s14s.jpg) no-repeat 50% bottom;height:150px}
.bannerWarp .banner15{background:url(../../../../images/banner/s15s.jpg) no-repeat 50% bottom;height:150px}


.bannerTitle {  left: 57px; top: 65px; margin-top: 0px;}

.bannerTitle h1 { font-size: 18px; color: #fff; text-transform: uppercase; letter-spacing: 1px;  text-shadow: 0 1px 1px rgba(0,0,0,.8);margin-top: 0px;margin-bottom: 0px}
.bannerTitle h1 b { font-size: 12px; font-weight: normal;letter-spacing: 1px;}
.bannerTitle h1 span { font-size: 12px;font-weight: normal; letter-spacing: 0px; }


.bannerTitle .bar { height: 2px;margin-top: 10px}
.bannerWarp.showshow .bannerTitle .bar { width: 75px; }

.bannerTitle div.bT1 {  padding: 10px 0 0 0;  font-size: 12px;line-height: 16px;letter-spacing: 2px;}
.bannerTitle div.bT2 {  padding: 0 0 0 0;  font-size: 12px;line-height: 16px;letter-spacing: 2px;}
}

/* 大轮换图 */



.slideWarp { position: relative; overflow: hidden; background: url(../images/base/slideWarp.png) repeat 0 0; }
.slideWarp .swiper-container { width: 100%; }
.slideWarp .swiper-pic { height: 700px }
.swiper-text { position: absolute; right: 15%; left: 15%; bottom: 60px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6) }
.swiper-text h3 { margin: 0; font-size: 3em; font-weight: 700; line-height: 1; padding: 10px 0 }
.swiper-text p { line-height: 2; font-size: 1.2em; margin: 0; padding: 10px 0 }
.swiper-text a { display: inline-block; text-align: center; border-radius: 6px; font-size: 16px; width: 180px; height: 46px; background: #f00000; line-height: 46px; color: #fff; text-shadow: none; }
.swiper-text a:hover { background-color: #d60000; }
.slideWarp .swiper-pagination-bullet { width: 50px; height: 6px; border-radius: 0; background: #fff; opacity: 0.5 }
.slideWarp .swiper-pagination-bullet-active { opacity: 1; background: #fff }
.slideWarp .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 32px }
.slideWarp .swiper-arrow-prev, .slideWarp .swiper-arrow-next { width: 50px; height: 120px; margin: -60px 0 0; display: none; background: url(../images/base/swiper-arrow.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.5 }
.slideWarp .swiper-arrow-prev { left: 20px }
.slideWarp .swiper-arrow-next { background-position: 0 -120px; right: 20px }
.slideWarp .swiper-arrow-prev:hover, .slideWarp .swiper-arrow-next:hover { opacity: 1!important; }


@media screen and (max-width: 767px) {
.slideWarp { display: none}
}






.slideWarp1 { position: relative; overflow: hidden; height: 690px; }
.slideWarp1 .swiper-container { width: 100%; }
.slideWarp1 .swiper-pic1 { height: 100%; }
.slideWarp1 .swiper-pic1 #video { display: block; height: auto; min-height: 250px; width: 100%; }
.slideWarp1 .swiper-pic1 .banner-bg { position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition: background .3s ease; transition: background .3s ease; bottom: 0; left: 0; z-index: 0; background: url(../images/banner_bg.png) no-repeat; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.slideWarp1 .swiper-pic1 .banner-bg1 { position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition: background .3s ease; transition: background .3s ease; bottom: 0; left: 0; z-index: 0; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

@media screen and (max-width: 767px) {
.slideWarp1 .swiper-pic1 #video { display: none; }
}

@media screen and (min-width: 768px) {
.slideWarp1 .swiper-pic1 .banner-bg1 { display: none; }
}

@media screen and (max-width: 767px) and (max-height:786px) {
html, body { overflow: visible !important; overflow-y: auto; }
.slideWarp1 { height: 400px; }
.slideWarp1 .swiper-container { height: 100%; }
.slideWarp1 .swiper-pic1 { height: 50%!important; }
}
/*通用版块*/
.mainWarp { position: relative; width: 100%; z-index: 20; }
.mainTop { max-width: 768px; margin: 0 auto }
.mainBot { }
.fff { background: #fff; }
.f5f5 { background: #fafafa url(../images/base/bg.png) }
.eee { background: #f5f5f5 }
/*通用版块标题*/
.titWarp { margin: 0 auto; padding: 60px 0 0 0; text-align: center; }
.titWarp h3 { margin: 0; line-height: 26px; color: #000; text-align: center; letter-spacing: -.5px; font-weight: 400; font-size: 25px; }
.titWarp h3:after { content: ""; display: block; margin: 16px auto 0; height: 3px; background: #f00000; width: 1.3em; }
.titWarp p { font-size: 14px; line-height: 24px; color: #666; padding: 24px 10px 0 10px; margin: 0 }

.titWarp1 { margin: 0 auto; padding: 60px 0 0 0; text-align: center; }
.titWarp1 h3 { margin: 0; line-height: 26px; color: #fff; text-align: center; letter-spacing: -.5px; font-weight: 400; font-size: 26px }
.titWarp1 h3:after { content: ""; display: block; margin: 16px auto 0; height: 3px; background: #f00000; width: 1.3em; }
.titWarp1 p { font-size: 14px; line-height: 24px; color: #b3b3b3; padding: 24px 10px 0 10px; margin: 0 }
.titWarp2 { margin: 0 auto; padding: 60px 0 0 0; }
.titWarp2 h3 { margin: 0; line-height: 26px; color: #000; text-align: center; letter-spacing: -.5px; font-weight: 400; font-size: 26px }
.titWarp2 h3:after { content: ""; display: block; margin: 16px auto 0; height: 3px; background: #f00000; width: 1.3em; }
@media screen and (max-width:767px) {
.titWarp { padding: 30px 0 0 0;}
.titWarp1 {padding: 30px 0 0 0;}
}




.topWarp{height: auto;overflow: hidden;padding-bottom: 0px;padding-top: 77px;text-align: center;}
.topWarp .topEm{color: #bababa;font-size: 30px;line-height: 100%;margin-bottom: 14px; font-weight: lighter}
.topWarp .a1{color: #878787;}
.topWarp h3{color: rgb(0, 0, 0);font-size: 34px;padding-bottom: 16px;font-weight: lighter;text-align: center;background: url(../images/base/line.png) center bottom no-repeat;margin: 0px auto;}
.topWarp h3.topRed{color: rgb(230, 0, 0);}
.topWarp p{padding: 23px 0 0;margin: 0; color: #333;font-size: 14px;}


/*通用版块内容*/
/*联系我们*/
#contactUs { background: url(../images/base/contactus.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.contactUs { }
.contactUs ul { padding: 60px 0 30px 0; margin: 0 }
.contactUs ul li { margin-bottom: 30px; }
.contactUs ul li .liWarp { }
.contactUs ul li:hover { }
.contactUs ul li p strong { font-size: 1.5em; display: block; color: #333 }
.contactUs ul li p strong a { color: #333; text-decoration: none; }

.contactUs ul li img { transition: all 0.4s ease-in; transform: rotateY(0deg); width: 60px; height: 60px; }
.contactUs ul li:hover img { transform: rotateY(360deg); }

.contactUs ul li .liWarp a.zxT { width: 25%; float: left }
.contactUs ul li .liWarp a.mailT { width: 25%; float: left }
.contactUs ul li .liWarp a.phoneT { width: 25%; float: left }
.contactUs ul li .liWarp a.qqT { width: 25%; float: left }

.contactUs ul p { width: 75%; float: left; margin: 0; font-size: 0.8em; color: #666; padding: 0 0 0 10px}



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

.contactUs ul { padding: 30px 0 0px 0; margin: 0 }





.contactUs ul li .liWarp a.zxT { width: 35%; float: left; text-align: right; padding: 0 30px 0 0}
.contactUs ul li .liWarp a.mailT { width: 35%; float: left; text-align: right; padding: 0 30px 0 0}
.contactUs ul li .liWarp a.phoneT { width: 35%; float: left;text-align: right; padding: 0 30px 0 0 }
.contactUs ul li .liWarp a.qqT { width: 35%; float: left;text-align: right; padding: 0 30px 0 0}
.contactUs ul p { width: 65%; float: left; margin: 0; font-size: 0.8em; color: #666;padding: 0}




}


/*摄影服务*/
.service { }
.service ul { padding: 38px 0 35px 0; margin: 0 }
.service ul li { margin-bottom: 28px; text-align: center; }
.service ul li .liWarp { padding: 15px; overflow: hidden; }
.service ul li .liWarp img { transition: 0.5s; }
.service ul li:hover .liWarp img { transform: translate3d(0, -10px, 0); }
.service ul li:hover { }
.service ul li strong { font-size: 18px; line-height: 22px; font-weight: normal; text-align: center; margin-top: 13px; display: block; color: #333 }
.service ul li strong a { color: #333; text-decoration: none; }
.service ul p { font-size: 14px; line-height: 28px; color: #999; }
.service ul li .tu { position: relative; }
.service ul li img { max-width: 100%; height: auto; border-radius: 6px; }
.service ul li:hover img { }

.service ul li .tu .light { position: absolute; left: -169px; top: -20px; width: 142px; height: 158px; background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); }
.service ul li:hover .tu .light { left: 345px; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }

@media screen and (max-width:767px) {
.service ul { padding: 25px 0 5px 0; margin: 0 }
.service ul li .liWarp { padding: 0px; }
}

/*多媒介展示*/
.pingmu { }
.pingmu ul { padding: 38px 0 35px 0; margin: 0 }
.pingmu ul li { margin-bottom: 28px; text-align: center;}
.pingmu ul li .liWarp { padding: 0px; overflow: hidden; border-radius: 6px; background-color: #fff}
.pingmu ul li .liWarp img { transition: 0.5s; }
.pingmu ul li:hover .liWarp img { transform: translate3d(0, 0px, 0); }
.pingmu ul li:hover { }
.pingmu ul li strong { font-size: 18px; line-height: 22px; font-weight: normal; text-align: center; margin-top: 13px; display: block; color: #333 }
.pingmu ul li strong a { color: #333; text-decoration: none; }
.pingmu ul p { font-size: 14px; line-height: 22px; color: #999; padding: 10px 10px 0 10px}
.pingmu ul li .tu { position: relative; }
.pingmu ul li img { max-width: 100%; height: auto;  }
.pingmu ul li:hover img { }
.pingmu ul li .tu .light { position: absolute; left: -169px; top: -20px; width: 142px; height: 275px; background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); }
.pingmu ul li:hover .tu .light { left: 345px; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }

@media screen and (max-width:767px) {
.pingmu ul { padding: 25px 0 5px 0; margin: 0 }
.pingmu ul li .liWarp { padding: 0px; }
}


/*VR技术优势*/
.advantage { }
.advantage ul { padding: 55px 0 11px 0; margin: 0 }
.advantage ul li { margin-bottom: 30px; }
.advantage ul li .liWarp { padding: 15px; background: rgba(255,255,255,.8); height: 216px; overflow: hidden; border-radius: 6px; transition: 0.5s; }
.advantage ul li:hover .liWarp { background: #fff; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15); transform: translate3d(0, -5px, 0); }
.advantage ul li strong { font-size: 20px; line-height: 30px; font-weight: normal; text-align: center; margin-top: 8px; display: block; color: #666;  }
.advantage ul li strong a { color: #333; text-decoration: none; }
.advantage ul p { font-size: 14px; line-height: 24px; color: #999; padding: 21px 0 0 0; }
.advantage ul li .tu { position: relative; }
.advantage ul li .tu i { display: block; width: 80px; height: 80px; margin: 0 auto; }
.advantage ul li .ad1 i { background: url(../images/ad/add_01.png) no-repeat 0 0; }
.advantage ul li .ad2 i { background: url(../images/ad/add_02.png) no-repeat 0 0; }
.advantage ul li .ad3 i { background: url(../images/ad/add_03.png) no-repeat 0 0; }
.advantage ul li .ad4 i { background: url(../images/ad/add_04.png) no-repeat 0 0; }
.advantage ul li .ad5 i { background: url(../images/ad/add_05.png) no-repeat 0 0; }
.advantage ul li .ad6 i { background: url(../images/ad/add_06.png) no-repeat 0 0; }
.advantage ul li .ad7 i { background: url(../images/ad/add_07.png) no-repeat 0 0; }
.advantage ul li .ad8 i { background: url(../images/ad/add_08.png) no-repeat 0 0; }
.advantage ul li:hover { }
.advantage ul li:hover .tu i { -webkit-animation: add 0.8s steps(19) forwards; -moz-animation: add 0.8s steps(19) forwards; -o-animation: add 0.8s steps(19) forwards; animation: add 0.8s steps(19) forwards; }
@-webkit-keyframes add { 0% {background-position:0 0px;} 100% {background-position:0 -1520px;}}
@-moz-keyframes add { 0% {background-position:0 0px;} 100% {background-position:0 -1520px;}}
@-o-keyframes add { 0% {background-position:0 0px;} 100% {background-position:0 -1520px;}}
@keyframes add { 0% {background-position:0 0px;} 100% {background-position:0 -1520px;}}

@media screen and (max-width:767px) {
.advantage ul { padding: 25px 0 11px 0;}
.advantage ul p { font-size: 12px; line-height: 16px;  padding: 11px 0 0 0;margin: 0 0 0 0;}
}


/*VR解决方案*/
.solution { }
.solution ul { padding: 39px 0 16px 0; margin: 0 }
.solution ul li { margin-bottom: 14px; text-align: center; }
.solution ul li .liWarp { padding: 15px; height: 330px; overflow: hidden; border-radius: 6px; transition: 0.5s; border: 1px solid #fff; }
.solution ul li:hover .liWarp { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15); transform: translate3d(0, -5px, 0); border: 1px solid #eaeaea; }
.xcp .solution ul li .liWarp { padding: 15px; height: 402px; overflow: hidden; border-radius: 6px; transition: 0.5s; border: 1px solid #fff; }
.xcp .solution ul li:hover .liWarp { background: #fff; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15); transform: translate3d(0, -5px, 0); border: 1px solid #eaeaea; }
.solution ul li:hover { }
.solution ul li strong { font-size: 20px; line-height: 30px; font-weight: normal; text-align: center; margin-top: 8px; display: block; color: #666 }
.solution ul li strong a { color: #333; text-decoration: none; }
.solution ul p { font-size: 14px; line-height: 24px; color: #808080; padding: 21px 0 0 0; text-align: left }
.solution ul li .tu { position: relative; }
.solution ul li img { width: 142px; height: 158px; }
.solution ul li:hover img { }
.solution ul li .tu .light { position: absolute; left: -54px; top: 0; width: 142px; height: 158px; background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); }
.solution ul li:hover .tu .light { left: 264px; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }

@media screen and (max-width:767px) {
.solution ul { padding: 9px 0 16px 0; }
.solution ul li { margin-bottom: 0px; }

.solution ul li .liWarp { padding: 10px 5px; height: 293px; }
.solution ul p { font-size: 12px; line-height: 16px; padding: 11px 0 0 0;margin: 0 0 0 0;}
}

/*VR问答*/
.faq { }
.faq ul { padding: 43px 0 11px 0; margin: 0 }
.faq ul li { margin-bottom: 33px; }
.faq ul li:hover { }
.faq ul li h4 { font-size: 20px; margin-bottom: 24px; color: #333; }
.faq ul li p { font-size: 16px; color: #999;}
.faq ul li p.faq140 { height: 140px; }
.faq ul li p.faq84 { height: 84px; }
.faq ul li p.faq56 { height: 56px; }

@media screen and (max-width:767px) {
.faq ul { padding: 13px 0 11px 0; }
.faq ul li { margin-bottom: 23px; }
.faq ul li h4 { font-size: 20px; margin:10px 0; color: #333; }
.faq ul li p { font-size: 16px; color: #999;margin: 0 0 0 0;}
.faq ul li p.faq140 { height: auto; }
.faq ul li p.faq84 { height: auto; }
.faq ul li p.faq56 { height: auto; }
}


/*增值服务*/
.Oservice { }
.Oservice ul { padding: 60px 0 30px 0; margin: 0 }
.Oservice ul li { margin-bottom: 30px; text-align: center; }
.Oservice ul li .liWarp { padding: 15px; overflow: hidden; border-radius: 6px; background: rgba(255, 255, 255, 1); transition: 0.5s; }
.Oservice ul li:hover .liWarp { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15); background: rgba(255, 255, 255, 1); transform: translate3d(0, -5px, 0); }
.Oservice ul li:hover { }
.Oservice ul li i { display: block; position: relative; height: 86px; width: 86px; margin: 0 auto }
.Oservice ul li.ose1 i { background: url(../images/base/ose1.png) no-repeat 0 0; }
.Oservice ul li.ose1x i { background: url(../images/base/ose1x.png) no-repeat 0 0; }
.Oservice ul li.ose2 i { background: url(../images/base/ose2.png) no-repeat 0 0; }
.Oservice ul li.ose3 i { background: url(../images/base/ose3.png) no-repeat 0 0; }
.Oservice ul li.ose3x i { background: url(../images/base/ose3x.png) no-repeat 0 0; }
.Oservice ul li.ose4 i { background: url(../images/base/ose4.png) no-repeat 0 0; }
.Oservice ul li.ose4x i { background: url(../images/base/ose4x.png) no-repeat 0 0; }
.Oservice ul li.ose5 i { background: url(../images/base/ose5.png) no-repeat 0 0; }
.Oservice ul li.ose5x i { background: url(../images/base/ose5x.png) no-repeat 0 0; }
.Oservice ul li.ose6 i { background: url(../images/base/ose6.png) no-repeat 0 0; }
.Oservice ul li.ose7 i { background: url(../images/base/ose7.png) no-repeat 0 0; }
.Oservice ul li.ose8 i { background: url(../images/base/ose8.png) no-repeat 0 0; }
.Oservice ul li.ose9 i { background: url(../images/base/ose9.png) no-repeat 0 0; }
.Oservice ul li.ose10 i { background: url(../images/base/ose10.png) no-repeat 0 0; }
.Oservice ul li:hover i { background-position: -86px 0; -webkit-transition: all .2s ease-in-out .4s; transition: all .2s ease-in-out .4s; -moz-transition: all .2s ease-in-out .4s; -ms-transition: all .2s ease-in-out .4s; -o-transition: all .2s ease-in-out .4s }
.Oservice ul li u { display: block; position: absolute; width: 86px; height: 86px; left: 50%; margin-left: -43px; background: url(../images/base/Oservice.png) no-repeat center center; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
.Oservice ul li u.cl { clip: rect(0,43px,86px,0); }
.Oservice ul li:hover u.cl { clip: rect(86px,43px,2000px,0); }
.Oservice ul li u.cr { clip: rect(0,86px,86px,43px); }
.Oservice ul li:hover u.cr { clip: rect(0, 86px, -10px, 43px); }
.Oservice ul li strong { font-size: 20px; line-height: 30px; font-weight: normal; text-align: center; margin-top: 8px; margin-bottom: 10px; display: block; color: #666 }
.Oservice ul li strong a { color: #333; text-decoration: none; }
.Oservice ul p { font-size: 14px; line-height: 24px; color: #999; padding: 0; margin: 0; text-align: center }

@media screen and (max-width:767px) {
.Oservice ul { padding: 30px 0 0px 0; }
.Oservice ul p { font-size: 12px; line-height: 20px;}
}



/*视频服务*/
.shipin { }
.shipin ul { padding: 55px 0 30px 0; margin: 0 }
.shipin ul li { margin-bottom: 30px; text-align: center; }
.shipin ul li .liWarp { padding: 15px; overflow: hidden; border-radius: 6px; background: rgba(255, 255, 255, 1); transition: 0.5s; }
.shipin ul li:hover .liWarp { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15); background: rgba(255, 255, 255, 1); transform: translate3d(0, -5px, 0); }
.shipin ul li:hover { }
.shipin ul li i { display: block; position: relative; height: 86px; width: 86px; margin: 0 auto }
.shipin ul li.sp1 i { background: url(../images/base/sp1.png) no-repeat 0 0; }
.shipin ul li.sp2 i { background: url(../images/base/sp2.png) no-repeat 0 0; }
.shipin ul li.sp3 i { background: url(../images/base/sp3.png) no-repeat 0 0; }
.shipin ul li.sp4 i { background: url(../images/base/sp4.png) no-repeat 0 0; }
.shipin ul li.sp5 i { background: url(../images/base/sp5.png) no-repeat 0 0; }
.shipin ul li.sp6 i { background: url(../images/base/sp6.png) no-repeat 0 0; }
.shipin ul li.sp7 i { background: url(../images/base/sp7.png) no-repeat 0 0; }
.shipin ul li.sp8 i { background: url(../images/base/sp8.png) no-repeat 0 0; }
.shipin ul li:hover i { background-position: -86px 0; -webkit-transition: all .2s ease-in-out .4s; transition: all .2s ease-in-out .4s; -moz-transition: all .2s ease-in-out .4s; -ms-transition: all .2s ease-in-out .4s; -o-transition: all .2s ease-in-out .4s }
.shipin ul li u { display: block; position: absolute; width: 86px; height: 86px; left: 50%; margin-left: -43px; background: url(../images/base/shipin.png) no-repeat center center; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
.shipin ul li u.cl { clip: rect(0,43px,86px,0); }
.shipin ul li:hover u.cl { clip: rect(86px,43px,2000px,0); }
.shipin ul li u.cr { clip: rect(0,86px,86px,43px); }
.shipin ul li:hover u.cr { clip: rect(0, 86px, -10px, 43px); }
.shipin ul li strong { font-size: 20px; line-height: 30px; font-weight: normal; text-align: center; margin-top: 8px; margin-bottom: 20px; display: block; color: #000 }
.shipin ul li strong a { color: #333; text-decoration: none; }
.shipin ul p { display: block; font-size: 14px; line-height: 24px; color: #999; padding: 0; margin: 0; text-align: center }
.shipin ul b{display: none}

@media screen and (max-width:767px) {
.shipin ul { padding: 25px 0 0px 0; }
.shipin ul p { display: none;  }
.shipin ul b{display: block; font-size: 12px; line-height: 16px; color: #999; padding: 0; margin: 0; text-align: center; font-weight: normal; height:64px ;}

.shipin ul li strong {  margin-bottom: 10px; }
}



/*网站建设*/


section.wangzhan { }
.wangzhan ul { padding: 55px 0 30px 0; margin: 0 }
.wangzhan ul li { margin-bottom: 23px; text-align: center; }
.wangzhan ul li .liWarp {}
.wangzhan ul li:hover .liWarp {}
.wangzhan ul li:hover {}
.wangzhan ul li strong { line-height: 30px; font-weight: normal; text-align: center; margin-top: 8px; display: block; color: #666 }
.wangzhan .wzPic { text-align: center; padding-top: 46px; }
.wangzhan .wzPic img { width: 100%; height: auto }
.wangzhan ul li i { display: block; width: 60px; height: 60px; margin: 0 auto; transition: 0.2s; }
.wangzhan ul li .wz1 i { background: url(../images/base/wz1.png) no-repeat 0 0; }
.wangzhan ul li .wz2 i { background: url(../images/base/wz2.png) no-repeat 0 0; }
.wangzhan ul li .wz3 i { background: url(../images/base/wz3.png) no-repeat 0 0; }
.wangzhan ul li .wz4 i { background: url(../images/base/wz4.png) no-repeat 0 0; }
.wangzhan ul li .wz5 i { background: url(../images/base/wz5.png) no-repeat 0 0; }
.wangzhan ul li .wz6 i { background: url(../images/base/wz6.png) no-repeat 0 0; }
.wangzhan ul li .wz7 i { background: url(../images/base/wz7.png) no-repeat 0 0; }
.wangzhan ul li .wz8 i { background: url(../images/base/wz8.png) no-repeat 0 0; }
.wangzhan ul li .wz9 i { background: url(../images/base/wz9.png) no-repeat 0 0; }
.wangzhan ul li .wz10 i { background: url(../images/base/wz10.png) no-repeat 0 0; }
.wangzhan ul li .wz11 i { background: url(../images/base/wz11.png) no-repeat 0 0; }
.wangzhan ul li .wz12 i { background: url(../images/base/wz12.png) no-repeat 0 0; }
.wangzhan ul li:hover i { transform: translate3d(0, -10px, 0); }
@media screen and (max-width:767px) {
.wangzhan ul { padding: 25px 0 0px 0; margin: 0 }
.wangzhan .wzPic {padding-top: 30px; }
}


/*联系条*/
.sectionLxwm { padding: 60px 0; background: url(../images/base/wangzhanLxwm.jpg) no-repeat top center; }
.sectionLxwm h1 { float: left; margin: 0 35px 0 0; color: #fff; height: 50px; line-height: 50px; font-size: 2em; }
.sectionLxwm p { float: left; border-left: 1px solid #fff; line-height: 50px; padding: 0 0 0 35px; margin: 0; color: #fff; font-size: 3em; font-weight: 700; font-family: Candara; }
.sectionLxwm p a{ color: #fff}
.sectionLxwm a.lxQQ { display: block; float: right; padding: 0 30px; height: 50px; line-height: 50px; background: none; color: #fff; font-size: 18px; border-radius: 6px; border: 1px solid #fff }
.sectionLxwm a.lxQQ:hover { background: #fff; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .3); color: #000 }






@media screen and (max-width:767px) {
.sectionLxwm { padding: 30px 0;text-align: center;background: url(../images/base/wangzhanLxwms.jpg) no-repeat top center; }
.sectionLxwm h1 { float: none; clear: both;text-align: center; margin: 0;height: 16px; line-height: 16px; font-size: 16px;font-weight:normal;}
.sectionLxwm p { float: none; clear: both;margin: 0 auto; border: none; padding: 5px 0 0 0;line-height: 30px;font-size: 30px; font-weight:normal;}
.sectionLxwm a.lxQQ{ display: none;}
}




/*商城*/
section.shangcheng { background: url(../images/base/shangcheng.jpg)no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.shangcheng ul { padding: 55px 0 33px 0; margin: 0 }
.shangcheng ul li { margin-bottom: 23px; text-align: center; }
.shangcheng ul li .liWarp { }
.shangcheng ul li:hover .liWarp { }
.shangcheng ul li:hover { }
.shangcheng ul li strong { line-height: 30px; font-weight: normal; text-align: center; margin-top: 8px; display: block; color: #fff }
.shangcheng ul li p { line-height: 20px; font-size: 12px; color: #b3b3b3; margin: 0;height: 80px;}
.shangcheng .scPic { display: inline; text-align: center; padding-top: 69px; }
.shangcheng .scPic img { width: 100% }

.shangcheng ul li i { display: block; width: 60px; height: 60px; margin: 0 auto; transition: 0.2s; }
.shangcheng ul li .sc1 i { background: url(../images/base/sc1.png) no-repeat 0 0; }
.shangcheng ul li .sc2 i { background: url(../images/base/sc2.png) no-repeat 0 0; }
.shangcheng ul li .sc3 i { background: url(../images/base/sc3.png) no-repeat 0 0; }
.shangcheng ul li .sc4 i { background: url(../images/base/sc4.png) no-repeat 0 0; }
.shangcheng ul li .sc5 i { background: url(../images/base/sc5.png) no-repeat 0 0; }
.shangcheng ul li .sc6 i { background: url(../images/base/sc6.png) no-repeat 0 0; }
.shangcheng ul li .sc7 i { background: url(../images/base/sc7.png) no-repeat 0 0; }
.shangcheng ul li .sc8 i { background: url(../images/base/sc8.png) no-repeat 0 0; }
.shangcheng ul li:hover i { transform: translate3d(0, -10px, 0); }
@media screen and (max-width:767px) {
.shangcheng ul { padding: 25px 0 3px 0; margin: 0 }
.shangcheng .scPic {padding-top: 20px; }
}


/*商城方案*/
.shangchengFA { border-top: 1px solid #666; }
.shangchengFA ul.nav-tabs { border: 0; padding: 9px 0 11px 0; width: 832px; margin: 0 auto }
.shangchengFA ul.nav-tabs>li { margin: 6px 20px; text-align: center; padding: 0; }
.shangchengFA .tab-content { padding: 0 0 60px 0; color: #666 }
.shangchengFA .tab-content .faPic i { display: block; height: 277px; border-radius: 6px 6px 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.shangchengFA .tab-content .faPic i.fa1 { background: url(../images/base/fa1.jpg) no-repeat center center; }
.shangchengFA .tab-content .faPic i.fa2 { background: url(../images/base/fa2.jpg) no-repeat center center; }
.shangchengFA .tab-content .faPic i.fa3 { background: url(../images/base/fa3.jpg) no-repeat center center; }
.shangchengFA .tab-content .faPic i.fa4 { background: url(../images/base/fa4.jpg) no-repeat center center; }
.shangchengFA .tab-content .faPic i.fa5 { background: url(../images/base/fa5.jpg) no-repeat center center; }
.shangchengFA .tab-content .faPic i.fa6 { background: url(../images/base/fa6.jpg) no-repeat center center; }
.shangchengFA .tab-content .faPic i.fa7 { background: url(../images/base/fa7.jpg) no-repeat center center; }
.shangchengFA .tab-content .faPic i.fa8 { background: url(../images/base/fa8.jpg) no-repeat center center; }
.shangchengFA .tab-content .faTitle {padding: 45px 45px 45px 25px; }
.shangchengFA .tab-content .tab-pane { background: rgba(255,255,255,1); border-radius: 6px }
.shangchengFA .tab-content img { width: 100%; height: auto; }
.shangchengFA .tab-content h2 { color: #666; margin: 0 }
.shangchengFA .tab-content h4 { color: #999; margin-top: 14px; margin-bottom: 9px; }
.shangchengFA .tab-content p { line-height: 1.8; margin: 0;height: 112px;  }
.shangchengFA ul.nav-tabs>li>a { color: #fff; padding: 0; margin: 0px; line-height: 36px; border: 0; border-radius: 0; position: relative; display: block; ransition: 0s; -webkit-transition: 0s; -moz-transition: 0s; border-bottom: 3px solid rgba(240,0,0,0); }
.shangchengFA ul.nav-tabs>li>a:hover { color: #fff; border-bottom: 3px solid #f00000; text-decoration: none; background: none }
.shangchengFA ul.nav-tabs>li.active>a, .shangchengFA ul.nav-tabs>li.active>a:focus, .shangchengFA ul.nav-tabs>li.active>a:hover { color: #fff; cursor: default; background: none; border: 0; border-bottom: 3px solid #f00000; }

@media screen and (max-width:767px) {
.shangchengFA ul.nav-tabs { width: 336px; }
.shangchengFA ul.nav-tabs>li { margin: 6px 10px;}
.shangchengFA .tab-content { padding: 0 0 30px 0;}
.shangchengFA .tab-content .faTitle {padding: 20px 30px 20px 30px; }

.shangchengFA .tab-content h2 {  font-size: 20px; }
.shangchengFA .tab-content h4 { font-size: 14px; }
.shangchengFA .tab-content p { font-size: 12px; line-height: 1.5; margin: 0;height: auto;  }

}

/*全景方案*/
.quanjingFA { border-top: 1px solid #666; }
.quanjingFA ul.nav-tabs { border: 0; padding: 9px 0 11px 0;  margin: 0 auto }
.quanjingFA ul.nav-tabs>li { margin: 6px 20px; text-align: center; padding: 0; }
.quanjingFA .tab-content { padding: 0 0 60px 0; color: #666 }



.quanjingFA .tab-content .faTitle {padding: 45px 45px 45px 25px; }
.quanjingFA .tab-content .tab-pane { background: #303030;border-radius: 16px; overflow: hidden;}
.quanjingFA .tab-content img { width: 100%; height: auto; }
.quanjingFA .tab-content h2 { color: #666; margin: 0 }
.quanjingFA .tab-content h4 { color: #999; margin-top: 14px; margin-bottom: 9px; }
.quanjingFA .tab-content p { line-height: 1.8; margin: 0;height: 112px;  }
.quanjingFA ul.nav-tabs>li>a { color: #4d4d4d; padding: 0; margin: 0px; line-height: 36px; border: 0; border-radius: 0; position: relative; display: block; ransition: 0s; -webkit-transition: 0s; -moz-transition: 0s; border-bottom: 3px solid rgba(240,0,0,0); }
.quanjingFA ul.nav-tabs>li>a:hover { color: #000; border-bottom: 3px solid #f00000; text-decoration: none; background: none }
.quanjingFA ul.nav-tabs>li.active>a, .quanjingFA ul.nav-tabs>li.active>a:focus, .quanjingFA ul.nav-tabs>li.active>a:hover { color: #000; cursor: default; background: none; border: 0; border-bottom: 3px solid #f00000; }

@media screen and (max-width:767px) {
.quanjingFA ul.nav-tabs { width: 336px; }
.quanjingFA ul.nav-tabs>li { margin: 6px 10px;}
.quanjingFA .tab-content { padding: 0 0 30px 0;}
.quanjingFA .tab-content .faTitle {padding: 20px 30px 20px 30px; }

.quanjingFA .tab-content h2 {  font-size: 20px; }
.quanjingFA .tab-content h4 { font-size: 14px; }
.quanjingFA .tab-content p { font-size: 12px; line-height: 1.5; margin: 0;height: auto;  }

}



/*微信营销*/
section.weixin { }
.weixin ul { padding: 55px 0 30px 0; margin: 0 }
.weixin ul li { margin-bottom: 23px; text-align: center; }
.weixin ul li .liWarp { }
.weixin ul li:hover .liWarp { }
.weixin ul li:hover { }
.weixin ul li strong { line-height: 30px; font-weight: normal; text-align: center; margin-top: 8px; display: block; color: #666 }
.weixin .wxPic { text-align: center; padding-top: 107px; }
.weixin .wxPic img { width: 100%; height: auto }
.weixin ul li i { display: block; width: 60px; height: 60px; margin: 0 auto; transition: 0.2s; }
.weixin ul li .wx1 i { background: url(../images/base/wx1.png) no-repeat 0 0; }
.weixin ul li .wx2 i { background: url(../images/base/wx2.png) no-repeat 0 0; }
.weixin ul li .wx3 i { background: url(../images/base/wx3.png) no-repeat 0 0; }
.weixin ul li .wx4 i { background: url(../images/base/wx4.png) no-repeat 0 0; }
.weixin ul li .wx5 i { background: url(../images/base/wx5.png) no-repeat 0 0; }
.weixin ul li .wx6 i { background: url(../images/base/wx6.png) no-repeat 0 0; }
.weixin ul li .wx7 i { background: url(../images/base/wx7.png) no-repeat 0 0; }
.weixin ul li .wx8 i { background: url(../images/base/wx8.png) no-repeat 0 0; }
.weixin ul li .wx9 i { background: url(../images/base/wx9.png) no-repeat 0 0; }
.weixin ul li .wx10 i { background: url(../images/base/wx10.png) no-repeat 0 0; }
.weixin ul li .wx11 i { background: url(../images/base/wx11.png) no-repeat 0 0; }
.weixin ul li .wx12 i { background: url(../images/base/wx12.png) no-repeat 0 0; }
.weixin ul li .wx13 i { background: url(../images/base/wx13.png) no-repeat 0 0; }
.weixin ul li .wx14 i { background: url(../images/base/wx14.png) no-repeat 0 0; }
.weixin ul li .wx15 i { background: url(../images/base/wx15.png) no-repeat 0 0; }
.weixin ul li .wx16 i { background: url(../images/base/wx16.png) no-repeat 0 0; }
.weixin ul li .wx17 i { background: url(../images/base/wx17.png) no-repeat 0 0; }
.weixin ul li .wx18 i { background: url(../images/base/wx18.png) no-repeat 0 0; }
.weixin ul li:hover i { transform: translate3d(0, -10px, 0); }
@media screen and (max-width:767px) {
.weixin ul { padding: 25px 0 0px 0; margin: 0 }
.weixin .wxPic {  padding-top: 30px; }
}



/*微信功能*/
section.weixinGN { }
section.weixinGN .container { border-top: 1px solid #e5e5e5 }
.weixinGN ul.nav-tabs { border: 0; padding: 9px 0 11px 0; width: 832px; margin: 0 auto }
.weixinGN ul.nav-tabs>li { margin: 6px 20px; text-align: center; padding: 0; }
.weixinGN ul.nav-tabs>li>a { color: #333; padding: 0; margin: 0px; line-height: 36px; border: 0; border-radius: 0; position: relative; display: block; ransition: 0s; -webkit-transition: 0s; -moz-transition: 0s; border-bottom: 3px solid #fff; }
.weixinGN ul.nav-tabs>li>a:hover { color: #333; border-bottom: 3px solid #f00000; text-decoration: none; background: none }
.weixinGN ul.nav-tabs>li.active>a, .weixinGN ul.nav-tabs>li.active>a:focus, .weixinGN ul.nav-tabs>li.active>a:hover { color: #333; cursor: default; background: none; border: 0; border-bottom: 3px solid #f00000; }
.weixinGN .tab-content { padding: 0 0 58px 0 }
.weixinGN .tab-content ul { padding: 0; margin-bottom: 0; }
.weixinGN .tab-content ul li { padding: 0 1px 2px 1px; margin: 0; text-align: center; }
.weixinGN .tab-content ul li .liWarp { background: #f9f9f9; color: #9d9d9d; border-radius: 6px; }
.weixinGN .tab-content ul li .liWarp i { margin-top: 10px; margin-bottom: 10px; width: 40px; height: 40px; display: inline-block; vertical-align: top; opacity: 1; -webkit-backface-visibility: hidden; filter:progid:dXImageTransform.Microsoft.Glow(color=#000000, Strength=5);
}
.weixinGN .tab-content ul li .liWarp i img { vertical-align: top; width: 40px; height: 40px; }
.weixinGN .tab-content ul li .liWarp i em { display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #f00000; }
.weixinGN .tab-content ul li .liWarp p { font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 }
.weixinGN .tab-content ul li:hover .liWarp i { position: relative;  /* -webkit-filter: brightness(2.3);    filter: brightness(2.3);filter:progid:dXImageTransform.Microsoft.Glow(color=#000000,Strength=5);*/ -webkit-animation: tada 1s 0s 1 linear both; animation: tada 1s 0s 1 linear both; }
.weixinGN .tab-content ul li:hover .liWarp i em { display: block; }
.weixinGN .tab-content ul li:hover .liWarp { background: #f00000; }
.weixinGN .tab-content ul li:hover .liWarp p { color: #fff; }

@media screen and (max-width:767px) {
.weixinGN ul.nav-tabs { width: 336px; }
.weixinGN ul.nav-tabs>li { margin: 6px 10px; }
.weixinGN .tab-content { padding: 0 0 28px 0 }
}


/*服务优势*/
section.youshi { }
.youshi ul { padding: 49px 0 36px 0; margin: 0 }
.youshi ul li { margin-bottom: 19px; }
.youshi ul li .liWarp { }
.youshi ul li:hover .liWarp { }
.youshi ul li:hover { }
.youshi ul li strong { font-size: 20px; line-height: 30px; font-weight: normal; margin-top: 0px; margin-bottom: 10px; display: block; color: #666 }
.youshi ul li p { font-size: 14px; line-height: 24px; color: #999; padding: 0; margin: 0; }
.youshi .ysPic { text-align: center; padding-top: 85px; }
.youshi .ysPic img { width: 80%; height: auto }
.youshi ul li i { display: block; width: 60px; height: 60px; margin: 6px 20px 46px 0; float: left; transition: all 0.4s ease-in; transform: rotateY(0deg); }
.youshi ul li .ys1 i { background: url(../images/base/ys1.png) no-repeat 0 0; }
.youshi ul li .ys2 i { background: url(../images/base/ys2.png) no-repeat 0 0; }
.youshi ul li .ys3 i { background: url(../images/base/ys3.png) no-repeat 0 0; }
.youshi ul li .ys4 i { background: url(../images/base/ys4.png) no-repeat 0 0; }
.youshi ul li .ys5 i { background: url(../images/base/ys5.png) no-repeat 0 0; }
.youshi ul li .ys6 i { background: url(../images/base/ys6.png) no-repeat 0 0; }
.youshi ul li:hover i { transform: rotateY(360deg); }

@media screen and (max-width:767px) {
.youshi ul { padding: 19px 0 6px 0;}
.youshi .ysPic { display: none}
}






/*服务流程 */
.processWarp { background: url(../images/base/processWarp.jpg)no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 2px; }
.processWarp1 { background: url(../images/base/processWarp1.jpg)no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 2px; }
.processWarp2 { background: url(../images/base/processWarp2.jpg)no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 2px; }
.processWarp3 { background: url(../images/base/processWarp3.jpg)no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 2px; }

.process { }
.process ul { padding: 55px 0 13px 0; margin: 0 }
.process ul li { margin-bottom: 30px; text-align: center; }
.process ul li strong { font-size: 20px; line-height: 30px; font-weight: normal; text-align: center; margin-top: 8px; display: block; color: #fff }
.process ul li strong a { color: #fff; text-decoration: none; }
.process ul p { font-size: 14px; line-height: 24px; color: #b3b3b3; padding: 21px 0 0 0;text-align: left; }
.process ul li img { width: 60px; height: 60px; }
.process ul li:hover img { -webkit-animation: bounce 1s ease 1 0s both; animation: bounce 1s ease 1 0s both; }


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

.process ul { padding: 25px 0 13px 0; margin: 0 }
.process ul p { font-size: 12px; line-height: 16px; color: #b3b3b3; padding: 11px 0 0 0; margin: 0 0 0 0}
}



/*在线咨询*/
.onlineMessage { padding: 55px 0 54px 0 }
.omWx { text-align: center }
.omWx dt { font-size: 16px; color: #333; line-height: 40px; font-weight: normal; }
.omWx dt span{ display: none}
.omWx p { font-size: 14px; margin: 0 }
@media screen and (max-width:767px) {
.onlineMessage { padding: 25px 0 24px 0 }
.omWx dt span{ display: block; font-size: 14px;line-height: 1.5;}
.omWx p{display:none}
}




.omXq ul { margin: 0; padding: 0; }
.omXq ul li { padding: 5px 0; }
.omXq ul li .ombm { font-size: 14px; color: #a9a9a9; line-height: 40px; }
.omXq ul li input { border: 1px solid #eee; border-radius: 6px; line-height: 40px; height: 40px; font-size: 16px; padding: 0 20px; width: 100%; }
.omXq ul li input.yzm { width: 30% }
.omXq ul li input:focus { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify: read-write-plainteeet-only; outline: none; -webkit-tap-highlight-color: transparent; }
.omXq ul li input.ombtn { color: #fff; width: 100%; border-radius: 6px; height: 40px; line-height: 40px; font-size: 16px; background: #f00000; webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.omXq ul li input.ombtn:hover { background: #d60000 }
.omXq ul li textarea { border: 1px solid #eee; border-radius: 6px; height: 100px; line-height: 1.5; font-size: 16px; padding: 10px 20px; width: 100% }
.omXq ul li textarea:focus { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify: read-write-plainteeet-only; outline: none; -webkit-tap-highlight-color: transparent; }
/*需求下拉菜单*/
.select-box { width: 100%; position: relative; z-index: 100; border: 1px solid #eee; border-radius: 6px; line-height: 40px; background: #fff; height: 40px; color: #000; margin-bottom: 0px; }
.select-box dt { padding: 0; cursor: pointer; line-height: 40px; }
.select-box dt b { padding-left: 20px; margin-right: 0; font-size: 16px; color: #000; font-weight: normal; display: block; }
.set.select-box dt b { color: #000; }
.select-box dt i.ico { width: 25px; height: 16px; background: url(../images/base/select_d.png) no-repeat; margin-top: -8px; right: 15px; position: absolute; transition: 0.3s all ease-in-out; top: 50%; }
.select-box dt.open i.ico { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.select-box dd { background: #fff; border: 1px solid #eee; border-radius: 6px; left: -1px; right: -1px; position: absolute; max-height: 337px; z-index: 102; overflow-y: auto; padding: 10px; overflow-x: hidden; top: 100%; display: none; }
.select-box dd a { font-size: 16px; color: #000; display: block; line-height: 2.2; font-weight: normal; white-space: normal; padding: 0 10px; margin-top: 0px; }
.select-box dd a:hover { background: #f0f0f0; color: #000; }


/*页面二级菜单*/
.subtitleWarp { text-align: center; padding: 19px 0 21px 0;}
.subtitleWarp a { display: inline-block; line-height: 36px; padding: 0; color: #333; transition: 0ms; margin: 6px 36px; text-decoration: none }
.subtitleWarp a:hover, .subtitleWarp a.on { border-bottom: 3px solid #ff1100; }

@media screen and (max-width:767px) {
.subtitleWarp a { margin: 6px 10px;  }
}


/*图片瀑布*/
#pubu_box { margin: 0; padding: 0; }
#pubu_box .item { width: 100%; }
/*新闻资讯*/
.newsUl { height: auto; overflow: hidden; padding-top: 20px }
.newsUl li { width: 100%; margin-bottom: 20px; }
.newsUl .row { margin: 0 }
.newsWrap { background: #fff; overflow: hidden; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; border: 1px solid #eee; }
.newsWrap i { font-style: normal; }
.newsWrap .pic { padding: 15px }
.newsWrap .pic a { width: 100%; height: auto; box-sizing: content-box; display: block; overflow: hidden; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.newsWrap .pic a img { width: 100%; height: auto; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.newsWrap .txt { padding: 15px }
.newsWrap .txt a { display: block; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.newsWrap .txt a i { font-size: 18px; color: #555; line-height: 24px; height: 24px; margin: 13px 0 13px 0; display: block; overflow: hidden; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.newsWrap .txt a i small { display: inline-block; vertical-align: middle; width: 0; height: 0; border-top: 1px solid #000; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.newsWrap .txt a p { font-size: 14px; color: #888; line-height: 24px; height: 48px; overflow: hidden; display: block; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.newsWrap .txt a span { font-size: 14px; height: 30px; color: #696969; line-height: 30px; display: block; float: right; opacity: 0; transform: translateX(-30px); -moz-transform: translateX(-30px); -webkit-transform: translateX(-30px); transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.newsWrap .txt a span em { background: url(../images/base/ico3.png) center center no-repeat; width: 13px; height: 30px; display: block; float: right; margin: 0 5px 0 10px }
.newsWrap .date { padding: 15px; }
.newsWrap .date p { width: 80px; font: bold 64px/64px Arial, Helvetica, sans-serif; color: #e5e5e5; text-align: center; display: block; margin: 21px auto 0 auto }
.newsWrap .date span { width: 60px; margin: 0 auto; text-align: center; font: 18px/36px Arial, Helvetica, sans-serif; border-top: 1px #e5e5e5 solid; color: #e5e5e5; display: block }
.newsWrap:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15); }
.newsWrap:hover .pic a img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05) }
.newsWrap:hover .txt a { text-decoration: none; }
.newsWrap:hover .txt a i { color: #333; }
.newsWrap:hover .txt a i small { width: 40px; }
.newsWrap:hover .txt a p { color: #999; }
.newsWrap:hover .txt a span { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.newsWrap:hover .txt a span em { transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }

/*宽度大于等于992*/
@media screen and (min-width: 992px) {
.newsWrap .pic { padding: 27px 15px 28px 15px }
.newsWrap .pic a { max-height: 138px; }
}

/*宽度大于等于1200*/
@media screen and (min-width:1200px) {
.newsWrap .pic { padding: 15px }
}

/*分页样式*/
.pagination { margin: 40px 0px 72px 0; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #333; border-color: #333; }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #333; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #333; border-color: #ddd; }


@media screen and (max-width:767px) {
.pagination { margin: 10px 0px 22px 0; }
.pagination>li>a, .pagination>li>span {  padding: 6px 10px;}
}


/* 友情链接 */
.homeLink { color: #404040; background: #363636 url(../images/base/bg.png); padding: 30px 0; line-height: 24px; font-size: 12px; box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.05), inset 0px 2px 3px 0px rgba(0,0,0,0.1); }
.homeLink ul { overflow: hidden; margin: 0; }
.homeLink ul li { float: left; display: inline-block; margin-right: 10px; line-height: 20px; white-space: nowrap; color: #262626 }
.homeLink ul li a { line-height: 20px; color: #262626 }
.homeLink a { color: #262626; }
.homeLink a:hover { color: #999 }

/*宽度小于等于767px*/
@media screen and (max-width: 767px) {
.homeLink { display: none }
}
/* 页底 */
.foot { padding-top: 60px; padding-bottom: 53px; background: #303030 url(../images/base/bg.png); color: #fff; font-size: 14px; }
.foot .footLogo { padding-bottom: 20px; }
.footDes { padding-bottom: 20px; color: #ccc; }
.footNav { padding-top: 22px; }
.footNav a { color: #fff; }
.footNav a:hover { color: #ccc }
.footCode { text-align: center; }
.footCode dl { margin-bottom: 0; }
.footCode dt { }
.footCode dt img { width: 120px; height: 120px; }
.footCode dd { padding-top: 10px; color: #ccc; }
.footContact { text-align: right }
.footContact dl { margin-bottom: 0; }
.footContact dl.footSj { padding-top: 25px; }
.footContact dt { font-size: 30px; }
.footContact dt a { color: #fff }
.footContact dd { color: #ccc; }
.copyright { background: #282828 url(../images/base/bg.png); overflow: hidden; padding: 20px 0; color: #5c5c5c; font-size: 12px; box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.05), inset 0px 2px 3px 0px rgba(0,0,0,0.1); }
.copyright a { color: #5c5c5c; }
.copyright-wap { background: #282828 url(../images/base/bg.png); overflow: hidden; padding: 10px 0; color: #5c5c5c; font-size: 12px; text-align: center; }
.copyright-wap a { color: #5c5c5c; }
/*返回顶部*/


.wapTop { display: none}
@media screen and (max-width:767px) {
.wapTop {display: block;width: 100%; height: 38px;}


.wapTop a {display: block;text-align: center; font-size: 14px;width: 100%;height: 38px;  color: #666;background: url(../images/base/wapTop.png) no-repeat center center;padding: 5px 0 5px 20px;}
.wapTop a:hover { color: #333 }
.wapTop span { padding: 0 10px 0 0 }
}

/*手机版底部*/



.foot_mp{position:fixed;bottom:0;left:0;z-index:100000;clear:both;width:100%;height:60px;}
.foot_mp div a{display:inline-block; width: 100%;height: 60px;text-align: center; line-height: 60px; padding: 0 0 0 33px}
.foot_mp div a i{display:block;width: 132px; margin: 0 auto; height: 60px; font-style: normal;}

.foot_mp div.db a{padding: 0 0 0 0}
.foot_mp div.db a i{width: 100%; }


.foot_mp div.sj{background: #f00000;  width: 42%; float: left;}
.foot_mp div.lx{background: #f00000;  width: 42%; float: left;}
.foot_mp div.db{background: #bd0000; width: 16%;float: left;}





.foot_mp div.sj a{color: #fff;}
.foot_mp div.sj a i{background: url(../images/base/sj.png) no-repeat 0 center; }

.foot_mp div.lx a{color: #fff;}
.foot_mp div.lx a i{background: url(../images/base/lx.png) no-repeat 0 center; }

.foot_mp div.db a{color: #fff;}
.foot_mp div.db a i{background: url(../images/base/db.png) no-repeat center center;}


/*宽度大于等于992*/
@media screen and (min-width: 992px) {
.copyright-wap { display: none }
}

/*宽度小于等于991px*/
@media screen and (max-width: 991px) {
.foot { font-size: 12px; }
.footDes { line-height: 18px; }
.footNav { padding-top: 0px; line-height: 20px; }
.footNav a { color: #fff; }
.footCode dt img { width: 90px; height: 90px; }
.footContact dt { font-size: 20px; }
.copyright { display: none }
}

/*宽度小于等于767px*/
@media screen and (max-width: 767px) {
.foot { display: none }
.copyright-wap { padding: 10px 0 76px 0; background: #303030 url(../images/base/bg.png); color: #666; }
.copyright-wap a { color: #666 }
.copyright { display: none }
.servers, .foot-share, .content_tools_box { display: none; }

}

/*宽度小于等于360px*/
@media screen and (max-width: 360px) {
.copyright-wap { background: none; color: #888; padding: 10px 0 90px 0 }
}

/*宽度小于等于320px*/
@media screen and (max-width: 320px) {
.copyright-wap { font-size: 10px; }
}
.hzpt { padding: 54px 0 100px 0 }


.coopWarp { position: relative; border-top: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; }
.coopWarp .swiper-pagination { bottom: -48px; width: 100%; left: 0px; }
.coopWarp .swiper-pagination-bullet { margin: 0px 5px; height: 12px; width: 12px; }
.coopWarp .swiper-pagination-bullet-active { background: #f00000; }
.coopPicAll { border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; height: 100px; position: relative; background: #fff; overflow: hidden; }
.coopPic { height: 100px; position: relative; background: #fff; overflow: hidden; transition: all 0.4s ease-in; transform: rotateY(0deg); }
.coopPic:hover { transform: rotateY(360deg); }
.coopPic img { max-width: 90%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: alpha(opacity=50); opacity: 0.5; }
.coopPic:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; filter: alpha(opacity=100); opacity: 1; }

@media screen and (max-width:767px) {
.hzpt { padding: 24px 0 70px 0 }
}




/*瀑布列表*/
.s1-tiem { background: #FFF; border: 1px solid #EEE; margin: 0px 10px 20px 10px; }
.s1-text { padding: 20px; }
.s1-text h5 { margin: 10px 0 5px; color: #444; }
.s1-text p { color: #999; font-size: 12px; }
.s1-text:after { content: ''; display: block; margin: 10px 0 0 0px; width: 3px; height: 1px; background: #a5a5a5; top: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.s1-tiem:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15); }
.s1-tiem:hover .s1-text:after { width: 30px; }
/* 划过图片放大 */
.s1-tiem .img-auto { display: block; overflow: hidden; }
.s1-tiem .img-auto img { width: 100%; height: auto; margin: 0px auto; transition: 600ms; }
.s1-tiem .img-auto:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }


@media screen and (max-width:767px) {
.s1-tiem { margin: 0px 0 20px 0; }
.s1-text { padding: 5px 10px; }
.s1-text:after {display: none; }
.s1-text h5 { margin: 5px 0 5px;}
}



/*首页*/
section.index1 { }
section.index1 .Oservice ul li .liWarp { padding: 15px; overflow: hidden; border-radius: 6px; background: rgba(255, 255, 255, .8); transition: 0.5s; border: 1px solid #fff; }
section.index1 .Oservice ul li:hover .liWarp { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15); background: rgba(255, 255, 255, 1); transform: translate3d(0, -5px, 0); border: 1px solid #eaeaea; }
section.index2 { background: url(../images/base/index2.jpg)no-repeat 0px 0px fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff }
section.index2 .mainBot { padding: 100px 0 }
section.index2 .mainBot .index2pic { padding: 0 0 30px 0; text-align: center }
section.index2 .mainBot img { width: 60%; height: auto; }
section.index2 h3 { margin: 0; line-height: 25px; color: #fff; text-align: center; letter-spacing: -.5px; font-weight: 400; font-size: 25px; margin-bottom: 60px }
section.index2 h3:after { content: ""; display: block; margin: 15px auto 0; height: 3px; background: #f00000; width: 1.3em; }
section.index2 p { padding: 0 0 0 0; text-indent: 2em; }

/*宽度大于等于768*/
@media screen and (min-width: 768px) {
section.index2 .mainBot .index2pic { padding: 71px 0 0 0; }
section.index2 .mainBot img { width: 100%; height: auto; }
}

/*宽度大于等于992*/
@media screen and (min-width: 992px) {
section.index2 .mainBot .index2pic { padding: 40px 0 0 0; }
section.index2 .mainBot img { width: 80%; height: auto; padding-top: 50px }
}

/*宽度大于等于1200*/
@media screen and (min-width:1200px) {
section.index2 .mainBot .index2pic { padding: 0; }
}
section.index3 { }
section.index3 ul.nav-tabs { border: 0; padding: 39px 0 54px 0; width: 222px; margin: 0 auto }
section.index3 ul.nav-tabs>li { margin: 6px 20px; text-align: center; padding: 0; }
section.index3 ul.nav-tabs>li>a { color: #333; padding: 0; margin: 0px; line-height: 36px; border: 0; border-radius: 0; position: relative; display: block; ransition: 0s; -webkit-transition: 0s; -moz-transition: 0s; border-bottom: 3px solid #fff; }
section.index3 ul.nav-tabs>li>a:hover { color: #333; border-bottom: 3px solid #f00000; text-decoration: none; background: none }
section.index3 ul.nav-tabs>li.active>a, section.index3 ul.nav-tabs>li.active>a:focus, section.index3 ul.nav-tabs>li.active>a:hover { color: #333; cursor: default; background: none; border: 0; border-bottom: 3px solid #f00000; }
section.index3 .tab-content { padding: 0 0 0px 0 }
section.index3 .tab-content ul { padding: 0; margin-bottom: 0; }
section.index3 .tab-content ul li { padding: 0 1px 2px 1px; margin: 0; text-align: center; }
section.index3 .tab-content ul li .liWarp { background: #f9f9f9; color: #9d9d9d; border-radius: 6px; }
section.index3 .tab-content ul li .liWarp i { margin-top: 10px; margin-bottom: 10px; width: 40px; height: 40px; display: inline-block; vertical-align: top; opacity: 1; -webkit-backface-visibility: hidden; filter:progid:dXImageTransform.Microsoft.Glow(color=#000000, Strength=5);
}
section.index3 .tab-content ul li .liWarp i img { vertical-align: top; width: 40px; height: 40px; }
section.index3 .tab-content ul li .liWarp i em { display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #f00000; }
section.index3 .tab-content ul li .liWarp p { font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 }
section.index3 .tab-content ul li:hover .liWarp i { position: relative;  /* -webkit-filter: brightness(2.3);    filter: brightness(2.3);filter:progid:dXImageTransform.Microsoft.Glow(color=#000000,Strength=5);*/ -webkit-animation: tada 1s 0s 1 linear both; animation: tada 1s 0s 1 linear both; }
section.index3 .tab-content ul li:hover .liWarp i em { display: block; }
section.index3 .tab-content ul li:hover .liWarp { background: #f00000; }
section.index3 .tab-content ul li:hover .liWarp p { color: #fff; }
section.index3 #projectlist .projectitem { position: relative; background: #000}
section.index3 #projectlist [class*="col-"] { padding: 0; }
section.index3 #projectlist .projectitem a { display: block; overflow: hidden; max-height: 320px; }
section.index3 #projectlist .projectitem a img { width: 100%; height: auto; transition: all ease-out .3s }
section.index3 #projectlist .projectitem a:hover img { transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); }
section.index3 #projectlist .projectitem .project_info { width: 100%; height: 100%; background: rgba(0,0,0,0); position: absolute; left: 0; top: 0; transition: all ease-out .3s; }
section.index3 #projectlist .projectitem a:hover .project_info { background: rgba(0,0,0,.7) }
section.index3 #projectlist .projectitem .project_info p { text-align: center; color: #fff; padding: 0 20px }
section.index3 #projectlist .projectitem .project_info div { position: relative; top: 50%; margin-top: -15px }
section.index3 #projectlist .projectitem .project_info p.title10 { margin-top: 10px; color: rgba(0,0,0,0); font-size: 14px; transition: all ease-out .3s; }
section.index3 #projectlist .projectitem a:hover .project_info p.title10 { margin-top: 0px; color: #fff; }
section.index3 #projectlist .projectitem .project_info p.subtitle { margin-top: 16px; color: rgba(0,0,0,0); font-size: 12px; transition: all ease-out .3s; }
section.index3 #projectlist .projectitem a:hover .project_info p.subtitle { margin-top: 0px; color: #b7b7b7; font-size: 12px }
section.index4 { }
section.index4 .hzpt { padding: 15px 0 60px 0; }
section.index4 .coopWarp .swiper-pagination { bottom: -28px; }
section.index4 .coopWarp { border: none }
section.index4 .coopPicAll { border: none }
section.index4 .coopPic img { max-width: 90%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: alpha(opacity=50); opacity: 0.5; }
section.index4 .coopPic:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; filter: alpha(opacity=100); opacity: 1; }
section.index5 { }
section.index5 .content_list { height: auto; width: 100%; padding: 32px 0 28px 0; margin: 0; overflow: hidden }
section.index5 .newstitem { height: 368px; margin-bottom: 60px; }
section.index5 a.newscontent { height: 100%; display: block; position: relative; margin: 0; padding: 0; }
section.index5 .news_wrapper { height: 100%; z-index: 1; transition: all 0.25s ease 0s; bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
section.index5 .news_wrapper::before { content: ""; display: inline-block; height: auto; }
section.index5 .newsbody { padding: 0 60px; width: auto; height: 368px; transition: all 0.3s ease-out 0s; margin-left: 0; display: inline-block; max-width: 100%; background: #fff; border-radius: 6px }
section.index5 .date { width: 82px; margin: 0 0 40px; background-color: #f00000; padding: 30px 10px 20px; transition: all 0.3s ease-out 0s; transform: translate3d(0px, -20px, 10px ); box-sizing: content-box; font-family: "HELVETICANEUELTPRO-THEX", Arial; text-align: center; border-radius: 6px }
section.index5 .md { color: #fff; font-size: 30px; line-height: 30px; display: block; position: relative; top: 0 }
section.index5 .year { color: #fff; font-size: 16px; display: block; position: relative; top: 0 }
section.index5 .title10 { height: 20px; line-height: 20px; font-size: 16px; color: #464646; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 100%; }
section.index5 .description { text-align: left; color: #a1a1a1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width: 100%; margin-top: 30px; }
section.index5 .newstitem:hover { }
section.index5 .newstitem a.newscontent:hover { padding: 0; }
section.index5 .newstitem a.newscontent:hover .news_wrapper { width: 100%; }
section.index5 .newstitem:hover .newsbody { background: #fff; }
section.index5 .newstitem:hover .date { background-color: #f00000; padding: 60px 10px 20px; }
section.index5 .newstitem:hover .md { }
section.index5 .newstitem:hover .year { }
section.index5 .newstitem:hover .newsbody .title10 { }
section.index5 .indexMore { padding: 0 0 60px 0 }
section.index5 a.more { border: 1px solid #f5f5f5; width: 300px; height: 50px; display: block; margin: 0 auto; line-height: 50px; font-size: 16px; color: #303030; text-indent: 117px; border-radius: 6px; transition: all ease-out .3s; text-decoration: none; }
section.index5 a.more i { text-indent: -10px; font-size: 22px; color: transparent; transition: all ease-out .3s; }
section.index5 a.more:hover { text-indent: 107px; background: #f00000; color: #fff }
section.index5 a.more:hover i { text-indent: 13px; color: #fff; }
section.index1_1 .indexAdvantage { }
section.index1_1 .indexAdvantage ul { padding: 60px 0 30px 0; margin: 0 }
section.index1_1 .indexAdvantage ul li { margin-bottom: 30px; text-align: center; }
section.index1_1 .indexAdvantage ul li .liWarp { padding: 15px; overflow: hidden; }
section.index1_1 .indexAdvantage ul li .liWarp img { transition: 0.5s; }
section.index1_1 .indexAdvantage ul li:hover .liWarp img { transform: translate3d(0, -10px, 0); }
section.index1_1 .indexAdvantage ul li:hover { }
section.index1_1 .indexAdvantage ul li strong { font-size: 20px; line-height: 22px; font-weight: normal; text-align: center; margin-top: 13px; display: block; color: #666 }
section.index1_1 .indexAdvantage ul li strong a { color: #333; text-decoration: none; }
section.index1_1 .indexAdvantage ul p { font-size: 14px; line-height: 28px; color: #999; }
section.index1_1 .indexAdvantage ul li .tu { position: relative; }
section.index1_1 .indexAdvantage ul li img { max-width: 100%; height: auto; border-radius: 6px; }
section.index1_1 .indexAdvantage ul li:hover img { }
section.index1_1 .indexAdvantage ul li .tu .light { position: absolute; left: -169px; top: -20px; width: 142px; height: 158px; background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); }
section.index1_1 .indexAdvantage ul li:hover .tu .light { left: 345px; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.area-box { position: fixed; left: 20px; top: 50%; z-index: 9999; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
.area-box ul { margin: 0; padding: 0 }
.area-box li { position: relative; width: 30px; height: 30px; cursor: pointer; }
.area-box li span { position: absolute; left: 50%; top: 50%; width: 4px; height: 4px; border: 2px solid #999; line-height: 0; font-size: 0; border-radius: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; }
.area-box li .active span { width: 15px; height: 15px; border-color: #f00000; }
.area-box li font { position: absolute; left: 30px; top: 0; white-space: nowrap; height: 30px; line-height: 30px; opacity: 0; color: #959595; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; }
.area-box li:hover font { opacity: 1; }
.area-box li .active font { color: #959595; }

@media screen and (max-width:767px) {
.area-box { display: none; }
}

/*2019-08-19*/
.alDT { width: 100%; height: 188px; background: url(../images/base/wangzhanLxwm.jpg) repeat top center; letter-spacing: 2px; text-align: center; line-height: 2; color: #fff; padding-top: 44px; }
.alDT b { font-size: 30px; font-weight: normal }
.alDT p { font-size: 16px; margin: 0; }
.alDT p i{ font-style: normal}

.alDT1 { width: 100%; height: 86px; background: url(../images/base/wangzhanLxwm.jpg) repeat top center; letter-spacing: 2px; text-align: center; line-height: 2; color: #fff;padding-top: 16px; }
.alDT1 b { font-size: 26px; font-weight: normal }



.alGD { width: 100%; height: 113px; background: #fff; text-align: center; }
.alGD p { padding: 43px 0 0 0; margin: 0 0 0 0 }
.alGD p a { font-size: 16px; color: #fff; border-radius: 6px; background: #f00000; border: 1px solid #f00000; padding: 15px 30px; margin: 0 50px; }
.alGD p a:hover { color: #fff; background: #f50000;border: 1px solid #f00000; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .3); }




.hxsb { width: 100%; height: 480px; background: url(../images/base/hxsb.jpg) no-repeat center top; }
.hxsb1 { width: 100%; height: 480px; background: url(../images/base/hxsb1.jpg) no-repeat center top; }

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

.hxsb { height: 200px; background: url(../images/base/hxsbs.jpg) no-repeat center top; }
.hxsb1 { height: 200px; background: url(../images/base/hxsbs1.jpg) no-repeat center top; }
}

@media screen and (max-width:767px) {
.alDT { height: 119px;letter-spacing: 1px;padding-top: 20px; background: url(../images/base/wangzhanLxwms.jpg) repeat top center; }
.alDT b { font-size: 18px; }
.alDT p { font-size: 12px;letter-spacing: 0px;line-height: 1.5;}
.alDT p span{display: block}
.alDT p i{display: none}

.alGD { background: #fff }
.alGD p a { font-size: 14px; padding: 10px 20px; margin: 0 20px; }

.alDT1 { background: url(../images/base/wangzhanLxwms.jpg) repeat top center;}
.alDT1 { width: 100%; height: 75px; letter-spacing: 1px;  line-height: 2; padding-top: 21px; }
.alDT1 b { font-size: 16px; font-weight: normal }
}


/* 关于我们 */

section.gywm { background: url(../images/base/index2.jpg)no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
section.gywm .mainBot .gywmGZ { overflow: hidden}
section.gywm .mainBot .gywmGZ h4 { font-size: 14px; color: #666; margin-bottom: 0; text-align: center; }
section.gywm .mainBot .gywmGZ h4 span { color: #4d4d4d; font-size: 42px; margin-left: 10px;font-weight: 700}
section.gywm .mainBot .gywmGZ p { text-align: center; color: #666; }
section.gywm .mainBot .gywmGZ .col-sm-3+.col-sm-3 { border-left: 1px solid #ccc; }
section.gywm .mainBot .gywmWZ {overflow: hidden; padding: 24px 0 0 0}
section.gywm .mainBot .gywmWZ p { color: #333; font-size: 16px; line-height: 24px; overflow: hidden; margin-bottom: 30px;text-indent:32px}

section.gywm .mainBot .wm{ padding: 60px 0 24px 0}

@media screen and (min-width: 992px) and (max-width: 1199px) {
section.gywm .mainBot .gywmGZ p { margin-top: 10px; margin-bottom: 10px; }
}

@media screen and (min-width: 0) and (max-width: 767px) {
section.gywm .mainBot .gywmGZ .col-sm-3+.col-sm-3 { border: none; }
}

@media screen and (max-width:767px) {
section.gywm { background: url(../images/base/index2s.jpg)no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
section.gywm .mainBot .wm{ padding: 30px 0 4px 0}
section.gywm .mainBot .gywmGZ h4 { font-size: 12px; }
section.gywm .mainBot .gywmGZ h4 span { font-size: 30px; }
section.gywm .mainBot .gywmWZ {padding: 4px 0 0 0}
section.gywm .mainBot .gywmWZ p {  margin-bottom: 20px; }
}

/* 我们的优势 */
.wmdys {}
.wmdys .s3 { overflow: hidden }
.wmdys .s3 ul { padding: 55px 0 60px 0; margin: 0px }
.wmdys .s3 ul li { height: 120px; overflow: hidden; margin: 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px }

.wmdys .s3 ul li:nth-child(3) { border-right: 0px; }
.wmdys .s3 ul li:nth-child(4) { border-bottom: 0px; }
.wmdys .s3 ul li:nth-child(5) { border-bottom: 0px; }
.wmdys .s3 ul li:nth-child(6) { border-bottom: 0px;border-right: 0px; }




.wmdys .s3 ul li i { border: 2px solid #f00000; padding: 15px; font-size: 30px; text-align: center; float: left; color: #f00000; width: 64px; height: 64px; line-height: 30px; border-radius: 50%; margin-top: 8px; margin-right: 20px; margin-bottom: 8px; font-style: normal }
.wmdys .s3 ul li:hover i { t-ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); ransform: rotate(360deg); transition: all .4s }
.wmdys .s3 ul li h4 { margin: 0; font-size: 20px; text-align: left; color: #333; font-weight: normal; line-height: 40px; }
.wmdys .s3 ul li p { margin: 0; font-size: 14px; line-height: 20px; color: #666;text-align: left; height: 40px; }

@media screen and (min-width: 0) and (max-width: 767px) {
.wmdys .s3 ul { padding: 5px 0 20px 0;}
.wmdys .s3 ul li{border: 0;border-bottom: 1px;}
.wmdys .s3 ul li:nth-child(5) { border-bottom: 1px; }
.wmdys .s3 ul li { float: none; width: 100%; }
.wmdys .s3 ul li h4 { text-align: left; }
.wmdys .s3 ul li p { text-align: left; }
}
@media screen and (max-width:991px) {

.wmdys .s3 ul li:nth-child(2) { border-right: 0px; }
.wmdys .s3 ul li:nth-child(3) { border-right: 1px; }
.wmdys .s3 ul li:nth-child(4) { border-right: 0px;border-bottom: 1px; }
.wmdys .s3 ul li:nth-child(5) { border-bottom: 0px; }
.wmdys .s3 ul li:nth-child(6) { border-right: 0px; border-bottom: 0px; }


}

/* 我们的客户 */
section.wmdkh { overflow: hidden; position: relative; padding: 0; background: #f5f5f5 }
section.wmdkh .title10 { position: relative; z-index: 2; }





section.wmdkh .s5-bg { background: url(../images/base/s5-bg.jpg) center top; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 1; animation: myfirst 1500s linear 0s infinite normal }
@media screen and (max-width:767px) {
section.wmdkh .s5-bg { background: url(../images/base/s5-bgs.jpg) center top; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 1; animation: myfirst 1500s linear 0s infinite normal }

}



@-webkit-keyframes myfirst {0% {top: 0%;}100% {top: -10000%;}}
@-moz-keyframes myfirst {0% {top: 0%;}100% {top: -10000%;}}
@-o-keyframes myfirst {0% {top: 0%;}100% {top: -10000%;}}
@keyframes myfirst {0% {top: 0%;}100% {top: -10000%;}}




section.wmdkh .s5 { margin: 53px 0 80px 0; padding: 10px 30px; background: #fff; position: relative; z-index: 2; -webkit-box-shadow: rgba(0,0,0,.1) 0 0 5px; box-shadow: rgba(0,0,0,.1) 0 0 5px; border-radius: 6px;}
section.wmdkh .s5-item { margin: 20px 0; }
section.wmdkh .s5-item:after { content: ""; display: table; clear: both; }
section.wmdkh .s5-img { width: 75px; height: 75px; float: left; margin-right: 15px; }
section.wmdkh .s5-img img{transition: all 0.4s ease-in; transform: rotateY(0deg); width: 75px; height: 75px;}
section.wmdkh .s5-item:hover img { transform: rotateY(360deg); }
section.wmdkh .s5-text { overflow: hidden; }
section.wmdkh .s5-text h4 { font-size: 18px; color: #2a333c; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
section.wmdkh .s5-text p { margin-bottom: 0; font-size: 12px; color: #666666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

@media screen and (max-width:767px) {
section.wmdkh .s5 { margin: 25px 0 30px 0; padding: 10px 30px; }
}

/* ——————————————————RL样式结束—————————————————— */


@media screen and (max-width: 469px) {
.inlineWarp { width: 200px; }
}

@media screen and (min-width: 470px) {
.inlineWarp { width: 400px; }
}

/*宽度大于等于768*/
@media screen and (min-width: 768px) {
.inlineWarp { width: 600px; }
}

/*宽度大于等于992*/
@media screen and (min-width: 992px) {
.inlineWarp { width: 800px; }
}

/*宽度大于等于1200*/
@media screen and (min-width:1200px) {
.inlineWarp { width: 800px; }
}