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

.service{ padding:80px 0 0 0;}
.service  .container{ overflow:hidden;}
.chanye{ padding:40px 0 0 0;}
.chanye .title{ text-align:center;}
.chanye .title h1{ font-size:24px; text-transform:uppercase; }
.chanye .title p{ font-size:16px; line-height:24px; width:80%; margin:30px auto;}
.chanye_list{ text-align:center; margin-bottom:30px; position:relative; right:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.chanye_list_bg{ overflow:hidden;}
.chanye_list img{width:100%; height:auto; display:block; transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;}
.chanye_list h2{ font-size:16px; color:#0187d0; font-weight:bold; line-height:30px; margin-top:8px;  text-transform:uppercase; }
.chanye_list:hover img{transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;


transform:translate(0,-10px);    
-webkit-transform:translate(0,-10px);    
-moz-transform:translate(0,-10px);   
-o-transform:translate(0,-10px);    
-ms-transform:translate(0,-10px);
 }

/****index1*****/

.product{ height:420px; background:url(../images/cp_bg.jpg) center center no-repeat fixed; padding:80px 0; overflow:hidden; }
.pro_a{ position:relative; top:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.product p{ color:#fff; line-height:24px; font-size:14px; width:80%; margin:0 auto; text-align:center;}

.product .news_title p:after{ background:#fff;}
.product .news_title{ margin-bottom:80px;}

.keyan{ padding:80px 0;}
.keyan_con_pic{ position:relative; right:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.keyan_con_text{  position:relative; left:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.keyan_con_pic .in img{ width:100%; height:auto; display:block; transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;}
.keyan_con_pic .in:hover img{
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;



transform:scale(1.1);   
-webkit-transform:scale(1.1);   
-moz-transform:scale(1.1);    
-o-transform:scale(1.1);   
 -ms-transform:scale(1.1);
	
	}
.keyan_con_text p{ color:#666; line-height:24px; font-size:14px; text-indent:2em; margin-top:25px;}


.sccj{ padding:80px 0; background:#f3f3f3;}
.sccj_a{  position:relative; left:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.sccj_list{ padding-bottom:50px;}
.sccj_list img{ width:100%; height:auto; display:block; transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
	}
.sccj_list:hover img{
transform:translate(0,10px);    
-webkit-transform:translate(0,10px);    
-moz-transform:translate(0,10px);   
-o-transform:translate(0,10px);    
-ms-transform:translate(0,10px);

-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}


.jczx{ padding:80px 0; overflow:hidden;}
.jczx_a{ position:relative; top:200px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.jczx_list{ margin-bottom:30px; width:20%; padding:0 10px; box-sizing:border-box; float:left;   }
.jczx_list img{ width:100%; height:auto; display:block;}

.arrow-left2{ background:url(../images/left_bg.png) center center no-repeat; z-index:999 !important; width:30px !important; height:30px !important;}
.arrow-right2{ background:url(../images/right_bg.png) center center no-repeat; z-index:999 !important; width:30px !important; height:30px !important;}


/**  科研实力  **/
.keyan_a{ padding:80px 0;}
.keyan_a_list{ position:relative;}
.keyan_a_list img{  width:100%; height:auto;  display:block;  }
.keyan_a_text{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:99;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; 
}
.keyan_a_list:hover .keyan_a_text{filter:alpha(opacity=0.5); -moz-opacity:0; -khtml-opacity:0; opacity:0.5;  }
.keyan_a_list h3 { color:#fff; font-size:20px; text-align:center; width:100%; z-index:999;  margin-top:20px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:absolute; top:40%; text-align:center;
transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s; }
.keyan_a_list:hover h3{  filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; margin-top:0;  
transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;}

.more{ width:180px; border:1px #0187d0 solid;  display:block; text-align:center; font-size:14px; margin-top:40px; color:#fff;   background:#0187d0 !important; margin:40px auto 0 auto;}
.more:hover{width:180px; border:1px #0187d0 solid;  display:block; text-align:center; font-size:14px; margin-top:40px;  color:#fff;    background:#0187d0 !important; margin:40px auto 0 auto;}

.jczx_con{ position:relative; top:200px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }


@media(max-width: 768px){
	.service{ padding: 40px 0 0 0;}
	.product{
		height: 470px;
		padding: 40px 0;
	}
}