
 *{ padding: 0;margin:0;list-style-image: none;list-style-type: none;}
 a:hover{
 	text-decoration: none;
 	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari ºÍ Chrome */
	-o-transition: all 0.5s;	/* Opera */
 }
 header{border-bottom: solid 3px #2b569f; background-color: #fff; }
  footer{ background-color: #212121; color:#797878 ;}
    footer a{color:#797878}
     footer a:hover{color:#fff}
 .w1200{width: 1200px; margin: auto;}
 body{background-color: #f7f7f7;background-image:url(../images/bj.jpg); background-repeat: no-repeat;}
 .top{font-size: 12px; color:#000; line-height: 30px; background-color: #eee; padding:0 10px ;}

 .language{

 
 	
 	width: 23px;overflow: hidden;height: 30px;
	ransition:width 0.5s;
	-moz-transition:width 0.5s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s; /* Opera */
	 }
	 .navbar-default{
	 	   background-color: #fff;  border-color: #fff; 
	 }
	 .navbar{margin:20px 0;}
	 .navbar-collapse{ float: right; margin-top: 15px; }
	 .search{height: 30px; line-height: 10px ;border-radius: 0;color: #fff; background-color: #cfcfcf;}
     .carousel-control.left, .carousel-control.right{ background: none;}
   
    
     .about{background-color: #959494;color: #fff;}
     
    
     .about ul li div{
     	display:table-cell; vertical-align:middle;
     	background-color: #2b569f;
     	text-align: center;
     	color: #fff;
     	
     	position: relative;
     	
     }
     
     
     
     
     
     .about ul li div:after{
     	
     	  position:absolute;
     	  bottom:0 ;
     	  right: 0;
     	   content: '';
	    width: 0;
	    height: 0;
	    border-bottom: 10px solid #959494;
	    border-left: 10px solid transparent;
 }
 .about ul li h1{ font-size: 1.4em; margin: 0;}
 
 .line{
 	position: relative;
 	height: 20px;
 	margin: 10px 10px 20px 10px;
 	list-style-image: none;
		list-style-type: none;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-right-color: #FFF;
		border-bottom-color: #FFF;
		border-left-color: #FFF;}
		
.line2{width: 1px; height: 20px; background: #fff; left: 50%;position:absolute;top:20px;}

 .aboutus{ padding:0 35px; }
  	.title h1{font-size:2em;font-weight: bold;}
  	.aboutus div{ border-top: solid 2px #fff ; padding: 10px 0;}
  	.logolist{position: relative; padding: 15px 10px; background-color: #fff; border-bottom: solid 1px #eee;}
  	.logolist:before{
  		position: absolute;
  		top: 0;
  		left: 50%;
  		margin-left:-10px;
  		content: '';	
		width: 0;
	    height: 0;
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-top: 8px solid #959494;
  	}
    .str_wrap a{ margin-right: 20px;}
    .main .w1200{}
    .newslist .list-group-item{ padding: 10px 0; border: none;}
    .newslist .list-group-item:hover{ background-color: #fff;}
    .newslist .list-group-item h4{font-size: 14px;font-weight: bold; }
    .grup .piclist div{ padding-top:5px;cursor:pointer}
    .grup .piclist div:nth-child(1){background:#d3d3d3}
    .grup .piclist div:nth-child(2){background:#bebebe}
    .grup .piclist div:nth-child(3){background:#aaaaaa}
    .grup .piclist div:nth-child(4){background:#8b8b8b}
    .grup .piclist div:nth-child(5){background:#7a7a7a}
    .grup .cur{ background: #2c56a0;}
    footer dl{}
     footer dd{ line-height: 30px; }
       .gotop{ width: 40px; height: 40px; background: #000; font-size: 24px; line-height: 40px; text-align: center;cursor:pointer}
	.banquan{border-top: solid 1px #797878 ;line-height: 30px; font-size: 12px;}
	.banner{position: relative;}
	.banner h2{font-size: 14px; background: #Fff; line-height: 30px ; height: 30px; padding-right: 10px; position: absolute; top:70%}
	.banner h2 span{ background: #000; color: #fff;line-height: 30px ; height: 30px; display: inline-block; padding: 0 20px;margin-right: 10px;}
	.news { background:#fff}
 	.news .nr{ border-top: solid 1px #eee; padding: 20px;}
 	.product-banner{background:#1e4b99 ; }
 	.product-banner h2{ font-size: 20px; background: #7fad2e; line-height: 40px; color: #fff; padding:0 20px; margin-left: -20px; display: inline-block;}
 	.product-banner span{ display: block; color: #Fff; margin:20px 0;}
 	.productlist{background: #ededed;}
 	.bigclass{ font-size: 20px; display: inline-block;
 	          background: -prefix-linear-gradient(left, #000, #ededed); 
              background: linear-gradient(to right, #000, #ededed); 
              padding: 10px 30px;
              color: #fff;
              }
    .classlist .classtitle{padding: 5px 20px; background:#7fad2e; color: #fff;}
    .classlist li {display: inline-block; margin: 5px 2px;}         
    .classlist li a{display: inline-block; padding: 5px 10px;  background: #E0E0E0;color: #333;}
    .classlist li a:hover{ background: #1e4b99;color: #fff;}
    .tedian{ font-size: 12px;}
    .tedian p{margin-bottom: 5px;}
    .tedian strong{ display: block; margin-bottom: 10px;font-size: 14px;}
    .tedian p:before{
	    	color: #7fad2e;
	    	content:'\e67f'; 	padding-right:10px;
			  font-family:"iconfont" !important;
			  font-style:normal;
			  -webkit-font-smoothing: antialiased;
			  -moz-osx-font-smoothing: grayscale;
			 
  	}
  	.thumbnail{position: relative; min-height:200px}
  	.thumbnail .caption h3{ margin:0 0 10px 0; font-size:20px}
 
  	.button  a{ background: #333; color: #fff; border:1px #fff solid;}
  	.button  a:nth-child(3) {background: #7fad2e;}
  	.button  a:hover{color: #fff; border:1px #fff solid;background:#1e4b99;}
	.prodcut-nr{background: #fff;}
	.product-content .title{background: #333; color: #fff;padding:5px 10px;}
	.product-content{ margin-top: 30px;}
	 body{ line-height:30px }
	.list-group-item{ max-height:95px; overflow:hidden}
    .form-horizontal .form-group{ margin:0}
	 .form-horizontal .form-group button{background-color: #7fad2e; border-color: #7fad2e; border-radius:0;}
	 .form-horizontal .form-group button£ºhover{background-color:#1e4b99; border-color: #1e4b99;}
	.newslist img{max-width:100%;} 
	
 /*ÊÖ»ú*/
 @media (max-width: 768px) {
	.aboutus{ padding:0 15px; }
	.aboutus h1{font-size:1.4em;font-weight: bold;}
	.aboutus div{ border-top: solid 2px #fff ; padding: 10px 0;}
	.about{padding:15px 5px;}
  	.about ul li {display:table;padding: 0 10px;}
	.about ul li h1{ font-size: 1.2em; margin: 0;}
	.about ul li span{font-size: 0.8em;}
    .w1200{width: 100%;}
    .language{display: none;}
    .navbar{margin:0;}
    .navbar-collapse{ float:none;margin-top: 5px;}
    .logo img{ width: 150px;margin:5px 10px ;}
    .search{width: 100%;}
    .str_wrap a img{max-height:50px;}
    .newslist{padding:0 20px 20px 20px;}
    .news .grup{ display:none;}
    .well{display: none;}
    .yingyong{background: #2b569f;}
    .yingyong .col-xs-4 img{ border: solid #fff 2px;}
    .yingyong .col-xs-4 h1{ font-size: 1.2em;text-align: center;color: #fff;}
    footer dt{ margin-bottom: 20px;}
    footer .logo{ margin: 0 0 20px -12px;border-bottom: solid 2px #Fff ; padding-bottom: 20px;}
    .gotop{display: none;}
    footer{ padding: 10px 20px 0 20px;}
    .banner img{min-height:180px;}
    .banner h2{ top:60%;}
    .logolist:before{display: none;}
    .product-banner{padding: 20px; display: none;}
    .bk{padding: 10px;}
    .thumbnail .caption img{ margin-bottom:10px;}
    .prodcut-nr{ border-top:8px #1e4b99 solid ; padding: 20px;}
    .contact-nr h3{ font-size: 18px;}
    .newslist h1{ font-size: 20px;font-weight:bold;}
    .contact{    padding: 20px ;}
	.diannao{display: none;}
	.banquan{ border: 0; line-height: 20px; padding:0 10px 10px 10px;}	
	.tongji{ display:none}
	.LivePage{ display:none}
	.product-content .nr2  img{max-width:100%;}
	 .form-horizontal .form-group button{ width:100%; margin-top:10px}
	.newscontent img{ width:100%;} 
 }
 
  /*µçÄÔ*/
  @media (min-width: 768px) {
  	.bk{padding: 20px;}
    .carousel{margin: 20px 0;}
  	.about{padding:50px 25px;}
     .about ul li {display:table;padding: 0 10px;}
	 .about ul li h1{ font-size: 2em;}
    .navbar-collapse{ padding: 0;}
    .search{ margin:0 0 0 -4px ;}
    .newslist{padding:0  40px 40px 40px;}
    .news .pic{width: 370px; height: 246px;float: left;}
    .news .piclist div{ height: 246px; width: 30px; float: left;text-align: center; color: #fff; font-weight: bold;}
    .news .grup{padding: 40px;}
    .yingyong .col-xs-4{display: none;}
    .main{ margin: 20px 0;}
    footer{ padding:40px 0 0 0;}
    footer dt{ margin-bottom: 20px;}
    footer .logo{margin-top: 50px;}
    .xiantiao{ border-left: solid 1px #797878 ; padding-left:60px;}

    .banner h2{left: 30px;}

    .top .contactus{ display: inline-block; float:left	border-right: solid 1px #E0E0E0; margin-right: 10px;padding-right: 10px;}
    .news .nr{ margin: 20px;}
    .product-banner{padding: 40px;}
    .product-banner h2{margin-left: -40px;}
    .product-banner span{border-left: 5px solid #132f61; padding-left:20px;}
    .thumbnail .caption .btn-group{ position: absolute; bottom:20px; right:20px;}
    .prodcut-nr{ border-top:8px #1e4b99 solid ; padding: 40px 80px;}
     
     	.product-content .nr1{margin-right: 20px;}
		
		.product-content .nr1  img{max-width:480px;}
     	.contact{    padding: 40px 80px;}
		.thumbnail .caption a img{ padding-right:20px}
	.tongji{ float:right;}
	.productimg{ padding-right:20px}
	
	.LivePage{ color:#999}
	
	.Page_right{ float:right}
	
	.Page_right span,.page_curs{ padding:5px 15px; border:#999 1px solid; margin-right:2px; color:#999}
	
	.page_curs:hover{ padding:5px 15px; background-color:#333; margin-right:2px; color:#fff}
	.shouji{ display:none}
        .dropdown-menu > li > a:hover{ background-color:#7fad2e;color:#fff}
		.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: center;
  }
   .form-horizontal .form-group  input, .form-horizontal .form-group textarea, .form-horizontal .form-group  button{ margin-top:15px}
   .form-horizontal .control-label {
    padding-top: 15px;
    margin-bottom: 0;
    text-align: center;
}
   
   .nr2 img{ max-width:500px}
   .nr3{
	background-image: url(../images/lybj.jpg);
	background-position: 10px 120px;
	background-repeat: no-repeat;
	height:350px;
}
  }

	 .box,.box1{
            overflow: hidden;
            position: relative;
            width:100%;
          
        }
       
       .box li,.box1 li{
            float: left;
            list-style: none;
        }
    
      .box  ul,.box1  ul{
            position: relative;
            left: 0;
        }
        .next{
            cursor:pointer;
            opacity: 0;
            position: absolute;
            right: 0;
            background: url("../images/next.png");
            width: 50px;
            height: 45px;
            display: block;
            line-height: 80px;
        }
        .prev{
            cursor:pointer;
            opacity: 0;
            background: url("../images/prev.png");
            display: block;
            position: absolute;
            width: 50px;
            height: 45px;
            text-align: center;
            line-height: 80px;
        }
        .prev,.next{
            transition: all 0.5s;
        }
        .next:hover,.prev:hover{
            -webkit-transform: scale(1.2,1.2);
            -moz-transform: scale(1.2,1.2);
            -ms-transform: scale(1.2,1.2);
            -o-transform: scale(1.2,1.2);
            transform: scale(1.2,1.2);
            opacity: 1!important;
            transition: all 0.3s;
        }