@charset "utf-8";
/* 2015-4 by qizhifei */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, dl, dd, dt, ol, ul, li, form, table, tr, th, td{margin:0;padding:0; zoom:1;}
body{background-color:#fff; color:#4b4b4b; min-width:320px; font-size:13px; font-family:"微软雅黑";font-style: normal; font-weight:normal;font-size:1pc; line-height:1.5;-webkit-user-select:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,li{list-style:none;}
a{outline: none;*star: expression(this.onFocus=this.blur());cursor: pointer;}
img{vertical-align:top; border:none;}
*{margin:0; padding:0}
.cf{clear:both; overflow:hidden;}
.fleft{float:left;}
.fright{float:right;}
.mainwidth{width:1200px;}
.center{margin:0 auto;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#406599; text-decoration:underline;}
a:active{text-decoration:none;}
.inbg {}
.incolor { color:#e95a0d;}
.inborder { border:1px #e95a0d solid;}
.inborderl { border-left:2px #e95a0d solid;}


@font-face {
  font-family: 'iconfont';
  src: url('../svg/iconfont.eot');
  src: url('../svg/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../svg/iconfont.woff2') format('woff2'),
      url('../svg/iconfont.woff') format('woff'),
      url('../svg/iconfont.ttf') format('truetype'),
      url('../svg/iconfont.svg#iconfont') format('svg');
}
.top-msgico,.menu-mobile {
  font-family: "iconfont" !important;
  font-size:22px;
  font-style: normal;
  padding-right:5px;
  padding-top:4px;
  color:#e95a0d;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display:none;
}

#in-top { height:100px; text-align:center; background-color:#fefefe;}
.top-msg { height:40px;}
.top-msg-s { height:40px; line-height:40px; color:#FFF; font-size:12px;}
.top-msg-s i { display:block; float:left; font-style:normal; padding-right:50px;}
.top-msg-s i span { width:20px; height:40px; display:block; float:left; padding-right:6px;}
.top-msg-s em { width:200px; height:40px; display:block; float:right; font-size:20px;font-style:normal;background-color:rgba(255,255,255,0.3);}
.top-msg-s em span { width:50px; height:40px; display:block; float:left; text-align:center; font-size:26px; color:#fff;}
.top-msg-s i a { font-size:12px; padding:4px 8px; background-color:#fdf3af; border-radius:4px; color:#565656; margin-right:10px;}

#top-main { width:100%; background-color:#FFF;box-shadow: 0px 1px 5px -2px #999; border-bottom:#f4f4f4 1px solid; position:fixed; top:0; z-index:9999;}
.fixednav{position: fixed;top:0; z-index:999;}
.top-dh { display:none;}
.top-main { height:90px;}
.top-main .top-logo { width:183px; height:70px; margin-top:10px;}
.top-main .top-s-m { width:1017px; height:80px; padding-top:10px;}
.top-serch { width:130px; float:right; height:30px; padding-top:8px;}
.top-menu { width:850px; padding-left:20px; padding-top:10px; height:43px; float:left;}
.top-400 { height:30px; margin-top:14px; padding-top:24px; color:#e95a0d; width:167px; display:block; float:right; font-size:19px; text-align:right; background:url(/images/mzsj.jpg) no-repeat top right;}

/**搜索**/
#topsearch{width:130px; height:30px; padding-top:11px; overflow:hidden; border-radius:15px; position:relative;}
.search-box{height:30px; position: relative; z-index: 9999;}
.search-box input{width:130px; float:right; padding-left:6px; font-size:10px; height:26px; display:block; line-height:22px; color:#d0d0d0; overflow:hidden; vertical-align:middle; border-radius:15px; border:1px #cecece solid;outline: none;}
.search-box .inputSub{width:32px; height:26px; line-height:26px; padding-left:0; display:block; font-size:18px; overflow:hidden; text-align:center; color:#fff; border:none; overflow:hidden; vertical-align:middle; outline:none; cursor:pointer; float:right; background:none;outline: none;border-top-right-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:0px;border-bottom-left-radius:0px; background-color:#999;}
.inputSub {
  font-family: "iconfont" !important;
  position:absolute; right:1px; top:11px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**导航下拉**/
/**下拉导航-公用背景色**/
.dropchecked a {}
.top-menu ul.dropdown li a:hover, ul.dropdown li a.hover { position: relative; color: #e95a0d; }
.top-menu ul.dropdown ul li a:hover { display: block; background: #eee !important; color: #e95a0d !important;}
.top-menu  ul { margin: 0px; padding: 0px; list-style: none; }
.top-menu ul.dropdown { position: relative; width:100%;}
.top-menu ul.dropdown li { font-weight: bold; float:left; display:block; position: relative; }
.top-menu ul.dropdown a:hover { color: #000; }
.top-menu ul.dropdown li a { display: block; letter-spacing:2px; font-size:16px; padding: 12px 16px 12px 15px;position: relative; z-index: 2000; text-align: center; text-decoration: none; font-weight: 300; }
.top-menu ul.dropdown ul { display: none; position: absolute; top: 0; left: 0; width: 180px; z-index: 1000; }
.top-menu ul.dropdown ul li ul { background-color:#fff;}
.top-menu ul.dropdown li ul li a {padding:8px 20px 8px 21px; font-size:14px;}
.top-menu ul.dropdown ul li { display:block; clear:both; font-weight: normal;  color: #000;}
.top-menu ul.dropdown li:nth-child(5) ul li,.top-menu ul.dropdown li:nth-child(8) ul li { width:100%;}
.top-menu ul.dropdown ul li a { display: block; text-align:left; color: #34495e !important; background: #f1f1f1 !important; }
.top-menu .drop > a { position: relative; }
.top-menu .drop > a:after { position: absolute; right: 10px; top: 40%; border-left: 5px solid transparent; border-top: 5px solid #333; border-right: 5px solid transparent; z-index: 999; }
.top-menu .drop > a:hover:after {border-left: 5px solid transparent; border-top: 5px solid #fff; border-right: 5px solid transparent; }
/**大图切换**/
.wrap{width:1200px;margin:0 auto}
.carousel{height:420px;overflow:hidden;background:#262626; overflow:hidden;}
.carousel .wrap{position:relative}
.slide-caption{position:relative;z-index:10;float:left;width:390px;min-height:350px;padding:70px 40px 0;background-image:url(../images/vignette.png);background-position:left top;background-repeat:no-repeat;}
.comp-a{background-color:#e95a0d}
.comp-b{background-color:#8c8179}
.comp-c{background-color:#293352}
.comp-d{background-color:#a51c30}
.slide-caption h2{margin-bottom:32px;color:#fff;font-size:30px;line-height:38px;font-weight:normal}
.slide-caption h2 p { font-size:18px;}
.slide-caption h2 a{color:#fff;text-decoration:none}
.slide-caption h2 a:hover,.slide-caption h2 a:focus{color:#e6eae2;text-decoration:none}
.slide-callout{width:900px}
.slide-callout p{float:left;max-width:750px;line-height:20px;padding:8px 10px 7px 12px;background:#fff;background:rgba(255,255,255,.9);color:#363636;font-size:16px;font-weight:normal; border:1px #f1f1f1 solid;}
.slide-callout p:hover{background:#e6eae2}
.slide-callout p a{color:#363636;text-decoration:none}
.slide-callout p a:hover,.slide-callout p a:focus{color:#363636;text-decoration:none}
.slide-callout .more{padding:0}
.comp-a .slide-callout .more{background-color:#e95a0d}
.comp-b .slide-callout .more{background-color:#053894}
.comp-c .slide-callout .more{background-color:#293352}
.comp-d .slide-callout .more{background-color:#a51c30}
.slide-callout .more a{display:inline-block;line-height:20px;padding:8px 10px 7px;background:none;color:#fff;text-transform:none;font-weight:normal;font-style:italic;}
.slide-callout .more a:hover,.slide-callout .more a:focus{background:#000;text-decoration:none;color:#fff}
.carousel-image{position:absolute;right:0}
.carousel-item{position:relative}
.carousel-item-secondary{display:none}
* html .carousel{height:420px !important}
* html .slide-caption{background-image:none !important;height:220px}
* html .carousel-item{height:420px}
.comp-b,.comp-b .slide-callout .more{background-color:#053894}
.comp-c,.comp-c .slide-callout .more{background-color:#3274ee}
.comp-d,.comp-d .slide-callout .more{background-color:#a51c30}
.carousel-controls{position:absolute;z-index:100;left:50%;bottom:43px;width:98px;height:32px;margin-left:-449px;overflow:hidden}
* html .carousel-controls{bottom:20px}
.carousel-controls a{float:left;display:block;width:32px;height:32px;text-indent:-9999px;background-image:url(../images/controls-carousel.gif);background-color:transparent;background-position:0 0;background-repeat:no-repeat;overflow:hidden}
.carousel-controls .next{background-position:-99px -32px;border-left:1px solid #333}
.carousel-controls .next:hover,.carousel-controls .next:focus{background-position:-99px 0;border-color:#ccc}
.carousel-controls .previous{background-position:0 -32px}
.carousel-controls .previous:hover,.carousel-controls .previous:focus{background-position:0 0}
.carousel-controls .pause{background-position:-33px -32px;border-left:1px solid #333}
.carousel-controls .pause:hover,.carousel-controls .pause:focus{background-position:-33px 0;border-color:#ccc}
.carousel-controls .play{position:relative;bottom:auto;left:auto;background-position:-66px -32px;border-left:1px solid #333}
.carousel-controls .play:hover,.carousel-controls .play:focus{background-position:-66px 0;border-color:#ccc}
.carousel .prev-image{position:absolute;left:-1100px;top:0;opacity:0.2}
.carousel .next-image{position:absolute;top:0;right:-744px;opacity:0.2}

.spzx-main { padding-top:100px;}

/**footer**/

.clearfix::after{clear:both;content:".";display:block;height:0;visibility:hidden}
.cloud-banner{position:relative;min-width:1200px;background:#0af url(../images/cloud-back.jpg) no-repeat center;height:180px;overflow:hidden;color:#fff;text-align:center}
.cloud-bubble-one{position:absolute;top:-120px;left:50%;z-index:10;margin-left:-120px;width:240px;height:240px;background:url(../images/cloud-back-bule1.png);animation:bubble-animate-1 linear 10s infinite}
.cloud-bubble-two{position:absolute;top:50px;left:34%;z-index:11;width:360px;height:360px;background:url(../images/cloud-back-bule2.png);animation:bubble-animate-2 linear 12s infinite}
.cloud-bubble-three{position:absolute;top:50px;left:48%;z-index:12;width:300px;height:300px;background:url(../images/cloud-back-bule3.png);animation:bubble-animate-3 linear 11s infinite}
@keyframes bubble-animate-1{from{top:-120px}
50%{top:-180px}
to{top:-120px}
}
@keyframes bubble-animate-2{from{top:50px;left:34%}
50%{top:80px;left:24%}
to{top:50px;left:34%}
}
@keyframes bubble-animate-3{from{top:50px;left:48%}
50%{top:80px;left:58%}
to{top:50px;left:48%}
}
.cloud-bubble-text{position:relative;padding-top:46px;z-index:20;font-size:24px}
.cloud-bubble-link{position:relative;z-index:20}
.cloud-bubble-link a{display:inline-block;margin-top:24px;width:220px;height:44px;line-height:44px;border:1px solid #fff;color:#fff}
.cloud-bubble-link a:hover{color:#333;background-color:#fff}
.cloud-footer{min-width:1200px; margin-top:60px;background-color:#2b373d;font-family:"Microsoft Yahei";overflow:hidden; height:320px;}
.cloud-footer-box{width:1200px;margin:0 auto}
.cloud-footer-feature{width:100%;height:12px;border-bottom:1px solid #414b51}
.cloud-footer-nav{width:100%;padding:20px 0 20px 0}
.cloud-footer-nav-logo{width:32%;float:left; height:200px;}
.cloud-comm{padding-left:20px}
.cloud-comm-logo{height:113px; width:100px;background:url(../images/logo-footer.png) no-repeat left; margin:0 auto;}
.cloud-comm-logo span{display:inline-block;margin-left:136px;margin-top:-5px;width:126px;height:40px;background:url(../images/icon-gif.gif) no-repeat left}
.cloud-info{margin-top:10px;line-height:25px;font-size:16px;color:#fff; text-align:center;}
.cloud-share{width:100%;height:100%;margin-top:10px;position:relative; text-align:center;}
.cloud-share>p{width:132px;height:132px;border:1px solid #ddd;background-color:#fff}
.wei-xin{position:absolute;top:-145px;left:24px;background-image:url(../images/icon-ewm.jpg);display:none;background-size:132px}
.corner{border:10px solid transparent;border-top:10px solid #fff;position:absolute;bottom:-20px;right:50%;margin-right:-10px;z-index:10}
.wei-bo{position:absolute;top:-145px;left:-32px;background-image:url(../images/wb.png);display:none;background-size:132px}
.cloud-share ul { padding-left:80px;}
.cloud-share ul li{float:left;margin-left:15px;width:40px;height:40px; background-color:#444d53; border-radius:50%;}
.cloud-share ul li a{display:block}
.cloud-share ul li a span{display:inline-block;width:40px;height:40px;background-repeat:no-repeat;background-size:40px}
.cloud-share ul li:hover{background-color:#fff;}
.cloud-footer-nav-list{width:66%;height:100%;border-left:1px solid #414b51;padding-left:20px;float:left; height:200px;}
.cloud-footer-nav-list ul{float:left;width:25%}
.list-title{font-size:18px;color:#fff;margin-bottom:15px;line-height:24px}
.cloud-footer-nav-list ul li{line-height:26px}
.cloud-footer-nav-list ul li a{color:#819199;font-size:14px;text-decoration:none}
.cloud-footer-nav-list ul li a:hover{color:#fff;text-decoration:underline}
.cloud-copyright{width:100%;border-top:1px solid #212a2f;padding:10px 0;text-align:center}
.cloud-copyright p{text-align:center;color:#819199;font-size:12px;line-height:22px}
.cloud-copyright p a{color:#819199}
.cloud-copyright p a:hover{text-decoration:underline}
.footicon {
  width:40px; height:40px; line-height:40px; text-align:center;
  font-family: "iconfont" !important;
  font-size:26px;
  font-style: normal;
  color:#fff;
  border-radius:2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.footicon:hover { color:#444d53;}
.sy_dbpf { display:none;}

@media only screen and (max-width:800px) {
/*固定*/
.mzx { color:#fff; font-size:3.3rem; font-style:normal; display:block; float:left; margin-left:10rem; padding-top:.5rem; font-family: "iconfont" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.mzx span { font-size:2.4rem;}
.newsico { font-style:normal; font-size:2rem;font-family: "iconfont" !important;}
.sy_dbpf{position: fixed; bottom: 0; display: block; width:100%; height:7rem; z-index:999;}
.sy_dbpf p{ float:left; padding:0.1rem 0; width:50%; height:7rem; line-height:7rem; font-size:2.2rem;}
.sy_dbpf p a{ display:block; color:#FFF;}
.sy_dbpf p a img{
    display: inherit;    margin: 0 auto;width:0.42rem;}
.sy_dbpf p span{ padding-left:.8rem; font-size:2.2rem;color: #fff;}
.db-ys1{ background:#eb9a07;}.db-ys2{ background:#008ad4;}
}

@media only screen and (max-width:800px) {
.cloud-footer { width:100%; min-width:auto; margin-top:2rem; height:auto;}
.cloud-footer-box{width:100%;margin:0 auto}
.cloud-footer-nav-list { display:none;}
.cloud-footer-nav { padding:0; display:none;}
.cloud-footer-nav-logo { width:60rem; margin:0 auto; float:none; height:auto;}
.cloud-comm { display:block; float:left;}
.cloud-comm-logo { width:15rem; height:20rem; background:url(../images/logo-footer.png) no-repeat left; background-size:100%; margin:0;}
.cloud-info { display:none;}
.cloud-share ul { width:auto; float:none; padding:6rem 0 0 3rem;}
.cloud-share { display:block; width:40rem; float:left; height:20rem;}
.cloud-share ul li { width:6rem; height:6rem; margin:2rem 1rem 2rem 1rem; display:block; float:left;}
.cloud-footer-feature { height:1rem; display:none;}
.cloud-share ul li a span { width:6rem; height:6rem; line-height:6rem; text-align:center; font-size:4rem;}
.spzx-main { margin-top:13rem;}
}


/* 侧边悬浮导航 */
.right_nav{ right:0; bottom:100px; position:fixed; text-align:left;overflow: hidden;z-index:999; display:none;}
.right_nav li{margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li:nth-child(1) { background-color:#ee6100;}
.right_nav li:nth-child(2) { background-color:#007ace;}
.right_nav li:nth-child(3) { background-color:#50b83c;}
.right_nav li:nth-child(4) { background-color:#b762ff;}
.right_nav li:nth-child(5) { background-color:#5c6ac4;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}
.slide-ico {
  width:28px; height:28px; line-height:28px; text-align:center; margin-right:5px; display:block; float:left;
  font-family: "iconfont" !important;
  font-size:26px;
  font-style: normal;
  color:#fff;
  border-radius:2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width:800px) {
.right_nav li { margin:.8rem 0; right:0; padding:.5rem;border-top-left-radius:.5rem; border-bottom-left-radius:.5rem;}
.slide-ico { width:3rem; height:3rem; line-height:3rem; text-align:center; font-size:3.3rem; margin-right:1rem;}
.right_nav li h4 {}
.right_nav li:nth-child(2) .slide-ico { font-size:2.8rem;}
}

/**顶部导航**/
.menu-container{width:840px;height:80px;padding-top:10px;display:block;float:right}
.menu-mobile{display:none;padding:20px}
.menu-mobile:after{font-family:Ionicons;font-size:2.5rem;padding:0;float:right;position:relative;top:50%;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%)}
.menu-dropdown-icon:before{font-family:Ionicons;display:none;cursor:pointer;float:right;padding:1.5em 2em;background:#fff;color:#333}
.menu>ul{margin:0 auto;width:100%;list-style:none;padding:0;position:relative;box-sizing:border-box}
.menu>ul:after,.menu>ul:before{display:table}
.menu>ul:after{clear:both}
.menu>ul>li{float:left;white-space:nowrap; position:relative; text-align:center;padding:0;margin:0}
.menu>ul>li a{text-decoration:none;width:105px;height:80px;font-size:16px;color:333;line-height:80px;display:block}
.menu>ul>li:hover{ border-bottom:2px #e95a0d solid;}
.menu>ul>li>ul{display:none; opacity:1; box-shadow:0px 2px 10px -2px #666;width:100%;background:#f0f0f0;position:absolute;z-index:99;left:0;margin:0;list-style:none;box-sizing:border-box}
.menu>ul>li>ul:after,.menu>ul>li>ul:before{content:"";display:table}
.menu>ul>li>ul:after{clear:both}
.menu>ul>li>ul>li{margin:0;padding-bottom:0;list-style:none;}
.menu>ul>li>ul>li a{color:#333;display:block; width:100%; height:40px; line-height:40px; font-size:12px; text-align:center;}
.menu>ul>li>ul>li a:hover { background-color:#f3920f; color:#fff;}
.menu>ul>li>ul>li>ul{display:block;padding:0;margin:10px 0 0;list-style:none;box-sizing:border-box}
.menu>ul>li>ul>li>ul:after,.menu>ul>li>ul>li>ul:before{content:"";display:table}
.menu>ul>li>ul>li>ul:after{clear:both}
.menu>ul>li>ul>li>ul>li{float:left;width:100%;}
.menu>ul>li>ul>li>ul>li a{border:0}
.menu>ul>li>ul.normal-sub{ opacity:1;width:160px;left:-20px;}
.menu>ul>li>ul.normal-sub>li{width:100%}
.menu>ul>li>ul.normal-sub>li a{border:0;}
.mb-out { display:none;}
@media only screen and (max-width:800px){
#top-main { height:9rem; top:4rem;}
.top-dh { display:block; width:100%; height:4rem; background-color:#f4981d; position:fixed; top:0rem; z-index:99999;}
.top-dh .dh-list a { height:4rem; display:block; padding:0 1.5rem; text-decoration:none; float:right; color:#fff; line-height:4rem; text-align:center; font-size:2rem; font-family:"宋体";}
.top-dh .dh-list a:nth-child(3) { background-color:#ffb552;}
.top-main { margin:0; display:block; position:relative;}
.top-main div { margin:0; padding:0;}
.top-main .top-logo { width:20rem; height:8rem; background:url(../images/mlogo.jpg) no-repeat center; background-size:100% auto; margin-top:.3rem; margin-left:1rem; display:block;}
.top-main .top-logo img { display:none;}
.top-main { width:100%; height:9rem; float:right; border-bottom:0.1rem #dddddd solid;}
.top-main .top-400 { display:none;}
.top-main .top-400 .top-msgico { width:5rem; margin-top:1.8rem; line-height:5rem; height:5rem; font-size:4rem; padding-right:.5rem;}
.menu-container{width:7rem; height:9rem; line-height:10rem; text-align:center; float:right;}
.menu-mobile{display:block; padding:0; text-decoration:none; font-size:4.6rem;}
.menu-mobile:link { color:#ee6100; text-decoration:none;}
.menu>ul{display:none; position:absolute; right:0; top:0;}
.menu>ul>li{width:100%; margin:0.5rem 0;display:block}
.menu>ul>li a{width:100%;display:block; height:5rem; line-height:5rem; border-radius:0.3rem; border-bottom:0.1rem #e4e4e4 solid; font-size:2.2rem;}
.menu>ul>li:hover { border:none; background-color:#f3920f;}
.menu>ul>li:hover a {color:#fff;}
.menu>ul>li>ul{position:relative; display:none;}
.menu>ul>li>ul.normal-sub{width:100%}
.menu>ul>li>ul>li{float:none;width:100%;}
.menu>ul>li>ul>li:first-child{margin:0}
.menu>ul>li>ul>li>ul{position:relative}
.menu>ul>li>ul>li>ul>li{float:none}
.menu .show-on-mobile{ width:100%;display:block; padding:1rem 0; background:#fff; margin-top:9.1rem; border-bottom-left-radius:1rem; border-bottom-right-radius:1rem;transition:max-height .2s ease-in;transform-origin:50% 0;-webkit-animation:slide-down .5s ease-in; border-left:1px #ededed solid;border-right:1px #ededed solid;box-shadow: 0px 20px 10px -10px #5E5E5E;}
.menu .show-out-mobile{ display:none;}
.mb-out {font-family: "iconfont" !important; font-size:3rem; height:6rem; line-height:6rem; font-style: normal; border-bottom-left-radius:1rem; border-bottom-right-radius:1rem;}
.mb-out:hover { color:#fff;}
}
@media only screen and (max-width:800px){ 
.mainwidth { width:100%; position:relative;}
}

/***东儿一站式服务***/
.clearfix::after{clear:both;content:".";display:block;height:0;visibility:hidden}
.case-container{width:1200px;margin:0 auto;padding:0}
.case-index-title{font-size:16px;text-align:center;padding:30px 0 15px 0;}
.case-index-title h2{font-size:36px;font-family:pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-weight:400}
.case-index-title a{width:150px;height:32px;line-height:32px;border:1px solid #dbdce0;text-align:center;font-size:14px;display:block;margin:25px auto 10px 0;transition:all .5s}
.case-index-title a:hover{background:#eee;border-color:#f96a69;color:#010101}
.case-index-content{position:relative}
.case-index-content .clearfix {}
.case-example-item{float:left;width:285px;height:235px;overflow:hidden;margin-bottom:20px; margin-left:20px;text-align:center;background:#fff;position:relative;transition:all .5s}
.case-example-item:nth-child(1),.case-example-item:nth-child(5){ margin-left:0px;}
.case-example-item a .case-pad{width:286px;height:180px; border-radius:5px;}
.case-item-info{height:40px;overflow:hidden;position:absolute;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);transition:all .5s;}
.case-info-logo{transition:all .2s; position:absolute; width:60px; height:60px; top:140px; left:3px; z-index:99;}
.case-info-title{font-size:16px;margin-bottom:15px; color:#010101;}
.case-info-text{font-size:14px; min-height:75px;color:#666;padding:0 10px;text-align:justify;line-height:1.8}
.case-info-more { border:1px #388bfd solid; color:#388bfd; border-radius:3px; height:24px; margin-top:5px; line-height:24px; text-align:center; width:100px; margin:0 auto;transition:all .5s;}
.case-info-more:hover { border:1px #e95a0d solid; color:#fff; background-color:#e95a0d;transition:all .5s;}
.case-index-content .case-example-item:hover .case-item-info{height:155px; padding-top:80px;transition:all .5s;}
.case-index-content .case-example-item:hover .case-info-title {color:#010101; text-decoration:underline; margin-bottom:5px;}
.case-index-content .case-example-item:hover .case-info-text {color:#666;}
.case-index-content .case-example-item:hover .case-info-logo { left:112px; top:10px;transition:all .5s;}
.case-index-content .case-example-item:hover .case-info-logo .yzs-ico { color:#e95a0d;transition:all .5s;}
.case-index-content .case-example-item .case-info-logo .yzs-ico:hover { background-color:#e95a0d; color:#fff;transition:all .5s;}
.yzs-ico {
   width:60px; height:60px; display:block; border-radius:50%; border:1px #e1e1e1 solid; text-align:center; line-height:60px;
   background-color:rgba(255,255,255,1);
  font-family: "iconfont" !important;
  font-size:40px;
  font-style: normal;
  color:#4b4b4b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width:800px){ 
.case-example-item{float:left;width:48%;height:25rem;overflow:hidden;margin-bottom:3rem; margin:0 1%;text-align:center;background:#fff;transition:all .5s}
.case-example-item a .case-pad { display:block; width:100%; height:auto; border-radius:.3rem;}
.case-info-logo { display:none;}
case-info-text,.case-info-more{ display:none;}
.case-index-content .case-example-item:hover .case-item-info{height:25rem; padding-top:0;transition:all .5s;}
#swtmain { display:none;}
}