@charset "utf-8";



/*硕方产品*/



/*关于我们*/

#floor_4_about{background: url(../images/floor_1_main.jpg) no-repeat; margin-top:50px; padding-bottom:20px;}



  /*样式1*/

  

  #floor_4{ width:90%; margin:0px auto; height:100%}



.left_title4{ text-align: center;padding-top: 2%;padding-bottom: 2%; }



.left_title4 h2 {  font-size:30px; }



.left_title4 h2 a{ font-size:30px;  color:#d80004;font-family: 'Microsoft YaHei';  font-family:"微软雅黑"; font-weight:bold; }



.left_title4 p { font-size:16px;  color:#fff; font-family: 'Microsoft YaHei'; font-weight: normal; padding-top:5px;}



.left_body4 { overflow:hidden; zoom:1;  }



.left_body4_1{float: right;width: 45%;position: relative; height:377px; padding-top:2%;}



.left_body4_1 img{width: 92%;}



.left_body4_1 .prev{position: absolute;width: 32px;height:50px;left:-8%;top:50%;display: block;background: url(../images/sprite.png) 0 0}



.left_body4_1 .next{position: absolute;width: 32px;height:50px;left:95%;top:50%;display: block;background: url(../images/sprite.png) right top;}



.left_body4_2{float: left; width: 50%;}



.left_bottom1 { height:auto;  margin-bottom:5px;}



.ChannelSContent, .ChannelSContent p{ line-height:1.8em; font-size:18px; color:#FFFFFF;}



.ChannelContent a{ color: #fff}



.ChannelSContent{color:#666;  line-height:28px; overflow:hidden; padding-top:1.3%;}



.ChannelSContent a:hover{     color: #fff; }



.ChannelSContent img, .InfoContent img{ max-width:100% }



.ChannelSContent ul{

	width: 600px;

	padding-top: 2%;

}

.ChannelSContent ul li{

	width: 120px;

	height: 130px;

	background: #fff;

	display: block;

	float: left;

	margin: 10px;

	text-align: center;

	padding-top: 80px;

	-webkit-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-ms-transition-duration: .5s;

	-o-transition-duration: .5s;

	transition-duration: .5s;

	box-sizing: border-box;

}

.ChannelSContent ul li:hover{

	border: solid 2px #fff;

	background: none;}

	

.ChannelSContent ul li:nth-of-type(1){

	background: url(../images/jj1.png) top center no-repeat #fff;

	

}

.ChannelSContent ul li:nth-of-type(1):hover{

	border: solid 2px #fff;

	background: url(../images/jj1x.png) top center no-repeat;

}

.ChannelSContent ul li:nth-of-type(2){

	background: url(../images/jj2.png) top center no-repeat #fff;

}

.ChannelSContent ul li:nth-of-type(2):hover{

	border: solid 2px #fff;

	background: url(../images/jj2x.png) top center no-repeat;

}

.ChannelSContent ul li:nth-of-type(3){

	background: url(../images/jj3.png) top center no-repeat #fff;

}

.ChannelSContent ul li:nth-of-type(3):hover{

	border: solid 2px #fff;

	background: url(../images/jj3x.png) top center no-repeat;

}

.ChannelSContent ul li:nth-of-type(4){

	background: url(../images/jj4.png) top center no-repeat #fff;

}

.ChannelSContent ul li:nth-of-type(4):hover{

	border: solid 2px #fff;

	background: url(../images/jj4x.png) top center no-repeat;

}



/*优势*/

  /*样式*/

#floor_2{ width:90%; margin:0px auto;}



.left_title2 { height:90px;margin-top:10px; line-height: 40px;}



.left_title2 h2 { font-size:30px;   font-weight:bold;text-align: center;}



.left_title2 h2 a{ color: #000100;}



.left_title2 h2 p{ color: #666666;font-size: 16px;text-align: center;font-weight: normal;background: url(../images/ttitle_center.png) top center no-repeat}



.left_body2 {  overflow:hidden; zoom:1; border-top:0; border-bottom:0}



.left_bottom3 { height: 5px;  line-height:0;  overflow:hidden; margin-bottom:5px;}

  /*列表*/



.gridlist1{ overflow:hidden; width:100%;}



.gridlist1 li {opacity: 0;position:relative; float:left; text-align:center; overflow:hidden; display:inline;



  text-overflow:ellipsis; background: url(../images/gridlist1_li.png) no-repeat;  width: 18.4%;height: 415px; background-size: 100%;  }



.gridlist1 li:hover{ background: url(../images/gridlist1_li_hover.png) no-repeat;  width: 18.4%;height:415px; background-size: 100%;}



.gridlist1 li .InfoTitleImg{overflow:hidden;}



.gridlist1 li img { width: 60%;  height: auto;  position: absolute;  top:42%;  left: 20%;  z-index: 10;}

.gridlist1 li a { white-space:nowrap; line-height:28px;}



.gridlist1 .delay2{margin: 0 2%;display: inline;}



.gridlist1 .delay3{margin-right:2%;display: inline;}



.gridlist1 .delay4{margin-right:2%;display: inline;}



.gridlist1 li .InfoTitle { white-space:nowrap; line-height:19px; display:block;color:#fff;font-size: 22px;padding-top: 20px;padding-bottom:20px;font-weight:bold;}



.gridlist1 li p{ width: 85%;

    line-height: 24px;

    font-size: 14px;

    padding: 0 20px;

    margin: 0px auto;

	color:#fff;}



.gridlist1 li .InfoTitle:hover{color:#EEF076;}

.animated {



  -webkit-animation-duration:1s;



  animation-duration: 1s;



  -webkit-animation-fill-mode: both;



  animation-fill-mode: both;



}

.animated1 {



  -webkit-animation-duration:3s;



  animation-duration: 3s;



  -webkit-animation-fill-mode: both;



  animation-fill-mode: both;



}

.delay1{ -webkit-animation-delay:0.2s; animation-delay:0.2s; }



.delay2{ -webkit-animation-delay:0.4s; animation-delay:0.4s; }



.delay3{ -webkit-animation-delay:0.6s; animation-delay:0.6s; }



.delay4{ -webkit-animation-delay:0.8s; animation-delay:0.8s; }



.delay5{ -webkit-animation-delay:1s; animation-delay:1s; }





.delay_1{ -webkit-animation-delay:3s; animation-delay:3s; }



.delay_2{ -webkit-animation-delay:3.2s; animation-delay:3.2s; }



.delay_3{ -webkit-animation-delay:3.4s; animation-delay:3.4s; }



.delay_4{ -webkit-animation-delay:3.6s; animation-delay:3.6s; }







.delay_21{ -webkit-animation-delay:1s; animation-delay:1s; }



.delay_22{ -webkit-animation-delay:1.2s; animation-delay:1.2s; }



.delay_23{ -webkit-animation-delay:1.4s; animation-delay:1.4s; }



.delay_24{ -webkit-animation-delay:1.6s; animation-delay:1.6s; }



.delay_25{ -webkit-animation-delay:1.8s; animation-delay:1.8s; }



@-webkit-keyframes lightSpeedIn {



  from {



    -webkit-transform: translate3d(150%, 0, 0) ;



    transform: translate3d(150%, 0, 0) ;



    opacity: 0;



  }



  to {



    -webkit-transform: none;



    transform: none;



    opacity: 1;



  }



}



@keyframes lightSpeedIn {



  from {



    -webkit-transform: translate3d(150%, 0, 0) ;



    transform: translate3d(150%, 0, 0) ;



    opacity: 0;



  }



  to {



    -webkit-transform: none;



    transform: none;



    opacity: 1;



  }



}



.lightSpeedIn {



  -webkit-animation-name: lightSpeedIn;



  animation-name: lightSpeedIn;



  -webkit-animation-timing-function: ease-out;



  animation-timing-function: ease-out;



}

@-webkit-keyframes slideInUp {



  from {



    -webkit-transform: translate3d(0, 100%, 0);



    transform: translate3d(0, 100%, 0);



    opacity: 0;



  }







  to {



    -webkit-transform: translate3d(0, 0, 0);



    transform: translate3d(0, 0, 0);



    opacity: 1;



  }



}



@keyframes slideInUp {



  from {



    -webkit-transform: translate3d(0, 100%, 0);



    transform: translate3d(0, 100%, 0);



    opacity: 0;



  }







  to {



    -webkit-transform: translate3d(0, 0, 0);



    transform: translate3d(0, 0, 0);



    opacity: 1;



  }



}



.slideInUp {



  -webkit-animation-name: slideInUp;



  animation-name: slideInUp;



  -webkit-animation-timing-function: ease-out;



  animation-timing-function: ease-out;



}

/*成功案例*/

#floor_3_case{ background:url(../images/floor2.jpg) no-repeat center top; }



#floor_3{ text-align:center; width:90%; margin:0px auto;} 

  /*样式1*/



.left_title3{ background:url(../images/left_title1.jpg) no-repeat; }



.left_title3 h2 { font-size:30px; }



.left_title3 h2 a{ line-height:40px; color:#d42828; }



.left_title3 h2 a .color{ color:#000; }



.left_title3 p{ font-size:14px; color:#d42828; text-transform:uppercase; font-weight:normal; padding-top:16px; background:url(../images/left_title.png) no-repeat center top; }



.left_body3{ overflow:hidden; zoom:1; color:#000; border-bottom:0; border-top:0; padding-top:15px;}



.left_bottom1{ text-align:center; }



.left_bottom1 .ViewMore{ width:144px; color:#fff; text-align:center; font-size:14px; line-height:36px; display:block; background:url(../images/viewmore.jpg) repeat-x; 



border-radius:3px; margin:15px auto 30px; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; }



  /*列表*/



.gridlist2{ overflow:hidden;}



.gridlist2 li{ float:left; margin:4px 21px 10px 0; text-align:center; overflow:hidden; display:inline; background:#1d1b1c; text-overflow:ellipsis; white-space:nowrap; 



box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;width:25%; }



.gridlist2 li img{ width:95%; border:7px solid #1d1b1c; vertical-align:middle; }



.gridlist2 li a{ white-space:nowrap; line-height:28px; }



.gridlist2 li a b{ display:none; position:absolute; width:33%; height:33%; left:33%; top:31%; font-size:16px; color:#fff; text-align:center; font-weight:normal; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background:url(../images/case1.png) repeat; }



.gridlist2 li a b img{ width:auto; border:none; display:block; margin:0 auto; padding:40px 0 15px; }



.gridlist2 li p{ width: 100%; padding:5px 0 15px; color:#fff; margin: 0 auto; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }



.gridlist2 li:hover a b{ display:block; }





/*新闻中心*/

#floor_1{ width:90%; margin:0px auto; overflow:hidden; margin-top:20px;}

.left_title1{ height:69px;line-height: 40px; text-align: center; }

.left_title1 h2 { font-size:30px;   font-weight:bold;text-align: center;}



.left_title1 h2 a{ color: #000100;}



.left_title1 h2 p{ color: #666666;font-size: 16px;text-align: center;font-weight: normal;background: url(../images/ttitle_center.png) top center no-repeat}



.left_body1 { overflow:hidden; zoom:1; padding-bottom:1%; margin-top:20px;}



.bd2{float: left;width: 45%; padding-top:0.6%; padding-left:0.5%; }



.textlist1 li { overflow:hidden; position: relative;}



.textlist1 li .InfoUrl{ display: block;}



.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:6px 0px}



.textlist1 li .InfoTitle{z-index: 100;position: absolute;left: 0;  top: 92%;  font-size: 16px;  color: #fff;   width: 100%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}



.textlist1 li .InfoTitle:hover{color: #da1a1d;}



.textlist1 li a{ overflow:hidden;float: left}



.textlist1 li img{width: 100%; height:auto;}



.textlist1 li span{display: block; width: 100%; height:10%; position: absolute; bottom: 0;  background: #000;  z-index: 10;  opacity: 0.5; }







.textlist2{overflow: hidden ;width:100% }

.textlist2 li{

	width: 47%;

	float: left;

	height: 120px;

	margin: 1% 1% 1% 0px;

	background: #fff;

	border: solid 1px #ddd;

}

.textlist2 li h4{

	font-size: 18px;

	color: #000;

	font-weight: normal;

	line-height: 40px;

}

.textlist2 li p{

	font-size: 14px;

	line-height: 25px;

	color: #999;

}

.textlist2 li:hover .news-time{

	background: #da040f;

	color: #fff;

	

}

.textlist2 li:hover h4 a{

	color: #da040f;

}

.textlist2 li .news-time{

	background: #f8f8f8;

	width: 100px;

	height: 120px;

	font-size: 30px;

	color: #a5a5a5;

	text-align: center;

	float: left;

	line-height: 80px;

	display: block;

	margin-right: 20px;

}

.textlist2 li .news-time span{

	font-size: 18px;

	color: #a5a5a5;

	display: block;

	line-height: 40px;

	background: #e4e4e4;

}

/*常见问题*/

#floor_5_news{ height:550px; background:url(../images/floor6.jpg) no-repeat center top; }



#floor_5{ width:800px; margin:0 auto; padding:70px 0 40px; color:#fff; }

.left_title5{ text-align:center; line-height:30px;}



.left_title5 h2 a{ font-size:22px; font-weight:normal; color:#222; }



.left_title5 p{ font-size:14px; color:#666; text-transform:uppercase; font-weight:normal; }



.left_body5{overflow:hidden; border:1px solid #ebebeb; height:310px; font-size:16px;}



.textlist4 li{ border-bottom:1px solid #ebebeb; padding-right:15px;}



.textlist4 li a{ color:#4e4e4e; line-height:50px; padding-left:20px; }



.textlist4 li .InfoTitle{ padding-left:15px; }



.textlist4 li .View{ float:right; width:70px; height:28px; line-height:30px; background:#d42828; color:#fff; text-align:center; border-radius:12px;  margin-top:11px; }



.textlist4 li a:hover .View{ background:#982726; }

/*合作客户*/



/*产品分类*/

/*标题部分*/

.pro_fl h3,.pro_fl ul,.pro_fl h4{ margin:0; padding:0;}

.pro_fl h3{ background-color: #d80004; height:95px; line-height:65px; font-family:"微软雅黑"; font-size:24px; color:#FFFFFF;text-align: center; border-radius: 10px 10px 0px 0px; }

.pro_fl h3 img{ width:100%; height:auto; margin:0px auto;}

.pro_fl .left_about .table1{     border:#d80004 3px solid; border-top:none; padding:2% 5% 4% 5%;    background-color:#ffffff; width:87%;}

.pro_fl .left_about h4{font-size:16px; font-weight:bold;border-bottom: dashed 0px #dbdbdb; width:100%; position:relative; margin-top:4%;}

.pro_fl .left_about h4 img{ width:100% !important; height:auto;}

.pro_fl .left_about h4 a{top:25%; position:absolute; left:25%;color:#ffffff;}

.pro_fl .left_about h4 a:hover{ color:#ffffff; text-decoration:none; font-weight: bold;}



#pro-box1{

	width: 100%;

	height: 500px;

	margin: 50px auto;

}

#pro-box1 li{

		width: 32%;

		height: 350px;

		background: #fff;

		margin: 10px 0.66%;

		float: left;

		list-style: none;

		overflow: hidden;

		position: relative;

		z-index: 0;

		box-shadow: 0px 0px 10px #ccc;

		

}

#pro-box1 li img{

		width: 100%;

		height: 290px;

		padding: 0;

		margin: 0;

}

#pro-box1 li p{

	position: absolute;

	width: 100%;

	height:70px;

	background: #fff;

	z-index: 999;

	left: 0;

	bottom: 0;

	-webkit-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-ms-transition-duration: .5s;

	-o-transition-duration: .5s;

	transition-duration: .5s;

	

	

}

#pro-box1 li:hover p{

	position: absolute;

	width: 100%;

	height:auto;

	background: #fff;

	z-index: 999;

	left: 0;

	bottom: 0;

}

#pro-box1 li:hover .more22{

	background: #c8111b;

}

#pro-box1 li p span:nth-of-type(1){

	padding-left: 30px;

	font-size: 16px;

	line-height: 30px;

	color: #999;

}

#pro-box1 li p>a{

		width: 100%;

		line-height:50px;

		height: 30px;

		text-align: left;

		font-size: 20px;

		color: #000;

		display: block;

		padding-top: 10px;

		padding-left: 30px;

}

#pro-box1 li p em{

	background: url(../images/pro-tel.jpg) left center no-repeat;

	padding-left: 30px;

	font-size: 20px;

	color: #666;

	line-height: 40px;

	display: block;

	margin-left: 30px;

}

#pro-box1 .more22{

	background: #c8111b;

	text-align: center;

	width: 100%;

	height: 50px;

	line-height: 50px;

	font-size: 18px;

	display: block;

}

#pro-box1 .more22 a{

	color: #fff;

	text-align: center;

}



/*messages*/



.messages{padding:15px 0;position:absolute;}



.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; font-family:"Microsoft Yahei";}



.messlist {height:30px;margin-bottom:15px;}



.messlist label{float:left;width:60px; height:30px; font-size:14px; line-height:30px; text-align:right;padding-right:10px;}



.messlist input{float:left;width:610px;height:28px;padding-left:5px;border:#ccc 1px solid;}



.messlist.textareas{ height:60px;}



.messlist textarea{float:left;width:605px; height:60px;padding:5px;border:#ccc 1px solid;}



.messlist.yzms input{width:100px;}



.messlist.yzms .yzmimg{ float:left;margin-left:10px;}



.messsub{padding:0px 0 0 110px; margin-top: 30px;}



.messsub input{color:#fff;width:210px; height:45px; background:#979797; font-size:14px; font-weight:bold; cursor:pointer;margin-right:125px;float:left;}

.right-nr {

    color: #333;

    font-size: 14px;

    min-width: 500px;

    line-height: 30px;

}

.send {

    height: 500px;

    width: 700px;

    margin: 0 auto;

}