@font-face
{
    font-family: myFirstFont;
    src: url(../images/msyh.ttf);
}
@font-face
{
    font-family: mysecondFont;
    src: url(../images/msyhbd.ttf);
}
*{ padding:0; margin:0; font-size:15px; font-family: myFirstFont,Helvetica Neue, Helvetica,Microsoft YaHei, Arial, sans-serif; line-height:27px; 
}

ol,ul,li{
	list-style-type: none;
}
.box_bj{
	padding: 1.0% 0;
	width:auto;
	height:auto;overflow: hidden;
}
/*---------------------------------导航--------------*/
.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

.navbar {
    position: relative;
 height: aotu;
 margin-bottom:2%;
	 margin-top: 2%;
    border: 1px solid transparent;
}
.navbar-brand{
  
	margin-left:15px;
    margin-top: 0;
	padding:0;


	
}
.navbar-brand img{
  
    margin-top: 0;
	
	
}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
	
.navbar-brand {
	width:70%;
    margin-left: 15px;
    margin-top: 0;
    padding: 0;
}	
	
.navbar-brand img{ width:80%; margin-top:4.5%;}
 }


.navbar-default .navbar-nav > li > a {
    color: #000;
	font-size:20px;
	margin-right:3px;
	margin-top:10%;
	margin-bottom:-10%;
}


.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color:#f3f3f3;
}

.navbar-default .navbar-nav > li > a:hover {
    text-decoration: none;
    background-color: #f3f3f3;
    color: #000;
}


/*---------------------------------banner-------------*/

.carousel-control.left {
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 0%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 0%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); 
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 0%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right {
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 0%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 0%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); 
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 0%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
}

/*-------------tit---------------------------*/
.page-header{ border:0; margin:3% 0 0%; text-align:center;}
.page-header h1{  color:#333; font-size:200%; display:block;line-height:30px;  }

.btn-lg, .btn-group-lg > .btn {
 padding: 10px 16px;
 font-size: 25px;
 line-height: 1.3333333;
 border-radius: 6px;
}
.page-header p a{  color:#000; font-size:120%; line-height:30px;  }

.page-header h1 small{color:#898989;font-size:60%;display:block; line-height:50px;}

.page-header h1 small:before {
    color: #256ea0;
    content: "_";
	font-family:Arial, Helvetica, sans-serif;
    padding: 0 5px;display:block; font-size:50px;
	font-weight:bold;line-height:50px;
	margin-top:-30px;
}

@media screen and (max-width: 767px) { 

.page-header h1{  color:#333; font-size:150%; display:block;line-height:30px;  }



.page-header h1 small{color:#898989;font-size:60%;display:block; line-height:20px;}
.page-header h1 small:before {
    color: #256ea0;
    content: "_";
	font-family:Arial, Helvetica, sans-serif;
    padding: 0 5px;display:block; font-size:45px;
	font-weight:bold;line-height:25px;
	margin-top:-25px;
	margin-bottom:20px;
}
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
 margin-top:46px;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

 }
 .page-header p .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
 width:160px;
 padding: 4px 3px;
 }
.page-header p .btn-default1 {display:block;
 float:left;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
 width:160px;
 padding: 4px 3px;
 text-align:center;
 margin:0.5% 0.5%;
 }

.page-header{ border:0; margin:3% 0 0%; text-align:center ; clear:both; overflow:hidden; }

/*------------news--------------------------*/
.news h3{ margin-top:-5px; margin-bottom:20px;}
.news p{
	margin-bottom: 10px;
	text-indent: 30px;	
	
}
.news a{ display:block; text-align:center; color:#00aa18; font-size:18px; margin-bottom:15px;}
.pd_btm{ padding-bottom:2%;}
.class1{ background-color:#fff; }
.class2{ background-color:#fff;}
.class3{ background-color:#fff;}
.class4{ background-color:#fff;}

.class_pro{ text-align:center; padding:0% 0 0%  0; margin-bottom:0%; position:relative; width:auto;  height:auto;}

.class_pro_h2{ margin-bottom:2%; font-size:20px; text-align:center; display:block;}
.programme2 { background-color:#FFF; overflow:hidden;}
.programme2 .col-lg-3 ,.programme2  .col-md-3 ,.programme2  .col-sm-3 ,.programme2  .col-xs-6{
	padding-right: 5px;
    padding-left: 5px;
	}

/*
.class_see{ width:100%;height:100%;top:0;position:absolute;  z-index:3;display:none; background-color:#333;opacity:0.5;filter:Alpha(opacity=50);color: #FFF;

};
*/
.more1{ width:100%;height:100%; top:0; position:absolute; z-index:5;background-color:#000; display:none; 
opacity:0.7;filter:Alpha(opacity=80);


}

.more1 a{
	color: #FFF;
	display:block;
	margin-top:30%;
	text-decoration: none;	
}

.more1 a img{
	 margin-bottom:10%;
	
}



/*------------start--客户LOGO---分类--//-----*/
.customer_logo{ margin-top:-1.5%;}
.customer_logo li{ width:20%; padding:0px 1% 1% 1%; float:left;}
.customer_logo li a { text-align:center; color:#999;}
.customer_logo li a img{ width:100%; height:auto; border:#CCC 1px solid; margin-bottom:5%;}


@media screen and (max-width: 767px) { 

.customer_logo li{ width:50%; padding:5px ; float:left;}

.customer_logo li a img{ width:100%; height:auto; border:#CCC 1px solid; margin-bottom:-1%;}
 }
 
 @media screen and (max-width: 480px) { 




 }
 
 
/*----------------------------优势----------*/

.advantage_bg{
	width:100%;
	height:auto;
	background-color:#f3f3f3;
	padding:2% 0%;
	margin:5px 0%;
	overflow: hidden;
}

.advantage{padding:6% 0%;background-color:#deecf1; border-radius:15px; width:100%; height:auto;overflow: hidden;}

.advantage a{
	display:block;margin-bottom:8%;
	
}
.advantage a h2,.advantage a h4{
	text-align: center;
	color:#000;
	font-weight: 100;
		
}
.advantage a h4{ }

@media screen and (max-width: 767px) {
.advantage {
    padding: 6% 0%;
    background-color: #deecf1;
    border-radius: 15px;
    width: 100%;
    height: auto;
    overflow: hidden;
	margin-bottom:5px;
	margin-top:5px;
}
	.advantage a h2{ font-size:20px;}
	.advantage a h4{font-size:15px; }
	 }


/*------------------// -业务-翻牌--效果--------------------------------------*/


.brand a{
	display: block;
	
	width: 60%;
	
	margin:0% auto;
	text-align: center;
	position: relative;
}
.brand img{
	width: 80%;
	
	border-radius:50%;
	
}



.vertical .info{
	width: 0;
	height: 80%;
	margin: 0 auto;border-radius:50%;
}

@media (min-width: 769px){
.icol-lg-2 {
    width: 20%;
	float:left;
	}
	
}
@media (max-width: 767px){
.icol-lg-2 {
    width: 50%;float:left;}
	
}


.bs-t {
	margin: 3% 8% 5% 8%;
	display: block;
	overflow: hidden;	

}
.bs-t a {
	width:90%;
	text-decoration: none;
} 

.bs-t a h4{
	color: #256ea0;font-size:24px;line-height:50px;
	
	
	
} 
.bs-t a:hover h4{
	color: #000;
	
} 
.bs-t a p{
	font-size:17px;
	color: #666;
	line-height:30px;
	text-align:left;
	
	
} 
.bs-t a:hover p{
	color: #000;
	
} 
@media (max-width: 767px)  {
	
.bs-t a p{
	display:none;
	
} 
.bs-t a h4{
	font-size:14px;
	margin:2px 0 15px;
	
	
} 
	
} 

}


/*----------------------------推荐产品----------*/


.recommend{ border:0; background-color:#f7f7f7;   }
.recommend h4{ text-align:center; margin-top:8%; color:#666;}
.recommend img{width:100%;}


/*--------------------解决方案-----//---------------------home---news--- */
.programme{ background-color:#f6f6f6;}

 
.home_news_box{ width:100%; height:auto;}
.home_news_box li{ width:48%; margin:1% 1%; float:left; height:auto;}
 
.news_bj{ background-color:##f6f6f6;  }
.thumbnail {

    background-color: #f6f6f6;
   
}
.homenews{background-color:#f6f6f6; border: 0px solid #fff; height:100%;  position:relative; overflow:hidden;padding: 0;}

.homenews img{ width:30%;}
.homenews-context{width:70%;  overflow:hidden; }
.homenews-context h3{ margin-top:-5px; font-size:16px; font-weight:bold; color:#666; line-height:20px; height:18px; overflow:hidden;}
.homenews-context p{ line-height:30px; color:#666; }

 @media (max-width: 767px) {
	 .homenews-context h3{ margin-top:-5px; font-size:14px; font-weight:bold; color:#666; line-height:20px; height:18px; }
	 .homenews-context p{ line-height:28px; color:#666; }
	 .homenews{padding:0 0;}
	 .home_news_box li{ width:100%;  height:auto;} 
	 .vidio img{ width:100%; height:auto; }
	 .vidio { margin-top:-15px;margin-bottom:15px;}
	 }
	  @media (max-width: 484px) {
	  .home_news_box li{ width:98%; margin:1% 1%; float:left; height:auto;}
	 .homenews-context h3{ margin-top:-5px; font-size:14px; font-weight:bold; color:#666; line-height:20px; height:18px; }
	 .homenews-context p{ line-height:22px; color:#666;margin-top:-5px; }
	 .homenews{padding:0 0;}
	 .home_news_box li{ width:100%;  height:auto;} 
	 }
	 
.vidio img{ width:100%; height:auto; }

/*----------------------------text-link- ----------*/
.link-text{ margin:10px auto; display:block; overflow:hidden;}
.link-text dt{ float:left;margin:3px 0 0; }

.link-text dd{float:left;}
.link-text dd+dd:before{
	content: "/";
	color:#000;
	padding:0 5px;

}

.link-text dd a{ color:#000;}

/*----------------------------公司简介 ----------*/
.us_bj{ background-color:#f1eee8; }
.company{}
.company p{
	font-size: 18px;
	line-height: 29px;
	text-indent: 30px;
}
.company_text	{ width:100%; overflow:hidden;}
.company a{ color:#da4101; font-size:18px; text-align:center; display:block; margin:10px 0; }
 .company img{ width:100%; height:auto; display:block;}


/*----------------------------foot ----------*/
.foot_bj{ background-color:#424141;}


.foot_nav{  width:100%;padding-top:1%;padding-bottom:1%;  background-image:url(../images/foot_bj_42.jpg);background-repeat:repeat-x; background-position:bottom;  }
.foot_nav span{width:auto;display:table;}
.foot_nav span a{width:auto;padding-left:10px;padding-right:10px; color:#fff; }
.copyright{text-align:center;   color:#b9b9b9; margin-top:2%;  width:100%;
padding-bottom:2%;}
.copyright span{  width:auto;display:table; }
.copyright a{  color:#b9b9b9;}
/*----------------------------foot --手机--------*/
.phone_pd{padding:0 10px;}

.phone_gd{ margin-bottom:50px;}

.phone_lx{ background-color:#256ea0;}

.phone_lx ul{ display:table; width:100%;}
.phone_lx li{ height:40px; display:table-cell; width:25%; text-align:center; vertical-align:middle; }
.phone_lx li a{margin-top:10px; display:inline-block; color:#FFF; font-size:18px; }

/*-----------------page-banner---pc-------------*/

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

/*-----------------page-banner---phone-------------*/
.page_phone_banner, .page_phone_banner img{ width:100%; height:auto;}



/*-----------------page---bj-------------*/

.con_bj{
	background-color:#fff;
	padding:2% 0;
}



/*------------------  分页-侧边导航---------------------------------------*/
.page_nav{   background-color:#fff;  }
.page_nav a{
	margin-bottom:-1px;
	
	
	padding:5px;
	
	color: #000;
	text-align: center;
	
	width: 100%;
	overflow: hidden;	display: block;
}
.page_nav a.page_nav_active{
	background-color:#256ea0;
	width:100%;
	font-size:20px;
	color:#fff;
	 
	
	}
	.list-group-item a {
    color: #000;
}





.dropdown-menu1 {
	background-color:#fff;
}

.page_active1{
	background-image: url(../images/01.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
	background-size:10%;
}
.page_active2{background-color:#deecf1;background-image: url(../images/02.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
	background-size:8%; }
.pang_nav_bj{ position:relative; display:none; background-color:#F4F4F4; z-index:1000;width:100%;padding:0; border-top:#deecf1 2px solid;  }



	
@media screen and (min-width:768px){
	
	
.page_nav a{
	display: inline-block;
	
	border: 1px solid #256ea0;
	
	width:100%;	
}
.page_nav a.page_nav_active{
	background-color:#256ea0;
	width:100%;
	
	}
	
	}	
@media screen and (min-width:991px){
.page_nav a{
	
	width: 100%;
	overflow: hidden;	display: block;
}
}



@media screen and (max-width:767px){
	
.padding_20{ height:0px;}	
.page_nav a{
 display: inline-block;
 float:left;
 
 border: 1px solid #256ea0;
 width:171px;
 padding: 4px 4px;
 text-align:center;
 margin:0.5% 0.5%;
}
.page_nav a.page_nav_active{
	background-color:#256ea0;
	width:100%;margin:0;
	
	}
	.pang_nav_bj{width:95%; position:absolute; }
	
	
.page_nav a.page_active1{
	background-image: url(../images/01.png);
	background-repeat: no-repeat;
	background-position: center 110%;
	/*padding-bottom:18px;*/
	background-size:20%;
	display:inline-block; 
	
	}

.page_nav a.page_active2{background-image: url(../images/02.png);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: center 110%;
	/*padding-bottom:18px;*/
	background-size:20%;
	display:inline-block; 
	}
	
	
	}
	

.pang_nav_bj a{
	margin-bottom: -1;
	color: #000;
	margin-top: 5px;
	padding: 2px 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #ccc;
	text-decoration:none;
}
.pang_nav_bj a:hover{text-decoration:none;}


/*------------------  分页-code---------------------------------------*/
	
.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    
    border: 1px solid #E4E4E4;
    border-radius: 3px;
	color:#000000;
}
/*------------------  分页-公司简介---------------------------------------*/
.page_con_pd{ background-color:#fff; margin-top:5px; padding:15px;  	}
.page_text p{
	font-size: 18px;
	line-height:35px;
}


.padding_5{ height:5px;}


.text-warning  img{ max-width:100%; height:auto;}
/*------------------  分页-news--------------------------------------*/

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
}
.list-group-item:hover { background-color:#F2F2F2;}
.page_time{ float:right; color:#ccc; }

/*------------------ 手机网格间距-------------------------------------*/
 @media (max-width: 767px) {
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 3px;
  padding-left: 3px;
}

}