/*=================================
*         ShopEx licence
*
* @copyright  Copyright (c) 2003-2013 ShopEx Technologies Inc. (http://yunqi.shopex.cn)
*    
*   program : xuzhenjia0917@qq.com
* ==================================*/
html { background: #FFFFFF; }

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure { margin: 0; }

ul, ol, menu { list-style: none; margin: 0; padding: 0; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, a img, iframe { border: 0 none; }

address, em, i { font-style: normal; }

abbr, acronym { font-variant: normal; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 1em 0; padding: 0; }

input, select, button { vertical-align: middle; }

input, textarea, select { *font-size: 100%; }

button { overflow: visible; }

button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner { border: 0 none; padding: 0; }

:active { outline: 0 none; }

.products-pc .title { color: #353535; }
.products-pc .title b { color: #cd3633; }
.products-pc .banner { background: url(images/banner.jpg) no-repeat center top; height: 499px; }
.products-pc .banner .banner-box { color: #fff; padding: 125px 0 0 600px; }
.products-pc .banner .banner-box .btn { width: 270px; height: 50px; background: #fff; display: block; background: #fff; color: #cd3633; padding: 5px 0; font-weight: bold; border-radius: 5px; }
.products-pc .banner .banner-box .banner-link { color: #ffea00; }
.products-pc .banner .banner-box .banner-link a { background: #ffea00; padding: 2px 5px; margin: 0 3px; border-radius: 4px; color: #cd3633; }
.products-pc .main1-list { width: 230px; height: 285px; background: #CD3533; color: #fff; }
.products-pc .main1-list .list-pic { width: 230px; height: 190px; }
.products-pc .main2 .main2_1 { background: url(images/main2_bg1.jpg) no-repeat center top; height: 220px; }
.products-pc .main2 .main2_2 { background: url(images/main2_bg2.jpg) no-repeat center top; height: 220px; }
.products-pc .main2 .main2_3 { background: url(images/main2_bg3.jpg) no-repeat center top; height: 220px; }
.products-pc .main2 .main2_4 { background: url(images/main2_bg4.jpg) no-repeat center top; height: 220px; }
.products-pc .main2 .main2_5 { background: url(images/main2_bg5.jpg) no-repeat center top; height: 220px; }
.products-pc .main2 .num { width: 28px; height: 28px; line-height: 28px; background: #d55856; color: #fff; }
.products-pc .main2 .main2-box { width: 410px; }
.products-pc .main2 .main2-box h3 { color: #353535; font-weight: normal; }
.products-pc .main2 .main2-box p { color: #757779; }
.products-pc .main2 .main2-box .box-btn a { display: block; width: 186px; height: 36px; line-height: 36px; background: #cd3633; color: #fff; border-radius: 18px; }
.products-pc .main2 .main2-box .box-btn a:nth-child(2) { background: #759efc; }
.products-pc .main2 .main2-left { padding: 45px 0 0 85px; }
.products-pc .main2 .main2-right { padding: 45px 0 0 695px; }
.products-pc .main3 { background: url(images/main3_bg.jpg) no-repeat center top; height: 730px; color: #fff; }
.products-pc .main3 .title { color: #fff; }
.products-pc .main3 h3 { color: #fff; font-weight: normal; }
.products-pc .main3 p { line-height: 180%; }
.products-pc .main3 .box-txt1 { left: 140px; top: 30px; }
.products-pc .main3 .box-txt2 { left: 60px; top: 245px; }
.products-pc .main3 .box-txt3 { left: 820px; top: 40px; }
.products-pc .main3 .box-txt4 { left: 900px; top: 260px; }
.products-pc .main3 .box-txt5 { left: 700px; top: 450px; }
.products-pc .main4 { background: url(../images/main4_bg.jpg) no-repeat center top; height: 534px; }
.products-pc .main4 .main4-box { padding: 65px 0 0 575px; color: #fff; }
.products-pc .main4 .main4-box p { line-height: 220%; }
.products-pc .main5 .main5-list { width: 300px; height: 350px; }
.products-pc .main5 .main5-list .list-pic { width: 300px; height: 230px; }
.products-pc .main5 .main5-list h3 { color: #759efc; }
.products-pc .main5 .main5-list p { color: #949596; line-height: 180%; }
.products-pc .main6 { background: url(images/main6.jpg) no-repeat center top; height: 575px; }
.products-pc .main6 p { color: #949596; line-height: 170%; }
.products-pc .main6 p.txt1 { left: 160px; top: 80px; width: 290px; }
.products-pc .main6 p.txt2 { left: 758px; top: 8px; width: 290px; }
.products-pc .main6 p.txt3 { left: 738px; top: 256px; width: 290px; }
.products-pc .main7 { background: #cd3633; height: 180px; }
.products-pc .main7 .main7-sj { width: 0; height: 0; border-top: 25px solid #f7f8fa; border-left: 25px solid transparent; border-right: 25px solid transparent; margin: 0 auto; }
.products-pc .main7 .btn { background: #f3b13d; color: #fff; display: block; width: 310px; height: 48px; padding: 10px 0; margin: 20px auto 10px; border-radius: 8px; line-height: 24px; }
.products-pc .main7 .main7-link { color: #fff; }
.products-pc .main7 .main7-link a { background: #6766f1; padding: 2px 5px; margin: 0 3px; border-radius: 4px; color: #fff; }

.products-h5 .banner { background: url(images/banner.jpg) no-repeat center top #019b6d; height: 450px; }
.products-h5 .banner .banner-txt1 { color: #fff; font-weight: bold; padding: 100px 0 0 600px; }
.products-h5 .banner .banner-txt2 { color: #fff; padding: 20px 0 0 600px; }
.products-h5 .banner .banner-txt3 { color: #fff; padding: 10px 0 0 607px; }
.products-h5 .banner .btn { display: block; width: 240px; height: 54px; line-height: 52px; color: #d55353; border-radius: 5px; margin: 15px 0 0 600px; background: #fff; }
.products-h5 .main1 { background: url(../images/main1.jpg) no-repeat center top; height: 960px; color: #fff; }
.products-h5 .main1 .main1-box { width: 450px; height: 530px; overflow: hidden; padding: 133px 0 0 375px; }
.products-h5 .main1 .main1-box .swiper-container { height: 530px; width: 297px; padding: 0 75px; }
.products-h5 .main1 .main1-box .swiper-container .swiper-button-next, .products-h5 .main1 .main1-box .swiper-container .swiper-button-prev { width: 44px; height: 44px; }
.products-h5 .main1 .main1-box .swiper-container .swiper-button-next { background: url(../images/right_dot.png) no-repeat left top; }
.products-h5 .main1 .main1-box .swiper-container .swiper-button-prev { background: url(../images/left_dot.png) no-repeat left top; }
.products-h5 .main1 .main1-txt { color: #fff; width: 200px; height: 60px; line-height: 30px; top: 445px; left: 145px; }
.products-h5 .main1 .main1-txt2 { color: #fff; width: 200px; height: 60px; line-height: 30px; top: 812px; left: 155px; }
.products-h5 .main1 .main1-img { top: 844px; left: 450px; z-index: 999; }
.products-h5 .main1 .main1-ewm { width: 170px; height: 250px; top: 460px; left: 890px; }
.products-h5 .main1 .main1-ewm span { color: #00bf86; }
.products-h5 .main2 .title { color: #000; line-height: 150%; }
.products-h5 .main2 .title span { color: #00bf86; }
.products-h5 .main2 .main2-list { width: 240px; height: 220px; }
.products-h5 .main2 .main2-list .list-pic { width: 240px; height: 120px; }
.products-h5 .main2 .main2-list h3 { color: #333; font-weight: normal; }
.products-h5 .main2 .main2-list p { color: #888; }
.products-h5 .main3 .main3-1 { background: url(../images/main3_r2_c1.jpg) no-repeat center top; height: 638px; }
.products-h5 .main3 .main3-1 .title h3 { color: #000; }
.products-h5 .main3 .main3-1 .title h3 span { color: #00bf86; }
.products-h5 .main3 .main3-2 { background: url(../images/main3_r3_c1.jpg) no-repeat center top; height: 489px; }
.products-h5 .main3 .main3-3 { background: url(../images/main3_r4_c1.jpg) no-repeat center top; height: 441px; }
.products-h5 .main3 .main3-4 { background: url(../images/main3_r5_c1.jpg) no-repeat center top; height: 441px; }
.products-h5 .main3 .main3-5 { background: url(../images/main3_r6_c1.jpg) no-repeat center top; height: 441px; }
.products-h5 .main3 .main3-6 { background: url(../images/main3_r7_c1.jpg) no-repeat center top; height: 402px; }
.products-h5 .main3 .left-box { padding: 120px 0 0 130px; }
.products-h5 .main3 .left-box h2, .products-h5 .main3 .left-box h3 { font-weight: normal; color: #000; }
.products-h5 .main3 .left-box p { color: #888; }
.products-h5 .main3 .right-box { padding: 140px 0 0 730px; }
.products-h5 .main3 .right-box h2, .products-h5 .main3 .right-box h3 { font-weight: normal; color: #000; }
.products-h5 .main3 .right-box p { color: #888; }
.products-h5 .main5 { background: #021716; }
.products-h5 .main5 .title { color: #fff; }
.products-h5 .main5 .title span { color: #00bf86; }
.products-h5 .main5 .main5-btn { width: 210px; margin: 0 auto; }
.products-h5 .main5 .main5-btn a { display: block; width: 210px; height: 44px; line-height: 44px; color: #fff; background: #B72C41; color: #fff; }
.products-h5 .main5 .main5-btn a:nth-child(2) { background: #4e4eeb; }

.products-app .banner { background: url(../../bundles/shopexyunqi/../images/products/app/banner.jpg) no-repeat center top; height: 500px; color: #fff; }
.products-app .banner .banner-txt1 { padding: 95px 0 0 690px; }
.products-app .banner .banner-txt2 { font-weight: bold; padding: 0 0 0 690px; margin-top: -10px; }
.products-app .banner .banner-link { padding: 40px 0 0 690px; }
.products-app .banner .banner-link a { display: block; width: 190px; height: 42px; line-height: 42px; background: #e04939; border-radius: 5px; color: #fff; margin-bottom: 30px; }
.products-app .banner .banner-link a:nth-child(2) { background: #000000; }
.products-app .main1 { background: url(../../bundles/shopexyunqi/../images/products/app/main1_bg.jpg) no-repeat center bottom; height: 830px; }
.products-app .main1 .title h3 { color: #353535; font-weight: normal; }
.products-app .main1 .title p { color: #676767; line-height: 38px; }
.products-app .main1 .title p b { color: #eb1f10; }
.products-app .main2 { background: #f1f4fd; padding-bottom: 100px; }
.products-app .main2 .title { color: #353535; line-height: 150%; }
.products-app .main2 .title span { color: #5092fb; }
.products-app .main2 .main2-list { width: 190px; height: 240px; }
.products-app .main2 .main2-list .list-pic { width: 190px; height: 140px; }
.products-app .main2 .main2-list h3 { font-weight: normal; color: #353535; }
.products-app .main2 .main2-list p { color: #8f8e8e; }
.products-app .main3 { background: url(../../bundles/shopexyunqi/../images/products/app/main2.jpg) no-repeat center top; height: 848px; color: #fff; }
.products-app .main3 .title h3 { font-weight: normal; }
.products-app .main3 p { line-height: 150%; }
.products-app .main3 .main3-txt1 { top: 120px; left: 5px; }
.products-app .main3 .main3-txt2 { top: 310px; left: 10px; }
.products-app .main3 .main3-txt3 { top: 590px; left: 240px; }
.products-app .main3 .main3-txt4 { top: 590px; left: 655px; }
.products-app .main3 .main3-txt5 { top: 125px; left: 1055px; }
.products-app .main5 { background: #dbdcde; }
.products-app .main5 .title { color: #353535; }
.products-app .main5 a { display: inline-block; float: left; width: 209px; height: 45px; line-height: 44px; color: #fff; margin-left: 235px; background: #b72c46; }
.products-app .main5 a:nth-child(2) { margin-left: 50px; background: #4e4eeb; }
.products-app .main5 a:nth-child(3) { margin-left: 50px; background: #da8a3c; }

.ecshop_sp .banner { background: url(../../bundles/shopexyunqi/images/products/small/banner.jpg) no-repeat center top; height: 399px; color: #fff; }
.ecshop_sp .banner h3 { padding: 90px 0 0 370px; }
.ecshop_sp .banner h4 { padding: 10px 0 0 370px; }
.ecshop_sp .banner p { padding: 10px 0 0 370px; }
.ecshop_sp .banner a { display: block; margin: 30px 0 0 370px; width: 180px; height: 50px; line-height: 50px; border: 2px solid #ffffff; border-radius: 8px; color: #fff; }
.ecshop_sp .banner a:hover { background: #fff; color: #333; }
.ecshop_sp .banner .events { width: 270px; height: 235px; right: 1px; top: 147px; }
.ecshop_sp .banner .events .progress { height: 13px; background: #fff; overflow: visible; border-radius: 20px; border-top: none; border-bottom: none; width: 80%; margin: 20px auto 0; }
.ecshop_sp .banner .events .progress .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #ff3600; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; background-color: #fa6f28; border-radius: 20px; position: relative; animation: animate-positive 2s; }
.ecshop_sp .banner .events .progress .progress-value { display: block; padding: 3px 7px; font-size: 13px; color: #fff; border-radius: 4px; position: absolute; top: -25px; right: -40px; }
.ecshop_sp .banner .events .progress-bar.active { animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s; }
@-webkit-keyframes animate-positive { 0% { width: 0; } }
@keyframes animate-positive { 0% { width: 0; } }
@-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }
@-o-keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }
@keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }
.ecshop_sp .banner .events .event-btn { width: 218px; height: 48px; line-height: 48px; color: #fff; border: 1px solid #fff; background: #fbba57; margin: 30px auto 15px; display: block; }
.ecshop_sp .banner .events .event-btn:hover { background: red; }
.ecshop_sp .banner .events p { color: rgba(255, 255, 255, 0.65); padding: 0; }
.ecshop_sp .banner .events .event-info { width: 270px; height: 60px; }
.ecshop_sp .banner .events .event-info p { padding: 0; color: #ffc600; }
.ecshop_sp .banner .events .event-info .info-box { width: 170px; height: 40px; overflow: hidden; margin: 0 auto; }
.ecshop_sp .banner .events .event-info .info-box .swiper-container, .ecshop_sp .banner .events .event-info .info-box .swiper-wrapper { height: 40px; }
.ecshop_sp .banner .events .event-info .info-box span { padding: 0 20px; }
.ecshop_sp .banner .events .event-info .info-box .swiper-slide { height: 20px; line-height: 20px; }
.ecshop_sp .main1 .main1-list { width: 600px; }
.ecshop_sp .main1 .main1-list .list-item { width: 178px; height: 140px; margin-bottom: 30px; }
.ecshop_sp .main1 .main1-list .list-item .item-pic { border: 1px solid #2ba5f0; border-radius: 10px; width: 86px; height: 86px; margin: 0 auto; }
.ecshop_sp .main1 .main1-list .list-item h3 { color: #666; padding: 15px 0; font-weight: normal; }
.ecshop_sp .main2 { background: #f4f9ff; }
.ecshop_sp .main2 .main2-list { width: 170px; height: 200px; }
.ecshop_sp .main2 .main2-list .list-pic { width: 127px; height: 127px; margin: 0 auto; }
.ecshop_sp .main2 .main2-list h3 { font-weight: normal; color: #666; }
.ecshop_sp .main3 { background: url(../../bundles/shopexyunqi/images/products/small/main3.png) no-repeat center 185px; height: 620px; color: #999; }
.ecshop_sp .main3 h3 { color: #333; font-weight: normal; }
.ecshop_sp .main3 a { display: inline-block; margin-left: 25px; margin-top: 10px; font-size: 14px; color: #1c88f4; }
.ecshop_sp .main3 .txt1 { top: 20px; left: 180px; }
.ecshop_sp .main3 .txt2 { top: 130px; left: 360px; }
.ecshop_sp .main3 .txt3 { top: 30px; left: 465px; }
.ecshop_sp .main3 .txt4 { top: -10px; left: 730px; }
.ecshop_sp .main3 .txt5 { top: 130px; left: 835px; }
.ecshop_sp .main4 { background: #f4f9ff; height: 419px; }
.ecshop_sp .main4 .main4-box { width: 530px; margin: 0 auto; }
.ecshop_sp .main4 .main4-box .main4-list { width: 50%; }
.ecshop_sp .main4 .main4-box .main4-list h3 { color: #666; font-weight: normal; }
.ecshop_sp .main4 .main4-box .main4-list a { display: block; background: #8bc54e; border-radius: 8px; width: 185px; height: 54px; line-height: 54px; margin: 0 auto; color: #fff; }
.ecshop_sp .main4 .main4-box .main4-list:nth-child(2) a { background: #f4761c; }