@charset "utf-8";

/* CSS Document */

/* self-adaption global css v1.0
 * 此文件是网站全局自适应个性化css，也适当补充了自适应栅格系统（补充的是每行5个元素），此样式表在zui框架基础上进行开发，需要先引入zui核心文件。
 * This file is the global adaptive personalized CSS of the website, and it also complements the adaptive grid system (supplemented by 5 elements per line). This stylesheet is developed on the basis of the zui framework, which requires the introduction of the zui core file first.

 */
@font-face {
  font-family: 'iconfont';  /* project id 2139286 */
  src: url('//at.alicdn.com/t/font_2139286_cnvm4qewoke.eot');
  src: url('//at.alicdn.com/t/font_2139286_cnvm4qewoke.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2139286_cnvm4qewoke.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2139286_cnvm4qewoke.woff') format('woff'),
  url('//at.alicdn.com/t/font_2139286_cnvm4qewoke.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2139286_cnvm4qewoke.svg#iconfont') format('svg');
}
.iconfont { vertical-align: middle; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

/* for global 全局 */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-5ths { width: 20%; }
@media (min-width:768px) {
  .col-sm-5ths { width: 20%; float: left; }
}
@media (min-width:992px) {
  .col-md-5ths { width: 20%; float: left; }
}
@media (min-width:1200px) {
  .col-lg-5ths { width: 20%; float: left; }
}
body { background: #fff; color: #000; font-size: 16px; width: 100%; overflow-x: hidden; }
/*系统字体颜色*/
a { color: #144199; cursor: pointer; text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); }
a:focus { outline: none; text-decoration: none; }
a:hover { outline: none; text-decoration: none; }
li { list-style: none; }
i { font-style: normal; }

/* box size */
.no-margin { margin: 0; }
.no-padding { padding: 0; }

/* display */
.inline-block { display: inline-block }

/* position */
.pst-relative { position: relative; }

/* clear */
.clear-block { clear: both; }

/* vertical-align */
.vc-middle { display: inline-block; vertical-align: middle; }

/* font */
.text-12px { font-size: 12px }
.text-14px { font-size: 14px }
.text-18px { font-size: 18px }
.text-20px { font-size: 20px }

/* other */
.middle-ctrl { display: inline-block; height: 100%; width: 0px; vertical-align: middle; }

/* header */
header { }
#headerbar { border: none; font-size: 0px; position: relative; border-radius: 0; padding-bottom: 0px; background: #fff; }
#headerbar .header-top { font-size: 16px; height: 110px; background: #fff; }
#headerbar .header-top .container { position: relative; }
#headerbar .header-top p { margin: 0; line-height: 40px; }
#headerbar .header-top .logo { width: 30%; float: left;display: inline-block;height: 110px;line-height: 110px; }
#headerbar .header-top .logo a{display: inline-block;vertical-align: middle;}
#headerbar .header-top .search{display: inline-block; width: 280px;float: right;line-height: 110px;margin-right: 250px;}
#headerbar .header-top .search>div{display: inline-block;line-height: 0;vertical-align: middle;}
#headerbar .header-top .search .search-input{height: 40px;padding-left: 40px;}
/*搜索图标*/
#headerbar .header-top .search .search-icon{width: 40px; height: 40px;line-height: 40px;color: #4e4e4e;}
#headerbar .header-top .search .search-icon .icon{font-size: 22px;}
/*搜索按钮*/
#headerbar .header-top .search .input-group-btn .btn{font-size: 17px;padding: 6px 12px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;color: #ffffff;background: #4e4e4e}
#headerbar .header-top .top-contact { max-width: 250px; line-height: 50px; font-size: 20px; position: absolute; top: 0; right: 10px; }
#headerbar .header-top .top-contact>span { cursor: pointer; position: relative;display: inline-block;padding-left: 5px;}
#headerbar .header-top .top-contact>span>a {line-height: 22px;}
#headerbar .header-top .top-contact>span>a>.icon {vertical-align: middle;}
/*pc语言文字*/
#headerbar .header-top .top-contact>span>a>span{display: inline-block;vertical-align: middle;font-size: 18px; color: #4e4e4e;}
#headerbar .header-top .top-contact>span>img { width: 100%; height: auto; }
#headerbar .header-top .top-contact>a { color: #910311; margin-left: 5px; margin-right: 20px; }
#headerbar .header-top .top-contact>.cn_box{display: block;font-size: 14px;line-height:1;}
#headerbar .header-top .top-contact>.cn_box>select{display: block; width: 168px;height: 20px;margin:5px 0;}
#headerbar .header-top .top-contact>.cn_box>p{display: block; margin:0;line-height: 1;}
/* 菜单栏*/
#headertitle { display: block; height: 60px; position: relative; z-index: 1; background-color: #4e4e4e; }
#headertitle .group-left { display: block; float: left; height: 60px; width: 100%;text-align: center; }
#headernav { width: 90%; height: 60px; line-height: 60px;display: inline-block;}
#headernav ul { text-align: center; float: none; }
#headernav ul>li { display: inline-block; position: relative; font-size: 18px; height: 60px; line-height: 60px; width: 14.28%; min-width: 100px; }
/* #headernav ul>li .line { width: 0em; height: 3px; position: absolute; bottom: 10px; left: 50%; margin-left: -2em; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } */
#headernav ul>li>a { display: block; font-size: 18px; color: #fff; padding: 0px; line-height: 60px; }
/* 菜单栏选择*/
#headernav ul>li:hover>a { color: #fff; background: #910311;}
/* #headernav ul>li:hover .line { background: #fff; width: 4em; } */
/* 菜单栏选择*/
#headernav ul>li.active {background: #910311;}
#headernav ul>li.active a { color: #fff; }
/* #headernav ul>li.active .line { background: #fff; width: 4em; } */
#headernav ul>li .navplus { width: 100%; display: none; position: absolute; z-index: 1009; text-align: left; left: 0; font-size: 0; background: #910311; border-top: 1px solid #910311; }
#headernav ul>li .navplus>a { display: block; width:fit-content;min-width:100%; font-size: 14px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0px; padding: 14px 10px; height: 42px; line-height: 14px;background: #910311;}
#headernav ul>li .navplus>a i { margin-right: 2px; }
#headernav ul>li .navplus>a:hover { background: #910311; color: #fff; }
/*手机版本*/
#m-headerbar { padding-top: 6px; padding-bottom: 6px; border: none; background-color: #fff; border-bottom: #d1d1d1; box-shadow: 0px 3px 5px 0px #d1d1d1; }
.screen-phone #m-headerbar .container .relative i.icon.blue, .screen-tablet #m-headerbar .container .relative i.icon.blue { position: absolute; top: 12px; right: 72px; }
#m-headerhd { pointer-events: auto;width: 100%;padding-right:50px; }
#m-headerhd:hover { color: #910311; }
#m-headerhd span {display:block; color: #000; line-height: 40px; font-size: 20px; display: inline-block; max-width: 40%; height: 40px; overflow: hidden; }
/*手机顶部LOGO*/
#m-headerbar .hdtitle-img {  /* *width: 40px; */ width: 100%; heigh: 62px;line-height:62px;}
#m-headerbar .hdtitle-img img { width: 80%; height: auto;max-height:60px;display:inline-block;vertical-align: middle; }

#m-headerbar .hdtitle-ch { font-size: 22px; font-weight: 700; line-height: 1.1; letter-spacing: 1px; padding-left: 10px; }
#m-headerbar .hdtitle-en { font-family: Georgia, "serif"; font-size: 14px; font-weight: 700; letter-spacing: 1px; line-height: 1.1; padding-left: 10px; }
#m-headerbtn { position: absolute; top: 10px; right: 10px; color: #910311; text-shadow: none; background-color: #fff; border-color: #910311; }
#leftmenulayout { display: none; width: 100%; height: 100%; width: 100vw !important; height: 100vh !important; position: fixed; z-index: 999998; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .5; }
#leftmenulayout span { display: block; width: 40%; height: 100%; margin-left: 60%; color: #7d7d7d; font-size: 4rem; overflow: hidden; text-align: center; }
#leftmenu { display: none; width: 60%; height: 100% !important; width: 60vw; height: 100vh !important; background-color: #910311; border-right: 1px solid #333; position: fixed; z-index: 999999; box-shadow: rgba(0, 0, 0, .15) 0 .15rem .5rem, rgba(0, 0, 0, .25) 0 .15rem .5rem; overflow-y: auto !important; }
#leftmenu>.items { display: block; width: 100%; border-bottom: 1px solid #fff; position: relative; }
#leftmenu>.items>a { margin: 0 15%; font-size: 15px; display: block; height: 55px; line-height: 55px; position: relative; color: #fff; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: inherit; }
#leftmenu>.items>i { text-align: center; display: block; position: absolute; top: 0; right: 10px; color: #fff; height: 55px; width: 55px; font-size: 24px; line-height: 55px; }
#leftmenu>.items>.listplus { display: none; text-align: center; padding: 10px 0; }
#leftmenu>.items>.listplus>a { display: block; color: #fff; line-height: 26px; font-size: 14px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: inherit; }

/* | ---------------------------------------------------------- | Glide styles | ---------------------------------------------------------- | Here are slider styles | banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用 */
.mainbanner { width: 100%; height: auto; font-size: 0px; }
.mainbanner ul, .mainbanner ul li { list-style: none; margin: 0; padding: 0; font-size: 0; display: block; }
.mainbanner ul li { float: left; }
.slider { position: relative; width: 100%; height: auto; overflow: hidden; }
.slides { height: auto;    /* Simple clear fix */ overflow: hidden;    /**  * Prevent blinking issue * Not tested. Experimental. */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;    /** * Here is CSS transitions * responsible for slider animation in modern broswers */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.slide { list-style: none; height: auto; float: left; clear: none; }
.slide a { color: #fff; display: block; position: relative; }
.slide a div { width: 50%; max-width: 600px; position: absolute; top: 30%; left: 20%; margin: 0; }
.slide a div h4 { font-size: 46px; line-height: 50px; margin: 0 0 40px; }
.screen-phone .slide a div, .screen-tablet .slide a div { width: 90%; top: 10%; left: 5%; }
.screen-phone .slide a div h4 { font-size: 20px; line-height: 25px; margin: 0 0 10px; }
.slide a div p { font-size: 24px; line-height: 50px; margin: 0; }
.screen-phone .slide a div p { font-size: 14px; line-height: 30px; }
.arrowsWrapper { display: none; }
.slider:hover .arrowsWrapper { display: block }
.slider-arrow { position: absolute; display: block; margin-bottom: 0px; width: 5%; padding: 2.5%; text-decoration: none; text-align: center; opacity: 1;}
.slider-arrow:before{display: block;background: rgba(0, 0, 0, .2);width: 100%;height: 100%;content: '';position: absolute;top: 0;right:0;}
.slider-arrow--right { bottom: 47.5%; right: 3%; background: url(../../images/right_jt.png) no-repeat center; background-size: 100%; }
.slider-arrow--left { bottom: 47.5%; left: 3%; background: url(../../images/left_jt.png) no-repeat center; background-size: 100%; }
.slider-nav { position: absolute; bottom: 8%; text-align: center; }
.slider-nav__item { width: 16px;height: 16px; background: #910311; border: none; border-radius: 50%; clear: none; display: inline-block; margin: 0 8px; position: relative; }
.slider-nav__item:before{display: block;content: '';width: 100%;height: 100%;border-radius: 50%; position: absolute;top: -4px;left: -4px; border: 4px solid rgba(0, 0, 0, 0);box-sizing: content-box;}
.slider-nav__item:hover, .slider-nav__item--current { background: #fff; }
.slider-nav__item:hover:before, .slider-nav__item--current:before{ border: 4px solid #910311;}
.screen-phone .slider-nav__item {width: 8px;height:8px;}
.screen-phone .slider-nav__item:before{top: -2px;left: -2px; border: 2px solid rgba(0, 0, 0, 0);}
.screen-phone .slider-nav__item:hover:before,.screen-phone  .slider-nav__item--current:before{ border: 2px solid #910311;}
.thebreadcrumb { width: 100%; background: #eee; font-size: 16px; text-align: left; line-height: 28px; padding-top: 10px; padding-bottom: 10px; }
.thebreadcrumb a { color: grey; }
.breadcrumb { display: inline-block; margin: 0; padding: 0; }
.breadcrumb i { font-size: 16px; }
.breadcrumb>li+li::before { padding: 0 5px; color: #ccc; content: "»"; }
.about_bg { background-color: #f7f8f8; }
.titlestyle-main { display: block; width: 100%; text-align: center; margin-bottom: 10px; }
.titlestyle-main .line { display: block; width: 100%; height: 21px; background: url(../../images/line1.png) center center no-repeat; margin-top: 8px; }
.titlestyle-main .line_d { width: 57px; height: 2px; border-top: #288b9c 3px solid; }
.titlestyle-main .line1 { display: block; width: 100%; height: 21px; margin-top: 8px; position: relative; overflow: hidden; }
.titlestyle-main .line1 span { width: 100%; height: 1px; background: #aaa; display: block; margin-top: 10px; }
.titlestyle-main .line1 i { width: 100%; height: 4px; background: #910311; display: block; position: absolute; top: 8px; left: 0; }
.titlestyle-main p { color: #515151; }
.titlestyle-main .maintitle { font-size: 36px; color: #910311; font-weight: 550; text-transform: uppercase; }
.titlestyle-main .maintitle1 { color: #000; }
.titlestyle-main .subtitle { font-size: 18px; color: #575757; font-weight: 100; padding: 5px 0; }
.titlestyle-main .xxtitle { font-size: 16px; color: #575757; }
.screen-phone .titlestyle-main .maintitle { font-size: 20px; font-weight: 700; }
.screen-phone .titlestyle-main .subtitle { font-size: 16px; color: #575757; text-transform: uppercase; }
.beautifulbtn1 { background-color: #910311; height: 50px; line-height: 50px; width: 180px; font-size: 14px; text-align: center; max-width: 100%; display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; color: #fff !important; outline: none !important; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.beautifulbtn1::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #3f3b3a; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.beautifulbtn1:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.lte-ie-8 .beautifulbtn1:hover { background: #3f3b3a; }
.screen-phone .beautifulbtn1 { height: 40px; line-height: 40px; width: 120px; }
.contentbox img, .contentbox iframe, .contentbox iframe div { max-width: 100%; overflow: hidden; }

/*底部*/
#footerbar { width: 100%; font-size: 16px; color: #f3f3f4; padding-top: 30px; padding-bottom: 30px; background-color: #4e4e4e; }
#footerbar .row { position: relative; }
#footerbar .group-left0 { position: static; }
#footerbar .group-left0>div:first-child { width: 100%;height:auto;position: relative; padding-top:50%;}

/*手机底部高度*/
.screen-phone #footerbar .group-left0>div:first-child {padding-top:55px;}
#footerbar .group-left0>div>img{width: 80%; height: auto;position: absolute;left:0;top:50%;-webkit-transform: translate(0%,-50%);-ms-transform: translate(0%,-50%);transform: translate(0%,-50%);}
/*手机底部图片*/
.screen-phone #footerbar .group-left0>div>img{width: 60%; height: auto;position: absolute;left:0;top:50%;-webkit-transform: translate(0%,-50%);-ms-transform: translate(0%,-50%);transform: translate(0%,-50%);}
.screen-phone #footerbar .group-left0>div>img{position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#footerbar .group-left0>div { float: left; }
#footerbar .group-left0>div p:first-child { }
#footerbar .group-left0>div p img { }
#footerbar .group-left0>div p>a { position: relative; }
#footerbar .group-left0>div p>a>img { margin-right: 20px; }
#footerbar .group-left0>div p>a>.icon { margin-right: 20px; font-size: 28px; vertical-align: middle; }
#footerbar .group-left0>div p>a:hover .wechat_hover { display: inline-block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
#footerbar .group-left0>div p>a .wechat_hover { display: inline-block; width: 100px; position: absolute; left: -30px; bottom: 30px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transform-origin: bottom center; -ms-transform-origin: bottom center; -moz-transform-origin: bottom center; -webkit-transform-origin: bottom center; -0-transform-origin: bottom center; }
#footerbar .group-left0>div p>a .wechat_hover>img { width: 100%; height: auto; }
#footerbar .group-left1>div { padding-left: 20px; }
#footerbar .group-left1>div p{font-size:16px;margin:0;line-height:36px;}
.screen-phone #footerbar .group-left1>div p{font-size:14px;line-height:30px;}
#footerbar .group-left3 div{text-align:center;}
#footerbar .group-left3 div img{}
#footerbar .group-left3 div p{margin:0;padding:10px;font-size:16px;}
#footerbar .group-left3 div.sm-menu{}
#footerbar .group-left3 div.sm-menu a{display:inline-block;}
#footerbar .group-left3 div.sm-menu a .iconfont{font-size:24px;}
/*最底部颜色*/
.foot-bottom{line-height:70px;font-size:16px;text-align:center;background: #2e2e2e;color: #f3f3f4;}
.foot-bottom a{color: #f3f3f4;}
.foot-bottom a:hover{color: #910311;}
.screen-phone .foot-bottom{line-height:30px;}
.screen-phone #footerbar .group-left1>div { padding-left: 20px; }
.screen-phone #footerbar .group-left2>div { padding-left: 20px; }
.screen-phone #footerbar .group-left3>div { padding-left: 20px; }
#footerbar a { color: #ececec; }
#footerbar .group-right>div { display: block; float: right; text-align: center; font-size: 14px; margin-right: 25px; }
.screen-phone #footerbar .group-right>div { float: none; margin-right: 0; }
.screen-phone #footerbar { padding-top: 0; padding-bottom: 0; }
/*手机条颜色*/
#m-footer { border-top: 1px solid #0453ef; background-color: #4e4e4e; }
#m-footer a { display: block; color: #fff; padding-top: 5px; padding-bottom: 5px; }
.lilian { padding: 0; margin-top: 10px; }
.lilian ul { padding: 0; }
.lilian ul li { width: 240px; float: left; list-style: none; color: #000; font-weight: bold; font-size: 16px; }
.lilian ul li p { font-weight: normal; font-size: 14px; color: #666; margin-top: 10px; }
.screen-tablet .lilian ul li { width: 220px; }
.screen-tablet .lilian ul li p { font-weight: normal; font-size: 14px; color: #666; margin-top: 10px; }
.screen-phone #footerbar .group-left0 { padding: 10px; }

.secret{font-size:14px;line-height:30px;padding:10px 20px;width:100%;height:auto;position: fixed;bottom:0;left: 0;z-index:9999999;background: #f3f3f4;}
.secret p{margin:0;}
.secret>span{background:#910311;color:#f3f3f4;width:120px;border-radius:4px;height:20px;line-height:20px; font-size:14px;position: absolute;top:50%;right:20px;text-align:center;-webkit-transform: translate(0%,-50%);-ms-transform: translate(0%,-50%);transform: translate(0%,-50%);cursor: pointer;}
.screen-phone .secret>span{    position: relative; display: block;  margin: 0 auto; right: 0; top: 10px;}

/* 关于我们 */
.about { width: 100%; padding: 20px 0 50px; margin-top: 30px; overflow: hidden; position: relative; }
.screen-phone .about { padding-bottom: 20px;margin-top:0; }
.about .container>div { float: left; }
.about .left { width: 45%; padding-top: 30px; }
.about .left>span{display: block;position: absolute;top: 40px;left: 0; width: 60%;height:0;padding-bottom:50%;border: 3px solid #910311;}
.about .left>img{display: block;position: absolute;top: 90px;left: 50px;width: 72%;}
.about .left>i{display: block;position: absolute;top: 10px;right: 30px;width: 12px;height: 160px;background: #910311;}
.about .right { width: 55% }
.screen-phone .about .right { width: 100%; padding: 0; }
.about .right .right-title { font-size: 32px; line-height: 80px; font-weight: 700;color: #910311; }
.screen-phone .about .right .right-title { font-size: 24px; line-height: 50px; }
.about .right .right-content { line-height: 24px;color: #606060; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;font-size:16px;max-height:216px;}
.screen-phone .about .right .right-content { font-size: 14px !important; }
.about .right .about_more{display: block;padding-top: 10px;padding-bottom:10px;}
.about .right .about_more a{display: block;width: 200px;height: 45px;background: #fff;color: #910311;text-align: center;line-height: 45px;border-radius: 8px;border: 1px solid #910311;}
.about .right .about_more a:hover{background:#910311;color: #fff;}
.screen-phone .about .right .about_more{padding-bottom:30px;}


/* 泡泡按钮 */
.button_su { overflow: hidden; position: relative; display: inline-block; border-radius: 8px;margin-top: 20px; }
.su_button_circle { background-color: #1441; border-radius: 1000px; position: absolute; left: 0; top: 0; width: 0; height: 0; margin-left: 0; margin-top: 0; pointer-events: none }
.button_su_inner { display: inline-block;  color: #e7e7e7;background-color: #910311; font-size: 16px;line-height: 46px; font-weight: 400; width: 200px; text-align: center; border-radius: 8px; transition: 400ms; text-decoration: none; z-index: 100000 }
.button_su_inner:hover{color: #fff;}
.button_text_container { position: relative; z-index: 10000 }
.explode-circle { animation: explode 1s forwards }
.desplode-circle { animation: desplode 1s forwards }
@keyframes explode {
  0% { width: 0; height: 0; margin-left: 0; margin-top: 0; background-color:rgba(19, 105, 188, 0.8) }
  100% { width: 400px; height: 400px; margin-left: -200px; margin-top: -200px; background-color: rgba(19, 105, 188, 0.8);}
}
@keyframes desplode {
  0% { width: 400px; height: 400px; margin-left: -200px; margin-top: -200px; background-color: rgba(19, 105, 188, 0.8) }
  100% { width: 0; height: 0; margin-left: 0; margin-top: 0; background-color: rgba(19, 105, 188, 1)  }
}

/*产品推荐-主页*/
.service { padding: 20px 0 0;background: #f8f8f8; }
.service .s-title h2 { position: relative; font-size: 32px; line-height: 60px; text-align: center;color: #910311;margin: 0; }
.service .s-title h2>i{color: #d7ac14;}
.service .s-title p { text-align: center; color: #bababa; }
.screen-phone .service .s-title h2 { font-size: 24px; line-height: 40px; margin-top: 0; }
.screen-tablet .service .s-title h2 { font-size: 24px; line-height: 40px; margin-top: 0; }
.service .main_box { width: 100%; position: relative; }
.service .box { margin: 10px auto; padding: 15px 10px; }
.service .box ul { padding: 0; margin: 0; overflow: hidden; }
.service .box ul li { width: 25%; height: auto; float: left; text-align: center; position: relative;padding:0 5px;}
.service .box ul li a { width: 100%; overflow:hidden; display: block; position: relative; }
.service .box ul li a:hover{}
.service .box ul li a:hover .box-desc{background:#910311;color: #fff;}
.service .box ul li a:hover .img>div>div{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.service .box ul li .img{display: block; padding-top: 100%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.service .box ul li .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.service .box ul li .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1;border-top-left-radius: 8px;border-top-right-radius:8px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.service .box ul li .img>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.service .box ul li .box-desc { width: 100%; height: 75px; font-size: 16px; line-height: 20px; padding: 0px 10px; color: #000;background:#eaeaea; position:relative;}
.service .box ul li .box-desc p { margin:0;display: inline-block;width:90%; max-height:60px;overflow:hidden; position:absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.screen-phone .service .box ul li { width: 100%; }
.service .service_more{display: block;padding-top: 10px;padding-bottom:70px;}
.service .service_more a{display: block;width: 200px;height: 45px;background: #fff;color: #910311;text-align: center;line-height: 45px;border-radius: 8px;margin: 0 auto; border: 1px solid #910311;}
.service .service_more a:hover{background:#910311;color: #fff;}
.screen-phone .service .service_more{padding-bottom:30px;}

/*服务体系-主页*/
.service1 { padding: 50px 0 0; }
.screen-phone .service1 { padding: 20px 0 0; }
.service1 .s-title h2 { position: relative; font-size: 32px; line-height: 60px; text-align: center;color: #910311;margin: 0; }
.service1 .s-title h2>i{color: #d7ac14;}
.service1 .s-title p { text-align: center;color: #bababa; }
.screen-phone .service1 .s-title h2 { font-size: 24px; line-height: 40px; margin-top: 0; }
.screen-tablet .service1 .s-title h2 { font-size: 24px; line-height: 40px; margin-top: 0; }
.service1 .main_box { width: 100%; position: relative; }
.service1 .box { margin: 10px auto; padding: 15px 10px; }
.service1 .box ul { padding: 0; margin: 0; overflow: hidden; }
.service1 .box ul li { width: 25%; height: auto; float: left; text-align: center; position: relative;padding:0 10px;}
.service1 .box ul li a { width: 100%; overflow:hidden; display: block; position: relative;border:1px solid #bcbcbc; padding-bottom:40px;margin-bottom:10px;border-radius:8px;}
.service1 .box ul li a:hover{background: #910311;box-shadow: 2px 5px 10px #8c8d8d;}
.service1 .box ul li a:hover .img>div{background: #fff;}
.service1 .box ul li a:hover .box-desc p{color: #fff;}
.service1 .box ul li a:hover .box-desc h4{color:#fff;}
.service1 .box ul li a:hover .box-desc i{background: #fff;}
.service1 .box ul li .img{display: block; padding-top: 70%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.service1 .box ul li .img>div{position: absolute; display: block; width: 110px; height: 110px; left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); background:#910311;border-radius:50%;}
.service1 .box ul li .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1;border-top-left-radius: 8px;border-top-right-radius:8px;}
.service1 .box ul li .img>div>div>img { width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }

.service1 .box ul li .box-desc { width: 100%; font-size: 16px; line-height: 30px; padding: 0px 10px; color: #000;}
.service1 .box ul li .box-desc h4{font-size:24px;margin:0;padding:0;}
.service1 .box ul li .box-desc p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin:0;padding:0;line-height:80px;color: #9a9a9a;}
.service1 .box ul li .box-desc i{width: 60px;height: 4px;border-radius:2px;display:block;background: #d7ac14;margin:0 auto;}
.screen-phone .service1 .box ul li { width: 100%; }
.service1 .service_more{display: block;padding-top: 10px;padding-bottom:30px;}
.service1 .service_more a{display: block;width: 200px;height: 45px;background: #fff;color: #910311;text-align: center;line-height: 45px;border-radius: 8px;margin: 0 auto; border: 1px solid #910311;}

/* 更多按钮 */
.more_button { position: relative; overflow: hidden; z-index: 1; width: 48px; height: 48px; border: 1px solid #d1d1d1; -moz-border-radius: 100%; border-radius: 100%; color: #e0e0e0; text-align: center; line-height: 48px; display: block; margin: 0 auto; font-size: 20px; -o-transition: all 1.7s ease; -moz-transition: all 1.7s ease; transition: all 1.7s ease; -webkit-mask-image: radial-gradient(white, #000); mask-image: radial-gradient(white, #000) }
.more_button:focus { outline: 0 }
.more_button:hover { background: #910311; color: #fff; border: 1px solid #910311 }
.more_button i { display: block; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); width: 100%; height: 100%; background: -moz-radial-gradient(#910311, red, #910311, red, #910311, red, #910311, red, #910311); background: -o-radial-gradient(#910311, red, #910311, red, #910311, red, #910311, red, #910311); background: radial-gradient(#910311, red, #910311, red, #910311, red, #910311, red, #910311); opacity: 0; -o-transition: 1.2s, opacity 1.8s; -moz-transition: 1.2s, opacity 1.8s; transition: 1.2s, opacity 1.8s; -moz-border-radius: 50%; border-radius: 50% }
.more_button:hover i { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); transform: scale(10); opacity: 1; -o-transition: 3s, opacity .3s; -moz-transition: 3s, opacity .3s; transition: 3s, opacity .3s }
.dot1 span, .dot2 span { position: absolute; color: #d1d1d1; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards }
.dot1 span { color: #d1d1d1 }
.dot1 span:nth-child(1) { -o-transition: all .4s .5s ease, color .3s; -moz-transition: all .4s .5s ease, color .3s; transition: all .4s .5s ease, color .3s; left: 30% }
.dot1 span:nth-child(2) { -o-transition: all .4s .4s ease, color .3s; -moz-transition: all .4s .4s ease, color .3s; transition: all .4s .4s ease, color .3s; left: 50% }
.dot1 span:nth-child(3) { -o-transition: all .4s .3s ease, color .3s; -moz-transition: all .4s .3s ease, color .3s; transition: all .4s .3s ease, color .3s; left: 70% }
.more_button:hover .dot1 span:nth-child(1) { left: 120%; -o-transition: all .4s .2s ease, color .3s; -moz-transition: all .4s .2s ease, color .3s; transition: all .4s .2s ease, color .3s; color: #fff }
.more_button:hover .dot1 span:nth-child(2) { left: 120%; -o-transition: all .4s .1s ease, color .3s; -moz-transition: all .4s .1s ease, color .3s; transition: all .4s .1s ease, color .3s; color: #fff }
.more_button:hover .dot1 span:nth-child(3) { left: 120%; -o-transition: all .4s 0s ease, color .3s; -moz-transition: all .4s 0s ease, color .3s; transition: all .4s 0s ease, color .3s; color: #fff }
.dot2 span:nth-child(1) { left: -20%; -o-transition: all .4s .2s ease, color .3s; -moz-transition: all .4s .2s ease, color .3s; transition: all .4s .2s ease, color .3s; color: #d1d1d1 }
.dot2 span:nth-child(2) { left: -20%; -o-transition: all .4s .1s ease, color .3s; -moz-transition: all .4s .1s ease, color .3s; transition: all .4s .1s ease, color .3s; color: #d1d1d1 }
.dot2 span:nth-child(3) { left: -20%; -o-transition: all .4s 0s ease, color .3s; -moz-transition: all .4s 0s ease, color .3s; transition: all .4s 0s ease, color .3s; color: #d1d1d1 }
.more_button:hover .dot2 span:nth-child(1) { left: 30%; -o-transition: all .4s .5s ease, color .3s; -moz-transition: all .4s .5s ease, color .3s; transition: all .4s .5s ease, color .3s; color: #fff }
.more_button:hover .dot2 span:nth-child(2) { left: 50%; -o-transition: all .4s .4s ease, color .3s; -moz-transition: all .4s .4s ease, color .3s; transition: all .4s .4s ease, color .3s; color: #fff }
.more_button:hover .dot2 span:nth-child(3) { left: 70%; -o-transition: all .4s .3s ease, color .3s; -moz-transition: all .4s .3s ease, color .3s; transition: all .4s .3s ease, color .3s; color: #fff }

/*案例展示-主页*/
.case { padding: 20px 0; }
.case .s-title { position: relative; }
.case .s-title h2 { position: relative; font-size: 40px; line-height: 60px; }
/* .case .s-title h2 i{width: 2em;height: 4px;position: absolute;bottom: 0;left: 0;background: #910311;} */
.screen-phone .case .s-title .btnlist { position: relative; bottom: 0; }
.screen-phone .case .s-title .btnlist a { padding: 0 10px; margin: 5px; border-radius: 8px; line-height: 24px; }
.case .s-title .btnlist { display: block; position: absolute; bottom: 10px; right: 0; }
.case .s-title .btnlist a { display: inline-block; padding: 0 20px; margin: 0 10px; border: 1px solid #aaa; border-radius: 10px; line-height: 38px; color: #000; transition: all .5s; }
.case .s-title .btnlist a.active, .case .s-title .btnlist a:hover { border: 1px solid #910311; }
.screen-phone .case .s-title h2 { font-size: 24px; line-height: 40px; margin-top: 0; }
.case .s-list { position: relative; padding-top: 20px; }
.case .s-list .row { padding: 0 10px; padding-bottom: 20px; }
.screen-phone .case .s-list { padding: 10px 0px; }
.case .s-list .item { position: relative; padding: 0; }
.screen-phone .case .s-list .item { padding: 5px 0; }
.case .s-list .item .img { display: block; padding-top: 80%; position: relative; font-size: 0; line-height: 0; overflow: hidden; z-index: 2; }
.case .s-list .item .img>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.case .s-list .item .img>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index: 1; transition: all .5s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.case .s-list .item .img>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.case .s-list .item:hover .img>div>div { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.screen-phone .case .s-list .item .imglayer { opacity: 0; }
.case .s-list .item .imglayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 2; opacity: 0.2; transition: all 0.5s; }
.case .s-list .item .imglayer.over { opacity: 0.5; }
.case .s-list .item .desc { position: absolute; top: 0; left: 7%; width: 86%; height: 80%; margin: 8% auto; text-align: center; padding: 20px; z-index: 2; color: #fff; }
.case .s-list .item .desc h3 { font-size: 24px; margin-bottom: 30px; margin-top: 50px; }
.case .s-list .item .desc p { display: none; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.case .s-list .item:hover .desc { border: 1px solid #fff; }
.case .s-list .item:hover .desc p { display: -webkit-box; }
.screen-phone .case .s-list .item .desc { border: 1px solid #fff; }
.screen-phone .case .s-list .item .desc p { display: -webkit-box; }
.case .morebtn { width: 100%; height: auto; text-align: center; padding: 20px 0; }
.case .morebtn a { display: inline-block; width: 200px; height: 40px; line-height: 40px; background: #910311; border-radius: 5px; transition: all 0.5s; color: #fff; }
.case .morebtn a:hover { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #c52c2e; }
.screen-phone .case .morebtn { padding: 0; }

/* 新闻轮播-首页 */
.newsbanner { width: 100%; height: auto; font-size: 0px; }
.newsbanner ul, .newsbanner ul li { list-style: none; margin: 0; padding: 0; font-size: 0; display: block; }
.newsbanner ul li { float: left; }
.screen-phone .news .news-list{padding-top:0;}
.news .news-list .left .slider1 { position: relative; width: 100%; height: auto; overflow: hidden; }
.news .news-list .left .slider1 .slides { height: auto;    /* Simple clear fix */ overflow: hidden;    /**  * Prevent blinking issue * Not tested. Experimental. */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;    /** * Here is CSS transitions * responsible for slider animation in modern broswers */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.news .news-list .left .slider1 .slide { list-style: none; height: auto; float: left; clear: none; }
/*图片最大高度*/
.news .news-list .left .slider1 .slide a { color: #fff; display: block; position: relative; max-height:375px;}
.news .news-list .left .slider1 .slide a p {display: block;width: 100%; font-size: 16px; line-height: 60px;margin: 0;background:rgba(0,0,0,.5);color: #fff;position: absolute;text-align:left;padding-left:20px;padding-right:200px;left:0;bottom:0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.screen-phone .news .news-list .left .slider1 .slide a p {padding-right:100px;}
.news .news-list .left .slider1 .screen-phone .slide a p { font-size: 14px; line-height: 30px;}
.news .news-list .left .slider1 .arrowsWrapper { display: none; }
.news .news-list .left .slider1 .slider:hover .arrowsWrapper { display: block }
.news .news-list .left .slider1 .slider-arrow { position: absolute; display: block; margin-bottom: 0px; width: 6%; padding: 3%; text-decoration: none; text-align: center; opacity: 1;}
.news .news-list .left .slider1 .slider-arrow:before{display: block;background: rgba(0, 0, 0, .2);width: 100%;height: 100%;content: '';position: absolute;top: 0;right:0;}
.news .news-list .left .slider1 .slider-arrow--right { bottom: 47.5%; right: 3%; background: url(../../images/right_jt.png) no-repeat center; background-size: 100%; }
.news .news-list .left .slider1 .slider-arrow--left { bottom: 47.5%; left: 3%; background: url(../../images/left_jt.png) no-repeat center; background-size: 100%; }
.news .news-list .left .slider1 .slider-nav { position: absolute; bottom: 6%;right:2%; text-align: center; }
.screen-phone .news .news-list .left .slider1 .slider-nav{bottom: 9%;}
.news .news-list .left .slider1 .slider-nav__item { width: 16px;height: 16px; background: #fff; border: none; border-radius: 50%; clear: none; display: inline-block; margin: 0 8px; position: relative; }
.news .news-list .left .slider1 .slider-nav__item:before{display: block;content: '';width: 100%;height: 100%;border-radius: 50%; position: absolute;top: -2px;left: -2px; border: 2px solid rgba(0, 0, 0, 0);box-sizing: content-box;}
.news .news-list .left .slider1 .slider-nav__item:hover,.news .news-list .left .slider1 .slider-nav__item--current { background: #910311; }
.news .news-list .left .slider1 .slider-nav__item:hover:before,.news .news-list .left .slider1 .slider-nav__item--current:before{ border: 2px solid #fff;}
.screen-phone .news .news-list .left .slider1 .slider-nav__item {width: 8px;height:8px;margin: 0 5px;}


/* 资讯中心 */
.news { padding: 20px 0 30px; }
.screen-phone .news { padding-bottom: 20px; }
.news .s-title h2 { position: relative; font-size: 32px; line-height: 60px; text-align: center;color: #910311;margin: 0; }
.news .s-title h2>i{color: #d7ac14;}
.news .s-title p { text-align: center;color: #bababa; }
.screen-phone .news .s-title h2 { font-size: 24px; line-height: 40px; margin-top: 0; }
.screen-tablet .news .s-title h2 { font-size: 24px; line-height: 40px; margin-top: 0; }
.news .news-list { padding-top: 20px; }
.news .news-list .left { color: #000; position: relative; }
.screen-phone .news .news-list .left { padding-bottom: 20px; }
.news .news-list .center { position: relative; }
.news .news-list .center .btnlist{display: block;width: 100%;height:45px;margin:0;}
.news .news-list .center .btnlist a{display: block; width: 50%;float:left;padding:0 8px;}
.screen-phone .news .news-list .center .btnlist a{width: 100%;margin-bottom:8px;}
.news .news-list .center .btnlist a span{display: block;width: 100%;line-height:45px;background:#dedede;color: #000;border-radius:8px; text-align:center;}
.news .news-list .center .btnlist a.active span,.news .news-list .center .btnlist a:hover span{background: #910311;color: #fff; }
/*新闻列表最大高度*/
.news .news-list .center .list{display: block;margin:0 10px;padding:0;white-space: nowrap; overflow: hidden;max-height:340px;}
.news .news-list .center .list .item-box { display: inline-block; width: 100%; min-height: 1px; white-space: normal; vertical-align: top; }
.news .news-list .center .list .item{display:block; width: 100%;position: relative;}
.news .news-list .center .list .item:first-child{margin-bottom:10px;border-bottom:1px solid #e0e0e0;}
.news .news-list .center .list .item:first-child .title{width: 100%;font-size:18px;line-height:52px;padding-left:0;padding-right:0px;}
.news .news-list .center .list .item .desc{width: 100%;line-height:24px;font-size:16px;color:#616161; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;}
.news .news-list .center .list .item .title{width: 100%; font-size:16px;line-height:36px;padding-left:15px; padding-right:50px;color: #000;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .news-list .center .list .item:hover .title{color: #910311;text-decoration:underline;}
.news .news-list .center .list .item:first-child:hover .title{text-decoration:none;}
.news .news-list .center .list .item .title i{display: block;width: 5px;height:5px;background: #000;border-radius:50%;position: absolute;left: 5px;top: 50%;-webkit-transform: translate(0%,-50%);-ms-transform: translate(0%,-50%);transform: translate(0%,-50%);}
.news .news-list .center .list .item .time{display:block;font-size:16px;line-height:36px;padding-left:10px;color: #878787;position: absolute;top: 0;right:0;}

/* 联系我们 */
.contact { padding: 20px 0 80px; position: relative; }
.screen-phone .contact {padding-bottom:20px;}
.contact .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .7); }
.contact .row {}
.contact .left { color: #000; padding: 0px 10px; }
.contact h2 { margin: 0; font-size: 36px; line-height: 90px; color: #910311;}
.screen-phone .contact h2 {font-size:24px;line-height:50px;}
.contact .left p { font-size: 16px; line-height: 60px;margin:0; }
.screen-phone .contact .left p {line-height:30px;font-size:14px;}
.screen-phone .contact .left p .iconfont{font-size:20px;}
/*左边图标的颜色*/
.contact .left p .iconfont{font-size:26px;color: #910311;display:inline-block;vertical-align: middle;padding-right:10px;}
.contact .right { color: #515151; background: rgba(255, 255, 255, .8); padding: 0px; text-align: center; }
.contact .right iframe{width: 100%;min-height:300px;height:auto;}

/* 友情链接 */
.links { background: #353535; color: #fff; padding: 10px 0 30px; }
.links h2 { margin: 0; font-size: 36px; line-height: 60px; }
.links a { color: #fff; display: inline-block; margin-right: 30px; }
.links a:hover { color: #910311; }

/* 网站地图 */
.sitemap{padding:0 10px;}
.sitemap .level{padding-bottom:10px;}
.sitemap .level a{display:block;}
.sitemap .level span{display:inline-block;padding:10px;}
.screen-phone .sitemap .level span{display:block;padding: 5px;}
.sitemap .level h2{margin:0;padding:10px;border-bottom:1px dashed #910311;display:block;}
.sitemap .level.level0>h2{border-bottom:none;}
.sitemap .level0>h2{font-size:20px;background:#d8e2f7;padding:15px 10px;}
.sitemap .level1>h2{font-size:18px;}
.sitemap .level2>h2{font-size:16px;}
.sitemap .level3>h2{font-size:14px;}
.sitemap .level4>h2{font-size:13px;}
.sitemap .level5>h2{font-size:12px;}



/* advantage 我们的优势 样式-关于我们 */
.advantage { width: 100%; height: auto; background: url(../../images/advantage_02.png); padding-top: 60px; margin-bottom: 50px; }
.liststyle1 { margin-top: 40px; padding-left: 10px; padding-right: 10px; }
.screen-phone .advantage { padding-top: 30px; margin-bottom: 0; }
.screen-phone .liststyle1 { padding: 0; }
.liststyle1 .item { display: block; width: 100%; height: 100%; background-color: #fff; text-align: center; color: #555657; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; position: relative; }
.liststyle1 .item:hover { background: #910311; color: #fff; }
.liststyle1 .item1>.itemimg>div>div { background: url('../../images/icon/advantage1.png'); }
.liststyle1 .item2>.itemimg>div>div { background: url('../../images/icon/advantage2.png'); }
.liststyle1 .item3>.itemimg>div>div { background: url('../../images/icon/advantage3.png'); }
.liststyle1 .item4>.itemimg>div>div { background: url('../../images/icon/advantage4.png'); }
.liststyle1 .item5>.itemimg>div>div { background: url('../../images/icon/advantage5.png'); }
.liststyle1 .item6>.itemimg>div>div { background: url('../../images/icon/advantage6.png'); }
.liststyle1 .item:hover.item1>.itemimg>div>div { background: url('../../images/icon/advantage1_hover.png'); }
.liststyle1 .item:hover.item2>.itemimg>div>div { background: url('../../images/icon/advantage2_hover.png'); }
.liststyle1 .item:hover.item3>.itemimg>div>div { background: url('../../images/icon/advantage3_hover.png'); }
.liststyle1 .item:hover.item4>.itemimg>div>div { background: url('../../images/icon/advantage4_hover.png'); }
.liststyle1 .item:hover.item5>.itemimg>div>div { background: url('../../images/icon/advantage5_hover.png'); }
.liststyle1 .item:hover.item6>.itemimg>div>div { background: url('../../images/icon/advantage6_hover.png'); }
.liststyle1 .item3, .liststyle1 .item6, .liststyle1 .item_more { border-right: 1px solid #b8b8b8; }
.liststyle1 .item4, .liststyle1 .item5, .liststyle1 .item6, .liststyle1 .item_more { border-bottom: 1px solid #b8b8b8; }
.screen-phone .liststyle1 .item { border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; }
.screen-phone .liststyle1 .item_more { border-bottom: 1px solid #b8b8b8; }
.screen-phone .liststyle1 .item_more .a_null { height: 0; }
.liststyle1 .col { padding: 0; }
.liststyle1 .item .itemimg { display: block; min-height: 110px; position: relative; font-size: 0; line-height: 0; }
.liststyle1 .item_more .a_layer { display: block; width: 100%; height: 100%; background-color: #910311; position: absolute; top: 0; left: 0; }
.liststyle1 .item .itemimg>div { position: absolute; display: block; width: auto; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.liststyle1 .item .itemimg>div>div { display: block; width: auto; height: auto; }
.liststyle1 .item .a_layer .a_more { width: 160px; height: 60px; font-size: 20px; line-height: 60px; color: #910311; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -80px; border: 1px solid #910311; border-radius: 30px; background-color: #fff; }
.liststyle1 .item .itemimg>div>div>img { width: 100%; min-height: 100%; border: none; padding: 0; margin: 0; }
.lte-ie-8 .liststyle1 .item .itemimg>div>div>img { width: 100%; height: 100%; position: relative; top: 0; left: 0; }
.liststyle1 .item .itemtitle { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 32px; padding-bottom: 20px; margin: 0 5%; }
.liststyle1 .item .itemcontent { width: 90%; height: 100px; overflow: hidden; margin: 0 5%; margin-bottom: 30px; font-size: 14px; line-height: 24px; }
.liststyle1 .item_more .a_null { height: 182px; }

/* 服务流程-关于我们 */
#index-service { font-size: 0px; width: 100%; height: 280px; overflow: hidden; }
#index-service .group-main { width: 1140px; height: 280px; background: url(../../images/bg1.jpg) center no-repeat; padding: 0px 79.5px; }
#index-service .group-main .items { display: block; float: left; width: 120px; height: 100%; text-align: center; }
#index-service .group-main .items + .items { margin-left: 3px; }
#index-service .group-main .items .maintitle { display: block; width: 112px; color: #000; font-size: 18px; height: 44px; line-height: 44px; background: #efefef; border: 1px solid #f58a8a; border-radius: 8px; margin: 0 auto; position: relative; overflow: hidden; -webkit-transition: .4s all .3s; -moz-transition: .4s all .3s; -ms-transition: .4s all .3s; -o-transition: .4s all .3s; }
#index-service .group-main .items:hover .maintitle { color: #fff; }
#index-service .group-main .items.style .maintitle { top: 236px; }
#index-service .group-main .items .maintitle span { display: block; width: 100%; height: 100%; top: 100%; position: absolute; background-color: #910311; border-radius: 8px; -webkit-transition: .4s all .3s; -moz-transition: .4s all .3s; -ms-transition: .4s all .3s; -o-transition: .4s all .3s; }
#index-service .group-main .items.style .maintitle span { top: -100%; }
#index-service .group-main .items:hover .maintitle span { top: 0%; }
#index-service .group-main .items .maintitle div { display: block; width: 100%; height: 100%; position: relative; }
#index-service .group-main .items .items-main { display: block; padding: 4px 0px; }
#index-service .group-main .items .items-main .circle { display: block; position: relative; width: 6px; height: 6px; border-radius: 50%; background: #910311; margin: 0 auto; behavior: url(style/PIE/PIE.htc); }
#index-service .group-main .items.style .circle { top: 178px; }
#index-service .group-main .items .items-main .line { display: block; position: relative; width: 2px; height: 37px; background: #910311; margin: 0 auto; }
#index-service .group-main .items.style .line { top: 136px; }
#index-service .group-main .items .items-main .img { display: block; width: 100px; height: 100px; background: #fff; border: 2px solid #910311; border-radius: 50%; margin: 0 auto; position: relative; overflow: hidden; behavior: url(style/PIE/PIE.htc); }
#index-service .group-main .items:hover .items-main .img { border: none; }
#index-service .group-main .items .items-main .img span { display: block; width: 100%; height: 100%; position: absolute; background: #910311; border-radius: 50%; behavior: url(style/PIE/PIE.htc); top: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
#index-service .group-main .items.style .items-main .img span { top: -100%; }
#index-service .group-main .items:hover .items-main .img span { top: 0; }
#index-service .group-main .items .items-main .img img { display: block; width: 100%; position: relative; }
#index-service .group-main .items .items-main .img img + img { display: none; }
#index-service .group-main .items:hover .items-main .img img { display: none; }
#index-service .group-main .items:hover .items-main .img img + img { display: block; }

/* ------------------------- list 列表页 --------------------------- */
.body-container { background: #f5f5f5; }

/*核心业务-主页*/
.core { margin-top: 80px; margin-bottom: 30px; }
.core .container { padding-left: 0; padding-right: 0; }
.screen-phone .core .container { padding-left: 10px; padding-right: 10px; }
.screen-phone .core { margin-top: 0; margin-bottom: 0; }
.liststyle0 { margin-top: 40px; }
.screen-phone .liststyle0 { padding-left: 0; }
.screen-phone .liststyle0 .col { padding-left: 5px; padding-right: 5px; }
.liststyle0 .item { display: block; background-color: #fff; text-align: center; color: #555657; border: 1px solid #b8b8b8; margin-bottom: 20px; position: relative; }
.liststyle0 .col { padding-right: 25px; padding-left: 25px; }
.screen-phone .liststyle0 .item { margin-bottom: 10px; }
.liststyle0 .item .itemimg { display: block; min-height: 170px; padding-top: 60%; position: relative; font-size: 0; line-height: 0; }
.screen-phone .liststyle0 .item .itemimg { min-height: 130px; top: -20px; }
.liststyle0 .item .itemimg>div { position: absolute; display: block; width: 112px; height: 112px; top: 30px; left: 50%; margin-left: -56px; border: 1px solid #fff; border-radius: 56px; background-color: #8c8d8d; }
.liststyle0 .item .itemimg>div>div { display: block; width: 57px; height: 57px; position: absolute; top: 26px; left: 28px; }
.liststyle0 .item .itemimg>div>div.img-data { background: url(../../images/icon/data.png) no-repeat center; }
.liststyle0 .item .itemimg>div>div.img-government { background: url(../../images/icon/government.png) no-repeat center; }
.liststyle0 .item .itemimg>div>div.img-estate { background: url(../../images/icon/estate.png) no-repeat center; }
.liststyle0 .item .itemimg>div>div.img-internet { background: url(../../images/icon/internet.png) no-repeat center; }
.liststyle0 .item .itemimg>div>div>img { width: 100%; min-height: 100%; border: none; padding: 0; margin: 0; }
.lte-ie-8 .liststyle0 .item .itemimg>div>div>img { width: 100%; height: 100%; position: relative; top: 0; left: 0; }
.liststyle0 .item .itemtitle { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; line-height: 32px; margin-bottom: 0px; margin: 0 5%; }
.liststyle0 .item .itemtitleEn { margin-bottom: 80px; color: #b6b6b6; font-size: 14px; line-height: 20px; }
.screen-phone .liststyle0 .item .itemtitleEn { margin-bottom: 40px; line-height: 20px; }
.liststyle0 .item .itemline { width: 54px; height: 3px; position: absolute; left: 50%; bottom: 40px; margin-left: -27px; background-color: #910311; }
.screen-phone .liststyle0 .item .itemline { bottom: 20px; }
.liststyle0 .item:hover { background-color: #910311; box-shadow: 2px 5px 10px #8c8d8d; }
.liststyle0 .item:hover .itemimg>div { background-color: #fff; }
.liststyle0 .item:hover .itemimg>div>div.img-data { background-image: url(../../images/icon/data_2.png); }
.liststyle0 .item:hover .itemimg>div>div.img-government { background-image: url(../../images/icon/government_2.png); }
.liststyle0 .item:hover .itemimg>div>div.img-estate { background-image: url(../../images/icon/estate_2.png); }
.liststyle0 .item:hover .itemimg>div>div.img-internet { background-image: url(../../images/icon/internet_2.png); }
.liststyle0 .item:hover .itemtitle { color: #fff; }
.liststyle0 .item:hover .itemtitleEn { color: #b5dcf5; }
.liststyle0 .item:hover .itemimg>div>i { color: #910311; }
.liststyle0 .item:hover .itemline { background-color: #fff; }

/* 服务项目 */
.products-service { padding-bottom: 50px; padding-top: 50px; background: #fff; }
.products-service:nth-child(2n) { background: #f5f4f4; }
.products-service.s3, .products-service.s5 { padding-bottom: 0; }
.products-service:nth-of-type(2n) .col.img { text-align: right; }
.products-service .col { }
.products-service .col:nth-child(2n) { }
.products-service .service-title { font-size: 36px; display: inline-block; border-bottom: 2px solid #910311; }
.products-service .service-desc { padding-top: 30px; }
.products-service .subservice { font-size: 18px; padding-top: 50px; overflow: hidden; }
.products-service .subservice span { display: block; float: left; padding: 0 10px; border-left: 1px solid #818181; color: #a00b0b; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.products-service .subservice span:hover { cursor: pointer; color: #fff; background: #910311; border-left: 1px solid #910311; }
.products-service .subservice span:first-child { border-left: none; padding-left: 5px; }
.screen-phone .products-service .subservice span { margin-bottom: 10px; }
.products-service .service-btn { padding-top: 50px; }
.products-service .service-btn a { display: inline-block; font-size: 20px; color: #fff; padding: 10px 25px; border-radius: 8px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.products-service .service-btn a:first-child { background: #910311; border: 1px solid #910311; }
.products-service .service-btn a:first-child:hover { background: #fff; border: 1px solid #910311; color: #910311; }
.products-service .service-btn a:nth-child(2) { background: #ec5021; margin-left: 20px; border: 1px solid #ec5021; }
.products-service .service-btn a:nth-child(2):hover { background: #fff; border: 1px solid #ec5021; color: #ec5021; }
.screen-phone .products-service { padding-top: 20px; padding-bottom: 20px; }
.screen-phone .products-service .subservice { padding-top: 20px; }
.screen-phone .products-service .service-btn, .screen-tablet .products-service .service-btn { padding-top: 20px; padding-bottom: 20px; }
.screen-tablet .products-service .col.img { text-align: center; }
.service-detail { background: #fff; padding-bottom: 50px; }
.service-detail .detail-title { font-size: 28px; color: #38414d; text-align: center; padding-bottom: 50px; padding-top: 30px; }
.service-detail .detail-title span { display: block; width: 300px; height: 2px; background: #ddd; position: absolute; left: 50%; margin-left: -150px; }
.service-detail .servicestyle1 { max-width: 1600px; }
.service-detail .servicestyle1 ul { padding-top: 50px; padding-bottom: 30px; padding-left: 0; }
.service-detail .servicestyle1 ul li { position: relative; width: 14.285%; float: left; background: #fff; border-right: 1px solid #fff; border-top: 3px solid #fff; border-bottom: 3px solid #fff; border-left: 1px solid #ddd; text-align: center; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.service-detail .servicestyle1 ul li:first-child { border-left: 1px solid #fff; }
.service-detail .servicestyle1 ul li:hover { border: 3px solid #e74c3c; -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); z-index: 2; }
.service-detail .servicestyle1 ul li .c1 { padding-top: 30px; font-size: 28px; color: #38414d; }
.service-detail .servicestyle1 ul li .c2 { padding-top: 20px; }
.service-detail .servicestyle1 ul li .c2 span { font-size: 30px; color: #e74c3c; }
.service-detail .servicestyle1 ul li .c2 i { font-size: 14px; }
.service-detail .servicestyle1 ul li .c3 { margin-top: 40px; background: #f1f4f5; padding: 15px 0; }
.service-detail .servicestyle1 ul li .c3 a { display: inline-block; padding: 8px; font-size: 14px; background: #92c135; border-radius: 4px; color: #fff; }
.service-detail .servicestyle1 ul li .c3 a:hover { background: #364c0a; }
.service-detail .servicestyle1 ul li .c4 { }
.service-detail .servicestyle1 ul li .c4 p { padding: 20px 0; font-size: 14px; margin: 0; min-height: 61px; }
.service-detail .servicestyle1 ul li .c4 p:nth-child(2n) { background: #f1f4f5; }
.service-detail .servicestyle2 ul { padding: 30px 10px 30px; }
.service-detail .servicestyle2 ul li { background: #fff; border-right: 1px solid #fff; border-top: 3px solid #fff; border-bottom: 3px solid #fff; border-left: 1px solid #ddd; text-align: center; padding: 0; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.service-detail .servicestyle2 ul li:first-child { border-left: 1px solid #fff; }
.service-detail .servicestyle2 ul li:hover { border: 3px solid #e74c3c; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); z-index: 2; }
.service-detail .servicestyle2 ul li .c1 { padding-top: 30px; font-size: 28px; color: #38414d; }
.service-detail .servicestyle2 ul li .c2 { padding-top: 20px; }
.service-detail .servicestyle2 ul li .c2 span { font-size: 30px; color: #e74c3c; }
.service-detail .servicestyle2 ul li .c2 i { font-size: 14px; }
.service-detail .servicestyle2 ul li .c3 { margin-top: 90px; background: #f1f4f5; padding: 15px 0; }
.service-detail .servicestyle2 ul li .c3 a { display: inline-block; padding: 8px; font-size: 14px; background: #92c135; border-radius: 4px; color: #fff; }
.service-detail .servicestyle2 ul li .c3 a:hover { background: #364c0a; }
.service-detail .servicestyle2 ul li .c4 { }
.service-detail .servicestyle2 ul li .c4 p { padding: 20px 0; font-size: 14px; margin: 0; min-height: 61px; }
.service-detail .servicestyle2 ul li .c4 p:nth-child(2n) { background: #f1f4f5; }
.screen-phone .service-detail { padding-bottom: 20px; }
.screen-phone .service-detail ul li, .screen-tablet .service-detail ul li { width: 100%; border: none; padding: 30px 0 0; }
.screen-phone .service-detail ul li .c1 { padding-top: 0; }
.screen-phone .service-detail ul li .c2 { padding-top: 10px; }
.screen-phone .service-detail ul li .c3 { margin-top: 20px; }
.screen-phone .service-detail ul li .c4 { padding-top: 0; }

/*案例列表页*/
.caseliststyle1 { margin-top: 0; padding-left: 0; padding-right: 0; }
.screen-phone .caseliststyle1 { padding: 0; }
.caseliststyle1 .item { display: block; width: 100%; height: 100%; background-color: #fff; text-align: center; color: #555657; position: relative;z-index:0;border: 1px solid #ccc ;border: 1px solid #ccc; }
.caseliststyle1 .col { padding-bottom: 20px; }
.caseliststyle1 .item .itemimg { display: block; padding-top: 100%; position: relative; font-size: 0; line-height: 0; overflow: hidden; }
.caseliststyle1 .item .itemimg>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.caseliststyle1 .item .itemimg>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index: 1; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.caseliststyle1 .item .itemimg>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
//.caseliststyle1 .item .itemtitle { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 40px; padding: 0 5%; margin: 0; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.caseliststyle1 .item .itemtitle { display: block; width: 100%; overflow: hidden;text-overflow: ellipsis; font-size: 14px; line-height: 20px;min-height: 60px; margin: 0;padding:0 8px;position: relative;background:#eaeaea;}
.caseliststyle1 .item .itemtitle span{width:100%; position:absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.caseliststyle1 .item:hover .itemimg>div>div { transform: scale(1.1); -ms-transform: scale(1.1);     /* IE 9 */ -moz-transform: scale(1.1);     /* Firefox */ -webkit-transform: scale(1.1); /* Safari 和 Chrome */ -o-transform: scale(1.1); }
.caseliststyle1 .item:hover .itemtitle { color: #fff; background: #910311; }
.screen-phone .caseliststyle1 .item .itemtitle { font-size: 14px; }
.caseliststyle1 .item .itemcontent { width: 90%; height: 100px; overflow: hidden; margin: 0 5%; margin-bottom: 30px; font-size: 14px; line-height: 24px; }
.caseliststyle1 .item_more .a_null { height: 182px; }


/*产品列表页*/
.proliststyle1 { padding-left: 0; padding-right: 0; }
.screen-phone .proliststyle1 { padding: 0; }
.proliststyle1 .item { display: block; width: 100%; height: 100%; background-color: #fff; text-align: center; color: #555657; position: relative; border: 1px solid #ccc; }
.proliststyle1 .col { padding: 0 10px; padding-bottom: 20px; }
.screen-phone .proliststyle1 .col { padding: 0 5px; padding-bottom: 10px; }
.proliststyle1 .item .pro-img { display: block; padding-top: 100%; position: relative; font-size: 0; line-height: 0; overflow: hidden; }
.proliststyle1 .item .pro-img>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.proliststyle1 .item .pro-img>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; }
.proliststyle1 .item .pro-img>div>div>img { width: 100%; min-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.proliststyle1 .item .pro-img1 { display: block; padding-top: 30%; position: relative; font-size: 12px; line-height: 20px; overflow: hidden; }
.proliststyle1 .item .pro-img1>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.proliststyle1 .item .pro-img1>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index: 1; }
.proliststyle1 .item .pro-img1>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.proliststyle1 .item .itemtitle { display: block; width: 100%; overflow: hidden;text-overflow: ellipsis; font-size: 14px; line-height: 20px;min-height: 60px; margin: 0;padding:0 8px;position: relative;background:#eaeaea;}
.proliststyle1 .item .itemtitle span{width:100%; position:absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.proliststyle1 .item:hover {border-color:#910311;}
.proliststyle1 .item:hover .itemtitle{color: #fff;background: #910311;}
.screen-phone .proliststyle1 .item .itemtitle { font-size: 12px; }
.proliststyle1 .item .itemcontent { width: 90%; height: 100px; overflow: hidden; margin: 0 5%; margin-bottom: 30px; font-size: 14px; line-height: 24px; }
.proliststyle1 .item_more .a_null { height: 182px; }

/* 新闻列表 */
.liststyle2 { position: relative; }
.liststyle2 .items { }
.liststyle2 .items>a { display: block; position: relative; padding: 10px; }
.screen-phone .liststyle2 .items>a { padding: 10px; }
.liststyle2 .items .news-con { display: block; width: 75%; margin-left: 5%; float: left;position: relative; }
.screen-phone .liststyle2 .items .news-con { display: block; width: 68%; margin-left: 2%; float: left; }
.liststyle2 .items .news-con p { width: 100%; text-align: left; }
.liststyle2 .items .news-con .news-title { display: block; width: 100%; color: #333; font-size: 20px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-right:130px; }
.liststyle2 .items .news-con .news-title span { display: inline-block; height: 1px; background: #000; width: 0; vertical-align: middle; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.screen-phone .liststyle2 .items .news-con .news-title { color: #333; font-size: 16px; }
.liststyle2 .items:hover .news-con .news-title span { width: 8%; background: #910311; }
.liststyle2 .items .news-con .news-desc { color: #999; font-size: 14px; min-height: 42px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.screen-phone .liststyle2 .items .news-con .news-desc, .screen-tablet .liststyle2 .items .news-con .news-desc { min-height: 0; }
.liststyle2 .items .news-con .news-detailtime { width: 120px; display: block; color: #999; height: 30px; float: left; line-height: 30px; text-align: left; position: absolute;top: 0;right:0; }
.liststyle2 .items .news-con .news-detailtime span { display: inline-block; padding-right: 5px; font-size: 26px; line-height: 30px; }
.liststyle2 .items:hover .news-con .news-title, .liststyle2 .items:hover .news-con .news-desc, .liststyle2 .items:hover .news-con .news-detailtime { color: #910311; }

/* 新闻列表 */
.liststyle21 .items { width: 100%; padding: 14px 0; border-bottom: 1px dashed #dfdfdf; }
.liststyle21 .items>a { display: block; position: relative; }
.liststyle21 .items .news-img { display: block; width: 20%; float: left; overflow: hidden; position: relative; padding-top: 12%; }
.screen-phone .liststyle21 .items .news-img { width: 30%; padding-top: 20%; text-align: center; }
.liststyle21 .items .news-img>div { text-align: center; display: block; position: absolute; font-size: 0px; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.liststyle21 .items>a:hover .news-img>div { width: 120%; height: 120%; top: -10%; left: -10%; }
.liststyle21 .items .news-img>div>img { width: 100%; height: 100%; }
.liststyle21 .items .news-con { display: block; width: 75%; margin-left: 5%; float: left; }
.screen-phone .liststyle21 .items .news-con { display: block; width: 68%; margin-left: 2%; float: left; }
.liststyle21 .items .news-con p { width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.liststyle21 .items .news-con .news-title { color: #333; font-size: 20px; font-weight: 700; }
.screen-phone .liststyle21 .items .news-con .news-title { color: #333; font-size: 16px; }
.liststyle21 .items .news-con .news-desc { color: #999; font-size: 14px; }
.liststyle21 .items .news-con .news-detailbtn { width: 108px; display: block; cursor: pointer; color: #666; height: 30px; float: left; line-height: 30px; text-align: center; position: relative; background: #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, .2); -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.liststyle21 .items:hover .news-con .news-detailbtn, .device-mobile .liststyle21 .items .news-con .news-detailbtn { padding-right: 30px; }
.liststyle21 .items .news-con .news-detailbtn span { display: block; width: 0; color: #fff; background-color: #910311; box-shadow: 0px 0px 2px #910311; overflow: hidden; position: absolute; top: 0; right: 0; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.liststyle21 .items:hover .news-con .news-detailbtn span, .device-mobile .liststyle21 .items .news-con .news-detailbtn span { width: 30px; }
.liststyle21 .items .news-con .news-detailtime { width: 100px; display: block; color: #999; height: 30px; float: right; line-height: 30px; text-align: center; position: relative;  }
.liststyle21 .items:hover .news-con .news-title, .liststyle21 .items:hover .news-con .news-desc, .liststyle21 .items:hover .news-con .news-detailbtn, .liststyle21 .items:hover .news-con .news-detailtime { color: #910311; }
.screen-phone .liststyle21 .items .news-con .news-detailtime { width: 85px; }

/* 友情链接列表 */
.liststyle211 .items {padding: 5px;}
.liststyle211 .items>a { display: block; position: relative;padding: 10px ;border:1px solid #910311;}
.liststyle211 .items>a:hover{background: rgba(0,0,0,.1);}
.liststyle211 .items>a:hover .link{color: #910311;}
.liststyle211 .items .link{text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: absolute;width:100%;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);color: rgba(0,0,0,0);}
.liststyle211 .items .news-img { display: block;float: left; overflow: hidden; position: relative; padding-top: 12%; width:100%;height:100%;}
.screen-phone .liststyle211 .items .news-img {padding-top: 20%; text-align: center; }
.liststyle211 .items .news-img>div { text-align: center; display: block; position: absolute; font-size: 0px; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s;}
.liststyle211 .items>a:hover .news-img>div { top: -100%; }
.liststyle211 .items .news-img>div>img { width: 100%; height: 100%; }

/* join 加入我们列表样式 */
.liststyle3 { text-align: center; font-size: 0px; line-height: 0px; overflow: hidden; }
.liststyle3 p { margin: 0px; }
.liststyle3 .group-title { display: block; width: 100%; color: #333; font-size: 24px; line-height: 50px; }
.liststyle3 .item { display: block; width: 100%; color: #fff; background-color: #3f3b3a; position: relative; }
.liststyle3 .item.item-hd { background-color: #910311; }
.liststyle3 .item.item-2n { background-color: #534E4D; }
.liststyle3 .item.active { background-color: #f1f1f1; color: #333; }
.liststyle3 .item>span { display: inline-block; width: 16.66667%; font-size: 16px; line-height: 40px; position: relative; }
.liststyle3 .item>span .morebtn { display: inline-block; font-size: 14px; line-height: 14px; background: #910311; margin: 0; color: #fff; padding: 8px 15px 8px 20px; margin-bottom: 6px; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.liststyle3 .item>span .morebtn:hover { background: #fff; color: #666; }
.liststyle3 .item.active>span .morebtn:hover { background: #3f3b3a; color: #fff; }
.liststyle3 .item>span .morebtn .icon { display: inline-block; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.liststyle3 .item.active>span .morebtn .icon { transform: rotate(180deg) }
.liststyle3 .item.item-hd>span { font-size: 24px; line-height: 40px; }
.liststyle3 .item .items-main { display: none; width: 100%; color: #534E4D; background-color: #f1f1f1; font-size: 14px; line-height: normal; text-align: left; padding: 2% 4%; }
.screen-phone .liststyle3 .group-title { font-size: 16px; line-height: 42px; }
.screen-phone .liststyle3 .item>span { width: 25%; font-size: 14px; line-height: 30px; vertical-align: top; }
.screen-phone .liststyle3 .item.item-hd>span { font-size: 16px; line-height: 40px; }
.screen-phone .liststyle3 .item>span.xs-hidden { display: none; }
.screen-phone .liststyle3 .item>span .morebtn { display: inline-block; font-size: 12px; line-height: 12px; padding: 4px; }

/* contact 联系我们列表样式 */
/* .liststyle4 { }
.screen-phone .liststyle4 .item { margin-top: 20px; }
.screen-phone .liststyle4 .item .item-main { padding-bottom: 20px; }
.liststyle4 .item { display: block; margin-top: 50px; }
.liststyle4 .item .item-main { display: block; width: 100%; padding-bottom: 50px; }
.liststyle4 .item .item-main .title { font-size: 20px; color: #000; }
.liststyle4 .item .item-main .col { padding-bottom: 20px; }
.liststyle4 .item .item-main .col>span { line-height: 30px; flex: 1; }
.liststyle4 .item .item-main .col>span.icon { font-size: 90px; color: #fff; border-radius: 50%; background: #910311; text-align: center; width: 120px; height: 120px; line-height: 120px; vertical-align: middle; float: left; margin-right: 15px; }
.liststyle4 .item .item-main .col>span.icon.icon1 { font-size: 70px; }
.liststyle4 .item .item-main .col>span.icon:hover { background: #f00; cursor: pointer; }

.liststyle4 .item .item-main .col>span.icon:hover{background: #fff;border:2px solid #910311;color: #910311;}
.liststyle4 .item .item-main .col>span>span { display: block; color: #515151; }
.screen-desktop-wide .liststyle4 .item .item-main .col>span>span { padding-right: 50px; }
.liststyle4 .item .item-map { width: 100%; position: relative; padding-top: 56%; overflow: hidden; min-height: 320px; }
.lte-ie-8 .liststyle4 .item .item-map { padding-top: 15%; }
.liststyle4 .item .item-map>div { width: 100%; height: 100%; top: 0; position: absolute; }
 */
.liststyle4 { padding: 20px 10px 80px; position: relative; }
.screen-phone .liststyle4 {padding-bottom:20px;}
.liststyle4 .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .7); }
.liststyle4 .row {}
.liststyle4 .left { color: #000; padding: 0px 10px; }
.liststyle4 h2 { margin: 0; font-size: 36px; line-height: 90px; color: #910311;}
.liststyle4 .left p { font-size: 16px; line-height: 60px;margin:0; position: relative;}
.liststyle4 .left p span{line-height:20px;white-space: normal;width: 100%;display: block;padding:20px 0;padding-left: 36px;min-height:60px;}
.screen-phone .liststyle4 .left p {font-size:14px;line-height:30px;}
.screen-phone .liststyle4 .left p .iconfont{font-size:20px;}
.liststyle4 .left p .iconfont{font-size:26px;color: #910311;display:inline-block;vertical-align: middle;padding-right:10px; position: absolute;top: 0;left: 0;}
.liststyle4 .right { color: #515151; background: rgba(255, 255, 255, .8); padding: 0px; text-align: center; }
.liststyle4 .right iframe{width: 100%;min-height:300px;height:auto;}
.liststyle4 .bottom { color: #515151; background: rgba(255, 255, 255, .8); padding: 0px; text-align: center; }
.liststyle4 .bottom iframe{width: 100%;min-height:300px;height:auto;}

/* developmentlist 发展历程时间轴列表样式 */
.liststyle5 { width: 100%; height: 510px; overflow: hidden; position: relative; font-size: 0px; }
.liststyle5 .group-main { width: auto; height: 510px; white-space: nowrap; position: absolute; }
.liststyle5 .group-main .item { display: inline-block; width: 180px; height: 500px; margin: 5px; position: relative; vertical-align: top; }
.liststyle5 .group-main .item .maintitle { position: absolute; display: block; width: 100px; height: 100px; color: #fff; border-radius: 50%; background: #c8cac9; font-size: 18px; white-space: normal; padding: 12px; line-height: 1.2; text-align: center; top: 91px; left: 50%; margin-left: -50px; z-index: 3; behavior: url(style/PIE/PIE.htc); }
.liststyle5 .group-main .item .items-line { position: absolute; display: block; width: 4px; height: 50px; background: #c8cac9; top: 191px; left: 50%; margin-left: -2px; z-index: 2; }
.liststyle5 .group-main .item .items-arrow { position: absolute; display: block; width: 100%; height: 18px; top: 241px; overflow: visible; z-index: 1; }
.liststyle5 .group-main .item .items-arrow .arrowtop { position: relative; display: block; width: 100%; height: 9px; background: #c8cac9; -webkit-transform: skew(40deg); -moz-transform: skew(40deg); -o-transform: skew(40deg); -ms-transform: skew(40deg); transform: skew(40deg); }
.liststyle5 .group-main .item .items-arrow .arrowbottom { position: relative; display: block; width: 100%; height: 9px; background: #c8cac9; -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg); -ms-transform: skew(-40deg); transform: skew(-40deg); }
.liststyle5 .group-main .item .items-circle { position: absolute; display: block; width: 10px; height: 10px; background: #fff; top: 245px; left: 50%; margin-left: -5px; border-radius: 50%; z-index: 2; behavior: url(style/PIE/PIE.htc); }
.liststyle5 .group-main .item .subtitle { position: absolute; display: block; width: 100%; height: 50px; text-align: center; top: 258px; left: 0; color: #c8cac9; z-index: 3; font-size: 40px; line-height: 50px; }
.liststyle5 .group-main .item .items-main { position: absolute; display: block; width: 100%; height: 180px; overflow: hidden; top: 308px; left: 0; z-index: 3; font-size: 14px; line-height: 18px; white-space: normal; }
.liststyle5 .group-main .item .items-main p { margin: 0; }
.liststyle5 .group-main .item.style .maintitle { top: 308px; }
.liststyle5 .group-main .item.style .items-line { top: 258px; }
.liststyle5 .group-main .item.style .subtitle { top: 191px; }
.liststyle5 .group-main .item.style .items-main { top: 12px; }

/* lightgallery 灯箱画廊样式 */
#lightGallery { }
#lightGallery>a.col { padding: 10px; font-size: 0; text-align: center; position: relative; }
#lightGallery>a.col .grouphd { padding-top: 70%; position: relative; }
#lightGallery>a.col .grouphd .grouphd-img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#lightGallery>a.col .grouphd .grouphd-img>span { width: 0; height: 100%; display: inline-block; vertical-align: middle; }
#lightGallery>a.col .grouphd .grouphd-img>img { width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
#lightGallery>a.col .grouposter { display: none; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, .5); top: 0; left: 0; }
#lightGallery>a.col:hover .grouposter { display: block; }
#lightGallery>a.col .grouposter>span { width: 0; height: 100%; display: inline-block; vertical-align: middle; }
#lightGallery>a.col .grouptitle { width: 100%; height: 36px; font-size: 14px; line-height: 36px; background-color: #fff; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#lightGallery>a.col:hover .grouptitle { background-color: #910311; color: #fff; }

/* casenav 选项卡导航 */
.casenav { width: 100%; background: #f1f1f1; font-size: 16px; text-align: center; line-height: 28px; border-bottom: 1px solid #dedede; }
.casenav .casenav-nav { width: 100%; text-align: center; }
.casenav .casenav-nav>li { display: inline-block; position: relative; float: none; }
.casenav .casenav-nav>li.active { background: #910311; }
.casenav .casenav-nav>li.active a { color: #fff; }
.casenav .casenav-nav>li:hover a { color: #910311; }

/* pagectrl 翻页按钮 */
.pagectrl { display: block; width: 100%; padding-top: 20px; }
.pagectrl>a { display: inline-block; padding: 0 8px; height: 30px; line-height: 28px; border: 1px solid #ccc; margin-bottom: 10px; color: #333; }
.pagectrl>a.active, .pagectrl>a:hover { background-color: #4e4e4e; border: 1px solid #4e4e4e; color: #fff; }
.pagectrl>.pagectrlform { display: inline-block; height: 30px; line-height: 28px; padding: 0px 20px; margin-bottom: 10px; }
.pagectrl>.pagectrlform .pageinput { width: 30px; height: 30px; border: 1px solid #ccc; border-radius: 0; margin-bottom: 10px; text-align: center; }
.pagectrl>.pagectrlform .pagesubmit { padding: 0 8px; height: 30px; background-color: #4e4e4e; border: 1px solid #4e4e4e; color: #fff; margin-bottom: 10px; }

/* detail 详情页 */
.maincontent { font-size: 16px; width: 100%; padding: 0 10px; margin: 0 auto; margin-top: 20px; }
.title-desc { font-size: 14px; color: #333; overflow: hidden; border-bottom: 1px solid #ccc; margin: 0 10px; }
.title-desc p { display: inline-block; float: left; line-height: 1.5; }
.title-desc p+p { float: right; }
.title-desc p i { margin: 0 5px; }
.title-desc p i:nth-child(2) { margin-left: 5px; margin-right: 0; }
.title-desc p a { color: #333; line-height: 1.5; display: inline-block; }
.title-desc p span { padding: 0; margin-left: 5px; }
.title-desc p a.sharebtn { float: none; background: none; padding: 0; margin: 0; font-size: 14px; }
.title-desc p a:hover { color: #910311; }
.newstitle { font-size: 30px; font-weight: 700; line-height: 40px; text-align: center; margin-top: 20px; margin-bottom: 10px; }
.screen-phone .newstitle { font-size: 20px; margin-top: 0; }
.content { font-size: 16px; width: 100%; margin: 0 auto; margin-top: 20px; }

/* prevnext 前一篇-后一篇 */
.prevnext { width: 100%; margin-top: 20px; padding: 20px 0; font-size: 14px; border-top: 1px solid #ccc; }
.prevnext a { display: block; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prevnext a:hover { text-decoration: underline; color: #4e4e4e; }
.prevnext .prev, .prevnext .next { width: 50%; display: block; float: left; }
.prevnext .next { text-align: right; }
.prevnext .historygo { display: inline-block; padding: 5px; background: #4e4e4e; color: #fff; }
.prevnext .historygo:hover { color: #fff; text-decoration: none; background: #3f3b3a; }

/* casedetail 案例详情卡片图片展示 */
.casedetail { padding-top: 54%; position: relative; margin-left: -10px; margin-right: -10px; }
.casedetail .items-images { position: absolute; top: 0; height: 100%; width: 100%; }
.casedetail .items-images .mainimgbox, .casedetail .items-images .mainimgctrl { height: 100%; overflow: hidden; }
.casedetail .items-images .mainimgbox { text-align: center; }
.casedetail .items-images .mainimgbox img { width: 100%; max-height: 100%; }
.casedetail .items-images .mainimgctrl { padding-top: 40px; padding-bottom: 40px; }
.casedetail .items-images .mainimgctrl .upctrl, .casedetail .items-images .mainimgctrl .downctrl { width: 88%; position: absolute; left: 6%; height: 25px; line-height: 20px; text-align: center; color: #fff; background: #910311; cursor: pointer; border: 1px solid #999; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.casedetail .items-images .mainimgctrl .upctrl:hover, .casedetail .items-images .mainimgctrl .downctrl:hover { background: #3f3b3a; }
.casedetail .items-images .mainimgctrl .upctrl { top: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.casedetail .items-images .mainimgctrl .downctrl { bottom: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.casedetail .items-images .mainimgctrl .imagesbox { width: 100%; height: 100%; overflow: hidden; position: relative; }
.casedetail .items-images .mainimgctrl .imagesbox .images { width: 100%; height: auto; position: absolute; top: 0px; -webkit-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -o-transition: all .5s linear 0s; transition: all .5s linear 0s; }
.casedetail .items-images .mainimgctrl .imagesbox .images>img { width: 100%; height: auto; margin: 4px 0; cursor: pointer; }
.casedetailmorebtn { display: inline-block; background-color: #910311; color: #fff; width: 120px; font-size: 16px; line-height: 36px; text-align: center; margin-top: 15px; }
.screen-phone .casedetailmorebtn { width: 80px; font-size: 14px; line-height: 28px; margin-top: 5px; }
.casedetailmorebtn:hover { background-color: #3f3b3a; color: #fff; }
.casedetailbox-title { display: block; width: 140px; background-color: #910311; color: #fff; text-align: center; font-size: 16px; line-height: 36px; font-weight: 700; }
.screen-phone .casedetailbox-title { display: block; width: 120px; background-color: #910311; color: #fff; text-align: center; font-size: 14px; line-height: 28px; font-weight: 700; }
.casedetailbox { border-top: 2px solid #910311; }
.screen-phone .casedetailbox { border-top: 1px solid #910311; }

/* other 其它 */
.propanel{width: 100%;}
/*左侧菜单顶部*/
.propanel .panelhead{width: 100%;height: 55px;line-height: 55px;color: #fff;background-color: #4e4e4e;font-size: 16px;text-align: center;position: relative;}
.propanel .panelhead>i{position: absolute;right: 20px;top:13.5px;}
/*手机菜单顶部*/
.screen-phone .propanel .panelhead,.screen-tablet .propanel .panelhead{width: 100%;height: 55px;line-height: 55px;color: #fff;background-color: #4e4e4e;font-size: 16px;text-align: left;padding-left: 20px; }
.propanel .panelbody{ border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.screen-phone .propanel .panelbody,.screen-tablet .propanel .panelbody{ display: none;}
.propanel .panelbody>ul{ list-style: none;padding: 0px;margin: 0px;}
.propanel .panelbody>ul>li { display: block; width: 100%; padding: 13px 0px;position: relative; justify-content: space-between; align-items: center; list-style: none; border-top: 1px solid #e5e5e5; background-color: #eaeaea; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.propanel .panelbody>ul>li>a { display: block; width: 100%; color: #666; padding-left: 20px; font-size: 14px; line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: none; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; padding-right: 15px; }
.propanel .panelbody>ul>li.iscurrent,.propanel .panelbody>ul>li:hover{background:#910311;}
.propanel .panelbody>ul>li.iscurrent>a,.propanel .panelbody>ul>li.iscurrent>a,.propanel .panelbody>ul>li:hover>a{color: #fff;padding-left: 35px;}
.propanel .panelbody>ul>li>a span{display:none;float:right;position:absolute;top:14px;right:8px;}
.propanel .panelbody>ul>li.iscurrent>a span,.propanel .panelbody>ul>li.iscurrent>a span,.propanel .panelbody>ul>li:hover>a span{display:block;}
.propanel .panelbody>ul>li>.sonlist{display:block;opacity:0;position: absolute; top: 0; left: 100%; width: 100%; background: #fff; border: 1px solid #910311; line-height: 36px;}
.propanel .panelbody>ul>li:hover>.sonlist {display:block;opacity:1; z-index: 9;transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.propanel .panelbody>ul>li>.sonlist>a:hover{font-size: 14px;color: #fff;padding-left: 35px;background: #910311;}
.propanel .panelbody>ul>li>.sonlist>a:last-child{border-bottom:none;}
.propanel .panelbody>ul>li>.sonlist>a{display:block; width:100%;border-bottom: 1px solid #910311;padding: 0 15px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;font-size: 14px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background:#eaeaea;position:relative;}
.propanel .panelbody>ul>li>.sonlist>a>span{float:right;font-size:12px;position:absolute;top:0;right:8px;}


/* leftnav 左侧小导航栏 */

.leftnav { display: block; width: 100%; margin-bottom: 20px; background:#505050;}
.screen-phone .leftnav, .screen-tablet .leftnav { margin-left: auto; margin-right: auto; }
.leftnav .leftnav-m-ctrl { line-height: 54px; font-size: 18px; text-align: center; background: #910311; color: #fff; border-bottom: 1px solid #d1d1d1; }
.leftnav a { color: #666; }
.leftnav ul { padding: 0; margin: 0; overflow: hidden; text-align: center; }
.leftnav ul li { display: block; margin: 5px 10px; }
.leftnav ul li>a { display: block; font-size: 16px; color: #fff; line-height: 35px; padding: 0px; position: relative; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.leftnav ul li.active>a, .leftnav ul li:hover>a { background-color: #111; }

/* rightnav 右侧悬浮导航 */
.rightnav { width: 52px; font-size: 0px; display: block; position: fixed; top: 50%; right: 0px; z-index: 999; }
.rightnav ul { margin: 0px; padding: 0px; }
.rightnav ul li { width: 52px; display: block; height: 52px; overflow: hidden; list-style: none; background-position: 0 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.rightnav ul li:hover { background-position: 0px -62px; }
.rightnav ul li+li { margin-top: 5px; }
.rightnav ul li a { display: block; width: 100%; height: 100%; }
.qq { background: url(../../images/QQ.png) no-repeat; }
.weixin { background: url(../../images/weixin.png) no-repeat; }
.weixin-logo { background: #fff; font-size: 12px; width: 0px; height: 0px; overflow: hidden; position: absolute; top: 0px; right: 127px; transform: rotate(720deg); -webkit-transition: ease-out .5s; -moz-transition: ease-out .5s; -ms-transition: ease-out .5s; -o-transition: ease-out .5s; }
.weixin-logo>img { width: 100%; }
.weixin:hover .weixin-logo { width: 130px; height: auto; top: 0px; right: 52px; text-align: center; color: #000; transform: rotate(0deg); }
.rightnav .liuyan { background: url(../../images/liuyan.png) no-repeat; }
.rightnav .gotop { background: url(../../images/gotop.png) no-repeat; }

/* detailcontent wenhua-imgbox 奥捷文化图片盒子 */
.wenhua-imgbox { width: 100%; -moz-column-count: 2;    /* Firefox */ -webkit-column-count: 2;    /* Safari 和 Chrome */ column-count: 2; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px }
.wenhua-imgbox img { display: inline-block; width: 100%; height: auto; padding: 1px; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }