@charset "utf-8";

*{font-family:"方正兰亭黑简体";font-size:12px;color:#4c4c4c;}
a{text-decoration:none;}
body{margin:0;}
img{margin:0;display:block;border:0px;}
span{display:block;}
.marginboth{margin-right:auto;margin-left:auto;}
.morebox:hover{width:160px;height:32px; background-color:#e50112;margin-top:60px;overflow:hidden;}
.morebox:hover .more{color:#FFF;font-size:14px;float:left;margin-left:25px;margin-top:10px;}
.morebox:hover .arrow{display:none;}

/* flexslider */
.flexslider{margin:auto;position:relative;width:100%;height:450px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides img{margin-top:-15px;margin-left:-40px;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/*topnav*/
.topnav{width:1200px;
        overflow:hidden; 
		margin:auto;}
		
.topnav .logo{float:left;
			  margin:20px 0px 0px 60px;}
			  
.topnav .nav{float:right;
             margin-top:30px;}
			 
.topnav ul{list-style:none;
           overflow:hidden;
           margin-right:60px;}

.topnav ul li{float:left;
			  margin:2px 0px 17px 40px;}

.topnav ul a{font-size:16px;
		     padding:0px 5px 15px 5px;}

.topnav img{float:right;
            margin-right:10px;
			margin-top:30px;}
			 
.topnav .phonenum{float:right;
                  margin-top:30px;
                  font-size:16px;
				  color:#113976;} 	

.topnav a:hover{color:#e50112;}

.topnav ul a:hover{border-bottom:2px solid #e50112;}

/*aboutbox*/
.aboutbox{width:100%;}

.about{font-family:"Letter Gothic Std";
        font-size:44px;
		text-align:center;
		margin-top:77px;}
		
.about1{font-size:24px; 
        text-align:center;
		margin-top:24px;}
		
.redline{width:30px;
         height:2px;
		 background-color:#e50112;
		 margin-top:10px;}
		   
.grayline{width:95px;
          height:1px; 
		  background-color:#0a0f18;
		  margin-top:12px;}
		 
.title1{font-size:44px;
        text-align:center;
		margin-top:16px;}
		
.content{width:1000px;
         text-align:center;
		 margin-top:11px;
		 font-size:14px;
		 line-height:22px;
		 text-indent:2em;}
		 
.probanbox{position:relative;
           width:100%;
           overflow:hidden;
		   margin-bottom:60px;}
	
.probanbox .proban1{margin-top:30px;
                    margin-left:auto;
			        margin-right:auto;
			        width:80%;}
				   
.probanbox .pro0{position:absolute;
                 top:200px;
				 left:50%;
				 margin-left:-95px;}
				 
.probanbox .pro1{position:absolute;
                 top:20px;
				 left:50%;
				 margin-left:-68px;
				 width:146px;
				 cursor:pointer;}
				   
.probanbox .pro2{position:absolute;
                 top:100px;
				 left:50%;
				 margin-left:-210px;
				 width:104px;
				 cursor:pointer;}
				 
.probanbox .pro3{position:absolute;
                 top:320px;
				 left:50%;
				 margin-left:-250px;
				 width:153px;
				 cursor:pointer;}
				 
.probanbox .pro4{position:absolute;
                 top:60px;
				 left:50%;
				 margin-left:128px;
				 width:119px;
				 cursor:pointer;}
				 
.probanbox .pro5{position:absolute;
                 top:320px;
				 left:50%;
				 margin-left:118px;
				 width:132px;
				 cursor:pointer;}

.probanbox .pro1,
.probanbox .pro2,
.probanbox .pro3,
.probanbox .pro4,
.probanbox .pro5{
	             -moz-transform:scale(1,1);
                 -webkit-transform:scale(1,1);
                 -o-transform:scale(1,1);
                 -ms-transform:scale(1,1);
                 transform:scale(1,1);
                 -webkit-transition: all 0.5s ease-in;
                 -moz-transition: all 0.5s ease-in;
                 -o-transition: all 0.5s ease-in;
                 -ms-transition: all 0.5s ease-in;
                 transition: all 0.5s ease-in;}
				   
.probanbox .pro1:hover {-moz-transform:scale(1.2,1.2);
                        -webkit-transform:scale(1.2,1.2);
                        -o-transform:scale(1.2,1.2);
                        -ms-transform:scale(1.2,1.2);
                        transform:scale(1.2,1.2);}	
						
.probanbox .pro2:hover {-moz-transform:scale(1.2,1.2);
                        -webkit-transform:scale(1.2,1.2);
                        -o-transform:scale(1.2,1.2);
                        -ms-transform:scale(1.2,1.2);
                        transform:scale(1.2,1.2);}								 				
						
.probanbox .pro3:hover {-moz-transform:scale(1.2,1.2);
                        -webkit-transform:scale(1.2,1.2);
                        -o-transform:scale(1.2,1.2);
                        -ms-transform:scale(1.2,1.2);
                        transform:scale(1.2,1.2);}
						
.probanbox .pro4:hover {-moz-transform:scale(1.2,1.2);
                        -webkit-transform:scale(1.2,1.2);
                        -o-transform:scale(1.2,1.2);
                        -ms-transform:scale(1.2,1.2);
                        transform:scale(1.2,1.2);}
						
.probanbox .pro5:hover {-moz-transform:scale(1.2,1.2);
                        -webkit-transform:scale(1.2,1.2);
                        -o-transform:scale(1.2,1.2);
                        -ms-transform:scale(1.2,1.2);
                        transform:scale(1.2,1.2);}																		 				 				

	   

/*成功案例*/
.projectbox{width:100%;}

.prophotobox{width:1200px;
             overflow:hidden;
			 margin-top:34px;}
			 
.prophoto{float:left;
          position:relative;}
		  
.prophoto img{width:200px;}
		  
.prophoto p{position:absolute;
            width:200px;
			height:220px;
		    background-color:(0,0,0,1);
			}


.prophoto .proname{margin-left:10px;
                   font-size:18px;
		           margin-top:100px;
		           color:#FFF}
		  
.prophoto .prodetail{margin-left:10px;
                     font-size:12px;
		             margin-top:10px;
		             width:200px;
		             color:#FFF;}




/*公司动态*/
.dynamicbox{background-color:#f2f2f2;
             margin-top:70px;
			 height:520px;
			 overflow:hidden;
		 	 background-image:url(../images/b3.jpg);
			 background-repeat:repeat;
			 padding-bottom:10px;}

.rollbox{width:1000px;
         overflow:hidden;
		 margin-bottom:70px;
		 margin-top:60px;}

.rollbox .rollleft{float:left;}

.rollbox img{width:20px;float:left;}

.rollbox .rollright{float:right;}

.rollbox .rolltitle{font-size:18px;
                    font-weight:bold;
					margin-bottom:10px;
					padding-left:5px;
					overflow:hidden;}

.rollbox .rolling{margin-top:12px;
				  font-size:16px;}

.rollbox .rolling1{ margin-top:20px;}



/*bottom*/
.bottom{width:100%;
        height:160px;
	    background-color:#0c0c10;
		margin-top:30px;
		overflow:hidden;}

.bottombox{width:1000px;}
		
.bottomleft{width:600px;
			margin-top:27px;
			height:130px;
			float:left;}
			
.bottomleft .companyname{color:#FFF;
                     font-size:14px;}
					 
.bottomleft .company{color:#FFF;
                     font-size:14px;
					 margin-top:5px;}
					 
.bottomleft .companyaddress{color:#FFF;
                            font-size:12px;
					        margin-top:22px;}
					 
.bottomleft .companyphone{color:#FFF;
                          font-size:12px;
					      margin-top:5px;}
					 
.bottomright{width:220px;
             margin-top:30px;
			 float:left;
			 margin-left:20px;}
			 
.bottomright .contact{font-size:14px;
                      color:#FFF;}
					  
.bottomright div{margin-top:13px;
                 overflow:hidden;
				 width:220px;}
				 
.bottomright .weixin{margin-left:0px;}

.bottomright .qq{width:14%;}

.bottomright img{float:left;
                 margin-left:30px;
				 width:20%;}