﻿/*修改颜色*/
body { color:#333;background: url(../images/a.jpg) repeat;}
a,a:hover{ color:#333}
.aside li>p,.aside>li>div,#footer .top{background-color: #CB1311;}  /*pc右边快速按钮底部颜色*/
.aside>li>div,.aside>li>div a{color: #fff;}  /*pc右边快速按钮字体颜色*/
.aside>li .qq_online .qq_online_title{color: #FBCA33;}/*pc右边快速按钮“在线客服”title字体颜色*/

.menu_box{background-color: #000;}

.wap_menu{background-color: #CE1412;}/*wap左边滑出导航*/
.wap_footer,.wap_search_input{background-color: #CE1412;}/*wap底部颜色*/

.wap_footer dd,.wap_menu li a,.wap_menu li.menu_tit{color: #fff;}/*wap左边滑出导航和wap底部颜色的字体颜色*/

.form-horizontal label{ color:#333}/*留言板*/

/*pc导航*/
#header{}
.most_top{
	height: 128px;
	background: url(../images/index_01.jpg) no-repeat center;
	background-size:cover; 
}
.logo{
	margin: 35px 0 0 6%;
}
.tel{
	margin-top:40px; 
}
.tel .p1{
	color: #252525;
	line-height: 20px;
}
.tel i.left{
	margin: 5px 8px 0 0;
}
.tel .p2{
	color: #C40000;
	font-size: 24px;
}
.tel .p2 span{
	font-size: 30px;
}
.menu_box{
	background: url(../images/index_02.jpg) no-repeat center;
	background-size:cover; 
}
.menu>li>a{ color:#FFFEFE;display: block;height: 76px;}
ul.menu>li{
	float: left;
	text-align: center;
	position:relative;
	width:8.3%;
	height: 76px;
}
ul.menu>li:hover{
	background-color: #CE1412;
}
ul.menu>li:last-child::after{
	content: "";
	display: block;
	background-image:url(../images/menu-icon.png);
	height: 54px;
	width: 5px;
	position: absolute;
	right: -2.5px;
	top: 8px;
}
ul.menu>li::before{
	content: "";
	display: block;
	background-image:url(../images/menu-icon.png);
	height: 54px;
	width: 5px;
	position: absolute;
	left: -2.5px;
	top: 8px;
}
ul.menu>li a span{
	font-size: 16px;
	margin: 18px 0 5px;
    display: inline-block;
}
ul.menu>li a p{
	color: #A1A1A1;
}
.menu_icon{
	position: absolute;
	top: 30px;
	right: 10px;
}
/*pc下拉导航*/
.menu_2{
	display: none; 
	position:absolute;
	 z-index:10000;
	 background:#fff;
	 text-align:center;
	 width:100%;
}
.menu_2 li{
	line-height:40px;
}
.menu_2 li a{
	color: #5D5D5D;
}
.menu_2 li:hover a{
	color: #CE1412;
}
/*首页主体部分*/
.title{
	padding-top: 55px;
	height: 151px;
	background: url(../images/titlebg.png) no-repeat center;
	text-align: center;
}
.title h2{
	font-size: 30px;
	color: #131313;
}
.title h2 span{
	color: #CE1412;
}
.title p{
	font-size: 18px;
	line-height: 24px;
	color: #4B4B4B;
}
.course{
	padding-bottom:30px; 
}
.course-list li{
	text-align: center;
	margin-top: 30px;
}
.course-list li h3{
	position: relative;
	z-index: 100;
	display: inline-block;
	width: 80%;
}
.course-list li .course-list-meassage{
	margin-top: -70px;
	background-color: #CE1412;
	border-radius: 6px;
	padding: 80px 10px 10px;
}
.course-list li .course-list-meassage,.course-list li .course-list-meassage a{
	color: #fff;
}
.course-list li .course-list-meassage .course-title{
	font-size: 18px;
	line-height: 30px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.course-list li .course-list-meassage .course-text{
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}
.course-list li .course-list-meassage .course-more a{
	display: inline-block;
	padding: 3px 25px;
	border: 1px solid #fff;
	border-radius: 6px;
	margin: 10px 0 ;
}
.news-qovd{
	background-color: #F7F7F7;
	padding-bottom: 30px;
}
.news-qovd-main{
	margin-top: 30px;
}
.news-qovd-main .video{
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
	overflow: hidden;
}
.qovd-first-title a{
	font-size: 18px;
	color: #454545;
	display: block;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	margin-bottom: 10px;
}
.qovd-first-text{
	color: #454545;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.qovd-list li a{
	display: block;
	margin-top: 18px;
	padding: 10px 40px 10px 10px;
	background-color: #fff;
	overflow: hidden;
	color: #454545;
	position: relative;
}
.qovd-list li:hover a{
	color: #D23B3A;
}
.qovd-list li a .qovd-list-date{
	font-size: 16px;
}
.qovd-list li a .qovd-list-date span:last-child{
	margin-top: 10px;
}
.qovd-list-title{
	line-height: 30px;
	width: 85%;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	padding-left: 10px;
}
.qovd-list-add{
	position: absolute;
	height: 100%;
	width: 40px;
	right: 0;
	top: 0;
	color: #fff;
	background-color: #131313;
	text-align: center;
	line-height: 48px;
	font-size: 20px;
}
.news-center-box{
	margin-top: 30px;
}
.news-center-title{
	margin-bottom: 20px;
	line-height: 38px;
	height: 38px;
}
.news-center-title p{
	font-size: 24px;
	color: #141414;
	margin-left: 10px;
}
.news-center-title p span{
	color: #CE1412;
}
.news-center-list li{
	padding: 12px 5px;
	border-bottom: 1px dashed #D7D7D7;
}
.news-center-list li i{
	margin-right: 8px;
}
.news-center-list li p{
	width: 92%;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news-center-list li a:hover p{
	text-decoration: underline;
}
.news-center{
	padding-bottom: 30px;
}
.music-box{
	padding-bottom: 30px;
	background: url(../images/productbg.jpg) no-repeat center;
	background-size:cover; 
}
.music-lists li{
	margin: 15px 7.5px 0 7.5px;
	position: relative;
}
.music-list li{
	margin-top:15px;
}
.music-list li a{
	display: block;
	position: relative;
	text-align: center;
}
.product-hover{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/blackBg.png) repeat;
	display: none;
	z-index: 100;
	padding: 10px;
}
.product-hover>div{
	border: 1px solid #7B7C7C;
	width: 100%;
	height: 100%;
	color: #B9BABA;
	text-align: center;
}
.product-hover>div .p1{
	margin: 40% 0 15px 0;
}
.product-hover>div .p2{
	display: inline-block;
	width: 70%;
	color: #F2F2F2;
	font-size: 24px;
	line-height: 45px;
	height: 45px;
	border: 1px solid #727373;
}
#owl-demo3 .owl-controls{
	display: none;
}
.music-lists li:hover .product-hover,.music-list li:hover .product-hover{
	display: block;
}
.content1{
	background-color: #FBFBFB;
}
.index-location-title{
	width: 320px;
	margin: 30px auto;
	background: url(../images/locationbg.png) no-repeat;
	overflow: hidden;
}
.index-location-title .p1{
	font-size:28px;
	color: #CE1412;
	margin: 20px 0 10px 60px; 
}
.index-location-title .p1 .span2{
	color: #171B1E;
}
.index-location-title .p1 .span3{
	font-size: 22px;
	color: #787A7B;
}
.index-location-title .p2{
	font-size: 16px;
	color: #6A6C6D;
	margin-left:63px;
	font-style: italic;
}
.map{
	border: 5px solid #DCDCDB;
	margin-top: 20px;
}
.about-box{
	padding-left: 230px;
	position: relative;
	padding-bottom: 20px;
}
.about-img{
	width: 204px;
	position: absolute;
	top: 20px;
	left: 7.5px;
}
.about-meassage{
	float: left;
	margin-top: 30px;
	color: #212123;
}
.about-meassage li{
	margin-bottom: 35px;
}
.about-meassage li p{
	padding-left: 30px;
	position: relative;
}
.about-meassage li p i{
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 30px;
	text-align: center;
}
#firend{
	height: 213px;
	background: url(../images/index_21.jpg) no-repeat center;
	background-size:cover; 
}
.friend-link{
	margin-top: 180px;
	color: #fff;
}
.friend-link a{
	color: #fff;
}
.friend-link ul li{
	float: left;
	padding: 0 10px;
	position: relative;
}
.friend-link ul li::after{
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 3px;
}
.friend-link ul li:last-child::after{
	display: none;
}
.map img{
	width: 100%;
}
.about-meassage1{
	padding: 20px 2px 0 5px; 
	border: 3px solid #ddd;
	border-top: none;
	background: url(../images/renwu.png) no-repeat;
	background-position-x: 60%;
	background-position-y: bottom;
}
.about-meassage1 li{
	margin-bottom:20px; 
}
.about-meassage1 p{
	padding-left: 70px;
	position: relative;
}
.about-meassage1 li:last-child p{
	padding-left: 85px;
}
.about-meassage1 p i{
	width: 23px;
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
}
.about-meassage1 p span{
	/*width: 55px;
	text-align: right;*/
	position: absolute;
	left: 30px;
	top: 0;
}
.list-text .date{
	width: 82px;
	height: 82px;
	float: left;
	background: url(../images/list-text.jpg) no-repeat;
	position: relative;
}
.list-text .date .day{
	font-size: 30px;
	color: #6D6D6D;
	position: absolute;
	top: 15px;
	left: 5px;
}
.list-text .date .month{
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #333;
}
.list-text .text-box{
	margin-left: 100px;
}
.list-text .text-box .text-title{
	font-size: 16px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	margin-bottom: 15px;
}
.list-text .text-box .text-title a{
	color: #3C3C3C;
}
.list-text .text-box .text-title:hover a{
	color: #F24848;
}
.list-text .text-box .text-main{
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.list-text .text-box .text-main:hover{
	text-decoration: underline;
}
.list-text li{
	padding: 20px 0;
	border-bottom: 1px dashed #E1E1E1;
}
.video dl{
	text-align: center;
	margin-top: 20px;
}
.video dl dd{
	line-height: 50px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.video dl dd a{
	color: #353535;
}
.product_detail_content1 p{
	display: inline-block;
	padding: 8px 30px;
	background-color: #C40000;
	color: #fff;
}
#content{
	padding-bottom: 20px;
}
/*底部*/
#footer p{
	line-height: 24px;
}
#footer{
	padding: 40px 0;
	text-align: center;
	color: #fff;
	background-color: #CE1513;
	position: relative;
}
#footer a{
	color: #fff;
}




/*手机内页crumb*/
.phone_crumb{background:url(../images/phone-crumb-bg.png) no-repeat;color: #fff;font-size: 22px;padding: 42px 5px 15px 70px;}

/*手机内页分类下拉列表*/
.phone-menulist{
	width: 100%;
	display: none;
}
.phone-menulist li.sub1{
	 width:100%; 
	 margin-bottom:1px;
}
.phone-menulist li.sub1 a.sub1_a{
    display:block; 
	position:relative;  
	color:#000; 
	font-size:14px;
	line-height:28px;
	background: url(../images/4.png) no-repeat;
	background-size: 100%;
	padding: 2px 10px 2px 40px;
	margin-top: 10px;
}
.phone-menulist li.sub1 ul.sub2{ 
	display:none;
	padding: 0 20px;
}
.phone-menulist li.sub1 ul.sub2>li{
	border-bottom:1px solid #F6F6F6;
}
.phone-menulist li.sub1 ul.sub2 li a.sub2_a{ 
	position:relative;  
	color:#333; 
	line-height:20px; 
	padding:5px 10px;
	display:block; 
	font-size:14px;
}
.phone-menulist li.sub1 ul.sub2 li a.sub2_a img{
	margin: -3px 8px 0 20px;
}
.phone-menulist li.sub1 ul.sub3 li a.sub3_a{ 
	line-height:20px; 
	padding:5px 10px;
	color:#aaa; 
	display:block; 
	font-size:14px;
	border-bottom:dashed 1px #ccc;
}
.article{ padding:15px 0}
.container .inside>h2{ background:url(../images/asidebg.png) no-repeat center; color:#fff; font-size:18px;text-align: center;height: 127px; line-height:127px}
.container .inside ul.sidemenu{border: 3px solid #ddd;border-top: none}
/*一级的样式*/
.container .inside ul.sidemenu>li{border-bottom:1px solid #F7F7F7;text-align: center}
.container .inside ul.sidemenu>li>a{  display:block;box-sizing:content-box;height:24px; font-size:14px; font-weight:bold; color:#171B1E; padding:10px; line-height:150%;}
.container .inside ul.sidemenu>li>a:hover{
	color: #B9161D;
	background: url(../images/inasidebg.png) no-repeat right;
	background-size:90%; 
}
.container .inside ul.sidemenu>li.current>a{ color:#f00}

/*二级的样式*/
.container .inside ul.sidemenu>li>ul{ display:none}
.container .inside ul.sidemenu>li>ul>li>a{ display:block; margin-top:5px; padding:5px 10px; color:#171B1E;font-size: 12px}
.container .inside ul.sidemenu>li>ul>li>a span{
	padding-left: 20px;
	position: relative;
	display: inline-block;
}
.container .inside ul.sidemenu>li>ul>li>a span i{
	position: absolute;
	left: 0px;
	top: -2px;
}
/*三级的样式*/
.container .inside ul.sidemenu>li>ul>li>ul{ display:none}
.container .inside ul.sidemenu>li>ul>li>ul>li>a{display:block; padding:5px 10px; color:#333 }


/*内页侧边栏联系方式*/
.container .inside .sub_contact{ margin-top:20px;}
.container .inside .sub_contact h2{ background:url(../images/lianxi.png) no-repeat;font-size:18px; height: 86px;color: #fff;    text-align: center;
    padding-top: 40px;}
.container .inside .sub_contact .inner p{ margin-top:10px;}
.container .main .crumb span{ float:right; font-size:12px;}
.container .main .crumb{ font-size:26px; line-height:26px;padding: 40px 5px 45px 60px;background: url(../images/location1.png) no-repeat left; background-size:cover }
.container .main .crumb .p1{
	color: #CE1412;
}
.container .main .crumb .p2{
	color: #171B1E;
}
.container .main .crumb .p3{
	color: #191D20;
	font-size: 22px;
}
.container .main .crumb>span{
	font-size: 12px;
	color: #555;
}
.container .main .crumb>span>i{
	margin-right: 5px;
}
/*图片列表页*/
.list_image ul li{ margin-bottom:15px;}
.list_image ul li img{ display:block}
@media(max-width:992px){
	.most_top{
	height: 110px;
	background: url(../images/index_02.jpg) no-repeat center;
	background-size:cover; 
}
.logo {
    margin: 25px 0 0 4%;
}
}
@media(max-width:767px){
	#footer{
		background-color: #fff;
		background-image: url(../images/phone-footer.png);
		background-repeat: no-repeat;
		background-position-y: bottom;
	}
	#footer{
	color: #626262;
	padding: 50px 0;
}
#footer a{
	color: #626262;
}
	.about-img{
		width: 150px;
	}
	.about-box{
		padding-left: 160px;
	}
	.about-meassage li{
		margin-bottom: 18px;
	}
	.logo {
    margin: 20px 0 0 4%;
    width: 210px;
}
.most_top{
	height: 80px;
}
.menu_icon{
	top: 15px;
}
.qovd-list-title{
	width: 80%;
}
}
@media(max-width:376px){
	.phone-menulist li.sub1 a.sub1_a{
		line-height: 22px;
	}
}
@media(max-width:321px){
	.phone-menulist li.sub1 a.sub1_a{
		line-height: 19px;
	}
	.about-img{
		width: 110px;
	}
	.about-box {
    padding-left: 112px;
}
.about-meassage li {
    margin-bottom: 10px;
}
}


    /*09.25*/
ul.menu>li{
	width:7.69%;}
.form-horizontal label{ font-weight:normal}
.feedback-form .sure{ width:100%; height:38px; line-height:38px; text-align:center; background:#af1e24; color:#fff}
.search_list{ width:90%; margin:auto}
.search_list table tr td,.search_list table tr th{ height:60px; line-height:60px;}
.search_list table tr th{ font-size:16px; text-align:center; font-weight:normal}
.search_list table tr td{ padding-left:10%}
@media(max-width:640px){
.search_list table tr td,.search_list table tr th{ height:40px; line-height:40px;}
}
@media(min-width:970px){
.main{ width:calc(100% - 300px); float:right;}
}

