@charset "utf-8";
/* CSS Document */
@font-face{ font-family:"Lucida Console", Monaco, monospace; src:url(../font/%E6%96%B0%E8%92%82%E5%B0%8F%E4%B8%B8%E5%AD%90%E5%AD%97%E4%BD%93%E9%AB%98%E7%BA%A7%E7%89%88.ttf);}
body{
	font-size:14px;
	font-family:"Lucida Console";
	margin:0px;}
a{ text-decoration:none;
   color:inherit;}
li{
    list-style:none;}

/*众*/
.main{
	width:80%;
	margin:auto;}	
.clear{ clear:both;}	
.left{ float:left;}	
.right{ float:right;}
	
/*顶部*/
.top{ background-color:#ececec; height:30px;color:#9e9e9e;
      line-height:30px; font-size:12px;}
.topleft{
	float:left;
	width:500px;}
.topright{
	text-align:right;
	float:right;
	width:300px;}
.topright a{
	color:#9e9e9e;}	
.tell{
	float:right; margin-top:20px;}	
.tell div{ float:right; margin-top:10px;}
.tell span{ padding-left:10px;
            color:#2a94ce;
			font-weight:600;}
.tell p{ font-size:24px;
         font-weight:600;
		 color:#ff8100;
		 padding-left:10px;}
		 
/*index产品中心*/		 		
.indexprotext{ text-align:center;    margin-top: 35px; overflow:hidden;}	
.indexprotext strong{ font-size:34px;
                      }
.indexprotext span{ font-size:24px;}
.promore{ border:solid #44b5f3 1px;
          text-align:center;
		  width:200px;
		  padding:10px;
		  margin:5px auto 0px;
		  color:#2a94ce;
		  }
/*.promore a:link{ color:#43c232;}*/
.promore:hover{ background:#2a94ce; color:#fff;}

.promore a:hover{ color:fff;}
.prothree{ margin:auto; text-align:center; width:276px; height:1px;}
.proul{ text-align:center;}
.proul li{ border:#2a94ce solid 1px;
           padding:10px 30px;
		   margin:0px 10px;
		   float:left;}
.proul li:hover{ background:#2a94ce;
                 color:#fff;}		   


/*about*/
.indliken{
	background-image:url(https://cdn.yilishuntong.com/images/bssaboutback.jpg);
	margin-top:40px; height:520px; /*background-size:100%;*/}
.likenright{
	/*background:url(../images/bssabout2.png) no-repeat;*/
	float:right;
	width:41%;margin-top: 160px;
	/*margin-left:20px;
    background-size: 100%;*/}
.likenleft{ width:450px; color:#fff; padding:75px 40px; float:left;}	
.likenleft strong{ font-size:34px;}	
.likenleft span{ font-size:24px;}	
.likenleft h5{ font-size:14px;font-weight: 100;
               margin-top:15px;}	
.likenleft p{    margin-top: 15px;line-height: 25px;}
.more{border:solid #fff 1px;
          text-align:center;
		  width:150px;
		  padding:10px;
		  margin:80px 0px 0px 0px;}
.more:hover{ transform: scale(1,1) !important;
             font-size:16px;}		  
.likenrvio{
	margin-top:-330px;
	margin-left:40px;}		  
.likenloog{ text-align:center;
            margin-top:20px;}		  
			
/*index优势*/		 		
.indexadvtext{ text-align:right; margin-top:40px;}	
.indexadvtext strong{ font-size:34px;
                      }
.indexadvtext span{ font-size:24px;}
.indexadvtext h5{ font-weight:100;
                   margin-top:15px;}
	
.advul{}
.advul li{ float:left;
           margin-left:2%;
		   width:14.6%;
		   text-align:right;}
.advul li img{ width:97%;}	
.advul li img:hover{ transform: scale(1,1) !important;
    -webkit-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    -o-transform: scale(1.1) !important;
    left: 0%!important;
    top: 0%!important;
    transition: ease-in-out .70s}


/*index 新闻中心*/
.indnew{ margin-top:40px;
         padding:20px 0px 50px 0px;
		 background:#f2f2f2;}
.indiv{ width:100%;
        margin:auto;}		 	
.innewul{ }
.innewul li{ width:95%;
             margin: 0px auto 20px;
			 height:184px;
			 background:#fff;}
/*.innewul li:hover{
	    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    transition: all .45s;
	border-left:#45ae4a solid;
}		*/ 
.innewul li:after{    content: "";
    background: #44b5f3;
    height: 35px;
    width: 4px;
    display: block;
    position: absolute;
	margin-top:20px;
    transition: all .45s;}	
.innewul li:hover::after{ height:184px;
                          margin-top:0px;}		 
.innwlef{ float:left;
         /* float: right;
     width: 45.5%; */
    /* margin-top: 30px; */
    margin-right: 300px;
    /* position: absolute; */
    text-align: left;
    background: #fff;
    height: 154px;
    /* padding: 30px 30px 0px 0px;*/ 
    padding-right: 40px;

    margin-top: -184px;
          /* width:90%;*/
		   margin-top:30px;
		   padding-left:30px;}
.innwlef h3{
	font-size:16px;
	margin-bottom:10px;}
.innwlef span{ color:#999999;
              font-size:10px;
			  }	
.innwlef p{ width:100%;
            margin-top:6px;
			color:#666;
			font-size:12px;}	
.innewul li img{ float:right;
                 height:184px;
				 position:absolute;
				 width:300px;
				 }	
.indnew2{ margin-top:40px;
         padding:20px 0px;
		 background:#f2f2f2;}
.indiv2{ width:100%;
        margin:auto;}
.innewul2{ }
.innewul2 li{ width:95%;
              margin: 0px auto 20px;
			 height:184px;
			 background:#fff;}
.innewul li:hover{
	    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    transition: all .45s;

}		
.innewul2 li::after{ content: "";
    background: #44b5f3;
    height: 35px;
    width: 4px;
    display: block;
	margin-top:20px;
    right: 12%;
    position: absolute;
    transition: all .45s;}	
.innewul2 li:hover{
	    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    transition: all .45s;

}	
.innewul2 li:hover::after{ height:184px;
                          margin-top:0px;}				 		 		    	
.innwrig{ float: right;
    /* width: 45.5%; */
    /* margin-top: 30px; */
    margin-left: 300px;
    /* position: absolute; */
    text-align: left;
    background: #fff;
    height: 184px;
    /* padding: 30px 30px 0px 0px; */
    padding-right: 30px;
    padding-left: 40px; 
    margin-top: -184px;}
.innwrig h3{
	font-size:16px;
	margin-bottom:10px;
	margin-top:30px;}
.innwrig span{ color:#999999;
              font-size:10px;
			  }	
.innwrig p{ width:100%;
            margin-top:6px;
			color:#666;
			font-size:12px;}	
.innewul2 li img{ float:left;
                 height:184px;
				 }						 

/*footer*/

.footer{ background:#333;
         color:#adadad;
		 padding:50px 0px 20px 0px;
		 float:left;
		 width:100%;}	
.fooleft{ line-height:30px;
          width:31%;
		  float:left;}
.divul{ float:left;
        width:39%;
		margin-left:6%;
		line-height:30px;}	
.divul h3{ margin-bottom:10px;}
.divul h3:hover,.ul2 li:hover,.ul1 li:hover{ color:#2a94ce;}						  
.ul1{ float:left;
      width:20%;
	  border-right:#adadad solid 1px;
	  padding:0px 60px 0px 0px}
.ul1 li{ }	  	
.ul2{ float:left;
      width:40%;
	  padding:0px 0px 0px 60px}	
.ul2 li{ }	    	  		 			 


/**/
.liuy{ line-height:30px;
       float:right;
	   width:20%;}
.liuy h3{ margin-bottom:10px;}
.guestbook_input{
    height: 30px;
    background: #333;
    border: solid 1px #adadad;
	color:#adadad;
	padding-left:10px;
	margin-bottom:5px;}
.an{width: 230px;
    background: #2a94ce;
    color: #fff;
    height: 30px;
    border:none;
	margin-top:3px;}	

.foot{ background: #222;
    color: #757575;
    height: 50px;
    width: 100%;
    line-height: 50px;
    font-size: 12px;}	
    
    
    
@media screen and (min-width: 400px) and (max-width: 1200px){
	.body{ width:1200px;}
	.box806_-8907 .main_image{ height:412px;}
} 
@media screen and (min-width: 1500px) and (max-width: 1650px){
	.main{ width:75%;}
	.innewul2 li::after{right:14.4%;}
	.box806_-8907 .main_image{ height:500px;}
} 
@media screen and (min-width: 1650px) and (max-width: 1800px){
	.main{ width:70%;}
	.innewul2 li::after{right:16.8%;}
	.box806_-8907 .main_image{ height:520px;}
} 
@media screen and (min-width: 1800px) and (max-width: 1920px){
	.main{ width:64%;}
	.innewul2 li::after{right:19.6%;}
	.box806_-8907 .main_image{ height:600px;}
}