@charset "utf-8";
body{ line-height: 1.5; }
body,blockquote,dd,dl,figure,form,p,pre,h1,h2,h3,h4,h5,h6{margin:0;}
menu,ul,ol{list-style:none; margin:0; padding:0;}
body{line-height:1.5; font-size:14px; color:#394043; background: #f8f8f9;}
body,h1,h2,h3,h4,h5,h6,input,button,select,textarea{font-size:14px; font-weight:normal;}
body,input,button,select,optgroup,option,textarea,pre{font-family:Arial,Roboto,"Droid Sans","Hiragino Sans GB","Microsoft YaHei","Simsun",STXihei,"sans-serif";}
iframe{vertical-align:top;}
a{text-decoration:none; color:#394043;}
a:hover{text-decoration:none;}
img{vertical-align:top;}
a img{border:0 none;}
i,em{font-style:normal;}
fieldset{margin:0; padding:0;}
legend{color:windowtext;}
button,input.ie6{overflow:visible; padding:0;/* padding:.1em .25em; */cursor:pointer;}
input[type="button"],input[type="submit"],input[type="reset"]{overflow:visible; cursor:pointer;}
input,select,option,textarea{outline:none; -webkit-outline:none; -ms-outline:none; -moz-outline:none; -o-outline:none;}
input:focus,select:focus,option:focus,textarea:focus{outline:none; -webkit-outline:none; -ms-outline:none; -moz-outline:none; -o-outline:none;}
select{border:1px inset;}
textarea{overflow:auto; vertical-align:text-bottom; *vertical-align:auto; border:1px solid; resize:vertical; outline:none;}
table{border-collapse:collapse; border-spacing:0;}
td,th,caption{padding:0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bfbfbf;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#bfbfbf;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#bfbfbf; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#bfbfbf;} 
.clearfix:after{content:""; clear:both; height:0; display:block; visibility:hidden; font-size:0;}
.clearfix{*+height:1%;}
.w1200{width: 1200px; margin: 0 auto;}


/*topbarbox*/
.topbarbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-width: 1220px;
    margin: 0 auto;
    background: rgba(50, 53, 54, 0.09);
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    color: #ccc;
    z-index: 10;
}
.topbarbox.fix-topbarbox{background: #000;}
.topbarbox:hover{background: #000;}
.topbar-wrap{position: relative; height: 59px; padding: 0 60px 0 280px;}
.topbar-logo{position: absolute; top: 0; left: 60px; display: block; width: 160px; height: 58px;}
.topbar-logo img{width: 160px; height: 58px;}

.topbar-nav{font-size: 14px; /*width: 780px;*/}
.topbar-nav.topbar-state{position: absolute; top: 0; right: 60px; width: auto;}
.topbar-nav li.li{position: relative; float: left; padding: 0 10px; height: 60px;}
.topbar-nav a.item{display: inline-block; height: 56px; line-height: 56px; /*color: #ccc;*/ color: #fff; padding-bottom: 3px;}
.topbar-nav li.li.on a.item{color: #fff; background: url(../images/topbar_line.png) center bottom no-repeat;}
.topbar-nav a.item:hover,.header-nav li.li:hover a.item{color: #fff;}
.topbar-nav a.item .i-triangle{display: inline-block; width: 9px; height: 7px; margin-left: 6px; background: url(../images/ico_triangle.png) center top no-repeat;}
.topbar-menubox{position: absolute; top: 51px; left: 50%; margin-left: -40px; padding-top: 9px; width: 80px; font-size: 12px; background: url(../images/topbar_triangle.png) center top no-repeat; display: none;}
.topbar-menu{padding: 8px 0; background: #fff; border-radius: 2px; }
.topbar-menu li{padding: 0 10px;}
.topbar-menu li a{display: block; height: 30px; line-height: 30px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.topbar-menu li a:hover{color: #488bf4;}

.footerbox{min-width: 1220px; margin:0 auto; padding: 20px 0; background: #323536; color: #999; margin-top: 90px; text-align: center; font-size: 12px;}
.footer-link{padding: 20px 0; font-size: 14px; background: url(../images/foot_line.png) center bottom no-repeat;}
.footer-link a{display: inline-block; height: 30px; line-height: 30px; margin:0 15px; color: #ccc;}
.footer-link a:hover{color: #fff; text-decoration: underline;}
.footer-us{margin-top: 17px;}
.footer-us a{display: inline-block; height: 30px; line-height: 30px; margin: 0 5px; color: #999;}
.footer-us a:hover{color: #ccc; text-decoration: underline;}
.copyright{margin-top: 5px; line-height: 28px; text-align: center; }
    .copyright p a, .copyright p span { margin: 0 10px; color: #999;}
        .copyright p a:hover { text-decoration: underline; }
/*悬浮侧边栏*/
.fix-siderbox{position: fixed; top: 0; bottom: 0; right: 0; width: 36px; border-right: 2px solid #7a6e6e; z-index: 999;}
.fix-sider{margin-top: 109px; width: 36px;}
.fix-sider.fix-sider-bottom{position: absolute; bottom: 0; right: 0; padding-top: 0;}
.fix-sider li{position: relative; margin-top: 1px;}
.fix-sider .icon{position: relative; display: block; width: 36px; height: 36px; cursor: pointer;}
.icon.ifs-return{background:#7a6e6e url(../images/fix_ico.png) center 0 no-repeat;}
.icon.ifs-tel{background:#7a6e6e url(../images/fix_ico.png) center -40px no-repeat;}
.icon.ifs-online{background:#7a6e6e url(../images/fix_ico.png) center -80px no-repeat;}

.fix-sider li:hover .icon{background-color: #039be5;}
.subsider .item{display: block; width: 80px; height: 36px; line-height: 36px; padding: 0 4px; text-align: center; background-color: #039be5; color: #fff; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
.fix-sider .subsider{position: absolute; bottom: 0; right: 36px; display: none;}
.sider-tel{width: 130px; padding: 0 10px; margin-right: 6px; background: #fff;}
.sider-tel h2,.sider-tel p{height: 26px; line-height: 26px;}
.sider-tel h2{color: #394043;}
.sider-tel p{color: #9c9fa1;}
.sider-online{width: 160px; padding: 8px 15px; height: 20px; line-height: 20px; background: #fff; color: #9c9fa1; margin-right: 6px;}
.sider-online .number{float: left;}
.sider-online .btn{float: right; display: inline-block; width: 60px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; background: #039be5; color: #fff; border-radius: 2px;}


.bannerbox{position: relative; min-width: 1220px; margin:0 auto; height: 500px;}
.banner-switchbox{position: relative; height: 500px; overflow: hidden;}
.banner-switchbox .prev,.banner-switchbox .next{position: absolute; top: 50%; margin-top: -10px; display: block; width: 20px; height: 20px; cursor: pointer; z-index: 2;}
.banner-switchbox .prev{left: 50%; margin-left: -660px; background: url(../images/btn_banner.png) center top no-repeat;}
.banner-switchbox .next{right: 50%; margin-right: -660px; background: url(../images/btn_banner.png) center bottom no-repeat;}
.banner-switchbox .switch-spot{position: absolute; bottom:20px; left: 50%; margin-left: -300px; width: 600px; height: 2; font-size: 0; text-align: center; z-index: 1;}
.banner-switchbox .switch-spot li{display:inline-block; width: 20px; height: 3px;background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff); margin: 0 5px; *display: inline; *zoom:1; vertical-align: middle; cursor: pointer;}
    .banner-switchbox .switch-spot li.on { background: #fff; }
    
.banner-switch a.bg-img{display: block; height: 500px; /*background-color: #323536;*/ background-position: center center; background-repeat: no-repeat; background-size: cover;}
.subbanner{width: 1200px; margin: 0 auto;}
.subbanner .btn{display: block; width: 124px; height: 44px; line-height: 42px; border: 1px solid #fff; text-align: center; color: #fff; font-size: 18px; margin-top: 32px;}
.subbanner .synopsis{width: 720px; padding-top: 100px; font-size: 16px; color: #fff;}
.subbanner .synopsis h2{height: 88px; line-height: 88px; font-size: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.subbanner .words{line-height: 30px; padding-top: 10px;}
.subbanner .words p{margin-top: 15px; text-indent: 2em;}

.module-title{position: relative; width: 1200px; height: 84px; line-height: 84px; margin: 0 auto;}
.module-title h2{font-size: 32px; color: #333; text-align: center;}

.zp-productbox{min-width: 1220px; margin:0 auto; padding: 44px 0 110px;  background: #fff;}
.zp-product{margin-top: 38px;}
.zp-product ul{margin-right: -30px; *zoom:1;}
.zp-product li{float: left; width: 285px; margin: 20px 20px 0 0;}
.zp-product li:hover{box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -webkit-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -moz-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -ms-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -o-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5);}
.zp-product .item{height: 325px; border: 1px solid #e5e5e5; padding: 20px; text-align: center; overflow: hidden;}
.zp-product li:hover .item{border: 1px solid #fff;}
.zp-product .zpp-ico{width: 200px; margin: 0 auto; height: 112px; border-bottom: 1px solid #e5e5e5;}
.zp-product .zpp-ico .ico{width: 92px; height: 92px;}
.zpp-info{margin-top: 20px; font-size: 14px; color: #999;}
.zpp-info h2{height: 36px; line-height: 36px; margin-bottom: 23px; font-size: 20px; color:#333;}
.zpp-info p{height: 60px; line-height: 30px; overflow: hidden;}
.zpp-foot{font-size: 14px; margin-top: 18px;}
.zpp-foot .btn{display: block; width: 150px; height: 35px; line-height: 35px; margin: 0 auto; border:1px solid #488bf4; color: #488bf4;}
.zpp-foot .btn:hover{background: #488bf4; color: #fff;}

.partnerbox{padding-top: 58px; background: #f8f8f9;}
.partner-wrap{position: relative; width: 1220px; margin: 53px auto 0; padding-bottom: 52px; overflow: hidden;}
.partner-list{}
.partner-list ul{overflow:hidden; zoom:1; width:610px; float:left; _display:inline;}
.partner-list li{float: left; width: 285px; margin: 10px; background: #fff; box-shadow: 0 0 4px 1px rgba(168,167,167,0.5); -webkit-box-shadow: 0 0 4px 1px rgba(168,167,167,0.5); -moz-box-shadow: 0 0 4px 1px rgba(168,167,167,0.5); -ms-box-shadow: 0 0 4px 1px rgba(168,167,167,0.5); -o-box-shadow: 0 0 4px 1px rgba(168,167,167,0.5);}
.partner-list li:hover{box-shadow: 0 0 4px 1px rgba(72,139,244,0.5); -webkit-box-shadow: 0 0 4px 1px rgba(72,139,244,0.5); -moz-box-shadow: 0 0 4px 1px rgba(72,139,244,0.5); -ms-box-shadow: 0 0 4px 1px rgba(72,139,244,0.5); -o-box-shadow: 0 0 4px 1px rgba(72,139,244,0.5);}
.partner-list .item{display: block; padding: 20px; height: 173px;}
.partner-ico{}
.partner-ico img{width: 245px; height: 120px;}
.partner-list h4{height: 34px; line-height: 34px; margin-top: 13px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.partner-spot{position: absolute; bottom: 0; left: 0; right: 0; font-size: 0; text-align: center;}
.partner-spot li{display:inline-block; width: 20px; height: 3px; background: #ddd; margin: 0 5px; *display: inline; *zoom:1; vertical-align: middle; cursor: pointer;}
.partner-spot li.on{background: #488bf4;}





.zpb-servicebox{min-width: 1220px; margin:0 auto; padding: 44px 0 140px;  background: #fff;}
.zpb-service{width:915px; margin: 38px auto 0;}
.zpb-service ul{margin-right: -30px; *zoom:1;}
.zpb-service li{float: left; width: 285px; margin: 20px 10px 0;}
.zpb-service li:hover{box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -webkit-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -moz-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -ms-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -o-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5);}
.zpb-service .item{height: 277px; border: 1px solid #e5e5e5; padding: 20px; text-align: center; overflow: hidden;}
.zpb-service li:hover .item{border: 1px solid #fff;}
.zpb-service .zpbs-title{width: 200px; margin: 0 auto; height: 82px; border-bottom: 1px solid #e5e5e5;}
.zpb-service .zpbs-title h2{height: 82px; line-height: 82px; font-size: 20px; color: #488bf4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zpbs-info{margin-top: 35px; font-size: 14px; color: #999;}
.zpbs-info h2{height: 36px; line-height: 36px; margin-bottom: 33px; font-size: 20px; color:#333;}
.zpbs-info p{height: 30px; line-height: 30px; overflow: hidden;}

.goodnessbox{min-width: 1220px; margin:0 auto; padding-top: 58px; background: #f8f8f9;}
.goodness-list{position: relative; width: 1220px; margin: 53px auto 0; text-align: center;}
.goodness-list ul{margin-right: -30px; *zoom:1;}
.goodness-list li{float: left; width: 590px; margin:20px 20px 0 0; background: #fff; /*box-shadow: 0 0 4px 1px rgba(168,167,167,0.5);*/}
.goodness-list li:hover{box-shadow: 0 0 4px 1px rgba(72,139,244,0.5); -webkit-box-shadow: 0 0 4px 1px rgba(72,139,244,0.5); -moz-box-shadow: 0 0 4px 1px rgba(72,139,244,0.5); -ms-box-shadow: 0 0 4px 1px rgba(72,139,244,0.5); -o-box-shadow: 0 0 4px 1px rgba(72,139,244,0.5);}
.goodness-list .item{padding: 35px 25px 40px;}
.goodness-list h2{height: 60px; line-height: 60px; font-size: 28px; color: #488bf4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.goodness-list h4{height: 30px; line-height: 30px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.enterbox{min-width: 1220px; margin:0 auto; text-align: center; margin-top: 115px;}
.enterbox .enter-btn{display: inline-block; width: 148px; height: 42px; line-height: 42px; color: #488bf4; border:1px solid #488bf4; font-size: 18px;}
.enterbox .enter-btn:hover{background: #488bf4; color: #fff;}

.synopsisbox{min-width: 1220px; margin:0 auto; height: 500px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.synopsis-wrap{width: 1200px; margin: 0 auto; color: #fff;}
.synopsis-wrap .synopsis{width: 720px; padding-top: 100px; font-size: 16px;}
.synopsis-wrap .synopsis h2{height: 88px; line-height: 88px; font-size: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.synopsis-wrap .words{line-height: 30px; padding-top: 10px;}
.synopsis-wrap .words p{margin-top: 15px; text-indent: 2em;}
.synopsis-foot{margin-top: 40px;}
.synopsis-foot .btn{display: block; width: 124px; height: 44px; line-height: 42px; border: 1px solid #fff; text-align: center; color: #fff; font-size: 18px; cursor: pointer;}
.synopsis-foot .btn:hover{text-decoration: underline;}



.product-descriptionbox{min-width: 1220px; margin: 0 auto; background: #fff; padding-top: 45px;}
.product-description{position: relative; width: 1200px; padding-bottom: 106px; margin: 0 auto;}
.product-list{margin-top: 15px;}
.product-photo{float: left; width: 600px;}
.product-photo img{width: 600px; height: 540px;}
.product-info{float: right; width: 425px; padding-top: 135px; font-size: 16px;} 
.product-info h2{line-height: 46px; font-size: 24px; color: #333;}
.product-info .wordsbox{margin-top: 20px; color: #666; line-height: 30px;}
.product-info .hint{color: #999; margin-top: 12px;}
.product-post{float: right; width: 550px; padding: 45px 30px 0 20px;}
.post-info{color: #333; font-size: 16px;}
.post-info h2{height: 40px; line-height: 40px; color: #488bf4; font-size: 20px; text-align: center;}
.post-info .words{margin-top: 40px;}
.post-info .words p{text-indent: 2em;}
.post-itembox{padding-top: 15px; margin-top: 25px; font-size: 14px; color: #999; border-top:1px solid #e5e5e5;}
.post-item .item{float: left; width: 50%; padding: 40px 0;}
.post-item .item a{display: block; height: 36px; line-height: 36px; color: #999;}
.post-item .item a *{vertical-align: middle;}
.post-item .ico{display: inline-block; width: 36px; height: 36px; margin-right: 8px; /*border:1px solid #000;*/}
.post-item .ico.i-customer{background: url(../images/ico_explain.png) center 0 no-repeat;}
.post-item .ico.i-control{background: url(../images/ico_explain.png) center -40px no-repeat;}
.post-item .ico.i-channel{background: url(../images/ico_explain.png) center -80px no-repeat;}
.post-item .ico.i-statistics{background: url(../images/ico_explain.png) center -120px no-repeat;}
.post-item .ico.i-real-time{background: url(../images/ico_explain.png) center -160px no-repeat;}
.post-item .ico.i-online{background: url(../images/ico_explain.png) center -200px no-repeat;}
.post-item .ico.i-tips{background: url(../images/ico_explain.png) center -240px no-repeat;}


.product-spot{/*position: absolute; bottom: 106px; left: 0; right: 0;*/ margin-top: 36px; font-size: 0; text-align: center;}
.product-spot li{display:inline-block; width: 20px; height: 3px; background: #ddd; margin: 0 5px; *display: inline; *zoom:1; vertical-align: middle; cursor: pointer;}
.product-spot li.on{background: #488bf4;}

.case-listbox{min-width: 1220px; margin: 0 auto; padding-top: 55px;}
.case-list{width: 1220px; margin: 0 auto; padding-top: 10px; text-align: center;}
.case-list ul{}
.case-list li{float: left; width: 50%; margin-top: 20px;}
.case-list li.li3{width: 100%;}
.case-list .item{margin: 0 10px; padding: 6px 40px; background: #fff; box-shadow: 0 0 4px 1px rgba(168,167,167,0.5); -webkit-box-shadow: 0 0 4px 1px rgba(168,167,167,0.5); -moz-box-shadow: 0 0 4px 1px rgba(168,167,167,0.5); -ms-box-shadow: 0 0 4px 1px rgba(168,167,167,0.5); -o-box-shadow: 0 0 4px 1px rgba(168,167,167,0.5);}
.case-head{border-bottom: 1px solid #e8e8e8;}
.case-head h2{position: relative; height: 52px; line-height: 52px; font-size: 16
	px; color: #333;}
.case-head h2 .i-line{position: absolute; top: 50px; left: 50%; margin-left: -12px; display: block; width: 24px; height: 3px; font-size: 0; border-radius: 1.5rem; background: #488bf4;}
.case-body{margin-top: 16px;}
.case-photo{height: 166px;}
.case-photo img{max-width:100%; max-height: 166px;}
.case-list li.li3 .case-photo{height: 87px;}
.case-list li.li3 .case-photo img{max-height: 65px;}
.case-info{padding: 5px 0; margin-top: 5px; font-size: 12px; color: #999; line-height: 22px;}
.case-info h3{height: 30px; line-height: 30px; font-size: 14px; color: #333;}


.product-servicebox{min-width: 1220px; margin: 0 auto; padding-top: 55px;}
.product-service{width: 1220px; margin: 0 auto; padding-top: 10px;}
.product-service li{float: left; width: 50%; margin-top: 20px;}
.product-service .item{background: #fff; margin: 0 10px; padding: 45px 50px;}
.product-service .item:hover{box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -webkit-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -moz-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -ms-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -o-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5);}
.pservice-head{}
.pservice-head h2{height: 40px; line-height: 40px; font-size: 22px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.pservice-head h2 *{vertical-align: middle;}
.pservice-head .ico{display: inline-block; width: 40px; height: 40px; margin-right: 15px;}
.pservice-head .ico.i-collect{background: url(../images/ico_product_service.png) center 0 no-repeat;}
.pservice-head .ico.i-push{background: url(../images/ico_product_service.png) center -40px no-repeat;}
.pservice-head .ico.i-marketing{background: url(../images/ico_product_service.png) center -80px no-repeat;}
.pservice-head .ico.i-excavate{background: url(../images/ico_product_service.png) center -120px no-repeat;}
.pservice-info{height: 60px; line-height: 30px; margin-top: 30px; font-size: 14px; color: #999; overflow: hidden;}

.cooperationbox{min-width: 1220px; margin: 145px auto -90px; padding: 60px 0 150px; background: #fff;}
.cooperation{width: 1200px; margin: 0 auto;}
.cooperat-time{color: #999; font-size: 14px; text-align: center;}
.cooperat-info{margin-top: 50px; font-size: 18px; color: #333; line-height: 36px;}

.zpl-explainbox{min-width: 1200px; margin: 0 auto; background: #fff;}
.zpl-explain-wrap{width: 1200px; margin: 0 auto;}
.zpl-explain-item{width: 528px; margin: 0 auto; font-size: 16px; text-align: center;}
.zpl-explain-item li{float: left; width: 33.33%;}
.zpl-explain-item li a{display: inline-block; height: 36px; line-height: 36px; padding-bottom: 4px; cursor: pointer;}
.zpl-explain-item li.on a{color: #488bf4; background: url(../images/line_blue.png) center bottom no-repeat;}
.zpl-explain{margin-top: 104px; font-size: 14px; color: #999; text-align: center;}
.zpl-explain .item{height: 604px;}
.explain-phone{float: left; width: 250px;}
.explain-phone .photo,.explain-pc .photo{margin-bottom: 25px;}
.explain-phone .photo img,.explain-pc .photo img{box-shadow: 0 0 16px 0 rgba(72,139,244,0.2); -webkit-box-shadow: 0 0 16px 0 rgba(72,139,244,0.2); -moz-box-shadow: 0 0 16px 0 rgba(72,139,244,0.2); -ms-box-shadow: 0 0 16px 0 rgba(72,139,244,0.2); -o-box-shadow: 0 0 16px 0 rgba(72,139,244,0.2);}
.explain-phone .photo img{width: 250px; height: 446px;}
.explain-pc{float: right; width: 822px;}
.explain-pc .photo{}
.explain-pc .photo img{max-height: 446px;}
.explain-phone h2,.explain-pc h2{height: 32px; line-height: 32px; font-size: 16px; color: #333;}

.dynatownbox{padding-top: 25px;}
.dynatown-list-wrap{position:relative; width: 1120px; padding: 0 40px; margin: 55px auto 0;}
.dynatown-list-wrap .prev,.dynatown-list-wrap .next{position: absolute; top: 50%; margin-top: -10px; display: block; width: 20px; height: 20px; cursor: pointer;}
.dynatown-list-wrap .prev{left: 0; background: url(../images/btn_dynatown.png) center top no-repeat;}
.dynatown-list-wrap .next{right: 0; background: url(../images/btn_dynatown.png) center -20px no-repeat;}
.dynatown-list{height: 240px; overflow: hidden;}
.dynatown-list li{float:left; width: 184px; background: #fff; margin: 0 48px;}
.dynatown-list .item{padding: 25px 10px 22px; text-align: center;}
.dynatown-list .avatar{display: block; width: 93px; height: 93px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.dynatown-list .avatar img{width: 93px; height: 93px;}
.dynatown-list h2{height: 36px; line-height: 36px; margin-top: 14px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynatown-list .btnbox{margin-top: 20px;}
.dynatown-list .online{display: block; width: 112px; height: 30px; margin: 0 auto; background: url(../images/btn_online.png) center no-repeat;}

.app-downloadbox{min-width: 1200px; margin: 55px auto -90px; padding-top: 175px;}
.app-downloadbg{background: #fff; height: 545px;}
.app-download{position: relative; width: 825px; margin:0 auto; padding-left: 375px;}
.app-download .phonebg{position: absolute; top: -175px; left: 0; width:303px; }

.app-slogan{float: left; width: 380px; padding-top: 190px;}
.app-slogan h2{height: 52px; line-height: 52px; font-size: 32px; color: #333;}
.app-slogan h3{height: 52px; line-height: 52px; font-size: 18px; color: #999;}
.app-code{float: right; width: 430px; padding-top: 150px;}
.app-code li{float:left; margin-left:50px; width: 165px;}
.app-code .code{ width: 165px; height: 165px;}
.app-code .code img{ width: 165px; height: 165px;}
.app-code .btn{display: block; width: 144px; height: 36px; margin: 10px auto 0; cursor: pointer;}
.app-code .btn.btn-iphone{background: url(../images/btn_download.png) center 0 no-repeat;}
.app-code .btn.btn-android{background: url(../images/btn_download.png) center -40px no-repeat;}

.advantagebox{min-width: 1220px; margin: 0 auto; padding-top: 45px; background: #fff;}
.advantage-list{width: 1200px; height: 300px; margin: 75px auto 0; text-align: center; font-size: 16px; color: #333;}
.advantage-list ul{margin-right: -200px; *zoom:1;}
.advantage-list li{float: left; width: 162px; /*margin: 0 92px;*/margin-right: 184px; _display: inline; *zoom:1;}
.advantage-list .ico{display: block; width: 102px; height: 102px; margin: 0 auto 20px;}
.advantage-list .ico.i-fast{background: url(../images/ico_open.png) center 0 no-repeat;}
.advantage-list .ico.i-convenient{background: url(../images/ico_open.png) center -102px no-repeat;}
.advantage-list .ico.i-save{background: url(../images/ico_open.png) center -204px no-repeat;}
.advantage-list .ico.i-flexible{background: url(../images/ico_open.png) center -306px no-repeat;}
.advantage-list p{height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.exhibitionbox{min-width: 1200px; margin:0 auto; padding-top: 50px;}
.exhibition{width: 1200px; margin: -10px auto 0;}
.exhibition h3{color: #999; font-size: 16px; text-align: center;}
.exhibition-flowbox{position: relative; margin-top: 70px;}
.exhibition-flowbox .line{position: absolute; top: 0; left: 130px; right: 130px; height: 29px; border-bottom:1px solid #488bf4; z-index: 1;}
.exhibition-flow{position: relative; width: 1025px; margin: 0 auto; color: #488bf4; font-size: 16px; z-index: 2;}
.exhibition-flow li{float: left; width: 315px;}
.exhibition-flow li.li4{width: 80px;}
.exhibition-flow .item{text-align: center; width: 80px; background: #f8f8f9;}
.exhibition-flow .number{display: block; width: 54px; height: 54px; line-height: 54px; margin: 0 auto; border-radius: 50%; border:1px solid #488bf4; font-size: 24px;}
.exhibition-flow p{height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px;}

.exhibition-photo{margin-top: 20px;}
.exhibition-photo ul{margin-right: -70px; *zoom:1;}
.exhibition-photo li{float: left; width: 255px; margin-right:60px; *display:inline; *zoom:1; box-shadow: 0 0 10px 0 rgba(160,160,161,0.5); -webkit-box-shadow: 0 0 10px 0 rgba(160,160,161,0.5); -moz-box-shadow: 0 0 10px 0 rgba(160,160,161,0.5); -ms-box-shadow: 0 0 10px 0 rgba(160,160,161,0.5); -o-box-shadow: 0 0 10px 0 rgba(160,160,161,0.5);}
.exhibition-photo li img{width: 255px; height: 450px;}


.success-casebox{min-width: 1230px; height: 475px; margin: 105px auto -90px; padding-top: 30px; background: #fff;}
.success-case-wrap{position:relative; width: 1230px; margin: 75px auto 0;}
.success-case-wrap .prev,.success-case-wrap .next{position: absolute; top: 50%; margin-top: -10px; display: block; width: 20px; height: 20px; cursor: pointer;}
.success-case-wrap .prev{left: 15px; background: url(../images/btn_dynatown.png) center top no-repeat;}
.success-case-wrap .next{right: 15px; background: url(../images/btn_dynatown.png) center -20px no-repeat;}
.success-case{height: 220px; overflow: hidden; text-align: center;}
.success-case li{float:left; width: 260px; margin: 0 75px;}
.success-case .img img{width: 260px; height: 162px;}
.success-case h2{height: 38px; line-height: 38px; margin-top: 20px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.fix-consultbox{width: 250px; padding: 35px 16px 16px; font-size: 14px;}
.consult-tel{padding-left: 74px; background: url(../images/ico_custom_service.png) 
	center left no-repeat;}
.consult-tel p{height: 26px; line-height: 26px; overflow: hidden;}
.consult-tel h2{height: 38px; line-height: 38px; font-size: 26px; color: #333; overflow: hidden;}
.consult-code{margin-top: 25px; text-align: center; color: #999;}
.consult-code .qr-code{width: 100px; height: 100px; margin: 0 auto 10px;}
.consult-code .qr-code img{width: 100px; height: 100px;}

/*20181102*/
.zollin-servebox{min-width: 1220px; padding-top: 58px; margin: 0 auto;}
.zollin-serve{width: 1220px; padding-top: 75px; margin: 0 auto;}
.zollin-serve li{float: left; width: 285px; margin: 20px 10px 0; background: #fff;}
.zollin-serve li:hover{box-shadow: 0 0 10px 0 rgba(136,135,135,0.2); -webkit-box-shadow: 0 0 10px 0 rgba(136,135,135,0.2); -moz-box-shadow: 0 0 10px 0 rgba(136,135,135,0.2); -ms-box-shadow: 0 0 10px 0 rgba(136,135,135,0.2); -o-box-shadow: 0 0 10px 0 rgba(136,135,135,0.2);}
.zollin-serve .item{padding: 0 42px; text-align: center;}
.zoserve-ico{padding: 15px 0; border-bottom: 1px solid #e5e5e5;}
.zoserve-ico img{width: 200px; height: 100px;}
.zoserve-info{margin-top: 70px; height: 162px; font-size: 20px; color: #333; overflow: hidden;}
.zoserve-info p{line-height: 30px;}

.zollin-solutionbox{min-width: 1220px; padding-top: 78px; margin: 0 auto;}
.zollin-solution{width: 1200px; padding-top: 48px; margin: 0 auto;}
.solution-info{float: left; width: 147px; height: 463px; background: url(../images/solution_infobg.png); font-size: 18px; color: #fff; text-align: center;}
.solution-info li{padding: 10px;}
.solution-info li.li2{margin-top: 100px;}
.solution-info li.li3{margin-top: 126px;}
.solution-info p{height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.solution-item {float: right; width: 982px; text-align: center;}
.solution-item p{height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.subsolution1{}
.subsolution1 ul{margin-right: -30px; *zoom:1;}
.subsolution1 li{float: left; margin-right: 20px;}
.subsolution1 .img,.subsolution1 .img img{width: 123px; height: 92px;}
.subsolution2{margin-top: 18px;}
.subsolution2 ul{margin-right: -30px; *zoom:1;}
.subsolution2 li{float: left; margin-right: 20px;}
.subsolution2 .img,.subsolution2 .img img{width: 180px; height: 135px;}
.subsolution3{margin-top: 28px;}
.subsolution3 ul{margin-right: -30px; *zoom:1;}
.subsolution3 li{float: left; margin-right: 20px;}
.subsolution3 .img,.subsolution3 .img img{width: 147px; height: 110px;}

.successful-casebox{min-width: 1220px; margin:160px auto 0;}
.successful-case{width: 1200px; height: 470px; margin:108px auto 0;}
.suc-case-hint{font-size: 18px; color: #999; margin-top: 50px; line-height: 38px; text-align: center;}



.goodsbox { padding: 55px 0; }
.goods-list { width: 1194px; margin: 38px auto 0; text-align: center; }
.subgoods { display: inline-block; width: 285px; _width: 285px; max-width: 285px; margin: 20px 10px 0; text-align: center; }
    .subgoods .item { /*height: 350px;*/ padding: 20px 10px; text-align: center; background: #fff; box-shadow: 0 0 10px 1px rgba(229,229,229,0.5); -webkit-box-shadow: 0 0 10px 1px rgba(229,229,229,0.5); -moz-box-shadow: 0 0 10px 1px rgba(229,229,229,0.5); -ms-box-shadow: 0 0 10px 1px rgba(229,229,229,0.5); -o-box-shadow: 0 0 10px 1px rgba(229,229,229,0.5); }
        .subgoods .item:hover { box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -webkit-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -moz-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -ms-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); -o-box-shadow: 0 0 10px 1px rgba(72,139,244,0.5); }
.goods-title { /*width: 200px;*/ min-width: 200px; margin: 0 auto; height: 82px; border-bottom: 1px solid #e5e5e5; }
    .goods-title h2 { height: 82px; line-height: 82px; font-size: 20px; font-weight: 600; color: #394043; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.subgoods .wordsbox { /*height: 96px;*/ margin-top: 22px; overflow: hidden; }
    .subgoods .wordsbox p { /*height: 32px;*/ line-height: 32px; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ }
.goods-price { /*height: 50px; line-height: 50px;*/line-height:32px; margin-top: 20px; color: #e93b3d; }
    .goods-price .money { font-size: 30px; }
.goods-btnbox { margin-top: 24px; }
.goods-btn { display: block; width: 136px; height: 40px; line-height: 40px; margin: 0 auto; border-radius: 2px; background: #488bf4; color: #fff;cursor:pointer; }
    .goods-btn:hover { text-decoration: underline; }

.bg000 { height: 60px; background: #000; }
.goods-detailsbox { }
.goods-details { width: 1200px; margin: 0 auto; }
.goods-main { float: left; width: 837px; }
.set-explainbox { margin-top: 40px; }
    .set-explainbox .title { height: 36px; line-height: 36px; padding-left: 18px; }
        .set-explainbox .title h2 { font-size: 20px; font-weight: 600; }
        .set-explainbox .title .line { display: inline-block; width: 3px; height: 15px; border-radius: 1.5px; background: #488bf4; margin-right: 8px; }
.set-explain { padding: 15px 0 20px; font-size: 14px; }
    .set-explain dl { position: relative; padding-left: 175px; min-height: 40px; line-height: 40px; _height: 40px; margin-top: 5px; }
    .set-explain dt { position: absolute; top: 0; left: 0; width: 185px; text-align: right; color: #9c9fa1; }
    .set-explain dd { }
.packagebox { font-size: 12px; }
    .packagebox li { float: left; margin: 5px 15px; cursor: pointer; }
    .packagebox .item { display: inline-block;min-width:60px;padding:0 7px; /*min-width: 74px;*/ _width: 74px; height: 28px; line-height: 28px; text-align: center; color: #394043; border: 1px solid #e8e8e8; border-radius: 2px; }
    .packagebox li.on .item { color: #488bf4; border: 1px solid #488bf4; background: url(../images/ico_play.png) right -90px no-repeat; }
.set-mealbox { margin-top: 20px; padding: 0 20px; background: #fff; }
    .set-mealbox .title { position: relative; height: 50px; line-height: 50px; border-bottom: 1px solid #e8e8e8; }
        .set-mealbox .title h2 { font-size: 16px; font-weight: 600; }
.set-meal { font-size: 14px; padding: 10px 0 30px; }
    .set-meal dl { position: relative; padding-left: 80px; min-height: 30px; _height: 30px; line-height: 30px; margin-top: 14px; }
    .set-meal dt { position: absolute; top: 0; left: 0; width: 75px; text-align: right; color: #9c9fa1; }
    .set-meal dd { line-height: 30px; }
.set-sidebox { float: right; width: 343px; padding-top: 100px; }
.set-side { padding: 0 20px; background: #fff; }
.set-explain { background: #fff; margin-top: 22px; }
.set-side { }
    .set-side .title { height: 50px; line-height: 50px; border-bottom: 1px solid #e8e8e8; }
        .set-side .title h2 { font-size: 16px; font-weight: 600; }
.cost-info { padding: 10px 0; }
    .cost-info dl { position: relative; padding-left: 80px; min-height: 32px; _height: 32px; line-height: 32px; }
        .cost-info dl.last { margin-top: 10px; }
    .cost-info dt { position: absolute; top: 0; left: 0; text-align: right; width: 75px; color: #9c9fa1; }
    .cost-info dd { }
    .cost-info .money { color: #488bf4; font-size: 24px; }
    .cost-info .price { font-size: 30px; }
.set-side-btnbox { margin-top: 10px; }
.set-side-btn { display: block; width: 100%; height: 46px; line-height: 46px; text-align: center; background: #488bf4; color: #fff; font-size: 14px; cursor: pointer; }
    .set-side-btn:hover { text-decoration: underline; }
.ord-confirmbox { background: #fff; margin-bottom: -90px; }
.ord-confirm { width: 1200px; margin: 0 auto; padding-top: 50px; }
    .ord-confirm .title { position: relative; height: 40px; line-height: 40px; }
        .ord-confirm .title h2 { font-size: 20px; font-weight: 600; color: #000; }
        .ord-confirm .title .line { display: inline-block; width: 3px; height: 15px; border-radius: 1.5px; background: #488bf4; margin-right: 8px; }
        .ord-confirm .title .hint { position: absolute; top: 0; right: 0; font-size: 12px; color: #9c9fa1; }
        .ord-confirm .title .remaining-time { color: #e93b3d; margin-left: 10px; }
.oc-tablebox { border: 1px solid #e8e8e8; margin-top: 15px; }
.oc-table { width: 100%; text-align: center; line-height: 26px; }
    .oc-table thead { background: #f8f8f9; }
    .oc-table th { padding: 7px 20px; }
    .oc-table td { padding: 7px 20px; border-top: 1px solid #e8e8e8; }
    .oc-table .money { color: #488bf4; font-size: 24px; }
    .oc-table .unit { font-size: 16px; }
.oc-playbox { position: relative; margin-top: 15px; padding: 45px 0; border-top: 1px solid #e8e8e8; }
    .oc-playbox .play-btn { position: absolute; top: 45px; right: 0; display: block; width: 145px; height: 48px; line-height: 48px; background: #488bf4; color: #fff; cursor: pointer; text-align: center; border-radius: 2px; font-size: 16px; }
        .oc-playbox .play-btn:hover { text-decoration: underline; }
.oc-play { font-size: 16px; }
    .oc-play li { float: left; margin-right: 45px; cursor: pointer; }
    .oc-play .item { position: relative; display: block; width: 143px; height: 46px; line-height: 46px; border-radius: 2px; border: 1px solid #e8e8e8; text-align: center; }
        .oc-play .item * { vertical-align: middle; }
    .oc-play li.on .item { border: 1px solid #488bf4; }
    .oc-play .i-right { position: absolute; bottom: 0; right: -1px; display: block; width: 26px; height: 20px; background: url(../images/ico_play.png) right -68px no-repeat; display: none; }
    .oc-play li.on .i-right { display: block; }
    .oc-play .ico { display: inline-block; width: 30px; height: 30px; margin-right: 12px; }
        .oc-play .ico.wx { background: url(../images/ico_play.png) center 0 no-repeat; }
        .oc-play .ico.ali { background: url(../images/ico_play.png) center -30px no-repeat; }
.play-hint { font-size: 16px; line-height: 30px; padding: 200px 20px; text-align: center; background: #fff; }
    .play-hint .ico { display: block; width: 100px; height: 100px; margin: 0 auto 10px; }
        .play-hint .ico.success { background: url(../images/ico_hint.png) center 0 no-repeat; }
        .play-hint .ico.success-vip { background: url(../images/successvip.png) center 0 no-repeat; }
        .play-hint .ico.fail { background: url(../images/ico_hint.png) center -100px no-repeat; }
.ph-foot { margin-top: 35px; }
    .ph-foot .btn { display: block; width: 116px; height: 40px; line-height: 40px; margin: 0 auto; background: #488bf4; color: #fff; border-radius: 2px; cursor: pointer; }
.old_price { text-decoration: line-through; color: #9c9fa1; padding: 0 10px; }


.reference-point { position: relative; display: inline-block; padding-top: 20px; }
    .reference-point .discount { position: absolute; top: -5px; right: -34px; line-height: 24px; height: 30px; background: url(../images/ico_discount.png) center bottom no-repeat; }
    .reference-point span.discount em { background: #ff9938; padding: 0px 6px; border-radius: 2px; color: #fff; text-align: center; display: inline-block; }
.goods-title { position: relative; }
    .goods-title .tag-hot { display: block; width: 46px; height: 46px; position: absolute; top: 0; right: 0; background: url(../images/ico_goods_hot.png) center no-repeat; }
    .goods-title .tag-recommend { position: absolute; top: -20px; left: 0; display: block; width: 35px; height: 48px; background: url(../images/ico_recommend.png) center top no-repeat; }

#txt_begindate { width: 180px; text-align: center; margin-left: 15px; line-height: 30px; border: 1px solid #488bf4; color: #488bf4; border-radius: 3px; }

/*0530*/
.min-synopsisbox .synopsis-wrap .synopsis { padding-top: 90px; color: #ccc; }
    .min-synopsisbox .synopsis-wrap .synopsis h2 { color: #edc37d; }
.synopsis-wrap .words p { margin-top: 0; text-indent: 0; }
.vip-privilegebox { }
.vip-privilege { width: 1200px; margin: 0 auto; /* background: #fff;*/ }
.vip-menubox { float: left; width: 178px; background: #fff; }
    .vip-menubox h2 { height: 64px; line-height: 64px; text-align: center; border-bottom: 1px dashed #e8e8e8; font-size: 20px; font-weight: 600; color: #000; }
.vip-menu { text-align: center; font-size: 14px; margin-top: 10px; }
    .vip-menu li { }
    .vip-menu .menu { display: block; height: 40px; line-height: 40px; background: #fff; color: #6b7072; }
    .vip-menu li.on .menu { border-left: 2px solid #edc37d; background: #fbf4e7; color: #394043; }
    .vip-menu .menu:hover { background: #fbf4e7; color: #394043; text-decoration: underline; }

.privilegebox { float: right; width: 991px; padding: 25px 15px; background: #fff; }
.privi-head { position: relative; height: 60px; line-height: 60px; padding-bottom: 25px; border-bottom: 1px solid #e8e8e8; }
    .privi-head .buy { position: absolute;cursor:pointer; top: 0; right: 0; width: 150px; height: 60px; line-height: 60px; border-radius: 4px; font-size: 24px; color: #401616; text-align: center; background: #e1c892; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#e8d6ac),color-stop(80%,#dbbd7d)); background: -webkit-linear-gradient(left,#e8d6ac 20%,#dbbd7d 80%); background: linear-gradient(to right,#e8d6ac 20%,#dbbd7d 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8d6ac', endColorstr='#dbbd7d', GradientType=1); }
    .privi-head h2 { font-size: 24px; }
        .privi-head h2 * { vertical-align: middle; }
        .privi-head h2 .ico { display: inline-block; width: 50px; height: 50px; margin-right: 10px; padding: 8px; }
            .privi-head h2 .ico.i-gfbt { background: url(../images/js_01.png) 0 center no-repeat; }
            .privi-head h2 .ico.i-gfhb { background: url(../images/js_02.png) 0 center no-repeat; }
            .privi-head h2 .ico.i-lszx { background: url(../images/js_03.png) 0 center no-repeat; }
            .privi-head h2 .ico.i-jfhl { background: url(../images/js_04.png) 0 center no-repeat; }
            .privi-head h2 .ico.i-ydyzx { background: url(../images/js_05.png) 0 center no-repeat; }
            .privi-head h2 .ico.i-hyhd { background: url(../images/js_06.png) 0 center no-repeat; }
            .privi-head h2 .ico.i-lsdt { background: url(../images/js_07.png) 0 center no-repeat; }
            .privi-head h2 .ico.i-vipkft { background: url(../images/js_08.png) 0 center no-repeat; }
.privi-body { margin-top: 25px; padding: 0 25px; color: #9c9fa1; font-size: 16px; line-height: 1.7; }
    .privi-body p + p { margin-top: 5px; }



.product-videobox { min-width: 1220px; margin: 0 auto; background: #fff; padding-top: 45px; }
.product-video { margin-top: 90px; }
.video-main { }
.video-win { width: 880px; height: 496px; margin: 0 auto; background: #f8f8f9; }
.video-hint { margin-top: 46px; text-align: center; font-size: 14px; color: #999; line-height: 30px; padding-bottom: 60px; }
    .video-hint h3 { line-height: 34px; font-size: 16px; color: #333; }

.illustrate-listbox { min-width: 1220px; margin: 0 auto; background: #fff; }
.illustrate-wrap { width: 1200px; height: 860px; margin: 0 auto; overflow: hidden; }
.illustrate-list { padding: 90px 0 160px; }
    .illustrate-list li { float: left; width: 33.33%; }
    .illustrate-list .term { padding-top: 85px; width: 312px; height: 314px; margin: 0 auto; }
    .illustrate-list li.swiper-slide-next .term { width: 264px; height: 534px; padding: 46px 24px 0; background: url(../images/phomebg.png) center top no-repeat; }
.ill-img { width: 220px; height: 393px; margin: 0 auto; opacity: 0.5; filter: alpha(opacity=50); }
.illustrate-list li.swiper-slide-next .ill-img { opacity: 1; filter: alpha(opacity=0); }
.ill-img img { width: 220px; height: 393px; }
li.swiper-slide-next .ill-img, li.swiper-slide-next .ill-img img { width: 264px; height: 467px; }

.ill-info { margin-top: 85px; text-align: center; display: none; }
.illustrate-list li.swiper-slide-next .ill-info { display: block; }
.ill-info h3 { height: 36px; line-height: 36px; font-size: 16px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ill-info p { line-height: 32px; font-size: 14px; color: #999; }

.module-subtitle { position: relative; width: 1200px; margin: 0 auto; }
    .module-subtitle h2 { height: 70px; line-height: 70px; font-size: 32px; color: #333; text-align: center; }
    .module-subtitle h3 { height: 40px; line-height: 40px; font-size: 14px; color: #999; text-align: center; }
.card-servebox { min-width: 1220px; margin: 0 auto; background: #f8f8f9; padding-top: 75px; }
.card-serve { width: 1220px; margin: 0 auto; padding: 60px 0 108px; }
    .card-serve ul { }
    .card-serve li { float: left; width: 224px; margin: 0 10px; }
        .card-serve li:hover { box-shadow: 0 1px 10px 0 rgba(14,125,253,0.5); -webkit-box-shadow: 0 1px 10px 0 rgba(14,125,253,0.5); -moz-box-shadow: 0 1px 10px 0 rgba(14,125,253,0.5); -ms-box-shadow: 0 1px 10px 0 rgba(14,125,253,0.5); }
    .card-serve .item { height: 302px; padding: 20px 20px 0; background: #fff; }
.card-head { padding: 25px 0 35px; border-bottom: 1px solid #e8e8e8; }
    .card-head .ico { display: block; width: 54px; height: 54px; margin: 0 auto; }
        .card-head .ico.ico1 { background: url(../images/ico_card1.png) center no-repeat; }
        .card-head .ico.ico2 { background: url(../images/ico_card2.png) center no-repeat; }
        .card-head .ico.ico3 { background: url(../images/ico_card3.png) center no-repeat; }
        .card-head .ico.ico4 { background: url(../images/ico_card4.png) center no-repeat; }
        .card-head .ico.ico5 { background: url(../images/ico_card5.png) center no-repeat; }
.card-body { margin-top: 20px; text-align: center; }
    .card-body h2 { height: 36px; line-height: 36px; font-size: 22px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.card-info { font-size: 14px; color: #999; padding-top: 7px; }
    .card-info p { line-height: 26px; margin-top: 5px; }
.retail-flowbox { min-width: 1220px; margin: 0 auto; background: #fff; padding-top: 75px; }
.retail-flow { width: 1200px; margin: 0 auto; text-align: center; padding-bottom: 100px; }
.experiencebox { min-width: 1220px; margin: 0 auto; background: #f8f8f9; padding-top: 75px; }
.experience-term { width: 950px; margin: 0 auto; padding: 70px 0 30px; }
    .experience-term li { float: left; width: 50%; }
    .experience-term .term { width: 245px; padding: 15px 25px 0; height: 395px; background: #fff; margin: 0 auto; }
.exper-head { padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; }
    .exper-head img { width: 245px; height: 245px; }
.exper-body { margin-top: 26px; text-align: center; }
    .exper-body h2 { height: 40px; line-height: 40px; font-size: 20px; color: #394043; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .exper-body h3 { height: 40px; line-height: 40px; font-size: 14px; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; }

.illustrate-wrap { position: relative; }
    .illustrate-wrap .prev, .illustrate-wrap .next { position: absolute; top: 50%; margin-top: -19px; display: block; width: 30px; height: 58px; cursor: pointer; z-index: 10; }
    .illustrate-wrap .prev { left: 0; background: url(../images/jhicon1.png) center no-repeat !important; }
    .illustrate-wrap .next { right: 0; background: url(../images/jhicon2.png) center no-repeat !important; }