@charset "utf-8";
/* CSS Document */

.banner
{
	width:100%;
	height:603px;

}

.shutter {
  overflow: hidden;
  width:100%;
  height:603px;
  position: relative;
  margin:0 auto;
  
}
.shutter-img {
  z-index: 1;
}
.shutter-img,
.shutter-img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.shutter-img a {
  cursor: default;
}
.shutter-img a > img {
  width: 100%;
  height: 100%;
}
.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.shutter-btn {}
.shutter-btn li {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 49px;
  height: 49px;
  margin-top: -25px;
  cursor: pointer;
}
.shutter-btn li.prev {
  left: 20px;
  background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px;
}
.shutter-btn li.next {
  right: 20px;
  background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px;
}
.shutter-desc {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: url(../images/shutter_shadow.png) repeat;
}
.shutter-desc p {
  padding-left: 20px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
}


.aboutcen{ width:100%; min-height:350px;}
.mian{width:1203px; margin:0 auto;}

.about_ti{ width:576px; margin:0 auto; background:url(../images/abou_ti.png) no-repeat center 15px; padding-top:15px;}
.about_ti .abt_ti1{ width:576px; float:left; line-height:30px; padding-top:15px; text-align:center; font-size:23px; color:#303030;}
.about_ti .abt_ti1 a{font-weight:bold; color: #303030;}
.about_ti .abt_ti2{ width:576px; float:left; text-align:center;font-size:16px; color:#ababab;}
.about_ti .abt_ti2 a{font-size:16px; color:#ababab;}
.about_ti .abt_ti3{ width:576px; float:left; text-align:center; font-size:18px; color:#515151;}

.about{width:1203px; float:left; margin-top:30px;}
.aboufl{ width:597px; float:left; margin-top:10px;}
.aboufl h2{width:597px; line-height:35px; float:left; font-size:30px; color:#ABABAB; font-weight:normal; font-family:Arial;}
.aboufl h3{width:597px; float:left; margin-top:5px; margin-bottom:5px; font-size:23px; color:#004da1; font-weight:bold;}

.aboufl p{ width:580px; text-indent:2em; line-height:25px; float:left; margin-bottom:15px; font-size:15px; color:#303030;}

.aboufr{ width:600px;}
.tre { width: 600px; height:353px; position: relative;
    overflow: hidden;
    cursor: pointer;}
.zoom {
    /* 缩放的元素 */
    width: 600px; height: 353px;
    vertical-align: middle;    
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
}
.tre:hover .zoom {
    /* hover放大 */
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    zoom: 1.05;
}



.categories{width:100%; min-height:442px; background-color:#dcdcdb;}
.catego{ width:1203px; float:left; margin-top:40px; min-height:80px; background:url(../images/procebg.jpg) no-repeat center top;}
.catego li{height:40px; margin:0 25px; margin-top:15px; line-height:40px; background-color: #a4a4a4; float:left; border-radius: 6px;}
.catego li a{height:40px; float:left; padding: 0 27px; line-height:40px; text-align:center; color:#484848; }
.tegoti{font-size:16px;}
.tegotii{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}




/*产品推荐*/
.produshow{ width:100%; min-height:458px; background-color:#FFF;}
.show{width:100%;}
.box1 {width:1203px;position:relative;float:left; margin-top:30px; padding-bottom:40px;}
.box1 .leftLoop {overflow:hidden;width:1203px;float:left;}
.box1 .leftLoop .hd .prev,.hd .next {display:block;width:39px;height:73px;cursor:pointer;z-index:98;top:105px;}
.box1 .leftLoop .hd .prev {position:absolute;left:-48px;background:url(../images/profl.jpg) no-repeat;}
.box1 .leftLoop .hd .next {position:absolute;left:1210px;width:39px;height:73px;background:url(../images/profr.jpg) no-repeat;}
.box1.leftLoop .hd ul {float:ri  ght;overflow:hidden;zoom:1;margin-top:10px;}
.box1 .leftLoop .hd ul li {position:relative;_display:inline;float:left;width:260px;height:10px;overflow:hidden;background:#ccc;margin-right:10px;text-indent:-999px;cursor:pointer;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.box1 .leftLoop .bd ul li .pic img {width:264px;height:264px;}
.box1 .leftLoop .hd ul li.on {background:#f00;}
.box1 .leftLoop .bd ul {overflow:hidden;zoom:1;}
.box1 .leftLoop .bd ul li {width:264px; float:left;margin:0 5px;text-align:center;float:left;_display:inline;overflow:hidden;}
.box1 .leftLoop .bd ul li .pic{width:264px; float:left;}
.box1 .leftLoop .bd ul li .titlle a{ width:264px; float:left;color:#666666; padding-top:15px; padding-bottom:15px; }
.box1 .leftLoop .bd ul li .titlle{width:264px; float:left; background-color:#d5d5d5;}
.box1.leftLoop .bd ul li .titlle a img{ padding-bottom:15px;}
.box1 .tempWrap {
	width:1203px; !important
}
/*产品推荐*/

.features{ width:100%; background:url(../image/featuresbg.jpg) no-repeat center top; min-height:631px;}

.featfl{ width:432px; margin-top:120px;}
.featfl h2{width:432px; float:left; font-size:23px; font-weight:bold; color:#FFF; line-height:25px;}
.featfl h3{width:432px; float:left; font-size:23px; color:#FFF; font-weight:bold; margin-top:5px; margin-bottom:30px;}
.featfl span{width:432px; float:left; font-size:15px; color:#FFF; margin-top:50px;}
.featfl a{ width:432px; float:left; margin-top:50px; margin-bottom:25px;}


.ffeaurfr{ width:693px;}
.ffeaurfr .feat{ width:693px; float:left;}
.fanghz{width:693px; float:left;}
.ffeaurfr .feat div{ float:left; text-align:center;}
.ffeaurfr .feat div strong{ width:123px; float:left; font-size:18px; font-weight:bold; color:#FFF;}
.ffeaurfr .feat div small{ width:123px; float:left; font-size:15px; color:#FFF;}
.ffeaurfr .feat div .featone{ width:123px; margin-left:300px; margin-top:160px;}

.feattwo{ width:123px; float:left; margin-left:75px; margin-top:70px;}
.ffeaurfr .feat div .feattwo strong{  width:123px; float:left; font-size:18px; font-weight:bold; color:#FFF;text-align:left;}
.ffeaurfr .feat div .feattwo small{width:123px; float:left; font-size:15px; color:#FFF; text-align:left;}

.featthre{width:153px; float:left; margin-left:340px; margin-top:70px;}
.ffeaurfr .feat div .featthre strong{width:153px;text-align:right;}
.ffeaurfr .feat div .featthre small{width:153px;text-align:right;}

.featfour{width:253px; float:left; margin-left:100px; margin-top:120px;}
.ffeaurfr .feat div .featfour strong{width:253px;}
.ffeaurfr .feat div .featfour small{width:253px;}

.featfive{width:253px; float:left; margin-left:40px; margin-top:120px;}
.ffeaurfr .feat div .featfive strong{width:253px;}
.ffeaurfr .feat div .featfive small{width:253px;}

.online{width:100%; background:url(../image/onlinebg.jpg) no-repeat center top; min-height:366px;}
.olinecont{width:1023px; float:left; margin-top:135px;}
.cont{width:530px; float:left; min-height:230px;}
.top3{width:530px;float:left; }
.top3fll{width:530px; float:left; margin-top:5px;}
.topcen{width:255px; margin-right:10px; float:left; margin-bottom:10px;}
.topcen1{width:530px; float:left;}
.top3 input{border:none; margin-top:5px;}
.top3 .btn_ss{float:left;width:255px;height:40px;line-height:40px;text-indent:1em; background-color:#FFF;color:#b6b6b6;border:1px solid #ffffff;}
.top3 .btn_ss2{float:left;width:520px;height:80px;line-height:20px;text-indent:1em; background-color:#FFF;color:#b6b6b6;border:1px solid #ffffff; margin-bottom:8px;}
.topbtn{ width:530px; float:left; text-align:center;}


.choose{ width:100%; background:url(../images/chosrbg.jpg) no-repeat center top; min-height:657px;}
.choocen{width:1203px; float:left; margin-top:30px;}
.chossfl{width:1203px;}

.chhotop{ width:385px;}
.chhotop dl{ width:385px; float:left; background-color:#f5a100; }
.chhotop dl dt{ width:313px; float:left; margin-left:40px; margin-top:20px; height:47px; line-height:27px; margin-bottom:20px; font-size:21px; color:#fffefe; font-weight:bold;}
.chhotop dl dd{ width:313px;margin-left:40px; padding-bottom:20px; font-size:15px; float:left; float:left; color:#FFF;}

.chhotop:nth-child(1){ margin-right:20px;}
.chhotop:nth-child(2){ margin-right:20px;}

.ysone { width: 385px; height:354px; position: relative;
    overflow: hidden;
    cursor: pointer;}
.ysone {
    /* 缩放的元素 */
    width: 385px; height: 354px;
    vertical-align: middle;    
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
}
.ysone:hover .ysone {
    /* hover放大 */
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    zoom: 1.05;
}



.application{width:100%; background:url(../image/applibg.jpg) no-repeat center top; min-height:686px;}


.newscont{width:100%; background:url(../images/newbg.jpg) no-repeat center top; min-height:502px;}

.newsright{ width:100%; float:left;}
.newsright ul{ width:506px; float:right; margin-top:44px;}
.newsright ul li{ width: 506px; float: left; line-height:28px; font-size:16px; color:#ffffff;}

.newsleft{ width:1203px; float:left;}
.mewstitle{width:308px; float:left;}
.newsleft h2{ width:308px; float:left; line-height:30px;}
.newsleft h2 a{font-size:27px; color:#FFF;}
.newsleft h3{ width:308px; float:left; margin-top:20px;}


.mews1{ width:700px; float:left; margin-left:120px; margin-top:40px;}
.mews1 ul{ width:700px; float: left;}
.mews1 ul li{ width:700px; float:left; line-height:39px;}
.mews1 ul li a{float:left;}
.mews1 ul li span{ float:right;}



.mews1 li {
	line-height: 3;
}


.picbox {
	margin:0 auto;
	width: 1230px;
}

.picbox li {
	float:left;
	
}


.shape {
	width: 260px;
	height: 260px;
	position: relative;
}

.shape .overlay {
	display:block;
	width:260px;
	height:260px;
	position: absolute;
	top:-5px;
	left:-5px;
	-webkit-transform: scale(1,1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 0.6s;
	-moz-transform: scale(1,1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 0.6s;
	transform: scale(1,1);
	transition-timing-function: ease-out;
	transition-duration: 0.6s;				
	z-index:500;
	/* allow user to actually perform actions underneath this layer */
	pointer-events:none; 
	background-repeat: no-repeat;
	outline:0;		
}

.shape:hover {
	cursor: pointer;
}

/* different shapes */
.shape .overlay.round {

}
			

/* hover effect */
.shape:hover .overlay {
	-webkit-transform: scale(1.07,1.07);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 0.3s;
	-moz-transform: scale(1.07,1.07);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 0.3s;
}


.shape:hover .bg {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display:block;
}

.shape:hover .details {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	z-index:450;
	display:block;	
}	
/* content styles */
.shape .bg, 
.shape .details {
	position: absolute;
	width:260px;
	height:260px;
	border-radius:150px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;				
	display:none;  
}		

.shape .bg {
	background:#4b5a78;		
}

.shape .details span.heading {
	font-family: 'Microsoft Yahei', serif;		
	font-size:20px;
	display:block;
	margin-top:70px;
	color:#fff;
	text-decoration:none;
}

.shape .details p {
	font-family: 'Microsoft Yahei', sans-serif;		
	color:#fff;
	width: 70%;
	font-size:14px;
	margin:0 auto;
}

.shape a.button {
	padding:5px 15px;
	font-family: 'Microsoft Yahei', sans-serif;	
	font-size:14px;	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	background: #2f3644;
	text-decoration:none;
	color:#fff;
	display:block;
	width:50px;
	margin:0 auto;
	text-align:center;
	margin-top:15px;
}

.shape a.button:hover {
	background: #fff;
	color: #2f3644;				
}

.picmt{ margin-top:280px;}
.picdt{ margin-left:10px; margin-top:50px;}
.piczd{ margin-left:80px; margin-top:100px;}
.picgl{margin-left:80px; margin-bottom:80px;}