* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0; }
body { font-family: 'Source Han Sans', 'Hiragino Sans GB', STXihei, "Microsoft YaHei", SimSun, Heiti, sans-serif; background: #122d6c; }

body{ max-width:640px;}
a { text-decoration: none }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
b, dd, dl, dt, h1, h2, h3, input, li, p, span, ul { margin: 0; padding: 0; list-style: none }
img { border: 0; display: block }
em { font-style: normal }
input, button, select, textarea, option { font-size: inherit; line-height: 1; letter-spacing: normal; word-spacing: normal; text-transform: none; text-shadow: none; vertical-align: middle; font-family: 'Source Han Sans', 'Hiragino Sans GB', STXihei, "Microsoft YaHei", SimSun, Heiti, sans-serif; }
button, input, optgroup, select, textarea { color:inherit; margin: 0; -webkit-writing-mode: horizontal-tb; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
li { list-style: none }
img { border: 0; -ms-interpolation-mode: bicubic; width:100%; vertical-align: middle }

a { text-decoration: none; }
.bg1{ background:#fff; width:100%; padding-bottom:30px;}

.bg2{background:#3b63d0; width:93%; margin:0 auto; color:#fff; border-radius:1rem; font-size:.8rem;}
.text-con{ padding:3%;}
.main{ max-width:640px; margin:0 auto; padding:0}
.txt{ line-height:27px; font-size:16px; width:94%; }

.btn{ width:94%; margin: 0 auto;}
.btn a{display: block;cursor: pointer; padding:0.5rem 0px;border: 2px solid #ff0000;background: #ff0000; border-radius:5px; color:#fff; text-align:center; width:100%; font-size:1rem;}
.btn a:hover { color:#ff0000; border: 2px solid #ff0000; background: #fff;}

.banner{ width: 100%; margin:0 auto; display:block}
.banner img{ width:100%;}
.container { width: 100%; margin: 0 auto; }

h1{ font-size:2.4rem; color:#fff; text-align:center; padding:30px 0 20px 0; margin:0 auto;}
h1 span.p-color{color:#ff8e32;}

.title{ margin:1rem auto 0.6rem; text-align:center; color:#fff;}
.title h2{ text-align:center; margin:0 auto; font-size:1.75rem; padding:0;}
.title span{ font-size:1rem;}
.title0{ margin:1rem auto 0.6rem; text-align:center; color:#fff;}
.title0 h1{ text-align:center; margin:0 auto; font-size:1.75rem; padding:0;}
.title0 span{ font-size:1rem;}
.conter{ width:93%; margin:0 auto; color:#3c87ff;}
.conter p{ padding-top:3%; font-size:1rem;}
.item-title{font-size: .8rem; width:100%; background:#3b63d0; color:#fff; padding:2% 0 2% 2%; margin-bottom:0.8rem;}

.left-content{width:100%; margin:0 auto;}
.vedio-mo{ width:93%;}
.mo-con1{ margin:0 auto;}
.footer{  font-size:.8rem; color:#fff; margin-top:2%;}
.footer span{ display:block; text-align:center; padding:2%;}

/*slide*/
.owl-demo { position: relative; width: 100%; }
.owl-demo .item { position: relative; display: block; width:100% }
.owl-demo img { display: block; width: 100%; }
.owl-pagination { width: 100%; height: 22px; text-align: center; margin-top: 10px;}
.owl-page { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-image: url(../images/bg15.png); *display:inline;
*zoom:1;
}
.owl-pagination .active { width: 50px; background-image: url(../images/bg16.png); }
.owl-buttons { display: none; }
.owl-buttons div { position: absolute; top: 30%; width: 40px; height: 80px; margin-top: -40px; text-indent: -9999px; }
.owl-prev:hover { background-image: url(../images/bg19.png); }
.owl-next:hover { background-image: url(../images/bg20.png); }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 93%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.clickable { padding: 0 0 20px 0;}
.detail { width:100%; text-align: center; }
.detail h4 { margin: 10px auto 0px; font-size:32px; font-weight: bold; }
.detail span { font-size:18px; color:#555555; margin:20px 0; display: block;}
.detail p { margin-top: 15px; font-size: 14px; line-height:21px; color: #666; }
.detail .span1{ margin:10px 0 0 0;}
.main-one{ margin-top:20px;}





/*??*/
.bmk { width: 90%; margin: 0 auto; }
.bmms { color: #454545; font-size: 20px; text-align: right }
.input { border: 2px solid #2378cf; width: 300px; height: 40px; float: left; border-radius: 4px; color: #000; padding-left: 10px; box-sizing: border-box; }
.bmxx { height: 40px; border-radius: 4px; font-size: 16px; background: #f84f4f; color: #fff; border: 0; cursor: pointer }
table tr td { padding: 5px 0; }
#form { width: 90%; margin: 0 auto; }
#form .input { border: 2px solid #2378cf; width: 100%; height: 40px; float: left; border-radius: 4px; color: #000; padding-left: 10px; box-sizing: border-box;font-size: 18px; }
#form .input_bg { display: inline-block; margin:8px 0;width: 100%; }
#sub { width: 100%; height: 40px; border-radius: 4px; font-size:20px; background: #f84f4f; color: #fff; border: 0; cursor: pointer; margin-bottom:10px  }
#form p{ text-align:center}