@charset "utf-8";
/*
 * Filename: base.css v2.0
 * Author: sw
 */
/*-- CSS Reset --*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style: inherit;font-weight: inherit;}
del,ins {text-decoration: none;}
li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;font-variant: normal;}
sup {vertical-align: baseline;}
sub {vertical-align: baseline;}
legend {color: #000;}
input,button,textarea,select,optgroup,option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input,button,textarea,select {*font-size: 100%;}
a {text-decoration: none;outline:none;}
body,html {font-family: 'Microsoft Yahei', 'simsun', arial, verdana, sans-serif;font-size: 12px;background: #ffffff;}
*html .clearfix {height: 1%;}
*:first-child+html .clearfix {min-height: 1px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;}
.pull-left{float: left;}
.pull-right{float: right;}
.hide { display: none;}

html,body{background: #4595cb;}
.wrap-box {position: absolute;left: 0;top: 0;width: 100%; min-width: 1200px;}
.wrap {width: 1200px;height: 1108px;margin: 0 auto;position: relative; overflow: hidden;}
.iframe-wrapper iframe {width: 100%;}
.iframe-wrapper { position: absolute; overflow: hidden;}
.iframe-wrapper.loading { background: url(../images/loading.gif) no-repeat center center;}
.nav { height: 70px; background: #ffffff; position: absolute; top: 0; width: 100%; z-index: 9;}
.nav .logo {width: 210px; height: 70px; float: left;}
.nav .nav-con{ width: 1200px; margin: 0 auto;}
.nav .nav-right { width: 150px; float: right; height: 70px; background: url(../images/phone-icon.png) no-repeat;}
.nav .nav-right a{ line-height: 70px; padding-left: 48px; font-size: 20px; color: #3d211d;}
.nav .nav-right a:hover{ color: #2685c3;}
.wxcode-img{ width: 220px; height: 220px; border: #2685c3 6px solid; position: absolute;}
.rotate-btn {display:none; width: 132px; height: 50px; border: 1px solid #fff; position: absolute; left: 0; top: 129px; border-radius: 8px; color: #fff; line-height: 50px; cursor: pointer; font-size: 22px; text-align: center;}
.rotate-btn:hover {opacity: .85;}

/**竖屏**/
.wrap-box.wrap-box-s{ background: url(../images/bg_s.jpg) no-repeat center center;}
.wrap-box-s .iframe-wrapper {width: 389px; height: 711px; left: 406px; top: 150px;}
.wrap-box-s .iframe-wrapper iframe {margin-top:-46px; height: 757px;}
.wrap-box-s .wxcode-img {top: 490px; left: 908px;}

.wrap-box-s .iframe-a {position: absolute; display: block; width: 389px; height: 711px; left: 406px; top: 129px; z-index: 10;}

/**横屏**/
.wrap-box.wrap-box-h{ background: url(../images/bg_h.jpg) no-repeat center center;}
.wrap-box-h .iframe-wrapper {width: 711px; height: 389px; left: 98px; top: 277px;}
.wrap-box-h .iframe-wrapper iframe {margin-top:-64px; height: 453px;}
.wrap-box-h .wxcode-img {top: 410px; left: 916px;}

.wrap-box-h .iframe-a {position: absolute; display: block; width: 711px; height: 389px; left: 98px; top: 277px; z-index: 10;}

/***底部*/
.footer {height: 110px; width: 100%; min-width: 1200px; background:url(../images/footer_bg.png); position: fixed; bottom: 0; z-index:999}
.footer .footer-box { width:1200px; height: 110px; margin:0 auto; background: url("../images/footer_img.png") no-repeat 0 0;}
.footer .footer-box ul li{ float: right;}
.footer .footer-box ul {padding-top: 28px; margin-right: 40px;}
.footer .footer-box ul li a{display: block;}
.downloadlink-btn,.codelink-btn { padding: 12px 26px; border-radius: 30px; font-size: 24px; color: #fff;}
.downloadlink-btn:hover {opacity: .9; filter:alpha(opacity=90)}
.codelink-btn {border: 2px solid #58baf9; margin-right: 20px;}
.downloadlink-btn { border: 2px solid #0198fa; background: #0198fa;}

.codelink-btn,.top-codelink-btn {display:block; position: relative;}
.codelink-btn .wx-bd,.top-codelink-btn .wx-bd {display:none; z-index: 100;position: absolute;left: 30px; height: 115px;}
.codelink-btn .wx-bd {bottom: 65px;background:url(../images/arrow-down.png) no-repeat center bottom; padding:0;}
.codelink-btn .wx-bd .qrcode,.top-codelink-btn .wx-bd .qrcode {width: 102px;height: 102px; border: 2px solid #068de5;}

.top-codelink-btn .wx-bd {top: 54px;background:url(../images/arrow-up.png) no-repeat center top; padding-top:9px;}

/**浏览器不合适**/
.cannotusebrowser-box {background: url(../images/cannotuse_bg.jpg) no-repeat center center;}
.cannotusebrowser-box .content { width: 560px; position: absolute; top: 490px; left: 305px; color: #fff;}
.cannotusebrowser-box .content .txt-tip {font-size: 24px; text-align: center; line-height: 1.6em;}
.cannotusebrowser-box .content .imgs{ margin-top: 60px; font-size: 18px;}
.cannotusebrowser-box .content .imgs .li1{ float: left; width: 180px; text-align: center;}
.cannotusebrowser-box .content .imgs .li2{ float: right; width: 180px; text-align: center;}
.cannotusebrowser-box .content .code-img{width: 148px; height: 148px; border: #2685c3 4px solid; display: block; margin: 0 auto; margin-bottom: 15px;}
.cannotusebrowser-box .content .chrome-img{ width: 126px; height: 126px; display: block; margin: 10px auto 34px auto;}
.cannotusebrowser-box .content .imgs .li2 a{ display:block; color: #fff;}
.cannotusebrowser-box .content .imgs .li2 a:hover{opacity: .95; filter: alpha(opacity=95);}


.rotateIframe {transform:rotate(-90deg);
-ms-transform:rotate(-90deg);     /* IE 9 */
-moz-transform:rotate(-90deg);    /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg);  /* Opera */}

/*弹窗*/
.modal-open {overflow: hidden;padding-right: 0px !important;}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;padding-top: 14%;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;color: #3e3e3e;}
.modal .fade .modal-dialog {-webkit-transition: -webkit-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;-webkit-transform: translate(0, -25%);-ms-transform: translate(0, -25%);-o-transform: translate(0, -25%);transform: translate(0, -25%);}
.modal .in .modal-dialog {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal-dialog {position: relative;width: auto;margin: 10px;}
.modal-content {position: relative;-webkit-background-clip: padding-box;background-clip: padding-box;outline: 0;}
.modal-content .btn {height: 35px;line-height: 35px;text-align: center;display: inline-block;margin: 0 10px;font-size: 16px;color: #fff;font-weight: 500;text-decoration: none;min-width: 80px;padding: 0 10px;}
.modal-backdrop { position: fixed;top: 0; right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;}
.modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0;}
.modal-backdrop.in {filter: alpha(opacity=90);opacity: 0.9;}
.modal-header {font-size: 18px;background: #b61d26;color: #fff;overflow: hidden;text-align: left;}
.modal-header .close {position: absolute;z-index: 10;background: url(../images/btn-close.png) no-repeat center center;width: 40px;height: 40px;right: 10px;top: 15px;cursor: pointer;border: 0;}
.modal .close:focus {outline: 0;}
.modal-title {margin: 0;line-height: 1.42857143;}
.modal-body {position: relative;padding: 15px;}
.modal-footer {padding: 15px;padding-bottom: 30px;}
.modal-footer .btn + .btn {margin-bottom: 0; margin-left: 5px;}
.modal-footer .btn-group .btn + .btn {margin-left: -1px;}
.modal-footer .btn-block + .btn-block {margin-left: 0;}
.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}
.modal-dialog {width: 315px;margin: 30px auto;}
.modal-lg { width: 680px;}
.modal-header h3 {font-size: 20px;color: #fff; height: 50px;line-height: 50px;margin: 0px;padding-left: 20px;}
.modal-footer { text-align: center;}
.modal-footer .page-wrap {margin-top: -15px;}
.modal-body .info {font-size: 14px;line-height: 25px;display: table-cell;vertical-align: middle;}
.modal-body .info-box {display: table; min-height: 75px;text-align: center; width: 100%; margin: 10px auto;}
.modal-code-img { width: 191px; height: 191px;display: block; margin: 30px auto 20px auto;}
.modal-tip-txt {display: inline-block; padding: 2px 18px; color: #fff; text-align: center; border-radius: 36px; background: #2c72a2; margin-bottom: 15px;}
.modal-link {display: block;color: #fff; text-decoration: underline;}
.modal-link:hover {opacity: .9; filter: alpha(opacity=90);}