@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.
 * 作者: 杨，2018.10.25。    written by carry yang, 2018.10.25
 * 使用此文件请保留我的信息，谢谢！ Please keep my information in this file, thank you!
 */

@font-face {
  font-family: 'iconfont';  /* project id 1272221 */
  src: url('//at.alicdn.com/t/font_1272221_xk68t23wtan.eot');
  src: url('//at.alicdn.com/t/font_1272221_xk68t23wtan.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1272221_xk68t23wtan.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1272221_xk68t23wtan.woff') format('woff'),
  url('//at.alicdn.com/t/font_1272221_xk68t23wtan.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1272221_xk68t23wtan.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: #2b0376; cursor: pointer; text-decoration: none; outline: none; }
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;min-height: 0; }
#headertitle { display: block;width: 100%; height: 80px; position: fixed; z-index: 2147483647; padding-top: 10px; padding-bottom: 10px;background: rgba(0, 0, 0, .7);transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
#headertitle .top-contact{line-height: 60px;font-size: 26px; position: absolute;top: 0;right: 0;}
#headertitle .top-contact>a{color: #fff;vertical-align: middle;}
#headertitle .top-contact span{margin:0 5px;position: relative;}
#headertitle .top-contact span>div{display: block;width: 100px;height: 0;position: absolute;top: 55px;left: 50%;margin-left: -50px;overflow: hidden; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
#headertitle .top-contact span>div>img{width: 100%;height: auto;}
#headertitle .top-contact span:hover>div{height: 100px;}
#headertitle .group-left { display: block;width: 100%;position: relative; height: 60px;}
#headerhd { display: block;float: left; }
#headerhd img{max-height:60px;}
#headertitle .group-left .logo { min-width: 250px; float: left ;color: #fff;}
#headertitle .group-left .logo div{display: block;padding:10px 0;}
#headertitle .group-left .logo h3{margin:0;line-height: 30px;font-size:24px;font-weight:400;}
#headertitle .group-left .logo p{font-size:14.7px;margin:0;line-height: 20px;}
#headertitle.fixed{padding:0;height: 60px;background: rgba(43, 3, 118, .9);}
#headertitle.fixed a{}

#headernav { width: 600px; height: 60px; line-height: 60px; float: left; }
#headernav ul { text-align: center; float: none; margin:0;padding: 0;}
#headernav ul>li { display: inline-block; position: relative; font-size: 18px; height: 60px; line-height: 60px; width: 16%; min-width: 90px; }
#headernav ul>li .line{width: 3em;height: 3px;position: absolute;bottom: 10px;left: 50%;margin-left: -1.5em;}
#headernav ul>li>a { display: block; font-size: 17px; color: #fff; padding: 0px; line-height: 60px; }
#headernav ul>li:hover>a { background: #77b604;  }
#headernav ul>li:hover .line{background: #2b0376;}
#headernav ul>li.active { line-height:60px; }
#headernav ul>li.active>a {  background: #77b604; }
#headernav ul>li.active .line {background: #2b0376; }
#headernav ul>li .navplus { width: 100%; display: none; position: absolute; z-index: 1009; text-align: left; left: 0; font-size: 0; background: #2b0376; border-top: 1px solid #2b0376; }
#headernav ul>li .navplus>a { display: block; font-size: 14px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0px; padding: 14px 10px; height: 42px; line-height: 14px; }
#headernav ul>li .navplus>a i { margin-right: 2px; }
#headernav ul>li .navplus>a:hover { background: #77b604;/* color: #2b0376;  */}
#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: 100px; }
#m-headerhd { pointer-events: auto; }

#m-headerhd:hover { color: #2b0376; }
#m-headerhd span{color: #000;line-height: 40px;font-size:20px;display:inline-block;max-width:40%;height: 40px;overflow: hidden;}
#m-headerbar .hdtitle-img {    /* *width: 40px; */
width: auto; height: 40px; }
#m-headerbar .hdtitle-img img { width: auto; height: 100%; }
#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: #2b0376; text-shadow: none; background-color: #fff; border-color: #2b0376; }
#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: #2b0376; 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 #5c00ff; 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: block; }
.slider:hover .arrowsWrapper { display: block }
.slider-arrow { position: absolute; display: block; margin-bottom: 0px; width: 20px; padding: 1%; text-decoration: none; text-align: center; opacity: 1; }
.slider-arrow--right { bottom: 7%;  background: url(../../images/right_jt.png) no-repeat center; background-size: 100%; }
.slider-arrow--left { bottom: 7%;  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: 13px; height: 13px; background: #fff; border: none; border-radius: 50%; clear: none; display: inline-block; margin: 0 5px; position: relative; }
.screen-phone .slider-nav{bottom: 7%;}
.screen-phone .slider-nav__item{width: 10px;height: 10px;}
.slider-nav__item:hover, .slider-nav__item--current {  background: #77b604; }



.thebreadcrumb { width: 100%; background: #e6e6e6; font-size: 16px; text-align: left; line-height: 28px; padding-top: 10px; padding-bottom: 10px; }
.thebreadcrumb a { color: #2b0376; }
.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: #2b0376;display:block;position: absolute;top: 8px;left: 0;}

.titlestyle-main .maintitle { font-size: 36px; color: #2b0376; font-weight: 550; text-transform: uppercase; }
.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; color: #2b0376; }
.screen-phone .titlestyle-main .subtitle { font-size: 16px; color: #575757; text-transform: uppercase; }
.beautifulbtn1 { background-color: #2b0376; 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: #fff; padding-top: 60px; padding-bottom: 60px; background-color: #1e0057; }
#footerbar .row { position: relative; }
#footerbar .group-left0 { position: static; }
#footerbar .group-left0 div { padding:0 20px;}
.screen-phone #footerbar .group-left0 div { padding:0;}
#footerbar .group-left0 div h2{font-size: 50px; font-weight: 400;margin:0;}
#footerbar .group-left0 div h3{font-size: 30px;font-weight: 400;margin-top: 10px;margin-bottom: 20px;}
#footerbar .group-left0 div p{}
#footerbar .group-left1 { position: static; }
#footerbar .group-left1 div { padding:0 20px;}
.screen-phone #footerbar .group-left1 div{padding: 0;}
#footerbar .group-left1 div h2{font-size: 50px; font-weight: 400;margin:0;margin-bottom: 20px;}
#footerbar .group-left1 div p{}
#footerbar .group-left1 div p.f-contact{line-height: 40px;}
#footerbar .group-left1 div p .icon{margin-right: 10px;font-size:27px;vertical-align: middle;color: #fff;}
#footerbar .group-left1 div p .icon.r{margin-left: 30px;}
.screen-phone #footerbar .group-left1 div p .icon.r{margin-left: 10px;}
#footerbar .group-left1 div p a{display: inline-block;text-align: center; width: 100px;line-height: 30px;border-radius: 10px;color: #1e0057;background: #fff;position: relative;}
#footerbar .group-left1 div p a:hover{background: #77b604;color: #fff;}
#footerbar .group-left1 div p a:hover div{height: 100px;}
#footerbar .group-left1 div p a div{display: block;width: 100px;height: 0;position: absolute;bottom: 50px;left: 50%;margin-left: -50px;overflow: hidden; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;padding:0;}
#footerbar .group-left1 div p a div>img{width: 100%;height: auto;}

#footerbar a { color: #fff; }
#footerbar #footerlinks a { display: inline-block; margin: 10px 20px 10px 0; font-size: 16px; }
#footerbar #footerlinks a:hover { text-shadow: 0 0 1px #fff }
#footerbar .group-right>div { display: block; float: right; text-align: center; font-size: 14px; margin-right: 25px;margin-top: 30px; }
.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 #5c00ff; background-color: #2b0376; }
#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 div h2{font-size:30px;padding-top:20px;}
.screen-phone #footerbar .group-left0 div h3{font-size:20px;}
.screen-phone #footerbar .group-left1 div h2{font-size:30px;}

/*我们能做什么-主页*/
.wedo{padding:30px 0 20px;background: url('../../images/wedo_bg.png') repeat-y;background-size: 100%;}
.wedo .s-title {text-align: center;}
.wedo .s-title h2{position: relative;font-size:48px;line-height: 60px;font-weight:400;margin:0;color: #2b0376;}
.wedo .s-title p{font-size:30px;line-height: 60px;}
.screen-phone .wedo .s-title h2{font-size:24px;line-height: 40px;margin-top: 0;}
.screen-phone .wedo .s-title p{font-size: 18px;line-height: 30px;}
.wedo .s-list{overflow: hidden;}
.wedo .s-list .item1{width:20%;height: 300px; float: left;text-align: center;}
.wedo .s-list .item1 i{display: block; background: url('../../images/wedo_circle.png') no-repeat;position: absolute;top: 0;left: 50%;width: 175px;height: 175px;margin-left: -88px;-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;}
.wedo .s-list .item1 i.cl{clip: rect(0px,175px,175px,88px);}
.wedo .s-list .item1 i.cr{clip: rect(0px,88px,175px,0px);}
.wedo .s-list .item1 .img{display: block;position: absolute;top:40px;left: 50%;width: 100px;height: 100px;margin-left:-50px;}
.wedo .s-list .item1:nth-child(1) .img{background: url('../../images/wedo_1.png') no-repeat;}
.wedo .s-list .item1:nth-child(2) .img{background: url('../../images/wedo_2.png') no-repeat;}
.wedo .s-list .item1:nth-child(3) .img{background: url('../../images/wedo_3.png') no-repeat;}
.wedo .s-list .item1:nth-child(4) .img{background: url('../../images/wedo_4.png') no-repeat;}
.wedo .s-list .item1:nth-child(5) .img{background: url('../../images/wedo_5.png') no-repeat;}
.wedo .s-list .item1 h3{margin-top: 200px;font-size: 24px;}
.wedo .s-list .item1 p{display: none;font-size: 14px;padding: 0 10px;}
.wedo .s-list .item1:hover,.wedo .s-list .item1.active {background: #77b604; color: #fff; -webkit-transition: all .5s ease-in-out .3s;
    -moz-transition: all .5s ease-in-out .3s;
    -ms-transition: all .5s ease-in-out .3s;
    -o-transition: all .5s ease-in-out .3s;
    transition: all .5s ease-in-out .3s;}
.wedo .s-list .item1:hover p,.wedo .s-list .item1.active p{-webkit-transition: all .3s ease-in-out .5s;
    -moz-transition: all .3s ease-in-out .5s;
    -ms-transition: all .3s ease-in-out .5s;
    -o-transition: all .3s ease-in-out .5s;
    transition: all .3s ease-in-out .5s;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;}
.wedo .s-list .item1:hover i.cl,.wedo .s-list .item1.active i.cl{clip: rect(0px,175px,-10px,88px);}
.wedo .s-list .item1:hover i.cr,.wedo .s-list .item1.active i.cr{clip: rect(175px,88px,175px,0px);}
.wedo .s-list .item1:hover .img,.wedo .s-list .item1.active .img{-webkit-transition: all .5s ease-in-out .4s;
    -moz-transition: all .5s ease-in-out .4s;
    -ms-transition: all .5s ease-in-out .4s;
    -o-transition: all .5s ease-in-out .4s;
    transition: all .5s ease-in-out .4s;}
.wedo .s-list .item1:nth-child(1):hover .img,.wedo .s-list .item1:nth-child(1).active .img{background: url('../../images/wedo_11.png') no-repeat;background-size:100%;}
.wedo .s-list .item1:nth-child(2):hover .img,.wedo .s-list .item1:nth-child(2).active .img{background: url('../../images/wedo_12.png') no-repeat;background-size:100%;}
.wedo .s-list .item1:nth-child(3):hover .img,.wedo .s-list .item1:nth-child(3).active .img{background: url('../../images/wedo_13.png') no-repeat;background-size:100%;}
.wedo .s-list .item1:nth-child(4):hover .img,.wedo .s-list .item1:nth-child(4).active .img{background: url('../../images/wedo_14.png') no-repeat;background-size:100%;}
.wedo .s-list .item1:nth-child(5):hover .img,.wedo .s-list .item1:nth-child(5).active .img{background: url('../../images/wedo_15.png') no-repeat;background-size:100%;}

.screen-tablet .wedo .s-list .item1{height: 260px;}
.screen-tablet .wedo .s-list .item1 i{ width: 130px;height: 130px;margin-left: -65px;background-size:100%; }
.screen-tablet .wedo .s-list .item1 i.cl{ clip: rect(0px,130px,130px,65px); }
.screen-tablet .wedo .s-list .item1 i.cr{ clip: rect(0px,65px,130px,0px); }
.screen-tablet .wedo .s-list .item1:hover i.cl{ clip: rect(0px,130px,-10px,65px); }
.screen-tablet .wedo .s-list .item1:hover i.cr{ clip: rect(130px,65px,130px,0px); }
.screen-tablet .wedo .s-list .item1 .img{top:30px;width: 80px;height: 80px;margin-left: -40px;background-size: 100%;}
.screen-tablet .wedo .s-list .item1 h3{margin-top: 160px;}

.screen-phone .wedo .s-list{height: 320px;}
.screen-phone .wedo .s-list .item1{width: 100%;float: left;margin-bottom: 20px;display:block;}
.screen-phone .wedo .s-list .item1.active{display: block;}
.screen-phone .wedo .s-list .page{width:95%;text-align: center;position: absolute;top:630px;z-index:2;}
.screen-phone .wedo .s-list .page i{display: inline-block;width:10px;height:10px;margin:5px;background: #333;border-radius: 50%;}
.screen-phone .wedo .s-list .page i.active{background: #77b604;}

/* 更多按钮 */
.more_button{position:relative;overflow:hidden;z-index:1;width:48px;height:48px;border:1px solid #77b604;-moz-border-radius:100%;border-radius:100%;color:#e0e0e0;text-align:center;line-height:48px;display:block;margin:0 auto;font-size:30px;-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:#77b604;color:#fff;border:1px solid #77b604}
.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(#77b604,green,#77b604,green,#77b604,green,#77b604,green,#77b604);background:-o-radial-gradient(#77b604,green,#77b604,green,#77b604,green,#77b604,green,#77b604);background:radial-gradient(#77b604,green,#77b604,green,#77b604,green,#77b604,green,#77b604);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{width:5px;height:5px; border-radius: 50%; 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:#77b604;background: #77b604;}
.dot2 span{background: #fff;}
.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:30px 0 0;background: #f6f7fb;background-size: 100%;}
.case .s-title {text-align: center;}
.case .s-title h2{position: relative;font-size:48px;line-height: 60px;font-weight:400;margin:0;color: #2b0376;}
.case .s-title p{font-size:30px;line-height: 60px;}
.screen-phone .case .s-title h2{font-size:24px;line-height: 40px;margin-top: 0;}
.screen-phone .case .s-title p{font-size: 18px;line-height: 30px;}
.case .s-list{position: relative;padding: 0 10px; padding-top: 20px;}
.case .s-list .row{padding-bottom:20px;}
.screen-phone .case .s-list{padding: 10px;}
.case .s-list .item{position: relative;padding: 15px;}
.screen-phone .case .s-list .item{padding:10px;}
.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;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition: all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */ }
.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.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.case .s-list .item .desc{position: relative;text-align: left;padding:10px;padding-right:50px;z-index: 2;color: #000;background: #fff; border-bottom:1px solid #f0f0f0;transition: all .5s;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition: all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */}
.case .s-list .item .desc h3{font-size:24px;margin-bottom: 20px;color: #6c6c6c;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case .s-list .item .desc p{display: block;min-height: 36px; font-size:12px; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#929292;}
.case .s-list .item .desc .case-jt{display:block;width:33px;height:33px;background: url('../../images/case_jt1.png') no-repeat;position: absolute;top: 50%;right:10px;margin-top:-12px;}
.case .s-list .item:hover .desc{background: #77b604;}
.case .s-list .item:hover .desc h3{color:#fff;}
.case .s-list .item:hover .desc p{color:#fff;}
.case .s-list .item:hover .desc .case-jt{background: url('../../images/case_jt2.png');background-size: 100%;}

.case .morebtn{width: 100%;height: auto;text-align: center;padding:20px 0 50px;}
.case .morebtn a {display: inline-block; width: 200px;height: 50px;line-height: 50px;border-radius:10px;color: #77b604;transition: all 0.5s;position: relative;overflow: hidden;border:1px solid #77b604;}
.case .morebtn a:after { content: " "; width: 200px; height: 50px; background-color: #77b604; left: -200px; top: 0px; z-index: -1; position: absolute;transition: all 0.5s;}
.case .morebtn a:hover{color: #fff;}
.case .morebtn a:hover:after{left:0;}
.screen-phone .case .morebtn{padding:0 0 30px;}

/* 公司简介-主页 */
.about {background: url(../../images/about_bg.png) center center repeat-y;position: relative; overflow: hidden;}
.about .mask{width: 100%;height: 100%;background: rgba(0,0,0,.1);position: absolute;top:0;left:0;}
.about .top-layer{margin:60px auto 90px; padding: 50px 0;text-align: center; background: rgba(0,0,0,.7);color:#fff;position: relative;z-index: 2;}
.about .top-layer>div{float: left;}
.about .top-layer .left{width:20%;padding-top: 50px;writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;font-size:36px;font-weight:700; line-height:5;letter-spacing: 5px;color: #fff;}
.about .top-layer .center{width:70%;padding-top: 50px; padding-bottom: 50px;text-align:left;}
.about .top-layer .center p+p{opacity: 0.9;}
.about .top-layer .right{width:10%;}
.about .top-layer .bottom{width:100%;padding:0 170px;border-top:1px dashed #eee;}
.about .top-layer .bottom .item{text-align:center;position: relative;}
.about .top-layer .bottom .item h2{font-size:50px;padding-top:40px; font-weight: 400;position: relative;transition: all 1s;-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
.about .top-layer .bottom .item span{font-size:16px;line-height: 20px;position: relative;top:-24px;left:10px;}
.about .top-layer .bottom .item p{font-size:16px;line-height:20px;display: block;width:100%}
.about .top-layer .bottom .item:hover{cursor: pointer;}
.about .top-layer .bottom .item:hover h2{transform: rotateY(360deg);}

.screen-phone .about .top-layer{padding: 30px 10px;margin:0;}
.screen-phone .about .top-layer .left{width:100%;padding-top: 0;line-height: 1.5;font-size:24px; writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;}
.screen-phone .about .top-layer .center{width:100%; padding:10px;}
.screen-phone .about .top-layer .right{width:100%; padding-bottom:30px;text-align:center;}
.screen-phone .about .top-layer .bottom{padding:0;}
.screen-phone .about .top-layer .bottom .item h2{padding-top:0px;font-size:30px;}
.screen-phone .about .top-layer .bottom .item span{top: -10px;font-size: 14px;}
.screen-phone .about .top-layer .bottom .item p{font-size:14px;}
.screen-tablet .about .top-layer .bottom{padding:0 70px;}


/*新闻资讯-主页*/
.news{padding:30px 0 50px;background: #f6f7fb;background-size: 100%;}
.news .s-title {text-align: center;}
.news .s-title h2{position: relative;font-size:48px;line-height: 60px;font-weight:400;margin:0;margin-top:30px; color: #2b0376;}
.news .s-title p{font-size:30px;line-height: 60px;}
.screen-phone .news .s-title h2{font-size:24px;line-height: 40px;margin-top: 0;}
.screen-phone .news .s-title p{font-size: 18px;line-height: 30px;}
.news .newslist .item:nth-child(1) {padding-right:40px;}
.news .newslist .item:nth-child(2) {padding:0 25px;}
.news .newslist .item:nth-child(3) {padding-left: 40px;}
.news .newslist .item{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s; -o-transition: all 1s;}
.screen-phone .news .newslist  .item{padding:0 10px;}
.news .newslist .item-title{position: relative; }
.news .newslist .item-title h2{position: relative;font-size:26px;line-height: 80px;}
.screen-phone .news .newslist  .item-title h2{line-height: 50px;font-size:20px;margin-top: 0;}
.news .newslist .item-title h2 i{width: 2em;height: 5px;position: absolute;bottom: 0;left: 0;background: #2b0376;transition: all .5s;-moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.news .newslist .item-title a{display:block;width:33px;height:33px;background: url('../../images/case_jt1.png') no-repeat;position: absolute;top: 50%;right:0px;margin-top:-12px;}

.news .newslist .item-list a{display: block;position: relative;color:#7b7b7b;}
.news .newslist .item-list a:first-child{border-bottom: 1px solid #7b7b7b;margin-bottom: 20px;}
.news .newslist .item-list a:first-child h3{color:#000;font-size:18px;padding-right:0px;padding-left:0px;}
.news .newslist .item-list a:first-child p{font-size: 14px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news .newslist .item-list a:first-child span{position: relative;line-height: 20px;}

.news .newslist .item-list a h3{margin:0;line-height: 36px;font-size: 16px;padding-right:50px;padding-left:10px;font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .newslist .item-list a i{display: block;width:4px;height: 4px;background: #7b7b7b;position: absolute;top:50%;left:0;margin-top:-2px;border-radius: 50%;}
.news .newslist .item-list a span{position: absolute;top:0;right:0;line-height:36px;}

.news .newslist .item-list a:hover{color:#2b0376;}

.news .newslist .item:hover .item-title{}
.news .newslist .item:hover .item-title h2 i{width: 100%;}
.news .newslist .item:hover .item-title a{background: url('../../images/case_jt3.png') no-repeat;right:0px;}


/* 友情链接 */
.links{padding:45px 0;line-height: 30px;margin-bottom: 0px;background: #77b604;color: #fff;}
.links span{padding:0 30px;font-size:18px;}
.links span img{margin-right: 10px;}
.links a{color: #fff;font-size:16px;padding:0 5px;}
.links a:hover{/* color: #2b0376; */ text-decoration:underline;}
.screen-phone .links{padding: 20px 0;}

/* ------------------------- list 列表页 --------------------------- */

.body-container{padding-top: 60px;background: #f2f2f2;}
.screen-phone .body-container,.screen-tablet .body-container{padding-top: 0;}
/*核心业务-主页*/

.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: #2b0376; }
.screen-phone .liststyle0 .item .itemline { bottom: 20px; }
.liststyle0 .item:hover { background-color: #2b0376; 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: #2b0376; }
.liststyle0 .item:hover .itemline { background-color: #fff; }


/* 服务 */
.service{background: #fff;}
.service .s-title{text-align: center;padding-top: 20px;}
.service .s-title h2{font-size:48px;font-weight: 400;color: #2b0376;}
.service .s-title p{font-size:30px;}
.screen-phone .service .s-title{padding-top: 0;}
.screen-phone .service .s-title h2{font-size:28px;}
.screen-phone .service .s-title p{font-size:20px;}
.screen-phone .service .s-contant{padding-top: 0;}
.screen-phone .service .s-contant .s-list{padding-top: 20px;padding-bottom:0px;}
.screen-phone .service .s-contant .s-list .item{padding:0 8px;}
.screen-phone .service .s-contant .s-list .item p{font-size:12px;}
.service .s-contant{padding-top: 50px;}
.service .s-contant p{max-width: 1050px;margin:0 auto;}
.service .s-contant .s-list{text-align: center;overflow: hidden;padding-top: 50px;padding-bottom: 80px;}
.service .s-contant .s-list .item{display: block; width: 20%;float: left;padding:0 30px;position: relative;}
.service .s-contant .s-list .item .img{display: block; padding-top: 100%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.service .s-contant .s-list .item .img>div{position: absolute; display: block; width: 100%;max-width: 110px; height: 100%;max-height: 110px; left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.service .s-contant .s-list .item .img>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;}
.service .s-contant .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; }
.service .s-contant .s-list .item p{font-size:24px;}
.service .s-contant .s-list .item:hover .img>div>div{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.service .s-detailtable {padding-top: 20px;}
.service .s-detailtable .table-btn{}

.screen-phone .service .s-detailtable .table-btn,.screen-tablet .service .s-detailtable .table-btn,.screen-desktop .service .s-detailtable .table-btn{text-align: center;}
.screen-phone .service .s-detailtable .table-btn span,.screen-tablet .service .s-detailtable .table-btn span,.screen-desktop .service .s-detailtable .table-btn span{font-size:16px;line-height: 20px;padding:10px 20px;border-radius: 8px;margin-bottom: 10px;}

.service .s-detailtable .table-btn span{display: inline-block;font-size:20px;line-height: 24px; padding:20px;background: #d6d6d6;border-top-left-radius: 8px;border-top-right-radius: 8px;color: #1e0057;margin-right: 5px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.service .s-detailtable .table-btn span:last-child{margin-right: 0;}
.service .s-detailtable .table-btn span.active,.service .s-detailtable .table-btn span:hover{background: #1e0057;color: #fff;cursor: pointer;}
.service .s-detailtable .line{width: 100%;height: 3px;background: #2e1263;}
.service .s-detailtable .tablebox{padding-top: 30px;padding-bottom: 50px;}
.service .s-detailtable .tablebox .table-head {border: 1px solid #ddd;line-height: 50px;font-size:16px;text-align: center;background: #f5f6f7;overflow: hidden;}
.service .s-detailtable .tablebox .table-head span{display: block;float: left;}
.service .s-detailtable .tablebox .table-head span:nth-child(1){width: 15%;color: #333;}
.service .s-detailtable .tablebox .table-head span:nth-child(2){width: 65%;border-right:1px solid #ddd;border-left: 1px solid #ddd;color: #666;}
.service .s-detailtable .tablebox .table-head span:nth-child(3){width: 20%;color: #666;}
.service .s-detailtable .tablebox .table-body{margin: 0;padding: 0; font-size:12px;border:1px solid #ddd;border-top:none;overflow: hidden;color: #999;}
.service .s-detailtable .tablebox .table-body li{overflow: hidden;}
.service .s-detailtable .tablebox .table-body li .column{display: block;height: auto; float: left;padding: 10px 10px;border-bottom: 1px solid #ddd;}
.service .s-detailtable .tablebox .table-body li:last-child .column{border-bottom: none;}
.service .s-detailtable .tablebox .table-body li .column:nth-child(1){width: 15%;background: #f5f6f7;}
.service .s-detailtable .tablebox .table-body li .column:nth-child(2){width: 65%;border-right:1px solid #ddd;border-left: 1px solid #ddd;color: #333;}
.service .s-detailtable .tablebox .table-body li .column:nth-child(3){width: 20%;color: #666;}
.price {color:#DA060A; font-size: 20px;}

.payment{background: #fff;}
.payment .pay-title{font-weight: normal;margin:0; font-size: 48px;line-height: 60px;color: #2b0376;padding-top: 50px;text-align: center;}
.screen-phone .payment .pay-title{font-size: 38px;}
.payment .pay-subtitle{font-size: 30px;line-height: 60px;text-align: center;}
.payment .pay-desc{font-size: 16px;line-height: 20px;text-align: center;padding:20px 0;margin:0;}
.payment .online{padding-top: 50px;}
.payment .online>h3{font-size: 30px;line-height: 60px;margin:0;text-align: center;font-weight: normal;padding-bottom: 15px;}
.payment .online>.line{display: block;width: 100%;height: 1px;background: #e7e6e7;}
.screen-phone .payment .online>.line{margin-bottom: 10px;}
.payment .online .col{padding:50px;}
.screen-phone .payment .online .col{padding:10px;}
.screen-tablet .payment .online .col{padding:10px;}
.payment .online .col>div{text-align: center;border:1px solid #e7e6e7;box-shadow: 0 0 10px rgba(0,0,0,.15);}
.payment .online .col>div>img{display: inline-block;height: 60px;width: auto;}
.payment .online .col>div>img.qr{height: 192px;width: auto;}
.payment .online .col>div>p{margin-bottom: 30px;}
.payment .online .col>div>div{text-align: center;padding:15px 0;margin-top: 30px;background: #01a9ef;color: #fff;}
.payment .online .col>div>div>p{font-size: 18px;line-height: 30px;margin:0;}
.payment .online .col>div>div.wx{background: #01b501;}
.payment .online .col>div>div.wx>p{line-height: 60px;}
.screen-phone .payment .online .col>div>div.wx>p{line-height: 30px;}
.payment .public{padding-top: 50px;text-align: center;}
.screen-phone .payment .public{padding-top: 20px;}
.payment .public>h3{font-size: 30px;line-height: 60px;margin:0;text-align: center;font-weight: normal;padding-bottom: 15px;}
.payment .public>.line{display: block;width: 100%;height: 1px;background: #e7e6e7;}
.payment .public .card{display: inline-block;width: 40%;min-width:450px;height: auto;border-radius: 12px;border:1px solid #e9e9e9;margin-top: 30px;padding:20px;}
.payment .public .card>img{height: 80px;width: auto;padding-left: 15px;background: #fff;}
.payment .public .card>.p1{font-size: 16px;margin:0;text-align: left;padding-left: 20px;line-height: 24px;color: #666666;padding-top: 10px;}
.payment .public .card>.p2{font-size: 18px;margin:0;text-align: left;padding-left: 20px;line-height: 24px;padding-top: 20px;}
.payment .public .card>.p3{font-size: 16px;margin:0;text-align: left;padding-left: 20px;line-height: 36px;}
.payment .public .card>.p3 span{font-size: 24px;}
.payment .public .card>.p4{font-size: 14px;margin:0;text-align: left;padding-left: 20px;line-height: 24px;color: #999999;padding-top: 10px;padding-bottom: 10px;}
.screen-phone .payment .public .card{width: 95%;min-width: auto;margin-bottom: 0;}

.payment .personal{padding-top: 50px;text-align: center;padding-bottom: 50px;}
.screen-phone .payment .personal{padding:20px 0;}
.payment .personal>h3{font-size: 30px;line-height: 60px;margin:0;text-align: center;font-weight: normal;padding-bottom: 15px;}
.payment .personal>.line{display: block;width: 100%;height: 1px;background: #e7e6e7;}
.payment .personal .card{display: inline-block;width: 40%;min-width:450px;height: auto;border-radius: 12px;border:1px solid #e9e9e9;margin-top: 30px;padding:20px;margin-bottom: 0;}
.payment .personal .card:nth-child(odd){margin-right: 3%;}
.screen-phone .payment .personal .card:nth-child(odd){margin-right: 0;}
.payment .personal .card>img{height: 80px;width: auto;padding-left: 15px;background: #fff;}
.payment .personal .card>.p1{font-size: 14px;margin:0;text-align: left;padding-left: 20px;line-height: 36px;color: #666666;padding-top: 10px;}
.payment .personal .card>.p2{font-size: 14px;margin:0;text-align: left;padding-left: 20px;line-height: 36px;}
.payment .personal .card>.p3{font-size: 14px;margin:0;text-align: left;padding-left: 20px;line-height: 36px;padding-bottom: 10px;}
.screen-phone .payment .personal .card{width: 95%;min-width: auto;margin-top: 10px;}
.screen-phone .payment .personal .card:first-child{margin-top: 30px;}

    /*案例列表页*/
.caseliststyle1 { margin-top: 0px; padding-left: 10px; padding-right: 10px; }
.screen-phone .caseliststyle1 { padding: 0;margin-top: 0; }
.caseliststyle1 .item { display: block; width: 100%; height: 100%; background-color: #fff; text-align: center; color: #555657; position: relative;}
.caseliststyle1 .col { padding-bottom: 10px; }
.caseliststyle1 .item .itemimg { display: block; padding-top: 70%; 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%; 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: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: #77b604; }
.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%; text-align: center; color: #555657; position: relative;}
.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: 70%; 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; z-index: 1; }
.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: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 30px; margin: 0 5%; }
.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 .items{width: 100%;padding: 30px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;padding-right:0;}
.screen-phone .liststyle2 .items{padding: 10px 0;}
.liststyle2 .items:hover{background: #fff;}
.liststyle2 .items>a{display: block;position: relative;}
.liststyle2 .items .news-con{display: block;width: 90%;height: 89px; float: left;position: relative;border-right: 1px solid #d9d9d9;}
.screen-phone .liststyle2 .items .news-con,.screen-tablet .liststyle2 .items .news-con{width: 100%;border-right: none;}
.screen-phone .liststyle2 .items .news-jt,.screen-tablet .liststyle2 .items .news-jt{width: 0%;display: none;}
.liststyle2 .items .news-jt{display: block;width: 10%;height: 89px;float: left;position: relative;}
.liststyle2 .items .news-jt span{width: 34px;height: 34px;background: url('../../images/news_jt1.png') center no-repeat; position: absolute;top: 50%;left:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.liststyle2 .items:hover .news-jt span{background: url('../../images/news_jt2.png') center no-repeat;}
.liststyle2 .items .news-con p{width: 100%;text-align: left;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.liststyle2 .items .news-con .news-title{display: block; color: #333;font-size: 20px;line-height: 30px;font-weight: 700;padding-right:130px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.screen-phone .liststyle2 .items .news-con .news-title{color: #333;font-size: 16px;padding-right:90px;}
.liststyle2 .items .news-con .news-desc{color: #999;font-size: 14px;padding-right:30px;}
.liststyle2 .items .news-con .news-detailtime { width: 100px; display: block; color: #999; height: 30px; line-height: 30px; text-align: center; position: absolute; top: 0; right: 30px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.liststyle2 .items:hover .news-con .news-title,.liststyle2 .items:hover .news-con .news-desc,.liststyle2 .items:hover .news-con .news-detailbtn,.liststyle2 .items:hover .news-con .news-detailtime{color: #2b0376;}
.screen-phone .liststyle2 .items .news-con .news-detailtime{width: 85px;right:0;}
.screen-phone .liststyle2 .items .news-con .news-desc{padding-right: 0px;}

/* 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: #2b0376; }
.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: #2b0376; 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 联系我们列表样式 */
.contact{padding:30px 0 20px;}
.contact .s-title {text-align: center;}
.contact .s-title h2{position: relative;font-size:48px;line-height: 60px;font-weight:400;margin:0;color: #2b0376;}
.contact .s-title p{font-size:30px;line-height: 60px;}
.screen-phone .contact{padding: 0;}
.screen-phone .contact .s-title h2{font-size:24px;line-height: 40px;margin-top: 0;}
.screen-phone .contact .s-title p{font-size: 18px;line-height: 30px;}

.liststyle4 { }
.liststyle4 .item { display: block; margin-top: 50px; }
.screen-phone .liststyle4 .item{margin-top: 20px;}
.liststyle4 .item .desc{padding-left:80px;}
.screen-phone .liststyle4 .item .desc{padding-left: 10px;}
.liststyle4 .item .item-main { display: block; width: 100%; }
.liststyle4 .item .item-main1{padding-top: 30px;padding-bottom:50px;}
.screen-phone .liststyle4 .item .item-main1{padding-top: 10px;padding-bottom:10px;}
.screen-phone .liststyle4 .item .item-main{padding-top: 10px;}
.liststyle4 .item .item-main .title { font-size: 30px; color: #000; }
.liststyle4 .item .item-main .tel { font-size: 45px; color: #1e0057; font-family: Candara; margin-top: 30px; display: block; margin-bottom: 30px; }
.screen-phone .liststyle4 .item .item-main .tel{margin-top: 10px;margin-bottom: 10px;}
.liststyle4 .item .item-main a{display: inline-block;color: #000;margin-right: 20px;position: relative;}
.liststyle4 .item .item-main a .icon{display: inline-block;text-align: center; margin-right: 10px;width: 55px;height: 55px;line-height: 55px; font-size:26px;border-radius:50%;background: #2b0376;color: #fff;vertical-align: middle;}
.liststyle4 .item .item-main a>div { position: absolute; display: block; width: 100px; height: 0; position: absolute; bottom: 55px; left: 50%; margin-left: -50px; overflow: hidden; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
.liststyle4 .item .item-main a:hover .icon{background: #77b604;}
.liststyle4 .item .item-main a:hover>div{height: 100px;}
.screen-phone .liststyle4 .item .item-main a{margin-bottom: 10px;}
.liststyle4 .item .item-map { width: 100%; position: relative; overflow: hidden;}
.lte-ie-8 .liststyle4 .item .item-map { padding-top: 15%; }
.liststyle4 .item .item-map>div { width: 100%; top: 0; }
.liststyle4 .item .item-map>div img{width: 100%;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: #2b0376; 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: #2b0376; }
.casenav .casenav-nav>li.active a { color: #fff; }
.casenav .casenav-nav>li:hover a { color: #2b0376; }

/* 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;border-radius: 30px; }
.pagectrl>a.active{}
.pagectrl>a.active, .pagectrl>a:hover { background-color: #2b0376; border: 1px solid #2b0376; 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; border-radius: 30px;outline:none;}
.pagectrl>.pagectrlform .pagesubmit { padding: 0 15px; height: 30px; background-color: #2b0376; border: 1px solid #2b0376; color: #fff; margin-bottom: 10px; border-radius: 30px;}

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

/* prevnext 前一篇-后一篇 */
.prevnext{width: 100%;padding: 20px 0;font-size: 14px;text-align: center;}
.prevnext a{display: block;width: 100%; color: #333;background: #d1d1d1;}
.prevnext a:hover{color: #fff;background: #2b0376;}
.prevnext .prev,.prevnext .next{width: 120px;line-height: 50px; display: inline-block;}
.prevnext .historygo{display: inline-block;float: left; width: 200px; padding: 5px;background: #2b0376;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: #2b0376; 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: #2b0376; 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: #2b0376; color: #fff; text-align: center; font-size: 16px; line-height: 36px; font-weight: 700; }
.screen-phone .casedetailbox-title { display: block; width: 120px; background-color: #2b0376; color: #fff; text-align: center; font-size: 14px; line-height: 28px; font-weight: 700; }
.casedetailbox { border-top: 2px solid #2b0376; }
.screen-phone .casedetailbox { border-top: 1px solid #2b0376; }

/* other 其它 */

/* leftnav 左侧小导航栏 */

.leftnav { display: block; width: 100%; margin-bottom: 20px;}
.screen-phone .leftnav, .screen-tablet .leftnav { margin-left: auto; margin-right: auto;margin-bottom: 10px; }
.leftnav a { color: #666; }
.leftnav ul { padding: 0; margin: 0; }
.leftnav ul li { display: inline-block;}
.leftnav ul li>a { display: block; font-size: 16px; color: #666; line-height: 54px;  padding: 0px 15px; position: relative; }
.leftnav ul li>a span{display: inline-block;width: 0px;height: 1px;background: #000; vertical-align: middle;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; -o-transition: all .5s;}
.leftnav ul li.active>a span, .leftnav ul li:hover>a span{width: 30px;margin-right: 10px;background: #000;}
.leftnav ul li.active>a,.leftnav ul li:hover>a{color: #000;}

/* 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;border-radius: 50%; 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; }