/*
Theme Name: MAXDIGI
Theme URI: https://wordpress.org/themes/MAXDIGI/
Author: 
Author URI: https://www.maxdigi.cn
Version: 1.0
Tags: fixed-layout, responsive-layout
translation-ready
Text Domain: MAXDIGI

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@font-face { font-family: 'iconfont'; src: url('font/iconfont.eot'); /* IE9*/ src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ }
.iconfont { 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; }/* body, button, input, select, textarea, p { font: 14px/1.8 '微软雅黑', Arial, \5b8b\4f53; color: #333 } */
/* strong{font-weight: 700;} */
.enfont { font-family: Arial, Helvetica, sans-serif }
/* p, div, span, ul, li{text-align: justify;} */
P[align="center"], div[align="center"], span[align="center"]{text-align: center;}
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none;}
a.defalut { border-bottom: 1px solid #333 }
a:hover { text-decoration: none }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
/*.clear{clear: both;float: none;height: 0;overflow: hidden;}*/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.hide { display: none; }
.padtop { padding-top: 50px }
.padtop-30 { padding-top: 30px }
.padtop-20 { padding-top: 20px }
.padtopm30p50{ padding-top: 50px }
.padtopm20p50{padding-top: 50px }
.top { border-bottom: 1px solid #e4e4e4; height: 45px; line-height: 45px }
.fl { float: left }
.fr { float: right }
/* .container { width: 100vw; margin: 0 auto; max-width: 1170px; } */
.animate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.animate:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #b2d235; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.animate:hover, .animate:focus, .animate:active { color: white; }
.animate:hover:before, .animate:focus:before, .animate:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.bg-grey2 { background-color: #f7f7f7 }
.bg-black { background-color: #222222 }
.bg-3d { background-color: #3d3d3d }
.green { color: #b2d235 }
.grey-middle { color: #666 }
/*endgolbal*/
.banner { box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1); }
.logo { width: 300px }
.logo img { height: 40px; margin: 20px 0 }
.nav { width: 530px; margin-top: 25px; }
.nav ul li { float: left; position: relative; z-index: 10001; }
.nav>ul>li { padding-bottom: 20px }
.nav ul li a { color: #333; font-size: 14px; display: inline-block; padding: 0 25px; text-decoration: none; line-height: 3em; margin: 0 5px }
.nav>ul>li>a { border-bottom: 2px solid #fff }
.nav>ul>li>a:hover { color: #b2d235; border-bottom: 2px solid #b2d235 }
.nav .current-menu-ancestor>a{ border-bottom: 2px solid #b2d235 }
.nav ul li ul { position: absolute; top: 54px; left: 0; width: 200px; padding-top: 10px; display: none; background-color: #fff; }
.nav ul li ul li { float: none; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #eee; border-right: 1px solid #eee }
.nav ul li ul li:first-child { border-top: 1px solid #e0e0e0 }
.nav ul li ul li a { color: #666; line-height: 40px; display: block; text-indent: 30px; padding: 0; font-size: 13px; position: relative; margin: 0 }
.nav ul li ul li a:last-child { border-bottom: none }
.nav ul li ul li a:hover { background-color: #f0f0f0; color: #000; }
.nav ul li ul li.menu-item-has-children>a em:after { position: absolute; display: block; content: ">"; right: 30px; top: 0px; color: #b2d235; width: 20px; height: 40px; font-weight: bold }
.nav ul li ul li ul { left: 198px; top: -1px; padding-top: 0; }
/*slider*/
.caption { position: absolute; width: 100%; left: 0; text-align: center; top: 25%; height: 25%; vertical-align: center; }
.bg-green { background-color: #b2d235; background: rgb(178, 210, 53); background: rgba(178, 210, 53, 0.8); background: transparent\9; display: inline-block; padding: 20px 50px; text-align: center; }
.sc1 { font-size: 44px; color: #fff; }
.sc2 { font-size: 25px; color: #fff }
.sc3 { font-size: 20px; background-color: #b2d235; color: #000; display: inline-block; padding: 0px 5px; margin-top: 5px }
.sc4 { color: #000; font-size: 44px; font-weight: bold }
.sc5 { font-size: 25px; color: #000 }
/* h3 { font-size: 18px; color: #666; text-transform: uppercase; line-height: 2em } */
/*home*/
.block-4 { width: 100%; margin-top: 40px }
.block-4 li { width: 260px; border: 1px solid #e0e0e0; background-color: #f7f7f7; margin-right: 40px; height: 260px; border-radius: 5px 5px; float: left; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: relative; text-align: center }
.block-4 li:last-child { margin-right: 0 }
.block-4 li div { text-align: center; display: table-cell; vertical-align: middle; height: 260px; width: 260px; }
.block-4 li i { margin-bottom: 30px; display: block; font-size: 60px }
.block-4 li .hide, .block-4 li:hover div { display: none }
.block-4 li:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; z-index: -1; right: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: #333 }
.block-4 li:hover:before { -webkit-transform: scale(1); transform: scale(1); }
.block-4 li:hover div.hide { display: table-cell; z-index: 2; background-color: transparent }
.block-4 .hide h3, .block-4 .hide h4 { color: #b2d235; text-align: left; padding-left: 56px }
.block-4 .hide h4 a { color: #b2d235 }
.block-4 .hide h4 a:hover { border-bottom: 1px solid #b2d235 }
/*scrolling*/
#scroll { margin-top: 50px }
.bcg { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height: 500px; width: 100%; }
#scroll .bcg { background-image: url('images/home-bg.jpg'); }
.pcdb .hsContent { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.5); background: transparent\9; max-width: 650px; padding: 30px 50px; border-radius: 3px 3px }
.pcdb .hsContent h2 { border: none; margin-left: 0 }
.pcdb .hsContent h2 b { padding: 0; ; background-color: transparent }
.pcdb .hsContent h3 { border-bottom: 2px solid #b2d235; width: 190px; margin: 10px 0; color: #333 }
.pcdb .hsContent p { color: #333 }
.mobile .hsContent { padding-top:15px}
.mobile .hsContent h2 { border: none; margin:10px auto}
.mobile .hsContent h2 b { padding: 0; ; background-color: transparent }
.mobile .hsContent h3 { border-bottom: 2px solid #b2d235; width: 190px; margin: 10px auto; color: #333; text-align:center }
.mobile .hsContent p { color: #333 }
.media { width: 100% }
.media li { display: table; float: left; margin: 0 15px; width: 170px; border: 1px #999 solid;  border-radius: 1px 1px;opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity= 50); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.media li a { display: block; height: 119px; line-height: 119px; display: table-cell; vertical-align: middle; overflow: hidden; text-align: center;  }
.media li a:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity= 100); }
.media li img {margin-top: expression(( 120 - this.height ) / 2); width: 108px; vertical-align: middle }
/* .bg-grey { background-color: #333333; color: #fff } */
.footer { background-color: #222222; color: #cccccc }
.footer h3 { color: #ccc; margin-bottom: 28px; margin-top: 0 }
.footer ul { padding-bottom: 50px }
.footer ul li { float: left; width: 25% }
.footer a.btn { border-color: #999; color: #fff }
/* .footer a:link, .footer a:visited { color: #ccc } */
/* .footer a:hover { color: #b2d235; text-decoration: none; border-bottom: 1px solid #b2d235 } */
.footer p.list { border-bottom: 1px solid #666; margin-bottom: 12px; margin-right: 50px }
.footer p.list:hover { border-color: #b2d235 }
.footer p.list a { display: block; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 20px }
.footer p.list a:hover { border-bottom: none }
.footer p.list a em:after { position: absolute; display: block; content: "›"; right: 0px; top: 0px; color: #666; width: 20px; height: 24px; font-family: Arial, Helvetica, sans-serif; line-height: 24px; font-size: 24px }
.footer p.list a:hover em:after { color: #b2d235 }
.footer p.bullt { width: 50%; float: left; color: #ccc }
.footer .fbt { padding: 20px 0; border-top: 1px solid #333; color: #999 }
.footer .fbt a { display: inline-block; margin-right: 5px }
.footer .fbt a:link, .footer .fbt a:visited { border-bottom: 1px solid #ccc }
.footer .fbt a:hover { border-bottom-color: #b2d235 }
/*btn*/
/* a.btn, .btn { border: 1px solid #bfbfbf; color: #333; position: relative; margin-top: 10px; display: inline-block; border-radius: 1px 1px; line-height: 28px; width: 118px; text-align: center } */
a.btn em:after, .btn em:after, a.btn-white em:after { position: absolute; display: block; content: "›"; right: 0px; top: 0px; color: #b2d235; width: 20px; height: 28px; font-family: Arial, Helvetica, sans-serif; line-height: 28px; font-size: 24px }
a.btn-white { width: 298px; height: 58px; line-height: 58px; margin: 20px auto; border: 1px solid #bfbfbf; text-align: center; border-radius: 1px 1px; color: #fff; display: inline-block; position: relative }
a.btn-white em:after { right: 20px; width: 20px; height: 58px; font-size: 30px; line-height: 58px }
a.btn:hover, a.btn-white:hover, .btn:hover { text-decoration: none; color: #333; border-color: #b2d235 }
a.btn:hover em:after, .btn:hover em:after, a.btn-white:hover em:after { color: #333 }
/*end*/
/*inner*/
.titlebg { background: url(images/titlebg.png) repeat; border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; padding: 35px 0; z-index: 0; -moz-box-shadow: -5px 5px 5px #e1e1e1 inset; -webkit-box-shadow: -5px 5px 5px #e1e1e1 inset; box-shadow: -5px 5px 5px #e1e1e1 inset; }
/* .inner h1 { color: #333; font-weight: bold } */
.inner .leftc { width: 780px }
.inner .rightc { width: 340px }
.inner p.line { border-top: 1px solid #e4e4e4; height: 1px; overflow: hidden; margin: 50px 0 }
.inner p.line-small { border-top: 1px solid #e4e4e4; height: 1px; overflow: hidden; margin: 30px 0 }
.inner h3.left { font-weight: bold; color: #333; line-height: 1em; margin: 0 0 25px }
.inner .grey { color: #999 }
.inner .white { color: #fff }
.inner .backbg { margin-top: -30px; background-repeat: no-repeat; height: 500px; }
.inner .backbg .captions { font-size: 20px; width: 890px; height: 140px; padding-top: 180px; margin: 0 auto; font-weight: bold }
.inner .t5 .enfont { color: #666; font-weight: normal; }
.inner .t5 li { width: 20%; float: left }
.inner .t5 { margin-bottom: 150px }
.inner .t5 b { display: table-cell; color: #b2d235; font-weight: bold; font-size: 20px; border: 2px solid #b2d235; margin-right: 20px; width: 75px; height: 75px; border-radius: 37.5px; text-align: center; line-height: 75px; }
.inner .t5 p { display: table-cell; font-size: 16px; font-weight: bold; vertical-align: middle; padding-left: 20px }
.inner .profile img[align="left"] { margin-right: 30px }
.inner .profile img[align="right"] { margin-left: 30px }
.inner .profile .part1 { padding-top: 20px }
.inner .profile .part1 p { line-height: 2.2em }
.inner .profile .part2 { padding-bottom: 50px }
.inner .profile .part3 { -moz-box-shadow: 0px 5px 5px #e1e1e1 inset; -webkit-box-shadow: 0px 5px 5px #e1e1e1 inset; box-shadow: 0px 5px 5px #e1e1e1 inset; padding-top: 80px; background: url(images/profile3.png) no-repeat bottom center; padding-bottom: 380px; background-color: #f7f7f7 }
.inner .profile .part5 { background-image: url(images/section_macbook_sideview.png); background-position: center -500px; background-repeat: no-repeat; padding-bottom: 180px; margin-bottom: -50px }
.inner .profile .part5 ul { width: 980px; margin: 90px auto }
.inner .profile .part5 ul li { width: 25%; float: left }
.inner .profile .part5 ul li a:link, .inner .profile .part5 ul li a:visited { color: #fff; }
.inner .profile .part5 ul li a:hover { color: #b3d334 }
.inner .profile .part5 ul li a:link i, .inner .profile .part5 ul li a:visited i { color: #fff; font-size: 60px; padding-right: 15px; display: table-cell }
.inner .profile .part5 ul li span { display: table-cell; vertical-align: middle }
.inner .profile .part5 ul li a:hover i { color: #b3d334 }
/*service field*/
.block-3 ul { display: table }
.block-3 ul li { display: table-cell; padding: 10px; border: 1px solid #fff; width:33% }
.block-3 ul li:hover { border: 1px solid #e4e4e4 }
#sider li, #sider li>a { font-size: 16px; color: #333; line-height: 2em; font-weight: bold; margin-bottom: 10px; display: block }
#sider li { margin-bottom: 20px }
#sider li>a { border-bottom: 1px solid #fff }
#sider li>a:hover { border-bottom: 1px solid #b3d334 }
#sider li.menu-item-has-children>a:hover { border-bottom: 1px solid #fff }
#sider .sub-menu li a { display: block; border-bottom: 1px solid #e1e1e1; color: #666; font-size: 14px; line-height: 2em; font-weight: normal; position: relative }
/* #sider .sub-menu li a em:after { position: absolute; display: block; content: ">"; right: 5px; top: 0px; color: #555; width: 20px; height: 40px; font-weight: bold } */
#sider .sub-menu li a:hover, #sider .sub-menu li a:hover em:after { color: #b3d334 }
/*service process*/
.slideNav { margin: 90px 0 0; }
.slideNav ul { display: table; width: 100%; }
.slideNav .p_li, .slideNav li, .slideNav .sn_ev { text-transform: uppercase; text-align: center; font-size: 16px; color: #666666; }
.slideNav li { display: table-cell; vertical-align: middle; padding: 10px 1%; }
.slideNav li a { color: #666666; }
.slideNav li a:hover, .slideNav li a.selected { color: #8bc53f; text-decoration: underline; }
.slideNav .sn_dis { width: 140px; }
.slideNav .sn_plan { width: 110px; }
.slideNav .sn_ci { width: 200px; }
.slideNav .sn_im { width: 160px; }
.slideNav .sn_me { width: 145px; }
.slideNav .processNext { background-image: url("images/tri_right.png"); background-position: center center; background-repeat: no-repeat; width: 10px; }
.slideNav .reCall { border: 1px dotted #bdbdbd; border-top: 0; margin: 12px 9% 0 46%; height: 22px; }
.slideNav .sn_ev { background: url("images/tri_left.png") 10px center no-repeat white; padding: 10px 10px 10px 28px; position: relative; margin: 15px auto 0; display: table; }
#owl-service .owl-controls .owl-buttons div { top: -80px }
#owl-service .leftimg { float: left; width: 260px; margin-left: 120px }
#owl-service .rightcontent { float: left; width: 670px }
#owl-service h4 { font-weight: bold; font-size: 16px; margin-bottom: 10px }
#owl-service p { margin-bottom: 10px }
/*contact*/
.wpcf7-form input[type="text"], .wpcf7-form textarea, .wpcf7-form input[type="email"] { border: 1px solid #e1e1e1; background-color: #f7f7f7; width: 100%; line-height: 40px; text-indent: 10px; margin-bottom: 20px; -moz-box-shadow: 2px 2px 5px #e1e1e1 inset; -webkit-box-shadow: 2px 2px 5px #e1e1e1 inset; box-shadow: 2px 2px 5px #e1e1e1 inset; }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"] { height: 40px }
.wpcf7-form input[type="text"]:focus, .wpcf7-form textarea:focus, .wpcf7-form input[type="email"]:focus { border-color: #8bc53f; outline: none }
.wpcf7-form input[type="submit"] { background-color: #fff }
.qrcode i { color: #272636; font-size: 32px }
.qrcode i:hover { color: #b2d235 }
.social { position: relative }
.social .hide { position: absolute; width: 218px; height: 193px; left: 93px; top: 0 }
/*article*/
/* .single h2 { margin-left: 0; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; width: 100% } */
/* .single h2 b { padding-left: 0; } */
.sider li a:visited, .sider li a:visited em:after{ color: #333 }
.sider li a { display: block; border-bottom: 1px solid #e1e1e1; color: #333;; font-size: 14px; line-height: 2.2em; font-weight: normal; position: relative; text-overflow: ellipsis; white-space: nowrap;padding-right: 50px;overflow: hidden;}
.sider li a em:after { position: absolute; display: block; content: ">"; right: 5px; top: 0px; color: #555; width: 20px; height: 40px; font-weight: bold }
.sider li a:hover, .sider li a:hover em:after { color: #b2d235 }
.single span.first { background-color: #b2d235; color: #fff; font-size: 200%; padding: 0 10px; margin-right: 2px; float: left }
.single .topnav { border: 1px solid #e4e4e4; border-radius: 1px 1px; padding: 0 5px; margin: 0; height: 42px }
.single .topnav span { display: inline-block; width: 49%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 42px; color: #666 }
.single .topnav span a { color: #666 }
.single .topnav span a:hover { color: #b2d235; border-bottom: 1px solid #b2d235 }
.single .topnav span.right { text-align: right }
.single .yarpp-related { padding-top: 20px }
.single .yarpp-thumbnails-horizontal .yarpp-thumbnail { border: none; width: 185px; height: auto }
.single .yarpp-thumbnail > img, .single .yarpp-thumbnail-default { width: 185px; margin: 0; margin-bottom: 5px; height: auto }
.single .yarpp-related .yarpp-thumbnail-title { font-size: 100%; font-weight: normal; line-height: 1.8em }
.single .yarpp-thumbnails-horizontal .yarpp-thumbnail-title { width: 185px; max-height: none; color: #666 }
.single .yarpp-thumbnails-horizontal .yarpp-thumbnail-title:hover { color: #b2d235; border-bottom: 1px solid #b2d235 }
.single h4 { font-size: 14px; font-weight: bold }
/*category*/
.cat-index ul { padding-bottom: 30px }
.cat-item { float: left; width: 19%; text-align: right; padding: 6px 15px; margin: 0 1% 0; color: #eee; border-radius: 2px 2px; border-bottom: 1px solid #666; }
.cat-item a { display: block; white-space: nowrap; padding: 0px 12px; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; outline: none; color: #fff; float: left; width: 90%; text-align: left }
.cat-index li.current-cat, li.cat-item:hover { background-color: #b2d235; color: #333 }
.cat-index li.current-cat a, li.cat-item:hover a { color: #333; border-bottom-color: #b2d235 }
ul.bar-styling li { float: left; display: block; border: 1px solid #e1e1e1; border-collapse: collapse }
ul.bar-styling li > a, ul.bar-styling li > div { padding: 8px 16px; display: block; margin-right: -1px; text-decoration: none; height: auto; overflow: hidden; }
ul.bar-styling li > form input { border: 1px solid transparent; display: block; margin-right: -1px; height: auto; overflow: hidden; padding: 10px 14px; height: 40px; font-size: 14px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
ul.bar-styling li:first-child { -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-right:none }
ul.bar-styling li:last-child { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
ul.bar-styling li:first-child:hover{ background-color:#b2d235}
.blog-aux-options { text-align: center; margin-bottom: 20px }
ul.blog-aux-options li { float: none; display: inline-block; }
.blog-aux-options li:first-child { margin-left: 0; }
.blog-aux-options li.search { height: auto; overflow: hidden; }
.blog-aux-options li a { display: block; font-size: 14px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.blog-aux-options li a i { margin-right: 7px; font-size:13px }
.blog-aux-options li a:hover { text-decoration: none; }
.blog-aux-options li form { margin: 0; position: relative; }
.blog-aux-options li form input { margin: 0; border: 0; height: 34px; width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.blog-aux-options li form:after { content: "\1F50E"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 16px; padding-right: 10px; position: absolute; float: right; top: 5px; right: 2px; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); }
.blog-filter-wrap { margin-bottom: 20px; }
.blog-filter-wrap.filter-wrap ul li { display: block; }
.blog-filter-wrap.filter-wrap ul li a span { float: right; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity= 60); }
.articlelist{ position: relative;}
.articlelist .articles { width: 360px; margin: 30px 15px 0px; float:left;min-height: 100px; }
.articlelist .articles img{display:block; width:100%; height:auto}
.articlelist .articles .captions { padding: 28px 30px 30px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.pc{display: inline-block;}
.pcdb{display: block;}
.mobile{display: none;}
.mobiledb{ display: none;}
.sr-only {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.navbar-default{background-color: transparent;}
.navbar-toggle {position: relative;float: right; margin-right: 15px;padding: 9px 10px;margin-top: 20px;margin-bottom: 20px;background-color: transparent;background-image: none;border: 1px solid transparent;}
.navbar-toggle .icon-bar {display: block;width: 22px; height: 2px;border-radius: 1px;background-color: #333;}
.navbar-toggle .icon-bar+.icon-bar { margin-top: 4px;}
.navbar-toggle {border-color: #ddd;}
.navbar-toggle .icon-bar {background-color: #888;}
.w100{width: 100vw;}
.navbar-nav li{display: block;}
.navbar-nav>li>a {line-height: 20px;position: relative;display: block; padding: 10px 15px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #ccc;}
.navbar-collapse.mobile{display: none !important;}
.padtopMp52{
  padding-top: 50px;
}
.videoCloudPushTips{font-size: 18px;color:#333333; padding:0 3.2rem;}
.linkGroup{font-size:18px;color:#0b7c8e; padding:0 3.2rem;}
.linkGroup a{color:#0b7c8e;  border-bottom: solid; font-weight: bold;}
.programmeBox{margin-top: 3rem; padding:0 3.2rem;}
.chineseName{font-size: 20px; color: #006473; font-weight: bold; line-height: 26px; margin-bottom: 1.2rem; }
.englishName{font-size: 18px; color: #006473; font-style: italic; margin-bottom: 5px; }
.bgTitle, .oneCaseStrategyTitle{font-size: 20px; color: #ffffff; font-weight: bold; background:linear-gradient(to right,#006473,#006473,#ffffff); padding: 1.2rem 1.5rem; line-height: 28px;}
.infoUl, .infoUl p{font-size: 18px; color: #006473; }
.infoUl{padding-left: 43px; position: relative;}
.infoUl p{margin-top: 28px;}
.infoUl h4{font-size: 18px; font-weight: bold; margin-top: 2.8rem; line-height: 35px;}
.infoUl ul{margin-top:22px; margin-bottom: 31px;}
.infoUl ul li{ margin-bottom: 22px; position: relative; padding-left: 3rem; font-size: 16px;}
.infoUl ul li::before{
  content: ''; 
  background: url(./images/icon1.png) no-repeat;
  position: absolute;
  width: 23px;
  height: 80px;
  left: 0;
  top: -27px;
  background-position-x: -166px;
  background-size: 202px 80px;
}
.infoUl h4.icon::before, .infoUl p.icon::before{
  content: ''; 
  background: url(./images/icon1.png) no-repeat;
  position: absolute;
  width: 33px;
  height: 80px;
  left: 0;
  top: -25px;
  background-position-x: -115px;
  background-size: 202px 80px;
}
.caseBox{background-color: #f1f4fe; padding: 7rem 6rem 0; margin-top: 2.8rem; overflow: hidden;}
.oneCaseName{font-size: 2.4rem; color: #006473; text-align: center; padding: 32px 0 32px; font-weight: bold;}
.oneCaseBox{background-color: #ffffff; padding: 0 2.6rem;}
.lineOne, .lineTwo, .lineThree{background: url(./images/line1.png) no-repeat; width: 66rem; height: auto; margin: 0 auto  9.8rem; padding: 4.5rem 3.2rem 5.6rem; background-size: 100%; position: relative; }
.oneCaseImg{width: 62%; margin: 0 auto; }
.oneCaseImg img{width: 100%;}
.oneCaseDes{font-size: 16px; margin-top: 30px; line-height: 32px;}
.oneCaseStrategyTitle{margin: 35px 0;}
.oneCaseStrategy{font-size: 16px; color: #006473;line-height: 32px;}
.oneCaseAchievementItem{display: flex;}
.oneCaseAchievementInfo{margin-left: 2rem;}
.oneCaseAchievementInfoItem{display: flex; align-items: flex-start; margin-bottom: 30px;}
.oneCaseAchievementInfoItemLeft{font-size: 24px; color: #ff9d03; font-weight: bold; line-height:48px; min-width: 9rem;}
.oneCaseAchievementInfoItemRight{font-size: 18px; color: #333333; margin-left: 1rem;  line-height: 48px;}
.oneCaseAchievement .oneCaseAchievementInfo{border-bottom: 1px solid #e8e9e9; margin-bottom: 2.8rem;}
.oneCaseAchievementItem:last-child .oneCaseAchievementInfo{border-bottom: 0;}
.topCicle{background: url(./images/tuo.png); width: 8rem; height: 6.8rem; position: absolute;  right: 0; top: 0; background-size: 100%; }
.bottomCicle{background: url(./images/tuo2.png); width: 6.8rem; height: 6.8rem; position: absolute;  left: 0; bottom: 1.5rem; background-size: 100%; }
.lineTwo{background: url(./images/line2.png) no-repeat; height: auto;  background-size: 100%;}
.lineTwo .oneCaseAchievementInfoItem{margin-bottom: 24px;}
.lineThree{background: url(./images/line3.png) no-repeat; height: auto; margin-bottom: 3rem; background-size: 100%;}
.lineThree .bottomCicle{left: 1.5rem; bottom: 3rem;}
.lineThree .oneCaseAchievementInfoItem{margin-bottom: 50px;}
.oneCaseAchievement .oneCaseAchievementItem:last-child{margin-bottom: 1rem;}
.lineThree .oneCaseStrategy{line-height: 32px;}
.lineThree .oneCaseStrategyTitle{margin:35px 0}
.zixun{font-size: 2.4rem; color: #006473;}
.dramarketingFooter{margin: 0 -3.5rem;}
.tabGroups{padding:0 3.2rem; margin: 2.4rem -1.6rem 1rem; text-align: left;}
.tabGroups a{display: inline-block; width:33.9rem; margin: 1.6rem; max-width: 314px;}
.tabGroups a img{width: 100%;}
.oneCaseAchievementIconTv, .oneCaseAchievementIconDou, .oneCaseAchievementIconWei, .oneCaseAchievementIconAi{background: url(./images/icon2.png) no-repeat; width: 5rem;height: 8rem;background-position-x: -21rem;background-size: 28.8rem 8rem; margin-top: -2.3rem; background-size: 28.8rem 8rem;}
.oneCaseAchievementIconDou{background-position-x: -7.7rem; background-size: 28.8rem 8rem;}
.oneCaseAchievementIconWei{background-position-x: -1.3rem; background-size: 28.8rem 8rem;}
.oneCaseAchievementIconAi{background-position-x: -13.8rem; background-size: 28.8rem 8rem;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.articlelist .articles .articlesBox {-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.3); box-shadow: 0px 0px 4px rgba(0,0,0,.3); -moz-border-radius: 4px;  border-radius: 4px; overflow: hidden; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
/* .headertop{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} */
.discLi li{
  position: relative;
}
.discLi li::before{
  content: '•';
  position: absolute;
  left: -13px;
}

@media screen and (min-width:768px) and (max-width:1024px){
  .container{ width:100%}	
  .block-4 li, .block-4 li div{ width:21%}
  .block-4 li{ margin:0 2%}
}
@media screen and (max-width:768px){
  /* .container { width: 100%; margin: 0 auto;} */
  .inner > .container{padding-left:0; padding-right: 0;}
  .inner > .container >*{padding-left:15px; padding-right:15px;}
  .inner > .container > img{padding-left:0; padding-right: 0;}
  .inner > .container >div.owl-carousel{padding-left:0; padding-right: 0;}
  .inner > .container >div.owl-carousel .item{padding-left:15px; padding-right:15px;}
  .inner .backbg{
    height: auto;
    margin-top: 0;
  }
  .inner .backbg .captions{
    width: 100%;
    font-weight: normal; 
    padding: 12px;
    font-size: 14px;
    height: auto;
  }
  .headertop{
    position: relative;
    z-index: 999;
  }
  .homeBanner{
    height:176px;
    display: flex;
    justify-content: center;
    overflow: hidden;
  }
  #owl-demo .item.homeBanner img{
    height: 176px;
    width: auto;
  }
  .footer .fbt{
    padding: 20px 15px;
  }
  .footer h3{
    margin-top: 18px;
    margin-bottom: 0;
  }
  .pc{display: none; }
  .pcdb{display: none;}
  .mobile{display: inline-block }
  .mobiledb{ display: block;}
  .nav {
    width: 44px;
    margin-top: 0;
    margin-right: 15px;
  }
  .navbar-toggle{
    margin-right: 0;
  }
  .logo{
    width: 100%;
  }

  #blockcarousel .owl-controls .owl-buttons div.owl-next{
    right: -10px;
  }
  #blockcarousel .owl-controls .owl-buttons div.owl-prev{
    left: -10px;
  }
  #blockcarousel .owl-controls .owl-buttons div{
    top: -100px;
  }
  .sc1 { font-size: 22px; color: #fff; }
  .sc2 { font-size: 14px; color: #fff }
  .sc3 { font-size: 13px; background-color: #b2d235; color: #000; display: inline-block; padding: 0px 5px; margin-top: 5px }
  .sc4 { color: #000; font-size: 20px; font-weight: bold }
  .sc5 { font-size: 16px; color: #000 }
  @font-face { font-family: 'iconfont'; src: url('font/iconfont.eot'); /* IE9*/ src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ }
.iconfont { 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; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -mox-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }/* 解决padding问题*/
/* body, button, input, select, textarea, p { font: 13px/1.8 '微软雅黑', Arial, \5b8b\4f53; color: #333 } */
/* strong{font-weight: 700;} */
.enfont { font-family: Arial, Helvetica, sans-serif }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none;}
a.defalut { border-bottom: 1px solid #333 }
a:hover { text-decoration: none }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
/*.clear{clear: both;float: none;height: 0;overflow: hidden;}*/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.hide { display: none; }
.padtop { padding-top: 50px }
.padtop-30 { padding-top: 30px }
.padtop-20 { padding-top: 20px }
.padtopMp52{
  padding-top: 20px;
}
.padtopm30p50{
  padding-top: 30px;
}
.padtopm20p50{padding-top: 20px }
.top { border-bottom: 1px solid #e4e4e4; height: 45px; line-height: 45px }
.fl { float: left }
.fr { float: right }
.animate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.animate:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #b2d235; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.animate:hover, .animate:focus, .animate:active { color: white; }
.animate:hover:before, .animate:focus:before, .animate:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.bg-grey2 { background-color: #f7f7f7 }
.bg-black { background-color: #222222 }
.bg-3d { background-color: #3d3d3d }
.green { color: #b2d235 }
.grey-middle { color: #666 }
img.img-responsive{display:block; width:100%; max-width:100%; height:auto}
/*endgolbal*/
/* .banner {height:80px } */
.navbar-brand { float:left;}
.navbar-brand:hover, .navbar-brand:focus { text-decoration:none }
.navbar-brand img { height: 40px; margin: 20px 0 }

/*slider*/
.caption { position: absolute; width: 100%; left: 0; text-align: center; top: 15%; height: 25%; vertical-align: center; }
.bg-green { background-color: #b2d235; background: rgb(178, 210, 53); background: rgba(178, 210, 53, 0.8); background: transparent\9; display: inline-block; padding: 10px 20px; }
.sc1 { font-size: 22px; color: #fff; }
.sc2 { font-size: 14px; color: #fff }
.sc3 { font-size: 13px; background-color: #b2d235; color: #000; display: inline-block; padding: 0px 5px; margin-top: 5px }
.sc4 { color: #000; font-size: 20px; font-weight: bold }
.sc5 { font-size: 16px; color: #000 }
/*home*/
.block-4 { width: 100%; margin-top: 15px }
.block-4 li { width:95%; border: 1px solid #e0e0e0; background-color: #f7f7f7; margin:1%; height: auto; border-radius: 5px 5px; float: left;text-align: center; padding:10px }
.block-4 li div{ height: auto; width: auto; display: block; margin: 0 auto; text-align: center;}
.block-4 li .hide, .block-4 li:hover div { display: block }
.block-4 li:hover:before { -webkit-transform: scale(0); transform: scale(0); }
.block-4 li i { margin-bottom: 10px; display: block; font-size: 50px }
/*scrolling*/
#scroll { margin-top: 50px }
.bcg { background-image: url('images/home-bg.jpg');background-position: center ; background-size: cover; background-repeat: no-repeat;height: 400px; width: 100%; background-attachment: initial; }
.hsContent { padding-top:15px}
.hsContent h2 { border: none; margin:10px auto}
.hsContent h2 b { padding: 0; ; background-color: transparent }
.hsContent h3 { border-bottom: 2px solid #b2d235; width: 190px; margin: 10px auto; color: #333; text-align:center }
.hsContent p { color: #333 }
.media { width: 100% }
.media li { display: table; float: left; margin: 0 15px; width: 90%; }
.media li a { display: block; border: 1px #999 solid; border-radius: 1px 1px; height: 119px; line-height: 119px; display: table-cell; vertical-align: middle; overflow: hidden; text-align: center; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity= 50); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.media li a:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity= 100); }
.media li img {margin-top: expression(( 120 - this.height ) / 2); width: 108px; vertical-align: middle }
/* .bg-grey { background-color: #333333; color: #fff } */
.footer { background-color: #222222; color: #cccccc }
.footer h3 { color: #ccc; margin-top: 18px; margin-bottom: 0; font-weight:bold }
.footer ul { padding-bottom: 50px }
.footer ul li {width: auto;}
.footer a.btn { border-color: #999; color: #fff }
/* .footer a:link, .footer a:visited { color: #ccc } */
/* .footer a:hover { color: #b2d235; text-decoration: none; border-bottom: 1px solid #b2d235 } */
.footer p.list { border-bottom: 1px solid #666; margin-bottom: 12px; margin-right: 50px }
.footer p.list:hover { border-color: #b2d235 }
.footer p.list a { display: block; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 20px }
.footer p.list a:hover { border-bottom: none }
.footer p.list a em:after { position: absolute; display: block; content: "›"; right: 0px; top: 0px; color: #666; width: 20px; height: 24px; font-family: Arial, Helvetica, sans-serif; line-height: 24px; font-size: 24px }
.footer p.list a:hover em:after { color: #b2d235 }
.footer p.bullt { width: 50%; float: left; color: #ccc }
.footer .fbt { padding-top:20px; padding-bottom:20px; border-top: 1px solid #333; color: #999 }
.footer .fbt a { display: inline-block; margin-right: 5px }
.footer .fbt a:link, .footer .fbt a:visited { border-bottom: 1px solid #ccc }
.footer .fbt a:hover { border-bottom-color: #b2d235 }
/*btn*/
/* a.btn, .btn { border:none; color: #b2d235; position: relative; margin-top: 10px; display: inline-block; border-radius: 1px 1px; line-height: 28px; width: 118px; text-align: center; background-color:#333 } */
input.btn{ border:1px solid #333;color: #333;}
a.btn em:after, .btn em:after, a.btn-white em:after { position: absolute; display: block; content: "›"; right: 0px; top: 0px; color: #b2d235; width: 20px; height: 28px; font-family: Arial, Helvetica, sans-serif; line-height: 28px; font-size: 24px }
a.btn-white { width: 298px; height: 58px; line-height: 58px; margin: 20px auto; border: 1px solid #bfbfbf; text-align: center; border-radius: 1px 1px; color: #fff; display: inline-block; position: relative }
a.btn-white em:after { right: 20px; width: 20px; height: 58px; font-size: 30px; line-height: 58px }
a.btn:hover, a.btn-white:hover, .btn:hover { text-decoration: none; color: #333; border-color: #b2d235 }
a.btn:hover em:after, .btn:hover em:after, a.btn-white:hover em:after { color: #333 }
/*end*/
/*inner*/
.titlebg { background: url(images/titlebg.png) repeat; border-bottom: 1px solid #e4e4e4;padding: 15px 0; z-index: 0; -moz-box-shadow: -5px 5px 5px #e1e1e1 inset; -webkit-box-shadow: -5px 5px 5px #e1e1e1 inset; box-shadow: -5px 5px 5px #e1e1e1 inset; margin-bottom: 0;}
/* .inner h1 { color: #333; font-weight: bold } */
.inner p.line { border-top: 1px solid #e4e4e4; height: 1px; overflow: hidden; margin: 50px 0 }
.inner p.line-small { border-top: 1px solid #e4e4e4; height: 1px; overflow: hidden; margin: 30px 0 }
.inner .grey { color: #999 }
.inner .white { color: #fff }
.inner .t5 .enfont { color: #666; font-weight: normal;font-size: 13px; }
.inner .t5 li { width: 50%; float: left; margin-bottom:15px}
.inner .t5 { margin-bottom: 20px }
.inner .t5 b { display: table-cell; color: #b2d235; font-weight: bold; font-size: 14px; border: 2px solid #b2d235; margin-right: 10px; width: 46px; height: 46px; border-radius: 23px; text-align: center; line-height: 46px; }
.inner .t5 p { display: table-cell; font-size: 14px; font-weight: bold; vertical-align: middle; padding-left: 10px }
.inner .profile img[align="left"] { margin-right:20px; margin-bottom:15px }
.inner .profile img[align="right"] { margin-left: 30px }
.inner .profile .part1 { padding-top: 20px;padding-bottom: 20px; }
.inner .profile .part1 p { line-height: 2.2em }
.inner .profile .part2 { padding-bottom: 20px; border-top:1px solid #d5d5d5 }
.inner .profile .part3 { -moz-box-shadow: 0px 5px 5px #e1e1e1 inset; -webkit-box-shadow: 0px 5px 5px #e1e1e1 inset; box-shadow: 0px 5px 5px #e1e1e1 inset; padding-top: 10px; background: url(images/profile3.png) no-repeat bottom center; padding-bottom: 180px; background-color: #f7f7f7; background-size:100% }
.inner .profile .part5 { background-image: url(images/section_macbook_sideview.png); width: 100%; overflow: hidden; background-size: 439px; background-position: -12px -50px; background-repeat: no-repeat; padding-bottom: 80px; margin-bottom: -50px }
.inner .profile .part5 ul {margin-left:20px; width: 100%; margin: 0 20px}
.inner .profile .part5 ul li { width: 50%; float: left }
.inner .profile .part5 ul li a:link, .inner .profile .part5 ul li a:visited { color: #fff; display:table }
.inner .profile .part5 ul li a:hover { color: #b3d334 }
.inner .profile .part5 ul li a:link i, .inner .profile .part5 ul li a:visited i { color: #fff; font-size: 30px; display:table-cell; vertical-align:middle;  padding-right:10px}
.inner .profile .part5 ul li span {display:table-cell; vertical-align:middle}
.inner .profile .part5 ul li a:hover i { color: #b3d334 }
.inner .comapnyProfile h2.left{text-align: center;}
.inner .comapnyProfile.profile img[align="right"]{margin: 0 auto;float: none;height: 250px; display: block;}
.inner .comapnyProfile.profile .padtop{padding-top: 0;}
.inner .comapnyProfile.profile p.line{border: 0; margin:0}
/*service field*/
.block-3 ul { display: table }
.block-3 ul li {padding: 10px; border: 1px solid #e4e4e4; margin-bottom:10px; width: 100%; display: block;}
.block-3 ul li:hover { border: 1px solid #e4e4e4 }
#sider li, #sider li>a { font-size: 16px; color: #333; line-height: 2em; font-weight: bold; margin-bottom: 10px; display: block; }
#sider li { margin-bottom: 20px }
#sider li>a { border-bottom: 1px solid #fff }
#sider li>a:hover { border-bottom: 1px solid #b3d334 }
#sider li.menu-item-has-children>a:hover { border-bottom: 1px solid #fff }
#sider .sub-menu li a { display: block; border-bottom: 1px solid #e1e1e1; color: #666; font-size: 14px; line-height: 2em; font-weight: normal; position: relative }
/* #sider .sub-menu li a em:after { position: absolute; display: block; content: ">"; right: 5px; top: 0px; color: #555; width: 20px; height: 40px; font-weight: bold } */
#sider .sub-menu li a:hover, #sider .sub-menu li a:hover em:after { color: #b3d334 }
/*service process*/
.slideNav { margin: 10px 0 0 -15px; }
.slideNav ul { display: table; width: 100%; }
.slideNav .p_li, .slideNav li, .slideNav .sn_ev { text-transform: uppercase; text-align: center; font-size: 16px; color: #666666; }
.slideNav li { display: inline-block; vertical-align: middle; padding: 10px 1%; }
.slideNav li a { color: #666666; }
.slideNav li a:hover, .slideNav li a.selected { color: #8bc53f; text-decoration: underline; }
.slideNav .sn_dis { width: 42%; }
.slideNav .sn_plan { width: 42%; }
.slideNav .sn_ci { width: 34%;}
.slideNav .sn_im { width: 35%; }
.slideNav .sn_me { width: 25%; }
.slideNav .processNext { background-image: url("images/tri_right.png"); background-position: center center; background-repeat: no-repeat; width: 10px; }
.slideNav .second .processNext{background-image: url("images/tri_left.png");}
.slideNav .reCall { border: 1px dotted #bdbdbd; border-top: 0; margin: 12px 9% 20px 16%; height: 22px; }
.slideNav .sn_ev { background: url("images/tri_right.png") 10px center no-repeat white; padding: 10px 10px 10px 28px; position: relative; margin: 15px auto 0; display: table; }
#owl-service .owl-controls{ bottom:auto; top:160px}
#owl-service .owl-controls .owl-buttons div { top:0 }
#owl-service .owl-controls .owl-buttons div.owl-prev{left:5px}
#owl-service .owl-controls .owl-buttons div.owl-next{right:5px}
#owl-service .leftimg { text-align:center; width: auto; margin-left: auto; float: none;}
#owl-service .rightcontent {width: auto;}
#owl-service h4 { font-weight: bold; font-size: 16px; margin-bottom: 10px }
#owl-service p { margin-bottom: 10px }
/*contact*/
.wpcf7-form input[type="text"], .wpcf7-form textarea, .wpcf7-form input[type="email"] { border: 1px solid #e1e1e1; background-color: #f7f7f7; width: 100%; line-height: 40px; text-indent: 10px; margin-bottom: 20px; -moz-box-shadow: 2px 2px 5px #e1e1e1 inset; -webkit-box-shadow: 2px 2px 5px #e1e1e1 inset; box-shadow: 2px 2px 5px #e1e1e1 inset; }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"] { height: 40px }
.wpcf7-form input[type="text"]:focus, .wpcf7-form textarea:focus, .wpcf7-form input[type="email"]:focus { border-color: #8bc53f; outline: none }
.wpcf7-form input[type="submit"] { background-color: #fff }
.qrcode i { color: #272636; font-size: 32px }
.qrcode i:hover { color: #b2d235 }
.social { position: relative }
.social .hide { position: absolute; width: 218px; height: 193px; left: 93px; top: 0 }
/*article*/
.single h1{ font-size:16px}
/* .single h2 { margin-left: 0; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; width: 100% } */
/* .single h2 b { padding-left: 0; } */
.single .leftc{ margin-bottom:25px; margin-top:15px; padding-bottom:10px}
.inner .leftc { width: 100% }
.inner .rightc { width: 100% }
.sider li a:visited, .sider li a:visited em:after{ color: #333 }
.sider li a { display: block; border-bottom: 1px solid #e1e1e1; color: #333; font-size: 14px; line-height: 2.2em; font-weight: normal; position: relative; }
.sider li a em:after { position: absolute; display: block; content: ">"; right: 5px; top: 0px; color: #555; width: 20px; height: 40px; font-weight: bold }
.sider li a:hover, .sider li a:hover em:after { color: #b2d235 }
.single span.first { background-color: #b2d235; color: #fff; font-size: 200%; padding: 0 10px; margin-right: 2px; float: left }
.single .topnav { border: 1px solid #e4e4e4; border-radius: 1px 1px; padding: 0 5px; margin: 0; height: 42px }
.single .topnav span { display: inline-block; width: 49%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 42px; color: #666 }
.single .topnav span a { color: #666 }
.single .topnav span a:hover { color: #b2d235; border-bottom: 1px solid #b2d235 }
.single .topnav span.right { text-align: right }
.single .yarpp-related { padding-top: 20px }
.single .yarpp-thumbnails-horizontal .yarpp-thumbnail { border: none; width: 185px; height: auto }
.single .yarpp-thumbnail > img, .single .yarpp-thumbnail-default { width: 185px; margin: 0; margin-bottom: 5px; height: auto }
.single .yarpp-related .yarpp-thumbnail-title { font-size: 100%; font-weight: normal; line-height: 1.8em }
.single .yarpp-thumbnails-horizontal .yarpp-thumbnail-title { width: 185px; max-height: none; color: #666 }
.single .yarpp-thumbnails-horizontal .yarpp-thumbnail-title:hover { color: #b2d235; border-bottom: 1px solid #b2d235 }
.single h4 { font-size: 14px; font-weight: bold }
.single img{ width:100%; max-width:100%; height:auto; display:block}
/*category*/
.cat-index ul { padding-bottom: 30px }
.cat-item { float: left; width: 40%; text-align: right; padding: 6px 15px; margin: 0 1% 0; color: #eee; border-radius: 2px 2px; border-bottom: 1px solid #666; }
.cat-item a { display: block; white-space: nowrap; padding: 0px 12px; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; outline: none; color: #fff; float: left; width: 90%; text-align: left }
.cat-index li.current-cat, li.cat-item:hover { background-color: #b2d235; color: #333 }
.cat-index li.current-cat a, li.cat-item:hover a { color: #333; border-bottom-color: #b2d235 }
ul.bar-styling li { float: left; display: block; border: 1px solid #e1e1e1; border-collapse: collapse }
ul.bar-styling li > a, ul.bar-styling li > div { padding: 8px 16px; display: block; margin-right: -1px; text-decoration: none; height: auto; overflow: hidden; }
ul.bar-styling li > form input { border: 1px solid transparent; display: block; margin-right: -1px; height: auto; overflow: hidden; padding: 10px 14px; height: 40px; font-size: 14px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
ul.bar-styling li:first-child { -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-right:none }
ul.bar-styling li:last-child { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
ul.bar-styling li:first-child:hover{ background-color:#b2d235}
.blog-aux-options { text-align: center; margin-bottom: 20px; margin-top:10px }
ul.blog-aux-options li { float: none; display: inline-block; }
.blog-aux-options li:first-child { margin-left: 0; }
.blog-aux-options li.search { height: auto; overflow: hidden; }
.blog-aux-options li a { display: block; font-size: 14px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.blog-aux-options li a i { margin-right: 7px; font-size:13px }
.blog-aux-options li a:hover { text-decoration: none; }
.blog-aux-options li form { margin: 0; position: relative; }
.blog-aux-options li form input { margin: 0; border: 0; height: 34px; width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
/*.blog-aux-options li form:after { content: "\1F50E"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 16px; padding-right: 10px; position: absolute; float: right; top: 5px; right: 2px; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); }*/
.blog-filter-wrap { margin-bottom: 20px; }
.blog-filter-wrap.filter-wrap ul li { display: block; }
.blog-filter-wrap.filter-wrap ul li a span { float: right; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity= 60); }
.articlelist{ position: relative;}
.articlelist .articles {float: none; margin:15px 0; width:auto; }
.articlelist .articles img{display:block; width:100%; height:auto}
.articlelist .articles img[src="/wp-content/themes/maxdigi/images/pixel.gif"]{width:100%; height:1px; border-bottom:1px solid #e1e1e1}
.articlelist .articles .captions { padding: 28px 15px 30px;}
.navbar-collapse.mobile{display: block !important;}
.logo img{ margin-bottom: 0; }
.videoCloudPushTips, .linkGroup{padding: 0;font-size: 3rem;  margin-top: 3rem;}
.programmeBox{padding:3rem 0}
.chineseName{font-size: 3.2rem;}
.englishName{font-size: 2.8rem;}
.infoUl{padding-left: 4.3rem; position: relative;}
.infoUl p{margin-top: 2.8rem;}
.infoUl h4{font-size: 2.4rem; font-weight: bold; margin-top: 2.8rem; line-height: 3.5rem;}
.infoUl ul{margin-top: 2.2rem; margin-bottom: 3.1rem;}
.infoUl ul li{ margin-bottom: 2.2rem; position: relative; padding-left: 3rem; font-size: 2.6rem;}
.infoUl h4{font-size: 3rem;}
.infoUl, .infoUl p{font-size: 2.6rem;}
.tabGroups a{display: inline-block; width: 43%; margin: 3%;}
.tabGroups{padding: 0; margin:2.4rem -3% 1rem; width: 106%;}
.oneCaseName{font-size: 3.2rem;padding: 2.5rem 0 2rem;}
.oneCaseImg{width: 54%; margin: 0 auto; }
.bgTitle, .oneCaseStrategyTitle{font-size: 3rem; line-height: 3rem; padding:1.5rem;}
.oneCaseStrategyTitle{margin: 3rem 0;}
.caseBox{margin:2.8rem -15px  0; padding:7rem 3rem;}
.lineOne, .lineTwo, .lineThree{width: 100%;  padding: 6.3rem 3.2rem;}
.oneCaseDes, .oneCaseStrategy{font-size:2.8rem; line-height: 5.6rem;}
.oneCaseDes{ margin-top: 2rem; }
.oneCaseAchievementInfoItemRight{font-size: 2.8rem; line-height: 4.3rem; flex: 1;}
.oneCaseAchievementInfoItemLeft{font-size:3.8rem; line-height:4.3rem; width: 12rem;}
.oneCaseAchievementInfoItem, .oneCaseAchievement .oneCaseAchievementInfo{margin-bottom: 3.3rem;}
.bottomCicle{bottom: 2.5rem;}
.lineTwo .oneCaseAchievementInfoItem{margin-bottom: 3.2rem;}
.lineThree .oneCaseStrategy{font-size: 2.8rem;line-height: 5.4rem;}
.lineThree .oneCaseStrategyTitle{margin:2.4rem 0}
.lineThree .oneCaseAchievementInfoItem{margin-bottom: 2.2rem;}
.oneCaseAchievementItem:last-child .oneCaseAchievementInfo.oneCaseAchievementInfo{margin-bottom: 1rem;}
.infoUl ul li::before{
  content: ''; 
  background: url(./images/icon1.png) no-repeat;
  position: absolute;
  width: 2.3rem;
  height: 8rem;
  left: 0;
  top: -2rem;
  background-position-x: -16.6rem;
  background-size: 20.2rem 8rem;
}
.infoUl h4.icon::before, .infoUl p.icon::before{
  content: ''; 
  background: url(./images/icon1.png) no-repeat;
  position: absolute;
  width: 3.3rem;
  height: 8rem;
  left: 0;
  top: -2.4rem;
  background-position-x: -11.5rem;
  background-size: 20.2rem 8rem;
}
}