*{
	margin: 0;
	padding: 0;
}
body{
	background-color: rgb(49,60,90);
}
.title_style{
	height: 120px;
	background-color:rgba(0,0,0,0);
}

.title_div1{
	height: 120px;
	color: #fff;
}

.div_content_1{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 10px;
}
.div_content_1 img{
	width: 260px;
	height: auto;
}

.title_div1_1 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}

.title_div1_1 h1, h3 {
    margin-top: 10px;
}

.title_div1_1 div {
    margin-left: 10px;
}

.title_div1_1 a{
	display: block;
	width: 88px;
	height: 88px;
}

.title_div1_1 img{
	width: 88px;
	height: 88px;
}

.title_div2{
	width: 100%;
	height: 120px;
	color: #fff;
	float: right;
	text-align: right;
	line-height: 120px;
}

.banner{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.banner1{
	width: 100%;
	height: 80px;
	color: rgb(237,237,237);
	font-size: 18px;
}

.banner1 div{
	width: 200px;
	border-right: 2px solid rgb(232,186,28);
	text-align: center;
	display: inline-block;
}

.banner img{
	width: 100%;
	height: auto;
}

.box{
	width: 100%;
	height: 330px;
	margin: 30px auto 0 auto;
	display: block;
}
.box2{
	width: 100%;
	height: 330px;
	margin: 0 auto;
	display: none;
}
.box_item_div{
	width: 48%;
	height: 230px;
	border: 2px solid rgb(49,60,90);
	border-radius: 5px;
	float: left;
	background-color: rgb(247,247,247);
	padding: 20px;
}
.banner_player{
	width: 100%;
	height: 330px;
}
.cont_div11{
	height:auto;
	color: #fff;
	font-size: 20px;
	padding-bottom: 30px;
}
.cont_div11 p{
	margin-top: 30px;
}
.cont_div11_1{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
}
.cont_div11_1 img{
	border-radius: 10px;
}
.box_item_div1{
	width: 48%;
	height: 230px;
	border: 2px solid rgb(49,60,90);
	border-radius: 5px;
	float: right;
	background-color: rgb(247,247,247);
	padding: 20px;
}
.box_item_div_1{
	width: 100%;
	height: 96px;
	border-radius: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.box_item_div_1 img{
	position: relative;
	top: -25px;
	left: 10px;
	z-index: 999;
}
.box_item_div_1_p1{
	font-weight: 700;
	font-size: 20px;
}
.box_item_div_1_p2{
	font-size: 18px;
}
.box_item_div_1 div{
	margin-left: 20px;color: rgb(95,124,194);;
}
.box_item_div_2{
	font-size: 15px;color: rgb(112,112,112);margin-top: 10px;
}
.box_item_div_div{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.box_item_div_div img{
	width: 110px;
	height: auto;
}
.box_item_div_div p{
	margin-top: 0px;
	margin-left: 20px;
}
.con_div1{
	width: 40%;
	height: 300px;
	background-color: #fff;
	border-radius: 5px;
	padding: 35px;
	position: relative;
	z-index: 1;
	margin-top: 135px;
}

.con_div1_img{
	width: 200px;
	height: auto;
	position: absolute;
	top: -100px;
	right: 20px;
	z-index: 2;
}

.cont_div2{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
	color: #fff;
	padding-bottom: 30px;
}
.con_div1_div2_ul{
	font-size: 18px;
	margin-top: 80px;
}

.cont_div3{
	width: 48%;
	height: 125px;
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 5px;
}

.footer_style{
	height: auto;
	background: rgb(49,60,90);
	color: #fff;
	padding-bottom: 80px;
}
.footer_style_div1{
	width: 100%;
	margin-top: 50px;
}
.footer_style_div1 span{
	font-size: 20px;
	margin-left: 10px;
	vertical-align: bottom;
	position: relative;
	top: 5px;
}
.footer_style_div2{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px;
}
.footer_style_div2 a{
	color: #fff;
	text-decoration: underline;
}
.footer_style_div3{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 50px;
}
.footer_style_div3 div{
	width: 120px;
	height: 150px;
}
.footer_style_div3 p{
	font-size: 25px;
}
.footer_style_div3 img{
	padding-bottom: 20px;
}

.div_shadow{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.footer_div div{
	float: left;
}

.img_div{
	
}

.img_div1{
	width: 100%;
	height: 100%;
}

.img_div1 img{
	display: inline-block;
	margin-left: 10px;
	margin-top: 10px;
	width: 30%;
	height: auto;
}
.install_content{
	padding-bottom: 50px;max-height: 800px;overflow: auto;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: rgb(237,237,237);
    background-color: rgb(49,60,90);
}

.navbar-toggle {
	background-color: rgb(49,60,90);
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: rgb(49,60,90);
}

.navbar {
    margin-bottom: 0px;
}

.navbar-collapse {
    position: absolute;
    top: 50px;
    right: 15px;
    z-index: 9999999;
    overflow: hidden;
    width: 120px;
    text-align: center;
	background: #fff;
	box-shadow:1px 1px 10px 1px #888888;
}

.navbar-default .navbar-toggle {
    border-color: rgb(49,60,90);
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: rgb(237,237,237);
}

.pc_title{
	display: block;
}
.mobile_title{
	display: none;
}
.mobile_title1{
	display: none;
}
.title_div3{
	height: 80px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.title_div3 h3{
	margin-top: 40px;
}
.con_div1_magin_left{
	margin-left: 50px;
}
.footer_style1:nth-child(1) img{
	width: 100%;
	height: auto;
}
.cont_div6{
	width: 35%;
	margin-left: 10px;
	margin-top: 6%;
}
.cont_div7{
	width: 100%;
	text-align: center;
	font-size: 18px;
	margin-top: 20px;
}
.lead_span{
	font-size: 15px;
}
.cont_div8{
	min-height: 530px;padding-top: 30px;
}
.con_div1_magin{
	margin-left: 3%;
}
.magin-top{
	margin-top: 20px;
}
.cont_div5{
	margin-top: 30px;
}
@media screen and (min-width:320px) and (max-width:719px) {
	.navbar-brand img{
		width: 50px;
		height: auto;
		position: relative;
		top: -15px;
		left: -10px;
		display: block;
		float: left;
	}
	.navbar-default {
	    background-color: #fff;
	    border-color: #e7e7e7;
	}
	.title_div3 h2{
		font-size: 25px;
	}
	.div_content_1 img{
		width: 45%;
		height: auto;
		margin-top: 20px;
	}
	.div_shadow_div{
		padding: 10px 0px 10px 0px;
		margin-top: 10px;
	}
	.magin-top{
		margin-top: 0px;
	}
	.magin-top1{
		margin-top: 15px;
	}
	.pc_title{
		display: none;
	}
	.mobile_title{
		display: block;
	}
	.mobile_title1{
		display: block;
	}
	.banner1{
		height: 115px;
	}
	.banner1 div{
		width: 48%;
	}
	.banner1 div:nth-child(2) {
		border: none;
	}
	.banner1 div:nth-child(3) {
		margin-top: 5px;
	}
	.title_div3:nth-child(1){
		height: 35px;
	}
	.title_div3 h3{
		margin-top: 10px;
		font-size:18px;
	}
	.box_item_div_1{
		height: auto;
	}
	.div_shadow img{
		width: 120px;
		height: auto;
	}
	.con_div1_img {
	    top: -60px;
	    right: 20px;
	    z-index: 2;
	}
	.con_div1_div1 img{
		width: 30px;
		height: auto;
	}
	.con_div1_div1{
		width: 30%;
		height: 100%;
	}
	.con_div1_div2_ul {
		width: 100%;
	    margin-top: 20px;
		margin-bottom: 0px;
	}
	.con_div1 {
	    padding: 25px;
		margin-top: 100px;
	}
	.con_div1_div2{
		width: 100%;
		height: 100%;
	}
	.con_div1_magin{
		margin-left: 0px;
	}
	.con_div1{
		width: 100%;
		height: auto;
	}
	.con_div1 h3{
		font-size: 18px;
		text-align: left;
	}
	.con_div1 li{
		font-size: 15px;
		text-align: left;
		line-height: 25px;
	}
	.con_div1_magin_left{
		margin-left: 0px;
	}
	.cont_div2 {
	    margin-top: 10px;
	}
	.cont_div5 {
	    margin-top: 0px;
	}
	.cont_div5 h2{
	    font-size:20px;
	}
	.cont_div4{
		padding: 10px;
	}
	.lead_fist{
		margin-top: 10px;
	}
	.cont_div5 h3{
		font-size: 18px;
	}
	.cont_div3{
		width: 100%;
		height: 135px;
		border: 1px solid #fff;
		border-radius: 10px;
		padding: 5px;
	}
	.box_item_div_1 img{
		width: 96px;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
	}
	.box_item_div,.box_item_div1{
		width: 100%;
		height: 300px;
		margin: 0 auto;
	}
	.footer_style_div1 span{
		display: block;
		margin-left: 0px;
	}
	.footer_style {
		padding-bottom: 50px;
	}
	.footer_style_div3 div {
	    width: 30%;
	    height: auto;
		text-align: center;
	}
	.footer_style_div3 div img{
	    width: 100%;
		height: auto;
	}
	#footer_style_div3_title{
		width: 100%;
	}
	.li_margin{
		width: 100%;
	}
	.footer_style_div3{
		margin-top:30px;
		justify-content: space-around;
	}
	.footer_style_div3_title{
		width: 100%;
	}
	.cont_div11_1 img{
		width: 30%;
		height: auto;
		padding-bottom: 10px;
	}
	#carousel-example-generic1 .item{
		height: 300px;
		width: 95%;
		margin: 0 auto;
	}
	.carousel-indicators{
		bottom: 0;
	}
	.banner_player{
		height: 335px;
	}
	.box_item_div_1_p1{
		font-weight: 700;font-size: 15px;margin-top: 10px;
	}
	.box_item_div_1_p2{
		font-size: 14px;
	}
	.box_item_div_1 div{
		margin-left: 10px;
	}
	.box{
		width: 100%;
		height: 350px;
		margin: 0 auto;
		display: none;
	}
	.box2{
		width: 100%;
		height: 350px;
		margin: 0 auto;
		display: block;
	}
	.cont_div3 img{
		width: 90%;
	}
	.cont_div3:nth-child(2){
		margin-top: 10px;
	}
	.footer_style1:nth-child(2){
		display: none;
	}
	.footer_style1:nth-child(3){
		display: none;
	}
	.footer_style1{
		width: 100%;
	}
	.footer_style1:nth-child(1) li{
		text-align: center;
	}
	.footer_style1:nth-child(1) li:nth-child(2){
		margin-top: 0px;
	}
	.footer_style1:nth-child(1) img{
		width: 50%;
		height: auto;
	}
	.cont_div6{
		width: 100%;
		margin-top: 0px;
		margin-left: 0px;
	}
	.ul_style li{
		height: 30px;
	}
	.img_div1{
		text-align: center;
	}
	.img_div1 img {
	    margin-left: 0px;
	    margin-top: 0px;
		padding: 5px;
	}
	.cont_div7{
		font-size: 15px;
		margin-top: 10px;
	}
	.banner1{
		font-size: 15px;
	}
	.lead_span{
		font-size: 13px;
	}
	.install_content{
		padding-bottom: 10px;max-height: 500px;overflow: auto;
	}
	.cont_div8{
		min-height: auto;padding-top: 0px;
	}
	.ul_style {
	    width: 100%;
	    text-align: left;
	}
}