@charset "utf-8";
/* CSS Document */

body{
margin:0px;
padding:0px;
font-size:12px;
color:#333;
font-family:'微软雅黑';
background:#fff;
}
ul{
padding:0px;
margin:0px;
list-style:none;
}
a{
color:#444444;
text-decoration:none;
outline:none;
-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
a:hover{
color:#ff5f09;

}
a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} 
img{
border:none;
}
.all{
margin:auto;
width:100%;
height:auto;
min-width:1280px;

}
img{
-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}


.head{
	margin:auto;
	width:100%;
	height:100px;
	background:#3f4042;
	position:fixed;
	top:0px;
	z-index:999;
}

.head_center{
	margin:auto;
	width:1280px;
	height:100px;
}
.logo{
float:left;
width:auto;
height:auto;
margin-top:30px;
}
.meau{
float:left;
width:530px;
height:40px;
line-height:40px;
margin-top:30px;
}
.meau ul{
float:left;
width:500px;
margin-left:30px;
}
.meau ul li{
float:left;
width:85px;
height:40px;
line-height:40px;
text-align:center;
}
.meau ul li a{
float:left;
width:100px;
height:40px;
line-height:40px;
font-size:16px;
color:#fff;
text-align:center;
}

.meau ul li a:hover{
float:left;
width:100px;
height:40px;
color:#ff5f09;
font-size:18px;
}
.meau ul li .cur{
float:left;
width:100px;
height:40px;
color:#ff5f09;
font-size:18px;
}

.sousuo{
float:left;
width:180px;
height:44px;
background:#fff;
border-radius:30px;
margin-top:30px;
margin-left:50px;
}

.sousuo .text{
float:left;
width:110px;
height:30px;
line-height:30px;
margin-left:20px;
border:none;
margin-top:5px;
}


.sousuo .button{
float:right;
width:40px;
height:30px;
border:none;
margin-left:0px;
margin-top:5px;
background:url(../images/sousuo.png) no-repeat left center;
}
.phone{
float:right;
width:230px;
height:75px;
margin-top:20px;
}
.phone p{
float:left;
width:100%;
height:25px;
line-height:25px;
background:url(../images/phone.png) no-repeat left center;
text-indent:50px;
font-size:22px;
font-weight:bold;
margin-top:5px;
margin-bottom:0px;
color:#fff;
}

.phone .p1{
background:url(../images/wx.png) no-repeat left center;
}
.banner{
width:100%;
height:700px;
}
.index{
margin:auto;
width:1210px;
height:auto;
margin-top:60px;
min-height:550px;
}
.fuwufanwei{
float:left;
width:100%;
height:480px;
}
.fuwufanweibiaoti{
float:left;
width:100%;
height:80px;
}
.fuwufanweibiaoti1{
float:left;
width:100%;
height:auto;
font-size:38px;
color:#000;
text-align:center;
}
.fuwufanweibiaoti2{
float:left;
width:100%;
}
.fuwufanweibiaoti21{
margin:auto;
width:250px;
height:30px;
line-height:30px;
font-size:16px;
color:#8b8b8b;
text-align:center;
background:url(../images/1.png) no-repeat center center;
}
.fuwufanwei ul{
float:left;
width:100%;
height:345px;
margin-top:50px;
}
.fuwufanwei ul li{
float:left;
width:286px;
height:345px;
background:#000;
margin-right:16px;
background-color:#ff8b4c;
border-radius:10px;
-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.fuwufanwei ul li:hover{
background-color:#ff5f09;
-moz-box-shadow:4px 5px 6px #A8A8A8; -webkit-box-shadow:4px 5px 6px #A8A8A8; box-shadow:4px 5px 6px #A8A8A8;

}
.fuwufanwei ul li  .icon01{
width:67px;
height:67px;
 margin-top:30px;
 margin-left:30px;
 float:left;
 background:url(../images/ico1.png);
 -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}


.fuwufanwei ul li:hover .icon01{
 transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 
}





.fuwufanwei ul li:hover .icon02{
 transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 
}
.fuwufanwei ul li:hover .icon03{
 transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 
}
.fuwufanwei ul li:hover .icon04{
 transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 
}




.fuwufanwei ul li  .icon02{
width:67px;
height:67px;
 margin-top:30px;
 margin-left:30px;
 float:left;
 background:url(../images/ico2.png);
  -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;

}






.fuwufanwei ul li  .icon03{
width:67px;
height:67px;
 margin-top:30px;
 margin-left:30px;
 float:left;
 background:url(../images/ico3.png);
  -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;

}
.fuwufanwei ul li  .icon04{
width:67px;
height:67px;
 margin-top:30px;
 margin-left:30px;
 float:left;
 background:url(../images/ico4.png);
  -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;

}
.shuxianall{
width:20px;
height:70px;
float:right;
margin-top:30px;
margin-right:30px;
}
.shuxian{
width:2px;
height:30px;
background-color:#fff;
margin-left:4px;
}
.shuzi{
color:#fff;
margin-top:20px;
}
.title01{
color:#fff;
font-size:24px;
margin-top:150px;
margin-left:30px;
}
.content01{
color:#fff;
font-size:15px;
margin-top:15px;
line-height:24px;
width:80%;
padding-left:10%;
}
.zzrongyu{
width:100%;
height:570px;
background:url(../images/rybg.jpg)  center top;
margin-top:160px;
}
.zzrongyuleft{
width:280px;
height:350px;
margin-top:70px;
float:left;
}
.rytitle{
color:#fff;
font-size:38px;
}
.ryengtitle{
color:#fff;
font-size:18px;
margin-top:5px;
}
.ryhenxian{
width:40px;
height:2px;
background-color:#fff;
margin-top:15px;
}
.ry1title{
color:#fff;
margin-top:25px;
font-size:14px;

}
.ry2title{
color:#fff;
margin-top:5px;
font-size:14px;

}
.ryjiantou{
float:left;
margin-top:100px;
}
.zzrongyuright{
float:right;
background:red;
width:800px;
height:350px;
margin-top:70px;
}

.picScroll-left{
	float:right;
	width:820px;
	height:396px;
	margin-top:75px;
}
.bd{
width:100%;
height:382px;
}
.bd ul{
float:left;
width:100%;
height:400px;
}
.bd ul li{
float:left;
width:244px;
height:352px;
margin-left:25px;
}

.bd ul li .pic{
float:left;
width:244px;
height:352px;
}

.bd ul li .pic:hover{
float:left;
width:244px;
height:352px;
-moz-box-shadow:4px 5px 6px #f9f9f9; -webkit-box-shadow:4px 5px 6px #ccc; box-shadow:4px 5px 6px #f9f9f9;
overflow:hidden;
}



.bd ul li a:hover img{
	transform: scale(1.2);
}












.bd ul li .title{
float:left;
width:244px;
height:30px;
font-size:14px;
color:#fff;
padding-top:20px;
text-align:center;
}

.bd ul li .title a{
color:#fff;
}

.bd ul li .title a:hover{
color:#fff;
text-decoration:underline;

}


.picScroll-left .hd{ overflow:hidden;  height:30px; width:100%; margin-top:30px;  }
.picScroll-left .hd ul{  zoom:1; margin-top:10px; zoom:1; margin-left:46%;}
.picScroll-left .hd ul li{ float:left;  width:16px; height:16px; overflow:hidden; margin-right:15px; text-indent:-999px; cursor:pointer; background:url("../images/f1.png") no-repeat; }
.picScroll-left .hd ul li.on{background:url("../images/f2.png") no-repeat; }

.aboutindex{
margin:auto;
width:1210px;
height:750px;
}
.che{
float:left;
width:1210px;
height:520px;
margin-top:60px;
background:url(../images/che.png) no-repeat right bottom;
}
.cheleft{
float:left;
width:100%;
height:auto;
}
.abouttext{
float:left;
width:490px;
height:280px;
}
.abouttext strong{
float:left;
width:100%;
height:auto;
line-height:22px;
font-size:24px;
color:#ff5f09;
margin-top:40px;
padding-bottom:30px;
}
.abouttext span{
float:left;
width:100%;
height:auto;
line-height:22px;
font-size:14px;
color:#232528;
text-indent:2em;
}
.abouttext a{
float:left;
width:85px;
height:30px;
margin-top:35px;
}

.youshi{
width:100%;
height:670px;
margin-top:86px;
background:#ff5f09;
}

.center{
margin:auto;
width:1210px;
}
.youshi ul{
float:left;
width:100%;
height:300px;
margin-top:90px;
}
.youshi ul li{
float:left;
width:235px;
height:295px;
}
.youshi ul li .youshiimg{
float:left;
width:100%;
height:auto;
text-align:center;
  -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}

.youshi ul li:hover .youshiimg{
 transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 
}


.youshi ul li .youshiimg1{
float:left;
width:100%;
height:auto;
font-size:18px;
font-weight:bold;
text-align:center;
color:#fff;
margin-top:10px;
}
.youshi ul li .youshiimg2{
float:left;
width:100%;
height:5px;
margin-top:15px;
text-align:center;
}

.youshi ul li .youshiimg2 img{
width:22px;
height:1px;
-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;

}


.youshi ul li:hover .youshiimg2 img{
width:122px;
height:1px;

}
.textc{
float:left;
width:98%;
height:auto;
font-size:14px;
line-height:22px;
margin-top:20px;
margin-bottom:20px;
color:#fff;
padding-left:1%;
}
.textc1{
float:left;
width:100%;
height:auto;
text-align:center;
}






.sxkkk{
float:left;
width:2px;
height:150px;
border-left:1px solid #fff;
margin-top:72px;
margin-left:43px;
margin-right:43px;
}
.caseall{
width:100%;
height:670px;
background:#f2f2f2;
}
.case{
margin:auto;
width:1210px;
height:670px;
}












.Brand{width:1180px; margin-top:60px; float:left;}
.Brand  div.BrandConlogo{height:360px;float:left;margin-right:0px;transition:all 0.2s linear;}
.Brand  div.BrandConlogo:hover{box-shadow:0 5px 10px #ccc;-webkit-box-shadow:0 5px 10px #ccc;transition:all 0.2s linear;}

.Brand  div.brandmore{width:52px;margin:0;}
.Brand div.BrandConlogo .brandlogo{height:300px;padding:10px 10px 10px 20px;background:#fff;}
.Brand div.brandea .brandlogo{width:420px;}
.Brand div.brandjk .brandlogo{width:336px;}
.Brand div.brandcn .brandlogo{width:252px;}
.Brand a.BrandSecTitle{height:60px;display:block;line-height:60px;font-size:18px;background:#ff5f09;color:#fff;border:none;text-align:center;text-decoration:none;}
.Brand a.BrandSecTitle:hover{background:#fc7c38;color:#FFF;}
.Brand div.brandea a.BrandSecTitle{width:450px;}
.Brand div.brandjk a.BrandSecTitle{width:366px;}
.Brand div.brandcn a.BrandSecTitle{width:282px;}
.Brand div.brandmore a.BrandSecTitle{width:32px;height:240px;padding:60px 10px;line-height:60px;}
.Brand div.BrandConlogo div a{display:block;width:68px;height:88px;margin:0 10px 6px 0;border:3px solid #fff;text-decoration:none;font-size:14px;color:#666;text-align:center;float:left;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;transition:all 0.3s ease-in-out 0s;}

.Brand div.BrandConlogo div a:hover{border-color:#ff5f09;transition:all 0.1s ease-in-out 0s;}
.Brand div.BrandConlogo div a img{display:block;width:64px;height:64px;padding:2px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}.fl_icn_g a img{width:100%;}.pg_forumdisplay .fl_g dt{padding:10px 0;}
.pg_forumdisplay .fl_g dt a{font-size:20px;font-weight:500;color:#333;}
.pg_forumdisplay .fl_g dd{font-size:14px;color:#888;}
.pg_forumdisplay .fl_g dd em{font-size:20px;}
.pg_forumdisplay .bm_c{background:#edf0f2;}
.pg_forumdisplay .waterfall .c,.pg_forumdisplay .waterfall .cl{background:#fff;}
#scrolltop{bottom:120px;}
.qq_bind{margin-top:-3px;}
#toptb .qq_bind{margin-top:2px;}
.brandlogo p{
margin-top:0px;
}
.casemore{
float:left;
width:100%;
height:50px;
margin-top:50px;
}

.casemore a{
float:left;
width:150px;
height:50px;
background:#ff5f09;
color:#fff;
font-size:14px;
border-radius:20px;
margin-left:520px;
text-align:center;
line-height:50px;

}
.casemore a:hover{
background:#bc4708;
color:#fff;
font-size:18px;
}
.newcase{
width:100%;
height:1130px;
background:#f2f2f2;
}
.newmenu{
float:left;
width:100%;
height:60px;
margin-top:60px;
}
.newmenu a{
float:left;
width:303px;
height:60px;
line-height:60px;
color:#fff;
text-align:center;
font-size:18px;
font-weight:bold;
background:#fc7c38;
border-right:1px solid #fff;
}

.newmenu .cur{
float:left;
width:600px;
background:#ff5f09;

}
.newcase ul{
float:left;
width:105%;
height:auto;
display:none;
}
.newcase ul li{
float:left;
width:285px;
height:265px;
margin-right:23px;
margin-top:23px;
}
.newcase ul li a .caseimg{
float:left;
width:285px;
height:176px;
overflow:hidden;

}
.newcase ul li a:hover img{
	transform: scale(1.2);
}




.newcase ul li a .casetitle{
float:left;
width:255px;
height:69px;
padding-top:20px;
font-size:14px;
color:#232528;
padding-left:15px;
padding-right:15px;
line-height:22px;
background:#fff;
-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;

}
.newcase ul li a:hover .casetitle{
float:left;
width:255px;
height:69px;
padding-top:20px;
font-size:14px;
color:#fff;
padding-left:15px;
padding-right:15px;
line-height:22px;
-moz-box-shadow:4px 5px 6px #A8A8A8; -webkit-box-shadow:4px 5px 6px #A8A8A8; box-shadow:4px 5px 6px #A8A8A8;
background:#fc7c38;
}
.news{
width:100%;
height:758px;
background:url(../images/bj4.png) no-repeat center top;
}
.biaoti{
float:left;
width:100%;
height:100px;
margin-top:85px;
}
.yle{
float:left;
width:50%;
height:auto;
}
.biaoti1{
float:left;
width:100%;
height:auto;
font-size:38px;
font-weight:bold;
color:#232528;
}
.biaoti2{
float:left;
width:100%;
font-size:16px;
color:#232528;
margin-top:5px;
}
.biaoti3{
float:left;
width:40PX;
margin-top:20px;
border-bottom:1PX solid #222;
}
.yre{
float:right;
width:auto;
height:auto;
padding-top:30px;
}
.news ul{
float:left;
width:103%;
margin-top:40px;
}
.news ul li{
float:left;
width:320px;
height:220px;
margin-top:10px;
margin-right:90px;
}
.news ul li a .time{
float:left;
width:100%;
height:38px;
background:url(../images/rl.png) no-repeat left center;
font-size:24px;
color:#232528;
text-indent:50px;
-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;

}
.news ul li a .title{
float:left;
width:100%;
height:auto;
font-size:18px;
color:#232528;
padding-top:15px;
font-weight:bold;
-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;

}
.news ul li a .content{
float:left;
width:100%;
height:auto;
font-size:14px;
color:#232528;
padding-top:5px;
-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;

}
.news ul li a .more{
float:left;
width:85px;
height:30px;
background:url(../images/k.png) no-repeat;
margin-top:20px;
-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;

}






.news ul li a:hover .title{
color:#ff5f09;
}
.news ul li a:hover .more{
background:url(../images/k1.png) no-repeat;
}

.foot{
width:100%;
height:auto;
background:#ff5f09;
}
.footlogo{
float:left;
width:100%;
height:110px;
background:url(../images/footlogo.png) no-repeat center center;
border-bottom:1px solid #ff8b4c;
}
.footmenu{
float:left;
width:100%;
height:70px;
text-align:center;
font-size:16px;
line-height:70px;
}
.footmenu a{
color:#fff;
padding-left:15px;
padding-right:15px;
}
.footmenu a:hover{
text-decoration:underline;
}
.copyright{
float:left;
width:100%;
height:auto;
padding-top:10px;
padding-bottom:10px;
color:#fff;
text-align:center;
line-height:22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.links{
float:left;
width:100%;
height:45px;
background:#3f4042;
color:#fff;
line-height:45px;
text-indent:20px;
text-align:center;
}
.links a{
color:#fff;
padding-right:10px;
}
.links a:hover{
color:#fff;
text-decoration:underline;
}


.banner .hd{
    width: 1280px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 2;
    height: 15px;
    top: 700px;
	
}
.banner .hd ul{
margin:auto;
width:120px;
}
.banner .hd ul li{
    float: left;
    width:16px;
    height: 16px;
    border: 1px solid #fff;
	background:#fff;
    border-radius: 50%;
    cursor: pointer;
	margin:3px;
}
.banner .hd ul li.on{
    background: #ff5f09;
	width:30px;
    border: 1px solid #ff5f09;
    border-radius:10px;
}
.banner .bd ul li{
    width: 100%;
    height: 700px;
	margin:0px;
	padding:0px;
    background-size: cover;

}


