.banner-sj img{
	width:100%;
}
.index-top{
	background-color: F9F9F9;   
}
.indexL{
	border:2px solid lavender;
	box-sizing: border-box; 
}                    
.indexL h4{
	border-bottom: 2px solid orangered;
}
.indexL h4 span{
	margin-right:10px;
	color:orangered; 
}
.indexL ul{
	margin-left:20px;
}
.indexL ul li{
	list-style-type:square;  
	box-sizing: border-box;		
	height:25px;
}
.indexL .listing li{
	float:left;
	width:50%;

}
.indexL .listing li.active,.listing li.active a{
	color:#FF330D;
}
.bg-banner .item img{
	width:100%;
}
.product1 .pd-title{
    color:orangered;
    font-size:18px;
    padding-top:10px;
}
.product1 .pd-info{
    padding:0 10px;
}
.product2{
    margin:20px 0;
    background-color: lavender;
}
.pd2-title{
    padding-top:20px;
    color:orangered;
}
.pd2-item a{
    height:30px;
    line-height:30px;
    font-weight:bold;
}
.pd2-eng{
    font-size:12px;
    margin-bottom: 40px;
}
.pd2-eng span{
    display: inline-block;
    border-bottom: 1px solid orangered;
    padding: 0 4px 2px;
}
.pd2-more{
    margin-bottom: 20px;
}
.pd2-more a{
    color:orangered;
    display: inline-block;
    border:1px solid orangered;
    padding:2px 10px;
    margin-top:10px;
}
 
.programme{
	padding-top:20px;
}
.programme .row{
	padding-bottom: 40px;
}
.programme .prog-list{
	font-size:18px;
	color:black;
	text-align:center;
}
.programme .prog-title{
	position: relative;
	margin-top:20px;
	font-size:20px;
	color:orangered;
}
.programme .prog-title a{
	padding-bottom: 15px;
	font-size:20px;
	color:orangered;
	position:absolute;
	top:8px;
	left:45px;
}
.programme .prog-info{
	font-size:16px; 
}
.programme .prog-info a{     
	margin-left:32px; 
	font-size:16px;           
}                              
 .programme .prog-title span{
 	display:inline-block;
 	height:40px;
 	width:40px;
 }
.programme .prog-title span.sp1{
	background: url(../images/hy-icon.png) no-repeat 0 0;   
}
.programme .prog-title span.sp2{                          
	background: url(../images/hy-icon.png) no-repeat -40px 0; 
} 
.programme .prog-title span.sp3{                                     
	background: url(../images/hy-icon.png) no-repeat -80px 0;         
} 
.programme .prog-title span.sp4{                                                                                                        
	background: url(../images/hy-icon.png) no-repeat -160px 0;         
}
.programme .prog-title span.sp5{                                                                                                         
	background: url(../images/hy-icon.png) no-repeat 0 -40px;         
}  
.programme .prog-title span.sp6{                                                                                                    
	background: url(../images/hy-icon.png) no-repeat -40px -40px;      
}
.programme .prog-title span.sp7{                                                                                                   
	background: url(../images/hy-icon.png) no-repeat -120px -40px;                                                                        
} 
.programme .prog-title span.sp8{                                                                                                  
	background: url(../images/hy-icon.png) no-repeat -160px -40px;                                                                        
} 
.programme .prog-title span.sp9{                                                                                                  
	background: url(../images/hy-icon.png) no-repeat 0 -80px;                                                                        
}                                                                 
.programme .prog-title span.sp10{                                                                                                     
	background: url(../images/hy-icon.png) no-repeat -40px -80px;          
}
.programme .prog-title span.sp11{                                                                                                          
	background: url(../images/hy-icon.png) no-repeat -80px -80px;                                                                                
} 
.programme .prog-title span.sp12{                                                                                                         
	background: url(../images/hy-icon.png) no-repeat -120px -80px;                                                                                
}                                                                                                                                           



.solutions{
    padding:40px 0 10px;
}
.solution-eng{
    font-size:12px;
    margin-bottom: 40px;
}
.solution-eng span{
    display: inline-block;
    border-bottom: 1px solid lightgray;
    padding: 0 4px 2px;
}
.row .thumbnail .solution-img{
    width:250px;
    height:160px;
    overflow: hidden;
}
.row .thumbnail .solution-img img{
    width:250px;
    height:160px;
    transition: all 0.6s;
}
.row .thumbnail .solution-img img:hover{
    transform:scale(1.2);
}
.caption .solution-title a{
    font-size:18px;
    font-weight:bold;
    color: orangered;
}
.caption .solution-info{
    height:30px;
    line-height:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.case{
	background-color: lavender;
    padding:20px 0 40px;
}

.case-title{
    padding-top:20px;
    color:orangered;
}
.case-eng{
    font-size:14px;
    margin-bottom: 40px;
}
.case-eng span{
    display: inline-block;
    border-bottom: 1px solid orangered;
    padding: 0 4px 2px;
}
.case-more{
    height:50px;
    line-height:50px;
}
.case-more a{
    color:orangered;
}


.news{
    margin-top:30px;
    padding:50px 0 20px;
}
.news-zx{
    border:1px solid darkgray;
    box-sizing: border-box;
}
.news-item{
    height:40px;
    line-height:40px;
    border-bottom: 1px dashed darkgray;
}
.news-item span{
    font-size:18px;
    font-weight: bold;
    padding-left:10px;
}
.news-item a{
    color:orangered;
}
.news .caption p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news .caption p a{
    padding-left:10px;
}

.friend{
	background-color: lavenderblush;
    height:80px;
    line-height:80px;
}
.friend a{
    padding:0 3px;
}

@media(max-width:768px){
   .product2 .pd2-img img{
       width:140px;
   }
    .row .thumbnail .solution-img{
        width:100%;
        height:100px;
        overflow: hidden;
    }
    .case-img img{
        width:100%;
    }

    .pd2-title{
        padding-top:0;
			font-size:22px;
    }

.programme{
	padding-top:0px;
}
.programme .row{
	padding-bottom: 20px;
}
    .solutions{
        padding:0 0 10px;
    }
.solution-title{
	font-size:22px;
}
.solution-eng{
    font-size:12px;
    margin-bottom: 20px;
}

    .case{
        padding:20px 0 40px;
    }

    .news{
        margin-top:10px;
        padding:20px 0 10px;
    }
 .programme .prog-info{
	font-size:14px;
}
   .programme .prog-info a{
   		font-size:14px;
   }
.case-title{
	font-size:22px;
	padding-top:0px;
}
.case{
	background-color: lavender;
    padding:10px 0 40px;
}
.case-eng{
    margin-bottom: 20px;
}
}

.crumbs{ padding:15px 0; border-bottom:1px dashed #ccc;}
.guestbook_info{ margin-bottom:15px;}
.container-fluid .banner{ padding:0}
.container-fluid .banner img{ width:100%;}
.news-banner {
    background-color: #6581C0;
}

.news{width:1200px; margin:20px auto;}
.changjian{width:380px; height:400px; margin-right:20px;float:left;}
.changjian:last-child{margin-right:0;}
.nt_title{width: 100%;height: 35px; line-height: 35px;border-bottom: 1px solid #ff5b00; font-size:18px;}
.nt_title .more{color: #cbcbcb; float: right;}
.toutiao{width:100%; height:100px; margin:10px auto;}
.tt_img img{width:130px; height:100px; float:left; background:#ff5b00;}
.tt_right{width:240px; height:100px; float:right;}
.tt_right .tt_title{font-size:14px; font-weight:bold; height:24px; line-height:24px; overflow:hidden; color:#ff5b00;}
.tt_right .tt_cishu{background:url(../images/rt.png) no-repeat center left; text-indent:20px; font-size:14px; color:#787878; line-height:24px; height:24px; float:left;}
.tt_right .tt_time{background:url(../images/rl.png) no-repeat center left; text-indent:20px; font-size:14px; color:#787878; line-height:24px; height:24px; float:right;}
.tt_cont{font-size:12px; color:#787878; line-height:18px; height:55px; text-indent:2em; overflow:hidden; font-weight:100;}
.ns_list{width:100%; height:auto;}
.ns_list li{width:100%; border-bottom:1px dashed #ccc; height:35px; line-height:35px;}
.ns_list li a{color:#787878;}
.ns_list li .ns_title{font-size:12px; height:35px; line-height:35px; width:100%; float:left; overflow:hidden;}
.ns_list li .ns_time{font-size:12px; float:right; line-height:35px;}
@media(max-width:640px){
	/*ÐÂÎÅ*/
	.news{width:95%; margin:0 auto;}
	.news .gongsi , .news .wenti{width:100%; margin:10px auto;}
	.changjian{width:100%;}
	.nt_title{font-size:16px;}
	.tt_img img{width:30%;}
	.tt_right{width:65%;}
	.tt_right .tt_time{font-size:12px;}
	/*index end*/
}
@media(max-width:768px){
	/*ÐÂÎÅ*/
	.news{width:95%; margin:0 auto;}
	.news .gongsi , .news .wenti{width:100%; margin:10px auto;}
	.changjian{width:100%;}
	.nt_title{font-size:16px;}
	.tt_img img{width:30%;}
	.tt_right{width:65%;}
	.tt_right .tt_time{font-size:12px;}
	/*index end*/
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
 
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}