html, body,p,  a, em, img, q, b, i, dl, dt, dd, ol, ul, li{
  list-style: none;
  color: #333;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  font-family: "微软雅黑";
}

a:link {text-decoration: none;}
a:hover {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
.clear{ clear: both; overflow: hidden; }

.fl{ float: left; }
.fr{ float: right; }
.fc{ text-align: center; }
.fw{ font-weight: bold; }

.hide { display:none;}

.main{ width: 1200px; margin:0  auto; }

.color-red{ color: #dd2727; }
.color-grey{ color:#999;}

.text-overflow { overflow: hidden; white-space: nowrap; display:inline-block;text-overflow: ellipsis;}

.head{ width:100%; background: rgba(0,0,0,0.3); height: 80px; position:fixed;top:0; z-index:999; overflow:auto;-webkit-transition: background .5s ease-in-out,box-shadow .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,box-shadow .5s ease-in-out;
    transition: background .5s ease-in-out,box-shadow .5s ease-in-out;}
.head-shadow{ box-shadow: 0px 0px 10px #003157;-moz-box-shadow: 0px 0px 10px #003157;-webkit-box-shadow: 0px 0px 10px #003157;}
.head .content{ position:relative; z-index:2;}
.head .logo{ padding: 20px 0 0 80px; }
.nav-list { padding:28px 0 0 50px;}
.nav-list li{ float: left; margin:0 55px 0 0;}
.nav-list li a{ color: #fff; font-size: 16px; font-weight: bold; display: block;}
.nav-list li a.selected{ color: #f78d22;  }
.nav-list li a:hover{ color: #f78d22; }

.login-list { padding:24px 55px 0 0; }
.login-list > li{ float: right;  }
.login-list > li{ margin-right:25px;}
.login-list > li a{ border: 1px  #fff solid; padding: 5px 15px; color: #fff; display:  block; border-radius: 14px;-moz-border-radius:14px;-webkit-border-radius:14px;  }
.login-list > li a:hover{ background-color:#fff; color:#666666;}

.head.head-down{  background:rgba(255,255,255,1); }
.head.head-down .nav-list li a{ color:#666666;}
.head.head-down .nav-list li a:hover,.head.head-down .nav-list li a.selected{ color: #f78d22;}
.head.head-down .login-list > li a{ border: 1px  #666666 solid; color: #666666; }
.head.head-down .login-list > li a:hover{ background-color:#000; color:#fff;}


.title-one{ font-size: 32px; font-weight: bold;  text-align: center; color: #333333; letter-spacing: 2px;}
.title-two{ font-size: 20px; text-align: center; color: #333333; margin-top: 10px; letter-spacing: 2px;}


.index-slide .banner{ width: 100%; height: 600px; min-width: 1200px;  overflow: hidden; margin-top:80px;}
.index-slide .banner-one{ background:url(/content/img/banner1.jpg) no-repeat; }
.index-slide .banner-one .main{ position: relative; height: 600px; }
.index-slide .banner-one .content1{ margin:50px 0 0 0; text-align:center;}
.index-slide .banner-one .content2{ margin:30px 0 0 0; text-align: center; }
.index-slide .banner-one .content1 a{ font-size: 52px; color: #0084ff; letter-spacing: 10px; }
.index-slide .banner-one .content2 a{ font-size: 36px; color: #0084ff; text-align: center; margin-top: 18px; letter-spacing: 5px;}
.index-slide .banner-one .middle-img{ position: absolute; left: 230px; bottom: 85px; }
.index-slide .carousel-indicators li {width: 50px;height: 10px;cursor: pointer; background-color: #fff; margin: 0;border: none;margin-left: 5px;}
.index-slide .carousel-indicators li.active { background-color: #00a2ff;}

.index-slide1 .carousel-inner{ width: 992px; margin-left: 103px; }
.index-slide1 .carousel-indicators{ bottom: -30px; }
.index-slide1 a.left{ width: 28px;height: 50px;  background:url(/content/img/left-arrow.png) no-repeat; display: block; opacity: 1; top:127px; }
.index-slide1 a.right{ width: 28px;height: 50px;  background:url(/content/img/right-arrow.png) no-repeat; display: block; opacity: 1; top:127px; }


.index-slide2 .carousel-inner{ width: 1040px; margin:0 auto; }
.index-slide2 a.left{ width: 28px;height: 50px;  background:url(/content/img/left-arrow.png) no-repeat; display: block; opacity: 1; top:220px; }
.index-slide2 a.right{ width: 28px;height: 50px;  background:url(/content/img/right-arrow.png) no-repeat; display: block; opacity: 1; top:220px; }
.index-slide2 .img-list li{ float: left; margin:0 10px; }


.index-text1{ text-align: center; font-size: 32px; padding: 60px 0 40px 0; letter-spacing: 5px;}

.index-section1{ width:100%; height: 220px; background:url(/content/img/banner3.jpg) no-repeat 50% 80px; min-width:1200px; }
.index-section1 .content{ width:1200px ; margin:0 auto; background-color: #fff; height: 170px; padding-top:15px;}
.index-section1 .content ul { padding: 0 20px; }
.index-section1 .content ul li{ float: left; width: 20%; }
.index-section1 .content ul li a{ width:100%; display: block; text-align: center; margin: 0 auto; padding: 20px;transition: all 0.3s ease 0s; }
.index-section1 .content ul li a:hover{ box-shadow: 0px 8px 30px rgb(219, 219, 219);  }
.index-section1 .content ul li a img{ width: 95%; }

.index-section2{ width: 1200px; height: 770px; background: url(/content/img/bg1.jpg) no-repeat; margin:0 auto; }
.index-section2 .title1{ font-size:36px; font-weight: bold; text-align: center; padding-top:63px; }
.index-section2 .text1{ line-height: 32px; color: #808080; text-align: center; font-size: 18px; padding-top:20px; }
.index-section2 .content{ width: 1200px; height: 394px; background: url(/content/img/flow-chart.svg) no-repeat 50% 0; margin-top: 50px; }
.index-section2 .content .content-main{ width: 395px; height:394px; margin:0 auto; position: relative; -moz-animation:rotate 20s infinite linear;
            -webkit-animation:rotate 20s infinite linear;
            animation:rotate 20s infinite linear; }
.index-section2 .content .content-main .img{  width: 68px; height: 68px; position: absolute; animation: b 20s infinite linear;}
.index-section2 .content .content-main .img.dd{ top: 0; left:164px; }
.index-section2 .content .content-main .img.zf{ top: 164px; right:0; }
.index-section2 .content .content-main .img.wl{ bottom: 0; left:164px; }
.index-section2 .content .content-main .img.sp{ top: 164px; left:0; }


.index-section3{ width:100%; height: 199px; background:url(/content/img/banner4.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden;}
.index-section3 .left{ font-size: 36px; letter-spacing: 5px; color: #fff; line-height: 200px; padding-left: 150px; font-weight:bold; }
.index-section3 .left span{ font-size: 60px; font-weight: 700;}
.index-section3 .right{ padding-top:70px;  }
a.btn-register{ background-color: #ff4545; color: #fff; padding: 0; width: 220px; height: 60px; line-height: 60px; text-align: center; font-size: 22px; box-shadow: 0 0 8px #888888;
    -moz-box-shadow: 0 0 8px #888888;
    -webkit-box-shadow: 0 0 8px #888888;}
a.btn-register:hover,a.btn-register:focus,a.btn-register:active{ color: #fff; background-color: #ef3333; }
.index-section3 .right a.btn-register{ box-shadow: none; }
.index-section4{ width:100%; height: 640px; background-color: #048af3; }
.index-section4 .title1{ font-size: 36px; font-weight: bold; color:#fff; letter-spacing: 5px; text-align: center; padding: 60px 0 90px 0; }

.index-section5{ width: 1200px; height: 886px; background:url(/content/img/mobile.jpg) no-repeat 50% 0;  }
.index-section5 .title1{ font-size: 36px; color: #333; font-weight: bold; letter-spacing: 3px; padding-top: 85px;}
.index-section5 .title2{ font-size: 18px; color: #999999; padding-top: 15px;}
.index-section5 a.btn-taste{background-color: #ff4545; color: #fff; padding: 0; width: 210px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; letter-spacing: 1px; margin: 480px 0 0 133px; display:block; overflow: hidden;}

.index-section6{  width:100%; height: 700px; background:url(/content/img/bg2.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; }
.index-section6 .title1{ font-size: 36px; font-weight: bold; color: #fff; letter-spacing: 5px; text-align: center; padding: 60px 0 70px 0; }

.index-section7{ width:100%; height: 250px; background:url(/content/img/banner5.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden;}

.index-section8{ width:100%; height: 700px; background:url(/content/img/bg3.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; }
.index-section8 .title1{ font-size: 36px; color: #fff; text-align: center; padding: 50px 0 0 0; letter-spacing: 3px; }
.index-section8 .title2{ font-size: 20px; color: #fff; text-align: center; padding: 10px 0 50px 0; letter-spacing: 3px; }
.index-section8 .content{ width: 86%; margin: 0 auto;}
.index-section8 .content .new-list li{ width:18%; margin:0 1%; border: 2px #000000 solid; position: relative; float: left; margin-bottom: 30px; overflow: hidden;}
.index-section8 .content .new-list li .bg{ position: absolute; width: 100%; height: 40px; bottom: 0; left: 0; background-color: #000; opacity: 0.6; }
.index-section8 .content .new-list li .text{ position: absolute; width: 100%; text-align: center; height: 40px; bottom: 0;left: 0; line-height: 40px; color: #fff; z-index: 2; }
.index-section8 .content .new-list li img{ width: 100%; -webkit-transition: all .8s ease 0s;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.index-section8 .content .new-list li img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2)}

.index-section9{ width:100%; min-height: 500px; background:url(/content/img/bg4.jpg) no-repeat 50% bottom; min-width:1200px; overflow: hidden; padding-bottom: 120px; }
.index-section9 .title1{ font-size: 36px; padding: 90px 0 80px 0; text-align: center;}
.index-section9 .left{ width: 744px; }
.index-section9 .right{ width: 391px; }
.index-section9 .title2{ width: 100%; border-bottom:2px #4e4e4e solid; color: #048af3; padding: 0 0 5px 5px; font-size: 18px; }
.index-section9 .media{ width: 744px; height: 417px; margin-top: 13px; }
.index-section9 .right .new-tabs{border-bottom: 2px #4e4e4e solid;}
.index-section9 .right .new-tabs li.line{ font-size: 18px; margin-right:8px; color: #b3b3b3; }
.index-section9 .right .new-tabs.nav-tabs > li.active > a, .index-section9 .right .new-tabs.nav-tabs > li.active > a:hover, .index-section9 .right .new-tabs.nav-tabs > li.active > a:focus{
	color: #048af3;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom-color: transparent;
}
.index-section9 .right .new-tabs.nav-tabs{ margin-bottom:12px; }
.index-section9 .right .new-tabs.nav-tabs > li{margin-bottom:0;}
.index-section9 .right .new-tabs.nav-tabs > li > a {margin-right: 2px;border: none;border-radius: 4px 4px 0 0;}
.index-section9 .right .new-tabs.nav-tabs > li > a:hover {background-color: #fff;}
.index-section9 .right .new-tabs.nav > li > a{ padding: 0 0 5px 5px; font-size: 18px; margin-right: 15px;}



.pic{ width: 100%; position: relative; }
.pic .bg{ position: absolute; width: 100%; height: 40px; bottom: 0; left: 0; background-color: #000; opacity: 0.6; }
.pic .text{ position: absolute; width: 100%; text-align: center; height: 40px; bottom: 0;left: 0; line-height: 40px; color: #fff; z-index: 2;}
.text-list li { padding: 0 10px; line-height: 36px; }
.text-list li a{ float: left; width: 270px; display: block; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.text-list li span{ float: right; display: inline-block; }

.index-section10{ width: 100%; background-color:#f7f9fb; height: 140px; }
.index-section10 .left{ padding-top:56px; overflow: hidden; }
.index-section10 .left .img{ background: url(/content/img/install.png) no-repeat; width: 35px; height:30px;  display: block; float: left;}
.index-section10 .left .text{ font-size: 22px; float: left; margin-left: 10px; color: #8196b7; }
.index-section10 .right{ padding-top:45px; }

.index-section11 { padding:90px 0 110px 0;overflow:hidden;}
.index-section11 .left{ width:198px; padding:110px 0 0 0; margin-left:20px;}
.index-section11 .left p{ width:100%; text-align:center;}
.index-section11 .left .text1{ font-size:40px;}
.index-section11 .left .img1{ width:198px; height:58px; background:url(/content/img/index-img1.png) no-repeat; font-size:16px; line-height:58px; color:#fff; margin-top:15px;}
.index-section11 .left .img2{ width:198px; height:58px; background:url(/content/img/index-img2.png) no-repeat; font-size:16px; line-height:58px; color:#fff; margin-top:15px;}
.index-section11 .right{ padding:90px 0 0 50px;}
.index-section11 .right .new-list li{ float:left; margin-left:17px; width:204px; height:242px;box-shadow: 0px 0px 10px #c5c5c5;-moz-box-shadow: 0px 0px 10px #c5c5c5;-webkit-box-shadow: 0px 0px 10px #c5c5c5;}

.index-section12 { width:100%; height:453px; background-color:#ebeff2; padding-top:60px; margin-bottom:200px;}
.index-section12 .content{ width:1200px; height:360px;box-shadow: 0px 0px 20px #c5c5c5;-moz-box-shadow: 0px 0px 20px #c5c5c5;-webkit-box-shadow: 0px 10px 50px #c5c5c5;background-color:#fff; margin-top:55px; }
.index-section12 .content .left{ width:600px; margin-left:60px;}
.index-section12 .content .left .item{ width:600px;overflow:hidden; padding-top:55px;}
.index-section12 .content .left .item:first-child{ border-bottom:1px #cccccc solid; padding-bottom:52px;}
.index-section12 .content .left .left1 p{ line-height:24px;}
.index-section12 .content .left .left1 .text1{ font-size:22px; color:#f52f3e;}
.index-section12 .content .left .left1 .text2{ color:#999999;}
.index-section12 .content .left .right1 { padding-top:25px;}
.index-section12 .content .left .right1 a{ margin-right:20px;}
.index-section12 .content .left .right1 .index-btn1{ width:90px; height:30px; line-height:30px; text-align:center; background-color:#038af3; color:#fff; display:block;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.index-section12 .content .left .right1 .index-btn2{ width:90px; height:30px; line-height:30px; text-align:center; background-color:#ff5256; color:#fff; display:block;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}

.index-section13 .new-list { padding:75px 0 140px 0;overflow:hidden;}
.index-section13 .new-list li{ float:left; width:188px; margin-right:12px;box-shadow: 0px 0px 10px #c5c5c5;-moz-box-shadow: 0px 0px 10px #c5c5c5;-webkit-box-shadow: 0px 0px 10px #c5c5c5;}
.index-section13 .new-list li p:first-child { width:188px; height:211px; overflow:hidden;}
.index-section13 .new-list li p:first-child img{ width: 100%; -webkit-transition: all .8s ease 0s;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.index-section13 .new-list li p:first-child img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2)}
.index-section13 .new-list li p:last-child{ width:100%;height:52px; color:#666666; line-height:52px; font-size:16px; padding:0 10px;}

/*价格*/
.buy-banner{ width:100%; height: 650px; background:url(/content/img/buy-banner.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; margin-top:80px; }
.buy-banner .title1{ font-size:70px; font-weight:bold; color:#fff; text-align:center; letter-spacing:7px; margin-top:90px;}
.buy-banner .title2{ font-size:40px; color:#fff; text-align:center; letter-spacing:5px; margin-top:20px;}
.buy-banner .new-list { padding-top:50px; overflow:hidden;}
.buy-banner .new-list li{ width:393px; height:297px; background-color:#fff; float:left; margin-right:10px;}
.buy-banner .new-list li:last-child{margin-right:0;}
.buy-banner .new-list li p{ text-align:center;}
.buy-banner .new-list li .text1{ font-size:24px; letter-spacing:2px; padding-top:38px;}
.buy-banner .new-list li .text2 { padding-top:10px;}
.buy-banner .new-list li .text2 span{ padding:2px 15px; background-color:#43a2ff; color:#fff;}
.buy-banner .new-list li .text3{ font-size:16px; color:#000066;}
.buy-banner .new-list li .text3 .price{ font-size:68px; color:#ff5000;}
.buy-banner .new-list li .text4{ color:#777777;}
.buy-banner .new-list li .btn-last{ width:230px; margin:20px auto;}
.buy-banner .new-list li .btn-last > a{ width:100px; height:34px; line-height:34px; text-align:center; color:#fff;}
.buy-banner .new-list li .btn-last > a:first-child{ background-color:#038af3;}
.buy-banner .new-list li .btn-last > a:last-child{ background-color:#ff5c51;}

.buy-section3 .title{ min-width:171px; height: 64px; background: url(/content/img/buy-img1.png) no-repeat; font-size: 22px; padding: 22px 0 0 26px; letter-spacing: 1px; margin:90px 0 35px 0; font-weight: bold;}
.buy-section3 .content{ border: 1px #dbdbdb solid; padding: 18px; background-color: #fff; }
.buy-section3 .content .nav-tabs { border-bottom: 2px #e9f0fa solid; }
.buy-section3 .content .nav-tabs li{ margin-bottom: -2px; }
.buy-section3 .content .nav-tabs li a{ border: none; border-bottom: 2px #e9f0fa solid; font-size: 16px; }
.buy-section3 .content .nav-tabs li a:hover{ background:none; }
.buy-section3 .content .nav-tabs > li.active > a,.buy-section3 .content .nav-tabs > li.active > a:hover,.buy-section3 .content .nav-tabs > li.active > a:focus {
    color: #ff4545;
    cursor: default;
    border: none;
    border-bottom: 2px solid #ff4545;
    background-color:#fff;
}
.buy-section3 .content .tab-content .tab-pane{ padding: 30px 15px; line-height: 28px; }

.buy-section4 { z-index:1000; min-width: 1200px; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-position: center 0; background-repeat: no-repeat; background-attachment: fixed;background-size: cover;-webkit-background-size: cover; -o-background-size: cover;zoom: 1;background-color: rgb(64, 64, 64);background-image: url("/content/img/buy-bg1.jpg");}
.buy-section5 { z-index: 1001; position: relative; padding-top:270px;}
.buy-section5 .text1{ text-align:center; font-size:58px; color:#fff; letter-spacing:5px;}
.buy-section5 .text2{ text-align:center; font-size:30px; color:#fff;margin-top:20px; letter-spacing:5px;}
.buy-section5 .content{ width:590px;margin:0 auto; margin-top:50px; overflow:hidden;}
.buy-section5 .content input{ width:500px; height:50px; outline:none; border:none; background-color:#fff; font-size:16px; padding:0 20px;}
.buy-section5 .content button{ width:80px; height:50px; background-color:#ff515c; border:none; font-size:16px; color:#fff; outline:none;}
.buy-section5 .content button:hover{  background-color:#e55449;}
.buy-section5 .text3 { text-align:center;overflow:hidden; padding-top:25px;}
.buy-section5 .text3 a{ font-size:16px; color:#006dea; }

.buy-section6{ width:100%; height: 201px; background:url(/content/img/buy-bg2.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; margin-top:80px; }
.buy-section7{ width:1188px; border:1px #dbdbdb solid; min-height:176px;  background-color:#f2f2f2;margin:70px 0 0 10px;}
.buy-section7 .title{ width:150px; height:46px; background:url(/content/img/buy-img4.png) no-repeat; font-size:18px; color:#fff; font-weight:bold; text-align:center; line-height:38px; letter-spacing:5px; margin:15px 0 0 -10px;}
.buy-section7 .new-list { padding:20px 30px; overflow:hidden;}
.buy-section7 .new-list li{ float:left; width:33%; line-height:32px; color:#3d89ca;}

.buy-section8 { overflow:hidden; padding:20px 0 50px 0;}
.buy-section8 .item{ padding:15px 0; overflow:hidden;}
.buy-section8 .item:first-child{ margin-top:15px;}
.buy-section8 .item .bz{ line-height:33px; padding-left:24px;}
.buy-section8 .item .text1{ color:#038af3; line-height:33px;}
.buy-section8 .item .input-buy{ line-height:33px; width:220px; height:33px; padding:0 10px;}
.buy-section8 .title1{ width:180px;line-height:33px; padding-right:24px; text-align:right;}
.buy-section8 .new-list { overflow:hidden;}
.buy-section8 .new-list li { float:left; margin-right:35px; cursor:pointer; background-color:#dbdbdb;}
.buy-section8 .new-list li.selected{ background-color:#038af3; }
.buy-section8 .new-list li.disabled{ cursor:not-allowed;}
.buy-section8 .new-list li.selected > p{  color:#fff;}
.buy-section8 .new-list li > p{ width:100px; height:33px; font-size:12px; text-align:center;  line-height:33px;}
.buy-section8 .new-list li > p.discount1{ background:url(/content/img/discount1.png) no-repeat right bottom;}
.buy-section8 .new-list li > p.discount2{ background:url(/content/img/discount2.png) no-repeat right bottom;}


.buy-section9 { width:100%; border-top:1px #dbdbdb solid; margin:0 0 50px 0; overflow:hidden;}
.buy-section9 .left{ padding:50px 0 0 60px; overflow:hidden;min-width:720px;}
.buy-section9 .left .text1{ font-size:18px; color:#ff5256;}
.buy-section9 .left .text2{ font-size:22px; color:#ff5256; margin-top:10px;}
.buy-section9 .left .text3{ margin-top:10px;}
.buy-section9 .btn-pay{ width:140px; height:34px; background-color:#ff515c; border-radius:5px; display:block; line-height:34px; text-align:center; color:#fff; margin-top:80px;}
.buy-section9 .btn-pay:hover{ background-color:#e55449;}

/*购买结果*/
.buy-result { background:#f7f7f7; text-align:center;  padding:200px 0 150px 0; margin:100px 0 0 0; overflow:hidden; width:100%;}
.buy-result h1 { color:#333; font-size:40px;display:inline-block; font-weight:normal;}
.buy-result .buy-icon { display:inline-block;vertical-align:-28px; width:82px; height:82px; background:url(/content/img/buy-result-ico.png) no-repeat; margin-right:10px;}
.buy-result .buy-failure .buy-icon { background-position:0 0}
.buy-result .buy-success .buy-icon { background-position:0 100%}

.buy-contactWay { border-top:1px dashed #ccc; width:640px; text-align:left; padding-left:85px; padding-top:20px; margin:68px  auto 0; line-height:30px;}
.buy-contactWay p { color:#fd8333; font-weight:500}
.buy-contactWay a { color:#036aba; margin-right:35px;}


/*关于我们*/
.about-banner{width:100%; height: 500px; background:url(/content/img/about-banner.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden;  margin-top:80px;}
.about-section1{ width: 100%; background-color: #f7f7f7; padding: 120px 0 110px 0; overflow: hidden;}
.about-section1 .left{ width: 560px; padding-left: 26px; }
.about-section1 .left .title{ font-size: 18px; color: #e43a09; }
.about-section1 .left .text{ line-height: 32px; margin-top:20px; }
.about-section1 .right{ width: 512px; padding:50px 25px 0 0; }
.about-section2{ width:100%; height: 340px; background:url(/content/img/about-bg1.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; padding-top:10px; }
.about-section2 .pic-list1 li{ float: left; box-shadow: 0px 0px 10px #c5c5c5;-moz-box-shadow: 0px 0px 10px #c5c5c5;-webkit-box-shadow: 0px 0px 10px #c5c5c5;margin-left: 11px;}
.about-section3{width:100%; height: 200px; background:url(/content/img/about-bg2.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; }
.about-section4{width:100%; min-height: 485px; background:url(/content/img/about-img8.png) no-repeat right 0px; min-width:1200px; overflow: hidden; margin: 120px 0 95px 0; overflow: hidden; }
.about-section4 .title{ font-size: 32px;  font-weight: bold; color: #042e6f; letter-spacing: 2px; margin-top:50px; }

.about-slide1{ width: 600px; height: 293px;}
.about-slide1 .about-list1 li{ overflow: hidden; width: 100%; margin:20px 0; }
.about-slide1 .about-list1 .year{ font-size: 26px; line-height: 70px;letter-spacing: 2px; }
.about-slide1 .about-list1 .text1{ font-size: 50px; color: #e6e6e6; }
.about-slide1 .about-list1 .text2{ font-size: 16px; margin:17px 0 0 10px; letter-spacing: 2px; width: 499px; }
.about-slide1 .carousel-indicators{ bottom:0; }
.about-slide1 .carousel-indicators li{ background-color: #000; opacity: 0.5; }
.about-slide1 .carousel-indicators li.active{ background-color: #dd2727; }

.about-section5{width:100%; height: 550px; background:url(/content/img/about-bg3.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; }
.about-section5 .title{ font-weight: bold; font-size: 32px; color: #fff; text-align: center; letter-spacing: 5px; padding: 63px 0 70px 0;}

.about-slide2 .carousel-inner{ width: 1057px; margin:0 auto; }
.about-slide2 a.left{ width: 28px;height: 50px;  background:url(/content/img/left-arrow.png) no-repeat; display: block; opacity: 1; top:100px; }
.about-slide2 a.right{ width: 28px;height: 50px;  background:url(/content/img/right-arrow.png) no-repeat; display: block; opacity: 1; top:100px; }
.about-slide2 .about-list2 li{ float: left; width: 330px; background-color: #fff; margin-right:33px; height: 250px; padding: 24px 10px 0 10px;}
.about-slide2 .about-list2 li:last-child{ margin-right: 0; }
.about-slide2 .about-list2 li .title1{ background: url(/content/img/about-img9.png) no-repeat; height: 32px; padding: 3px 0 0 40px; font-size: 16px; font-weight: bold; }
.about-slide2 .about-list2 li .text{ line-height: 22px; font-size: 12px; padding: 10px; }

.about-section6{ padding: 60px 0 120px 0; overflow: hidden; }
.about-section6 .left{ padding-top:60px; }
.about-section6 .right{ width: 473px; padding-top:70px; }
.about-section6 .right .text1{ font-size: 20px; font-weight: bold; }
.about-section6 .right .text2{ line-height: 24px; margin-top: 30px; }
.about-section6 .right .wx-list{ padding-top:30px; }
.about-section6 .right .wx-list li {width: 106px; float: left; margin-right:40px;}
.about-section6 .right .wx-list li > p:first-child{ width: 106px; border: 1px #ff4400 solid; height: 106px; padding: 6px;}
.about-section6 .right .wx-list li > p:last-child{ text-align: center; margin-top: 10px; }
.about-section6 .right .wx-list li > p img{ width: 100%; }


/*合作加盟*/
.gov-banner{width:100%; height: 500px; background:url(/content/img/gov-banner.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; margin-top:80px; }
.gov-section1{ padding: 73px 0 135px 0; overflow: hidden; }
.gov-section1 .left{ width: 400px; padding-top:100px; }
.gov-section1 .left p{ margin:20px 0; }
.gov-section1 .left .text1{ font-size: 32px; font-weight: bold; color: #042e6f; }
.gov-section1 .left .text2,.gov-section1 .left .text3{ height: 30px; }
.gov-section1 .left .text2 > i.icons{ background:url(/content/img/icons.png) no-repeat 0 0; width: 30px; height: 30px; display: inline-block; float: left;}
.gov-section1 .left .text2 > span{ display: inline-block; float: left; line-height: 30px; font-size: 16px; color: #042e6f; letter-spacing: 1px; margin-left: 10px;}
.gov-section1 .left .text3 > i.icons{ background:url(/content/img/icons.png) no-repeat 0 -30px; width: 30px; height: 30px; display: inline-block; float: left;}
.gov-section1 .left .text3 > span{ display: inline-block; float: left; line-height: 30px; font-size: 16px; color: #042e6f; letter-spacing: 1px; margin-left: 10px;}
.gov-section1 .right{ padding: 100px 25px 0 0; }
.gov-section2{width:100%; min-height: 400px; background:url(/content/img/gov-img2.jpg) repeat-x; min-width:1200px; overflow: hidden; padding-bottom: 136px; }
.gov-section2 .title{ font-size: 32px; font-weight: bold;  text-align: center; color: #333333; letter-spacing: 2px; padding: 90px 0 75px 0;}
.gov-section2 .img{ width: 1232px; height:382px; background:url(/content/img/gov-img3.png) no-repeat 50% 0; margin:0 auto; }
.gov-section3{width:100%; height: 640px; background:url(/content/img/gov-bg1.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; }
.gov-section3 .title{ font-size: 32px; font-weight: bold;  text-align: center; color: #fff; letter-spacing: 2px; padding: 85px 0 90px 0;}
.gov-section3 .gov-list1 li{ float: left; margin-right:18px; }
.gov-section3 .gov-list1 li:last-child{ margin-right: 0; }
.gov-section4{ width:100%; height: 666px; background:url(/content/img/gov-bg2.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; }
.gov-section4 .title{ padding: 100px 0 70px 0; }
.gov-section4 .left{ width: 500px; padding-left: 85px; }
.gov-section4 .left .title1{ font-size: 24px; font-weight: bold; color: #ea3e63; padding-top:55px; }
.gov-section4 .left .gov-list2 { padding-top:40px; }
.gov-section4 .left .gov-list2 li{ overflow: hidden; margin-bottom: 45px; }
.gov-section4 .left .gov-list2 li > i.icons{ background:url(/content/img/icons.png) no-repeat 0 -60px; width: 8px; height: 8px; display: inline-block; float: left; margin:5px 10px 0 0;}
.gov-section4 .left .gov-list2 li > span{ float: left; color: #042e6f;}
.gov-section4 .right{ text-align: right; padding-right: 75px; }
.gov-section5{ width:100%; height: 488px; background:url(/content/img/gov-bg3.png) no-repeat 50% 0; min-width:1200px; overflow: hidden; margin-bottom:100px;}
.gov-section5 .right{ width:584px; float:right;}
.gov-section5 .right .title{ padding: 150px 0 60px 0; }
.gov-section5 .right .title p{ text-align: center; color: #fff; }
.gov-section5 .right .title p{ font-size: 36px; font-weight: bold; letter-spacing: 3px; }
.gov-section5 .right .content{ width: 380px; margin:0 auto; }
.gov-section5 .right .content .btn-danger{ width: 160px; height: 50px; background-color: #ff1054; font-size: 20px; line-height: 46px; padding: 0; letter-spacing: 2px; border-radius: 0; border: none; }

/*
.assist-banner{width:100%; height: 500px; background:url(/content/img/assist-banner.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden;  margin-top:80px;}
.assist-section1{ width: 100%; background-color: #e2f1ff; padding: 100px 0 60px 0; overflow: hidden; }
.assist-section1 .assist-list1{padding-top:70px; overflow: hidden;}
.assist-section1 .assist-list1 li{ float: left; margin-right:20px; box-shadow: 0px 0px 5px #d7e9fa;-moz-box-shadow: 0px 0px 5px #d7e9fa;-webkit-box-shadow: 0px 0px 5px #d7e9fa; }
.assist-section1 .assist-list1 li:last-child{ margin-right:0; }
.assist-section2{width:100%; min-height: 467px; background:url(/content/img/assist-bg1.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; background-color: #fbfbfb; padding-bottom: 100px;}
.assist-section2 .title{ font-size: 22px; color: #e49248; border-bottom:1px #cccccc solid; padding-bottom: 20px; margin-top:50px; }
.assist-section2 .assist-list2 { padding-bottom: 70px; }
.assist-section2 .assist-list2 li{border-bottom:1px #cccccc solid; padding: 20px 10px; }
.assist-section2 .assist-list2 li > .question { cursor: pointer; overflow: hidden; }
.assist-section2 .assist-list2 li > .question > i.icons{ background:url(/content/img/icons.png) no-repeat 0 -71px; width: 20px; height: 20px; display: inline-block; float: left; margin:3px 10px 0 0; }
.assist-section2 .assist-list2 li > .question > span{ font-size: 18px; float:left; }
.assist-section2 .assist-list2 li > .key { margin-top: 10px; overflow: hidden; display: none; }
.assist-section2 .assist-list2 li > .key > i.icons{ background:url(/content/img/icons.png) no-repeat 0 -91px; width: 20px; height: 20px; display: inline-block; float: left; margin:3px 10px 0 0; }
.assist-section2 .assist-list2 li > .key > span{ line-height: 24px; display: block; float: left; width: 1150px; color: #4d4d4d; }


.help-banner{ width: 100%; background: url(/Content/images/help-banner.png) no-repeat 50% 0; height:123px; margin-top:80px; min-width:1200px;}
.help-section{ width:1200px;overflow:hidden;margin-top:25px; padding-bottom:50px;}
.help-left{ width:222px; overflow:hidden; background-color:#f5f5f5;}

.help-right{ width:918px; background-color:#fff; min-height:500px; padding:10px 30px 30px 30px;}
.help-right > p{ padding:15px 0; overflow:hidden;}
.help-right .title{ font-size:24px;}
.help-right .text{ line-height:36px;}
.help-right .help-img img{ max-width:100%;}
.help-right img{ max-width:100%;}
.question-list li { border-bottom:1px #e8e8e8 solid; width:100%; margin-bottom:20px; padding-bottom:15px;}
.question-list li p:first-child{ cursor:pointer;}
.question-list li p:first-child span{ font-size:18px; margin-right:5px; color:#248ae5;}
.question-list li p:last-child{ line-height:30px; margin:15px 0 0 0; display:none; padding-left:20px;}
.question-list li:first-child p:last-child{ display:block;}

.help-list li{ border-bottom:none;border-top:1px solid #e5e5e5;}
.help-list li.last-child{  border-bottom: 1px solid #e5e5e5;}
.help-list li a{display:block;cursor:pointer; color:#363636;}
.help-list li a.selected{ color:#248ae5;}
.help-list li a:hover{ color:#248ae5;}
.help-list li a:hover .li-text{ color:#248ae5;}
.help-list li .dqian{background:none}
.help-list li .li-text{ width:162px; display: inline-block; padding:20px 10px 20px 30px; color:#363636;}
.help-list span.fa{ background: url(/Content/images/help-icons.png) no-repeat ; vertical-align:middle; margin-right:14px;}
.er{display:none;}
.er li{width:100%;padding: 0px 0;border: solid #d5d5d5;border-width: 1px 0px 0px; background-color:#e9e9e9;}
.er li a{display:block;padding:20px 10px 20px 65px;background:none; }
.er li a.has{ padding:0 10px 0 65px;}
.help-list .er li .li-text { padding-left:0; width: 86px;}

.thr{display:none;}
.thr li{ position:relative;background-color:#d9d9d9;border: solid #b5b5b5;border-width: 1px 0px 0px; }
.more1{margin-left: 28px;margin-top: -4px;}
.thr_nr{width:300px;position:absolute;top:0px;left:150px;z-index:10;border:1px solid rgb(201,201,201);display:none;}
.thr_nr h3{font-weight:normal;font-size:18px;display:block;text-align:center;width:100%;padding:10px 0px;}
.thr_nr img{width:100%;}
.help-list span.fa-summarize { background-position:0 0; width:21px;height:19px;}
.help-list span.fa-greenhand { background-position:0 -19px; width:21px; height:21px;}
.help-list span.fa-plug  { background-position:0 -40px; width:21px; height:19px;}
.help-list span.fa-sell { background-position:0 -59px; width:21px; height:20px;}
.help-list span.fa-purchase { background-position:0 -79px; width:22px; height:18px;}
.help-list span.fa-wallet { background-position:0 -97px; width:22px;height:21px;}
.help-list span.fa-faq { background-position:0 -118px; width:21px; height:19px;}*/


/*产品*/
.goods-banner{width:100%; height: 500px; background:url(/content/img/goods-banner.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; margin-top:80px; }
.goods-section1 { padding-bottom: 100px; overflow: hidden; }
.goods-section1 .title{ padding: 100px 0 120px 0; }
.goods-section1 .goods-list1 li{ width: 135px; overflow: hidden; float: left; margin-right: 131px; }
.goods-section1 .goods-list1 li:last-child{ margin-right: 0; }
.goods-section1 .goods-list1 li .text1{ font-size: 22px; text-align: center; margin-top:10px; }
.goods-section1 .goods-list1 li .text2{ color: #a5a5a5; text-align: center;}
.goods-section2{width:100%; min-width:1200px; overflow: hidden; padding-bottom:70px; }
.goods-section2 .media{ width:1200px; margin:0 auto; height:390px; border:1px #dbdbdb solid;}
.goods-section2 .title{ color:#000;padding:50px 0 50px 0;}
.goods-section3{ overflow: hidden; background-color: #fafafa; }
.goods-section3 .title{ padding: 75px 0 85px 0; }
.goods-section3 .img{ overflow: hidden; padding-bottom: 50px; background-color: #fafafa;  }
.goods-section4{ width: 100%; background: url(/content/img/ddh-bg3.jpg) repeat-x; height:699px; }
.goods-section4 .title{ padding: 55px 0 45px 0; }
.goods-section4 .title .title-one,.goods-section4 .title .title-two{ color: #fff; }

.goods-slide1 .carousel-inner{ width: 900px; margin:0 auto; margin-top:50px; padding-bottom: 80px; }
.goods-slide1 a.left{ width: 28px;height: 50px;  background:url(/content/img/left-arrow.png) no-repeat; display: block; opacity: 1; top:160px; }
.goods-slide1 a.right{ width: 28px;height: 50px;  background:url(/content/img/right-arrow.png) no-repeat; display: block; opacity: 1; top:160px; }
.goods-slide1 .carousel-indicators{top:-70px;}
.goods-slide1 .carousel-indicators li{
    display: inline-block;
    width: 80px;
    height: 32px;
    cursor: pointer;
    border: 1px solid #cccccc;
    border-radius: 0;
    text-indent: 0;
    line-height: 30px;
    text-align: center;
    color: #fff;
    margin:0 15px;
  }
.goods-slide1 .carousel-caption{ width: 100%; height: 80px; background-color: #fff; left:0; right: 0; bottom: -80px;  text-shadow: none; color: #808080; text-align: left; padding: 18px 90px 0 90px;}
.goods-slide1 .carousel-caption span{ color:#0063dd; font-size: 18px;}
.goods-slide1 .carousel-indicators li.active{  color: #6e88e3; border: 1px #fff solid; }

.goods-section5 { padding-bottom: 60px;  overflow: hidden;}
.goods-section5 .title{ padding: 75px 0 85px 0; }

.goods-section5 .left{ width: 600px; background: url(/content/img/goods-iphone1.png) no-repeat right 0; height: 438px; position:relative;}
.goods-section5 .right{ width: 600px; background: url(/content/img/goods-iphone2.png) no-repeat left 0; height: 438px; position:relative;}
.goods-section5 .left .text-list1{ padding-top:44px; }
.goods-section5 .left .text-list1 li{ width: 220px; text-align: right; margin-bottom: 63px;}
.goods-section5 .left .text-list1 li > .text{ font-size: 20px; cursor: pointer; }
.goods-section5 .left .text-list1 li > .text .img{ display: block; width:175px; height: 311px; position: absolute; top:50px; right: 21px; display: none; }
.goods-section5 .left .text-list1 li > .text.active{ color: #ff5000; }
.goods-section5 .left .text-list1 li > .text.active .img{ display: block; }
.goods-section5 .left .text-list1 li:last-child{ margin-bottom: 0; }
.goods-section5 .right .text-list1{ padding-top:44px;  float: right;}
.goods-section5 .right .text-list1 li{ width: 220px; text-align: left; margin-bottom: 63px;}
.goods-section5 .right .text-list1 li > .text{ font-size: 20px; cursor: pointer; }
.goods-section5 .right .text-list1 li > .text .img{ display: block; width:175px; height: 311px; position: absolute; top:50px; left: 27px; display: none; }
.goods-section5 .right .text-list1 li > .text.active{ color: #ff5000; }
.goods-section5 .right .text-list1 li > .text.active .img{ display: block; }
.goods-section5 .right .text-list1 li:last-child{ margin-bottom: 0; }

.goods-section6{width:100%; height: 220px; background:url(/content/img/goods-bg2.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; }
.goods-section7{ padding: 176px 0 140px 0; overflow: hidden; }
.goods-section7 .right { width: 520px; }
.goods-section7 .right .text1{ font-size: 32px; font-weight: bold; margin-top: 55px; }
.goods-section7 .right .text2{ font-size: 16px; line-height: 28px; margin-top:15px; }
.goods-section7 .right a.btn-danger{  background-color: #088cee;
    color: #fff;
    padding: 0;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    border:1px #088cee solid;
    margin-top: 45px;
}
.goods-section8{width:100%; min-height: 460px; background:url(/content/img/goods-bg3.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; padding-bottom:100px; }
.goods-section8 .left{ padding:117px 0 0 52px;  }
.goods-section8 .left .text1{ font-size: 40px; font-weight: bold; }
.goods-section8 .left .text2{ line-height: 30px;}
.goods-section8 .left .btn1{ width: 216px; height: 42px; border: 2px #b3b3b2 solid; line-height: 40px; padding-left: 39px; font-size: 18px; color: #666666; margin-top: 10px; cursor:  pointer; }
.goods-section8 .left .btn2{ width: 216px; height: 42px; border: 2px #b3b3b2 solid; line-height: 40px; padding-left: 33px; font-size: 18px; color: #666666; margin-top: 20px; cursor:  pointer; }
.goods-section8 .left .btn1 .icons{ width: 15px; height: 22px; background: url(/content/img/icons.png) no-repeat 0 -153px; display: block; float: left; margin: 9px 16px 0 0; }
.goods-section8 .left .btn2 .icons{ width: 26px; height: 21px; background: url(/content/img/icons.png) no-repeat 0 -111px; display: block; float: left; margin: 9px 11px 0 0; }
.goods-section8 .left .btn1.selected{ border: 2px #69adf3 solid; color: #038af3; }
.goods-section8 .left .btn1.selected .icons{ background: url(/content/img/icons.png) no-repeat 0 -175px;}
.goods-section8 .left .btn2.selected{ border: 2px #69adf3 solid; color: #038af3; }
.goods-section8 .left .btn2.selected .icons{ background: url(/content/img/icons.png) no-repeat 0 -132px;}
.goods-section8 .right{ padding: 20px 60px 0 0; position: relative;}
.goods-section8 .right .pic1{ position: absolute; width: 200px; height: 201px; top: 140px;left: -140px; display: none; background: url(/content/img/goods-img24.png); }
.goods-section8 .right .pic2{ position: absolute; width: 200px; height: 201px; top: 140px;left: -140px; display: none; background: url(/content/img/goods-img25.png);}
.goods-section8 .right .pic1.selected,.goods-section8 .right .pic2.selected{ display: block;     -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -ms-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;}

/*翻转样式*/
/* entire container, keeps perspective */
.flip-container {
  perspective: 1000;
}
  /* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
.flip-container:hover .back{
    z-index:2;
}
.flip-container:hover .front{
    z-index:1;
}

.flip-container, .front, .back {
  width: 157px;
  height: 220px;
}

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;

  position: relative;
}

/* hide back of pane during swap */
.front,.back{
  backface-visibility:hidden;
-webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
-moz-backface-visibility:hidden; 	/* Firefox */
-ms-backface-visibility:hidden; 
  position: absolute;
  top: 0;
  left: 0;
}

/* front pane, placed above back */
.front {
  z-index: 2;
}

/* back, initially hidden pane */
.back {
  -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

a.free-opening:hover {
    border-color: #00c0ff;
    text-indent: 130px;
    background-color: #00c0ff;
    color: #fff;
}
a.free-opening {
    border: #dfdfdf 1px solid;
    background: rgba(255,255,255,0);
    width: 360px;
    height: 58px;
    display: block;
    margin: 50px auto 80px;
    line-height: 58px;
    font-size: 20px;
    color: #00c0ff;
    text-indent: 150px;
    border-radius: 30px;
    transition: all ease-out .3s;
    overflow: hidden;
}
a.free-opening i {
  text-indent: -10px;
  font-size: 24px;
  color: transparent;
  transition: all ease-out .3s
}
a.free-opening:hover i {
  text-indent: 18px;
  color: #fff;
}

.footer{ width:100%; overflow:hidden; min-width:1200px;}
.footer .section{ width:100%; background-color:#3e4147; overflow:hidden;}
.footer .section .partner-list{ padding:60px 0 30px 0; border-bottom:1px #999 dashed; overflow:hidden;}
.footer .section .partner-list li{ float:left; margin-right:67px;}
.footer .section .partner-list li:first-child{ font-size:18px; font-weight:bold; color:#999;padding-top:6px;  margin-right:30px;}
.footer .section .partner-list li:last-child{ margin-right:0;}
.footer .section .partner-list li a{ height:28px; display:table-cell; vertical-align:middle;}
.footer .section .details{ padding:30px 0; overflow:hidden;}
.footer .section .introduce{ overflow: hidden; }
.footer .section .introduce p { float: left; margin: 5px 0; margin-right: 35px; }
.footer .section .introduce p a{ display:inline-block;}
.footer .section .introduce p,.introduce p a{ color:#999;}
.footer .section .introduce p a:hover{ color:#fff }
.footer-left > p {color:#999; padding: 10px 0 0 0px;}
.footer-right{ width:365px; overflow:hidden; margin-left:90px;color:#999;}
.footer-right .left { overflow:hidden;}
.footer-right .left p:last-child{ font-size:14px; font-weight:bold; margin-top:8px;}
.footer-right .right p:first-child{ margin-bottom:8px;}
.footer-right .right p a ,.footer-right .left p,.footer-right .bottom p{color:#999;}
.footer-right .right p a:hover {color:#fff;}
.footer-right .right p a span{ font-size:18px; margin-right:5px;}
.footer-right .bottom{ clear:both; padding-top:12px; overflow:hidden;}

         @-moz-keyframes rotate{
            0%{
              -moz-transform:rotate(0deg);
             }
             100%{
               -moz-transform:rotate(360deg);
             }
          }
          @-webkit-keyframes rotate{
            0%{
              -webkit-transform:rotate(0deg);
             }
             100%{
               -webkit-transform:rotate(360deg);
             }
          }
          @keyframes rotate{
            0%{
              transform:rotate(0deg);
             }
             100%{
               transform:rotate(360deg);
             }
          }
             @keyframes b {
             	 0%{
              -moz-transform:rotate(0deg);
             }
            100% {
    		  -moz-transform: rotate(-360deg);
			}
          }
          @keyframes b {
             	 0%{
              -webkit-transform:rotate(0deg);
             }
            100% {
    		  -webkit-transform: rotate(-360deg);
			}
          }
          @keyframes b {
             	 0%{
              transform:rotate(0deg);
             }
            100% {
    		  transform: rotate(-360deg);
			}
          }

/*营销qq*/
.mod-service{
	width:90px; position:fixed; _position:absolute; top:35%; right:0; z-index:999; border:1px #ccc solid;}
.mod-service li{ width:88px; height:91px; position:relative; border-bottom:1px #fff solid;}
.mod-service li:last-child{ height:90px; border-bottom:none;}
.mod-service li a{
	height:90px; display:block; width:88px; background-color:#ececec; padding-top:10px;}
.mod-service li .short .icon{ background-image:url(/Content/img/service-icons.png); background-repeat:no-repeat; display:block; margin:0 auto; overflow:hidden;}
.mod-service li .short .text{ text-align:center; width:100%; display:block; margin-top:8px; color:#333;}
.mod-service li .long{
	width:90px; height:90px; font-size:14px; font-weight:bold; line-height:80px; color:#fff; text-align:center; overflow:hidden; display:none; position:absolute; z-index:1;
	background:#007bf9;}
.mod-service li .long a{
	color:#fff;}
.mod-service li.s01 .short .icon{width:32px; height:35px;background-position:0 0;}
.mod-service li.s02 .short .icon{width:38px; height:35px;background-position:-32px 0;}
.mod-service li.s03 .short .icon{width:32px; height:35px;background-position:-70px 0;}
.mod-service li.s04 .short .icon{width:28px; height:16px;background-position:-102px -10px;}
.mod-service li.s04 .short a{ padding-top:20px;}

.mod-service li.s02 .short .text{ font-size:12px;}

.mod-service li.s03 .qrcode{
	height:130px; border:1px solid #ccc;position:absolute; top:-39px; left:-222px; display: none;
	background:#fff;}
.mod-service li.s03 .qrcode p{
	float:left; width:110px; line-height:20px; text-align:center; padding: 10px;}
.mod-service li.s03 .qrcode p img{ width: 100%; }



/*错误404*/

.error-left{ padding:60px 0 0 120px; overflow:hidden;}
.error-right{ padding:190px 0 0 96px; overflow:hidden;}
.error-right p:first-child{ font-size:24px; font-weight:bold; color:#ff9313; line-height:36px; margin-bottom:45px;}
.error-right p a.return{ background-color:#ff9313; display:block; width:112px; height:33px; line-height:32px; font-size:18px; color:#fff; text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}



/*企业钱包专题样式*/

.pay-clear:before, .pay-clear:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}

.pay-banner{ width: 100%; background: url(/content/images/QYPay/banner2.jpg) no-repeat 50% 0; height: 600px; min-width: 1200px;position:fixed;top:0; z-index:-1; margin-top:100px; }
.pay-banner p{ text-align: center; }
.pay-banner p.img1{ margin-top: 208px; }
.pay-banner p.img2{ margin-top: 52px; }
.pay-banner p.img3{ margin-top: 60px; }

.pay-content{ margin-top:750px; background-color:#fff; width:100%; height:auto;}

.pay-section1{ width: 100%; background-color:#f8f8f8;  height: 200px; min-width: 1200px;  }
.pay-section1 .left{ font-size: 32px; padding-top: 88px; }
.pay-section1 .right{ padding-top: 80px; }
.pay-section1 .right .free-btn{ border: 1px #00a2ff solid; font-size: 24px; padding: 15px 30px; color: #00a2ff; }
.pay-section1 .right .free-btn font{ font-size: 12px; }

.pay-section2-list{width: 100%; padding: 140px 0; overflow: hidden;}
.pay-section2-list li{ float: left; margin-left: 4.9%; width: 26.8%; height: auto; }
.pay-section2-list li > div > img {width: 100%;transition: .3s transform;transform: translateZ(0); }
.pay-section2-list li:hover > div > img {transform: scale(1.15, 1.15);transition: .3s transform;}
.pay-section2-list li .text{ font-size: 22px; }

.pay-section3{width: 100%; background: url(/content/images/QYPay/banner1.jpg) no-repeat 50% 0; height: 420px; min-width: 1200px; }
.pay-section3 .left{ padding: 93px 0 0 175px; }
.pay-section3 .right{ width: 700px; line-height: 32px; color: #fff;  font-size: 16px; padding: 114px 50px 0 0; letter-spacing: 1px;}
.pay-section3 .right font{ font-size: 32px; }

.pay-section4-title{ font-size: 32px; padding: 100px 0; }
.pay-section4{ width: 100%; background-color: #d9d9d9; min-height: 500px;min-width:1200px; }
.pay-section4 .wallet-slide{ margin-top: 94px;  overflow: hidden; margin-bottom: 0;padding-bottom: 80px;}
.pay-section4 .wallet-slide .carousel-indicators li{ width: 50px; height: 10px; cursor: pointer; background-color: #fff; float:left; margin:0; border:none; margin-left:5px;  }
.pay-section4 .wallet-slide .carousel-indicators li.active{ background-color: #00a2ff;  }
.pay-section4 .wallet-slide .carousel-indicators { position: absolute;top : 350px;left: 50%;z-index: 5; margin: 0;list-style: none;text-align: center; margin-left: -25px;}

.newslist li{width: 100%;height: 150px;border-bottom: rgba(0,0,0,0.05) 1px solid;transition: all ease-out .2s; position: relative; min-width:1200px; }
.newslist li:hover{background-color: #00c0ff; }
.newslist li .left{ margin-left: 200px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.newslist li .left .img1{ width: 98px; height: 98px; background: url(/content/images/QYPay/news-icons.png) no-repeat; background-position: 0 0;  margin-top: 30px;}
.newslist li .left .img2{ width: 98px; height: 98px; background: url(/content/images/QYPay/news-icons.png) no-repeat; background-position: 0 -98px; margin-top: 30px; }
.newslist li .left .img3{ width: 98px; height: 98px; background: url(/content/images/QYPay/news-icons.png) no-repeat; background-position: 0 -196px; margin-top: 30px;}
.newslist li:hover .left .img1{  background-position: -98px 0; }
.newslist li:hover .left .img2{  background-position: -98px -98px; }
.newslist li:hover .left .img3{  background-position: -98px -196px; }
.newslist li .left .text{ width: 615px; margin-left: 50px;margin-top: 40px; }
.newslist li .left .text p:first-child{ font-size: 20px;  }
.newslist li .left .text p:last-child{ font-size: 16px; color: #A5A5A5; line-height: 24px; margin-top: 10px; }
.newslist li:hover .left {transform: translate3d(-50px,0,0);-webkit-transform: translate3d(-50px,0,0);-moz-transform: translate3d(-50px,0,0);}
.newslist li:hover .left p{color: #fff!important;}
.newslist li i{ font-size: 36px;margin: 60px 100px 0 0;color: rgba(0,0,0,0);transition: all ease-out .3s;text-indent: -30px;}
.newslist li:hover i{ font-size: 36px;margin-top: 60px;color: #fff;text-indent: 0px;}


/*在线收款0费率专题样式*/

.onlinepay .banner{ width: 100%; background: url(/content/images/onlinepay/banner.jpg) no-repeat; height:460px; text-align: center; font-size: 58px; color: #0e9cff;  line-height: 100px; padding-top:125px; min-width: 1200px; letter-spacing: 5px; margin-top:100px;  }

.onlinepay  .title1{ font-size: 36px; line-height: 48px; margin-top: 110px; letter-spacing: 3px; }
.onlinepay  .title1 span{ font-size: 24px; color: #b0b0b0; }
.onlinepay  .section1{ margin-top: 60px; overflow:hidden; }
.onlinepay  .section2{ width: 100%; background: url(/content/images/onlinepay/banner1.jpg) no-repeat; height:274px; text-align: center; color: #fff; min-width: 1200px; padding-top: 90px; }
.onlinepay  .section2 p{ color: #fff; }
.onlinepay  .section2 p.text1{ font-size: 36px; font-weight: bold; letter-spacing: 5px; }
.onlinepay  .section2 p.text2{ font-size: 18px;  line-height: 38px; margin-top: 20px;}
.onlinepay  .section3{ margin-top: 70px; }
.onlinepay  .section4{ width: 100%; background-color: #f4f6f7; height: 250px; margin-top: 50px; overflow: hidden;  }
.onlinepay  .section4 .text1{ text-align:center; font-size: 32px; letter-spacing: 3px; margin-top: 65px; }
.onlinepay  .section4 .btn-open{ width: 240px; height: 45px; line-height: 43px; font-size: 20px; background-color: #0e9cff; background-image: none; color: #fff;text-shadow: none; border: none; margin-top: 38px;-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;    }
.onlinepay  .section4 .btn-open:hover{ background-color: #0a83e1;  }
.onlinepay  .bottom-text{ line-height: 30px; padding: 30px; }

/*体验页面*/
.experience-bg{ min-width: 1000px; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-position: center 0; background-repeat: no-repeat; background-attachment: fixed;background-size: cover;-webkit-background-size: cover; -o-background-size: cover;zoom: 1;background-color: rgb(64, 64, 64);background-image: url("/content/img/experience-bg.jpg");}
.experience-content{width: 1000px;background-color: #fff;height: 570px;z-index: 5;position: relative; margin:0 auto;margin-top: 150px;}
.experience-content .title{ font-size:32px; font-weight:bold; text-align:center; padding:50px 0;}
.experience-content .experience-table{ width:946px; margin:0 auto;}
.experience-content .experience-table tbody tr td{ text-align:center;vertical-align:middle;padding:0;}
.experience-content .experience-table tbody tr td > a{ display:block; height:187px; padding-top:35px;}
.experience-content .experience-table tbody tr td > a:hover{ background-color:#f5f5f5;}
.experience-content .experience-table tbody tr td span{ margin-top:20px; display:block;}
.experience-content .experience-table i.icons{ background:url(/content/img/experience-icons.png) no-repeat; width:74px; height:70px; display:block; margin:0 auto;}
.experience-content .experience-table i.icons.img1{ background-position:0 0;}
.experience-content .experience-table i.icons.img2{ background-position:-74px 0;}
.experience-content .experience-table i.icons.img3{ background-position:-148px 0;}
.experience-content .experience-table i.icons.img4{ background-position:-222px 0;}
.experience-content .experience-table i.icons.img5{ background-position:-296px 0;}
.experience-content .experience-table i.icons.img6{ background-position:0 -70px;}
.experience-content .experience-table i.icons.img7{ background-position:-74px -70px;}
.experience-content .experience-table i.icons.img8{ background-position:-148px -70px;}
.experience-content .experience-table i.icons.img9{ background-position:-222px -70px;}
.experience-content .experience-table i.icons.img10{ background-position:-296px -70px;}

.experience-port{ width:760px; height:460px; background-color:#fff;}
.experience-port .title{ text-align:center; font-size:32px; font-weight:bold; padding:50px 0;}
.experience-port .section{ width:620px; margin:0 auto;}
.experience-port .section > a{ width:280px; height:120px; background-color:#209dff; color:#fff; text-align:center; display:block; overflow:hidden;}
.experience-port .section > a:hover{ background-color:#0783e3;}
.experience-port .section > a > .text1{ font-size:22px; margin:18px 0 0 0; display:block;}
.experience-port .section .banner{ width:100%; padding-top:25px; overflow:hidden;}


.detail-banner{ width:100%; min-height: 200px; background:url(/content/img/detail-banner.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden; margin-top:80px;}
.detail-section .title{ font-size:30px; text-align:center; padding:80px 0 20px 0;}
.detail-section .time{ color:#808080; text-align:center; border-bottom:1px #dbdbdb solid; width:100%; padding-bottom:20px;}
.detail-section .zw{ font-size:16px; line-height:34px; padding:30px;}
.detail-section .zw img{ width:80%; margin:10px auto;}

/*复选框*/
.checkbox {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
  display: inline;
  padding: 0 25px;
  cursor: pointer;
  line-height: 24px;
  position:relative;
}
.checkbox i {
  top: 1px;
  left: 0;
  display: block;
  width: 17px;
  height: 17px;
  outline: 0;
  border-width: 1px;
  border-style: solid;
  background: #fff;
  position: absolute;
  border: 1px solid #cbd1d5;
}
.checkbox:active i {
  background: #f0f0f0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.checkbox.disabled {
  cursor: default!important;
  opacity: .6!important;
}
.checkbox.disabled i,
.checkbox.disabled i:after {
  border-color: #bdbdbd !important;
  color: #6d737b !important;
}
.checkbox.disabled input[type=radio] + i:after {
  background: #6d737b !important;
}
.checkbox input[disabled] {
  cursor: not-allowed;
}
.checkbox input[type=checkbox],
.checkbox input[type=radio] {
  display: none;
}
.checkbox input[type=checkbox]:checked:hover + i:after {
  /*content: '\f00d';*/
}
.checkbox input[type=checkbox]:checked:hover:disabled + i:after {
  content: '\f00c';
}
.checkbox input[type=radio] + i {
  border-radius: 50%;
}
.checkbox:hover i,
.checkbox input[type=checkbox]:checked + i,
.checkbox input[type=radio]:checked + i {
  border-color: #218ad0;
}
.checkbox input[type=checkbox]:checked + i:after,
.checkbox input[type=radio]:checked + i:after {
  opacity: 1;
}
.checkbox input + i:after {
  position: absolute;
  opacity: 0;
  transition: opacity .1s;
  -o-transition: opacity .1s;
  -ms-transition: opacity .1s;
  -moz-transition: opacity .1s;
  -webkit-transition: opacity .1s;
}
.checkbox input[type=checkbox] + i:after {
  color: #2c97de;
  content: '\f00c';
  top: -1px;
  left: -0.5px;
  width: 15px;
  height: 15px;
  font: 400 16px/19px FontAwesome;
  text-align: center;
}
.checkbox input[type=radio] + i:after {
  content: '';
  top: 3px;
  left: 3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #2c97de;
}

/*登录*/
.login-bg{ min-width: 1200px; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-position: center 0; background-repeat: no-repeat; background-attachment: fixed;background-size: cover;-webkit-background-size: cover; -o-background-size: cover;zoom: 1;background-color: rgb(64, 64, 64);background-image: url("/content/img/login-bg.jpg");}
.register-bg{ background-image: url("/content/img/register-bg.jpg"); }
.login-content{width: 360px;z-index: 999; position: relative; margin:0 auto;margin-top: 200px; padding:20px 25px;
    box-shadow: 0 0 20px #999;
    background: rgba(255,255,255,0.7);
    filter: Alpha(opacity=50);
}

.register-content{ margin-top: 100px; }
.login-content  .title{ font-size:22px; font-weight:bold;}
.login-content  input[type=text],.login-content  input[type=password]{ width:310px; border:1px #cccccc solid; height:40px; line-height:40px; padding:0 10px; font-size:14px; outline: none!important;}
.login-content  .item{ padding-top:17px;clear: both;zoom: 1;}
.login-content  .item .validate-input input{ width:210px;}
.login-content  .item .trade-select{ width:310px; border:1px #cccccc solid;height:40px; padding:0 5px;}
.login-content  .item .validate-img img{ border:1px #cccccc solid; width:80px; height:40px;}
.login-content  .item .validate-btn{ width: 80px; height: 40px; background-color: #f1f1f1; display: block; cursor: pointer; border: 1px #cccccc solid; line-height: 40px; text-align: center;}
.login-content  .item .login-btn{ width:310px; height:42px; line-height:42px; background-color:#0AE; color:#fff; font-size:16px; cursor:pointer;border: none; border-radius: 5px; }
.login-content  .item .login-btn:hover{ background-color:#00a3d2;}

.login-content  .item .register-btn{  background-color:#ff5c51; }
.login-content  .item .register-btn:hover{ background-color:#e55449;}
.login-content  .item .register-btn.disabled{ background-color:#ababab;}


.login-content .nav-tabs{ border-bottom: 1px #0ae solid; }
.login-content .nav-tabs>li{ margin-bottom: 0; width:50%; }
.login-content .nav-tabs>li>a{ border-radius: 0; border: none; width: 100%; text-align: center; font-size: 16px; letter-spacing: 1px;}
.login-content .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background-color:#0ae; color: #fff; border:none; }

.login-content .nav-register{border-bottom: 1px #ff5c51 solid; }
.login-content .nav-register>li.active>a, .nav-register>li.active>a:focus, .nav-register>li.active>a:hover{ background-color:#ff5c51;}


@media screen and (max-width: 1450px) {

    .retrieve-content{ margin-top: 20px; }
}

@media screen and (max-width: 1400px) {

    .experience-content{ margin-top:50px;}
    .login-content{ margin-top: 140px; }
    .register-content{ margin-top: 10px;padding:10px 25px;  }
    .retrieve-content{ margin-top: 90px; }
    .login-content  .item{ padding-top:10px;}
}

/*订单汇*/
.ddh-banner{width:100%; height: 500px; background:url(/content/img/ddh-banner.jpg) no-repeat 50% 0; min-width:1200px; overflow: hidden;margin-top:80px;}
.ddh-section1 { width:100%; overflow:hidden; padding:110px 0 160px 0;}
.ddh-section1 .left{ width:680px; padding-top:50px;}
.ddh-section1 .left .title{ border-bottom:2px #088cee solid; padding-bottom:10px; font-size:22px;font-weight:bold; width:70px;text-align:center;}
.ddh-section1 .left .text1{ line-height:30px; margin-top:10px;}
.ddh-section1 .left .ddh-btn{ width:126px; height:30px; background-color:#0492fb; display:block; text-align:center; line-height:30px; color:#fff; border-radius:15px; -webkit-border-radius:15px;-moz-border-radius:15px; margin-top:20px;}
.ddh-section1 .left .new-list { padding-top:35px;}
.ddh-section1 .left .new-list li{ float:left; width:93px; height:93px; margin-right:23px;}
.ddh-section1 .left .new-list li:last-child{ margin-right:0;}

.ddh-section2{width:100%; height: 550px; background:url(/content/img/ddh-bg1.jpg) no-repeat 50% 0; min-width:1200px;}
.ddh-section2 .title{ font-size:32px; font-weight:bold; color:#fff; text-align:center; padding:45px 0;}
.ddh-section2 .left{ width:700px; text-align:center;}
.ddh-section2 .new-list { padding:50px 0 0 70px;}
.ddh-section2 .new-list li{ overflow:hidden;padding:15px 0;}
.ddh-section2 .new-list li span{ float:left; cursor:pointer;}
.ddh-section2 .new-list li .icon{ width:8px;height:8px; display:block; border:1px #fff solid; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin:6px 13px 0 0;}
.ddh-section2 .new-list li .text{ color:#fff;}
.ddh-section2 .new-list li.selected .icon{ border-color:#f2fb1d;}
.ddh-section2 .new-list li.selected .text{ color:#f2fb1d;}

.ddh-section3{width:100%; height: 653px; background:url(/content/img/ddh-bg2.jpg) no-repeat 50% 0; min-width:1200px;overflow:hidden;}
.ddh-section3 .left{ width:426px; margin:225px 0 0 50px;}
.ddh-section3 .left .title{ font-size:32px; font-weight:bold;letter-spacing:2px;text-align:center;}
.ddh-section3 .left .text{ line-height:24px; margin-top:30px;}