/* =================================== */
/*	Basic Style
/* =================================== */

body {
    background-color: #fff;
    font-family: 'Open Sans', "Microsoft YaHei", sans-serif;
    line-height: 21px;
    font-size: 13px;
    color: #6a737b;
}

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

figure, p {
    margin: 0;
}

a {
    color: #fff;

    /*-webkit-transition: all .3s ease-in 0s;*/
    /*-moz-transition: all .3s ease-in 0s;*/
    /*-ms-transition: all .3s ease-in 0s;*/
    /*-o-transition: all .3s ease-in 0s;*/
    /*transition: all .3s ease-in 0s;*/
}

iframe {
    border: 0;
}

a, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
}

a:focus, a:hover {
    color: #1E88F5;
}

h1, h2, h3,
h4, h5, h6 {
    font-weight: normal;
    margin: 0;
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

span.color {
    color: #0feb9e;
}

.navbar-nav {
    margin-top: 22px;
}

.navbar {
    min-height: 60px;
}

.navbar-nav > li > a {
    padding: 8px 28px;
    font-size: 14px;
}

body > section,
.footer {
    /*padding: 70px 0;*/
}

.sec-title {
	width:965px;
	height:127px;
	
	
}

.sec-title h2 {
    /* color: #333333;
    font-size: 24px; */
    /*font-weight: 800;*/
    /*text-transform: uppercase;*/
    /* margin-top: 80px;
    margin-bottom: 49px; */
  /*  position: relative;
    width: 200px;
    margin:80px auto 49px; */
}
/* .sec-title h2::after{
    content: '';
    width: 40px;
    height: 4px;
    background-color: #1E88F5;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -28px;
} */

.sec-sub-title {
    margin: 35px 0 45px;
}

.shiting-title {
    color: #333333;
    font-size: 24px;
    /* margin-top: 80px; */
    width: 200px;
    text-align: center;
    margin: 80px auto 0;
    position: relative;
}

.shiting-title::after{
    content: '';
    width: 40px;
    height: 4px;
    background-color: #1E88F5;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -28px;
}



.shiting-list {
    margin-top: 80px;

    margin-bottom: 89px;
    margin-left: auto;margin-right: auto;
}

.shiting-img {
    position: relative;
}

.icon-progress {
    position: absolute;
    left: 1px;
    bottom: -1px;
    width: 278px;
    z-index: 1000;
}

.icon-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 54px;
    height: 54px;
    background-image: url("../images/icon_play.png");
    margin-top: -27px;
    margin-left: -27px;
    cursor: pointer;
}

.icon-play:hover {
    /*background-image: url("../images/icon_play.png");*/
    /*background-position: -60px 0;*/
}

.icon-play:active {
    background-image: url("../images/icon_pause.png");
    /*background-position: -120px 0;*/
}

.icon-play.cur {
    background-image: url("../images/icon_pause.png");
    /*background-image: url("../image/pause.png");*/
}

.shiting-list .shiting-item {
    /* width: 280px; */
}

.shiting-list .shiting-item img {
    /*border: 1px dashed #d7d7d7;*/
    width: 100%;
}

.shiting-bt {
    height: 226px;
    border: 1px solid #d7d7d7;
    border-top: none;
}

.shiting-bt-title {
    font-size: 20px;
    color: #333333;
    padding-top: 26px;
    text-align: center;
}

.shiting-bt-content {
    font-size: 14px;
    color: #999999;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 24px;
    line-height: 23px;

}

.a-phone{
    position: relative;
}
.a-phone:hover .tooltip-phone{
    display: inline-block;
}

.tooltip-phone {
    position: absolute;
    height: 60px;
    left: -165px;
    width: 150px;
    top: 50%;
    margin-top: -30px;
    background-color: #fff;
    border-radius: 10px;
    color: #333;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: none;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
    z-index: 100000;
}

.a-qrcode{
    position: relative;
}
.a-qrcode:hover .tooltip-qrcode{
    display: inline-block;
}

.tooltip-qrcode {
    position: absolute;
    height: 60px;
    left: -145px;
    width: 150px;
    top: 50%;
    margin-top: -60px;
    background-color: #fff;
    border-radius: 10px;
    color: #333;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: none;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
    z-index: 100000;
}

.num-title h2 {
    color: #ffffff;
    font-size: 36px;
    /*font-weight: 800;*/
    /*text-transform: uppercase;*/
    margin-top: 117px;
    /*margin-bottom: 49px;*/
}

.xiaoshou-title {
    color: #333333;
    font-size: 36px;
    text-align: center;
    padding-top: 132px;
    margin-bottom: 59px;
}

.xiaoshou-content {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    margin-top: 80px;
    text-align: center;
}

.sec-sub-title p {
    font-weight: 600;
    line-height: 24px;
    font-size: 18px;
    color: #5b646e;
}

.devider {
    margin-top: 30px;
}

.devider i {
    color: #cccccc;
}

.devider:before,
.devider:after {
    content: "______________________";
    color: #e6e8ea;
    position: relative;
    bottom: 6px;
}

.devider:before {
    right: 10px;
}

.devider:after {
    left: 10px;
}

.mt140 {
    margin-top: 140px;
}

.mt120 {
    margin-top: 120px;
}

.mb50 {
    margin-bottom: 50px;
}

.width800{
    width: 800px;
}

.mt20 {
    margin-top: 20px;
}

.mt10 {
    margin-top: 10px;
}

.btn-free {
    width: 276px;
    height: 80px;
    background-image: url("../images/btn_try_pre.png");
    color: #ffffff;
    font-size: 22px;
    margin: 44px auto 94px;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
}

/*.btn-free:hover {*/
    /*background-position: -260px 0;*/
/*}*/

/*.btn-free:active {*/
    /*background-position: -520px 0;*/
/*}*/

#preloader {
    background-color: #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1100;
}

#preloader > img {
    left: 47%;
    position: absolute;
    top: 48%;
}

.copyrights {
    text-indent: -9999px;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.navbar-fixed-top {
    top: 0px;
	height:88px;
    /*top: 90px;*/
}

/*=========================================
	Header
==========================================*/

#navigation {
    /*background-color: #28282E;*/
    background-color: #F4F6FE;
    /*opacity: 0.8;*/
    border: 0 none;
    margin: 0;

    -webkit-transition: background-color 800ms linear;
    -moz-transition: background-color 800ms linear;
    -ms-transition: background-color 800ms linear;
    -o-transition: background-color 800ms linear;
    transition: background-color 800ms linear;
}

.navbar-toggle i {
    color: #fff;
}

.navbar-brand {
	margin-top:8px;
}

.navbar-nav li a {

	color: #6A6A6A;
	font-size:20px;
	font-weight: bold;
	width:160px;
	text-align: center;
}

.navbar-nav li a.current,
.navbar-nav li a:focus,
.navbar-nav li a:hover {
    background-color: transparent;
    /*border-bottom: 2px solid #7DD8DD;*/
    color: #000000;
}

.navbar-nav li a.shiyong-tab {
    color: #ffffff;
    cursor: pointer;
    background-color: #1E88F5;
    margin-left: 100px;
    border-radius: 10px;
	width:150px;
	height: 42px;
	line-height: 1.2;
	margin-top:-2px;
	

	
}

.navbar-nav li a.shiyong-tab:hover,
.navbar-nav li a.shiyong-tab.current {
    /*background-position: -120px 0;*/
    color: #ffffff;
}

.navbar-nav li a.shiyong-tab:focus
.navbar-nav li a.shiyong-tab:active {
    color: #ffffff;
    /*background-position: -240px 0;*/
}

.navbar-nav li a.hezuo-tab {
    cursor: pointer;
    margin-left: 50px;
    background: url("../images/mianfei_btn.png");
    padding: 7px 21px !important;
}

.navbar-nav li a.hezuo-tab:hover,
.navbar-nav li a.hezuo-tab.current {
    background-position: -120px 0;
}

.navbar-nav li a.hezuo-tab:focus
.navbar-nav li a.hezuo-tab:active {
    background-position: -240px 0;
}

.navbar-nav li a.current:before,
/*.navbar-nav li a:focus:before,*/
.navbar-nav li a:hover:before {
    position: absolute;
    content: " ";
    width: 106px;
    height: 3px;
    bottom: -28px;
    background-color: #1E88F5;
    left: 50%;
    margin-left: -52px;
}

.navbar-nav li a.shiyong-tab.current:before,
.navbar-nav li a.shiyong-tab:focus:before,
.navbar-nav li a.shiyong-tab:hover:before {
    content: "";
    height: 0;
}

.navbar-nav li a.hezuo-tab.current:before,
.navbar-nav li a.hezuo-tab:focus:before,
.navbar-nav li a.hezuo-tab:hover:before {
    content: "";
    height: 0;
}

/*=========================================
	Slider
==========================================*/

#slider {
    padding: 0;
}

#slider .carousel-inner .item {
    background-size: cover;
}

.carousel-caption {
    top: 50%;
}

.carousel-caption h2 {
    font-size: 62px;
    font-weight: 300;
}

.carousel-caption h2 span {
    font-weight: 800;
}

.carousel-caption h3 {
    font-size: 48px;
    font-weight: 300;
    margin: 6px 0 20px;
}

.carousel-caption p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}

.carousel-caption p:before,
.carousel-caption p:after {
    color: #0feb9e;
    content: "___";
    position: relative;
    top: -8px;
}

.carousel-caption p:before {
    right: 20px;
}

.carousel-caption p:after {
    left: 20px;
}

.social-links {
    margin-top: 5%;
}

.social-links li {
    display: inline-block;
}

.social-links li a {
    color: rgba(255, 255, 255, 0.3);
    display: block;
    margin: 0 6px;
}

.social-links li a:hover {
    color: #fff;
}

.carousel-indicators {
    bottom: 10px;
    left: inherit;
    margin: 0;
    right: 30px;
    top: 49%;
    width: 0;
}

.carousel-indicators li {
    border: 1px solid rgba(255, 255, 255, 0.3);
    height: 8px;
    width: 8px;
}

.carousel-indicators .active {
    height: 8px;
    width: 8px;
}

/*=========================================
	Features
==========================================*/

.features {
    /*background-color: red;*/
}

.case {
    background: url("../images/bg_help.png");
    height: 570px;
    width: 100%;
    background-size: cover;
}

.danao {
    position: relative;
    background-color: #E5F0FE;
    /* background: url("../images/danao_bg.png?v=1") ; */
    /*height: 1000px;*/
    /*width: 100%;*/
    /*background-size: cover;*/
    /*background-position: center;*/
}

.ganggao {
    position: relative;
    /* background-color: #2695F6; */
    height: 256px;
    width: 100%;
    background-image: url(../icon/bottom-bg.png?v=1) ;
    background-size: cover;
    background-repeat:no-repeat
}

.qudaohezuo {
    position: relative;
    /* background-color: #2695F6; */
    height: 480px;
    width: 100%;
    background-image: url(../icon/hezuo.png) ;
    background-size: cover;
    background-repeat:no-repeat
}

.modal-open {
    overflow: initial !important;
}

body.modal-open {
    padding-right: 0 !important;
}

.danao-title {
    font-size: 36px;
    color: #ffffff;
    position: absolute;
    top: 116px;
    left: 50%;
    margin-left: -160px;
}

.danao-btn {
    background: url("../images/btn_try_pre.png");
    background-position: 0 0;
    width: 276px;
    height:80px;
    color: #ffffff;
    font-size: 20px;
    position: absolute;
    bottom: 71px;
    left: 50%;
    margin-left: -116px;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
}

.danao-btn:hover {
    background: url("../images/brain_btn_pre.png");
}

.danao-btn:active {
    background: url("../images/brain_btn_pre.png");
}

.xiaoshou {
    /*height: 820px;*/
    background: #efefef;
}

.owl-controls {
    bottom: -45px;
    margin-top: 10px;
    position: relative;
    text-align: center;
}

.owl-controls .owl-page {
    display: inline-block;
}

.owl-controls .owl-page span {
    border: 1px solid #C7CED3;
    border-radius: 20px;
    display: block;
    height: 8px;
    margin: 5px 4px;
    width: 8px;
}

.owl-controls .owl-page.active span {
    background: #062033;
    border: 0;
}
.wmd-img{
	width:273px;
	height:391px;
	background: linear-gradient(0deg, #FFFFFF, #F9F9FD);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	border-radius: 30px;
}
.wmd-img-title{
	width:273px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color:#000000;
	padding-top:43px;
}
.hxgn-img {
    width: 140px;
    /*display: inline-block;*/
    margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.hxgn-items {
    /*width:292px;*/
    /*height:236px;*/

    border-radius: 6px;

    padding-top: 30px;
    padding-bottom: 30px;
    /*cursor: pointer;*/
    
    /*padding-left: 1px;*/
    /*padding-right: 1px;*/
    /*width: 292px;*/
}
.hxgn-img-b{
	
}
.hxgn-text{

	
	font-size: 27px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	line-height: 1;
	
}
.hxgn-bg{
	width:1918px;
	height:898px;
	background: url('./hxgn-bg.png');
}
.wmdys-bg{
	/* width:1918px;
	height:898px;
	background: url('./wmdys-bg.png'); */
	
	width:1918px; /*图片宽度*/
	position:absolute;
	left:48%;
	margin-left:-935px; /*图片宽度的一半*/
	z-index: 1;

}
.jg-bg{
	/* width:1918px;
	height:898px;
	background: url('./wmdys-bg.png'); */
	
	width:1918px; /*图片宽度*/
	position:absolute;
	left:48%;
	margin-left:-935px; /*图片宽度的一半*/
	z-index: 1;

}
.ljgn-bg{
	/* width:1918px;
	height:898px;
	background: url('./wmdys-bg.png'); */
	
	width:1918px; /*图片宽度*/
	position:absolute;
	left:48%;
	margin-left:-935px; /*图片宽度的一半*/
	z-index: 1;

}
.wmd-img-box{
	width:179px;
	height:150px;
	margin:0 auto;
	margin-top:52px;
}
.wmd-img-text{
	margin:0 auto;
	width:219px;
	height:39px;
	font-size: 18px;
	color: #1E1E1E;
	margin-top:52px;
}
.service-img {
    width: 64px;
    /*display: inline-block;*/
    margin: 0 auto;
}

.service-img img {
    width: 64px;
    height: 85px;
    /*display: inline-block;*/
    /*margin: auto;*/
}

.service-title {
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-top: 8px;
}

.service-content {
    font-size: 16px;
    color: #999999;
    text-align: center;
    margin-top: 20px;
    line-height: 23px;
}

.col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.service-items {
    /*width:292px;*/
    /*height:236px;*/

    border-radius: 6px;

    padding-top: 30px;
    padding-bottom: 30px;
    /*cursor: pointer;*/
    
    /*padding-left: 1px;*/
    /*padding-right: 1px;*/
    /*width: 292px;*/
}

.service-items:hover {
    /*box-shadow: 1px 0px 6px rgba(76, 76, 76, 0.2);*/
}

.service-icon {
    border: 1px solid #0eb493;
    border-radius: 50%;
    color: #0eb493;
    float: left;
    padding: 10px 13px;
}

.service-desc {
    margin-left: 70px;
    position: relative;
    top: 5px;
}

.service-desc h3 {
    color: #062033;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
}

/*=========================================
	Our Works
==========================================*/

.work-filter {
    margin-bottom: 35px;
}

.work-filter ul li {
    display: inline-block;
    margin-left: 40px;
}

.work-filter ul li:first-child {
    margin-left: 0;
}

.work-filter ul li a {
    color: #999999;
    display: block;
    font-size: 14px;
    /*font-weight: 700;*/
    padding: 10px 5px;
    /*border-radius: 6px;*/
    text-transform: capitalize;
    border-bottom: 2px solid transparent;
}

.work-filter ul li a:hover,
.work-filter ul li a.active {
    /*background-color: #0eb493;*/
    /*border-radius: 6px;*/
    color: #2a71e8;
    padding: 10px 5px;
    border-bottom: 2px solid #2a71e8;
}

.project-wrapper img {
    border: 1px solid #d7d7d7;
    margin-bottom: 55px;
}

.mix {
    display: none;
}

.work-item {
    float: left;
    width: 25%;
    position: relative;
}

.work-item > img {
    display: block;
    height: auto;
    max-width: 100%;
}

.anli-list {
    width: 1200px;
    margin: 20px auto 0;
    clear: both;
    padding-left: 30px;
}

.overlay {
    background-color: rgba(14, 180, 147, .9);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;

    opacity: 0;
    filter: alpha(opacity=0);

    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;

    -webkit-transform: rotateY(180deg) scale(0.5, 0.5);
    -moz-transform: rotateY(180deg) scale(0.5, 0.5);
    -ms-transform: rotateY(180deg) scale(0.5, 0.5);
    -o-transform: rotateY(180deg) scale(0.5, 0.5);
    transform: rotateY(180deg) scale(0.5, 0.5);
}

.work-item:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);

    -webkit-transform: rotateY(0deg) scale(1, 1);
    -moz-transform: rotateY(0deg) scale(1, 1);
    -ms-transform: rotateY(0deg) scale(1, 1);
    -o-transform: rotateY(0deg) scale(1, 1);
    transform: rotateY(0deg) scale(1, 1);
}

.work-item .overlay a {
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin-top: 20%;
    padding: 7px 10px;
}

.work-item .overlay a:hover {
    color: #fff;
}

.work-item .overlay h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 25px 0 8px;
}

.work-item .overlay p {
    font-size: 14px;
    line-height: 24px;
}

/*=========================================
	Our Team Member
==========================================*/

.member-thumb {
    width: 273px;
    position: relative;
}

.member-thumb .overlay h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 10px 0;
}

.member-thumb .overlay {
    font-size: 16px;
    padding: 20px;
    line-height: 24px;
}

.team-member h4 {
    color: #062033;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 15px 0 8px;
}

.member-thumb:hover .overlay {
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);

    -webkit-transform: rotateY(0deg) scale(1, 1);
    -moz-transform: rotateY(0deg) scale(1, 1);
    -ms-transform: rotateY(0deg) scale(1, 1);
    -o-transform: rotateY(0deg) scale(1, 1);
    transform: rotateY(0deg) scale(1, 1);
}

.team-member:hover h4 {
    color: #1E88F5;
}

.team-member .social-links {
    margin-top: 24%;
}

.team-member .social-links li a {
    background-color: #0d7c67;
    color: #fff;
    height: 42px;
    padding: 10px 0 0;
    width: 42px;
}

/*=========================================
	Some fun facts
==========================================*/

#facts {
    background-image: url("../img/parallax/city.jpg");
    background-color: rgba(6, 32, 51, .8);
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
}

.facts .devider:before,
.facts .devider:after {
    color: #737C85;
}

.facts .devider i {
    color: #fff;
}

.parallax-overlay {
    background-color: rgba(6, 32, 51, .8);
    padding: 70px 0;
}

.counters-item {
    color: #fff;
    padding-left: 12px;
}

.counters-item i {
    border: 1px solid #737C85;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 120px;
    margin: 0 0 35px;
    padding: 40px 0 0;
    width: 120px;

}

.counters-item strong {
    display: block;
    font-size: 60px;
    font-weight: 600;
    line-height: 60px;
}

.counters-item p {
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
    text-transform: uppercase;
}

/*=========================================
	Contact Us
==========================================*/

.contact {
    padding-bottom: 0;
}

.contact-address h3 {
    color: #062033;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 25px;
}

.contact-address p {
    line-height: 24px;
}

.contact-form {
}

.contact-form h3 {
    color: #062033;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 25px;
}

.contact-form .input-group {
    width: 100%;
}

.contact-form .form-control {
    border-color: -moz-use-text-color -moz-use-text-color #cccccc;
    border-radius: 0;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: none;
    margin-bottom: 10px;
}

.contact-form .input-field {
    width: 48%;
    float: left;
    margin-right: 4%;
}

.contact-form .input-field:last-child {
    margin-right: 0;
}

.contact-form .form-control.error {
    border-bottom-color: #c0392b;
}

label.error {
    color: #FF7070;
    font-weight: normal;
    text-transform: capitalize;
    padding-top: 5px;
}

.contact-form #form-submit {
    /*background: url("../img/envelop.png") no-repeat scroll 0 15px transparent;*/
    border: 0 none;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
    text-align: right;
    width: 150px;
}

.footer-social {
    margin-top: 17px;
}

.footer-social li a {
    color: #cdd2d6;
    display: block;
    margin-bottom: 10px;
}

#map_canvas {
    height: 215px;
    width: 100%;
}

/*=========================================
	Contact Us
==========================================*/

.footer-title {
    font-size: 38px;
    padding-top: 54px;
    margin-bottom: 55px;
}

.footer-item-title {
    font-size: 18px;
}

.footer-item-content {
    margin-top: 30px;
    font-size: 14px;
}

.footer-item-content div {
    margin-bottom: 20px;
}

.footer {
    background-color: #314177;
    /*border-top: 5px solid #062033;*/
    color: #fff;
    font-family: "Microsoft YaHei";
    padding-top: 54px;
}

/*.footer a:hover {*/
/*color: #062033;*/
/*}*/

.footer h6 {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 30px;
}

.about-us p {
    line-height: 24px;
}

.footer-single .subscribe {
    margin-bottom: 15px;
    position: relative;
}

.subscribe #subscribe {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    height: 40px;
    text-indent: 10px;
    width: 100%;
}

.subscribe #subs {
    background-color: transparent;
    border: 0 none;
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 6px;
}

.qrcode {
    width: 120px;
    height: 120px;
    display: inline-block;
}

.footer-single {
    line-height: 1;
}

.footer-single ul {
}

.footer-single li {
    line-height: 32px;
}

.footer-single p i {
    margin: 0 10px;
}

.credit a {
    color: #062033;
}

.credit a:hover {
    color: #fff;
}

.copyright {
    /* color: #999999; */
    margin-top: 27px;
    margin-bottom: 30px;
}

/*#back-top {*/
    /*bottom: 20px;*/
    /*position: fixed;*/
    /*right: 25px;*/
    /*z-index: 9;*/
/*}*/

.circle-num {
    width: 125px;
    height: 125px;
    font-family: ArialMT;
    line-height: 125px;
    text-align: center;
}

.circle-1 {
    background: url("../image/circle-1.png");
    color: #5CC9B1;
    font-size: 44px;
}

.circle-1-font {
    color: #5CC9B1;
    font-size: 20px;
    text-align: center;
    margin-top: 9px;
    width: 125px;
}

.circle-2 {
    background: url("../image/circle-2.png");
    color: #FF7070;
    font-size: 44px;
}

.circle-2-font {
    color: #FF7070;
    font-size: 20px;
    text-align: center;
    margin-top: 9px;
    width: 125px;
}

.circle-3 {
    background: url("../image/circle-3.png");
    color: #FFAB19;
    font-size: 44px;
}

.circle-3-font {
    color: #FFAB19;
    font-size: 20px;
    text-align: center;
    margin-top: 9px;
    width: 125px;
}

.circle-num .baifenhao {
    font-size: 16px;
}

.modal-close {
    background-image: url("../image/modal-close.png");
    background-position: 0 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.modal-close:hover {
    background-position: -32px 0;
}

.modal-close:active {
    background-position: -64px 0;
}

.modal-body {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 0;
}

.modal-content {
    background: rgba(255, 255, 255, 1);
    border-radius: 6px;
    box-shadow: 2px 0px 13px rgba(0, 0, 0, 0.3);
    border: none !important;
}

.modal-title {
    font-size: 20px;
    color: #333333;
    padding-top: 20px;
}

.modal-dialog {

    width: 500px;
    /*height:442px;*/

}

.modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}

.form-group {
    margin-top: 16px;
}

.control-label {
    color: #333333;
    font-size: 16px;
}

.form-control {
    border: 1px solid #D7D7D9;
    outline: none;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 10px;
    border-radius: 0;
}

.form-control:focus {
    outline: none !important;
    border-color: #D7D7D9;
    box-shadow: none !important;
}

.btn-submit {
    width: 420px;
    height: 64px;
    background-image: url("../image/modal-btn.png");
    outline: none;
    border: none;
    border-radius: 0;
    font-size: 22px;
    letter-spacing: 2px;
}

.btn-submit:hover {
    background-image: url("../image/modal-btn.png");
    background-position: -420px 0;
    outline: none !important;
    border: 0 !important;
}

.btn-submit:active, .btn-submit.active {
    background-image: url("../image/modal-btn.png");
    background-position: -840px 0;
    outline: none !important;
    border: 0 !important;
}

.btn-submit:focus, .btn-submit.focus {

    outline: none !important;
    border: 0 !important;
}

.modal-footer {
    border-top: 0;
    text-align: center;
    /*padding-top: 30px;*/
    padding-bottom: 30px;

}

input.form-control::-webkit-input-placeholder {
    color: #999999;
}

.red-xing {
    font-size: 16px;
    padding-right: 3px;
    color: #FF7070;
    vertical-align: bottom;
}

.progress {
    margin-bottom: 0;
    height: 5px;
    background-color: #D8D8D8;
    box-shadow: none;
}

.progress-bar {
    background: -webkit-linear-gradient(left, #0EDEF7, #7761ff);
    background: -o-linear-gradient(right, #0EDEF7, #7761ff);
    background: -moz-linear-gradient(right, #0EDEF7, #7761ff);
    background: linear-gradient(to right, #0EDEF7, #7761ff);
}

.rigth-menu {
    position: fixed;
    z-index: 10002;
    right: 10px;
    bottom: 150px;
}

.rigth-menu a {
    display: block;
    cursor: pointer;
}
.rigth-menu a:hover{
    opacity: 0.8;
}

.rigth-menu img{
    width: 40px;
}

.margin-auto{
    margin-left: auto;
    margin-right: auto;
}

.bannerbox {
    width:100%;
    position:relative;
   overflow:hidden;
    height:897px;
}
.bannerbox1 {
    width:100%;
    position:relative;
   overflow:hidden;
    height:1600px;
}
.banner {
    width: 100%;
    /* width:1920px;  */
    /* position:absolute; */
    /* left:50%; */
    background-color: #0D015B;
    /* margin-left:-960px;  */
    /*height: 720px;*/
    /*background-color: #1d1f31;*/
    /*top: 70px;*/
}
.banner-img{
    width:1918px; /*图片宽度*/
    position:absolute;
    left:50%;
    margin-left:-935px; /*图片宽度的一半*/
    z-index: 1;
	margin-top:-20px;
    /*top: 70px;*/
}

.btn-mianfei{
width: 217px;
height: 49px;
background:url('https://uss.ckh5.com/feed/btn-bg.png');
background-size: 100% 100%;
border-radius: 4px;
color: #FFFFFF;
font-size: 25px;
font-weight: bold;
margin-top: 640px;
line-height: 48px;
text-align: center;
position: absolute;
left:50%;
margin-left: -590px;
/* top: 400px; */
z-index: 10004;
display: block;
cursor: pointer;
}

.box{
    display: flex;
}

.gongneng-font-1{
    font-size: 48px;
    color: #1E88F5;
}

.gongneng-font-2{
    font-size: 24px;
    color: #333333;
    margin-left:12px
}

.gongneng-font-3{
    font-size: 16px;
    color: #0D253E;
}

.gongneng-ul-left{
    margin-left: 75px;
    margin-top:20px;
    list-style-type: disc;
}

.gongneng-ul-left li{
    margin-bottom: 20px;
    /* list-style: circle; */
}

.gongneng-ul-left li::marker{
    color: #0D253E;
    font-size: 12px;
}