body, ul, li, a, table, tr, td, input{ margin: 0; padding: 0;}
a{ text-decoration: none;}
body{ background: #fff;}
ul{ list-style: none;}
.clearfix:after { content:"\200B";display:block;height:0;clear:both; } 
.clearfix {zoom:1;}



/*二维码内容*/
.ewm-title{ width: 100%; height: 60px; text-align: center;}
#ewm{ width: 1010px; margin: 22px auto;}
#ewm li{ display: block; float: left; padding: 2px 16px; margin: 0 16px; line-height: 24px; color: #666;  cursor: pointer;}
.ewm-content{ width: 1010px; margin: 0 auto;}
#ewm-content{ height: 312px;width: 100%;}
#ewm-content li.ewm-li{ display: none;}
.wenbenwarp{ width: 66.666666%; float: left; padding: 0 12px;}
.wenbenbox{ width: 100%; height: 308px;  background: #fff;}
.main_text{width: 100%;outline: 0;height: 288px;resize: none;font-size: 14px;padding: 10px;}
textarea{ border: none;}
.ewm-submit{ width: 65%; margin: 35px 0;}
.ewm-btn{ padding: 5px 10px; float: right; border-radius: 5px; margin-left: 15px;}
.ewm-submit .blue{ background-color: #195eac; color: #FFFFFF;}
.ewm-submit .white{ border: 1px solid #dee0e3; color: #666666; background-color: #FFFFFF;}
.ewm-download{ color: #666666; font-size: 12px;}
.text-down{ display: block; float: left; margin-top: 5px;}
.ewm-right{ padding: 0; width: 28.333333%; float: right;}
.qrbox{width: 290px; height: 312px;}
.qrcode{border-radius: 3px; width: 280px; height: 290px; margin: 0 auto;}
.b-s{ border: 1px solid #dee0e3;}
.qrtishi-wrap{width: 280px; position: relative; height: 290px; padding: 10px 0;margin-bottom: 2px; background-color: #FFFFFF; vertical-align: middle; text-align: center;}
.qrtishi{ height: 50px; position: absolute; top: 38%; left: 28%; font-size: 18px; color: #666; line-height: 30px; vertical-align: middle;}
.ewm-style{ height: 144px; width: 282px; margin: 0 0 15px 0; }
.ewm-style-title{ height: 39px; border-bottom: 1px solid #cccccc;}
.ewm-style-title li{ float: left; padding: 10px 20px; font-size: 12px; color: #666666; cursor: pointer;}
.tab_css{ display: none;}
.table-warp{ width: 97%; height: 268px; outline: 0; padding: 30px 10px 10px;}
.table-style{ padding: 10px 10px 10px 0;}
.input-title{ font-size: 12px; color: #727272; padding: 10px 0 10px 30px;text-align: right; line-height: 28px;}
.table-style input{ padding: 2px 2px; border: 1px solid #DCDCDC;}
.url-warp{ width: 97%; height: 268px; outline: 0; padding: 10px; font-size: 14px;}
/*二维码-多媒体*/
.lianjie{ height: 50px;}
.lj-btn{ width: 106px; height: 50px; float: left; margin-right: 10px;}
.lianjie-btn{ border: 1px solid #dedede; background-color: #FFFFFF; margin-top: 8px; display: block; border-radius: 5px; padding: 8px 20px; color: #a9a9a9;}
.lianjie-tip, .mp3-tip{ float: left; color: #ff5253; font-size: 12px; line-height: 18px; margin-top: 8px;}
.mp3-tip{ line-height: 36px;}
.duomeitibox{ width: 100%; height: 212px;  background: #fff;}
.duomeiti_text{width: 97%;outline: 0;height: 192px;resize: none;font-size: 14px;padding: 10px;}
/*微信*/
.weixin-picture{ background-color: #195eac; margin-top: 10px; display: block; padding: 8px 17px; color: #FFFFFF; font-size: 12px;}
.weixin-tip{ font-size: 12px; color: #999; margin-top: 15px;}
.weixin-url{ color: #f00;}
.weibo{ margin-top: 15px;}
.weibo input{ padding: 8px 2px; border: 1px solid #dcdcdc;}
.jiben1 label, .jiben2 label{ color: #666; font-size: 12px}
.yanse1{ margin: 10px 0 15px;}
.yanse1 label, .qianjing, .beijing, .touming{ float: left; font-size: 12px; color: #666; line-height: 24px;		}
.qianjing{ width: 24px; height: 24px; background-color: #000; margin: 0 15px 0 5px;}
.beijing{ width: 24px; height: 24px; background-color: #fff; margin: 0 15px 0 5px; border: 1px solid #ccc;}
.touming{ width: 15px; height: 15px; background-color: #fff; border: 1px solid #ccc; margin: 5px 8px; border-radius: 100%;}
.yanse2{ font-size: 12px; color: #666;}
.yanse2 a{ color: #999; text-decoration: underline;}
.yanse2 a:hover{ text-decoration: underline !important;}
.shangbiao{ margin: 20px auto;}
.shangbiao1, .shangbiao2{ font-size: 12px; color: #666; border: 1px solid #ccc; margin: 0 0 12px 14px; padding: 5px 28px;}
.meihuaqi{ margin: 15px 10px; padding: 5px; border: 1px solid #ccc; background-color: #fff;}
.meihuaqi1{ font-size: 15px; color: #666; text-align: center;}
.meihuaqi2{ font-size: 11px; color: #999; text-align: center;}

/*通知*/
.notice-warp{ width: 100%; height: 74px; padding: 22px 0; background-color: #FFFFFF;}
.notice{ width: 1008px; height: 30px; border: 1px solid #e5e5e5; margin: 0 auto; padding: 0 10px;}
.notice1, .notice2, .notice3{ display: block; width: 33.3333%; float: left; line-height: 30px; color: #666; font-size: 12px;}
.notice-time{  color: #999; margin-left: 70px;}
/*关于我们*/
.about-main{ width: 1010px; margin: 0 auto;}
.about-title-warp{ width: 100%;margin: 82px auto 0;}
.title-line{ background-color: #c8c8c8; width: 100%; height: 1px; margin-top: 50px;}
.about-title{ position: fixed; left: 1%; top:35%; z-index: 111; width: 146px; margin: -12px auto 0;}
.ab-line{ width: 1px; float: left;background-color: #0f0; }



.about-title-btn{ padding: 4px 2px; display: block; width: 106px; background-color: #fff; text-align: center; border: 1px solid #c8c8c8; border-radius: 8px; color: #2b2b2b ; margin: 15px auto;}
.about-title-btn:hover{ background-color: #195eab; border: 1px solid #195eab; color: #fff; }
.ab-active{display: block; padding: 4px 2px; border: 1px solid #195eab; background-color: #195eab; width: 106px; text-align: center; color: #fff ; border-radius: 8px; margin: 15px auto;}
.ab-active:hover{ color: #fff;}



.about-li{ display: none;}
.about-us { display: block; padding: 90px 0 0;}
.about-content1, .about-content2, .about-content3, .about-content4{ width: 100%; margin: 28px auto;}
.about1-img{ width: 44%; float: left; margin-top: 60px;}
.about1-img img{ width: 100%;}
.about1-text{ width: 53%; float: right; margin-top: 15px;}
.about1-title{ color: #1a1a1a; font-size: 18px;}
.long-string{ background-color: #195eac; width: 5px; height: 18px; display: block; margin: 3px 5px; float: left;}
.s-title{ font-size: 14px; }  
.a-text, .c-text{ font-size: 12px; color: #5d5d5d; line-height: 26px; margin: 50px 0 0;}
.about2-text{ width: 75%; float: left;}
.about2-img{ width: 40%; float: right; margin-left: -15%; margin-top: 50px;}
.about2-img img{ width: 100%;}
.b-text{ width: 100%; background-color: rgba(243,243,243,0.8);margin: 70px 0 0; padding: 40px 30px 30px; font-size: 12px; color: #5d5d5d; line-height: 26px;}
.about3-img{ width: 100%; margin: 30px auto 10px;}
.about3-img ul li{ display: block; width: 25%;  float: left; padding: 0 1%; text-align: center;}
.about3-img ul li img{ width: 100%; margin-bottom: 5px;}
.img-tip{ color: #535353; font-size: 12px;}
.about4-text{ margin: 15px 0}
.about4-img{ width: 40%; float: left;}
.d-text{ width: 77%; background-color: rgba(25,94,172,0.8);margin: 85px 0 0 -17%;; padding: 40px 50px 30px; font-size: 12px; color: #fff; float: right;position: relative;z-index: 99; }
.d-warp{ width: 100%; margin: 0 auto;}
.d-left{ width: 20px; margin-right: 20px; float: left;}
.quan{ width: 16px; height: 16px; border: 3px solid #fff; border-radius: 100%;}
.d-right{ float: left;}
.d-title{ font-size: 16px; margin-bottom: 8px;}
.d-add{ font-size: 12px;line-height: 20px;}
/*通讯营销*/
.message-warp{ max-width: 1050px; margin: 0 auto; }
.message-title{ text-align: center; font-size: 36px; color: #333; margin: 50px auto 10px;}
.s-title{ font-size: 14px; text-align: center; color: #999;}
.message-list{ width: 100%; margin: 50px auto 0;}
.message-list-li1{ display: block; float: left; width: 40%;}
.message-list-left, .message-list-right{ padding: 0 20px 20px 0; overflow: hidden;}
.message-list-left{ width: 273px; height: 550px; overflow: hidden; background: url(../images/2.0/yybg.png) no-repeat; background-size: 100% 100%; }
/*.message-list-left img{ width: 100%;}*/
.message-list-content{ position: relative; top: 67px; left: 21px; width: 230px; height: 409px; overflow: hidden;}
.message-list-content li{ float: left;}
.message-list-content li img{ width: 100%;}
.message-list-li2{ display: block; float: right; width: 60%;}
.message-list-a{ display: block; width: 21%; margin: 20px 20px 0 0; border-radius: 5px; float: left; padding: 8px 0; text-align: center; border: 1px solid #195eac; color: #195eac; background-color: #eeeeee}
.ms-active{display: block; width: 21%; margin: 20px 20px 0 0; border-radius: 5px; float: left; padding: 8px 0; text-align: center; border: 1px solid #195eac; color: #fff; background-color: #195eac}
.message-list-a:hover { background-color: #195eab; border: 1px solid #195eab; color: #fff;}

.tx-wenbenbox{ border: 1px solid #eeeeee; background-color: #fff; margin: 10px 0 22px;}
.tx-tel-title{ font-size: 16px; color: #7b7b7e; margin-right: 10px; font-weight: normal;}
.tx-tel-input{ padding: 5px 3px;}
.sand-btn-warp{ margin: 40px 0 0}
.sand-btn{ width: 150px; padding: 8px; text-align: center; background-color: #fe657a; border-radius: 5px; color: #fff;}






/*.mnav{ display: block; width: 100%;}
.micon{ width: 100%; text-align: center; margin: 18px auto;}
.mtitle{ text-align: center;; color: #333;margin: 26px 0 15px;}
.mtip{ text-align: center; font-size: 12px; color: #333; line-height: 36px; margin-bottom: 60px;}*/
/*短信验证码*/
.advantage{ max-width: 1200px; margin: 0 auto;}
.adv-title{ text-align: center; margin: 50px auto; color: #232533; font-size: 26px;}
.adv-warp, .mar-warp, .flow-warp, .inter-adv-warp, .flow-sale-warp{ width: 100%; margin: 0 auto;}
.adv-warp li{ float: left; width: 29.3333%; margin: 50px 2%; display: block; border: 1px solid #dcdcdc;}
.adv-img, .adv2-img, .adv3-img{ width: 90px; height: 90px; margin: 50px auto; overflow: hidden;text-align: center;}
.adv-img img{ width: 84%;}
.adv2-img img{ width: 100%;}
.adv3-img img{ width: 80%;}
.pro-title{ text-align: center; font-size: 22px; color: #374552;}
.adv-info{ font-size: 12px; color: #a6a6a6; text-align: center; line-height: 24px; margin: 26px auto 40px;}
.adv-btn{ width: 1010px; margin: 30px auto; text-align: center;}
.adv1-btn, .adv2-btn{ padding: 10px 40px; margin: 10px 15px; }
.adv1-btn{  border: 1px solid #cccccc; background-color: #fff; color: #666;}
.adv2-btn{ border: 1px solid #238efa; background-color: #238efa; color: #fff;}
.adv2-btn:hover{ color: #fff;}
/*国际验证码*/
.inter-adv-warp li{ float: left; width: 21%; margin: 0 2% 20px; display: block; border: 1px solid #dcdcdc;}
.inter-adv-img{ width: 90px; height: 90px; border-radius: 100%; margin: 50px auto; overflow: hidden;text-align: center;}


/*会员营销短信*/
.market-banner{ width: 100%; height: 500px; background: url(../images/2.0/hy-bg.jpg) no-repeat; background-size: 100% 100%;}
.mar-banner{  max-width: 1200px; height: 500px; margin: 0 auto;}
.mar-banner-left{ float: left;}
.mar-banner-title{ font-size: 36px; color: #fff; margin: 78px 0 32px;}
.mar-banner-text{ font-size: 14px; line-height: 30px; color: #fff;}
.mar-btn{ width: 100%; margin: 76px auto; }
.mar1-btn, .mar2-btn{ padding: 16px 60px; margin: 10px 10px 10px 0; }
.mar1-btn{ border: 1px solid #238efa; background-color: #238efa; color: #fff;}
.mar1-btn:hover, .mar2-btn:hover{ color: #fff;}
.mar2-btn{  border: 2px solid #fff; color: #fff;}
.mar-banner-right{ float: right; margin-top: 96px;}
.mar-title{ font-size: 36px; color: #195eac; margin: 90px auto 10px; text-align: center; font-weight: normal;}
.mar-title-info{ text-align: center; font-size: 14px; color: #7b8a97;}
.mar-warp li{ float: left; width: 29.3333%; margin: 50px 2%; display: block;}
.mar-img{ width: 90px; height: 90px; margin: 50px auto; overflow: hidden;text-align: center; background-color: #f6f8f9; border-radius: 100%;}
.mar-list-title{ text-align: center; font-size: 18px; color: #6a7884;}
.adv-info{ font-size: 12px; color: #a6a6a6; text-align: center; line-height: 24px; margin: 26px auto 40px;}
.adv-info a{ color: #238efa;}
/*流量营销*/
.flow-banner-warp{ width: 100%; height: 360px; background: url(../images/2.0/flow.jpg) no-repeat; background-size: 100% 100%;}
.flow-banner{ max-width: 1200px; height: 360px; margin: 0 auto;}
.flow-banner-title{ font-size: 36px; color: #fff; padding: 108px 0 15px; text-align: center;}
.flow-banner-text{ font-size: 14px; line-height: 24px; color: #fff; text-align: center;}
.flow-btn{ width: 100%; margin: 34px auto;  text-align: center;}
.flow-title{ font-size: 30px; color: #195eac; margin: 50px auto 10px; text-align: center; font-weight: normal;}
.flow-title-info{ text-align: center; font-size: 16px; color: #7b8a97;}
.flow-warp li{ float: left; width: 29.3333%; margin: 20px 2%; display: block;}
.flow-img, .flow-sale-img{ width: 90px; height: 90px; margin: 50px auto; overflow: hidden;text-align: center; border-radius: 100%;}
.flow-scene-warp{ width: 100%; height: 440px; padding: 50px 0 10px; background-color: #494e58; margin-bottom: 50px}
.flow-sale-warp li{ float: left; width: 25%; margin: 20px 0; display: block;}
/*.flow-sale-img{ background-color: #238efa;}*/


.scene-title{ color: #fff; font-size: 30px;text-align: center;}
.scene-title-info{ text-align: center; font-size: 16px; color: #fff; margin-top: 10px;}
.flow-line{ width: 800px; height: 1px; background-color: #fff; margin: 106px auto 0;}
.scene-warp{ width: 1010px; margin: -115px auto 0;}
.scene-warp li{ float: left; width: 21%; margin: 20px 2%; display: block;}
.scene-img{ width: 110px; height: 110px; margin: 38px auto 15px; overflow: hidden;text-align: center; border-radius: 100%;}
.scene-img img{ margin: 0 auto;}
.scene-info{ font-size: 12px; color: #fff; text-align: center; line-height: 20px; margin: 10px auto 0;}
/*邮件营销*/
.post-banner{ width: 100%; margin: 0 auto;}
.post-banner img{ width: 100%; margin: 0 auto;}
.post-warp{ width: 100%; margin: 38px auto 0; border-top: 1px dashed #d2d2d2;}
.post-warp li{ float: left; width: 29.3333%; margin: 20px 2%; display: block;  }
.post-li{ width: 296px; height: 296px; border: 1px solid #dbdbdb; border-radius: 100%; margin-top: 90px;}
.post-img{ width: 90px; height: 90px; margin: -40px auto 0; overflow: hidden;text-align: center; background-color: #3bbdfb; border-radius: 100%;}
.post-list-title{ text-align: center; font-size: 18px; color: #000; margin: 24px auto;}
.post-info{ font-size: 12px; color: #252525; text-align: center; line-height: 24px; margin: 10px auto 0;}
.post-btn{ background-color: #3bbdfb; color: #fff; padding: 4px 18px; margin-top: 10px;}
.automate-title{ font-size: 36px; width: 450px; height: 80px; border-bottom: 1px dashed #d2d2d2; color: #1c1c1c; margin: 90px auto 10px; text-align: center; font-weight: normal;}
.automate-warp{ width: 100%; margin: 0 auto;}
.automate-warp li{ float: left; width: 21%; margin: 20px 2%; display: block; border-bottom: 1px solid #d9d9d9;padding-bottom: 12px; }
.automate-img img{width: 100%;}
.automate-post{ width: 14px; height: 10px; line-height: 10px; float: left; text-align: center;}
.automate-line{ width: 93%; margin-top:6px;  height: 1px; float: left; border-bottom: 1px dashed #b4b4b4;}
/*短信通知*/
.inform-banner-warp{ width: 100%; height: 388px; background: url(../images/2.0/inform-bg.jpg) no-repeat; background-size: 100% 100%;}
.inform-banner{ max-width: 1200px; height: 388px; margin: 0 auto;}
.inform{ width: 100%; background-color: #f5f5f5; padding: 50px 0 10px;}
.inform-title{ text-align: center; margin: 0 auto; color: #232533; font-size: 26px;}
.inform-warp{ max-width: 1200px; margin: 0 auto;}
.inform-warp li{ float: left; width: 29.3333%; margin: 10px 2%; display: block;}
.inform-img{ width: 90px; height: 90px; margin: 50px auto 24px; overflow: hidden;text-align: center;}
/*语音通知*/
.voice-banner-warp{ width: 100%; height: 388px; background: url(../images/2.0/voice_notification.jpg) no-repeat; background-size: 100% 100%;}
.usage-scenario-warp{ width: 100%; padding: 50px 0 0;}
.usage-scenario{ max-width: 1200px; margin: 0 auto;}
.usage-warp{ max-width: 1010px; margin: 0 auto;}
.usage-warp li{ float: left; width: 49.5%; margin: 90px 0 40px; display: block;}
/*合作共赢*/
.teamwork-banner-warp{ width: 100%; height: 509px; background: url(../images/2.0/teamwork-banner1.jpg) no-repeat; background-size: 100% 100%;}
.teamwork-banner{ max-width: 1200px; height: 509px; margin: 0 auto;}
.teamwork-banner-text{ font-size: 22px; letter-spacing: 10px; margin: 15px 0 8px; text-align: center; color: #d8d7d7;}
.teamwork-banner-text1{ font-size: 14px; color: #d8d7d7; text-align: center;}
.teamwork-banner-text2{ font-size: 26px; color: #d8d7d7; text-align: center; margin-top: 50px;}
.part-content7  {
    width:100%;
    position:relative;
    /*background:url(../images/dlxw/5背景.png) no-repeat left top;*/
    background-size:cover;
    padding-bottom:90px;
}
.part-content7>h1  {margin-top:0;padding-top:54px;}
.part-content7>p   {margin-top:20px;}
.my-btns  {width: 1200px;height:400px;position: absolute;left: 50%;margin-left: -600px;}
.btn-prev  {z-index:10;width: 46px;height:83px;background: url(../images/dlxw/lefts.png) no-repeat 0 0; cursor: pointer;position:absolute;left: 21px;top:255px;}
.btn-prev:hover  {background: url(../images/dlxw/lefts.png) no-repeat 0 -83px;}
.btn-prev:active  {background: url(../images/dlxw/lefts.png) no-repeat 0 -166px;}
.btn-next  {z-index:10;width: 46px;height:83px;background: url(../images/dlxw/rights.png) no-repeat 0 0; cursor: pointer;position:absolute;right: 20px;top:255px;}
.btn-next:hover  {background: url(../images/dlxw/rights.png) no-repeat 0 -83px; }
.btn-next:active  {background: url(../images/dlxw/rights.png) no-repeat 0 -166px; }
.c7  {width:1000px;margin:0 auto;height:450px;margin-top:70px !important;}
.c7-1  {width:320px !important;height:450px !important;background-color:#fff}
.c7-1>div  {height:100%}
.c7-1>div>img  {margin: 30px auto}
.ft32{ font-size: 32px;}
.hezuo-warp{ width: 100%; height: 624px; background: url(../images/2.0/teamwork-banner2.jpg) no-repeat; background-size: 100% 100%;}
.hezuo-banner-title{ font-size: 28px; color: #fff; padding: 100px 0 25px; width: 500px; border-bottom: 1px solid #195eac; margin: 0 auto; text-align: center;}
.partner{ max-width: 600px; margin: 30px auto;}
.partner li{ float: left; width: 50%; display: block; text-align: center;}
.partner li img{ width: 80%;  margin-bottom: 6px;}
.partner-name{ color: #7d7d7d; font-size: 12px; line-height: 24px;}
.hezuo-user{ width: 100%; height: 173px; background: url(../images/2.0/teamwork-banner3.jpg) no-repeat; background-size: 100% 100%;}
.partner-user{ max-width: 1010px; margin: 0 auto;}
.partner-user li{ float: left; display: block; width: 25%; text-align: center;}
.partner-user li img{ width: 60%;}
.hezuo-count{ margin: 46px auto 10px;}
.count-text{ background-color: #000; padding: 2px 5px; color: #fff; font-size: 14px; width: 52%; margin: 0 auto;text-align: center;}
.douli-data{ max-width: 1010px; margin: 0 auto; padding: 30px 0  0}
.douli-data-title{ font-size: 30px; color: #212433; text-align: center; margin-top: 26px;}
.douli-data-title1{ font-size: 12px; color: #808286; text-align: center; margin: 10px 0 50px}
.douli-data ul li{ display: block; float: left; width: 16.66667%; text-align: center;margin: 14px auto;}
.douli-data ul li img{ height: 100%}
/*名片管理*/
.name-card-warp{ width: 100%; height: 360px; background: url(../images/xlcd/card-banner.jpg) no-repeat; background-size: 100% 100%;}
/*.flow-btn{ width: 100%; margin: 34px auto;  text-align: center;}*/

.zixun-btn, .shiyong-btn{ padding: 16px 60px; margin: 10px 10px 10px 0; text-align: center; border-radius: 5px;}
.zixun-btn{ border: 1px solid #fff; background-color: #fff; color: #376db2;}
.zixun-btn:hover, .shiyong-btn:hover{ color: #376db2;}
.shiyong-btn{  border: 2px solid #fff; color: #fff;}
/*---------------------商品图片轮播-----------------------*/
.slideBox {
    position: relative;
    z-index: 1;
    /*overflow: hidden;*/
    /* 设置焦点图最大宽度 */
}

.slideBox .hd {
    position: absolute;
    height: 24px;
    line-height: 24px;
    bottom: 0px;
    left: 45%;
    z-index: 82;
}
.slideBox .hd li {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 6px;
    z-index: 83;
    border: 1px solid #b4b3b3;
    border-radius: 100%;
    filter:alpha(opacity=80); /*支持 IE 浏览器*/
	-moz-opacity:0.80; /*支持 FireFox 浏览器*/
	opacity:0.80; /*支持 Chrome, Opera, Safari 等浏览器*/
}

.slideBox .hd li.on {
    background: #0d85ff;
    border: 1px solid #0d85ff;
    filter:alpha(opacity=100); /*支持 IE 浏览器*/
	-moz-opacity:1; /*支持 FireFox 浏览器*/
	opacity:1; /*支持 Chrome, Opera, Safari 等浏览器*/
}

.slideBox .bd {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.slideBox .bd li {
    position: relative;
    text-align: center;
}

/*.slideBox .bd li img {
    vertical-align: top;
    width: 100%;*/
    /* 图片宽度100%，达到自适应效果 */
/*}*/

/*.slideBox .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}*/
.name-scene-warp{ width: 100%; background-color: #fff; padding: 78px 0 40px;}
.name-scene{ max-width: 1000px; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.name-scene-left{ width: 50%;}
.n-scene-left{ float: left;}
.name-scene-left img{ width: 100%;}
.name-scene-right{ width: 50%; margin-top: 76px;}
.left-padding{ padding: 0 36px 0 118px;}
.right-padding{ padding: 0 118px 0 36px;}
.n-scene-right{ float: right;}
.name-scene-content{ font-size: 14px; color: #656565; text-align: left;margin-top: 16px;line-height: 24px;}
.anli-warp{ width: 100%; padding-top: 20px; background-color: #f8f8f8; margin-top: 50px;}
.name-anli{ max-width: 1000px; margin: 0 auto; overflow: hidden;}
.name-scene-ewm{margin-top: 16px;}
.name-scene-ewm img{ width: 150px; height: 150px;}
/*活码管理*/
.code-warp{ width: 100%; background: url(../images/xlcd/code-banner.jpg) no-repeat; background-size: 100% 100%;}
.code1-warp{ padding: 50px 0 25px; margin: 0 auto;}
.code1-warp-title{ text-align: center; color: #333333; font-size: 26px; margin: 15px 0;}
.code1{ max-width: 1200px; margin: 0 auto;}
.code1-ul{ width: 100%; margin: 0 auto;}
.code1-ul li{ display: block; float: left; width: 33.3333%; padding: 30px 64px;}
.code1-icon{ width: 100%; margin: 10px auto; text-align: center;}
.code1-title{ font-size: 18px; text-align: center; margin: 30px 0}
.code1-info{ font-size: 12px; line-height: 28px;}
.code-ewm{ width: 100%; margin-top: 15px; text-align: left;}
.code-ewm img{ max-width: 100px; margin:0 10px 10px 0;}
.code-ewm-info{ vertical-align: bottom; font-size: 12px; color: #195eac;}
.combo-warp{ width: 100%; padding: 20px 0; margin: 0 auto;}
.combo{ max-width: 1100px; margin: 0 auto;}
.combo li{ display: block; width: 25%; padding: 30px; float: left;}
.combo-box{ width: 100%; border-radius: 5px; background-color: #fff; -webkit-box-shadow:-10px 5px 20px rgba(25, 94, 172, .2);  overflow: hidden; }
.combo-title{ width: 100%; padding: 22px 0; text-align: center; background-color: #195eac; color: #fff; font-weight: bold; font-size: 18px;}
.combo-title2{ text-align: center; color: #333333; margin: 30px 0; font-size: 24px;}
.combo-info{ font-size: 12px; color: #666666; text-align: center;line-height: 18px;}
.combo-btn{ margin-top: 24px; border-top: 1px solid #e5e5e5; padding: 18px 0; text-align: center;}
.combo-btn a{ padding: 4px 10px; border: 1px solid #195eac; color: #195eac; border-radius: 5px; font-size: 12px;}
.merchant-warp{ width: 100%; margin: 0 auto; padding: 20px 0;}
.merchant{ max-width: 900px; margin: 60px auto 0;}
.merchant li{ display: block; float: left; width: 20%; text-align: center;}
.merchant li img{ max-height: 100%; text-align: center;}
/*产品溯源*/
.product-warp{ width: 100%; background: url(../images/xlcd/product-banner.jpg) no-repeat; background-size: 100% 100%; padding: 20px 0 0}
.product-banner{ max-width: 1000px; margin: 0 auto; }
.product-info{ margin: 88px 0 0 20px; width: 30%;}
.product-info-title{ font-size: 32px; color: #fff; }
.product-info1{ font-size: 16px; line-height: 36px; color: #fff; margin: 36px 0 28px;}
.product-info-btn{ padding: 10px 34px;  color: #fff; background-color: #195eac; border-radius: 5px; margin: 0 10px;}
.product-img{ width: 56%; text-align: right; vertical-align: bottom;}
.product-img img{ width: 100%;}
.product-icon{ width: 70px; height: 70px; background-color: #fff; margin: 10px auto; text-align: center; border: 1px solid #88abda; border-radius: 5px;}
/*服务上申请*/
.serve-apply-warp{ max-width: 1000px; margin: 0 auto; }
.serve-apply-title{  margin: 20px auto; width: 100%; border-bottom: 1px solid #f3f3f3; padding: 15px; font-size: 24px;}
.serve-apply{ width: 100%; margin: 0 auto;}
.serve-apply li{ padding: 15px;width: 100%; display: block;}
.apply-title{ width: 110px; height: 50px; float: left; text-align: right; margin-right: 15px; color: #8f9297; font-weight: normal; line-height: 28px;}
.xh{ color: #f00; margin: 0 0 0 4px; line-height: 28px;}
.apply-input{ float: left; width: 62%;}
.apply-input input{ padding: 4px 10px; width: 50%; border: 1px solid #d1d2d3;}
.apply-info{ font-size: 12px; color: #ababab;}
#preview{ width: 160px; height: 160px; border:1px solid #cccccc; overflow: hidden; text-align: center; float: left;}
#preview img {  width: 100%; }  
.preview-text{ float: left; margin: 15px 10px; font-size: 12px; line-height: 24px;}
/*代理合作*/
.cooperative-partner-warp{  width: 100%; background: url(../images/scene-img/cooperative-partner.jpg) no-repeat;  background-size: 100% 100%; padding: 20px 0; min-height: 687px;}
.cooperative-partner{ max-width: 900px; margin: 0 auto;}
.partner-title{font-size: 42px; color: #fff; padding: 60px 0 20px; text-align: center; }
.partner-title-info{ font-size: 14px; color: #fff;line-height: 24px; text-align: center; margin-bottom: 44px;}
.flow-path{ max-width: 500px; margin: 50px auto 20px; }
.flow-path-one, .flow-path-two, .flow-path-three{ width: 60px; height: 60px; border-radius: 100%; line-height: 60px; text-align: center; border: 2px solid #fff; font-size: 34px; color: #fff;}
.flow-path-one{ margin-left: 20px}
.flow-path-three{ margin-right: 20px;}
.flow-path-line{ width: 140px; border-bottom: 1px dashed #fff; height: 31px;}
.flow-path-title{ max-width: 606px; margin: 10px auto;}
.flow-path-title li{ font-size: 12px; color: #fff; display: block; float: left; width: 33.3333%; text-align: center;}
.apply-btn-warp{ margin: 100px auto; width: 100%; text-align: center;}
.apply-btn{  padding: 20px 80px; color: #fff; background-color: #195eac; text-align: center; font-size: 18px; border-radius: 10px; }
.condition-title{font-size: 30px; color: #fff; padding: 20px 0; text-align: center; }
/*API接入*/
.api-banner-warp{  width: 100%; background: url(../images/xlcd/api-banner.jpg) no-repeat;  padding: 20px 0;}
.api-join-warp{ width: 100%; margin: 20px auto;}
.api-join{ max-width: 900px; margin: 50px auto 20px;}
.api-join-left{ width: 50%;}
.api-join-right{ width: 36%;}
.join-left-title{ font-size: 28px; color: #323232;  margin: 44px 0 30px}
.join-left-info{ font-size: 14px; color: #323232; line-height: 24px; border-bottom: 1px solid #e5e5e5;}
.join-right-info{ font-size: 12px; color: #606060;}
.biaodan{ width: 100%; background-color: #eee; border-radius: 5px;}
.biaodan input{ background-color: #eee; padding: 10px; font-size: 14px; color: #323232;}
.api-left-bottom{ margin: 10px auto;}
.left-btn{ width: 150px; background-color: #195eac; border-radius: 3px;  color: #fff; text-align: center; padding: 12px 0; margin-top: 10px;}
.left-bottom-ewm{ line-height: 70px;}
.left-bottom-ewm2{font-size: 14px; color: #525252;}
.left-bottom-ewm1{ width: 70px; height: 70px; border: 1px solid #195eac; float: right; margin-left: 15px; position: relative; z-index: 97; overflow: hidden;}
.left-bottom-ewm1 img{ width: 100%; text-align: center; z-index: 98;}
.queren{ width: 21px; height: 21px; position: absolute; top: 0; right: 0;z-index: 99; background: url(../images/xlcd/queren.png) no-repeat;}










.right-ewm-warp{ width: 100%; background-color: #eee; padding: 20px; margin: 20px 0 0;}
.right-ewm{ width: 190px; height: 190px; margin: 5px auto 10px; overflow: hidden; border: 1px solid #eaeaea;}
.right-ewm img{ width: 100%;}
.exchange{ font-size: 14px; color: #868686; text-align: center;}
.down-btn{ background-color: #6cc788; display: block; width: 190px; color: #fff; text-align: center; margin: 15px auto 0; border-radius: 5px; padding: 5px 0;}
.xiazai{ font-size: 14px;}
.xiangsu{ font-size: 12px;}
.right-btn{ border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.right-btn1, .right-btn2{ display: block; width: 50%; text-align: center; color: #727272; height: 50px; line-height: 50px;}
.right-btn1{ border-right: 1px solid #eaeaea;}
.down-btn:hover{ color: #fff;}










/*返回顶部和在线客服*/
#rightButton{ position:fixed; _position:absolute; bottom:204px; right:0; z-index:999999; display:block;}
#right_ul{ position:relative;}
#right_qq, .backToTop_a {width:50px; height:50px;background:url(../images/2.0/onlint-top.png) no-repeat;}
#right_qq{  background-position: 0 -53px;}
#right_tip{  background:url(../images/2.0/flag_right.png) no-repeat; width:175px; height:91px; position:absolute; right:50px; top:-10px; display:none; z-index:999999; }
.flagShow_p1{ margin-top: 15px; font-size:18px; text-align: center; }
.flagShow_p2{ text-align: center; font-size:18px;  color:#FA7C00;}
.flagShow_p2 a{ display:block; margin: 8px 0 5px 12px; line-height:0;}
.flagShow_p2 span{ margin: 0 0 0 14px; }
.flag_qq{ display:none;}
#backToTop{ position:fixed; _position:absolute; bottom:152px; right:50px; z-index:999999; display:none; }
a.backToTop_a{  background-position: -62px -54px; display:block; }
.line91{ line-height:91px; }




/*底部*/
.foot-nav{ height: 200px !important; border-bottom: 1px solid #ccc; margin: 60px 0 20px;}
.foot-nav ul li{ float: left; margin: 0 70px;}
.foot-title{ line-height: 24px; font-size: 14px; margin-bottom: 16px;}
.footer-bottom{ text-align: center; color: #999 !important;}
.wxewm{ width: 120px; height: 120px !important; border: 1px solid #ccc;}
.wxewm img{ width: 100%;}
/*底部2*/
.footer2-warp{ background: #5c636c; width: 100%; padding: 70px 0; margin: 50px auto 0;}
.footer2-title{ font-size: 26px; color: #fff; text-align: center;}
.footer2-text{ text-align: center; margin: 28px auto 0;}
.foot-zixun{ padding: 8px 20px; background-color: #1d8dff; color: #fff; border-radius: 4px;}
.foot-zixun:hover, .foot-zixun:focus{ color: #fff;}
.rexian{ color: #fff; margin-left: 24px;}
.footer3{ color: #656565; background-color: #fff; line-height: 30px; margin: 20px 0 60px 0;}
.footer3 span{display: block; text-align: center;}