
/*--------------------Question--------------------------------------*/
/*--------------------Introduce-----------------------------*/
@media(max-width:768px){.news-detail .path {
    border-bottom: none !important
}}
@media(max-width:768px){.introduce, .introduce-bound .info{
	width:100% !important;
}}
.introduce, .introduce-bound .info{
	float: inherit !important;
	height:270px;
	overflow:hidden
}
.introduce-bound{
	background: #e6e6e6;
    padding: 20px 0 50px 0;
	overflow:hidden}
.introduce{width:1140px; margin:0 auto;}
.introduce .content{ padding:0 10px}
.introduce-bound .title{
	background: #313841;
	font-size: 16px;
	font-weight: bold;
	color: #D23836;
	padding: 10px;
	display: block;
	margin-bottom: 0;}
.introduce-bound .title span{
	font-size: 18px;
	color: #ffffff;
	font-weight:bold}
.introduce-bound .image img{
	width:100%;
	height:225px;}
/*------------------Newshome-----------------------*/
.news-home{
	width:100%; margin:0 auto; padding:20px 0; overflow:hidden}
.news-home .content{
	}
.news-home .name_category{
	margin: 10px 0;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #eee;
	}
.news-home .name_category .brief_top{
	font-size: 14px;
	color: #333;
	text-align:left}
.news-home .name_category h3{
	font-weight: bold;
	color: #1b1464;
	font-size: 25px;	
	}
.news-home .info{
	width:100%;
	float:left;
	border: 1px solid #FFF;
    padding: 10px;
	height:185px;
	overflow:hidden}
.news-home .info:hover{
	border: 1px solid #CCC;
	background: #e6e6e6;}
.news-home .image{
	float:left;
	padding-right:15px;
	width:50%;}
.news-home .image img{
	width:100%;
	height:auto;}
.news-home .title h3{
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #1b1464;
	font-weight: bold;}
.news-home .title h3 a{
	color: #313841;}
.news-home .brief{
	font-size: 12px;
	padding-top: 10px;
	display: block;
	padding-bottom: 0;
	margin: 0;
	color:#333;
	text-align:justify}
.news-home .info-content{
	padding-right:15px;
	overflow:hidden;}
/*------------------Introhome-----------------------------------*/
.title-home{
	width:100%; 
	margin:0 auto; 
	padding: 10px 0 20px 0;}
.title-home .content{
	padding:0 15px;}
.title-home .title-key{
	color:#D23836;
	font-size: 25px;
	font-weight: bold;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:10px}
.title-home .title-small{
	text-align:center;
	font-size: 15px;
	color: #333;
	font-weight: bold;}
.introhome-bound{
	margin:0 auto;
	width: 100%;
    display: block;
    background: url(../images/bg_fix.png) no-repeat center top scroll #f2f2f2;
	overflow:hidden}
.introhome-bound .content{
	width:1122px;
	margin:0 auto}
.introhome-bound .introhome-right .title{
	padding:0 56px;
	overflow:hidden}
.introhome-bound .introhome-left{
	width:550px;
	float:left;
	margin-left:-15px;
}
.introhome-bound .introhome-left .title h3, .introhome-bound .introhome-right h3{
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-weight: bold;
	line-height:80px;
}
.introhome-bound .introhome-right .brief{
	overflow:hidden;
	padding-left:15px
	}
/*-----------------Customer----------------------------*/
.customer-home{}
.customer-home .content{
	padding:0 0 0 15px;}
.customer-home .title{
	background: #313841;
    padding: 15px 0;
    border-bottom: 2px solid #333;
    text-indent: 10px;
    font-size: 15px;
    line-height: 15px;
	margin-bottom:10px;}
.customer-home .title h3{
	font-size: 13px;
	color: #FFF;	
	font-weight: bold;
	line-height: 13px;
	margin: 0;
	padding: 0;
	text-transform:uppercase}
.customer-home .info{
	padding:10px;
	background: #e6e6e6;
	height:245px;
	overflow: hidden;}
.customer-home .info .brief{
	font-size: 12px;
    font-style: italic;
    padding: 2px 0;
    margin: 0;
    overflow: hidden;}
/*-----------------NewsHot---------------------*/
.news-hot{
	width:100%;
	overflow:hidden}
@media(max-width:768px){.news-hot{
	      padding-right: 5px;
    margin-top: 20px;
    padding-left: 5px;}}
.news-hot .content{}
.news-hot .title{  
	    text-transform: uppercase;
	text-align: right;
	color: #313841;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #333;}
.news-hot .title h3{
	font-size: 15px;
	margin:0;
	font-weight:bold}
.news-hot .info{
	background: #e6e6e6;
    padding: 10px;
	height:177px;}
.news-hot .image {
	float:left;
	margin-right:30px;
	width:40%}
.news-hot .info-title{
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 5px;
	font-weight:bold}
.news-hot .info-title a{
	color:#333;
	font-size: 13px;
	font-weight:bold}
.news-hot .brief{
	font-size: 12px;
	font-style: italic;
	padding: 2px 0;
	margin: 0;
	overflow:hidden
}
.news-hot .image img{
	width:100%;
	height:100px;}

/*-----------------NewsList-------------*/
.newslist{ width:100%}
.newslist .content .title{ width:886px;margin: 30px auto 15px; overflow:hidden}
.newslist .content{}
.newslist .content .title h3{
	color:#858585;
	font-family:'roboto_l';
	font-weight:normal;
	font-size:28px;
	text-transform:uppercase;
	margin:0;}
.line-full{
	border-bottom: 1px solid #e8e6e6}
.newslist .title.f1-left{
	width:587px;
	float:left}
.newslist .title.f1 h3{
	margin:0;
	text-transform:uppercase;
	font-size:16px;
	font-family:'roboto_l';
	height: 18px;
	line-height: 50px;
	}
.newslist .title.f1-right{
	line-height:20px;
	color:#333;
	font-size:12px;
	margin-bottom:10px
	}
.newslist .title.f1-right .st-news.time{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	color: #b1b3b2;
	margin:0;
	text-transform:uppercase;}
.newslist .title.f1-right .st-news{
	display:block;
	margin-top:-20px;
	color: #4c4d4d;
	}

.newslist-content .box{
	width: 284px;
	height: 338px;
	border: 1px solid #e8e6e6;
	float: left;
	margin-left: 14px;
	margin-bottom: 14px;}
.newslist-content .box .box-top{
	height:28px;}
.newslist-content .box .box-top .box-left{
	width: 174px;
	float: left;}
.newslist-content .box .box-top .box-left span{
	padding-left: 14px;
	line-height: 33px;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	color: #b1b3b3;}
.newslist-content .box .box-top .box-right{
	width:107px;
	float:right}
.newslist-content .box .box-title{
	width: 256px;
	height: 66px;
	margin: 14px;
	overflow: hidden;
	}
.newslist-content .box .box-title a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-transform: uppercase;
	color: #666766;
	line-height:18px;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;}
.newslist-content .box .box-title a:hover{
	 color: #A1A42C;}
.newslist-content .box .box-image{
	width: 256px;
	height: 172px;
	margin: 14px;
	overflow: hidden;}
.newslist-content .box .box-image img{
	width: 256px;
	min-height: 172px;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	}
.newslist-content .box .box-image img:hover{
	transform:scale(1.08)}
/*-----------------NewsDetail-------------*/
.news-detail-bound{
	width:868px;
	margin:0 auto;
	}
.news-detail-bound .content{
	border: 1px solid #ccc;
	padding: 15px 10px;
	border-radius: 7px 7px;
	margin-top:28px;}
.news-list-title a{
	font-weight: bold;
	font-size: 16px;
	color: #DE5918;
	border-bottom: 1px solid #A5DF9C;
	padding-bottom: 5px;
	margin-bottom: 10px;
	
	}
.default-center-content h1{
	color:#1A1919;
	padding:0;
	margin:0;
	font-size:18px;
	font-weight:bold;
	font-family: 'roboto_l';
	margin-bottom:10px;
	}
.time{
	margin:5px 0 7px 0;
	color:#4e4e4e;
	font-size:13px;
	}
.description{
	color:#4e4e4e;
	font-size:13px;
	text-align:justify;
	line-height:18px;
	padding-bottom:10px;
	}
.description img{
	width:100%;
	height: auto 
	}
.description table{
	max-width:640px !important;
	}
.default-center-content .bgl{
	width:100%;
	height:2px;
	background:url(../images/bgl.png) repeat-x center left;
	}
.orther{
	padding:0px 0 5px 0;
	}
.orther h3{
	color:#000;
	font-weight:bold;
	font-size:12pt;
	margin-bottom:10px;
	text-transform:none;
	}
.orther ul li a{
	color: #313841;
	font-size:12pt;
	display:inline-block;
	margin-bottom:5px;
	}
.news-detail-bound .title {
  display: block;
  background: url(../images/titleBg.png);
  height: 31px;
  padding-left: 20px;
  font-size:20px}
.titleText {
	text-transform: uppercase;
	color: #000;	
	font-family: 'verdana';
	border-bottom: 1px solid #000;
	padding-bottom: 6px;}

/*-------------------------NEWSCATEGORY-----------------------------*/
.news-category{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	background: #1b1464;
}
.news-category .list-category ul li{
	float: left;
	margin: 0;
	padding: 9px 15px;
	list-style: none;
}
.news-category .list-category ul li a{
	font-size: 18px;
    color: #ffffff;
    padding: 0;
    float: left;}
/*-------------------LISTCATEGORY----------------------*/
.list-category .content .title{
	}
/*------------------------Support--------------------------------*/
.support-online{
	overflow:hidden;
	padding:0 15px}
.support-online .title{
	display: block;
    padding: 10px 0;
    margin: 10px 0;
    font-weight: bold;
    line-height: 19px;
    border-bottom: 2px solid #313841;}
.support-online .title img{
	float:left;
	padding-right:10px;	}
.support-online .title h3{
	font-size: 19px;
	color: #313841;
	text-transform:uppercase;
	margin:0;
	padding: 10px 0;
	font-weight:bold}
.support-online .info{}
.support-online .info .sp-content{
 	background: #e6e6e6;
    border-radius: 5px;
    float: left;
    padding: 10px;
    margin: 12px 6px;
    font-size: 14px;
	width:95%;
 	transition: all 0.8s ease 0s;}

.support-online .info .sp-image{
	float:left;
	width:80px;
	padding-right:20px}
.support-online .info .sp-image img{
	width:80px;
	height:90px;}
.support-online .info .sp-info{
	float:left;
	padding-left:27px;
	line-height: 24px;}
.support-online .info .sp-content:hover{
	background:#1A212B;
	color:#fff !important}
.support-online .info .sp-info:hover{
	color:#fff;}